.re__border--std {
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    box-sizing: border-box
}

@keyframes gradient-animation-card-skeleton {
    from {
        left: 0%
    }

    to {
        left: 100%
    }
}

.hidden-mobile.m-cover {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    background-color: #F2F2F2;
    border-radius: 4px;
    height: 24px !important;
    line-height: 24px !important;
    border: none !important;
    box-sizing: content-box !important;
    padding: 4px 4px 4px 6px;
    margin-bottom: 2px
}

.hidden-mobile.m-cover::after {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #fff;
    background: #009BA1;
    content: "Hiện số";
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px
}

.hidden-mobile.m-cover.m-uncover::after {
    content: "Sao chép"
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
select,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: none
}

a {
    text-decoration: none
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

a a>code {
    color: inherit
}

* {
    -webkit-tap-highlight-color: transparent
}

*,
*::before,
*::after {
    box-sizing: border-box
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25
}

hr:not([size]) {
    height: 1px
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 0px
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0px
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 600
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small,
.re__small {
    font-size: 0.875em
}

mark,
.re__mark {
    padding: 0.2em;
    background-color: #fcf8e3
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

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

button,
select {
    text-transform: none
}

[role="button"] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

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

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.clear-left {
    clear: left
}

.clearfix {
    clear: both
}

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

span.text-new-content {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal !important;
    font-style: normal;
    font-size: 10px;
    line-height: 8px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #ffffff;
    background-color: #e03c31;
    padding: 2px 4px 2px 4px;
    margin-left: 4px;
    margin-right: 0px;
    margin-bottom: 3px !important;
    width: 28px;
    height: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    top: -1px;
    position: relative
}

.line-clear {
    display: block;
    clear: both
}

.re__container,
.re__container-fluid,
.re__container--sm,
.re__container--md,
.re__container--lg {
    width: calc(100% - 32px);
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: content-box
}

@media (min-width: 320px) {
    .re__container--sm {
        max-width: 559px
    }
}

@media (min-width: 599px) {

    .re__container--sm,
    .re__container--md {
        max-width: 1105px
    }
}

@media (min-width: 1135px) {

    .re__container--sm,
    .re__container--md,
    .re__container--lg {
        max-width: 1160px
    }
}

.re__row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2)
}

.re__row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y)
}

@media (min-width: 320px) {
    .re__col--sm {
        flex: 1 0 0%
    }

    .re__row-cols--sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .re__row-cols--sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .re__row-cols--sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .re__row-cols--sm-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .re__row-cols--sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .re__row-cols--sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .re__row-cols--sm-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .re__col--sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .re__col--sm-1 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 8.33333%;
        float: left
    }

    .re__col--sm-2 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 16.66667%;
        float: left
    }

    .re__col--sm-3 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 25%;
        float: left
    }

    .re__col--sm-4 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 33.33333%;
        float: left
    }

    .re__col--sm-5 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 41.66667%;
        float: left
    }

    .re__col--sm-6 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 50%;
        float: left
    }

    .re__col--sm-7 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 58.33333%;
        float: left
    }

    .re__col--sm-8 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 66.66667%;
        float: left
    }

    .re__col--sm-9 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 75%;
        float: left
    }

    .re__col--sm-10 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 83.33333%;
        float: left
    }

    .re__col--sm-11 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 91.66667%;
        float: left
    }

    .re__col--sm-12 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 100%;
        float: left
    }

    .re__offset--sm-0 {
        margin-left: 0
    }

    .re__offset--sm-1 {
        margin-left: 8.33333%
    }

    .re__offset--sm-2 {
        margin-left: 16.66667%
    }

    .re__offset--sm-3 {
        margin-left: 25%
    }

    .re__offset--sm-4 {
        margin-left: 33.33333%
    }

    .re__offset--sm-5 {
        margin-left: 41.66667%
    }

    .re__offset--sm-6 {
        margin-left: 50%
    }

    .re__offset--sm-7 {
        margin-left: 58.33333%
    }

    .re__offset--sm-8 {
        margin-left: 66.66667%
    }

    .re__offset--sm-9 {
        margin-left: 75%
    }

    .re__offset--sm-10 {
        margin-left: 83.33333%
    }

    .re__offset--sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 599px) {
    .re__col--md {
        flex: 1 0 0%
    }

    .re__row-cols--md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .re__row-cols--md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .re__row-cols--md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .re__row-cols--md-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .re__row-cols--md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .re__row-cols--md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .re__row-cols--md-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .re__col--md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .re__col--md-1 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 8.33333%;
        float: left
    }

    .re__col--md-2 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 16.66667%;
        float: left
    }

    .re__col--md-3 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 25%;
        float: left
    }

    .re__col--md-4 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 33.33333%;
        float: left
    }

    .re__col--md-5 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 41.66667%;
        float: left
    }

    .re__col--md-6 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 50%;
        float: left
    }

    .re__col--md-7 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 58.33333%;
        float: left
    }

    .re__col--md-8 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 66.66667%;
        float: left
    }

    .re__col--md-9 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 75%;
        float: left
    }

    .re__col--md-10 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 83.33333%;
        float: left
    }

    .re__col--md-11 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 91.66667%;
        float: left
    }

    .re__col--md-12 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 100%;
        float: left
    }

    .re__offset--md-0 {
        margin-left: 0
    }

    .re__offset--md-1 {
        margin-left: 8.33333%
    }

    .re__offset--md-2 {
        margin-left: 16.66667%
    }

    .re__offset--md-3 {
        margin-left: 25%
    }

    .re__offset--md-4 {
        margin-left: 33.33333%
    }

    .re__offset--md-5 {
        margin-left: 41.66667%
    }

    .re__offset--md-6 {
        margin-left: 50%
    }

    .re__offset--md-7 {
        margin-left: 58.33333%
    }

    .re__offset--md-8 {
        margin-left: 66.66667%
    }

    .re__offset--md-9 {
        margin-left: 75%
    }

    .re__offset--md-10 {
        margin-left: 83.33333%
    }

    .re__offset--md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1135px) {
    .re__col--lg {
        flex: 1 0 0%
    }

    .re__row-cols--lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .re__row-cols--lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .re__row-cols--lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .re__row-cols--lg-3>* {
        flex: 0 0 auto;
        width: 33.33333%
    }

    .re__row-cols--lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .re__row-cols--lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .re__row-cols--lg-6>* {
        flex: 0 0 auto;
        width: 16.66667%
    }

    .re__col--lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .re__col--lg-1 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 8.33333%;
        float: left
    }

    .re__col--lg-2 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 16.66667%;
        float: left
    }

    .re__col--lg-3 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 25%;
        float: left
    }

    .re__col--lg-4 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 33.33333%;
        float: left
    }

    .re__col--lg-5 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 41.66667%;
        float: left
    }

    .re__col--lg-6 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 50%;
        float: left
    }

    .re__col--lg-7 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 58.33333%;
        float: left
    }

    .re__col--lg-8 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 66.66667%;
        float: left
    }

    .re__col--lg-9 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 75%;
        float: left
    }

    .re__col--lg-10 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 83.33333%;
        float: left
    }

    .re__col--lg-11 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 91.66667%;
        float: left
    }

    .re__col--lg-12 {
        padding: 0px 16px;
        overflow: hidden;
        flex: 0 0 auto;
        width: 100%;
        float: left
    }

    .re__offset--lg-0 {
        margin-left: 0
    }

    .re__offset--lg-1 {
        margin-left: 8.33333%
    }

    .re__offset--lg-2 {
        margin-left: 16.66667%
    }

    .re__offset--lg-3 {
        margin-left: 25%
    }

    .re__offset--lg-4 {
        margin-left: 33.33333%
    }

    .re__offset--lg-5 {
        margin-left: 41.66667%
    }

    .re__offset--lg-6 {
        margin-left: 50%
    }

    .re__offset--lg-7 {
        margin-left: 58.33333%
    }

    .re__offset--lg-8 {
        margin-left: 66.66667%
    }

    .re__offset--lg-9 {
        margin-left: 75%
    }

    .re__offset--lg-10 {
        margin-left: 83.33333%
    }

    .re__offset--lg-11 {
        margin-left: 91.66667%
    }
}

.re__hide {
    display: none !important
}

.re__show {
    display: block !important
}

.re__hidden {
    display: none !important
}

.re__hidden-articel {
    display: none
}

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

.re__clear,
.clear {
    clear: both
}

.re__hide-item {
    display: none
}

.re__visible-item {
    visibility: hidden
}

.re__loading {
    display: none
}

.re__clamp-1-lines {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.re__clamp-2-lines {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.re__clamp-3-lines {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.re__text-center {
    text-align: center
}

.re__line-s {
    border-bottom: 8px solid #F2F2F2
}

.re__grey-line2 {
    width: 100%;
    height: 1px;
    background: #ccc;
    display: block
}

.hide {
    display: none
}

.show {
    display: block !important
}

.field-validation-error,
.error-message,
.re__error-message,
.re__info-message {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31
}

.field-validation-error span,
.error-message span,
.re__error-message span,
.re__info-message span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31
}

.center {
    text-align: center
}

.error-message {
    margin-top: 8px
}

@font-face {
    font-family: 'Nunito Bold';
    font-style: normal;
    font-weight: normal;
    src: url(Nunito-Bold.ttf);
    font-display: swap
}

@font-face {
    font-family: 'Roboto Regular';
    src: url(Roboto-Regular-v1.woff2);
    src: url(/fonts/Roboto-Regular-v1.eot#iefix) format("embedded-opentype"), url(Roboto-Regular-v1.ttf) format("truetype"), url(Roboto-Regular-v1.woff2) format("woff"), url(/fonts/Roboto-Regular-v1.svg#font-icon-bds) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto Medium';
    src: url(Roboto-Medium-v1.woff2);
    src: url(/fonts/Roboto-Medium-v1.eot#iefix) format("embedded-opentype"), url(Roboto-Medium-v1.ttf) format("truetype"), url(Roboto-Medium-v1.woff2) format("woff"), url(/fonts/Roboto-Medium-v1.svg#font-icon-bds) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto Bold';
    src: url(Roboto-Bold.woff2);
    src: url(/css/binnova/fonts/Roboto/Bold/Roboto-Bold.eot#iefix) format("embedded-opentype"), url(Roboto-Bold.ttf) format("truetype"), url(Roboto-Bold.woff2) format("woff"), url(/css/binnova/fonts/Roboto/Bold/Roboto-Bold.svg#font-icon-bds) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Lexend Medium';
    font-style: normal;
    font-weight: normal;
    src: url(Lexend-Medium-v1.woff2);
    font-display: swap
}

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

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

@font-face {
    font-family: "font-icon-bds";
    src: url(/fonts/icon/font-icon-bds-v202412171450.eot);
    src: url(/fonts/icon/font-icon-bds-v202412171450.eot) format("embedded-opentype"), url(font-icon-bds-v202412171450.ttf) format("truetype"), url(font-icon-bds-v202412171450.woff) format("woff"), url(/fonts/icon/font-icon-bds-v202412171450.svg) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
    font-display: swap
}

[class^="re__icon-"],
[class*=" re__icon-"] {
    font-family: "font-icon-bds" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    line-height: 1
}

[class^="re__icon-"] span[class^="path"],
[class*=" re__icon-"] span[class^="path"] {
    font-size: 24px;
    font-family: "font-icon-bds" !important;
    font-style: normal !important
}

[class^="re__icon-"][class*="--sm"],
[class*=" re__icon-"][class*="--sm"] {
    font-size: 16px
}

[class^="re__icon-"][class*="--sm"] span[class^="path"],
[class*=" re__icon-"][class*="--sm"] span[class^="path"] {
    font-size: 16px
}

[class^="re__icon-"][class*="--lg"],
[class*=" re__icon-"][class*="--lg"] {
    font-size: 32px
}

[class^="re__icon-"][class*="--lg"] span[class^="path"],
[class*=" re__icon-"][class*="--lg"] span[class^="path"] {
    font-size: 32px
}

[class^="re__icon-"][class*="--xl"],
[class*=" re__icon-"][class*="--xl"] {
    font-size: 48px
}

[class^="re__icon-"][class*="--xl"] span[class^="path"],
[class*=" re__icon-"][class*="--xl"] span[class^="path"] {
    font-size: 48px
}

[class^="re__icon-"] span {
    font-family: "font-icon-bds" !important
}

.re__icon-verified--xl .path1:before {
    content: "\eb26";
    color: #9bdabe
}

.re__icon-verified--xl .path2:before {
    content: "\eb27";
    margin-left: -1em;
    color: #07a35d
}

.re__icon-verified--xl .path3:before {
    content: "\eb28";
    margin-left: -1em;
    color: #000;
    opacity: 0.2
}

.re__icon-verified--xl .path4:before {
    content: "\eb29";
    margin-left: -1em;
    color: #fff
}

.re__icon-money--xl:before {
    content: "\ea65"
}

.re__icon-money--xl:before {
    content: "\e914"
}

.re__icon-360--xl .path1:before {
    content: "\e9d5";
    color: #fff
}

.re__icon-360--xl .path2:before {
    content: "\ea0a";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-box--xl .path1:before {
    content: "\ea0b";
    color: #fff
}

.re__icon-box--xl .path2:before {
    content: "\ea0c";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-house--xl:before {
    content: "\ea0d"
}

.re__icon-top--xl .path1:before {
    content: "\ea0e";
    color: #fff
}

.re__icon-top--xl .path2:before {
    content: "\ea0f";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-play--xl .path1:before {
    content: "\ea10";
    color: #fff
}

.re__icon-play--xl .path2:before {
    content: "\ea11";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-investor--xl:before {
    content: "\ea12"
}

.re__icon-building--xl:before {
    content: "\ea13"
}

.re__icon-calculator--xl:before {
    content: "\e901"
}

.re__icon-dollar--xl:before {
    content: "\e902"
}

.re__icon-name--xl .path1:before {
    content: "\e903";
    color: #fff
}

.re__icon-name--xl .path2:before {
    content: "\ea14";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-sun--xl:before {
    content: "\e904"
}

.re__icon-ying-yang--xl:before {
    content: "\e905"
}

.re__icon-download-app--lg:before {
    content: "\eb40"
}

.re__icon-top-price--lg .path1:before {
    content: "\eb35";
    color: #009ba1
}

.re__icon-top-price--lg .path2:before {
    content: "\eb36";
    margin-left: -2.125em;
    color: #9ed8da
}

.re__icon-top-price--lg .path3:before {
    content: "\eb37";
    margin-left: -2.125em;
    color: #9ed8da
}

.re__icon-img-aware--lg .path1:before {
    content: "\eb20";
    color: #ffc7c3
}

.re__icon-img-aware--lg .path2:before {
    content: "\eb21";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-img-aware--lg .path3:before {
    content: "\eb22";
    margin-left: -1em;
    color: #ffc7c3
}

.re__icon-img-aware--lg .path4:before {
    content: "\eb23";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-img-aware--lg .path5:before {
    content: "\eb24";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-img-aware--lg .path6:before {
    content: "\eb25";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-explore--lg:before {
    content: "\eb1e"
}

.re__icon-money-success--lg .path1:before {
    content: "\eae2";
    color: #2c2c2c
}

.re__icon-money-success--lg .path2:before {
    content: "\eae3";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-money-success--lg .path3:before {
    content: "\eae4";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-money-success--lg .path4:before {
    content: "\eae5";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-money-success--lg .path5:before {
    content: "\eae6";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-image-success--lg .path1:before {
    content: "\eae7";
    color: #2c2c2c
}

.re__icon-image-success--lg .path2:before {
    content: "\eb13";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-image-success--lg .path3:before {
    content: "\eb14";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-image-success--lg .path4:before {
    content: "\eb15";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-location-success--lg .path1:before {
    content: "\eae9";
    color: #2c2c2c
}

.re__icon-location-success--lg .path2:before {
    content: "\eaea";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-location-success--lg .path3:before {
    content: "\eaeb";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-location-success--lg .path4:before {
    content: "\eae8";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-state-success--lg .path1:before {
    content: "\eaec";
    color: #2c2c2c
}

.re__icon-state-success--lg .path2:before {
    content: "\eaed";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success--lg .path3:before {
    content: "\eaee";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success--lg .path4:before {
    content: "\eaef";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success--lg .path5:before {
    content: "\eaf0";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-state-success--lg .path6:before {
    content: "\eaf1";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-state-success--lg .path7:before {
    content: "\eaf2";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-play--lg .path1:before {
    content: "\ea25";
    color: #fff
}

.re__icon-play--lg .path2:before {
    content: "\ea97";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-facilities-commute--lg:before {
    content: "\ea15"
}

.re__icon-facilities-restaurant--lg:before {
    content: "\ea16"
}

.re__icon-facilities-hospital--lg:before {
    content: "\ea17"
}

.re__icon-facilities-park--lg:before {
    content: "\ea18"
}

.re__icon-facilities-supermarket--lg:before {
    content: "\ea19"
}

.re__icon-facilities-school--lg:before {
    content: "\ea1a"
}

.re__icon-building--lg:before {
    content: "\ea1b"
}

.re__icon-money--lg:before {
    content: "\ea1c"
}

.re__icon-top--lg .path1:before {
    content: "\ea1d";
    color: #fff
}

.re__icon-top--lg .path2:before {
    content: "\ea1e";
    margin-left: -1em;
    color: #000
}

.re__icon-logo--lg:before {
    content: "\ea1f";
    color: #ccc
}

.re__icon-house--lg:before {
    content: "\ea20"
}

.re__icon-location--lg .path1:before {
    content: "\ea21";
    color: #ffeceb
}

.re__icon-location--lg .path2:before {
    content: "\ea22";
    margin-left: -1em;
    color: #961b12
}

.re__icon-location--lg .path3:before {
    content: "\ea23";
    margin-left: -1em;
    color: #fff
}

.re__icon-img-error--lg:before {
    content: "\ea24"
}

.re__icon-facebook-hover--lg:before {
    content: "\e915";
    color: #2e77f1
}

.re__icon-facebook--lg:before {
    content: "\e906"
}

.re__icon-headphone--lg:before {
    content: "\e907"
}

.re__icon-image--lg:before {
    content: "\e908"
}

.re__icon-mail-box--lg:before {
    content: "\e909"
}

.re__icon-phone-call--lg:before {
    content: "\e90a"
}

.re__icon-switch-off--lg .path1:before {
    content: "\e90b";
    color: #ccc
}

.re__icon-switch-off--lg .path2:before {
    content: "\e90c";
    margin-left: -1em;
    color: #fff
}

.re__icon-switch-on--lg .path1:before {
    content: "\e90d";
    color: #2c2c2c
}

.re__icon-switch-on--lg .path2:before {
    content: "\e90e";
    margin-left: -1em;
    color: #fff
}

.re__icon-user-question--lg:before {
    content: "\e90f"
}

.re__icon-youtube-hover--lg:before {
    content: "\e910";
    color: #e03c31
}

.re__icon-youtube--lg:before {
    content: "\e911";
    color: #505050
}

.re__icon-zalo-hover--lg .path1:before {
    content: "\e912";
    color: #0085ff
}

.re__icon-zalo-hover--lg .path2:before {
    content: "\e913";
    margin-left: -1em;
    color: #fff
}

.re__icon-zalo--lg .path1:before {
    content: "\ea08";
    color: #505050
}

.re__icon-zalo--lg .path2:before {
    content: "\ea09";
    margin-left: -1em;
    color: #fff
}

.re__icon-history::before {
    content: "\eb38";
    color: #999
}

.re__icon-verified--lg .path1:before {
    content: "\eac8";
    color: #9bdabe
}

.re__icon-verified--lg .path2:before {
    content: "\eac9";
    margin-left: -1em;
    color: #07a35d
}

.re__icon-verified--lg .path3:before {
    content: "\ead3";
    margin-left: -1em;
    color: #000;
    opacity: 0.2
}

.re__icon-verified--lg .path4:before {
    content: "\ead4";
    margin-left: -1em;
    color: #fff
}

.re__icon-info-cl .path1:before {
    content: "\eb2b";
    color: #845d9c
}

.re__icon-info-cl .path2:before {
    content: "\eb2c";
    margin-left: -1em;
    color: #fff
}

.re__icon-info-cl .path3:before {
    content: "\eb2d";
    margin-left: -1em;
    color: #fff
}

.re__icon-down-cl .path1:before {
    content: "\eb2e";
    color: #e03c31
}

.re__icon-down-cl .path2:before {
    content: "\eb2f";
    margin-left: -1em;
    color: #fff
}

.re__icon-up-cl .path1:before {
    content: "\eb30";
    color: #07a35d
}

.re__icon-up-cl .path2:before {
    content: "\eb31";
    margin-left: -1em;
    color: #fff
}

.re__icon-money-succes .path1:before {
    content: "\eb02";
    color: #2c2c2c
}

.re__icon-money-succes .path2:before {
    content: "\eb16";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-money-succes .path3:before {
    content: "\eb17";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-money-succes .path4:before {
    content: "\eb18";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-money-succes .path5:before {
    content: "\eb19";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-image-success .path1:before {
    content: "\eaf6";
    color: #2c2c2c
}

.re__icon-image-success .path2:before {
    content: "\eaf7";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-image-success .path3:before {
    content: "\eaf8";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-image-success .path4:before {
    content: "\eaf5";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-location-success .path1:before {
    content: "\eaf9";
    color: #2c2c2c
}

.re__icon-location-success .path2:before {
    content: "\eafa";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-location-success .path3:before {
    content: "\eafb";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-location-success .path4:before {
    content: "\eaf4";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-state-success .path1:before {
    content: "\eafc";
    color: #2c2c2c
}

.re__icon-state-success .path2:before {
    content: "\eafd";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success .path3:before {
    content: "\eafe";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success .path4:before {
    content: "\eaff";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success .path5:before {
    content: "\eb00";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-state-success .path6:before {
    content: "\eb01";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-state-success .path7:before {
    content: "\eaf3";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-adsense:before {
    content: "\ead9"
}

.re__icon-front-view:before {
    content: "\eac1"
}

.re__icon-grouping:before {
    content: "\eaca"
}

.re__icon-interior:before {
    content: "\eacb"
}

.re__icon-road:before {
    content: "\eacc"
}

.re__icon-view-details:before {
    content: "\eacd"
}

.re__icon-view-sum:before {
    content: "\eace"
}

.re__icon-logo-old:before {
    content: "\eabe";
    color: #ccc
}

.re__icon-logo:before {
    content: "\eabf";
    color: #ccc
}

.re__icon-shophouse:before {
    content: "\eab7"
}

.re__icon-leaderboard:before {
    content: "\eab8"
}

.re__icon-checkbox-checked-2:before {
    content: "\eab5";
    color: #961b12
}

.re__icon-call-back:before {
    content: "\eaad"
}

.re__icon-benefit:before {
    content: "\eaae"
}

.re__icon-complex:before {
    content: "\eaaf"
}

.re__icon-growth:before {
    content: "\eaa0"
}

.re__icon-money:before {
    content: "\eaa1"
}

.re__icon-zoom:before {
    content: "\eaa2"
}

.re__icon-mobile:before {
    content: "\ea9d"
}

.re__icon-headphones-pressed:before {
    content: "\ea9e"
}

.re__icon-star_border:before {
    content: "\ea9b"
}

.re__icon-light-bulb:before {
    content: "\ea98"
}

.re__icon-dashboard:before {
    content: "\ea99"
}

.re__icon-add-location:before {
    content: "\ea9a"
}

.re__icon-check-box-checked-1 .path1:before {
    content: "\ea90";
    color: #961b12
}

.re__icon-check-box-checked-1 .path2:before {
    content: "\ea91";
    margin-left: -1em;
    color: #961b12
}

.re__icon-check-box-checked-1 .path3:before {
    content: "\ea92";
    margin-left: -1em;
    color: #fff
}

.re__icon-check-box-1:before {
    content: "\ea93";
    color: #ccc
}

.re__icon-hamburger-dot .path1:before {
    content: "\ea26";
    color: #2c2c2c
}

.re__icon-hamburger-dot .path2:before {
    content: "\ea27";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-hamburger-dot .path3:before {
    content: "\ea28";
    margin-left: -1em;
    color: #fff
}

.re__icon-facilities-commute:before {
    content: "\ea29"
}

.re__icon-facilities-restaurant:before {
    content: "\ea2a"
}

.re__icon-facilities-hospital:before {
    content: "\ea2b"
}

.re__icon-facilities-park:before {
    content: "\ea2c"
}

.re__icon-facilities-supermarket:before {
    content: "\ea2d"
}

.re__icon-facilities-school:before {
    content: "\ea2e"
}

.re__icon-industrial-park:before {
    content: "\ea2f"
}

.re__icon-urban-area:before {
    content: "\ea30"
}

.re__icon-mall:before {
    content: "\ea31"
}

.re__icon-car:before {
    content: "\ea32"
}

.re__icon-walking:before {
    content: "\ea33"
}

.re__icon-motorbike:before {
    content: "\ea34"
}

.re__icon-loading:before {
    content: "\ea35";
    color: #d6d6d6
}

.re__icon-street-house:before {
    content: "\ea36"
}

.re__icon-coupon:before {
    content: "\ea37"
}

.re__icon-office:before {
    content: "\ea38"
}

.re__icon-kiot:before {
    content: "\ea39"
}

.re__icon-dorm:before {
    content: "\ea3a"
}

.re__icon-push:before {
    content: "\ea3b"
}

.re__icon-private-house:before {
    content: "\ea3c"
}

.re__icon-villa:before {
    content: "\ea3d"
}

.re__icon-aa:before {
    content: "\ea3e"
}

.re__icon-other:before {
    content: "\ea3f"
}

.re__icon-stock:before {
    content: "\ea40"
}

.re__icon-all:before {
    content: "\ea41"
}

.re__icon-land:before {
    content: "\ea42"
}

.re__icon-farm:before {
    content: "\ea43"
}

.re__icon-apartment:before {
    content: "\ea44"
}

.re__icon-play-solid .path1:before {
    content: "\ea45";
    color: #fff
}

.re__icon-play-solid .path2:before {
    content: "\ea46";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-document:before {
    content: "\ea47"
}

.re__icon-upload:before {
    content: "\ea48"
}

.re__icon-litsting:before {
    content: "\ea49"
}

.re__icon-post:before {
    content: "\ea4a"
}

.re__icon-close-no-circle:before {
    content: "\ea4b"
}

.re__icon-rocket:before {
    content: "\ea4c"
}

.re__icon-bedroom:before {
    content: "\ea4d"
}

.re__icon-bath:before {
    content: "\ea4e"
}

.re__icon-item-hide:before {
    content: "\ea4f"
}

.re__icon-img-error:before {
    content: "\ea50"
}

.re__icon-investor:before {
    content: "\ea51"
}

.re__icon-360:before {
    content: "\e916"
}

.re__icon-android:before {
    content: "\e917";
    color: #999
}

.re__icon-arrow-down:before {
    content: "\e918"
}

.re__icon-arrow-left:before {
    content: "\e919"
}

.re__icon-arrow-right:before {
    content: "\e91a"
}

.re__icon-arrow-up:before {
    content: "\e91b"
}

.re__icon-at-email:before {
    content: "\e91c"
}

.re__icon-attachment:before {
    content: "\e91d"
}

.re__icon-barchart:before {
    content: "\e91e"
}

.re__icon-bell:before {
    content: "\e91f"
}

.re__icon-bell-disabled:before {
    content: "\e920"
}

.re__icon-box:before {
    content: "\e921"
}

.re__icon-browse:before {
    content: "\e922";
    color: #999
}

.re__icon-browse-bg .path1:before {
    content: "\e923";
    color: #f2f2f2
}

.re__icon-browse-bg .path2:before {
    content: "\e924";
    margin-left: -1em;
    color: #999
}

.re__icon-browse-bg .path3:before {
    content: "\e925";
    margin-left: -1em;
    color: #999
}

.re__icon-browse-bg .path4:before {
    content: "\e926";
    margin-left: -1em;
    color: #999
}

.re__icon-building:before {
    content: "\e927"
}

.re__icon-calendar:before {
    content: "\e928"
}

.re__icon-camera:before {
    content: "\e929"
}

.re__icon-check:before {
    content: "\e92a"
}

.re__icon-check-box:before {
    content: "\e92b";
    color: #ccc
}

.re__icon-check-box-checked .path1:before {
    content: "\e92c";
    color: #2c2c2c
}

.re__icon-check-box-checked .path2:before {
    content: "\e92d";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-check-box-checked .path3:before {
    content: "\e900";
    margin-left: -1em;
    color: #fff
}

.re__icon-chevron-down:before {
    content: "\e92e"
}

.re__icon-chevron-left:before {
    content: "\e92f"
}

.re__icon-chevron-right:before {
    content: "\e930"
}

.re__icon-chevron-up:before {
    content: "\e931"
}

.re__icon-clock:before {
    content: "\e932"
}

.re__icon-close:before {
    content: "\e933"
}

.re__icon-close-circle:before {
    content: "\e934"
}

.re__icon-close-circle-bg .path1:before {
    content: "\e935";
    color: #f2f2f2
}

.re__icon-close-circle-bg .path2:before {
    content: "\e936";
    margin-left: -1em;
    color: #999
}

.re__icon-coin:before {
    content: "\e937"
}

.re__icon-company:before {
    content: "\e938"
}

.re__icon-copy:before {
    content: "\e939"
}

.re__icon-costa-rica .path1:before {
    content: "\e93a";
    color: #f2f2f2
}

.re__icon-costa-rica .path2:before {
    content: "\e93b";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-costa-rica .path3:before {
    content: "\e93c";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-costa-rica .path4:before {
    content: "\e93d";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-delete:before {
    content: "\e93e"
}

.re__icon-desktop:before {
    content: "\e93f"
}

.re__icon-dot:before {
    content: "\e940"
}

.re__icon-download:before {
    content: "\e941"
}

.re__icon-edit:before {
    content: "\e942"
}

.re__icon-egypt .path1:before {
    content: "\e943";
    color: #f2f2f2
}

.re__icon-egypt .path2:before {
    content: "\e944";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-egypt .path3:before {
    content: "\e945";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-egypt .path4:before {
    content: "\e946";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-en .path1:before {
    content: "\e947";
    color: #f2f2f2
}

.re__icon-en .path2:before {
    content: "\e948";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en .path3:before {
    content: "\e949";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en .path4:before {
    content: "\e94a";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en .path5:before {
    content: "\e94b";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en .path6:before {
    content: "\e94c";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en .path7:before {
    content: "\e94d";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en .path8:before {
    content: "\e94e";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en .path9:before {
    content: "\e94f";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en .path10:before {
    content: "\e950";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-en .path11:before {
    content: "\e951";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-en .path12:before {
    content: "\e952";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-en .path13:before {
    content: "\e953";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-en .path14:before {
    content: "\e954";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-error-circle:before {
    content: "\e955"
}

.re__icon-eye-closed:before {
    content: "\e956"
}

.re__icon-eye-open:before {
    content: "\e957"
}

.re__icon-face:before {
    content: "\e958"
}

.re__icon-facebook:before {
    content: "\e959";
    color: #505050
}

.re__icon-facebook-hover:before {
    content: "\e95a";
    color: #2e77f1
}

.re__icon-filters:before {
    content: "\e95b"
}

.re__icon-gift:before {
    content: "\e95c"
}

.re__icon-google .path1:before {
    content: "\e95d";
    color: #fbbb00
}

.re__icon-google .path2:before {
    content: "\e95e";
    margin-left: -1em;
    color: #518ef8
}

.re__icon-google .path3:before {
    content: "\e95f";
    margin-left: -1em;
    color: #28b446
}

.re__icon-google .path4:before {
    content: "\e960";
    margin-left: -1em;
    color: #f14336
}

.re__icon-gps:before {
    content: "\e961"
}

.re__icon-headphones:before {
    content: "\e962"
}

.re__icon-heart:before {
    content: "\e963"
}

.re__icon-heart-pressed:before {
    content: "\e964";
    color: #E03C31
}

.re__icon-home:before {
    content: "\e965"
}

.re__icon-hong-kong .path1:before {
    content: "\e966";
    color: #e03c31
}

.re__icon-hong-kong .path2:before {
    content: "\e967";
    margin-left: -1em;
    color: #fff
}

.re__icon-hong-kong .path3:before {
    content: "\e968";
    margin-left: -1em;
    color: #fff
}

.re__icon-hong-kong .path4:before {
    content: "\e969";
    margin-left: -1em;
    color: #fff
}

.re__icon-hong-kong .path5:before {
    content: "\e96a";
    margin-left: -1em;
    color: #fff
}

.re__icon-hong-kong .path6:before {
    content: "\e96b";
    margin-left: -1em;
    color: #fff
}

.re__icon-image:before {
    content: "\e96c"
}

.re__icon-indonesia .path1:before {
    content: "\e96d";
    color: #f2f2f2
}

.re__icon-indonesia .path2:before {
    content: "\e96e";
    margin-left: -1em;
    color: #961b12
}

.re__icon-info:before {
    content: "\e96f"
}

.re__icon-info-circle:before {
    content: "\e970"
}

.re__icon-ios:before {
    content: "\e971";
    color: #999
}

.re__icon-italy .path1:before {
    content: "\e972";
    color: #f2f2f2
}

.re__icon-italy .path2:before {
    content: "\e973";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-italy .path3:before {
    content: "\e974";
    margin-left: -1em;
    color: #07a35d
}

.re__icon-key:before {
    content: "\e975"
}

.re__icon-link:before {
    content: "\e976"
}

.re__icon-listing:before {
    content: "\e977"
}

.re__icon-location:before {
    content: "\e978"
}

.re__icon-lock:before {
    content: "\e979"
}

.re__icon-login:before {
    content: "\e97a"
}

.re__icon-logout:before {
    content: "\e97b"
}

.re__icon-macau .path1:before {
    content: "\e97c";
    color: #006d3c
}

.re__icon-macau .path2:before {
    content: "\e97d";
    margin-left: -1em;
    color: #fff
}

.re__icon-macau .path3:before {
    content: "\e97e";
    margin-left: -1em;
    color: #fff
}

.re__icon-macau .path4:before {
    content: "\e97f";
    margin-left: -1em;
    color: #fff
}

.re__icon-macau .path5:before {
    content: "\e980";
    margin-left: -1em;
    color: #fff
}

.re__icon-macau .path6:before {
    content: "\e981";
    margin-left: -1em;
    color: #fff
}

.re__icon-macau .path7:before {
    content: "\e982";
    margin-left: -1em;
    color: #fff
}

.re__icon-macau .path8:before {
    content: "\e983";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-macau .path9:before {
    content: "\e984";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-macau .path10:before {
    content: "\e985";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-macau .path11:before {
    content: "\e986";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-macau .path12:before {
    content: "\e987";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-mail:before {
    content: "\e988"
}

.re__icon-mailbox:before {
    content: "\e989"
}

.re__icon-malaysia .path1:before {
    content: "\e98a";
    color: #f2f2f2
}

.re__icon-malaysia .path2:before {
    content: "\e98b";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-malaysia .path3:before {
    content: "\e98c";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-malaysia .path4:before {
    content: "\e98d";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-malaysia .path5:before {
    content: "\e98e";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-malaysia .path6:before {
    content: "\e98f";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-malaysia .path7:before {
    content: "\e990";
    margin-left: -1em;
    color: #ffce5b
}

.re__icon-malaysia .path8:before {
    content: "\e991";
    margin-left: -1em;
    color: #ffce5b
}

.re__icon-map:before {
    content: "\e992"
}

.re__icon-menu-hamburger:before {
    content: "\e993"
}

.re__icon-menu-horizontal:before {
    content: "\e994"
}

.re__icon-menu-vertical:before {
    content: "\e995"
}

.re__icon-message-square:before {
    content: "\e996"
}

.re__icon-minus:before {
    content: "\e997"
}

.re__icon-minus-circle:before {
    content: "\e998"
}

.re__icon-next:before {
    content: "\e999"
}

.re__icon-phone-call:before {
    content: "\e99a"
}

.re__icon-phone-cross:before {
    content: "\e99b"
}

.re__icon-play:before {
    content: "\e99c"
}

.re__icon-plus:before {
    content: "\e99d"
}

.re__icon-plus-circle:before {
    content: "\e99e"
}

.re__icon-previous:before {
    content: "\e99f"
}

.re__icon-question:before {
    content: "\e9a0"
}

.re__icon-question-circle:before {
    content: "\e9a1"
}

.re__icon-radio:before {
    content: "\e9a2"
}

.re__icon-radio-checked:before {
    content: "\e9a3"
}

.re__icon-redo:before {
    content: "\e9a4"
}

.re__icon-refresh:before {
    content: "\e9a5"
}

.re__icon-rotate-left:before {
    content: "\e9a6"
}

.re__icon-rotate-right:before {
    content: "\e9a7"
}

.re__icon-search:before {
    content: "\e9a8"
}

.re__icon-send:before {
    content: "\e9a9"
}

.re__icon-settings:before {
    content: "\e9aa"
}

.re__icon-share:before {
    content: "\e9ab"
}

.re__icon-share-2:before {
    content: "\e9ac"
}

.re__icon-singapore .path1:before {
    content: "\e9ad";
    color: #f2f2f2
}

.re__icon-singapore .path2:before {
    content: "\e9ae";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-singapore .path3:before {
    content: "\e9af";
    margin-left: -1em;
    color: #fff
}

.re__icon-singapore .path4:before {
    content: "\e9b0";
    margin-left: -1em;
    color: #fff
}

.re__icon-singapore .path5:before {
    content: "\e9b1";
    margin-left: -1em;
    color: #fff
}

.re__icon-singapore .path6:before {
    content: "\e9b2";
    margin-left: -1em;
    color: #fff
}

.re__icon-singapore .path7:before {
    content: "\e9b3";
    margin-left: -1em;
    color: #fff
}

.re__icon-singapore .path8:before {
    content: "\e9b4";
    margin-left: -1em;
    color: #fff
}

.re__icon-size:before {
    content: "\e9b5"
}

.re__icon-smartphone:before {
    content: "\e9b6"
}

.re__icon-sms:before {
    content: "\e9b7"
}

.re__icon-star:before {
    content: "\e9b8";
    color: #fcb40a
}

.re__icon-tanzania .path1:before {
    content: "\e9b9";
    color: #ffce5b
}

.re__icon-tanzania .path2:before {
    content: "\e9ba";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-tanzania .path3:before {
    content: "\e9bb";
    margin-left: -1em;
    color: #07a35d
}

.re__icon-tanzania .path4:before {
    content: "\e9bc";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-thailand .path1:before {
    content: "\e9bd";
    color: #f2f2f2
}

.re__icon-thailand .path2:before {
    content: "\e9be";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-thailand .path3:before {
    content: "\e9bf";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-thailand .path4:before {
    content: "\e9c0";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-undo:before {
    content: "\e9c1"
}

.re__icon-user:before {
    content: "\e9c2"
}

.re__icon-user-check:before {
    content: "\e9c3"
}

.re__icon-user-plus:before {
    content: "\e9c4"
}

.re__icon-user-question:before {
    content: "\e9c5"
}

.re__icon-users:before {
    content: "\e9c6"
}

.re__icon-users-more:before {
    content: "\e9c7"
}

.re__icon-user-warning:before {
    content: "\e9c8"
}

.re__icon-vn .path1:before {
    content: "\e9c9";
    color: #e03c31
}

.re__icon-vn .path2:before {
    content: "\e9ca";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-wallet:before {
    content: "\e9cb"
}

.re__icon-warning:before {
    content: "\e9cc"
}

.re__icon-warning-triangle:before {
    content: "\e9cd"
}

.re__icon-world:before {
    content: "\e9ce"
}

.re__icon-youtube:before {
    content: "\e9cf";
    color: #505050
}

.re__icon-youtube-hover:before {
    content: "\e9d0";
    color: #e03c31
}

.re__icon-zalo:before {
    content: "\e9d1";
    color: #505050
}

.re__icon-verified .path1:before {
    content: "\eadd";
    color: #9bdabe
}

.re__icon-verified .path2:before {
    content: "\eade";
    margin-left: -1em;
    color: #07a35d
}

.re__icon-verified .path3:before {
    content: "\eadf";
    margin-left: -1em;
    color: #000;
    opacity: 0.2
}

.re__icon-verified .path4:before {
    content: "\eae0";
    margin-left: -1em;
    color: #fff
}

.re__icon-zalo-hover:before {
    content: "\e9d2";
    color: #0085ff
}

.re__icon-zoom-in:before {
    content: "\e9d3"
}

.re__icon-zoom-out:before {
    content: "\e9d4"
}

.re__icon-speaker:before {
    content: "\eb3a"
}

.re__icon-pie-chart:before {
    content: "\eb3c"
}

.re__icon-download-app:before {
    content: "\eb41"
}

.re__icon-contacts:before {
    content: "\eb3e"
}

.re__icon-wifi:before {
    content: "\eb43"
}

.re__icon-water:before {
    content: "\eb44"
}

.re__icon-electricity:before {
    content: "\eb45"
}

.re__icon-history--sm:before {
    content: "\eb39"
}

.re__icon-info-cl--sm .path1:before {
    content: "\eb32";
    color: #845d9c
}

.re__icon-info-cl--sm .path2:before {
    content: "\eb33";
    margin-left: -1em;
    color: #fff
}

.re__icon-info-cl--sm .path3:before {
    content: "\eb34";
    margin-left: -1em;
    color: #fff
}

.re__icon-user-bold--sm:before {
    content: "\eb2a"
}

.re__icon-stamp--sm:before {
    content: "\eb1f"
}

.re__icon-money-succes--sm .path1:before {
    content: "\eb03";
    color: #2c2c2c
}

.re__icon-money-succes--sm .path2:before {
    content: "\eb1a";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-money-succes--sm .path3:before {
    content: "\eb1b";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-money-succes--sm .path4:before {
    content: "\eb1c";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-money-succes--sm .path5:before {
    content: "\eb1d";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-image-success--sm .path1:before {
    content: "\eb06";
    color: #2c2c2c
}

.re__icon-image-success--sm .path2:before {
    content: "\eb07";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-image-success--sm .path3:before {
    content: "\eb08";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-image-success--sm .path4:before {
    content: "\eb04";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-location-success--sm .path1:before {
    content: "\eb09";
    color: #2c2c2c
}

.re__icon-location-success--sm .path2:before {
    content: "\eb0a";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-location-success--sm .path3:before {
    content: "\eb0b";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-location-success--sm .path4:before {
    content: "\eb05";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-state-success--sm .path1:before {
    content: "\eb0c";
    color: #2c2c2c
}

.re__icon-state-success--sm .path2:before {
    content: "\eb0d";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success--sm .path3:before {
    content: "\eb0e";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success--sm .path4:before {
    content: "\eb0f";
    margin-left: -1.1669921875em;
    color: #2c2c2c
}

.re__icon-state-success--sm .path5:before {
    content: "\eb10";
    margin-left: -1.1669921875em;
    color: #07a35d
}

.re__icon-state-success--sm .path6:before {
    content: "\eb11";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-state-success--sm .path7:before {
    content: "\eb12";
    margin-left: -1.1669921875em;
    color: #fff
}

.re__icon-info-circle--sm:before {
    content: "\eae1";
    color: #999
}

.re__icon-adsense--sm:before {
    content: "\eada"
}

.re__icon-verified--sm .path1:before {
    content: "\ead5";
    color: #9bdabe
}

.re__icon-verified--sm .path2:before {
    content: "\ead6";
    margin-left: -1em;
    color: #07a35d
}

.re__icon-verified--sm .path3:before {
    content: "\ead7";
    margin-left: -1em;
    color: #000;
    opacity: 0.2
}

.re__icon-verified--sm .path4:before {
    content: "\ead8";
    margin-left: -1em;
    color: #fff
}

.re__icon-crown--sm .path1:before {
    content: "\eac5";
    color: #fcb40a
}

.re__icon-crown--sm .path2:before {
    content: "\eac6";
    margin-left: -1em;
    color: #fff
}

.re__icon-crown--sm .path3:before {
    content: "\eac7";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-fire--sm .path1:before {
    content: "\eac2";
    color: #ff661f
}

.re__icon-fire--sm .path2:before {
    content: "\eac3";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-fire--sm .path3:before {
    content: "\eac4";
    margin-left: -1em;
    color: #fcb40a
}

.re__icon-grouping--sm:before {
    content: "\eacf"
}

.re__icon-interior--sm:before {
    content: "\ead0"
}

.re__icon-road--sm:before {
    content: "\ead1"
}

.re__icon-sun--sm:before {
    content: "\ead2"
}

.re__icon-view-details--sm:before {
    content: "\eadb"
}

.re__icon-view-sum--sm:before {
    content: "\eadc"
}

.re__icon-logo--sm:before {
    content: "\eac0";
    color: #ccc
}

.re__icon-shophouse--sm:before {
    content: "\eab9"
}

.re__icon-phone-call--sm:before {
    content: "\eaba"
}

.re__icon-copy--sm:before {
    content: "\eabb"
}

.re__icon-leaderboard--sm:before {
    content: "\eabc"
}

.re__icon-link--sm:before {
    content: "\eabd"
}

.re__icon-checkbox-checked-2--sm:before {
    content: "\eab6";
    color: #961b12
}

.re__icon-call-back--sm:before {
    content: "\eab0"
}

.re__icon-post--sm:before {
    content: "\eab1"
}

.re__icon-benefit--sm:before {
    content: "\eab2"
}

.re__icon-play--sm:before {
    content: "\eab3"
}

.re__icon-growth--sm:before {
    content: "\eab4"
}

.re__icon-world--sm:before {
    content: "\eaa3"
}

.re__icon-mail--sm:before {
    content: "\eaa4"
}

.re__icon-size--sm:before {
    content: "\eaa5"
}

.re__icon-money--sm:before {
    content: "\eaa6"
}

.re__icon-zoom--sm:before {
    content: "\eaa7"
}

.re__icon-message-pressed--sm .path1:before {
    content: "\eaa8";
    color: #2c2c2c
}

.re__icon-message-pressed--sm .path2:before {
    content: "\eaa9";
    margin-left: -1em;
    color: #2c2c2c
}

.re__icon-message-pressed--sm .path3:before {
    content: "\eaaa";
    margin-left: -1em;
    color: #fff
}

.re__icon-message-pressed--sm .path4:before {
    content: "\eaab";
    margin-left: -1em;
    color: #fff
}

.re__icon-message--sm:before {
    content: "\eaac"
}

.re__icon-headphone-pressed--sm:before {
    content: "\ea9f"
}

.re__icon-star-border--sm:before {
    content: "\ea9c"
}

.re__icon-light-bulb--sm:before {
    content: "\ea8f"
}

.re__icon-dashboard--sm:before {
    content: "\ea94"
}

.re__icon-add-locationn--sm:before {
    content: "\ea95"
}

.re__icon-headphone--sm:before {
    content: "\ea96"
}

.re__icon-dot--sm:before {
    content: "\ea52"
}

.re__icon-facilities-park--sm:before {
    content: "\ea53"
}

.re__icon-urban-area--sm:before {
    content: "\ea54"
}

.re__icon-complex--sm:before {
    content: "\ea55"
}

.re__icon-apartment--sm:before {
    content: "\ea56"
}

.re__icon-vector--sm:before {
    content: "\ea57"
}

.re__icon-industrial-park--sm:before {
    content: "\ea58"
}

.re__icon-mall--sm:before {
    content: "\ea59"
}

.re__icon-car--sm:before {
    content: "\ea5a"
}

.re__icon-walking--sm:before {
    content: "\ea5b"
}

.re__icon-motorbike--sm:before {
    content: "\ea5c"
}

.re__icon-delete--sm:before {
    content: "\ea5d"
}

.re__icon-browse--sm:before {
    content: "\ea5e";
    color: #999
}

.re__icon-facilities-commute--sm:before {
    content: "\ea5f"
}

.re__icon-facilities-restaurant--sm:before {
    content: "\ea60"
}

.re__icon-facilities-hosptial--sm:before {
    content: "\ea61"
}

.re__icon-facilities-supermarket--sm:before {
    content: "\ea62"
}

.re__icon-facilities-school--sm:before {
    content: "\ea63"
}

.re__icon-mobile--sm:before {
    content: "\ea64"
}

.re__icon-private-house--sm:before {
    content: "\ea65"
}

.re__icon-villa--sm:before {
    content: "\ea66"
}

.re__icon-street-house--sm:before {
    content: "\ea67"
}

.re__icon-resize--sm:before {
    content: "\ea68";
    color: #ccc
}

.re__icon-coupon--sm:before {
    content: "\ea69"
}

.re__icon-office--sm:before {
    content: "\ea6a"
}

.re__icon-phone--sm:before {
    content: "\ea6b"
}

.re__icon-dorm--sm:before {
    content: "\ea6c"
}

.re__icon-kiot--sm:before {
    content: "\ea6d"
}

.re__icon-aa--sm:before {
    content: "\ea6e"
}

.re__icon-eyes--sm:before {
    content: "\ea6f"
}

.re__icon-other--sm:before {
    content: "\ea70"
}

.re__icon-stock--sm:before {
    content: "\ea71"
}

.re__icon-all--sm:before {
    content: "\ea72"
}

.re__icon-land--sm:before {
    content: "\ea73"
}

.re__icon-farm--sm:before {
    content: "\ea74"
}

.re__icon-old-ui--sm:before {
    content: "\ea75"
}

.re__icon-listing-new--sm:before {
    content: "\ea76"
}

.re__icon-logout--sm:before {
    content: "\ea77"
}

.re__icon-lock--sm:before {
    content: "\ea78"
}

.re__icon-user--sm:before {
    content: "\ea79"
}

.re__icon-push--sm:before {
    content: "\ea7a"
}

.re__icon-edit--sm:before {
    content: "\ea7b"
}

.re__icon-filters--sm:before {
    content: "\ea7c"
}

.re__icon-radio-checked--sm:before {
    content: "\ea7d";
    color: #961b12
}

.re__icon-radio--sm:before {
    content: "\ea7e";
    color: #ccc
}

.re__icon-checkbox-checked--sm .path1:before {
    content: "\ea7f";
    color: #961b12
}

.re__icon-checkbox-checked--sm .path2:before {
    content: "\ea80";
    margin-left: -1em;
    color: #961b12
}

.re__icon-checkbox-checked--sm .path3:before {
    content: "\ea81";
    margin-left: -1em;
    color: #fff
}

.re__icon-checkbox--sm:before {
    content: "\ea82";
    color: #ccc
}

.re__icon-download--sm:before {
    content: "\ea83"
}

.re__icon-rocket--sm:before {
    content: "\ea84"
}

.re__icon-document--sm:before {
    content: "\ea85"
}

.re__icon-calendar--sm:before {
    content: "\ea86"
}

.re__icon-sort--sm:before {
    content: "\ea87"
}

.re__icon-location--sm:before {
    content: "\ea88"
}

.re__icon-ellipse--sm:before {
    content: "\ea89"
}

.re__icon-warning-triangle--sm:before {
    content: "\ea8a"
}

.re__icon-item-hide--sm:before {
    content: "\ea8b"
}

.re__icon-img-error--sm:before {
    content: "\ea8c"
}

.re__icon-search--sm:before {
    content: "\ea8d"
}

.re__icon-360--sm:before {
    content: "\ea8e"
}

.re__icon-arrow-down--sm:before {
    content: "\e9d6"
}

.re__icon-arrow-left--sm:before {
    content: "\e9d7"
}

.re__icon-arrow-right--sm:before {
    content: "\e9d8"
}

.re__icon-arrow-up--sm:before {
    content: "\e9d9"
}

.re__icon-bath--sm:before {
    content: "\e9da"
}

.re__icon-bedroom--sm:before {
    content: "\e9db"
}

.re__icon-bell--sm:before {
    content: "\e9dc"
}

.re__icon-box--sm:before {
    content: "\e9dd"
}

.re__icon-building--sm:before {
    content: "\e9de"
}

.re__icon-check--sm:before {
    content: "\e9df"
}

.re__icon-chevron-down--sm:before {
    content: "\e9e0"
}

.re__icon-chevron-left--sm:before {
    content: "\e9e1"
}

.re__icon-chevron-right--sm:before {
    content: "\e9e2"
}

.re__icon-chevron-up--sm:before {
    content: "\e9e3"
}

.re__icon-clock--sm:before {
    content: "\e9e4"
}

.re__icon-close-circle--sm .path1:before {
    content: "\e9e5";
    color: #f2f2f2
}

.re__icon-close-circle--sm .path2:before {
    content: "\e9e6";
    margin-left: -1em;
    color: #999
}

.re__icon-close--sm:before {
    content: "\e9e7"
}

.re__icon-en--sm .path1:before {
    content: "\e9e8";
    color: #f2f2f2
}

.re__icon-en--sm .path2:before {
    content: "\e9e9";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en--sm .path3:before {
    content: "\e9ea";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en--sm .path4:before {
    content: "\e9eb";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en--sm .path5:before {
    content: "\e9ec";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en--sm .path6:before {
    content: "\e9ed";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en--sm .path7:before {
    content: "\e9ee";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en--sm .path8:before {
    content: "\e9ef";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en--sm .path9:before {
    content: "\e9f0";
    margin-left: -1em;
    color: #004e7f
}

.re__icon-en--sm .path10:before {
    content: "\e9f1";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-en--sm .path11:before {
    content: "\e9f2";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-en--sm .path12:before {
    content: "\e9f3";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-en--sm .path13:before {
    content: "\e9f4";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-en--sm .path14:before {
    content: "\e9f5";
    margin-left: -1em;
    color: #e03c31
}

.re__icon-face--sm:before {
    content: "\e9f6"
}

.re__icon-heart-pressed--sm:before {
    content: "\e9f7";
    color: #e03c31
}

.re__icon-heart--sm:before {
    content: "\e9f8"
}

.re__icon-home--sm:before {
    content: "\e9f9"
}

.re__icon-image--sm:before {
    content: "\e9fa"
}

.re__icon-info--sm:before {
    content: "\e9fb"
}

.re__icon-listing--sm:before {
    content: "\e9fc"
}

.re__icon-map--sm:before {
    content: "\e9fd"
}

.re__icon-minus--sm:before {
    content: "\e9fe"
}

.re__icon-next--sm:before {
    content: "\e9ff"
}

.re__icon-plus--sm:before {
    content: "\ea00"
}

.re__icon-previous--sm:before {
    content: "\ea01"
}

.re__icon-question--sm:before {
    content: "\ea02"
}

.re__icon-share--sm:before {
    content: "\ea03"
}

.re__icon-star--sm:before {
    content: "\ea04";
    color: #FCB40A
}

.re__icon-video--sm:before {
    content: "\ea05"
}

.re__icon-wallet--sm:before {
    content: "\ea06"
}

.re__icon-warning--sm:before {
    content: "\ea07"
}

.re__icon-speaker--sm:before {
    content: "\eb3b"
}

.re__icon-pie-chart--sm:before {
    content: "\eb3d"
}

.re__icon-contacts--sm:before {
    content: "\eb3f"
}

.re__icon-download-app--sm:before {
    content: "\eb42"
}

.re__typo-heading--xxl {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 40px;
    line-height: 64px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-heading--xl {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 32px;
    line-height: 44px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-heading--lg {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-heading--md {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-heading--sm {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-heading--xs {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-heading--xxs {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-body--lg {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal !important
}

.re__typo-body--md {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__typo-body--md-long {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal !important
}

.re__typo-body--sm {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__typo-body--xs {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 10px;
    line-height: 16px;
    font-weight: normal !important
}

.re__typo-body-content--md {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal !important
}

.re__typo-body-content--sm {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__typo-expressive--xl {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important
}

.re__typo-expressive--lg {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal !important
}

.re__typo-expressive--md {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__typo-expressive--xs {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal !important
}

.re__typo-expressive--md-long {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal !important
}

.re__typo-expressive-content-md {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal !important
}

.re__typo-expressive--sm {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__typo-btn--sm {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-btn--md {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__typo-btn--lg {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px
}

.re__typo-notification--sm {
    font-family: "Roboto Bold", Roboto, Arial !important;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal !important
}

.re__link-pr {
    color: #E03C31;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__link-pr:hover {
    color: #FF837A
}

.re__link-pr:active {
    color: #74150F
}

.re__link-pr--actived {
    color: #74150F
}

.re__link-pr:disabled {
    color: #FF837A
}

.re__link-pr span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    float: left;
    margin-right: 4px
}

.re__link-pr i {
    font-size: 16px;
    padding: 2px 0px;
    float: left
}

@media only screen and (max-width: 1024px) {
    .re__link-pr:hover {
        color: #E03C31
    }

    .re__link-pr:active {
        color: #74150F
    }
}

.re__link-se {
    color: #2C2C2C;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__link-se:hover {
    color: #999
}

.re__link-se:active {
    color: #000
}

.re__link-se--actived {
    color: #000
}

.re__link-se:disabled {
    color: #ccc
}

.re__link-se--previous {
    color: #999
}

.re__link-se span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    float: left;
    margin-right: 4px
}

.re__link-se i {
    font-size: 16px;
    padding: 2px 0px;
    float: left
}

@media only screen and (max-width: 1024px) {
    .re__link-se:hover {
        color: #2C2C2C
    }

    .re__link-se:active {
        color: #000
    }
}

.re__link-se-cyan {
    color: #007C80;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__link-se-cyan:hover {
    color: #009BA1
}

.re__link-se-cyan:active {
    color: #007C80
}

.re__link-se-cyan--actived {
    color: #007C80
}

.re__link-se-cyan:disabled {
    color: #999
}

.re__link-se-cyan span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    float: left;
    margin-right: 4px
}

.re__link-se-cyan i {
    font-size: 16px;
    padding: 2px 0px;
    float: left
}

@media only screen and (max-width: 1024px) {
    .re__link-se-cyan:hover {
        color: #007C80
    }

    .re__link-se-cyan:active {
        color: #007C80
    }
}

.re__link-se-gray {
    color: #2C2C2C;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__link-se-gray:hover {
    color: #999
}

.re__link-se-gray:active {
    color: #000
}

.re__link-se-gray--actived {
    color: #000
}

.re__link-se-gray:disabled {
    color: #ccc
}

.re__link-se-gray--previous {
    color: #999
}

.re__link-se-gray span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    float: left;
    margin-right: 4px
}

.re__link-se-gray i {
    font-size: 16px;
    padding: 2px 0px;
    float: left
}

@media only screen and (max-width: 1024px) {
    .re__link-se-gray:hover {
        color: #2C2C2C
    }

    .re__link-se-gray:active {
        color: #000
    }
}

.re__avatar--lg {
    margin: 0px;
    width: 32px;
    float: left;
    height: 32px;
    border-radius: 32px;
    padding: 0px;
    overflow: hidden;
    background: #FFECEB;
    position: relative;
    text-align: center
}

.re__avatar--lg .re__avatar-text {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    font-size: 16px !important;
    padding: 4px;
    color: #74150F;
    overflow: hidden;
    display: inline-block !important;
    text-transform: uppercase
}

.re__avatar--xl {
    margin: 0px;
    width: 40px;
    float: left;
    height: 40px;
    border-radius: 100%;
    margin-top: 4px;
    padding: 0px;
    overflow: hidden;
    background: #FFECEB;
    position: relative;
    text-align: center
}

.re__avatar--xl .re__avatar-text {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    font-size: 18px !important;
    padding: 10px;
    color: #74150F;
    overflow: hidden;
    display: inline-block !important;
    text-transform: uppercase
}

.re__avatar--xxl {
    margin: 0px;
    width: 64px;
    float: left;
    height: 64px;
    border-radius: 64px;
    padding: 0px;
    overflow: hidden;
    background: #FFECEB;
    position: relative;
    text-align: center
}

.re__avatar--xxl .re__avatar-text {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    font-size: 18px !important;
    padding: 18px;
    color: #74150F;
    overflow: hidden;
    display: inline-block !important;
    text-transform: uppercase
}

.re__btn {
    font-style: normal;
    outline: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: none !important
}

.re__btn-pr-solid--sm {
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-pr-solid--sm:hover {
    color: #fff;
    background: #FF837A;
    border: solid 1px #FF837A
}

.re__btn-pr-solid--sm:active {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.re__btn-pr-solid--sm:disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.re__btn-pr-solid--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-solid--sm:hover {
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31
    }

    .re__btn-pr-solid--sm:active {
        color: #fff;
        background: #74150F;
        border: solid 1px #74150F
    }
}

.re__btn-pr-solid--sm.re__btn--actived {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.re__btn-pr-solid--sm.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.re__btn-pr-solid--md {
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-pr-solid--md:hover {
    color: #fff;
    background: #FF837A;
    border: solid 1px #FF837A
}

.re__btn-pr-solid--md:active {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.re__btn-pr-solid--md:disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.re__btn-pr-solid--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-solid--md:hover {
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31
    }

    .re__btn-pr-solid--md:active {
        color: #fff;
        background: #74150F;
        border: solid 1px #74150F
    }
}

.re__btn-pr-solid--md.re__btn--actived {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.re__btn-pr-solid--md.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.re__btn-pr-solid--lg {
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-pr-solid--lg:hover {
    color: #fff;
    background: #FF837A;
    border: solid 1px #FF837A
}

.re__btn-pr-solid--lg:active {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.re__btn-pr-solid--lg:disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.re__btn-pr-solid--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-solid--lg:hover {
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31
    }

    .re__btn-pr-solid--lg:active {
        color: #fff;
        background: #74150F;
        border: solid 1px #74150F
    }
}

.re__btn-pr-solid--lg.re__btn--actived {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.re__btn-pr-solid--lg.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.re__btn-pr-solid-inverted--sm {
    color: #E03C31;
    background: #fff;
    border: solid 1px #fff;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-pr-solid-inverted--sm:hover {
    color: #FF837A;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--sm:active {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--sm:disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.re__btn-pr-solid-inverted--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-solid-inverted--sm:hover {
        color: #E03C31;
        background: #fff;
        border: solid 1px #fff
    }

    .re__btn-pr-solid-inverted--sm:active {
        color: #74150F;
        background: #fff;
        border: solid 1px #fff
    }
}

.re__btn-pr-solid-inverted--sm.re__btn--actived {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--sm.re__btn--disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.re__btn-pr-solid-inverted--md {
    color: #E03C31;
    background: #fff;
    border: solid 1px #fff;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-pr-solid-inverted--md:hover {
    color: #FF837A;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--md:active {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--md:disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.re__btn-pr-solid-inverted--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-solid-inverted--md:hover {
        color: #E03C31;
        background: #fff;
        border: solid 1px #fff
    }

    .re__btn-pr-solid-inverted--md:active {
        color: #74150F;
        background: #fff;
        border: solid 1px #fff
    }
}

.re__btn-pr-solid-inverted--md.re__btn--actived {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--md.re__btn--disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.re__btn-pr-solid-inverted--lg {
    color: #E03C31;
    background: #fff;
    border: solid 1px #fff;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-pr-solid-inverted--lg:hover {
    color: #FF837A;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--lg:active {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--lg:disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.re__btn-pr-solid-inverted--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-solid-inverted--lg:hover {
        color: #E03C31;
        background: #fff;
        border: solid 1px #fff
    }

    .re__btn-pr-solid-inverted--lg:active {
        color: #74150F;
        background: #fff;
        border: solid 1px #fff
    }
}

.re__btn-pr-solid-inverted--lg.re__btn--actived {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.re__btn-pr-solid-inverted--lg.re__btn--disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.re__btn-pr-border--sm {
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-pr-border--sm:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #E03C31
}

.re__btn-pr-border--sm:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.re__btn-pr-border--sm:disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.re__btn-pr-border--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-border--sm:hover {
        color: #E03C31;
        background: #fff;
        border: 1px solid #E03C31
    }

    .re__btn-pr-border--sm:active {
        color: #E03C31;
        background: #FFC7C3;
        border: 1px solid #E03C31
    }
}

.re__btn-pr-border--sm.re__btn--actived {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.re__btn-pr-border--sm.re__btn--disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.re__btn-pr-border--md {
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-pr-border--md:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #E03C31
}

.re__btn-pr-border--md:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.re__btn-pr-border--md:disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.re__btn-pr-border--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-border--md:hover {
        color: #E03C31;
        background: #fff;
        border: 1px solid #E03C31
    }

    .re__btn-pr-border--md:active {
        color: #E03C31;
        background: #FFC7C3;
        border: 1px solid #E03C31
    }
}

.re__btn-pr-border--md.re__btn--actived {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.re__btn-pr-border--md.re__btn--disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.re__btn-pr-border--lg {
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-pr-border--lg:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #E03C31
}

.re__btn-pr-border--lg:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.re__btn-pr-border--lg:disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.re__btn-pr-border--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-border--lg:hover {
        color: #E03C31;
        background: #fff;
        border: 1px solid #E03C31
    }

    .re__btn-pr-border--lg:active {
        color: #E03C31;
        background: #FFC7C3;
        border: 1px solid #E03C31
    }
}

.re__btn-pr-border--lg.re__btn--actived {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.re__btn-pr-border--lg.re__btn--disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.re__btn-pr-ghost--sm {
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-pr-ghost--sm:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #FFECEB
}

.re__btn-pr-ghost--sm:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.re__btn-pr-ghost--sm:disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-ghost--sm:hover {
        color: #E03C31;
        background: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, 0)
    }

    .re__btn-pr-ghost--sm:active {
        color: #E03C31;
        background: #FFC7C3;
        border: 1px solid #FFC7C3
    }
}

.re__btn-pr-ghost--sm.re__btn--actived {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.re__btn-pr-ghost--sm.re__btn--disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost--md {
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-pr-ghost--md:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #FFECEB
}

.re__btn-pr-ghost--md:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.re__btn-pr-ghost--md:disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-ghost--md:hover {
        color: #E03C31;
        background: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, 0)
    }

    .re__btn-pr-ghost--md:active {
        color: #E03C31;
        background: #FFC7C3;
        border: 1px solid #FFC7C3
    }
}

.re__btn-pr-ghost--md.re__btn--actived {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.re__btn-pr-ghost--md.re__btn--disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost--lg {
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-pr-ghost--lg:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #FFECEB
}

.re__btn-pr-ghost--lg:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.re__btn-pr-ghost--lg:disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-ghost--lg:hover {
        color: #E03C31;
        background: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, 0)
    }

    .re__btn-pr-ghost--lg:active {
        color: #E03C31;
        background: #FFC7C3;
        border: 1px solid #FFC7C3
    }
}

.re__btn-pr-ghost--lg.re__btn--actived {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.re__btn-pr-ghost--lg.re__btn--disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost-inverted--sm {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-pr-ghost-inverted--sm:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--sm:active {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--sm:disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost-inverted--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-ghost-inverted--sm:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, 0)
    }

    .re__btn-pr-ghost-inverted--sm:active {
        color: #fff;
        background: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(0, 0, 0, 0.3)
    }
}

.re__btn-pr-ghost-inverted--sm.re__btn--actived {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--sm.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost-inverted--md {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-pr-ghost-inverted--md:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--md:active {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--md:disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost-inverted--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-ghost-inverted--md:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, 0)
    }

    .re__btn-pr-ghost-inverted--md:active {
        color: #fff;
        background: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(0, 0, 0, 0.3)
    }
}

.re__btn-pr-ghost-inverted--md.re__btn--actived {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--md.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost-inverted--lg {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-pr-ghost-inverted--lg:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--lg:active {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--lg:disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-pr-ghost-inverted--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-pr-ghost-inverted--lg:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, 0)
    }

    .re__btn-pr-ghost-inverted--lg:active {
        color: #fff;
        background: rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(0, 0, 0, 0.3)
    }
}

.re__btn-pr-ghost-inverted--lg.re__btn--actived {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.re__btn-pr-ghost-inverted--lg.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-se-solid--sm {
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-se-solid--sm:hover {
    color: #fff;
    background: #999;
    border: solid 1px #999
}

.re__btn-se-solid--sm:hover i {
    color: #fff
}

.re__btn-se-solid--sm:hover span {
    color: #fff
}

.re__btn-se-solid--sm:active {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.re__btn-se-solid--sm:active i {
    color: #fff
}

.re__btn-se-solid--sm:active span {
    color: #fff
}

.re__btn-se-solid--sm:disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.re__btn-se-solid--sm:disabled i {
    color: #fff
}

.re__btn-se-solid--sm:disabled span {
    color: #fff
}

.re__btn-se-solid--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-solid--sm:hover {
        color: #fff;
        background: #505050;
        border: solid 1px #505050
    }

    .re__btn-se-solid--sm:active {
        color: #fff;
        background: #2C2C2C;
        border: 1px solid #2C2C2C
    }

    .re__btn-se-solid--sm:active i {
        color: #fff
    }

    .re__btn-se-solid--sm:active span {
        color: #fff
    }
}

.re__btn-se-solid--sm.re__btn--actived {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.re__btn-se-solid--sm.re__btn--actived i {
    color: #fff
}

.re__btn-se-solid--sm.re__btn--actived span {
    color: #fff
}

.re__btn-se-solid--sm.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.re__btn-se-solid--sm.re__btn--disabled i {
    color: #fff
}

.re__btn-se-solid--sm.re__btn--disabled span {
    color: #fff
}

.re__btn-se-solid--md {
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-se-solid--md:hover {
    color: #fff;
    background: #999;
    border: solid 1px #999
}

.re__btn-se-solid--md:hover i {
    color: #fff
}

.re__btn-se-solid--md:hover span {
    color: #fff
}

.re__btn-se-solid--md:active {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.re__btn-se-solid--md:active i {
    color: #fff
}

.re__btn-se-solid--md:active span {
    color: #fff
}

.re__btn-se-solid--md:disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.re__btn-se-solid--md:disabled i {
    color: #fff
}

.re__btn-se-solid--md:disabled span {
    color: #fff
}

.re__btn-se-solid--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-solid--md:hover {
        color: #fff;
        background: #505050;
        border: solid 1px #505050
    }

    .re__btn-se-solid--md:active {
        color: #fff;
        background: #2C2C2C;
        border: 1px solid #2C2C2C
    }

    .re__btn-se-solid--md:active i {
        color: #fff
    }

    .re__btn-se-solid--md:active span {
        color: #fff
    }
}

.re__btn-se-solid--md.re__btn--actived {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.re__btn-se-solid--md.re__btn--actived i {
    color: #fff
}

.re__btn-se-solid--md.re__btn--actived span {
    color: #fff
}

.re__btn-se-solid--md.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.re__btn-se-solid--md.re__btn--disabled i {
    color: #fff
}

.re__btn-se-solid--md.re__btn--disabled span {
    color: #fff
}

.re__btn-se-solid--lg {
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-se-solid--lg:hover {
    color: #fff;
    background: #999;
    border: solid 1px #999
}

.re__btn-se-solid--lg:hover i {
    color: #fff
}

.re__btn-se-solid--lg:hover span {
    color: #fff
}

.re__btn-se-solid--lg:active {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.re__btn-se-solid--lg:active i {
    color: #fff
}

.re__btn-se-solid--lg:active span {
    color: #fff
}

.re__btn-se-solid--lg:disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.re__btn-se-solid--lg:disabled i {
    color: #fff
}

.re__btn-se-solid--lg:disabled span {
    color: #fff
}

.re__btn-se-solid--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-solid--lg:hover {
        color: #fff;
        background: #505050;
        border: solid 1px #505050
    }

    .re__btn-se-solid--lg:active {
        color: #fff;
        background: #2C2C2C;
        border: 1px solid #2C2C2C
    }

    .re__btn-se-solid--lg:active i {
        color: #fff
    }

    .re__btn-se-solid--lg:active span {
        color: #fff
    }
}

.re__btn-se-solid--lg.re__btn--actived {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.re__btn-se-solid--lg.re__btn--actived i {
    color: #fff
}

.re__btn-se-solid--lg.re__btn--actived span {
    color: #fff
}

.re__btn-se-solid--lg.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.re__btn-se-solid--lg.re__btn--disabled i {
    color: #fff
}

.re__btn-se-solid--lg.re__btn--disabled span {
    color: #fff
}

.re__btn-se-border--sm {
    color: #2C2C2C;
    background: #fff;
    border: solid 1px #ccc;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-se-border--sm:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #ccc
}

.re__btn-se-border--sm:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.re__btn-se-border--sm:disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.re__btn-se-border--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-border--sm:hover {
        color: #2C2C2C;
        background: #fff;
        border: solid 1px #ccc
    }

    .re__btn-se-border--sm:active {
        color: #2C2C2C;
        background: #F2F2F2;
        border: solid 1px #ccc
    }
}

.re__btn-se-border--sm.re__btn--actived {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.re__btn-se-border--sm.re__btn--disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.re__btn-se-border--md {
    color: #2C2C2C;
    background: #fff;
    border: solid 1px #ccc;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-se-border--md:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #ccc
}

.re__btn-se-border--md:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.re__btn-se-border--md:disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.re__btn-se-border--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-border--md:hover {
        color: #2C2C2C;
        background: #fff;
        border: solid 1px #ccc
    }

    .re__btn-se-border--md:active {
        color: #2C2C2C;
        background: #F2F2F2;
        border: solid 1px #ccc
    }
}

.re__btn-se-border--md.re__btn--actived {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.re__btn-se-border--md.re__btn--disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.re__btn-se-border--lg {
    color: #2C2C2C;
    background: #fff;
    border: solid 1px #ccc;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-se-border--lg:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #ccc
}

.re__btn-se-border--lg:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.re__btn-se-border--lg:disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.re__btn-se-border--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-border--lg:hover {
        color: #2C2C2C;
        background: #fff;
        border: solid 1px #ccc
    }

    .re__btn-se-border--lg:active {
        color: #2C2C2C;
        background: #F2F2F2;
        border: solid 1px #ccc
    }
}

.re__btn-se-border--lg.re__btn--actived {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.re__btn-se-border--lg.re__btn--disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.re__btn-se-border-inverted--sm {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(255, 255, 255, 0.6);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-se-border-inverted--sm:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--sm:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--sm:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.re__btn-se-border-inverted--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-border-inverted--sm:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0);
        border: solid 1px rgba(255, 255, 255, 0.6)
    }

    .re__btn-se-border-inverted--sm:active {
        color: #fff;
        background: rgba(255, 255, 255, 0.3);
        border: solid 1px #fff
    }
}

.re__btn-se-border-inverted--sm.re__btn--actived {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--sm.re__btn--disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.re__btn-se-border-inverted--md {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(255, 255, 255, 0.6);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-se-border-inverted--md:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--md:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--md:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.re__btn-se-border-inverted--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-border-inverted--md:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0);
        border: solid 1px rgba(255, 255, 255, 0.6)
    }

    .re__btn-se-border-inverted--md:active {
        color: #fff;
        background: rgba(255, 255, 255, 0.3);
        border: solid 1px #fff
    }
}

.re__btn-se-border-inverted--md.re__btn--actived {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--md.re__btn--disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.re__btn-se-border-inverted--lg {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(255, 255, 255, 0.6);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-se-border-inverted--lg:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--lg:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--lg:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.re__btn-se-border-inverted--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-border-inverted--lg:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0);
        border: solid 1px rgba(255, 255, 255, 0.6)
    }

    .re__btn-se-border-inverted--lg:active {
        color: #fff;
        background: rgba(255, 255, 255, 0.3);
        border: solid 1px #fff
    }
}

.re__btn-se-border-inverted--lg.re__btn--actived {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.re__btn-se-border-inverted--lg.re__btn--disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.re__btn-se-ghost--sm {
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-se-ghost--sm:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #FAFAFA
}

.re__btn-se-ghost--sm:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.re__btn-se-ghost--sm:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-se-ghost--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-ghost--sm:hover {
        color: #2C2C2C;
        background: rgba(0, 0, 0, 0);
        border: solid 1px rgba(0, 0, 0, 0)
    }

    .re__btn-se-ghost--sm:active {
        color: #2C2C2C;
        background: #F2F2F2;
        border: solid 1px #F2F2F2
    }
}

.re__btn-se-ghost--sm.re__btn--actived {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.re__btn-se-ghost--sm.re__btn--disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-se-ghost--md {
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-se-ghost--md:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #FAFAFA
}

.re__btn-se-ghost--md:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.re__btn-se-ghost--md:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-se-ghost--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-ghost--md:hover {
        color: #2C2C2C;
        background: rgba(0, 0, 0, 0);
        border: solid 1px rgba(0, 0, 0, 0)
    }

    .re__btn-se-ghost--md:active {
        color: #2C2C2C;
        background: #F2F2F2;
        border: solid 1px #F2F2F2
    }
}

.re__btn-se-ghost--md.re__btn--actived {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.re__btn-se-ghost--md.re__btn--disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-se-ghost--lg {
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-se-ghost--lg:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #FAFAFA
}

.re__btn-se-ghost--lg:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.re__btn-se-ghost--lg:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-se-ghost--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-se-ghost--lg:hover {
        color: #2C2C2C;
        background: rgba(0, 0, 0, 0);
        border: solid 1px rgba(0, 0, 0, 0)
    }

    .re__btn-se-ghost--lg:active {
        color: #2C2C2C;
        background: #F2F2F2;
        border: solid 1px #F2F2F2
    }
}

.re__btn-se-ghost--lg.re__btn--actived {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.re__btn-se-ghost--lg.re__btn--disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.re__btn-cyan-solid--sm {
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-cyan-solid--sm:hover {
    color: #fff;
    background: #1DBABF;
    border: 1px solid #1DBABF
}

.re__btn-cyan-solid--sm:active {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.re__btn-cyan-solid--sm:disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-solid--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-cyan-solid--sm:hover {
        color: #fff;
        background: #009BA1;
        border: 1px solid #009BA1
    }

    .re__btn-cyan-solid--sm:active {
        color: #fff;
        background: #007C80;
        border: 1px solid #007C80
    }
}

.re__btn-cyan-solid--sm.re__btn--actived {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.re__btn-cyan-solid--sm.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-solid--md {
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-cyan-solid--md:hover {
    color: #fff;
    background: #1DBABF;
    border: 1px solid #1DBABF
}

.re__btn-cyan-solid--md:active {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.re__btn-cyan-solid--md:disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-solid--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-cyan-solid--md:hover {
        color: #fff;
        background: #009BA1;
        border: 1px solid #009BA1
    }

    .re__btn-cyan-solid--md:active {
        color: #fff;
        background: #007C80;
        border: 1px solid #007C80
    }
}

.re__btn-cyan-solid--md.re__btn--actived {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.re__btn-cyan-solid--md.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-solid--lg {
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-cyan-solid--lg:hover {
    color: #fff;
    background: #1DBABF;
    border: 1px solid #1DBABF
}

.re__btn-cyan-solid--lg:active {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.re__btn-cyan-solid--lg:disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-solid--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-cyan-solid--lg:hover {
        color: #fff;
        background: #009BA1;
        border: 1px solid #009BA1
    }

    .re__btn-cyan-solid--lg:active {
        color: #fff;
        background: #007C80;
        border: 1px solid #007C80
    }
}

.re__btn-cyan-solid--lg.re__btn--actived {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.re__btn-cyan-solid--lg.re__btn--disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-border--sm {
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.re__btn-cyan-border--sm:hover {
    color: #009BA1;
    background: #E8FEFF;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--sm:active {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--sm:disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-border--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-cyan-border--sm:hover {
        color: #009BA1;
        background: #fff;
        border: 1px solid #009BA1
    }

    .re__btn-cyan-border--sm:active {
        color: #009BA1;
        background: #9ED8DA;
        border: 1px solid #009BA1
    }
}

.re__btn-cyan-border--sm.re__btn--actived {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--sm.re__btn--disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-border--md {
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.re__btn-cyan-border--md:hover {
    color: #009BA1;
    background: #E8FEFF;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--md:active {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--md:disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-border--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-cyan-border--md:hover {
        color: #009BA1;
        background: #fff;
        border: 1px solid #009BA1
    }

    .re__btn-cyan-border--md:active {
        color: #009BA1;
        background: #9ED8DA;
        border: 1px solid #009BA1
    }
}

.re__btn-cyan-border--md.re__btn--actived {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--md.re__btn--disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-border--lg {
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.re__btn-cyan-border--lg:hover {
    color: #009BA1;
    background: #E8FEFF;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--lg:active {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--lg:disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn-cyan-border--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

@media only screen and (max-width: 1024px) {
    .re__btn-cyan-border--lg:hover {
        color: #009BA1;
        background: #fff;
        border: 1px solid #009BA1
    }

    .re__btn-cyan-border--lg:active {
        color: #009BA1;
        background: #9ED8DA;
        border: 1px solid #009BA1
    }
}

.re__btn-cyan-border--lg.re__btn--actived {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.re__btn-cyan-border--lg.re__btn--disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.re__btn.re__btn-icon-right--sm>span {
    float: left;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__btn.re__btn-icon-right--sm i {
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: -4px;
    font-size: 16px !important;
    float: left
}

.re__btn.re__btn-icon-right--sm i>span {
    font-family: "font-icon-bds" !important;
    font-size: 16px !important
}

.re__btn.re__btn-icon-left--sm i {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 16px !important;
    float: left
}

.re__btn.re__btn-icon-left--sm i>span {
    font-family: "font-icon-bds" !important;
    font-size: 16px !important
}

.re__btn.re__btn-icon-left--sm>span {
    margin-left: 8px;
    float: left;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__btn.re__btn-icon--sm {
    line-height: 1px !important
}

.re__btn.re__btn-icon--sm i {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: -4px;
    margin-left: -4px;
    font-size: 16px !important;
    display: block
}

.re__btn.re__btn-icon--sm i>span {
    font-family: "font-icon-bds" !important;
    font-size: 16px !important
}

.re__btn.re__btn-icon-right--md>span {
    float: left;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__btn.re__btn-icon-right--md i {
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: -4px;
    font-size: 16px !important;
    float: left
}

.re__btn.re__btn-icon-right--md i>span {
    font-family: "font-icon-bds" !important;
    font-size: 16px !important
}

.re__btn.re__btn-icon-left--md i {
    margin-top: -2px;
    margin-bottom: -2px;
    font-size: 24px !important;
    float: left
}

.re__btn.re__btn-icon-left--md i>span {
    font-family: "font-icon-bds" !important;
    font-size: 24px !important
}

.re__btn.re__btn-icon-left--md>span {
    padding-left: 8px;
    float: left;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__btn.re__btn-icon--md {
    line-height: 1px !important
}

.re__btn.re__btn-icon--md i {
    margin-top: -2px;
    margin-bottom: -2px;
    margin-right: -4px;
    margin-left: -4px;
    font-size: 24px !important;
    display: block
}

.re__btn.re__btn-icon--md i>span {
    font-family: "font-icon-bds" !important;
    font-size: 24px !important
}

.re__btn.re__btn-icon-right--lg>span {
    float: left;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px
}

.re__btn.re__btn-icon-right--lg i {
    margin-right: -4px;
    font-size: 24px !important;
    padding-left: 4px;
    float: left
}

.re__btn.re__btn-icon-right--lg i>span {
    font-family: "font-icon-bds" !important;
    font-size: 24px !important
}

.re__btn.re__btn-icon-left--lg i {
    font-size: 24px !important;
    float: left
}

.re__btn.re__btn-icon-left--lg i>span {
    font-family: "font-icon-bds" !important;
    font-size: 24px !important
}

.re__btn.re__btn-icon-left--lg>span {
    padding-left: 8px;
    float: left;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px
}

.re__btn.re__btn-icon--lg {
    line-height: 1px !important
}

.re__btn.re__btn-icon--lg i {
    font-size: 24px !important;
    display: block
}

.re__btn.re__btn-icon--lg i>span {
    font-family: "font-icon-bds" !important;
    font-size: 24px !important
}

.re__btn-group {
    display: inline-block
}

.re__btn-group .re__btn {
    margin: 0;
    float: left
}

.re__btn-group .re__btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.re__btn-group .re__btn:not(:last-child):not(:first-child) {
    border-radius: 0px
}

.re__btn-group .re__btn:not(:last-child) {
    border-right-color: rgba(0, 0, 0, 0)
}

.re__btn-group .re__btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.re__btn-group .re__paging-icon {
    color: #2C2C2C;
    line-height: 1px;
    padding: 7px
}

.re__btn-group .re__paging-icon>i {
    line-height: 16px;
    font-size: 16px
}

.re__btn-icon-text-center>i {
    vertical-align: middle;
    margin-right: 8px
}

.submit-loading {
    position: relative;
    height: auto;
    width: auto;
    display: inline-block
}

.submit-loading.width-full {
    width: 100%
}

.submit-loading .submit-loading-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--sm {
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--sm:hover {
    color: #fff;
    background: #FF837A;
    border: solid 1px #FF837A
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--sm:active {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--sm:disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--md {
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--md:hover {
    color: #fff;
    background: #FF837A;
    border: solid 1px #FF837A
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--md:active {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--md:disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--lg {
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--lg:hover {
    color: #fff;
    background: #FF837A;
    border: solid 1px #FF837A
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--lg:active {
    color: #fff;
    background: #74150F;
    border: solid 1px #74150F
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--lg:disabled {
    opacity: .4;
    color: #fff;
    background: #E03C31;
    border: solid 1px #E03C31;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-solid--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--sm {
    color: #E03C31;
    background: #fff;
    border: solid 1px #fff;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--sm:hover {
    color: #FF837A;
    background: #fff;
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--sm:active {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--sm:disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--md {
    color: #E03C31;
    background: #fff;
    border: solid 1px #fff;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--md:hover {
    color: #FF837A;
    background: #fff;
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--md:active {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--md:disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--lg {
    color: #E03C31;
    background: #fff;
    border: solid 1px #fff;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--lg:hover {
    color: #FF837A;
    background: #fff;
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--lg:active {
    color: #74150F;
    background: #fff;
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--lg:disabled {
    opacity: .4;
    color: #999;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff rgba(255, 255, 255, 0.1);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-solid-inverted--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-border--sm {
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-pr-border--sm:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #E03C31
}

.submit-loading .submit-loading-hover.re__btn-pr-border--sm:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.submit-loading .submit-loading-hover.re__btn-pr-border--sm:disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-border--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-border--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-pr-border--md {
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-border--md:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #E03C31
}

.submit-loading .submit-loading-hover.re__btn-pr-border--md:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.submit-loading .submit-loading-hover.re__btn-pr-border--md:disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-border--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-border--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-pr-border--lg {
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-border--lg:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #E03C31
}

.submit-loading .submit-loading-hover.re__btn-pr-border--lg:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #E03C31
}

.submit-loading .submit-loading-hover.re__btn-pr-border--lg:disabled {
    opacity: .4;
    color: #E03C31;
    background: #fff;
    border: 1px solid #E03C31;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-border--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--sm {
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--sm:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #FFECEB
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--sm:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--sm:disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--md {
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--md:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #FFECEB
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--md:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--md:disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--lg {
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--lg:hover {
    color: #E03C31;
    background: #FFECEB;
    border: 1px solid #FFECEB
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--lg:active {
    color: #E03C31;
    background: #FFC7C3;
    border: 1px solid #FFC7C3
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--lg:disabled {
    opacity: .4;
    color: #E03C31;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--sm {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--sm:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--sm:active {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--sm:disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--md {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--md:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--md:active {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--md:disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--lg {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--lg:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--lg:active {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3)
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--lg:disabled {
    opacity: .4;
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-pr-ghost-inverted--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm {
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:hover {
    color: #fff;
    background: #999;
    border: solid 1px #999
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:hover i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:hover span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:active {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:active i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:active span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:disabled i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm:disabled span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-solid--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md {
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:hover {
    color: #fff;
    background: #999;
    border: solid 1px #999
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:hover i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:hover span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:active {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:active i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:active span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:disabled i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md:disabled span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-solid--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg {
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:hover {
    color: #fff;
    background: #999;
    border: solid 1px #999
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:hover i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:hover span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:active {
    color: #fff;
    background: #2C2C2C;
    border: 1px solid #2C2C2C
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:active i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:active span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:disabled {
    opacity: .4;
    color: #fff;
    background: #505050;
    border: solid 1px #505050;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:disabled i {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg:disabled span {
    color: #fff
}

.submit-loading .submit-loading-hover.re__btn-se-solid--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-border--sm {
    color: #2C2C2C;
    background: #fff;
    border: solid 1px #ccc;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-se-border--sm:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #ccc
}

.submit-loading .submit-loading-hover.re__btn-se-border--sm:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.submit-loading .submit-loading-hover.re__btn-se-border--sm:disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-border--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-border--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-se-border--md {
    color: #2C2C2C;
    background: #fff;
    border: solid 1px #ccc;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-se-border--md:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #ccc
}

.submit-loading .submit-loading-hover.re__btn-se-border--md:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.submit-loading .submit-loading-hover.re__btn-se-border--md:disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-border--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-border--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-se-border--lg {
    color: #2C2C2C;
    background: #fff;
    border: solid 1px #ccc;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-se-border--lg:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #ccc
}

.submit-loading .submit-loading-hover.re__btn-se-border--lg:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #ccc
}

.submit-loading .submit-loading-hover.re__btn-se-border--lg:disabled {
    color: #999;
    background: #fff;
    border: solid 1px #ccc;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-border--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--sm {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(255, 255, 255, 0.6);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--sm:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--sm:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--sm:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--md {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(255, 255, 255, 0.6);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--md:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--md:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--md:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--lg {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(255, 255, 255, 0.6);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--lg:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--lg:active {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border: solid 1px #fff
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--lg:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-border-inverted--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--sm {
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--sm:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #FAFAFA
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--sm:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--sm:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--md {
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--md:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #FAFAFA
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--md:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--md:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--lg {
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--lg:hover {
    color: #2C2C2C;
    background: #FAFAFA;
    border: solid 1px #FAFAFA
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--lg:active {
    color: #2C2C2C;
    background: #F2F2F2;
    border: solid 1px #F2F2F2
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--lg:disabled {
    color: #999;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-se-ghost--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--sm {
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--sm:hover {
    color: #fff;
    background: #1DBABF;
    border: 1px solid #1DBABF
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--sm:active {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--sm:disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--md {
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--md:hover {
    color: #fff;
    background: #1DBABF;
    border: 1px solid #1DBABF
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--md:active {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--md:disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--lg {
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--lg:hover {
    color: #fff;
    background: #1DBABF;
    border: 1px solid #1DBABF
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--lg:active {
    color: #fff;
    background: #007C80;
    border: 1px solid #007C80
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--lg:disabled {
    opacity: .4;
    color: #fff;
    background: #009BA1;
    border: 1px solid #009BA1;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-cyan-solid--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--sm {
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 5px 11px;
    border-radius: 4px
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--sm:hover {
    color: #009BA1;
    background: #E8FEFF;
    border: 1px solid #009BA1
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--sm:active {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--sm:disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--sm span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--sm i img {
    height: 24px;
    margin-top: -4px
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--md {
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--md:hover {
    color: #009BA1;
    background: #E8FEFF;
    border: 1px solid #009BA1
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--md:active {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--md:disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--md span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--md i img {
    height: 40px;
    margin-top: -8px
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--lg {
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    font-weight: normal !important;
    line-height: 24px;
    letter-spacing: -.2px;
    padding: 15px;
    border-radius: 8px
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--lg:hover {
    color: #009BA1;
    background: #E8FEFF;
    border: 1px solid #009BA1
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--lg:active {
    color: #009BA1;
    background: #9ED8DA;
    border: 1px solid #009BA1
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--lg:disabled {
    opacity: .4;
    color: #009BA1;
    background: #fff;
    border: 1px solid #009BA1;
    cursor: unset
}

.submit-loading .submit-loading-hover.re__btn-cyan-border--lg span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.submit-loading.active .submit-loading-hover {
    display: block;
    z-index: 8
}

.btn-phone--lazy-loading {
    position: relative !important;
    overflow: hidden !important;
    background: rgba(0, 155, 161, 0.5) !important;
    border-color: rgba(0, 155, 161, 0.5) !important;
    color: transparent !important;
    pointer-events: none !important
}

.btn-phone--lazy-loading * {
    visibility: hidden !important
}

.btn-phone--lazy-loading::before {
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    height: 100%;
    width: 50%;
    background: linear-gradient(90deg, rgba(0, 155, 161, 0.5) 0%, #009BA1 35.42%, rgba(0, 155, 161, 0.5) 100%);
    animation-name: gradient-animation-btn-phone-skeleton;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    filter: blur(5px)
}

@keyframes gradient-animation-btn-phone-skeleton {
    from {
        left: 0%
    }

    to {
        left: 100%
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.re__form-group {
    margin-bottom: 12px;
    width: 100%;
    overflow: hidden
}

.re__form-control--sm {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0);
    font-style: normal;
    font-weight: normal;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 16px
}

.re__form-control--sm:-webkit-input-placeholder {
    color: #999
}

.re__form-control--sm:-ms-input-placeholder {
    color: #999
}

.re__form-control--sm:-moz-placeholder {
    color: #999;
    opacity: 1
}

.re__form-control--sm:-moz-placeholder {
    color: #999;
    opacity: 1
}

.re__form-control--md {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0);
    font-style: normal;
    font-weight: normal;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 16px
}

.re__form-control--md:-webkit-input-placeholder {
    color: #999
}

.re__form-control--md:-ms-input-placeholder {
    color: #999
}

.re__form-control--md:-moz-placeholder {
    color: #999;
    opacity: 1
}

.re__form-control--md:-moz-placeholder {
    color: #999;
    opacity: 1
}

.re__form-control--lg {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0);
    font-style: normal;
    font-weight: normal;
    clear: both;
    font-size: 16px;
    line-height: 24px;
    padding: 16px
}

.re__form-control--lg:-webkit-input-placeholder {
    color: #999
}

.re__form-control--lg:-ms-input-placeholder {
    color: #999
}

.re__form-control--lg:-moz-placeholder {
    color: #999;
    opacity: 1
}

.re__form-control--lg:-moz-placeholder {
    color: #999;
    opacity: 1
}

.re__input--sm {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative
}

.re__input--sm input {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 15px;
    border-radius: 4px;
    color: #2C2C2C;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.re__input--sm input::-webkit-input-placeholder {
    color: #999
}

.re__input--sm input:-ms-input-placeholder {
    color: #999
}

.re__input--sm input::placeholder {
    color: #999
}

.re__input--sm input:hover {
    border: 1px solid #2C2C2C
}

.re__input--sm input:focus {
    border: 1px solid #2C2C2C;
    box-shadow: none
}

.re__input--sm input:disabled {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FF837A;
    cursor: no-drop
}

.re__input--sm .re__input-icon-close {
    top: 8px;
    right: 8px;
    line-height: 16px;
    font-family: font-icon-bds !important;
    color: #999;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    text-align: center
}

.re__input--sm .re__input-icon-close>span {
    font-size: 16px;
    line-height: 1
}

.re__input--sm .re__input-icon-close .path1:before {
    content: "";
    color: #f2f2f2;
    font-family: "font-icon-bds"
}

.re__input--sm .re__input-icon-close .path2:before {
    content: "";
    margin-left: -1em;
    color: #999;
    font-family: "font-icon-bds"
}

.re__input--sm::before {
    top: 8px;
    position: absolute;
    z-index: 1;
    text-align: center;
    line-height: 24px;
    width: 24px;
    height: 24px
}

.re__input--sm .re__input-focus {
    padding-right: 38px
}

.re__input--sm .re__hidden-icon {
    display: none
}

.re__input--sm .re__info-message>span {
    display: block;
    margin-top: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #505050
}

.re__input--sm .input-validation-error {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input--sm .input-error-field {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input-icon-left--sm input {
    padding-left: 32px
}

.re__input-icon-left--sm input::-ms-reveal,
.re__input-icon-left--sm input::-ms-clear {
    display: none
}

.re__input-icon-left--sm::before {
    left: 6px
}

.re__input-icon-right--sm input {
    padding-right: 36px
}

.re__input-icon-right--sm input:focus {
    padding-right: 68px
}

.re__input-icon-right--sm::before {
    right: 10px
}

.re__input-icon-right--sm .re__input-icon-close {
    right: 46px
}

.re__input-search--sm input {
    padding-left: 36px;
    background: #F2F2F2;
    border-color: #F2F2F2 !important
}

.re__input-search--sm input:hover {
    border-color: #ccc !important
}

.re__input-search--sm input:focus {
    border-color: #ccc !important
}

.re__input-search--sm::before {
    font-family: "font-icon-bds";
    position: absolute;
    z-index: 1;
    text-align: center;
    left: 12px;
    top: 8px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    content: "\ea8d"
}

.re__input-search--sm .re__input-icon-close>.path1::before {
    color: #ccc
}

.re__input-search--sm .re__input-icon-close>.path2::before {
    color: #fff
}

.re__input--md {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative
}

.re__input--md input {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 13px 15px;
    border-radius: 8px;
    height: 48px;
    color: #2C2C2C;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.re__input--md input::-webkit-input-placeholder {
    color: #999
}

.re__input--md input:-ms-input-placeholder {
    color: #999
}

.re__input--md input::placeholder {
    color: #999
}

.re__input--md input:hover {
    border: 1px solid #2C2C2C
}

.re__input--md input:focus {
    border: 1px solid #2C2C2C;
    box-shadow: none
}

.re__input--md input:disabled {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FF837A;
    cursor: no-drop
}

.re__input--md .re__input-icon-close {
    top: 12px;
    right: 12px;
    font-family: font-icon-bds !important;
    color: #999;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    text-align: center
}

.re__input--md .re__input-icon-close>span {
    font-size: 24px;
    line-height: 24px
}

.re__input--md .re__input-icon-close .path1:before {
    content: "";
    color: #f2f2f2;
    font-family: "font-icon-bds"
}

.re__input--md .re__input-icon-close .path2:before {
    content: "";
    margin-left: -1em;
    color: #999;
    font-family: "font-icon-bds"
}

.re__input--md::before {
    top: 12px;
    position: absolute;
    z-index: 1;
    text-align: center;
    line-height: 24px;
    width: 24px;
    height: 24px
}

.re__input--md .re__input-focus {
    padding-right: 48px
}

.re__input--md .re__hidden-icon {
    display: none
}

.re__input--md .re__info-message>span {
    display: block;
    margin-top: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #505050
}

.re__input--md .input-validation-error {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input--md .input-error-field {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input-icon-left--md input {
    padding-left: 49px
}

.re__input-icon-left--md input::-ms-reveal,
.re__input-icon-left--md input::-ms-clear {
    display: none
}

.re__input-icon-left--md::before {
    left: 14px
}

.re__input-icon-right--md input {
    padding-right: 49px
}

.re__input-icon-right--md input:focus {
    padding-right: 98px
}

.re__input-icon-right--md::before {
    right: 14px
}

.re__input-icon-right--md .re__input-icon-close {
    right: 46px
}

.re__input-btn-icon-right--md input {
    padding-right: 40px
}

.re__input-btn-icon-right--md input:focus {
    padding-right: 72px
}

.re__input-btn-icon-right--md .re__input-icon,
.re__input-btn-icon-right--md::before {
    padding: 8px;
    border-radius: 4px;
    color: #fff;
    height: 32px;
    width: 32px;
    box-sizing: border-box;
    right: 8px;
    top: 8px
}

.re__input-btn-icon-right--md .re__input-icon {
    position: absolute;
    font-size: 16px;
    cursor: pointer;
    background-color: #E03C31
}

.re__input-btn-icon-right--md .re__input-icon:hover {
    background-color: #FF837A
}

.re__input-btn-icon-right--md .re__input-icon:active {
    background-color: #74150F
}

.re__input-btn-icon-right--md .re__input-icon-close {
    right: 48px
}

.re__input-search--md input {
    padding-left: 36px;
    background: #F2F2F2;
    border-color: #F2F2F2 !important
}

.re__input-search--md input:hover {
    border-color: #ccc !important
}

.re__input-search--md input:focus {
    border-color: #ccc !important
}

.re__input-search--md::before {
    font-family: "font-icon-bds";
    position: absolute;
    z-index: 1;
    text-align: center;
    left: 12px;
    top: 12px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    content: ""
}

.re__input-search--md .re__input-icon-close>.path1::before {
    color: #ccc
}

.re__input-search--md .re__input-icon-close>.path2::before {
    color: #fff
}

.re__input--lg {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative
}

.re__input--lg input {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal !important;
    padding: 15px;
    border-radius: 8px;
    color: #2C2C2C;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.re__input--lg input::-webkit-input-placeholder {
    color: #999
}

.re__input--lg input:-ms-input-placeholder {
    color: #999
}

.re__input--lg input::placeholder {
    color: #999
}

.re__input--lg input:hover {
    border: 1px solid #2C2C2C
}

.re__input--lg input:focus {
    border: 1px solid #2C2C2C;
    box-shadow: none
}

.re__input--lg input:disabled {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FF837A;
    cursor: no-drop
}

.re__input--lg .re__input-icon-close {
    top: 16px;
    right: 16px;
    font-family: font-icon-bds !important;
    color: #999;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    text-align: center
}

.re__input--lg .re__input-icon-close>span {
    font-size: 24px
}

.re__input--lg .re__input-icon-close .path1:before {
    content: "";
    color: #f2f2f2;
    font-family: "font-icon-bds"
}

.re__input--lg .re__input-icon-close .path2:before {
    content: "";
    margin-left: -1em;
    color: #999;
    font-family: "font-icon-bds"
}

.re__input--lg::before {
    top: 16px;
    position: absolute;
    z-index: 1;
    text-align: center;
    line-height: 24px;
    width: 24px;
    height: 24px
}

.re__input--lg .re__input-focus {
    padding-right: 48px
}

.re__input--lg .re__hidden-icon {
    display: none
}

.re__input--lg .re__info-message>span {
    display: block;
    margin-top: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #505050
}

.re__input--lg .input-validation-error {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input--lg .input-error-field {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input-icon-left--lg input {
    padding-left: 52px
}

.re__input-icon-left--lg input::-ms-reveal,
.re__input-icon-left--lg input::-ms-clear {
    display: none
}

.re__input-icon-left--lg::before {
    left: 14px
}

.re__input-icon-right--lg input {
    padding-left: 52px
}

.re__input-icon-right--lg input:focus {
    padding-right: 104px
}

.re__input-icon-right--lg::before {
    right: 14px
}

.re__input-icon-right--lg .re__input-icon-close {
    right: 46px
}

.re__input-btn-icon-right--lg input {
    padding-left: 44px
}

.re__input-btn-icon-right--lg input:focus {
    padding-right: 76px
}

.re__input-btn-icon-right--lg .re__input-icon,
.re__input-btn-icon-right--lg::before {
    padding: 8px;
    border-radius: 4px;
    color: #fff;
    height: 32px;
    width: 32px;
    box-sizing: border-box;
    right: 12px;
    top: 12px
}

.re__input-btn-icon-right--lg .re__input-icon {
    position: absolute;
    font-size: 16px;
    cursor: pointer;
    background-color: #E03C31
}

.re__input-btn-icon-right--lg .re__input-icon:hover {
    background-color: #FF837A
}

.re__input-btn-icon-right--lg .re__input-icon:active {
    background-color: #74150F
}

.re__input-btn-icon-right--lg .re__input-icon-close {
    right: 52px
}

.re__input-- input {
    position: absolute;
    z-index: 1;
    text-align: center;
    line-height: 24px;
    width: 24px;
    height: 24px
}

.re__input-- input {
    font-family: font-icon-bds !important;
    color: #999;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    text-align: center
}

.re__input-- input .path1:before {
    color: #f2f2f2;
    font-family: "font-icon-bds"
}

.re__input-- input .path2:before {
    color: #999;
    font-family: "font-icon-bds"
}

.re__input-- input {
    display: none
}

.re__input-- input {
    color: #2C2C2C;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.re__input-- input:hover {
    border: 1px solid #2C2C2C
}

.re__input-- input:focus {
    border: 1px solid #2C2C2C;
    box-shadow: none
}

.re__input-- input:disabled {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FF837A;
    cursor: no-drop
}

.re__input-- input>span {
    display: block;
    margin-top: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #505050
}

.re__input-- input {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input-- input {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input--enabled input input {
    color: #2C2C2C;
    border: 1px solid #ccc
}

.re__input--actived input input {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__input--textinfo input input {
    color: #2C2C2C;
    border: 1px solid #FF837A
}

.re__input--disabled input input {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FF837A;
    cursor: no-drop
}

.field-validation-error {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal !important;
    padding-top: 0px
}

.field-validation-error span {
    margin-top: 8px;
    padding-top: 0px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal !important;
    display: block
}

input:focus-visible {
    outline: unset
}

.re__full-label {
    background: #007c80;
    color: #fff;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 64px;
    text-align: center;
    margin-bottom: 16px;
    overflow: hidden
}

.re__label--sm {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    color: #000;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px
}

.re__label--md {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    color: #000;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

.re__label--lg {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    color: #000;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px
}

.re__textarea--sm {
    position: relative;
    box-sizing: border-box
}

.re__textarea--sm .input-validation-error {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__textarea--sm textarea {
    display: block;
    padding: 12px !important;
    margin: 0px !important;
    width: 100% !important;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #ccc;
    padding: 12px;
    min-height: 100px;
    border-radius: 4px;
    outline: 0
}

.re__textarea--sm textarea:focus {
    box-shadow: none
}

.re__textarea--sm textarea:focus {
    border: 1px solid #2C2C2C;
    outline: 0
}

.re__textarea--sm textarea:focus {
    box-shadow: none
}

.re__textarea--sm textarea:hover {
    border: 1px solid #2C2C2C
}

.re__textarea--sm textarea:focus {
    box-shadow: none
}

.re__textarea--sm textarea:focus {
    box-shadow: none
}

.re__textarea--sm textarea:focus {
    box-shadow: none
}

.re__textarea--sm textarea:focus {
    box-shadow: none
}

.re__textarea--sm textarea:disabled {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FFC7C3;
    cursor: no-drop
}

.re__textarea--sm textarea:focus {
    box-shadow: none
}

.re__textarea--sm .re__textarea-icon-close {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 12px;
    right: 12px
}

.re__textarea--sm .re__textarea-icon-close .path1:before {
    content: "\e935";
    color: #f2f2f2;
    font-family: "font-icon-bds" !important;
    font-size: 24px
}

.re__textarea--sm .re__textarea-icon-close .path2:before {
    content: "\e936";
    margin-left: -1em;
    color: #999;
    font-family: "font-icon-bds" !important;
    font-size: 24px
}

.re__textarea--sm .re__textarea-icon-close.re__hidden-icon {
    display: none !important
}

textarea .re__textarea--enabled {
    border: 1px solid #ccc
}

textarea .re__textarea--actived {
    border: 1px solid #E03C31
}

textarea .re__textarea--textinfo {
    border: 1px solid #FF837A
}

textarea .re__textarea--disabled {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FFC7C3;
    cursor: no-drop
}

.re__textarea--md {
    position: relative;
    box-sizing: border-box
}

.re__textarea--md .input-validation-error {
    color: #2C2C2C !important;
    border: 1px solid #E03C31 !important
}

.re__textarea--md textarea {
    display: block;
    padding: 12px !important;
    margin: 0px !important;
    width: 100% !important;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #ccc;
    padding: 12px;
    min-height: 120px;
    border-radius: 8px;
    outline: 0
}

.re__textarea--md textarea:focus {
    box-shadow: none
}

.re__textarea--md textarea:focus {
    border: 1px solid #2C2C2C;
    outline: 0
}

.re__textarea--md textarea:focus {
    box-shadow: none
}

.re__textarea--md textarea:hover {
    border: 1px solid #2C2C2C
}

.re__textarea--md textarea:focus {
    box-shadow: none
}

.re__textarea--md textarea:focus {
    box-shadow: none
}

.re__textarea--md textarea:focus {
    box-shadow: none
}

.re__textarea--md textarea:focus {
    box-shadow: none
}

.re__textarea--md textarea:disabled {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FFC7C3;
    cursor: no-drop
}

.re__textarea--md textarea:focus {
    box-shadow: none
}

.re__textarea--md .re__textarea-icon-close {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 14px;
    right: 14px
}

.re__textarea--md .re__textarea-icon-close .path1:before {
    content: "\e935";
    color: #f2f2f2;
    font-family: "font-icon-bds" !important;
    font-size: 24px
}

.re__textarea--md .re__textarea-icon-close .path2:before {
    content: "\e936";
    margin-left: -1em;
    color: #999;
    font-family: "font-icon-bds" !important;
    font-size: 24px
}

.re__textarea--md .re__textarea-icon-close.re__hidden-icon {
    display: none !important
}

textarea .re__textarea--enabled {
    border: 1px solid #ccc
}

textarea .re__textarea--actived {
    border: 1px solid #E03C31
}

textarea .re__textarea--textinfo {
    border: 1px solid #FF837A
}

textarea .re__textarea--disabled {
    color: #999;
    background: #F2F2F2;
    border: 1px solid #FFC7C3;
    cursor: no-drop
}

.re__state-icon--sm {
    padding: 4px;
    border-radius: 4px;
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    width: auto;
    display: inline-block;
    line-height: 0
}

.re__state-icon--sm i {
    font-size: 16px;
    line-height: 16px
}

.re__state-icon--sm:hover {
    background: #F2F2F2
}

.re__state-icon--sm:active {
    background: #F2F2F2
}

.re__state-icon--md {
    padding: 4px;
    border-radius: 4px;
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    width: auto;
    display: inline-block;
    line-height: 0
}

.re__state-icon--md i {
    font-size: 24px;
    line-height: 24px
}

.re__state-icon--md:hover {
    background: #F2F2F2
}

.re__state-icon--md:active {
    background: #F2F2F2
}

.re__state-icon--lg {
    padding: 4px;
    border-radius: 4px;
    color: #2C2C2C;
    background: rgba(0, 0, 0, 0);
    width: auto;
    display: inline-block;
    line-height: 0
}

.re__state-icon--lg i {
    font-size: 32px;
    line-height: 32px
}

.re__state-icon--lg:hover {
    background: #F2F2F2
}

.re__state-icon--lg:active {
    background: #F2F2F2
}

.re__state-icon--actived {
    background: #F2F2F2
}

.re__state-icon--actived i.re__icon-heart::before {
    color: #2C2C2C;
    content: ""
}

@keyframes round1 {
    from {
        width: 8px;
        height: 8px;
        top: 5px;
        left: 5px
    }

    to {
        width: 18px;
        height: 18px;
        top: 0;
        left: 0
    }
}

@keyframes round2 {
    from {
        width: 12px;
        height: 12px;
        top: 3px;
        left: 3px
    }

    to {
        width: 8px;
        height: 8px;
        top: 5px;
        left: 5px
    }
}

.re__icon-shine-effect {
    position: absolute;
    right: 1px;
    top: 0px;
    height: 18px;
    width: 18px
}

.re__icon-shine-effect .icon-content {
    position: relative
}

.re__icon-shine-effect .path1 {
    background-color: #e03c31;
    opacity: 0.2;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    position: absolute;
    animation: 1s ease 0s infinite normal none running round1
}

.re__icon-shine-effect .path2 {
    background-color: #e03c31;
    opacity: 0.3;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    animation: 1s ease 0s infinite normal none running round2
}

.re__icon-shine-effect .path3 {
    background-color: #fff;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    top: 5px;
    left: 5px;
    position: absolute
}

.re__icon-shine-effect .path4 {
    background-color: #e03c31;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    top: 6px;
    left: 6px;
    position: absolute
}

.re__tab-under-line-group {
    width: 100%;
    box-sizing: border-box
}

.re__tab-under-line-group [class*="re__tab-under-line--"] {
    float: left;
    width: auto
}

.re__tab-under-line-group [class*="re__tab-under-line--"]:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.re__tab-under-line-group [class*="re__tab-under-line--"]:not(:last-child):not(:first-child) {
    border-radius: 0px
}

.re__tab-under-line-group [class*="re__tab-under-line--"]:not(:last-child) {
    margin-right: -1px
}

.re__tab-under-line-group [class*="re__tab-under-line--"]:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media only screen and (max-width: 768px) {
    .re__tab-under-line-group [class*="re__tab-under-line--"] {
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 18px;
        line-height: 28px;
        font-weight: normal !important;
        letter-spacing: -.2px;
        padding: 12px 12px 10px
    }
}

.re__tab-under-line--sm {
    color: #999;
    border-bottom: 1px solid #F2F2F2;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    padding: 6px 16px 5px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__tab-under-line--sm:hover {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31
}

.re__tab-under-line--sm:focus {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31
}

.re__tab-under-line--sm:hover {
    padding: 6px 16px 4px
}

.re__tab-under-line--sm:focus {
    padding: 6px 16px 4px
}

.re__tab-under-line--sm a {
    padding: 6px 16px 5px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__tab-under-line--sm a:hover {
    padding: 6px 16px 4px
}

.re__tab-under-line--sm a:focus {
    padding: 6px 16px 4px
}

.re__tab-under-line--sm:focus {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 6px 16px 4px
}

.re__tab-under-line--sm:hover {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 6px 16px 4px
}

.re__tab-under-line--sm.re__actived {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 6px 16px 4px
}

.re__tab-under-line--md {
    color: #999;
    border-bottom: 1px solid #F2F2F2;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    padding: 10px 16px 9px;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__tab-under-line--md:hover {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31
}

.re__tab-under-line--md:focus {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31
}

.re__tab-under-line--md:hover {
    padding: 10px 16px 8px
}

.re__tab-under-line--md:focus {
    padding: 10px 16px 8px
}

.re__tab-under-line--md a {
    padding: 10px 16px 9px;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__tab-under-line--md a:hover {
    padding: 10px 16px 8px
}

.re__tab-under-line--md a:focus {
    padding: 10px 16px 8px
}

.re__tab-under-line--md:focus {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 10px 16px 8px
}

.re__tab-under-line--md:hover {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 10px 16px 8px
}

.re__tab-under-line--md.re__actived {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 10px 16px 8px
}

.re__tab-under-line--lg {
    color: #999;
    border-bottom: 1px solid #F2F2F2;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    padding: 12px 16px 11px;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__tab-under-line--lg:hover {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31
}

.re__tab-under-line--lg:focus {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31
}

.re__tab-under-line--lg:hover {
    padding: 12px 16px 10px
}

.re__tab-under-line--lg:focus {
    padding: 12px 16px 10px
}

.re__tab-under-line--lg a {
    padding: 12px 16px 11px;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__tab-under-line--lg a:hover {
    padding: 12px 16px 10px
}

.re__tab-under-line--lg a:focus {
    padding: 12px 16px 10px
}

.re__tab-under-line--lg:focus {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 12px 16px 10px
}

.re__tab-under-line--lg:hover {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 12px 16px 10px
}

.re__tab-under-line--lg.re__actived {
    color: #2C2C2C;
    border-bottom: 2px solid #E03C31;
    padding: 12px 16px 10px
}

.re__tab-under-line-icon--sm {
    line-height: 1px;
    padding: 7px
}

.re__tab-under-line-icon--sm i[class*="re__icon-"] {
    font-size: 16px
}

.re__tab-box-group [class*="re__tab-box"] {
    float: left
}

.re__tab-box-group [class*="re__tab-box"]:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.re__tab-box-group [class*="re__tab-box"]:not(:last-child):not(:first-child) {
    border-radius: 0px
}

.re__tab-box-group [class*="re__tab-box"]:not(:last-child) {
    margin-right: -1px
}

.re__tab-box-group [class*="re__tab-box"]:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.re__tab-box--sm {
    color: #999;
    border: 1px solid #ccc;
    cursor: pointer;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 11px;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__tab-box--sm:hover {
    color: #2C2C2C;
    border: 1px solid #ccc;
    background: #F2F2F2
}

.re__tab-box--sm:focus {
    color: #2C2C2C;
    border: 1px solid #ccc;
    background: #F2F2F2
}

.re__tab-box--sm:focus {
    color: #2C2C2C;
    border: 1px solid #ccc;
    background: #F2F2F2
}

.re__tab-box--sm:hover {
    color: #2C2C2C;
    border: 1px solid #ccc;
    background: #F2F2F2
}

@media only screen and (max-width: 1024px) {

    .re__tab-box--sm:focus,
    .re__tab-box--sm:hover {
        color: #999;
        background: #fff;
        border: 1px solid #ccc
    }
}

.re__tab-box--sm.re__actived {
    color: #2C2C2C;
    border: 1px solid #ccc;
    background: #F2F2F2
}

@media only screen and (max-width: 1024px) {

    .re__tab-box--sm.re__actived:focus,
    .re__tab-box--sm.re__actived:hover {
        color: #2C2C2C;
        border: 1px solid #ccc;
        background: #F2F2F2
    }
}

.re__tab-box--actived {
    color: #2C2C2C;
    border: 1px solid #ccc;
    background: #F2F2F2
}

@media only screen and (min-width: 320px) {

    .re__tab-box--actived:focus,
    .re__tab-box--actived:hover {
        color: #2C2C2C;
        border: 1px solid #ccc;
        background: #F2F2F2
    }
}

.re__tab-box-icon--sm {
    line-height: 1px;
    padding: 7px
}

.re__tab-box-icon--sm i[class*="re__icon-"] {
    font-size: 16px
}

.re__tab-box-ghost-group [class*="re__tab-box-ghost"] {
    float: left
}

.re__tab-box-ghost--sm {
    color: rgba(0, 0, 0, 0.6);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    box-sizing: border-box;
    padding: 6px 12px;
    margin-right: 8px;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__tab-box-ghost--sm:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.6)
}

.re__tab-box-ghost--sm:focus {
    color: #fff;
    background: rgba(0, 0, 0, 0.6)
}

.re__tab-box-ghost--sm:focus {
    color: #fff;
    background: rgba(0, 0, 0, 0.6)
}

.re__tab-box-ghost--sm:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.6)
}

.re__tab-box-ghost--sm.re__actived {
    color: #fff;
    background: rgba(0, 0, 0, 0.6)
}

.re__tab-box-ghost-icon--sm {
    line-height: 1px;
    padding: 7px
}

.re__tab-box-ghost-icon--sm i[class*="re__icon-"] {
    font-size: 16px
}

.re__pagination-number {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 11px;
    background: #fff;
    color: #505050 !important;
    border-radius: 4px;
    border: 1px solid #F2F2F2;
    float: left
}

.re__pagination-number:hover {
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
    color: #505050 !important
}

.re__pagination-number:active {
    border: 1px solid #ccc;
    background: #ccc;
    color: #2C2C2C !important
}

.re__pagination-number:active i {
    color: #2C2C2C !important
}

.re__pagination-number:active i:before {
    color: #2C2C2C !important
}

.re__pagination-number.re__actived {
    border: 1px solid #2C2C2C;
    background: #2C2C2C;
    color: #fff !important
}

.re__pagination-number.re__actived i {
    color: #fff !important
}

.re__pagination-number.re__actived i:before {
    color: #fff !important
}

@media only screen and (max-width: 1024px) {
    .re__pagination-number:hover {
        color: #505050 !important;
        background: #fff;
        border: 1px solid #F2F2F2
    }

    .re__pagination-number:active {
        border: 1px solid #ccc;
        background: #ccc;
        color: #2C2C2C !important
    }

    .re__pagination-number:active i {
        color: #2C2C2C !important
    }

    .re__pagination-number:active i:before {
        color: #2C2C2C !important
    }

    .re__pagination-number.re__actived:hover {
        color: #fff !important;
        background: #2C2C2C;
        border: 1px solid #2C2C2C
    }
}

.re__pagination-icon {
    line-height: 1px;
    padding: 7px;
    background: #fff;
    color: #505050 !important;
    border-radius: 4px;
    border: 1px solid #F2F2F2;
    float: left
}

.re__pagination-icon i {
    line-height: 16px;
    font-size: 16px;
    color: #2C2C2C !important
}

.re__pagination-icon:hover {
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
    color: #505050 !important
}

.re__pagination-icon:active {
    border: 1px solid #ccc;
    background: #ccc;
    color: #2C2C2C !important
}

.re__pagination-icon:active i {
    color: #2C2C2C !important
}

.re__pagination-icon:active i:before {
    color: #2C2C2C !important
}

.re__pagination-icon.re__actived {
    border: 1px solid #2C2C2C;
    background: #2C2C2C;
    color: #fff !important
}

.re__pagination-icon.re__actived i {
    color: #fff !important
}

.re__pagination-icon.re__actived i:before {
    color: #fff !important
}

@media only screen and (max-width: 1024px) {
    .re__pagination-icon:hover {
        color: #505050 !important;
        background: #fff;
        border: 1px solid #F2F2F2
    }

    .re__pagination-icon:active {
        border: 1px solid #ccc;
        background: #ccc;
        color: #2C2C2C !important
    }

    .re__pagination-icon:active i {
        color: #2C2C2C !important
    }

    .re__pagination-icon:active i:before {
        color: #2C2C2C !important
    }

    .re__pagination-icon.re__actived:hover {
        color: #fff !important;
        background: #2C2C2C;
        border: 1px solid #2C2C2C
    }
}

.re__pagination-icon-no-effect {
    cursor: text;
    line-height: 1px;
    padding: 7px;
    background: #fff;
    color: #505050 !important;
    border-radius: 4px;
    border: 1px solid #F2F2F2;
    float: left
}

.re__pagination-icon-no-effect i {
    line-height: 16px;
    font-size: 16px;
    color: #2C2C2C !important
}

.re__pagination-group {
    display: inline-block
}

.re__pagination-group .re__pagination-ajax {
    cursor: pointer
}

.re__pagination-group [class*="re__pagination-"]:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.re__pagination-group [class*="re__pagination-"]:not(:last-child):not(:first-child) {
    border-radius: 0px
}

.re__pagination-group [class*="re__pagination-"]:not(:last-child) {
    border-right-color: rgba(0, 0, 0, 0)
}

.re__pagination-group [class*="re__pagination-"]:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.re__maintenance-feature .re__feature-login-popup::after,
.re__maintenance-feature .re__feature-register-popup::after,
.re__maintenance-feature .re__feature-web-popup::after,
.re__maintenance-feature .re__feature-web-popup-noradius::after,
.re__maintenance-feature .re__feature-mobile-popup::after {
    content: "";
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    background: #fff;
    position: absolute;
    background-image: url(/assets/frontend/staticfile.batdongsan.com.vn/images/maintenance-features.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 16px;
    background-size: 340px;
    z-index: 2
}

.re__maintenance-feature .re__feature-login-popup::after {
    height: calc(432px + 32px + 32px)
}

.re__maintenance-feature .re__feature-register-popup div {
    display: none
}

.re__maintenance-feature .re__feature-register-popup::after {
    height: calc(432px + 32px + 32px)
}

.re__maintenance-feature .re__feature-web-popup-noradius::after {
    border-radius: 0
}

.re__maintenance-feature .re__feature-mobile-popup::after {
    top: 45px;
    height: calc(100% - 45px)
}

.clear-both::after {
    content: "";
    clear: both;
    display: block
}

.re__clear-box {
    display: block;
    clear: both;
    height: 16px
}

.re__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px)
}

.visible-hidden {
    visibility: hidden
}

.visible {
    visibility: visible
}

.display-none {
    display: none
}

.display-block {
    display: block
}

.re__divide {
    content: " ";
    display: block;
    height: 1px;
    line-height: 1px;
    background: #F2F2F2;
    width: 100%
}

.re__divide::after {
    content: "";
    clear: both;
    display: block
}

.re__divide-8 {
    content: " ";
    display: block;
    height: 8px;
    line-height: 8px;
    background: #F2F2F2;
    width: 100%
}

.re__divide-8::after {
    content: "";
    clear: both;
    display: block
}

.re__mar-v-24 {
    margin-top: 24px;
    margin-bottom: 24px
}

.re__mar-b-24 {
    margin-bottom: 24px
}

.re__vertical-align-middle {
    display: table
}

.re__vertical-align-middle>* {
    display: table-cell;
    vertical-align: middle
}

.re__bg-grey {
    background-color: #F2F2F2
}

.re__bg-grey-50 {
    background-color: rgba(242, 242, 242, 0.5)
}

.re__bg-media {
    background-color: unset;
    z-index: 9999
}

.re__nowrap {
    white-space: nowrap
}

img.lazyload {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/lazyload-preview.svg);
    object-fit: cover
}

img.lazyloading {
    background-color: #F2F2F2
}

.no-photo-md,
.no-photo {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/no-photo-pixiu-md.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.no-photo-sm {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/no-photo-sisu-sm.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.no-photo-xs {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/no-photo-sisu-xs.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.error-photo-md,
.error-photo {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/error-photo-pixiu-md.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.error-photo-sm {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/error-photo-sm.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.error-photo-xs {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/error-photo-xs.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

ul.re__dropdown-no-art--sm {
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.3);
    background: #fff
}

ul.re__dropdown-no-art--sm li {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 16px;
    position: relative;
    cursor: pointer;
    color: #2C2C2C
}

ul.re__dropdown-no-art--sm li .re__content {
    margin: -6px -16px;
    padding: 6px 16px
}

ul.re__dropdown-no-art--sm li .re__content:active {
    color: #2C2C2C;
    background: #ccc
}

ul.re__dropdown-no-art--sm li ul {
    position: absolute;
    top: 0px;
    left: 100%;
    display: none
}

ul.re__dropdown-no-art--sm li a {
    display: block
}

ul.re__dropdown-no-art--sm li:hover {
    background: #F2F2F2
}

ul.re__dropdown-no-art--sm li:hover>ul {
    display: block;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.3);
    background: #fff
}

ul.re__dropdown-no-art--sm li .selected {
    color: #74150F
}

ul.re__dropdown-no-art--sm::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
    border-radius: 100%
}

ul.re__dropdown-no-art--sm::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #ccc;
    border: 4px solid #fff
}

ul.re__dropdown-no-art--sm::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #fff;
    margin: 8px 0px
}

ul.re__dropdown-no-art--sm .re__has-next-level {
    display: block
}

ul.re__dropdown-no-art--sm .re__has-next-level:before {
    position: absolute;
    content: "";
    font-family: "font-icon-bds" !important;
    right: 16px
}

ul.re__dropdown-no-art--md {
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.3);
    background: #fff
}

ul.re__dropdown-no-art--md li {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 14px 16px;
    position: relative;
    cursor: pointer;
    color: #2C2C2C
}

ul.re__dropdown-no-art--md li .re__content {
    margin: -14px -16px;
    padding: 14px 16px
}

ul.re__dropdown-no-art--md li .re__content:active {
    color: #2C2C2C;
    background: #ccc
}

ul.re__dropdown-no-art--md li ul {
    position: absolute;
    top: 0px;
    left: 100%;
    display: none
}

ul.re__dropdown-no-art--md li a {
    display: block
}

ul.re__dropdown-no-art--md li:hover {
    background: #F2F2F2
}

ul.re__dropdown-no-art--md li:hover>ul {
    display: block;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.3);
    background: #fff
}

ul.re__dropdown-no-art--md li .selected {
    color: #74150F
}

ul.re__dropdown-no-art--md::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
    border-radius: 100%
}

ul.re__dropdown-no-art--md::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #ccc;
    border: 4px solid #fff
}

ul.re__dropdown-no-art--md::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #fff;
    margin: 8px 0px
}

ul.re__dropdown-no-art--md .re__has-next-level {
    display: block
}

ul.re__dropdown-no-art--md .re__has-next-level:before {
    position: absolute;
    content: "";
    font-family: "font-icon-bds" !important;
    right: 16px
}

ul.re__dropdown-art {
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.3);
    background: #fff
}

ul.re__dropdown-art li {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 12px 16px;
    position: relative;
    cursor: pointer;
    color: #2C2C2C
}

ul.re__dropdown-art li .re__content {
    color: #2C2C2C;
    margin: -12px -16px;
    padding: 12px 16px
}

ul.re__dropdown-art li .re__content i {
    float: left;
    font-size: 24px
}

ul.re__dropdown-art li .re__content span {
    float: left;
    padding: 2px 0px;
    padding-left: 12px
}

ul.re__dropdown-art li .re__content:active {
    color: #2C2C2C;
    background: #ccc
}

ul.re__dropdown-art li ul {
    position: absolute;
    top: 0px;
    left: 100%;
    display: none
}

ul.re__dropdown-art li a {
    display: block
}

ul.re__dropdown-art li:hover {
    background: #F2F2F2
}

ul.re__dropdown-art li:hover>ul {
    display: block;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.3);
    background: #fff
}

ul.re__dropdown-art li .selected {
    color: #74150F
}

ul.re__dropdown-art::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
    border-radius: 100%
}

ul.re__dropdown-art::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #ccc;
    border: 4px solid #fff
}

ul.re__dropdown-art::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #fff;
    margin: 8px 0px
}

ul.re__dropdown-art .re__has-next-level {
    display: block
}

ul.re__dropdown-art .re__has-next-level:before {
    position: absolute;
    content: "";
    font-family: "font-icon-bds" !important;
    right: 16px
}

.re__select--sm {
    color: #999;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    flex: none;
    overflow: visible;
    position: relative;
    border-radius: 4px
}

.re__select--sm .hasvalue {
    color: #000
}

.re__select--sm .hasvalue>* {
    color: #000
}

.re__select--sm .re__filter-label {
    display: block;
    box-sizing: border-box
}

.re__select--sm .re__filter-label>input {
    display: inline-block;
    width: 100% !important;
    border: initial;
    box-sizing: border-box;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 32px 5px 16px;
    border-radius: 4px
}

.re__select--sm .re__filter-label>input:focus {
    box-shadow: none
}

.re__select--sm .re__filter-label>span {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 32px 5px 16px;
    border-radius: 4px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.re__select--sm .re__filter-label::after {
    content: "";
    font-family: "font-icon-bds";
    position: absolute;
    font-size: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    top: 7px;
    right: 11px
}

.re__select--sm>.re__select-dropdown {
    top: calc(100% + 2px);
    left: -1px
}

.re__select--sm:hover {
    border: 1px solid #2C2C2C
}

.re__select--sm:focus {
    border: 1px solid #2C2C2C
}

.re__select--sm:active {
    border: 1px solid #2C2C2C
}

.re__select--sm.re__select--actived {
    border: 1px solid #2C2C2C
}

.re__select--sm.re__select--enabled {
    color: #2C2C2C
}

.re__select--sm.re__select--navigative {
    color: #2C2C2C;
    border: 1px solid #E03C31
}

.re__select--sm.re__select--textinfo {
    color: #2C2C2C;
    border: 1px solid #E03C31
}

.re__select--sm.re__select--disabled {
    background: #F2F2F2
}

.re__select--md {
    color: #999;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    flex: none;
    overflow: visible;
    position: relative;
    border-radius: 8px
}

.re__select--md .hasvalue {
    color: #000
}

.re__select--md .hasvalue>* {
    color: #000
}

.re__select--md .re__filter-label {
    display: block;
    box-sizing: border-box
}

.re__select--md .re__filter-label>input {
    display: inline-block;
    width: 100% !important;
    border: initial;
    box-sizing: border-box;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 14px 36px 14px 16px;
    border-radius: 8px
}

.re__select--md .re__filter-label>input:focus {
    box-shadow: none
}

.re__select--md .re__filter-label>span {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 14px 36px 14px 16px;
    border-radius: 8px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.re__select--md .re__filter-label::after {
    content: "";
    font-family: "font-icon-bds";
    position: absolute;
    font-size: 16px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    top: 11px;
    right: 11px
}

.re__select--md>.re__select-dropdown {
    top: calc(100% + 2px);
    left: -1px
}

.re__select--md:hover {
    border: 1px solid #2C2C2C
}

.re__select--md:focus {
    border: 1px solid #2C2C2C
}

.re__select--md:active {
    border: 1px solid #2C2C2C
}

.re__select--md.re__select--actived {
    border: 1px solid #2C2C2C
}

.re__select--md.re__select--enabled {
    color: #2C2C2C
}

.re__select--md.re__select--navigative {
    color: #2C2C2C;
    border: 1px solid #E03C31
}

.re__select--md.re__select--textinfo {
    color: #2C2C2C;
    border: 1px solid #E03C31
}

.re__select--md.re__select--disabled {
    background: #F2F2F2
}

.re__select--lg {
    color: #999;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    flex: none;
    overflow: visible;
    position: relative;
    border-radius: 8px
}

.re__select--lg .hasvalue {
    color: #000
}

.re__select--lg .hasvalue>* {
    color: #000
}

.re__select--lg .re__filter-label {
    display: block;
    box-sizing: border-box
}

.re__select--lg .re__filter-label>input {
    display: inline-block;
    width: 100% !important;
    border: initial;
    box-sizing: border-box;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal !important;
    padding: 16px 36px 16px 16px;
    border-radius: 8px
}

.re__select--lg .re__filter-label>input:focus {
    box-shadow: none
}

.re__select--lg .re__filter-label>span {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal !important;
    padding: 16px 36px 16px 16px;
    border-radius: 8px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.re__select--lg .re__filter-label::after {
    content: "";
    font-family: "font-icon-bds";
    position: absolute;
    font-size: 16px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    top: 15px;
    right: 11px
}

.re__select--lg>.re__select-dropdown {
    top: calc(100% + 2px);
    left: -1px
}

.re__select--lg:hover {
    border: 1px solid #2C2C2C
}

.re__select--lg:focus {
    border: 1px solid #2C2C2C
}

.re__select--lg:active {
    border: 1px solid #2C2C2C
}

.re__select--lg.re__select--actived {
    border: 1px solid #2C2C2C
}

.re__select--lg.re__select--enabled {
    color: #2C2C2C
}

.re__select--lg.re__select--navigative {
    color: #2C2C2C;
    border: 1px solid #E03C31
}

.re__select--lg.re__select--textinfo {
    color: #2C2C2C;
    border: 1px solid #E03C31
}

.re__select--lg.re__select--disabled {
    background: #F2F2F2
}

.advance-select-options.re__select-dropdown {
    left: 0;
    display: none;
    height: unset;
    width: 100%;
    position: absolute
}

.advance-select-options {
    border: none !important
}

.advance-select-options ul .advance-options {
    cursor: pointer;
    color: #2C2C2C
}

.advance-select-options ul .advance-options:hover {
    background: #F2F2F2;
    color: #2C2C2C
}

.advance-select-options ul .advance-options:active {
    background: #ccc;
    color: #2C2C2C
}

.advance-select-options ul .current {
    color: #74150F;
    background: unset !important
}

.advance-select-options ul .current:hover {
    background: #F2F2F2 !important;
    color: #74150F !important
}

.advance-select-options ul .current:active {
    background: #ccc !important;
    color: #74150F !important
}

.advance-select-options .re__dropdown-no-art--sm li {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 16px
}

.advance-select-options .re__dropdown-no-art--sm li .re__content {
    margin: -6px -16px;
    padding: 6px 16px
}

.advance-select-options .re__dropdown-no-art--md li {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 14px 16px
}

.advance-select-options .re__dropdown-no-art--md li .re__content {
    margin: -14px -16px;
    padding: 14px 16px
}

.re__select--sm .re__filter-label::after {
    content: "\e9e0"
}

.box-header .name_tit.re__legacy.re__typo-heading--xs,
.box-header .name_tit .re__legacy.re__typo-heading--xs,
.enterprise-rightContent .title-style .re__legacy.re__typo-heading--xs {
    font-size: 12px !important;
    line-height: 26px;
    margin: 0;
    padding: 0
}

.re__margin-b-0 {
    margin-bottom: 0px
}

#divUserStt .re__btn {
    float: left
}

#divUserStt .re__btn:last-child {
    margin-right: 8px
}

#divUserStt .line {
    border: 0;
    float: left;
    width: 1px;
    height: 16px;
    background: #f2f2f2;
    margin: 15px 0
}

.notification div .re__btn-icon--sm {
    line-height: 16px;
    box-sizing: content-box
}

.control-menu .mnu-notify-icon-unread {
    right: 0px;
    top: 0px
}

.tooltipMarking.re__state-icon--md {
    margin: 0px;
    margin-right: 5px;
    padding: 4px;
    border-radius: 100%;
    min-width: 24px;
    bottom: -1px;
    box-sizing: content-box;
    min-height: 24px !important;
    cursor: pointer;
    height: 24px !important
}

.tooltipMarking.re__state-icon--md .re__icon-heart {
    font-size: 24px !important;
    line-height: 24px !important;
    font-family: "font-icon-bds" !important
}

.tooltipMarking.re__state-icon--md .re__icon-heart::before {
    color: #E03C31
}

.tooltipMarking.re__state-icon--actived {
    background: none
}

.tooltipMarking.re__state-icon--actived:hover {
    background: #F2F2F2
}

.tooltipMarking.re__state-icon--md:hover:after {
    padding: 15px
}

.re__top-search {
    margin: 0 auto;
    width: 580px;
    height: auto;
    padding-top: 15px;
    padding-bottom: 10px
}

#home-top-search {
    display: inline-block;
    width: 180px
}

.re__top-search .home-top-search-keyword {
    margin-right: 5px
}

.re__hidden {
    display: none
}

.re__show {
    display: block
}

.re__btn.re__btn-pr-solid--sm.btnRegister {
    margin-left: 10px
}

.product-lists .product-wrap .contact-phone {
    padding: 5px 12px !important;
    background: #004e7f !important;
    border: 1px solid #004e7f !important;
    height: auto !important
}

.product-lists .product-wrap .contact-phone span {
    background: none !important;
    padding: 0 !important;
    font-size: 14px !important;
    margin-top: 2px !important
}

ul li {
    list-style-type: none
}

.re__legacy.re__box-top {
    margin-top: -5px
}

.re__legacy.table-font th *,
.re__legacy.table-font td * {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.parent-cate-news .borderbold .re__legacy.re__typo-heading--xs {
    line-height: 18px;
    font-size: 12px
}

.tc-tit {
    text-align: left
}

.body-right .broker-top-by-cate {
    padding-bottom: 0px !important
}

.body-right .broker-top-by-cate h2 {
    margin-bottom: 5px
}

.body-right .broker-top-by-cate h2 span {
    font-size: 14px !important;
    line-height: 20px !important;
    padding-bottom: 4px
}

#broker-by-category .broker-top-by-cate h2 {
    margin-bottom: 5px
}

#broker-by-category .broker-top-by-cate h2 span {
    font-size: 14px !important;
    line-height: 20px !important;
    padding-bottom: 4px
}

#broker-typical .broker-top-by-cate h2 {
    margin-bottom: 5px
}

#broker-typical .broker-top-by-cate h2 span {
    font-size: 14px !important;
    line-height: 20px !important;
    padding-bottom: 4px
}

#broker-page .broker-top-by-cate {
    margin-bottom: 10px
}

#broker-page .broker-top-by-cate h1 {
    margin-bottom: 2px
}

#broker-by-city .broker-top-by-cate h2 {
    font-size: 14px !important;
    line-height: 20px !important
}

.prj-line {
    padding-bottom: 3px !important
}

.prj-line span {
    font-size: 14px !important;
    line-height: 20px !important
}

.site-center {
    box-sizing: content-box;
    margin-top: 10px
}

.box-header {
    clear: both
}

.tc-tin-3cot-tit1 {
    width: 100%
}

.list-news-image-title,
.group-news-border-backgroup-image-title {
    background: none
}

.bglightyellow .re__legacy {
    line-height: 35px
}

.tc-tin-3cot-tit1-left {
    text-align: left
}

.font-link-news-parent .re__legacy {
    color: #055699
}

#notify_quick_view {
    top: 75px !important;
    right: 10px;
    overflow: hidden
}

#notify_quick_view .nqv-header {
    text-align: center;
    color: #2c2c2c;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: normal !important;
    display: block !important
}

#notify_quick_view .nqv-header:hover {
    background-color: inherit;
    cursor: default
}

#notify_quick_view .nqv-empty-icon {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f2f2f2;
    display: block !important;
    text-align: center
}

#notify_quick_view .nqv-empty-icon:hover {
    background-color: inherit;
    cursor: default
}

#notify_quick_view .nqv-link {
    display: block !important;
    text-align: center !important;
    cursor: pointer;
    color: #E03C31 !important;
    line-height: 40px !important
}

#notify_quick_view .nqv-link span {
    display: inline-flex
}

#notify_quick_view .nqv-link span i {
    float: left;
    padding: 2px 4px
}

#notify_quick_view li .nitem .ncmd {
    float: right;
    padding: 15px 0 15px 15px;
    width: 20px;
    box-sizing: content-box
}

.modal-content .newsletter-register .news-text {
    line-height: 42px;
    font-size: 16px;
    font-family: "Lexend Medium", Roboto, Arial !important
}

.modal-content .newsletter-register {
    border: 0;
    border-bottom: 1px solid #dedede;
    width: calc(100% - 20px);
    box-sizing: content-box
}

.box-register {
    border: 1px solid #ccc
}

.box-register .contact-tbl .contact-tbl-title:first-child span {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #E03C31
}

.box-register .contact-tbl .contact-tbl-row span.label,
.box-register .contact-tbl .colorboldblue {
    color: #E03C31
}

.box-register .contact-tbl .contact-tbl-row span.content {
    color: #2C2C2C
}

.box-register .contact-tbl .contact-tbl-title {
    border-bottom: 1px dotted #ccc
}

.notifyPopupContainer {
    position: fixed
}

.modal-content .center.pab20.color {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.newsletter-form-small .fl.input {
    width: calc(100% - 72px)
}

.parent-main-right .adPosition:not(.banner-no-style) img {
    border: 1px solid #F2F2F2;
    box-sizing: content-box
}

.parent-main-right .adPosition:not(.banner-no-style) iframe {
    border: 1px solid #F2F2F2;
    box-sizing: content-box
}

#pnlRegister .colleft .re__label--md {
    line-height: 20px;
    margin-top: 0px
}

#pnlRegister .colright {
    width: 395px !important
}

#pnlRegister .colright .re__input--sm input {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 15px;
    border-radius: 4px
}

#pnlRegister .colright .re__input--sm input::-webkit-input-placeholder {
    color: #999
}

#pnlRegister .colright .re__input--sm input:-ms-input-placeholder {
    color: #999
}

#pnlRegister .colright .re__input--sm input::placeholder {
    color: #999
}

#pnlRegister .colright .re__input--sm .re__input-icon-close {
    top: 8px;
    right: 8px;
    line-height: 16px
}

#pnlRegister .colright .re__input--sm .re__input-icon-close>span {
    font-size: 16px;
    line-height: 1
}

#pnlRegister .colright .re__input--sm .re__input-icon-close .path1:before {
    content: ""
}

#pnlRegister .colright .re__input--sm .re__input-icon-close .path2:before {
    content: "";
    margin-left: -1em
}

#pnlRegister .colright .re__input--sm::before {
    top: 8px
}

#pnlRegister .colright .re__input--sm .re__input-focus {
    padding-right: 38px
}

#pnlRegister .colright .re__input--sm input {
    height: unset;
    box-sizing: border-box !important
}

#pnlRegister .colright .re__captcha {
    width: 150px;
    float: left
}

#pnlRegister .colright .error-message .field-validation-error span {
    margin-top: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal !important
}

.full-menu.fix .dropdown-navigative-menu {
    margin: 16px 0 10px 0
}

.search-bar.fix {
    top: 56px !important
}

.control-menu {
    top: 2px
}

.ui-autocomplete {
    z-index: 998 !important
}

#gototop {
    display: none;
    position: fixed;
    bottom: 16px;
    right: 8px;
    z-index: 98;
    outline: none;
    transition: visibility 0.4s, opacity 0.4s linear;
    cursor: pointer
}

#gototop i {
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.42);
    border-radius: 48px;
    font-size: 40px;
    line-height: 40px
}

#gototop i span {
    font-size: 40px;
    line-height: 40px
}

[class*="re__card-"] .no-photo {
    min-width: 100%;
    min-height: 100%
}

[class*="re__card-"] .error-photo {
    min-width: 100%;
    min-height: 100%
}

.re__active-box {
    width: 400px;
    margin: 80px auto 252px auto;
    text-align: center
}

.re__active-box img {
    width: 240px;
    height: 240px
}

.re__active-box .re__title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 8px
}

.re__active-box .re__content {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.hidden {
    display: none
}

.tooltip .tooltip-text {
    opacity: 0;
    background: rgba(10, 13, 20, 0.8);
    border-radius: 4px;
    color: #fff;
    padding: 6px 12px;
    line-height: 20px;
    font-size: 14px;
    box-sizing: border-box;
    position: absolute;
    z-index: 9;
    bottom: 28px;
    right: -11px;
    margin-bottom: 16px
}

.tooltip .tooltip-text::before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 2.5px);
    content: '';
    display: block;
    border: 5px solid transparent;
    border-top: 5px solid rgba(10, 13, 20, 0.8)
}

.product-detail .detail-product .detail-2 .tooltip .tooltip-text {
    bottom: 18px;
    right: -20px
}

.phoneEvent.tooltip .tooltip-text {
    right: calc(50% - 50px);
    bottom: 40px
}

.scroll-contact .phoneEvent.tooltip .tooltip-text {
    bottom: -40px;
    right: calc(50% - 50px);
    text-indent: 0;
    margin-bottom: 0;
    margin-top: 16px
}

.email-copy.tooltip .tooltip-text {
    width: 102px;
    bottom: 41px;
    right: calc(50% - 50px)
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 16000005 !important;
    background-color: rgba(10, 13, 20, 0.4) !important;
    background-image: url(/assets/frontend/staticfile.batdongsan.com.vn/images/bg-back-drop.png) !important;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.ob-popup {
    display: none
}

.re__search-has-location-input .ui-state-active,
.re__search-has-location-input .ui-widget-content .ui-state-active,
.re__search-has-location-input .ui-widget-header .ui-state-active,
.re__search-has-location-input .ui-state-hover,
.re__search-has-location-input .ui-widget-content .ui-state-hover,
.re__search-has-location-input .ui-widget-header .ui-state-hover {
    border: 0 !important;
    background: #F2F2F2 !important;
    color: #222 !important;
    margin: 0px !important
}

.new-label {
    padding-left: 0 !important;
    float: none !important
}

.new-label::after {
    display: inline-block;
    background-color: #E03C31;
    color: #fff;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 0 4px;
    border-radius: 2px;
    content: "Mới";
    margin-left: 4px
}

.re__option .new-label {
    display: inline-flex !important;
    vertical-align: middle;
    padding: 0 !important
}

ul li::marker {
    display: none !important;
    content: none !important
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2:hover ul li.lv3 a,
.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover ul .lv3 a {
    background: rgba(0, 0, 0, 0);
    color: #2C2C2C !important
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2:hover ul li.re__actived.lv3 a,
.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover ul .re__actived.lv3 a {
    color: #74150F !important
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2:hover ul li.lv3:hover a,
.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover ul .lv3:hover a {
    background: #F2F2F2
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2:hover ul li.re__actived.lv3:hover a,
.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover ul .re__actived.lv3:hover a {
    color: #74150F !important
}

.re__bg-header {
    background: #fff;
    width: 100%;
    height: 96px;
    margin: 0px;
    padding: 0px
}

.re__full-menu {
    background: #fff;
    width: 100%;
    height: 96px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
    padding: 17px 15px 17px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(182, 182, 182, 0.18)
}

.re__full-menu .app-info {
    padding-right: 16px;
    color: #2C2C2C;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    text-align: right;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    position: relative
}

.re__full-menu .app-info .app-popup {
    visibility: hidden;
    opacity: 0;
    transform: translateY(0);
    transition: opacity 200ms ease-out, transform 200ms ease-out;
    position: absolute;
    background: #fff;
    left: -50px;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0px 8px 20px 0px #B6B6B66B
}

.re__full-menu .app-info.active .app-label {
    padding-left: 0;
    padding-right: 0;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    line-height: 20px;
    size: 20px;
    color: #2C2C2C
}

.re__full-menu .app-info.active .app-popup {
    visibility: visible;
    opacity: 1;
    transform: translateY(74px)
}

.re__full-menu .app-info.active .app-popup .app-content {
    float: left;
    width: 100%;
    display: grid
}

.re__full-menu .app-info.active .app-popup .app-content .app-header {
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 8px
}

.re__full-menu .app-info.active .app-popup .app-content .app-header .app-close {
    margin-top: 2px;
    cursor: pointer;
    display: inline-block
}

.re__full-menu .app-info.active .app-popup .app-content .app-header .app-close::before {
    font-family: "font-icon-bds";
    width: 16px;
    height: 16px;
    float: right;
    line-height: 16px;
    text-align: center;
    color: #505050;
    content: "" !important
}

.re__full-menu .app-info.active .app-popup .app-content .app-header .app-close:hover::before,
.re__full-menu .app-info.active .app-popup .app-content .app-header .app-close:active::before {
    color: #2C2C2C
}

.re__full-menu .app-info.active .app-popup .app-content .app-header .app-title {
    display: inline-block;
    float: left;
    margin-bottom: 0
}

.re__full-menu .app-info.active .app-popup .app-content .app-qr {
    width: 100%;
    float: left;
    display: inline-flex
}

.re__full-menu .app-info.active .app-popup .app-content .app-qr .qr-code {
    width: 134px;
    height: 134px
}

.re__full-menu .app-info.active .app-popup .app-content .app-img {
    width: 100%;
    float: left;
    display: inline-flex
}

.re__full-menu .app-info.active .app-popup .app-content .app-img .img {
    width: 63px;
    min-height: 22px;
    margin-top: 8px
}

.re__full-menu .app-info.active .app-popup .app-content .app-img .img.app-store {
    float: left;
    margin-right: 8px
}

.re__full-menu .app-info.active .app-popup .app-content .app-img .img.app-gplay {
    float: right
}

.re__full-menu .app-info {
    display: contents !important;
    vertical-align: unset !important
}

.re__full-menu .app-info .app-label {
    padding-left: 0;
    padding-right: 0;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    cursor: pointer
}

.re__full-menu .re__control-menu {
    float: right;
    padding-right: 16px;
    color: #2C2C2C;
    height: 96px;
    display: table;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999999
}

.re__full-menu .re__control-menu div {
    display: table-cell;
    vertical-align: middle
}

.re__full-menu .re__control-menu div .re__avatar--lg {
    margin-top: 9px
}

.re__full-menu .re__control-menu img.re__iconNotiSave {
    border-radius: 40px
}

.re__full-menu .re__control-menu img.re__iconNotiSave:hover {
    background: #ebedf0
}

.re__full-menu .re__control-menu img.re__iconNotiSave:active {
    background: #dfe3e8
}

.re__full-menu .re__control-menu img.re__iconNotiSave.re__actived {
    background: #dfe3e8
}

.re__full-menu .re__control-menu #divUserStt .re__line {
    border: 0;
    float: left;
    width: 1px;
    height: 16px;
    background: #e5e5e5;
    margin: 15px 0
}

.re__full-menu .re__control-menu .re__mnu-notify-icon-unread,
.re__full-menu .re__control-menu .mnu-notify-icon-unread {
    font-family: "Roboto Bold", Roboto, Arial !important;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal !important;
    font-size: 10px !important;
    color: #fff;
    position: absolute;
    background: #E03C31;
    border-radius: 6px;
    left: 27px;
    top: 4px;
    min-width: 14px;
    min-height: 16px;
    line-height: 16px;
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    border: 2px solid #fff;
    z-index: 99;
    display: inline-table;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.re__full-menu .re__control-menu .mnu-notify-icon-unread {
    top: 15px
}

.re__full-menu .re__control-menu .re__notification .re__all-btn {
    position: relative
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup {
    position: absolute;
    background: #fff;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.42);
    border-radius: 4px;
    overflow: hidden;
    width: 400px;
    left: -163px;
    z-index: 9999
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup div {
    display: inherit !important
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .mCSB_inside>.mCSB_container {
    margin-right: 0 !important
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__header,
.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content,
.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__footer {
    float: left;
    width: 100%
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__header {
    text-align: center;
    color: #2C2C2C;
    padding: 12px 0;
    border-bottom: 1px solid #F2F2F2;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: normal !important;
    letter-spacing: -.2px !important
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content {
    max-height: 500px;
    overflow-y: auto
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content .re__item {
    box-sizing: border-box;
    padding: 8px 16px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #F2F2F2;
    position: relative
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content .re__item:hover {
    background: #F2F2F2
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content .re__item:active {
    background: #ccc
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content .re__item:last-child {
    border-bottom: 0
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content .re__item .re__time {
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #505050
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content .re__item .re__title {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    float: left;
    width: 100%;
    line-height: 20px;
    color: #2C2C2C;
    margin-bottom: 8px
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content .re__item .re__ic_save {
    position: absolute;
    right: 0;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    background: rgba(0, 0, 0, 0);
    margin-right: 8px;
    display: none;
    cursor: pointer
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content .re__item .re__ic_save::before {
    content: "" !important;
    font-family: "font-icon-bds";
    font-size: 16px;
    line-height: 16px;
    margin-left: 8px;
    margin-top: 8px;
    position: absolute
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content a {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    overflow: initial;
    text-overflow: initial;
    white-space: initial
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content a .re__text-content {
    width: calc(100% - 72px);
    float: left;
    padding-left: 8px
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content a .re__text-content .re__title {
    display: -webkit-box !important;
    height: 20px;
    overflow: hidden !important;
    -webkit-line-clamp: 1;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal !important;
    word-wrap: break-word !important;
    -webkit-box-orient: vertical !important;
    line-height: 20px
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content img {
    height: 48px;
    width: 64px;
    float: left;
    border-radius: 4px
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content p.re__center {
    margin-top: 24px;
    margin-bottom: 38px;
    overflow: hidden;
    text-align: center
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__content p.re__center img {
    float: none;
    height: 174px;
    width: 177px
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__footer {
    background: rgba(0, 0, 0, 0);
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #F2F2F2
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__footer .re__marked-products-view-more {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.re__full-menu .re__control-menu .re__notification .re__marked-products-popup .re__footer::after {
    content: "";
    clear: both;
    display: block
}

.re__full-menu .re__control-menu .re__avatar--xl .re__avatar-text {
    line-height: 20px
}

.re__full-menu .re__project-net {
    box-shadow: 0px 1px 0px 0px #ebedf0 !important
}

.re__full-menu .re__drop-menu .re__left-menu {
    float: left
}

.re__full-menu .re__drop-menu .re__left-menu .re__visual-hidden {
    border: 0 none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.re__full-menu .re__drop-menu .re__left-menu img {
    height: 48px;
    width: 160px;
    margin-top: 8px
}

.re__full-menu .re__drop-menu .re__right-menu {
    float: left;
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm {
    display: table-row;
    float: left;
    position: relative;
    z-index: 99999999999999;
    box-shadow: none;
    border-radius: 0;
    padding-left: 0
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 {
    float: left;
    padding: 12px 0px 8px;
    margin-left: 24px;
    display: inline-grid;
    list-style: none;
    vertical-align: middle;
    position: relative;
    float: left
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu {
    display: none
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 .re__arrrow {
    display: inline-block;
    width: 0%;
    height: 2px;
    background: #E03C31;
    line-height: 0px;
    font-size: 0px !important;
    margin-top: 2px;
    transition: 0.3s
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0:hover {
    background: rgba(0, 0, 0, 0)
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0:hover .re__arrrow {
    width: 100%
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0:hover li .re__arrrow {
    width: 16px;
    transition: none
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0:hover li:hover .re__arrrow {
    width: 16px;
    transition: none
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 li:hover {
    background: rgba(0, 0, 0, 0)
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 li:hover .re__arrrow {
    width: 16px
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived .re__arrrow {
    display: inline-block;
    width: 100%
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 a {
    padding: 0px
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 a .text {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 a span.icon {
    display: none
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 a span.text-new-content {
    font-weight: bold !important;
    font-style: normal;
    font-size: 10px;
    line-height: 8px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #ffffff;
    background-color: #e03c31;
    padding: 2px 4px 2px 4px;
    margin-left: 4px;
    margin-right: 0px;
    margin-bottom: 3px !important;
    width: 28px;
    height: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    top: -2px;
    position: relative
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 a span.text-new-content-top {
    position: absolute !important;
    top: -7px !important;
    right: 0;
    padding: 4px 4px 4px 4px !important;
    width: 25px
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 a span.text-new-content-wap {
    padding-top: 4px !important;
    padding-right: 4px !important;
    margin-left: 8px !important;
    top: 2px !important
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 ul {
    top: 100%;
    left: 0;
    display: none;
    min-width: 240px;
    padding: 8px 0px !important;
    z-index: 99999
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 ul li {
    width: 100%;
    float: left;
    padding: 0px;
    list-style: none
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 ul li .re__arrrow {
    background: none;
    font-family: "font-icon-bds" !important;
    font-size: 16px !important;
    line-height: 16px;
    display: inline-block;
    top: 8px;
    position: absolute;
    right: 16px;
    margin-top: 0px
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 ul li .re__arrrow::before {
    content: ""
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 ul li a {
    padding: 6px 16px;
    white-space: nowrap;
    margin: 0;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 .lv2 ul {
    width: 140px
}

.re__full-menu .re__drop-logo-center {
    display: flex
}

.re__full-menu .re__drop-logo-center .re__center-logo {
    margin: auto
}

.re__full-menu .re__drop-logo-center .re__center-logo .re__visual-hidden {
    border: 0 none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.re__full-menu .re__drop-logo-center .re__center-logo img {
    height: 48px;
    width: 160px;
    margin-top: 8px
}

.re__full-menu #divUserStt .login-group .notification {
    position: relative;
    margin-left: 8px;
    padding-top: 12px;
    padding-bottom: 12px
}

.re__full-menu #divUserStt .login-group .notification i {
    margin-top: 0px
}

.re__full-menu #divUserStt .login-group .notification a {
    color: #2C2C2C
}

.re__full-menu #divUserStt .login-group .notification a.re__btn.re__btn-se-ghost--md {
    padding: 12px 15px !important
}

.re__full-menu #divUserStt .login-group .text-name .box-info {
    margin-right: 16px;
    margin-left: 16px;
    display: inline-block;
    margin-bottom: 4px;
    margin-top: 4px
}

.re__full-menu #divUserStt .login-group .text-name .box-info .login-avatar {
    float: left;
    height: 48px
}

.re__full-menu #divUserStt .login-group .text-name .box-info .login-avatar img {
    height: 100%;
    width: 100%;
    margin-top: 0px;
    object-fit: cover;
    object-position: top
}

.re__full-menu #divUserStt .login-group .text-name .box-info .login-info {
    float: left;
    height: 48px
}

.re__full-menu #divUserStt .login-group .text-name .box-info .login-info a {
    color: #000
}

.re__full-menu #divUserStt .login-group .text-name .box-info .login-info a,
.re__full-menu #divUserStt .login-group .text-name .box-info .login-info span {
    float: left;
    margin-left: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    margin: 14px 0px 14px 8px;
    max-width: 100px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px
}

.re__full-menu #divUserStt .login-group .text-name .box-info .login-info span {
    display: none
}

.re__full-menu #divUserStt .login-group .text-name .box-info .login-icon {
    cursor: pointer;
    float: left;
    margin-left: 8px;
    height: 48px;
    box-sizing: border-box
}

.re__full-menu #divUserStt .login-group .text-name .box-info .login-icon i {
    line-height: 48px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art {
    display: none;
    position: absolute;
    width: 241px;
    left: 66px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art li {
    overflow: hidden;
    display: block;
    padding: 0px !important;
    position: relative
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art li a {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0px !important;
    box-sizing: border-box
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art li a.re__content {
    padding: 4px 16px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art li a.re__content-benefit>div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art li a.re__content-benefit .benefit-tag {
    background: #E8FEFF;
    color: #007C80;
    border-radius: 2px;
    margin-left: 4px;
    height: 16px;
    min-width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    font-weight: bold !important;
    font-size: 10px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art li a i {
    font-size: 16px !important;
    color: #2C2C2C;
    margin-top: 4px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art li a span {
    color: #2C2C2C;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art li.re__border-b {
    border-bottom: 1px solid #F2F2F2;
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 0px;
    padding: 0px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art .re__pivot-banner {
    padding: 16px 24px !important;
    background: url(/assets/frontend/staticfile.batdongsan.com.vn/images/PIVOT/banner-menu-pivot.png) no-repeat center center transparent;
    color: #fff;
    border-radius: 8px 8px 0 0
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art .re__pivot-title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    margin-bottom: 4px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art .re__pivot-description {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    width: 212px;
    display: block;
    margin-bottom: 8px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art .re__pivot-description span {
    color: #FF837A
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art .re__pivot-btn {
    display: inline-block;
    width: initial
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art.re__pivot-custom-menu {
    padding-top: 0px;
    width: 300px !important;
    left: auto !important;
    right: 110px
}

.re__full-menu #divUserStt .login-group .text-name ul.re__dropdown-art.re__pivot-custom-menu .re__new {
    float: left;
    background-color: #E03C31;
    color: #fff;
    border-radius: 2px;
    font-weight: 700;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    width: 26px;
    height: 16px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 2px 4px
}

.re__full-menu.re__fix {
    position: fixed;
    top: 0;
    padding-top: 10px;
    padding-bottom: 6px;
    height: 56px;
    box-shadow: 0px 4px 8px rgba(182, 182, 182, 0.18)
}

.re__full-menu.re__fix.re__home {
    padding-top: 9.2px;
    padding-bottom: 6px
}

.re__full-menu.re__fix.re__project-net {
    box-shadow: 0px 1px 0px 0px #ebedf0 !important
}

.re__full-menu.re__fix .app-info.active .app-popup {
    transform: translateY(50px)
}

.re__full-menu.re__fix .re__control-menu {
    overflow: relative;
    height: 56px;
    padding-right: 15px
}

.re__full-menu.re__fix .re__control-menu #divUserStt .re__btn {
    margin-top: 7px
}

.re__full-menu.re__fix .re__control-menu #divUserStt .notification .re__btn {
    margin-top: 0px;
    width: auto
}

.re__full-menu.re__fix .re__control-menu #divUserStt .text-name ul.re__dropdown-art {
    left: 0px
}

.re__full-menu.re__fix .re__control-menu .re__mnu-notify-icon-unread {
    top: -4px;
    left: 17px
}

.re__full-menu.re__fix .re__control-menu .mnu-notify-icon-unread {
    top: 6px;
    left: 17px
}

.re__full-menu.re__fix .re__drop-menu .re__left-menu img {
    height: 36px;
    width: 160px;
    padding-top: 0px;
    margin-top: 0px
}

.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm {
    padding-top: 0px;
    padding-bottom: 0px
}

.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 {
    padding: 7.5px 0px 0px !important
}

.re__full-menu.re__fix .re__drop-menu .clear {
    height: 0px !important
}

.re__full-menu.re__fix .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0.re__btn-menu .re__btn {
    padding: 8px
}

.re__full-menu.re__fix .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0.re__btn-menu .re__btn i {
    font-size: 16px !important;
    line-height: 16px !important;
    border: 9px 11px
}

.re__full-menu.re__fix #divUserStt .login-group .notification {
    padding-top: 5px;
    padding-bottom: 5px
}

.re__full-menu.re__fix #divUserStt .login-group .text-name .box-info .login-avatar {
    float: left
}

.re__full-menu.re__fix #divUserStt .login-group .text-name .box-info .login-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 32px
}

.re__full-menu.re__fix #divUserStt .pro-agent-badge::after {
    bottom: 6px
}

.re__full-menu .pro-agent-badge {
    position: relative
}

.re__full-menu .pro-agent-badge::after {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/Personal/pro-agent-badge.svg);
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    bottom: 4px;
    right: 0
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li a {
    color: #2C2C2C
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li a span {
    color: #2C2C2C
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul {
    display: none
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.re__actived a {
    color: #74150F
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1 .re__arrrow {
    width: 16px !important
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1 a {
    background: rgba(0, 0, 0, 0);
    color: #2C2C2C
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1.re__actived a {
    color: #74150F
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1 ul {
    display: none;
    margin-left: 0px;
    top: -8px;
    left: 240px !important
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover a {
    background: #F2F2F2
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul {
    display: block
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2 a {
    background: rgba(0, 0, 0, 0);
    color: #2C2C2C
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2.re__actived a {
    color: #74150F
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2 ul {
    display: none
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2:hover a {
    background: #F2F2F2
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2:hover.re__actived a {
    color: #74150F
}

.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 ul li.lv1:hover ul li.lv2:hover ul {
    display: block
}

#boxSearchForm .search-bar {
    border-top: 1px solid #F2F2F2;
    box-shadow: 0px 4px 10px rgba(182, 182, 182, 0.18) !important
}

#boxSearchForm .search-bar.fix {
    border-top: 1px solid #F2F2F2;
    border-bottom: 0px;
    top: 56px !important
}

#boxSearchForm .search-bar.fix .re__keyword-input {
    transition: margin-left 0.5s, width 0.5s, top 0.5s
}

@media only screen and (max-width: 1128px) {
    #boxSearchForm .search-bar.fix {
        border-top: 0px
    }

    #boxSearchForm .search-bar.fix .re__keyword-input {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: calc(100% - 172px) !important;
        margin-left: 64px;
        position: absolute;
        top: -40px
    }
}

#boxSearchForm .search-bar #btnSearch {
    margin-top: 12px;
    margin-right: 15px;
    float: left
}

#boxSearchForm .search-bar #link-reset {
    margin-right: 8px
}

#boxSearchForm .search-bar #btnSearch {
    margin-left: 0px
}

#boxSearchForm .search-bar::after {
    content: '';
    display: block;
    clear: both
}

#divUserStt .notification:hover {
    background: transparent
}

.re__remove-box-shadow {
    box-shadow: 0 1px 0 0 #ebedf0 !important
}

.re__responsive.re__full-menu {
    padding: 17px 15px 17px;
    max-width: none
}

.re__responsive.re__full-menu.re__.re__ {
    width: 100%
}

.re__responsive.re__full-menu.re__.re__ .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 .re__btn-menu {
    margin-top: -3px;
    padding-bottom: 0px !important;
    padding-top: 0px !important
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__dropdown {
    display: none
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu {
    position: relative;
    float: left;
    margin-top: -2px;
    margin-bottom: -1px;
    margin-left: 12px;
    padding: 0px;
    display: inline-block;
    height: auto;
    width: auto
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu span,
.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu div {
    display: block
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__btn {
    line-height: 0px
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__btn i {
    font-size: 24px;
    line-height: 24px
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg {
    display: inline-block;
    background: #fff;
    height: auto;
    position: absolute;
    top: 48px;
    border-radius: 8px;
    padding: 8px 0px;
    width: 240px;
    left: 0px;
    display: none
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg .lvb.re__actived a span {
    color: #74150F
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg .lvb.re__actived ul li a {
    color: #2C2C2C
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li {
    padding: 0px
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li a {
    display: block;
    padding: 6px 16px;
    width: 100%;
    box-sizing: border-box
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li a span.text {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li .icon {
    display: none
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li .re__arrrow {
    background: none;
    font-family: "font-icon-bds" !important;
    font-size: 16px !important;
    line-height: 16px;
    display: inline-block;
    top: 8px;
    position: absolute;
    right: 16px;
    margin-top: 0px
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li .re__arrrow::before {
    content: ""
}

.re__responsive.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li ul {
    margin-right: 240px
}

.re__responsive.re__full-menu.re__fix {
    padding-bottom: 10px !important;
    padding-top: 10px !important
}

.re__responsive.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .re__btn-menu .re__btn {
    line-height: 0px
}

.re__responsive.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .re__btn-menu .re__btn i {
    font-size: 16px !important;
    line-height: 16px !important
}

.re__responsive.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg {
    top: 40px !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb li.re__actived a {
    color: #74150F
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb a {
    background: rgba(0, 0, 0, 0)
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb ul {
    display: none
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover a {
    background: #F2F2F2;
    color: #2C2C2C
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover a span {
    color: #2C2C2C
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul {
    display: block;
    left: -240px !important;
    top: -8px
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1 a {
    background: rgba(0, 0, 0, 0);
    color: #2C2C2C !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1.re__actived a {
    color: #74150F !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1 ul {
    display: none
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover a {
    background: #F2F2F2;
    color: #2C2C2C !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover.re__actived a {
    color: #74150F !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul {
    display: block;
    left: -240px !important;
    top: -8px
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2 a {
    background: rgba(0, 0, 0, 0);
    color: #2C2C2C !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2.re__actived a {
    color: #74150F !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2 ul {
    display: none
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover a {
    background: #F2F2F2;
    color: #2C2C2C !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover.re__actived a {
    color: #74150F !important
}

.re__responsive.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover ul {
    display: block;
    left: -140px !important;
    top: -8px
}

.re__responsive.search-bar .fix .search-bar-tab {
    margin-top: 12px !important;
    width: auto !important
}

.re__responsive.search-bar #btnSearch {
    float: right
}

.re__responsive.search-bar .search-bar-suggestion {
    float: left;
    position: relative;
    background: none !important;
    padding: 12px 0px !important;
    float: left !important;
    margin-right: 8px
}

.re__responsive.search-bar .search-bar-suggestion .re__input--sm {
    min-width: 277px
}

.re__responsive.search-bar .select-control {
    float: left
}

.re__responsive.search-bar .select-control .select-control-label {
    width: 100% !important;
    display: inline-block
}

.re__responsive.search-bar .select-control .select-control-label .re__text {
    line-height: 36px;
    margin-top: 4px
}

.re__responsive.search-bar .select-control .select-control-label .custom-value {
    width: 100%
}

.re__responsive.search-bar .select-control.filter-control {
    line-height: 1
}

@media only screen and (min-width: 1025px) and (max-width: 1396px) {
    .re__header.re__full-menu {
        padding: 17px 15px 17px;
        max-width: none
    }

    .re__header.re__full-menu.re__.re__ {
        width: 100%
    }

    .re__header.re__full-menu.re__.re__ .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 .re__btn-menu {
        margin-top: -3px;
        padding-bottom: 0px !important;
        padding-top: 0px !important
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__dropdown {
        display: none
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu {
        position: relative;
        float: left;
        margin-top: -2px;
        margin-bottom: -1px;
        margin-left: 12px;
        padding: 0px;
        display: inline-block;
        height: auto;
        width: auto
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu span,
    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu div {
        display: block
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__btn {
        line-height: 0px
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__btn i {
        font-size: 24px;
        line-height: 24px
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg {
        display: inline-block;
        background: #fff;
        height: auto;
        position: absolute;
        top: 48px;
        border-radius: 8px;
        padding: 8px 0px;
        width: 240px;
        left: 0px;
        display: none
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg .lvb.re__actived a span {
        color: #74150F
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg .lvb.re__actived ul li a {
        color: #2C2C2C
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li {
        padding: 0px
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li a {
        display: block;
        padding: 6px 16px;
        width: 100%;
        box-sizing: border-box
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li a span.text {
        font-family: "Roboto Regular", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li .icon {
        display: none
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li .re__arrrow {
        background: none;
        font-family: "font-icon-bds" !important;
        font-size: 16px !important;
        line-height: 16px;
        display: inline-block;
        top: 8px;
        position: absolute;
        right: 16px;
        margin-top: 0px
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li .re__arrrow::before {
        content: ""
    }

    .re__header.re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg li ul {
        margin-right: 240px
    }

    .re__header.re__full-menu.re__fix {
        padding-bottom: 10px !important;
        padding-top: 10px !important
    }

    .re__header.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .re__btn-menu {
        padding-top: 3.75px !important
    }

    .re__header.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .re__btn-menu .re__btn {
        line-height: 0px;
        padding: 9px 11px
    }

    .re__header.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .re__btn-menu .re__btn i {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .re__header.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__btn-menu .re__bg {
        top: 40px !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb li.re__actived a {
        color: #74150F
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb a {
        background: rgba(0, 0, 0, 0)
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb ul {
        display: none
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover a {
        background: #F2F2F2;
        color: #2C2C2C
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover a span {
        color: #2C2C2C
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul {
        display: block;
        left: -240px !important;
        top: -8px
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1 a {
        background: rgba(0, 0, 0, 0);
        color: #2C2C2C !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1.re__actived a {
        color: #74150F !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1 ul {
        display: none
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover a {
        background: #F2F2F2;
        color: #2C2C2C !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover.re__actived a {
        color: #74150F !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul {
        display: block;
        left: -240px !important;
        top: -8px
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2 a {
        background: rgba(0, 0, 0, 0);
        color: #2C2C2C !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2.re__actived a {
        color: #74150F !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2 ul {
        display: none
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover a {
        background: #F2F2F2;
        color: #2C2C2C !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover.re__actived a {
        color: #74150F !important
    }

    .re__header.re__hover-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm .lv0 .lvb:hover ul .lv1:hover ul .lv2:hover ul {
        display: block;
        left: -140px !important;
        top: -8px
    }

    .re__header.search-bar .fix .search-bar-tab {
        margin-top: 12px !important;
        width: auto !important
    }

    .re__header.search-bar #btnSearch {
        float: right
    }

    .re__header.search-bar .search-bar-suggestion {
        float: left;
        position: relative;
        background: none !important;
        padding: 12px 0px !important;
        float: left !important;
        margin-right: 8px
    }

    .re__header.search-bar .search-bar-suggestion .re__input--sm {
        min-width: 277px
    }

    .re__header.search-bar .select-control {
        float: left
    }

    .re__header.search-bar .select-control .select-control-label {
        width: 100% !important;
        display: inline-block
    }

    .re__header.search-bar .select-control .select-control-label .re__text {
        line-height: 36px;
        margin-top: 4px
    }

    .re__header.search-bar .select-control .select-control-label .custom-value {
        width: 100%
    }

    .re__header.search-bar .select-control.filter-control {
        line-height: 1
    }
}

.re__hover-menu .re__home-header-menu .re__dropdown-navigative-menu li.lv0 a:active {
    background: rgba(0, 0, 0, 0) !important
}

.re__hover-menu .re__home-header-menu .re__dropdown-navigative-menu li.lv0 li a:active {
    background: #ccc !important
}

.under-login-popup {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    position: absolute !important;
    z-index: 99999;
    top: 0px
}

.under-login-popup .re__full-menu {
    top: 0px
}

.bg-site.over-auto {
    padding-top: 95px
}

@media only screen and (max-width: 1545px) {
    #boxSearchForm .search-bar:not(.re__search-bar-v2) #btnSearch {
        float: right
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .select-control {
        width: calc((100% - 739px) / 5)
    }

    #notify_quick_view {
        top: 75px !important
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1367px) {
    #boxSearchForm .search-bar:not(.re__search-bar-v2) #btnSearch {
        float: right
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .select-control {
        width: calc((100% - 739px) / 5)
    }
}

@media only screen and (max-width: 1366px) and (min-width: 1281px) {
    #boxSearchForm .search-bar:not(.re__search-bar-v2) #btnSearch {
        float: right
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .select-control {
        width: calc((100% - 740px) / 5)
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1129px) {
    #boxSearchForm .search-bar:not(.re__search-bar-v2) .search-bar-suggestion {
        float: left;
        position: relative;
        width: 158px !important;
        background: none !important;
        padding: 12px 0px !important;
        float: left !important;
        margin-right: 8px
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .search-bar-suggestion .re__input--sm {
        min-width: 158px
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .select-control {
        width: calc((100% - 549px) / 5)
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .select-control .select-control-label .re__text {
        display: none
    }

    .search-bar-tab,
    #divUserStt .notification {
        position: relative !important
    }
}

#dialog-backdrop {
    background-color: rgba(10, 13, 20, 0.4)
}

ul.re__dropdown-no-art--sm.re__dropdown-navigative-menu li.lv0.tablet.re__login a div.re__new {
    float: left;
    background-color: #E03C31;
    color: #fff;
    border-radius: 2px;
    font-weight: 700;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    width: 26px;
    height: 16px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 2px 4px
}

.re__container-sm,
li.lv0.tablet {
    display: none !important
}

@media only screen and (max-width: 1128px) {

    .re__header .re__nav .re__fright,
    .re__header .re__nav .re__fleft {
        position: absolute;
        top: 16px;
        display: inline-block;
        overflow: initial !important
    }

    .re__header .re__nav .re__btn-content .re__notification,
    .re__header .re__top-search .re__main .re__search-input .re__search-notification {
        font-family: "Roboto Bold", Roboto, Arial !important;
        font-size: 10px;
        line-height: 12px;
        font-weight: normal !important;
        font-size: 10px !important;
        background: #E03C31;
        border-radius: 4px;
        display: inline-block;
        color: #fff;
        top: -6px;
        left: 20px;
        position: absolute;
        min-width: 10px;
        text-align: center;
        border: 2px solid #fff;
        padding-left: 1px;
        padding-right: 1px;
        min-width: 14px;
        min-height: 16px;
        line-height: 16px;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box
    }

    .re__bg-header {
        background: #fff;
        height: 104px;
        width: 100%;
        display: inline-block;
        box-shadow: 0px 4px 8px rgba(182, 182, 182, 0.18);
        position: relative;
        z-index: 9
    }

    .re__bg-header-no-search-bar {
        background: #fff;
        width: 100%;
        display: inline-block;
        box-shadow: 0px 4px 8px rgba(182, 182, 182, 0.18);
        position: relative;
        z-index: 9
    }

    .re__header {
        background: #fff;
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 9
    }

    .re__header.re__no-fix {
        position: relative
    }

    .re__header .re__state-icon--md:active {
        background: transparent
    }

    .re__header .re__nav {
        padding-top: 12px;
        padding-bottom: 8px
    }

    .re__header .re__nav .re__state-icon--md {
        color: #2C2C2C
    }

    .re__header .re__nav.re__header-wap {
        color: #2C2C2C;
        padding-bottom: 12px
    }

    .re__header .re__nav h1,
    .re__header .re__nav h2 {
        text-align: center;
        transition: opacity 0.5s, margin-top 0.5s
    }

    .re__header .re__nav h1 .re__visual-hidden,
    .re__header .re__nav h2 .re__visual-hidden {
        border: 0;
        width: 1px;
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute
    }

    .re__header .re__nav img {
        height: 36px;
        width: 120px;
        margin-top: 2.5px;
        margin-bottom: -2.5px
    }

    .re__header .re__nav img.re__logo-wap {
        margin: 0px !important
    }

    .re__header .re__nav .re__fright.re__save {
        right: 56px
    }

    .re__header .re__nav .re__fright.re__menu {
        right: 12px
    }

    .re__header .re__nav .re__fleft.re__back {
        left: 12px
    }

    .re__header .re__nav .re__btn-content {
        position: relative
    }

    .re__header .re__top-search {
        text-align: center
    }

    .re__header .re__top-search .re__search-projectnet-fix {
        margin-top: 4px !important;
        margin-bottom: 6px !important
    }

    .re__header .re__top-search .re__main {
        display: inline-block;
        background: #F2F2F2;
        border-radius: 4px;
        width: calc(100% - 32px);
        padding: 5px 12px;
        margin-bottom: 8px;
        transition: top 0.5s, left 0.5s, width 0.5s;
        left: 16px;
        top: 32px
    }

    .re__header .re__top-search .re__main .re__search-input {
        position: relative
    }

    .re__header .re__top-search .re__main .re__search-input .re__search-btn {
        display: inline-block;
        position: absolute;
        right: -12px;
        top: -5px;
        padding: 8px;
        background: #E03C31;
        line-height: 0px;
        border-radius: 0 4px 4px 0px
    }

    .re__header .re__top-search .re__main .re__search-input .re__search-btn i {
        font-size: 16px;
        line-height: 16px;
        color: #fff
    }

    .re__header .re__top-search .re__main .re__search-input .re__search-text {
        float: left;
        font-family: "Roboto Regular", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #2C2C2C;
        margin-top: 2px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: calc(100% - 36px);
        text-align: left
    }

    .re__header .re__top-search .re__main .re__search-input .re__placeholder {
        color: #505050
    }

    .re__header .re__top-search .re__main .re__search-input .re__search-notification {
        top: 1px;
        right: 30px;
        border-radius: 20px;
        background: #2C2C2C;
        border-color: #fff;
        width: 14px;
        height: 14px;
        left: unset
    }

    .re__header .re__top-search.re__search-wap .re__main {
        margin-bottom: 7px
    }

    .re__header .re__top-search.re__search-wap .re__main .re__search-input.re__search-input-product .re__search-text {
        width: calc(100% - 58px)
    }

    .re__header .re__top-search.re__search-wap .re__main .re__search-input.re__search-input-product.re__not-noti .re__search-notification {
        display: none
    }

    .re__header .re__top-search.re__search-wap .re__main .re__search-input.re__search-input-product.re__not-noti .re__search-text {
        width: calc(100% - 30px)
    }

    .re__header.re__topfix {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        min-height: 64px;
        box-shadow: 0px 4px 8px rgba(182, 182, 182, 0.18)
    }

    .re__header.re__topfix h1,
    .re__header.re__topfix h2 {
        opacity: 0;
        margin-top: -40px
    }

    .re__header.re__topfix .re__top-search .re__main {
        position: fixed;
        top: 16px;
        left: 16px;
        width: calc(100% - 116px)
    }

    .re__header.re__topfix.re__noHome .re__top-search .re__main {
        left: 56px;
        width: calc(100% - 156px)
    }

    .re__header.re__topfix-project-detail {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9;
        min-height: 56px;
        box-shadow: 0px 0px 1px rgba(182, 182, 182, 0.18)
    }

    .re__header.re__topfix-project-detail h1,
    .re__header.re__topfix-project-detail h2 {
        opacity: 0;
        margin-top: -40px
    }

    .re__header.re__topfix-project-detail .re__search-projectnet-fix {
        margin-top: 0px !important;
        margin-bottom: 8px !important
    }

    .re__header.re__topfix-project-detail .re__top-search .re__main {
        position: fixed;
        top: 16px;
        left: 16px;
        width: calc(100% - 156px)
    }

    .re__header.re__topfix-project-detail.re__noHome .re__top-search .re__main {
        left: 56px;
        width: calc(100% - 156px)
    }

    body.in {
        overflow: hidden
    }

    body.in .re__live-chat-container {
        z-index: 0
    }

    body.in ._hj_feedback_container #_hj_feedback_container>div[class*="__MinimizedWidgetMiddle__right"] {
        position: absolute;
        z-index: 0
    }

    .popupMarking {
        box-sizing: border-box;
        position: fixed;
        border-radius: 4px;
        background-color: #fff;
        width: calc(100% - 32px);
        margin: 0px 16px;
        padding: 12px 16px;
        vertical-align: middle;
        min-height: 24px;
        overflow: hidden;
        top: 59px;
        z-index: 99;
        box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.42)
    }

    .popupMarking i {
        font-size: 20px;
        line-height: 20px;
        color: #E03C31;
        float: left;
        display: flex
    }

    .popupMarking i.re__icon-heart-pressed {
        color: #E03C31
    }

    .popupMarking i.re__icon-heart-pressed::before {
        color: #E03C31 !important
    }

    .popupMarking i.re__icon-heart {
        color: #2C2C2C
    }

    .popupMarking i.re__icon-heart::before {
        color: #2C2C2C !important
    }

    .popupMarking span {
        font-family: "Roboto Regular", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        float: left;
        margin-left: 8px;
        display: flex
    }

    .form-content {
        height: 64px
    }

    .re__bg-header {
        background: #fff;
        height: 64px;
        box-shadow: 0px 4px 8px rgba(182, 182, 182, 0.18);
        margin-bottom: 0px
    }

    .re__header {
        z-index: 9;
        width: 100%;
        background: #fff;
        height: 64px;
        margin-bottom: 0px;
        padding: 0px !important
    }

    .re__header .re__left-menu,
    .re__header .re__btn-menu,
    .re__header #notiSave {
        display: none !important
    }

    .re__header .re__container-sm {
        display: block !important
    }

    .re__header .re__right-menu .re__dropdown-navigative-menu li.lv0.re__dropdown {
        display: block !important
    }

    .re__header .re__pushmenu {
        background: #F2F2F2 none repeat scroll 0 0;
        height: 100%;
        position: fixed;
        top: 0;
        width: 312px;
        z-index: 16000003;
        overflow: hidden
    }

    .re__header .re__pushmenu .user-post {
        border: 1px solid #ccd3d9;
        box-sizing: border-box;
        border-radius: 4px;
        background: #fff;
        color: #004e7f;
        width: calc(100% - 34px);
        margin: 0px 16px;
        font-size: 14px;
        padding: 10px 16px
    }

    .re__header .re__pushmenu .user-action a {
        background: #ffffff;
        border: 1px solid #ccd3d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 10px 16px;
        width: calc(50% - 26px);
        display: inline-block;
        color: #004e7f;
        font-size: 14px
    }

    .re__header .re__pushmenu .user-action a:hover,
    .re__header .re__pushmenu .user-action a.re__actived {
        color: #fff;
        background: #004e7f;
        border: 1px solid #004e7f
    }

    .re__header .re__pushmenu .user-action a:nth-child(1) {
        margin-left: 16px;
        margin-right: 8px
    }

    .re__header .re__pushmenu .user-action a:nth-child(2) {
        margin-right: 16px;
        margin-left: 8px
    }

    .re__header .re__bg-pushmenu.in {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0, 0, 0, 0.6);
        top: 0;
        left: 0;
        z-index: 16000000
    }

    .re__header .re__pushmenu-right {
        transition: right 0.5s ease 0s;
        right: -312px
    }

    .re__header .re__pushmenu-right.in {
        right: 0px
    }

    .re__header .re__dropdown-navigative-menu .re__arrrow {
        background: url('/assets/frontend/staticfile.batdongsan.com.vn/images/mobile/icons/16x16/chevron-down.svg') no-repeat 32px center !important;
        position: absolute;
        right: 0px;
        top: 0px;
        cursor: pointer;
        width: 64px !important;
        height: 48px !important;
        transition: none !important;
        margin-top: 0px !important
    }

    .re__header .re__dropdown-navigative-menu .re__arrrow::before {
        content: none !important
    }

    .re__header .re__dropdown-navigative-menu .re__no-child .re__arrrow {
        display: none !important
    }

    .re__header .re__dropdown-navigative-menu li {
        margin-left: 0px !important;
        position: relative;
        width: 100%;
        background: #ffffff;
        box-sizing: border-box;
        padding: 0 !important;
        border: none
    }

    .re__header .re__dropdown-navigative-menu li a {
        color: #2c2f36
    }

    .re__header .re__dropdown-navigative-menu li a span {
        color: #2c2f36
    }

    .re__header .re__dropdown-navigative-menu li.lv0 a {
        padding: 12px 48px 12px 19px !important;
        width: 100%;
        overflow: hidden
    }

    .re__header .re__dropdown-navigative-menu li.lv0 a .text {
        font-family: "Roboto Regular", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #2C2C2C
    }

    .re__header .re__dropdown-navigative-menu li.lv0 a span.text {
        margin-top: 2px
    }

    .re__header .re__dropdown-navigative-menu li.lv0.re__actived .re__arrrow {
        background: url(/assets/frontend/staticfile.batdongsan.com.vn/images/mobile/icons/16x16/chevron-up.svg) no-repeat 32px center !important
    }

    .re__header .re__home-header-menu {
        overflow-y: auto;
        height: calc(100vh - 144px);
        padding-bottom: 0px;
        background: #F2F2F2
    }

    .re__header .re__home-header-menu ul {
        position: relative;
        display: none;
        padding-top: 0px;
        padding-bottom: 0px
    }

    .re__header .re__home-header-menu ul li {
        line-height: 1;
        position: relative;
        overflow: hidden;
        font-weight: normal
    }

    .re__header .re__home-header-menu ul li.bg_menu {
        background: transparent;
        line-height: 40px;
        display: block !important;
        background: #F2F2F2
    }

    .re__header .re__home-header-menu ul li.bg_menu a {
        padding: 8px 16px 8px 16px !important;
        font-size: 14px;
        line-height: 20px;
        background: #F2F2F2
    }

    .re__header .re__home-header-menu ul li.bg_menu.first-child a {
        padding-top: 16px !important
    }

    .re__header .re__home-header-menu ul li.bg_menu:last-child a {
        padding-bottom: 16px !important
    }

    .re__header .re__home-header-menu ul li.tablet.re__login {
        display: block !important
    }

    .re__header .re__home-header-menu ul li.lv1 .re__arrrow,
    .re__header .re__home-header-menu ul li.lv1 ul {
        display: none !important
    }

    .re__header .re__home-header-menu ul li .re__actived .re__arrrow {
        width: 40px !important
    }

    .re__header .re__home-header-menu ul li a {
        padding: 10px 36px 10px 19px !important;
        width: 100%;
        display: block
    }

    .re__header .re__home-header-menu ul li a span {
        float: left
    }

    .re__header .re__home-header-menu ul li a span.icon {
        display: inline-block !important;
        line-height: 20px;
        vertical-align: middle
    }

    .re__header .re__home-header-menu ul li a span.icon img {
        vertical-align: middle;
        width: 24px
    }

    .re__header .re__home-header-menu ul li a span.text {
        margin-left: 16px;
        display: block;
        margin-top: 9px
    }

    .re__header .re__home-header-menu ul li li a {
        overflow: hidden;
        font-size: 14px
    }

    .re__header .re__home-header-menu ul li li a:hover {
        background: #f5f6f7
    }

    .re__header .re__home-header-menu ul li.lv0 ul {
        width: 100% !important;
        top: 0px !important;
        display: none
    }

    .re__header .re__home-header-menu ul li.lv0 ul li.lv1 a {
        width: 100%;
        background-image: none;
        padding: 14px 19px 14px 56px !important
    }

    .re__header .re__home-header-menu ul li.lv0 ul li.lv1 .re__show {
        display: block !important
    }

    .re__header .re__home-header-menu ul li.lv0.re__actived ul {
        display: block
    }

    .re__header .re__control-menu {
        position: relative;
        padding: 16px !important;
        width: 100%;
        box-sizing: border-box;
        background: #fff
    }

    .re__header .re__control-menu #divUserStt {
        width: 100%;
        display: block;
        overflow: hidden
    }

    .re__header .re__control-menu #divUserStt .re__line {
        display: none
    }

    .re__header .re__control-menu #divUserStt .re__btn {
        width: calc(50% - 8px);
        box-sizing: border-box;
        margin-bottom: 16px;
        margin-top: 0px !important;
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        letter-spacing: -.2px;
        padding: 13px 15px;
        border-radius: 8px
    }

    .re__header .re__control-menu #divUserStt .re__btn span {
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        letter-spacing: -.2px
    }

    .re__header .re__control-menu #divUserStt .re__btn:first-child {
        margin-right: 8px;
        color: #2C2C2C;
        background: #fff;
        border: solid 1px #ccc
    }

    .re__header .re__control-menu #divUserStt .re__btn:first-child:hover {
        color: #2C2C2C;
        background: #FAFAFA;
        border: solid 1px #ccc
    }

    .re__header .re__control-menu #divUserStt .re__btn:first-child:active {
        color: #2C2C2C;
        background: #F2F2F2;
        border: solid 1px #ccc
    }

    .re__header .re__control-menu #divUserStt .re__btn:first-child:disabled {
        color: #999;
        background: #fff;
        border: solid 1px #ccc;
        cursor: unset
    }

    .re__header .re__control-menu #divUserStt .re__btn:first-child:hover {
        color: #2C2C2C;
        background: #fff;
        border: solid 1px #ccc
    }

    .re__header .re__control-menu #divUserStt .re__btn:first-child:active {
        color: #2C2C2C;
        background: #F2F2F2;
        border: solid 1px #ccc
    }

    .re__header .re__control-menu #divUserStt .re__btn:last-child {
        margin-left: 8px;
        margin-right: 0px;
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31
    }

    .re__header .re__control-menu #divUserStt .re__btn:last-child:hover {
        color: #fff;
        background: #FF837A;
        border: solid 1px #FF837A
    }

    .re__header .re__control-menu #divUserStt .re__btn:last-child:active {
        color: #fff;
        background: #74150F;
        border: solid 1px #74150F
    }

    .re__header .re__control-menu #divUserStt .re__btn:last-child:disabled {
        opacity: .4;
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31;
        cursor: unset
    }

    .re__header .re__control-menu #divUserStt .re__btn:last-child:hover {
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31
    }

    .re__header .re__control-menu #divUserStt .re__btn:last-child:active {
        color: #fff;
        background: #74150F;
        border: solid 1px #74150F
    }

    .re__header .re__control-menu #divUserStt .login-group {
        padding-bottom: 16px;
        width: 280px
    }

    .re__header .re__control-menu #divUserStt .login-group .notification {
        float: right;
        position: relative;
        margin-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        width: 48px;
        height: 48px
    }

    .re__header .re__control-menu #divUserStt .login-group .notification a {
        border: 0px;
        padding: 0px;
        margin: 0px;
        margin-top: 0px !important;
        margin-left: -15px
    }

    .re__header .re__control-menu #divUserStt .login-group .notification a:hover {
        background: transparent;
        border: 0px
    }

    .re__header .re__control-menu #divUserStt .login-group .notification a i {
        font-size: 24px !important
    }

    .re__header .re__control-menu #divUserStt .login-group .notification .mnu-notify-icon-unread {
        position: absolute;
        top: 2px;
        left: 9px;
        border-radius: 4px
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name {
        float: left;
        width: calc(100% - 48px)
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .box-info {
        margin-left: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        float: left
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-info {
        width: calc(100% - 56px);
        float: none
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-info .account-type {
        font-family: "Roboto Regular", Roboto, Arial !important;
        font-size: 12px;
        line-height: 16px;
        font-weight: normal !important;
        display: inline-block;
        padding: 0px;
        color: #999;
        margin: 4px 0px 0px 16px
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-info a {
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 16px;
        line-height: 24px;
        font-weight: normal !important;
        letter-spacing: -.2px;
        display: inline-block;
        padding: 0px;
        color: #505050;
        margin: 2px 0px 0px 16px;
        height: auto !important
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-icon {
        display: none
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-avatar {
        width: 48px;
        float: none
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-avatar .re__avatar--xl {
        width: 48px;
        height: 48px;
        margin-top: 0px
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .box-info .login-avatar img {
        height: 48px;
        width: 48px;
        margin-top: 0px
    }

    .re__header .re__control-menu #divUserStt .login-group .text-name .re__dropdown-art {
        display: none !important
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct {
        width: 100%;
        display: block;
        overflow: hidden
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn {
        width: 100%;
        box-sizing: border-box;
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        letter-spacing: -.2px;
        padding: 13px 15px;
        border-radius: 8px
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn span {
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        letter-spacing: -.2px
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login {
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:hover {
        color: #fff;
        background: #FF837A;
        border: solid 1px #FF837A
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:active {
        color: #fff;
        background: #74150F;
        border: solid 1px #74150F
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:disabled {
        opacity: .4;
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31;
        cursor: unset
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:hover {
        color: #fff;
        background: #E03C31;
        border: solid 1px #E03C31
    }

    .re__header .re__control-menu #Header_UserControl_divPostProduct .re__btn.re__login:active {
        color: #fff;
        background: #74150F;
        border: solid 1px #74150F
    }

    .re__header .re__control-menu .re__avatar--xl .re__avatar-text {
        line-height: 28px
    }

    .re__header .re__container-sm .app-info {
        padding-right: 16px;
        color: #2C2C2C;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        text-align: right;
        float: right;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: 0px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 200px;
        position: relative
    }

    .re__header .re__container-sm .app-info .app-popup {
        visibility: hidden;
        opacity: 0;
        transform: translateY(0);
        transition: opacity 200ms ease-out, transform 200ms ease-out;
        position: absolute;
        background: #fff;
        left: unset;
        right: 50px;
        padding: 8px;
        border-radius: 8px;
        box-shadow: 0px 8px 20px 0px #B6B6B66B
    }

    .re__header .re__container-sm .app-info.active {
        display: contents;
        vertical-align: unset
    }

    .re__header .re__container-sm .app-info.active .app-label {
        padding-left: 0;
        padding-right: 0;
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        letter-spacing: -.2px;
        color: #2C2C2C;
        position: fixed;
        right: 96px;
        top: 8px
    }

    .re__header .re__container-sm .app-info.active .app-popup {
        visibility: visible;
        opacity: 1;
        transform: translateY(58px)
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content {
        float: left;
        width: 100%;
        display: grid
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-header {
        float: left;
        width: 100%;
        display: block;
        margin-bottom: 8px
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-header .app-close {
        margin-top: 2px;
        cursor: pointer;
        display: inline-block;
        float: right
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-header .app-close::before {
        font-family: "font-icon-bds";
        width: 16px;
        height: 16px;
        float: right;
        line-height: 16px;
        text-align: center;
        color: #505050;
        content: "" !important
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-header .app-close:hover::before,
    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-header .app-close:active::before {
        color: #2C2C2C
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-header .app-title {
        display: inline-block;
        float: left;
        margin-bottom: 0
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-qr {
        width: 100%;
        float: left;
        display: inline-flex
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-qr .qr-code {
        width: 134px;
        height: 134px
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-img {
        width: 100%;
        float: left;
        display: inline-flex
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-img .img {
        width: 63px;
        min-height: 22px;
        margin-top: 8px
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-img .img.app-store {
        float: left;
        margin-right: 8px
    }

    .re__header .re__container-sm .app-info.active .app-popup .app-content .app-img .img.app-gplay {
        float: right
    }

    .re__header .re__container-sm .app-info .app-label {
        padding-left: 0;
        padding-right: 0;
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        letter-spacing: -.2px;
        color: #2C2C2C;
        position: fixed;
        right: 96px;
        top: 8px;
        cursor: pointer
    }

    .re__header .re__container-sm .re__nav {
        padding-bottom: 9.65px;
        padding-top: 10px
    }

    .re__header .re__container-sm .re__nav .re__fright .re__state-icon--md i {
        font-size: 24px !important
    }

    .re__header .re__container-sm .re__nav .re__fright .re__state-icon--md:hover {
        background: transparent
    }

    .re__header .re__container-sm .re__nav .re__fleft .re__state-icon--md i {
        font-size: 24px !important
    }

    .re__header .re__container-sm .re__nav .re__fleft .re__state-icon--md:hover {
        background: transparent
    }

    .re__header .re__container-sm .re__nav h1,
    .re__header .re__container-sm .re__nav h2 {
        transition: none;
        margin-top: 0px
    }

    .re__header.re__full-menu.re__fix {
        width: 100%;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        min-height: 70px;
        box-shadow: 0px 4px 8px rgba(182, 182, 182, 0.18)
    }

    .re__header.re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 {
        padding: 0 !important
    }

    .re__header.re__full-menu.re__fix .re__control-menu {
        width: 100%;
        min-height: 120px
    }

    .re__header.re__full-menu.re__fix .re__control-menu #divUserStt .re__btn {
        width: calc(50% - 8px)
    }

    .re__full-menu {
        width: 100% !important;
        position: fixed;
        top: 0px
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 a {
        word-break: break-word;
        white-space: normal !important
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0 a .text {
        font-family: "Roboto Regular", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        color: #2C2C2C
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived {
        background: inherit !important
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived a {
        background: url(/assets/frontend/staticfile.batdongsan.com.vn/images/mobile/bg-border-l.png) repeat-y 0 0 #ffffff
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived a .text {
        font-family: "Roboto Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived.sub-active a {
        background: none !important
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived.sub-active a .text {
        font-family: "Roboto Regular", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived ul {
        border: 0px;
        display: block;
        padding: 0px !important;
        box-shadow: none !important
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived ul li.lv1 {
        border: 0px
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived ul li.lv1 a {
        background: none !important
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived ul li.lv1 a:active {
        background: url(/assets/frontend/staticfile.batdongsan.com.vn/images/mobile/bg-border-l.png) repeat-y 0 0 #F2F2F2 !important;
        font-family: "Roboto Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }

    .re__full-menu .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.re__actived ul li.lv1.re__actived a {
        background: url(/assets/frontend/staticfile.batdongsan.com.vn/images/mobile/bg-border-l.png) repeat-y 0 0 #F2F2F2 !important;
        font-family: "Roboto Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important
    }

    .re__full-menu.re__fix .re__drop-menu .re__right-menu .re__dropdown-navigative-menu.re__dropdown-no-art--sm li.lv0.bg_menu {
        padding: 0px !important
    }

    #boxSearchForm {
        margin-top: 0px;
        position: relative;
        z-index: 1;
        height: 97px
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) {
        border-top: 0px;
        margin-top: 0px;
        padding-top: 0px;
        float: none;
        position: fixed;
        width: 100%;
        z-index: 2;
        background: #fff
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .select-control {
        width: calc((100% - 283px) / 5) !important
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .select-control .dropbox-label {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .filter-control {
        width: 120px !important
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .filter-control .re__text {
        display: block !important
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .search-bar-suggestion {
        width: 100% !important;
        background-color: #fff !important;
        padding: 0 16px 8px 16px !important
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .search-bar-suggestion .re__input--sm {
        left: 0px;
        width: 100%;
        z-index: 1;
        transition: width 0.5s, left 0.5s
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .search-bar-suggestion .re__input--sm input {
        background: #F2F2F2;
        border: 1px solid #F2F2F2
    }
}

@media only screen and (max-width: 1128px) and (max-width: 768px) {
    #boxSearchForm .search-bar:not(.re__search-bar-v2) .filter-control {
        width: 48px !important
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .filter-control .select-control-label .filter-info {
        line-height: 16px;
        margin: 0px;
        padding: 12px 0px
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .filter-control .select-control-label .filter-info span {
        top: 1px;
        left: 7px
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .filter-control .select-control-label .re__text {
        display: none !important
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) .search-bar-suggestion {
        padding: 0 16px 12px 16px !important;
        border-bottom: 1px solid #F2F2F2
    }
}

@media only screen and (max-width: 1128px) {
    #boxSearchForm .search-bar:not(.re__search-bar-v2).fix {
        top: 64px !important;
        border-top: 1px solid #F2F2F2
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2).fix .search-bar-suggestion {
        padding: 0px !important
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2).fix .search-bar-suggestion .re__input--sm {
        position: absolute;
        top: -48px;
        width: calc(100% - 156px) !important;
        left: 56px;
        z-index: 11;
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    #boxSearchForm .search-bar:not(.re__search-bar-v2) #btnSearch {
        float: right;
        margin-right: 15px;
        margin-top: 12px
    }

    #boxSearchForm [role~="tooltip"][data-microtip-position|="top"]::after {
        bottom: 86%
    }

    #boxSearchForm [role~="tooltip"][data-microtip-position="top"]::before {
        bottom: 82%
    }

    #boxSearchForm .fix [role~="tooltip"][data-microtip-position|="top"]::after {
        bottom: 100%
    }

    #boxSearchForm .fix [role~="tooltip"][data-microtip-position="top"]::before {
        bottom: 96%
    }

    .re__body.in .search-bar.fix {
        z-index: 8 !important
    }

    .home-search {
        z-index: 8 !important
    }

    .re__full-menu .re__control-menu .app-info {
        display: none !important
    }
}

.re__body {
    background: #fff
}

@media only screen and (min-width: 1140px) {
    .re__body {
        min-width: 1140px !important
    }
}

/* @media only screen and (max-width: 1139px) {
    .re__body {
        min-width: 600px !important;
        -webkit-text-size-adjust: 100%
    }
} */

@media only screen and (max-width: 1139px) {
    .re__body {
        min-width: unset !important; /* Loại bỏ độ rộng tối thiểu */
        width: 100%; /* Đảm bảo nội dung không vượt quá màn hình */
        max-width: 100%; /* Giới hạn chiều rộng tối đa */
        overflow-x: hidden; /* Ẩn cuộn ngang nếu có */
        -webkit-text-size-adjust: 100%;
    }
}


.re__body .re__main .re__content-block {
    clear: both;
    overflow: hidden;
}

@media only screen and (min-width: 320px) and (max-width: 1139px) {
    .re__body .re__main .re__content-block {
        padding-left: 32px
    }
}

.re__body .re__main .re__content-block .re__content-container {
    position: relative;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 1140px) {
    .re__body .re__main .re__content-block .re__content-container {
        margin-bottom: 50px;
        width: 1140px
    }
}

@media only screen and (min-width: 320px) and (max-width: 1139px) {
    .re__body .re__main .re__content-block .re__content-container {
        margin-bottom: 32px;
        width: 100%;
        overflow: hidden
    }
}

.re__body .re__main .re__content-block .re__content-container:empty {
    display: none
}

.re__body .re__main .re__content-block .re__content-container .re__content-container-label {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    display: block;
    margin-bottom: 24px
}

.re__body .re__main .re__content-block .re__content-container .re__content-container-link {
    position: absolute;
    top: 8px;
    right: 0px
}

@media only screen and (min-width: 320px) and (max-width: 1139px) {
    .re__body .re__main .re__content-block .re__content-container .re__content-container-link {
        display: none
    }
}

.re__body .re__main .re__main-content-layout {
    position: relative;
    margin-right: auto;
    margin-left: auto
}

.re__body .re__main .re__main-content-layout::after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (min-width: 1545px) {
    .re__body .re__main .re__main-content-layout {
        width: 1140px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1544px) {
    .re__body .re__main .re__main-content-layout {
        width: 936px;
        margin-top: 24px
    }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .re__body .re__main .re__main-content-layout {
        width: 100%;
        margin-top: 0px
    }
}

.re__body .re__main .re__main-content-layout .re__main-content {
    float: left
}

.re__body .re__main .re__main-content-layout .re__main-content::after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (min-width: 1545px) {
    .re__body .re__main .re__main-content-layout .re__main-content {
        width: 848px;
        margin-right: 30px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1544px) {
    .re__body .re__main .re__main-content-layout .re__main-content {
        width: 696px;
        margin-right: 30px
    }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .re__body .re__main .re__main-content-layout .re__main-content {
        width: 100%
    }
}

.re__body .re__main .re__main-content-layout .re__main-sidebar {
    float: left
}

.re__body .re__main .re__main-content-layout .re__main-sidebar::after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (min-width: 1545px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar {
        width: 262px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1544px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar {
        width: 210px
    }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar {
        width: 100%;
        display: block
    }
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box {
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box {
        border: 1px solid #F2F2F2;
        border-radius: 8px;
        padding: 15px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box {
        border-top: 8px solid #F2F2F2;
        padding: 32px;
        margin: 0
    }
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-title {
    color: #2C2C2C;
    margin-bottom: 16px;
    display: block
}

@media only screen and (min-width: 1024px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-title {
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal !important;
        letter-spacing: -.2px
    }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-title {
        font-family: "Lexend Medium", Roboto, Arial !important;
        font-size: 18px;
        line-height: 28px;
        font-weight: normal !important;
        letter-spacing: -.2px
    }
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-content::after {
    content: "";
    clear: both;
    display: block
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-content .re__sidebar-box-item {
    color: #2C2C2C;
    margin-bottom: 12px
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-content .re__sidebar-box-item .re__link-se span {
    float: none
}

@media only screen and (min-width: 1024px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-content .re__sidebar-box-item {
        width: 100%
    }

    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-content .re__sidebar-box-item:last-of-type {
        margin-bottom: 0px
    }
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-content .re__sidebar-box-item {
        width: 50%;
        float: left
    }

    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-content .re__sidebar-box-item:nth-last-child(-n+2):not(:nth-of-type(2n)) {
        margin-bottom: 0px
    }

    .re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-content .re__sidebar-box-item:nth-last-child(-n+2):last-of-type {
        margin-bottom: 0px
    }
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-action {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    position: relative;
    color: #2C2C2C
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box .re__sidebar-box-action::after {
    content: "";
    clear: both;
    display: block
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box.re__article-box .re__sidebar-box-title {
    margin-bottom: 0px;
    padding-bottom: 8px;
    border-bottom: 1px solid #F2F2F2
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box.re__article-box .re__sidebar-box-item {
    padding: 16px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #F2F2F2
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box.re__article-box .re__sidebar-box-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box.re__article-box .re__sidebar-box-item .re__item-number {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #74150F;
    background-color: #FFECEB;
    padding: 1px 8px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    margin-top: 3px
}

.re__body .re__main .re__main-content-layout .re__main-sidebar .re__sidebar-box.re__article-box .re__sidebar-box-item a {
    float: right;
    width: calc(100% - 34px)
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
    .re__body .re__main.re__sr-preview .re__main-content-layout {
        padding-bottom: 82px
    }
}

.re__body .re__main .re__popup-form {
    padding: 32px;
    border-radius: 16px;
    z-index: 5
}

.re__body .re__main .re__popup-form .re__popup-header {
    position: relative;
    margin-bottom: 24px
}

.re__body .re__main .re__popup-form .re__popup-header .re__popup-title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__body .re__main .re__popup-form .re__popup-header .re__popup-close {
    position: absolute;
    top: 2px;
    right: 0;
    cursor: pointer
}

.re__body .re__main .re__popup-form .re__popup-body {
    text-align: left
}

.re__body.body--disabled {
    position: absolute;
    height: 100%;
    overflow: hidden;
    width: 100%;
    touch-action: none
}

footer *,
footer *::before,
footer *::after {
    box-sizing: border-box;
    color: #000
}

footer .re__col--footer-mail i::before {
    color: #fff !important
}

footer img,
footer svg {
    vertical-align: middle
}

footer a {
    text-decoration: none
}

.re__footer.re__container {
    padding: 0px;
    width: 100%
}

.re__footer.re__container .re__container--lg {
    padding: 0px
}

@media only screen and (max-width: 1024px) {
    .re__footer.re__container .re__container--lg {
        padding: 0 32px;
        width: calc(100% - 64px)
    }
}

.re__pd-left--8 {
    padding-left: 8px
}

.re__mg-top--18 {
    margin-top: 18px
}

.re__mg-bottom--8 {
    margin-bottom: 8px
}

.re__footer {
    background: #f2f2f2
}

.re__footer .re__typo-expressive--md {
    line-height: 22px
}

.re__footer .re__display-flex.re__address {
    margin-top: 12px
}

.re__footer .re__display-flex.re__address i {
    margin-right: 8px
}

.re__footer .re__text-phone {
    color: #2C2C2C
}

.re__footer .re__text-phone a {
    color: #2C2C2C;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__footer .re__input--md.re__input-btn-icon-right--md {
    margin-top: 12px;
    margin-bottom: 24px;
    max-width: 358px
}

.re__footer .re__list-international {
    margin-top: 12px
}

.re__footer .re__list-international .re__select {
    height: 70px;
    float: left
}

.re__footer .re__list-international .re__btn-se-border--sm {
    width: 67px;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.re__footer .re__list-international .re__btn-se-border--sm i {
    padding-left: 0;
    padding-right: 8px;
    padding-top: 0px;
    position: relative
}

.re__footer .re__list-international .re__btn-se-border--sm i span {
    position: absolute;
    font-family: "font-icon-bds" !important;
    margin: 0px;
    font-size: 16px
}

.re__footer .re__list-international .re__btn-se-border--sm i span::before {
    margin: 0px
}

.re__footer .re__list-international .re__btn-se-border--sm span {
    line-height: 20px;
    float: right
}

.re__footer .re__list-international .advance-select-options {
    background: #fff;
    border-radius: 8px
}

.re__footer .re__list-international .advance-select-options a.advance-options {
    display: block;
    padding: 4px 16px;
    width: 100%
}

.re__footer .re__list-international .advance-select-options a.advance-options i {
    line-height: 24px;
    float: left;
    position: relative;
    width: 24px;
    height: 24px
}

.re__footer .re__list-international .advance-select-options a.advance-options i span {
    position: absolute;
    padding: 2px 0px
}

.re__footer .re__list-international .advance-select-options a.advance-options i span::before {
    margin: 0px
}

.re__footer .re__list-international .advance-select-options a.advance-options .re__typo-body--md {
    line-height: 24px;
    clear: left;
    margin-left: 12px;
    display: inline-block
}

.re__footer .re__list-international .re__select--sm {
    width: 165px;
    float: left;
    margin-right: 8px
}

@media only screen and (max-width: 1024px) {
    .re__footer .re__list-international .re__select--sm {
        height: 48px
    }
}

.re__footer .re__list-international .re__filter-label.select-text::before {
    content: "" !important;
    font-family: "font-icon-bds";
    position: absolute;
    top: 4px;
    left: 12px;
    font-size: 20px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    color: #2C2C2C
}

.re__footer .re__list-international .re__filter-label.select-text::after {
    color: #999;
    cursor: pointer
}

.re__footer .re__list-international .re__filter-label span {
    width: 100% !important
}

.re__footer .re__filter-label.select-text span {
    padding-left: 42px
}

.re__footer .lazyloaded {
    width: 111px
}

.re__footer .lazyloaded.re__google-play {
    height: 26.16px
}

.re__footer .lazyloaded.re__app-store {
    height: 33.91px
}

.re__footer .re__dropdown-no-art--sm {
    padding-left: 0px;
    margin-bottom: 0px
}

.re__footer .re__dropdown-no-art--sm li {
    padding: 0px
}

.re__footer .re__dropdown-no-art--sm li a {
    padding: 4px 16px
}

.re__footer .re__dropdown-no-art--sm li a i {
    line-height: 24px;
    float: left;
    position: relative;
    width: 24px;
    height: 24px
}

.re__footer .re__dropdown-no-art--sm li a i>span {
    position: absolute;
    padding: 2px 0px
}

.re__footer .re__dropdown-no-art--sm li a i>span::before {
    margin: 0px
}

.re__footer .re__dropdown-no-art--sm li a>span {
    line-height: 24px;
    clear: left;
    margin-left: 12px;
    display: inline-block
}

.re__footer-logo {
    margin-top: 40px;
    margin-bottom: 32px
}

.re__footer-logo img {
    height: 68px;
    width: 226.66px
}

.re__hotline {
    margin-top: 55px;
    color: #505050;
    display: inline-block;
    margin-bottom: 40px
}

.re__hotline i {
    float: left;
    margin-right: 16px;
    font-size: 32px;
    line-height: 40px
}

.re__hotline span {
    width: 100%;
    display: inline-block;
    text-align: left
}

.re__hotline .re__right {
    float: left;
    width: calc(100% - 48px)
}

.re__hotline .re__right .re__typo-body--sm {
    color: #505050
}

.re__hotline .re__right .re__typo-heading--xs {
    color: #2C2C2C
}

.re__hotline .re__right .re__typo-heading--xs:hover {
    color: #999
}

.re__hotline .re__right .re__typo-heading--xs:active {
    color: #2C2C2C
}

.re__hotline a i {
    color: #2C2C2C
}

.re__hotline a i::before {
    color: #2C2C2C
}

.re__col--lg-3 .re__hotline .re__right a .re__typo-heading--xs:hover {
    color: #2C2C2C
}

.re__display-inline-block {
    display: inline-block
}

.re__display-flex {
    display: flex
}

.re__mg-right--8 {
    margin-right: 8px
}

.re__mg-left--8 {
    margin-left: 8px
}

.re__mg-top--12 {
    margin-top: 12px
}

.re__mg-top--20 {
    margin-top: 20px
}

.re__mg-top--40 {
    margin-top: 40px
}

.re__mg-right--17 {
    margin-right: 17px
}

@media only screen and (max-width: 1024px) {
    .re__list-menu--footer {
        display: none
    }
}

.re__list-menu--footer ul {
    padding-left: 0;
    margin-top: 12px
}

.re__list-menu--footer ul li {
    list-style: none;
    margin-bottom: 12px
}

.re__footer .re__input--md.re__input-btn-icon-right--md::before {
    width: 32px;
    height: 32px;
    padding: 8px;
    line-height: 16px
}

.re__width-full {
    width: 100%
}

.re__cell_divider {
    border-top: 1px solid #cccccc;
    margin-bottom: 24px;
    opacity: 1
}

.re__branch-show {
    margin-bottom: 16px
}

.re__branch-show .re__icon-chevron-down--sm {
    margin-right: 8px;
    font-size: 16px
}

.re__branch-show .re__icon-chevron-right--sm {
    margin-right: 8px;
    font-size: 16px;
    vertical-align: text-bottom
}

.re__branch-show span {
    cursor: pointer;
    color: #2C2C2C
}

.re__branch-show .re__icon-chevron-down {
    margin-right: 8px;
    font-size: 16px
}

.re__branch,
.re__branch .re__typo-expressive--sm,
.re__branch .re__typo-body--sm {
    color: #505050
}

.re__branch {
    margin-bottom: 15px
}

@media only screen and (max-width: 1024px) {
    .re__branch {
        display: none
    }
}

.re__right-fix {
    float: right
}

.re__right-fix>a {
    display: inline-block
}

.re__right-fix>a i span {
    font-family: "font-icon-bds" !important;
    font-size: 24px;
    line-height: 1
}

.re__right-fix>a i:nth-child(2) {
    display: none
}

.re__right-fix>a:hover i:nth-child(1) {
    display: none
}

.re__right-fix>a:hover i:nth-child(2) {
    display: inline
}

.re__bottom-footer {
    width: 100%;
    margin-bottom: 24px
}

.re__bottom-footer .re__typo-body--sm {
    color: #505050
}

.re__bottom-footer .re__col--lg-8 {
    padding: 0
}

.re__bottom-footer .re__col--lg-8 .re__col--left {
    float: left;
    width: 443px
}

.re__bottom-footer .re__col--lg-8 .re__col--left>a {
    color: #505050;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__bottom-footer .re__col--lg-8 .re__col--right {
    float: left;
    width: calc(100% - 443px);
    margin-top: 24px;
    padding-left: 32px
}

.re__padding--0 {
    padding: 0
}

.re__padding-right--0 {
    padding-right: 0
}

.re__padding-left--0 {
    padding-left: 0
}

.re__list-international .re__select--sm {
    float: left;
    width: 163px
}

.re__list-international .re__select--sm {
    float: left;
    width: 163px;
    margin-right: 8px
}

.re__list-international .re__btn-se-border--md {
    float: left;
    width: 84px
}

.re__branch-tablet-none {
    display: none
}

.re__branch-tablet-web {
    display: block
}

.re__bottom-footer .re__col--lg-4 {
    margin-top: 24px
}

.re__bottom-footer .re__col--lg-4>a {
    display: inline-block;
    line-height: 54px
}

.re__bottom-footer .re__col--lg-4>div a i {
    line-height: 54px
}

.re__footer .re__display-inline-block .re__typo-expressive--md,
.re__footer .re__display-inline-block .re__display-flex {
    color: #2C2C2C
}

.re__footer .re__display-inline-block .re__typo-expressive--md i,
.re__footer .re__display-inline-block .re__display-flex i {
    color: #2C2C2C
}

.re__footer .re__display-inline-block .re__typo-expressive--md i::before,
.re__footer .re__display-inline-block .re__display-flex i::before {
    color: #2C2C2C
}

.re__footer .re__col--lg-8 .re__link .re__title {
    color: #2C2C2C
}

.re__footer .re__col--lg-8 .re__col--footer-mail .re__typo-expressive--md,
.re__footer .re__col--lg-8 .re__footer-international .re__typo-expressive--md {
    color: #2C2C2C
}

.re__footer .re__col--lg-8 .re__col--footer-mail .re__list-international span,
.re__footer .re__col--lg-8 .re__footer-international .re__list-international span {
    color: #2C2C2C
}

.re__footer .re__col--lg-8 .re__col--footer-mail .re__list-international .re__filter-label .select-text::before,
.re__footer .re__col--lg-8 .re__col--footer-mail .re__list-international .re__filter-label .select-text::after,
.re__footer .re__col--lg-8 .re__col--footer-mail .re__list-international .re__filter-label .select-text span,
.re__footer .re__col--lg-8 .re__footer-international .re__list-international .re__filter-label .select-text::before,
.re__footer .re__col--lg-8 .re__footer-international .re__list-international .re__filter-label .select-text::after,
.re__footer .re__col--lg-8 .re__footer-international .re__list-international .re__filter-label .select-text span {
    color: #2C2C2C
}

.re__footer .re__col--lg-8 .re__col--footer-mail .re__list-international .re__btn:active span,
.re__footer .re__col--lg-8 .re__footer-international .re__list-international .re__btn:active span {
    color: #fff
}

.re__footer .re__col--lg-8 .re__col--footer-mail .re__icon-image,
.re__footer .re__col--lg-8 .re__footer-international .re__icon-image {
    position: absolute
}

@media (min-width: 1025px) and (max-width: 1135px) {
    .re__col-hotline .re__col--lg-3 {
        width: 24%;
        float: left;
        padding: 0
    }

    .re__col-hotline .re__col--lg-4,
    .re__col-hotline .re__col--lg-5 {
        width: 38%;
        float: left;
        padding: 0
    }

    .re__branch-tablet .re__col--lg-4 {
        width: calc(33.33% - 10px);
        float: left;
        padding-right: 10px
    }
}

@media (max-width: 1024px) {
    .re__footer .lazyloaded {
        width: 140px
    }

    .re__container--lg {
        padding: 0 32px
    }

    .re__col-hotline .re__col--lg-3 {
        width: 24%;
        float: left;
        padding: 0
    }

    .re__col-hotline .re__col--lg-4,
    .re__col-hotline .re__col--lg-5 {
        width: 38%;
        float: left;
        padding: 0
    }

    .re__link-tablet {
        display: inline-block;
        width: 100%
    }

    .re__branch-tablet-web {
        display: none
    }

    .re__branch-tablet,
    .re__none_tablet {
        display: none
    }

    .re__footer .re__list-international .re__filter-label.select-text::before {
        top: 12px;
        font-size: 24px
    }

    .re__link-tablet ul {
        padding-left: 0
    }

    .re__cell_divider {
        display: none
    }

    .re__border-tablet {
        border-top: 1px solid #cccccc;
        padding: 24px 0px
    }

    .re__bottom-footer {
        margin-bottom: 0px
    }

    .re__bottom-footer .re__col--lg-8 .re__col--left,
    .re__bottom-footer .re__col--lg-8 .re__col--right {
        width: 100%;
        display: inline-block
    }

    .re__bottom-footer .re__col--lg-8 .re__col--right {
        padding-left: 0;
        margin-bottom: 16px
    }

    .re__hotline i {
        width: 100%;
        margin-bottom: 12px
    }

    .re__mg-top--40 .re__mg-right--17 {
        margin-right: 32px
    }

    .re__footer-logo {
        width: 100%;
        display: inline-block
    }

    .re__footer-logo img {
        height: 68px;
        width: 226.66px
    }

    .re__list-international .re__select--sm {
        float: left;
        width: 163px;
        color: #999;
        background: #fff;
        border: 1px solid #ccc;
        box-sizing: border-box;
        flex: none;
        overflow: hidden;
        position: relative;
        border-radius: 8px
    }

    .re__list-international .re__select--sm .re__filter-label span {
        display: inline-block;
        padding: 14px 36px 14px 16px;
        padding-left: 42px
    }

    .re__list-international .re__select--sm .re__filter-label::after {
        font-size: 20px;
        width: 24px;
        line-height: 24px;
        text-align: center;
        top: 12px;
        right: 12px
    }

    .re__footer .re__link .re__title {
        position: relative;
        color: #2c2c2c;
        text-transform: uppercase;
        border-bottom: 1px solid #cccccc;
        padding: 14px 0px;
        cursor: pointer
    }

    .re__footer .re__link .re__title:after {
        font-family: "font-icon-bds";
        content: "";
        font-size: 16px;
        line-height: 20px;
        color: #2c2c2c;
        position: absolute;
        right: 0px
    }

    .re__footer .re__link ul li {
        text-align: left;
        list-style: none
    }

    .re__footer .re__link ul ul li {
        border: 0;
        padding: 0;
        margin-bottom: 12px
    }

    .re__footer .re__link ul li .re__title {
        display: inline-block
    }

    .re__footer .re__link ul li a {
        line-height: 20px;
        color: #505050
    }

    .re__link-tablet .re__col--lg-3 {
        width: 100%;
        display: inline-block
    }

    .re__branch-tablet-none {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        margin-bottom: 16px
    }

    .re__branch-tablet-none .re__title>span {
        text-transform: initial;
        pointer-events: none
    }

    .re__title.re__typo-expressive--md.re__hidden-content-icon::after {
        content: ""
    }

    .re__branch {
        margin-top: 8px
    }

    .re__footer .re__btn.re__btn-se-border--sm {
        float: left;
        width: 84px;
        font-size: 14px;
        line-height: 20px;
        padding: 13px 15px;
        border-radius: 8px
    }

    .re__footer .re__btn.re__btn-icon-left--sm i {
        float: left;
        line-height: unset;
        font-size: 24px !important;
        padding-left: 1.25px;
        padding-right: 8.25px
    }

    .re__col--footer-mail {
        width: 50%;
        float: left;
        padding-right: 15px
    }

    .re__footer-international {
        padding-left: 15px;
        width: 50%;
        float: left
    }
}

.modal-content .newsletter-register .re__popup-header {
    margin-right: 0px
}

.modal-content .newsletter-register .re__popup-header .logo a img {
    height: 56px;
    margin-right: 0px;
    margin-bottom: 11px;
    margin-top: 10px
}

.re__mobile-version {
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    padding: 8px 0
}

.re__mobile-version>.re__container--lg {
    line-height: 24px;
    display: block
}

.re__mobile-version i {
    display: block;
    float: left;
    margin: 4px 8px 4px 0
}

.re__mobile-version span {
    color: #2C2C2C;
    display: block;
    line-height: 24px !important
}

.re__mobile-version-margin {
    margin-bottom: 80px
}

#gototop.re__mobile-version-margin {
    margin-bottom: 165px
}

.re__icon-facebook--lg::before {
    color: #505050
}

.re__qr-code {
    border-radius: 12px;
    background-color: #fff;
    padding: 8px;
    width: 90px;
    height: 90px
}

.re__form-popup-background {
    position: fixed;
    top: 50px;
    left: 0px;
    right: 0px;
    width: 434px;
    z-index: 2147483646;
    height: 100%;
    margin: auto
}

.re__form-popup-background.re__frame-popup {
    width: 800px
}

.re__form-popup-background.re__frame-popup .re__form-popup {
    width: 800px;
    padding: 0;
    border-radius: 8px
}

.re__form-popup-background.re__frame-popup .re__form-popup .re__form-popup-content {
    height: 700px
}

.re__form-popup-background.re__frame-popup .re__form-popup iframe {
    max-width: 800px;
    border-radius: 8px;
    border: 0
}

.re__form-popup-background.re__frame-popup .re__form-popup .re__popup-close {
    position: absolute;
    top: 16px;
    right: 24px;
    display: inline-block;
    cursor: pointer
}

.re__form-popup-background.re__frame-popup .re__form-popup .re__popup-close .re__icon-close-no-circle {
    color: #999
}

@media only screen and (max-width: 936px) {
    .re__form-popup-background.re__frame-popup {
        width: 640px
    }

    .re__form-popup-background.re__frame-popup .re__form-popup {
        width: 640px
    }

    .re__form-popup-background.re__frame-popup .re__form-popup .re__form-popup-content {
        height: 760px
    }

    .re__form-popup-background.re__frame-popup .re__form-popup iframe {
        max-width: 640px
    }
}

.re__form-popup-background .re__form-popup {
    width: 434px;
    padding: 32px;
    border-radius: 16px;
    background: #fff;
    margin: auto;
    box-sizing: border-box
}

.re__form-popup-background .re__form-popup .re__form-popup-content .re__form-popup-header {
    margin-bottom: 24px
}

.re__form-popup-background .re__form-popup .re__form-popup-content .re__form-popup-header>h1 {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    float: left;
    color: #2C2C2C
}

.re__form-popup-background .re__form-popup .re__form-popup-content .re__form-popup-header>i {
    margin: 2px 0px;
    float: right;
    cursor: pointer
}

.re__form-popup-background .re__form-popup .re__form-popup-content .re__form-popup-header>i::before {
    color: #999
}

.re__form-popup-background .re__form-popup .re__form-popup-content .re__form-popup-footer {
    margin-top: 32px;
    text-align: center;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.re__form-popup-background .re__email-unlock-popup {
    width: 334px;
    padding: 16px 24px 16px 24px;
    border-radius: 16px;
    background: #fff;
    margin: auto;
    box-sizing: border-box
}

.re__form-popup-background .re__email-unlock-popup .re__form-popup-content .re__form-popup-header {
    margin-bottom: 12px
}

.re__form-popup-background .re__email-unlock-popup .re__form-popup-content .re__form-popup-header>i {
    margin: 2px 0px;
    float: right;
    cursor: pointer
}

.re__form-popup-background .re__email-unlock-popup .re__form-popup-content .re__form-popup-header>i::before {
    color: #999
}

.re__form-popup-background .re__email-unlock-popup .re__form-popup-content .re__form-popup-body .re__message-icon {
    text-align: center
}

.re__form-popup-background .re__email-unlock-popup .re__form-popup-content .re__form-popup-body .re__message-title {
    text-align: center;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.re__form-popup-background .re__email-unlock-popup .re__form-popup-content .re__form-popup-body .re__message-detail {
    text-align: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.re__form-popup-background .re__email-unlock-popup .re__form-popup-content .re__form-popup-body .re__btn {
    width: 100%;
    margin-top: 24px
}

.re__form-popup-background .re__email-unlock-popup .re__form-popup-content .re__form-popup-footer {
    margin-top: 32px;
    text-align: center;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.modal-content.new2021 {
    border-radius: 8px;
    box-shadow: none !important
}

.modal-content.new2021 .modal-header {
    background-color: #fff;
    border-color: #F2F2F2;
    margin: 8px 0 0;
    padding: 8px 24px 16px;
    height: auto;
    width: auto;
    border-bottom: 1px solid #F2F2F2
}

.modal-content.new2021 .modal-header .title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    padding: 0px;
    text-align: left;
    text-transform: initial
}

.modal-content.new2021 .modal-header .close {
    background: none !important;
    font-family: "font-icon-bds" !important;
    color: #999;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    right: 24px;
    top: 16px;
    height: 24px;
    width: 24px;
    position: absolute
}

.modal-content.new2021 .modal-header .close::before {
    content: "" !important
}

.modal-content.new2021 .modal-header .close:hover {
    color: #505050
}

.modal-content.new2021 .modal-header .close:active {
    color: #2C2C2C
}

.modal-content.new2021 .modal-header-with-image {
    background-color: #fff;
    border-color: #F2F2F2;
    height: auto;
    width: auto;
    border-radius: 8px 8px 0px 0px
}

.modal-content.new2021 .modal-header-with-image .title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    padding: 0px;
    text-align: left;
    text-transform: initial
}

.modal-content.new2021 .modal-header-with-image .close {
    background: none !important;
    font-family: "font-icon-bds" !important;
    color: #999;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    right: 24px;
    top: 16px;
    height: 24px;
    width: 24px;
    position: absolute
}

.modal-content.new2021 .modal-header-with-image .close::before {
    content: "" !important
}

.modal-content.new2021 .modal-header-with-image .close:hover {
    color: #505050
}

.modal-content.new2021 .modal-header-with-image .close:active {
    color: #2C2C2C
}

.modal-content.new2021 .modal-body .re__feature-web-popup {
    overflow-y: auto;
    max-height: calc(80vh - 184px)
}

.modal-content.new2021 .modal-body .re__feature-web-popup .alert-text {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C !important;
    margin-bottom: 0px
}

.modal-content.new2021 .modal-body .re__feature-web-popup .p-bold {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.modal-content.new2021 .modal-body .re__feature-web-popup .p-medium {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050 !important;
    margin-bottom: 0px !important;
    margin-top: 6px
}

.modal-content.new2021 .modal-body .re__feature-web-popup .p-info-medium {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050 !important;
    margin-bottom: 0px !important;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.modal-content.new2021 .modal-body .re__feature-web-popup .p-small {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    margin-top: -8px;
    margin-bottom: 0px !important;
    color: #505050 !important
}

.modal-content.new2021 .modal-body .re__feature-web-popup .re__google-one-tap-group {
    margin-top: 12px
}

.modal-content.new2021 .modal-body .re__feature-web-popup .re__google-one-tap-group .popup-loading {
    text-align: center;
    display: none
}

.modal-content.new2021 .modal-body .re__feature-web-popup .re__google-one-tap-group .img-loading {
    width: 60px
}

.modal-content.new2021 .modal-body .re__feature-web-popup .re__google-one-tap-group .login_button_google {
    position: fixed;
    left: 50px;
    top: 212px
}

.modal-content.new2021 .modal-body .re__feature-web-popup .popup-login {
    position: fixed;
    bottom: 24px;
    width: calc(100% - 48px);
    text-align: center !important
}

.modal-content.new2021 .modal-body .re__feature-web-popup .popup-login .login-link {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.modal-content.new2021 .modal-body .re__feature-web-popup::-webkit-scrollbar {
    width: 6px
}

.modal-content.new2021 .modal-body .re__feature-web-popup::-webkit-scrollbar-track {
    background: #fff
}

.modal-content.new2021 .modal-body .re__feature-web-popup::-webkit-scrollbar-thumb {
    background: #F2F2F2
}

.modal-content.new2021 .modal-body .re__feature-web-popup::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.modal-content.new2021 .form-horizontal {
    padding: 16px 24px
}

.modal-content.new2021 .form-horizontal .re__form-group {
    margin-bottom: 16px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colleft {
    float: left;
    width: 132px;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    padding: 6px 0px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__red {
    color: #E03C31
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright {
    float: left;
    width: calc(100% - 148px);
    padding-left: 16px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__contact-result {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__input-code {
    width: calc(100% - 140px);
    display: inline-block;
    float: left
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__input-code .re__captcha {
    width: 100px;
    height: 30px;
    float: left;
    margin: 9px 0 9px 9px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__input-code #reloadCaptchaRegister {
    margin-left: 7px;
    margin-top: 7px;
    float: left;
    cursor: pointer
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright input {
    box-sizing: border-box !important;
    height: auto !important
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright input.input-error-field {
    border-color: #E03C31
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__input--md input {
    height: 48px !important
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__textarea--sm textarea {
    height: 100px !important
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright textarea {
    box-sizing: border-box !important
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright textarea.input-error-field {
    border-color: #E03C31
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright.re__count-textarea {
    position: relative;
    min-height: 124px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright.re__count-textarea #content_length {
    position: absolute;
    right: 0px;
    bottom: 0px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright #content_length {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    margin-bottom: 0px;
    text-align: right;
    display: block;
    margin-top: 8px;
    margin-bottom: 0px !important;
    font-size: 12px !important;
    color: #505050
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__label-checkbox {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding-bottom: 8px;
    display: block;
    overflow: hidden
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__label-checkbox span {
    float: left;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    line-height: 24px;
    color: #2C2C2C
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__label-checkbox input[type="checkbox"] {
    display: none
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__label-checkbox input[type="checkbox"]+*::before {
    content: "" !important;
    font-family: "font-icon-bds";
    color: #ccc;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    float: left;
    margin-right: 8px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__label-checkbox input[type="checkbox"]:checked+*::before {
    content: "" !important;
    font-family: "font-icon-bds";
    color: #2C2C2C;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    float: left;
    margin-right: 8px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__label-checkbox input[type="checkbox"]+* {
    display: flex
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__label-checkbox:last-child {
    padding-bottom: 0px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__label-checkbox:first-child {
    padding-top: 0px
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__tab-box-group {
    width: 100%;
    overflow: hidden
}

.modal-content.new2021 .form-horizontal .re__form-group .re__colright .re__tab-box-group .re__tab-box--sm {
    width: 50%;
    box-sizing: border-box !important;
    text-align: center
}

.modal-content.new2021 .form-horizontal .re__form-group #secodeRegister {
    width: 100px;
    height: 32px;
    float: left;
    margin-left: 10px
}

.modal-content.new2021 .form-horizontal .re__form-group #reloadCaptchaRegister {
    margin-left: 6px;
    margin-top: 4px;
    float: left;
    cursor: pointer;
    height: 24px;
    width: 24px;
    font-size: 24px !important
}

.modal-content.new2021 .form-horizontal .re__form-group #reloadCaptchaRegister i {
    font-size: 24px !important
}

.modal-content.new2021 .form-horizontal .re__form-group.re__end {
    margin-bottom: 1px
}

.modal-content.new2021 .form-horizontal .re__form-group.re__separate {
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 24px;
    padding-bottom: 24px
}

.modal-content.new2021 .form-horizontal .re__form-group.re__p-footer {
    position: fixed;
    right: 0px;
    bottom: 0px;
    text-align: right;
    padding: 0px 24px;
    width: 100%;
    margin-bottom: 24px
}

.modal-content.new2021 .form-horizontal .re__form-group.re__p-footer .re__btn {
    margin-bottom: 0px !important
}

.modal-content.new2021 .form-horizontal .re__form-group.re__p-footer-col-2 {
    text-align: right;
    width: calc(100% - 24px);
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: -38px
}

.modal-content.new2021 .form-horizontal .re__form-group.re__p-footer-col-2 .first-col {
    width: calc(50% - 8px);
    float: left
}

.modal-content.new2021 .form-horizontal .re__form-group.re__p-footer-col-2 .second-col {
    width: calc(50% - 8px);
    float: right
}

.modal-content.new2021 .form-horizontal .re__form-group.re__p-footer-col-2 .second-col .unsubscribe_submit_loading {
    right: 0px;
    left: auto
}

.modal-content.new2021 .form-horizontal .re__form-group.re__p-footer-col-2 .second-col .btn-loading {
    width: calc(50% - 8px)
}

.modal-content.new2021 .form-horizontal .re__form-group.re__p-footer-col-2 .re__btn {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    width: 100%;
    box-sizing: border-box !important;
    margin-bottom: 0px !important
}

.modal-content.new2021 .form-horizontal .re__form-group.re__text-left .re__colright {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.modal-content.new2021 .form-horizontal .re__form-group .field-validation-error,
.modal-content.new2021 .form-horizontal .re__form-group .error-message {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31
}

.modal-content.new2021 .form-horizontal .re__form-group .field-validation-error span,
.modal-content.new2021 .form-horizontal .re__form-group .error-message span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31
}

.modal-content.new2021 .form-horizontal .re__form-group .error-message {
    padding-top: 0px
}

.modal-content.new2021 .form-horizontal .re__form-group .grecaptcha-badge {
    right: -1500% !important
}

.modal-content.new2021 .form-horizontal .re__col-1 .re__colright {
    width: 100%;
    padding: 0px
}

.modal-content.new2021 .form-horizontal .re__col-1 .re__colright .re__label--md {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    margin-top: 0px;
    margin-bottom: 8px;
    color: #2C2C2C
}

.modal-content.new2021 .form-horizontal .re__col-1 .re__colright .re__label--md.re__title {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    min-height: 24px
}

.modal-content.new2021 .form-horizontal .re__col-1 .re__colright .re__label--md.re__header-title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 16px
}

.modal-content.new2021 .form-horizontal .re__col-1 .re__colright.re__2-col::after {
    content: "";
    clear: both;
    display: block
}

.modal-content.new2021 .form-horizontal .re__col-1 .re__colright.re__2-col .re__first-col {
    width: calc(50% - 8px);
    float: left
}

.modal-content.new2021 .form-horizontal .re__col-1 .re__colright.re__2-col .re__second-col {
    width: calc(50% - 8px);
    float: right
}

.modal-content.new2021 .form-horizontal .re__col-1 .re__tab-map {
    display: none
}

.modal-content.new2021 .form-horizontal .re__col-1#popup_feedback .re__colright .re__label--md.re__title {
    margin-top: 8px
}

.modal-content.new2021 .modal-footer {
    height: 80px
}

.modal-content.new2021 .modal-footer.shadow {
    box-shadow: 0px -2px 2px 0px rgba(203, 203, 203, 0.25)
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__form-group .re__pl-popup-message {
    margin-top: 16px
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__form-group .search_info {
    text-align: left;
    padding-bottom: 1.5rem
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__form-group .subscribe_icon {
    color: #505050;
    vertical-align: middle;
    Min-width: 24px;
    display: inline-block;
    margin-top: 6px
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__form-group .subscribe_text {
    vertical-align: middle
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__form-group .subscribe_email {
    color: #007C80
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__form-group .subscribe_location {
    padding-left: 2px
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__form-group .email_info {
    padding-top: 1rem
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .subscribe-info-footer {
    margin-top: -16px
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__p-footer {
    position: fixed;
    right: 0px;
    bottom: 0px;
    text-align: right;
    padding: 0px 24px;
    width: 100%;
    overflow: hidden
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__p-footer .first-col {
    width: calc(50% - 8px);
    float: left
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__p-footer .second-col {
    width: calc(50% - 8px);
    float: right
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__p-footer .second-col .btn-loading {
    width: calc(50% - 8px)
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 .re__p-footer .re__btn {
    width: 100%;
    box-sizing: border-box !important;
    margin-bottom: 0px !important;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 textarea {
    min-height: 68px;
    height: 68px
}

.modal-content.new2021.form-col-1 .form-horizontal .re__col-1 textarea#txtSenderContent {
    min-height: 84px;
    height: 84px
}

.modal-content.new2021.form-col-1 .modal-footer {
    height: 88px
}

.modal-content.new2021.form-col-1.static .modal-header {
    border-bottom: 0px !important
}

.modal-content.new2021.form-col-1.static .modal-header .title {
    min-height: 20px
}

.modal-content.new2021.form-col-1.static .modal-header .close {
    background: none !important;
    font-family: "font-icon-bds" !important;
    color: #999;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    right: 24px;
    top: 16px;
    height: 24px;
    width: 24px;
    position: absolute
}

.modal-content.new2021.form-col-1.static .modal-header .close::before {
    content: "" !important
}

.modal-content.new2021.form-col-1.static .modal-header .close:hover {
    color: #505050
}

.modal-content.new2021.form-col-1.static .modal-header .close:active {
    color: #2C2C2C
}

.modal-content.new2021.form-col-1.static .form-horizontal {
    padding: 8px 24px
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body {
    text-align: center
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body .sending_img {
    height: 130px
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body .sending_code {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 4px
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body .sending_msg {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body .subscribe_icon {
    color: #505050;
    vertical-align: middle;
    Min-width: 24px;
    display: inline-block;
    margin-top: 6px
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body .subscribe_text {
    vertical-align: middle
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body .subscribe_email {
    color: #007C80
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body .subscribe_location {
    padding-left: 2px
}

.modal-content.new2021.form-col-1.static .form-horizontal .modal-body .subscribe-info-footer {
    margin-top: -16px
}

.modal-content.new2021.form-col-1.static .modal-footer {
    height: auto;
    padding: 24px
}

.modal-content.new2021.form-col-1.static .modal-footer .re__btn {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    width: 100%;
    margin-bottom: 0px !important;
    box-sizing: border-box !important
}

.modal-content.new2021.form-col-1.confirm .modal-header {
    border-bottom: 0px !important
}

.modal-content.new2021.form-col-1.confirm .modal-header .title {
    min-height: 20px
}

.modal-content.new2021.form-col-1.confirm .modal-header .close {
    ackground: none !important;
    font-family: "font-icon-bds" !important;
    color: #999;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    right: 24px;
    top: 16px;
    height: 24px;
    width: 24px;
    position: absolute
}

.modal-content.new2021.form-col-1.confirm .modal-header .close::before {
    content: "" !important
}

.modal-content.new2021.form-col-1.confirm .modal-header .close:hover {
    color: #505050
}

.modal-content.new2021.form-col-1.confirm .modal-header .close:active {
    color: #2C2C2C
}

.modal-content.new2021.form-col-1.confirm .form-horizontal {
    padding: 8px 24px
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .header {
    text-align: center
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .header .sending_img {
    height: 130px
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .header .sending_code {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 4px
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .header .sending_msg {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .subscribe_icon {
    color: #505050;
    vertical-align: middle;
    Min-width: 24px;
    display: inline-block;
    margin-top: 6px
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .subscribe_text {
    vertical-align: middle
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .subscribe_email {
    color: #007C80
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .subscribe_location {
    padding-left: 2px
}

.modal-content.new2021.form-col-1.confirm .form-horizontal .modal-body .email_info {
    padding-top: 1rem
}

.modal-content.new2021.form-col-1.confirm .modal-footer {
    height: auto;
    padding: 24px
}

.modal-content.new2021.form-col-1.confirm .modal-footer .re__btn {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    width: 40%;
    margin-bottom: 0px !important;
    box-sizing: border-box !important
}

.modal-content .modal-body .mCustomScrollbar {
    width: calc(100% + 20px)
}

.modal-content .modal-body .mCustomScrollbar .mCustomScrollBox {
    max-height: calc(80vh - 184px) !important
}

.modal-content .modal-body .mCustomScrollbar .mCustomScrollBox .mCSB_container {
    margin-right: 20px
}

.modal-content .modal-body .mCustomScrollbar .mCustomScrollBox .mCSB_container.mCS_no_scrollbar {
    margin-right: 20px
}

.modal-content .modal-body .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools {
    width: 8px
}

.modal-content .modal-body .mCustomScrollbar .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger_bar {
    margin-right: 0px;
    width: 4px
}

#static-dialog-backdrop {
    background-color: rgba(10, 13, 20, 0.4)
}

.re__static-popup-background {
    position: fixed;
    top: 50px;
    left: 0px;
    right: 0px;
    width: 464px;
    z-index: 2147483646;
    height: 100%;
    margin: auto;
    top: 456.5px !important;
    top: 231.5px !important;
    display: none
}

.re__static-popup-background .re__static-popup {
    width: 464px;
    border-radius: 8px;
    background: #fff;
    margin: auto;
    box-sizing: border-box
}

.re__static-popup-background .re__static-popup.re__show {
    display: block
}

.re__static-popup-background .re__static-popup .re__static-popup-header img {
    width: 100%
}

.re__static-popup-background .re__static-popup .re__static-popup-header .re__static-popup-header-close-btn {
    position: absolute;
    top: 20px;
    right: -15px
}

.re__static-popup-background .re__static-popup .re__static-popup-body {
    padding: 16px 24px
}

.re__static-popup-background .re__static-popup .re__static-popup-body p span {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__static-popup-background .re__static-popup .re__static-popup-footer {
    padding: 16px 24px;
    text-align: center;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.re__static-popup-background .re__static-popup .re__static-popup-footer .btn-save {
    width: 100%
}

.modal-content.listing-verify {
    border-radius: 8px;
    box-shadow: none !important
}

.modal-content.listing-verify .modal-header {
    background-color: #fff;
    border-color: #F2F2F2;
    margin: 8px 0 0;
    padding: 8px 24px 16px;
    height: auto;
    width: auto
}

.modal-content.listing-verify .modal-header .title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    padding: 0px;
    text-align: left;
    text-transform: initial
}

.modal-content.listing-verify .modal-header .close {
    background: none !important;
    font-family: "font-icon-bds" !important;
    color: #999;
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    right: 24px;
    top: 16px;
    height: 24px;
    width: 24px;
    position: absolute
}

.modal-content.listing-verify .modal-header .close::before {
    content: "" !important
}

.modal-content.listing-verify .modal-header .close:hover {
    color: #505050
}

.modal-content.listing-verify .modal-header .close:active {
    color: #2C2C2C
}

.modal-content.listing-verify .form-horizontal {
    padding: 24px 24px
}

.modal-content.listing-verify .modal-footer.shadow {
    box-shadow: 0px -2px 2px 0px rgba(203, 203, 203, 0.25)
}

.re__form-popup-body .re__login-form-body .re__form-login-form-password {
    margin-top: 16px;
    position: relative
}

.re__form-popup-body .re__login-form-body .re__form-login-form-password>i:nth-child(2) {
    display: block
}

.re__form-popup-body .re__login-form-body .re__form-login-form-password>i:nth-child(3) {
    display: none
}

.re__form-popup-body .re__login-form-body .re__form-login-form-password>.re__input--md>.re__input-icon-close {
    right: calc(12px + 24px + 8px)
}

.re__form-popup-body .re__login-form-body .re__form-login-form-password>i {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

.re__form-popup-body .re__login-form-body .re__form-login-form-password.re__shown-password>i:nth-child(2) {
    display: none
}

.re__form-popup-body .re__login-form-body .re__form-login-form-password.re__shown-password>i:nth-child(3) {
    display: block
}

.re__form-popup-body .re__login-form-body .re__other-errors {
    margin-top: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal !important;
    display: none;
    color: #E03C31;
    text-align: left
}

.re__form-popup-body .re__login-form-body .re__other-errors.re__show {
    display: block
}

.re__form-popup-body .re__login-form-body .re__other-second_errors {
    background-color: #FFF8E7;
    margin-top: 16px;
    padding-top: 12px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 12px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal !important;
    display: none;
    text-align: left;
    font-size: 12px;
    height: 104px;
    line-height: 16px
}

.re__form-popup-body .re__login-form-body .re__other-second_errors .send-email-unlock {
    line-height: 16px;
    font-size: 12px;
    color: #007C80;
    cursor: pointer
}

.re__form-popup-body .re__login-form-body .re__other-second_errors .send-email-unlock:hover {
    color: #009BA1
}

.re__form-popup-body .re__login-form-body .re__other-second_errors.re__show {
    display: block
}

.re__form-popup-body .re__login-form-body .re__other-second_errors b {
    line-height: 16px;
    font-size: 12px
}

.re__form-popup-body .re__login-form-body .re__other-second_errors .text-content {
    float: left;
    width: 306px;
    font-size: 12px;
    line-height: 16px
}

.re__form-popup-body .re__login-form-body .re__btn {
    width: 100%;
    margin-top: 24px
}

.re__form-popup-body .re__login-form-body .re__btn.re__form-login-social-btn-facebook,
.re__form-popup-body .re__login-form-body .re__btn.re__form-login-social-btn-google,
.re__form-popup-body .re__login-form-body .re__btn.re__choose-account-type-btn {
    float: left;
    width: calc((100% / 2) - (16px / 2));
    box-sizing: border-box;
    margin-top: 16px
}

.re__form-popup-body .re__login-form-body .re__btn.re__form-login-social-btn-facebook {
    margin-right: 16px
}

.re__form-popup-body .re__login-form-body .re__btn.re__form-login-social-btn-facebook>i {
    margin-left: calc(41.5px - 15px)
}

.re__form-popup-body .re__login-form-body .re__btn.re__form-login-social-btn-google>i {
    margin-left: calc(49px - 15px)
}

.re__form-popup-body .re__login-form-body .re__btn.re__form-login-social-btn-google .re__icon-google {
    width: 24px;
    height: 24px;
    position: relative
}

.re__form-popup-body .re__login-form-body .re__btn.re__form-login-social-btn-google .re__icon-google>span {
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 24px
}

.re__form-popup-body .re__login-form-body .re__btn.re__form-login-social-btn-google .re__icon-google>span::before {
    margin: 0px
}

.re__form-popup-body .re__login-form-body .re__btn.re__choose-account-type-btn:nth-child(2) {
    margin-right: 16px
}

.re__form-popup-body .re__login-form-body .re__form-login-helper {
    margin-top: 16px
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember {
    float: left;
    cursor: pointer
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember>i:nth-child(1) {
    display: block;
    color: #ccc
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember>i:nth-child(2) {
    display: none
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember.re__checked>i:nth-child(1) {
    display: none
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember.re__checked>i:nth-child(2) {
    display: block;
    position: relative
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember>i {
    float: left;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    position: relative
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember>i>span {
    position: absolute;
    top: 3px;
    left: 0px
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember>i>span::before {
    margin: 0px
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-remember>span {
    float: left;
    margin: 2px 0px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__form-popup-body .re__login-form-body .re__form-login-helper .re__form-login-helper-forget-password>a {
    float: right;
    margin: 2px 0px;
    cursor: pointer
}

.re__form-popup-body .re__login-form-body .re__form-login-social-title {
    margin-top: 16px;
    text-align: center;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    padding-top: calc((24px - 16px) / 2);
    padding-bottom: calc((24px - 16px) / 2);
    position: relative;
    color: #999
}

.re__form-popup-body .re__login-form-body .re__form-login-social-title::before,
.re__form-popup-body .re__login-form-body .re__form-login-social-title::after {
    content: "";
    position: absolute;
    width: 45%;
    height: 1px;
    top: calc(50% - 0.5px);
    background: #f2f2f2
}

.re__form-popup-body .re__login-form-body .re__form-login-social-title::before {
    left: 0px
}

.re__form-popup-body .re__login-form-body .re__form-login-social-title::after {
    right: 0px
}

.re__form-popup-body .re__login-form-body .re__message {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__form-popup-body .re__login-form-body .re__message>span {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__form-popup-body .re__forget-password-form-body .re__input--md:not(:nth-child(1)),
.re__form-popup-body .re__forget-password-form-body .re__btn:not(:nth-child(1)),
.re__form-popup-body .re__forget-password-form-body .re__captcha:not(:nth-child(1)),
.re__form-popup-body .re__forget-password-form-body .re__other-errors:not(:nth-child(1)) {
    margin-top: 16px
}

.re__form-popup-body .re__forget-password-form-body .re__label-press-email {
    margin-top: 24px;
    display: block;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__form-popup-body .re__forget-password-form-body .re__captcha .re__input--md,
.re__form-popup-body .re__forget-password-form-body .re__captcha .re__captcha-image {
    float: left;
    width: calc((100% / 2) - (16px / 2))
}

.re__form-popup-body .re__forget-password-form-body .re__captcha .re__input--md {
    margin-right: 16px
}

.re__form-popup-body .re__forget-password-form-body .re__captcha .re__captcha-image>img {
    float: left;
    margin-right: 16px;
    width: calc(100% - 24px - 16px);
    height: 48px;
    display: block
}

.re__form-popup-body .re__forget-password-form-body .re__captcha .re__captcha-image>.re__icon-refresh {
    float: left;
    margin: calc((48px - 24px) / 2) 0px;
    display: block;
    cursor: pointer
}

.re__form-popup-body .re__forget-password-form-body .re__other-errors {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal !important;
    display: none;
    color: #E03C31;
    text-align: center
}

.re__form-popup-body .re__forget-password-form-body .re__other-errors.re__show {
    display: block
}

.re__form-popup-body .re__forget-password-form-body .re__btn {
    width: 100%
}

.re__form-popup-body .re__forget-password-form-body .re__message {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__form-popup-body .re__forget-password-form-body .re__message>span {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__form-popup-body .re__forget-password-form-body .re__message>a {
    color: #E03C31;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__form-popup-body .re__register-form-body .re__input--md:not(:nth-child(1)),
.re__form-popup-body .re__register-form-body .re__select--md:not(:nth-child(1)),
.re__form-popup-body .re__register-form-body .re__btn:not(:nth-child(1)),
.re__form-popup-body .re__register-form-body .re__captcha:not(:nth-child(1)),
.re__form-popup-body .re__register-form-body .re__register-rule:not(:nth-child(1)),
.re__form-popup-body .re__register-form-body .re__account-type-radio:not(:nth-child(1)),
.re__form-popup-body .re__register-form-body .re__register-note:not(:nth-child(1)),
.re__form-popup-body .re__register-form-body .re__other-errors:not(:nth-child(1)) {
    margin-top: 16px
}

.re__form-popup-body .re__register-form-body .re__input--md.re__password,
.re__form-popup-body .re__register-form-body .re__input--md.re__confirm-password {
    float: left;
    width: calc((100% / 2) - (16px / 2))
}

.re__form-popup-body .re__register-form-body .re__input--md.re__password {
    margin-right: 16px
}

.re__form-popup-body .re__register-form-body .re__label-personal-infomation {
    margin-top: 24px;
    display: block;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__form-popup-body .re__register-form-body .re__gender-radio {
    margin-top: 24px
}

.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-man,
.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-woman {
    float: left;
    cursor: pointer
}

.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-man>i,
.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-man>span,
.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-woman>i,
.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-woman>span {
    float: left
}

.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-man>i,
.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-woman>i {
    margin-right: 8px
}

.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-man>span,
.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-woman>span {
    margin: 2px 0px;
    color: #2C2C2C;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__form-popup-body .re__register-form-body .re__gender-radio .re__gender-radio-man {
    margin-right: 47px
}

.re__form-popup-body .re__register-form-body .re__gender-radio>input {
    display: none
}

.re__form-popup-body .re__register-form-body .re__gender-radio.re__man .re__gender-radio-man>i:nth-child(1) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__gender-radio.re__man .re__gender-radio-man>i:nth-child(2) {
    display: block
}

.re__form-popup-body .re__register-form-body .re__gender-radio.re__man .re__gender-radio-woman>i:nth-child(1) {
    display: block;
    color: #ccc
}

.re__form-popup-body .re__register-form-body .re__gender-radio.re__man .re__gender-radio-woman>i:nth-child(2) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__gender-radio.re__woman .re__gender-radio-man>i:nth-child(1) {
    display: block;
    color: #ccc
}

.re__form-popup-body .re__register-form-body .re__gender-radio.re__woman .re__gender-radio-man>i:nth-child(2) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__gender-radio.re__woman .re__gender-radio-woman>i:nth-child(1) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__gender-radio.re__woman .re__gender-radio-woman>i:nth-child(2) {
    display: block
}

.re__form-popup-body .re__register-form-body .re__label-account-type {
    margin-top: 24px;
    display: block;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-personal,
.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-enterprise {
    float: left;
    cursor: pointer
}

.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-personal>i,
.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-personal>span,
.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-enterprise>i,
.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-enterprise>span {
    float: left
}

.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-personal>i,
.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-enterprise>i {
    margin-right: 8px
}

.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-personal>span,
.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-enterprise>span {
    margin: 2px 0px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__form-popup-body .re__register-form-body .re__account-type-radio .re__account-type-radio-personal {
    margin-right: 24px
}

.re__form-popup-body .re__register-form-body .re__account-type-radio>input {
    display: none
}

.re__form-popup-body .re__register-form-body .re__account-type-radio.re__personal .re__account-type-radio-personal>i:nth-child(1) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__account-type-radio.re__personal .re__account-type-radio-personal>i:nth-child(2) {
    display: block
}

.re__form-popup-body .re__register-form-body .re__account-type-radio.re__personal .re__account-type-radio-enterprise>i:nth-child(1) {
    display: block;
    color: #ccc
}

.re__form-popup-body .re__register-form-body .re__account-type-radio.re__personal .re__account-type-radio-enterprise>i:nth-child(2) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__account-type-radio.re__enterprise .re__account-type-radio-personal>i:nth-child(1) {
    display: block;
    color: #ccc
}

.re__form-popup-body .re__register-form-body .re__account-type-radio.re__enterprise .re__account-type-radio-personal>i:nth-child(2) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__account-type-radio.re__enterprise .re__account-type-radio-enterprise>i:nth-child(1) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__account-type-radio.re__enterprise .re__account-type-radio-enterprise>i:nth-child(2) {
    display: block
}

.re__form-popup-body .re__register-form-body .re__captcha .re__input--md,
.re__form-popup-body .re__register-form-body .re__captcha .re__captcha-image {
    float: left;
    width: calc((100% / 2) - (16px / 2))
}

.re__form-popup-body .re__register-form-body .re__captcha .re__input--md {
    margin-right: 16px
}

.re__form-popup-body .re__register-form-body .re__captcha .re__captcha-image>img {
    float: left;
    margin-right: 16px;
    width: calc(100% - 24px - 16px);
    height: 48px;
    display: block
}

.re__form-popup-body .re__register-form-body .re__captcha .re__captcha-image>.re__icon-refresh {
    float: left;
    margin: calc((48px - 24px) / 2) 0px;
    display: block;
    cursor: pointer
}

.re__form-popup-body .re__register-form-body .re__register-rule {
    cursor: pointer
}

.re__form-popup-body .re__register-form-body .re__register-rule>i:nth-child(1) {
    display: block;
    color: #ccc
}

.re__form-popup-body .re__register-form-body .re__register-rule>i:nth-child(2) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__register-rule.re__checked>i:nth-child(1) {
    display: none
}

.re__form-popup-body .re__register-form-body .re__register-rule.re__checked>i:nth-child(2) {
    display: block;
    margin-top: 3px
}

.re__form-popup-body .re__register-form-body .re__register-rule>i {
    float: left;
    margin-right: 4px;
    width: 24px;
    height: 24px;
    position: relative
}

.re__form-popup-body .re__register-form-body .re__register-rule>i>span {
    position: absolute;
    top: 0px;
    left: 0px
}

.re__form-popup-body .re__register-form-body .re__register-rule>i>span::before {
    margin: 0px
}

.re__form-popup-body .re__register-form-body .re__register-rule>span {
    float: left;
    margin-top: 2px;
    width: calc(100% - 24px - 4px);
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.re__form-popup-body .re__register-form-body .re__other-errors {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal !important;
    display: none;
    color: #E03C31;
    text-align: center
}

.re__form-popup-body .re__register-form-body .re__other-errors.re__show {
    display: block
}

.re__form-popup-body .re__register-form-body .re__btn {
    width: 100%
}

.re__form-popup-body .re__register-form-body .re__register-note,
.re__form-popup-body .re__register-form-body .re__success-message {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__form-popup-body .re__register-form-body .re__register-note>span,
.re__form-popup-body .re__register-form-body .re__success-message>span {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__form-popup-body .re__register-form-body .re__error-message .re__show-forget-password-popup {
    color: #2C2C2C;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__form-popup-body .re__register-form-body.mCustomScrollbar {
    margin-right: -32px;
    margin-top: -24px;
    margin-bottom: -24px;
    max-height: calc(80vh - 60px)
}

.re__form-popup-body .re__register-form-body.mCustomScrollbar .mCSB_container {
    padding-right: 30px;
    padding-top: 24px;
    padding-bottom: 24px
}

.re__footer-link {
    border-top: 1px solid #F2F2F2;
    padding-bottom: 32px;
    padding-top: 16px;
    margin-bottom: 0;
    margin-top: 16px;
    width: 100%
}

.re__footer-link>ul::after {
    content: "";
    clear: both;
    display: block
}

.re__footer-link>ul>li {
    display: block;
    float: left;
    width: calc((100% - 72px) / 4);
    margin-right: 24px;
    margin-bottom: 8px
}

.re__footer-link>ul>li>ul>li {
    margin-bottom: 8px
}

.re__footer-link>ul>li>ul>li:last-child {
    margin-bottom: 0
}

.re__footer-link>ul>li:nth-child(4n+4) {
    margin-right: 0
}

.re__footer-link>ul>li .re__footer-link-header {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 8px
}

.re__footer-link>ul a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.re__footer-link .content-box-link ul.content-link::after {
    content: "";
    clear: both;
    display: block
}

.re__footer-link .content-box-link ul.content-link>li {
    display: block;
    float: left;
    width: calc((100% - 72px) / 4);
    margin-right: 24px;
    margin-bottom: 8px
}

.re__footer-link .content-box-link ul.content-link>li>ul>li {
    margin-bottom: 8px
}

.re__footer-link .content-box-link ul.content-link>li>ul>li:last-child {
    margin-bottom: 0
}

.re__footer-link .content-box-link ul.content-link>li:nth-child(4n+4) {
    margin-right: 0
}

.re__footer-link .content-box-link ul.content-link>li .re__footer-link-header {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 8px
}

.re__footer-link .content-box-link ul.content-link a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.re__fb-fanpage {
    margin-bottom: 16px
}

.re__box-newsletter-mini {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 16px
}

.re__box-newsletter-mini .re__newsletter-title {
    display: inline-flex;
    margin-bottom: 8px
}

.re__box-newsletter-mini .re__newsletter-title>img {
    float: left;
    margin-right: 4px
}

.re__box-newsletter-mini .re__newsletter-title>span {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31;
    align-self: center
}

.re__box-newsletter-mini .re__newsletter-bound {
    width: 100%;
    position: relative;
    height: 30px
}

.re__box-newsletter-mini .re__newsletter-bound::after {
    content: "";
    clear: both;
    display: block
}

.re__box-newsletter-mini .re__newsletter-bound .re__btn {
    border-radius: 0px 4px 4px 0px;
    padding: 4px 11px
}

.re__box-newsletter-mini .re__newsletter-bound .re__input--sm {
    width: 142px;
    float: left;
    position: absolute
}

.re__box-newsletter-mini .re__newsletter-bound .re__input--sm>input {
    border-radius: 4px 0px 0px 4px;
    padding: 6px 12px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__box-newsletter-mini .re__newsletter-bound .re__btn {
    position: absolute;
    right: 0px
}

.re__custom-radio [type="radio"]:checked,
.re__custom-radio [type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0
}

.re__custom-radio [type="radio"]:checked+label,
.re__custom-radio [type="radio"]:not(:checked)+label {
    position: relative;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2C2C2C;
    padding-left: 20px
}

.re__custom-radio [type="radio"]:checked+label:before,
.re__custom-radio [type="radio"]:not(:checked)+label:before {
    font-family: "font-icon-bds";
    font-size: 16px;
    content: "";
    color: #ccc;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    position: absolute
}

.re__custom-radio [type="radio"]:checked+label:before {
    content: "" !important;
    color: #74150F
}

.re__custom-radio--md::after {
    content: "";
    clear: both;
    display: block
}

.re__custom-radio--md [type="radio"]:checked,
.re__custom-radio--md [type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0
}

.re__custom-radio--md [type="radio"]:checked+label,
.re__custom-radio--md [type="radio"]:not(:checked)+label {
    position: relative;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2C2C2C;
    padding-left: 32px
}

.re__custom-radio--md [type="radio"]:checked+label:before,
.re__custom-radio--md [type="radio"]:not(:checked)+label:before {
    font-family: "font-icon-bds";
    font-size: 24px;
    content: "" !important;
    color: #ccc;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    position: absolute;
    margin-right: 8px
}

.re__custom-radio--md [type="radio"]:checked+label:before {
    content: "" !important;
    color: #2C2C2C
}

.re__box-link-footer {
    width: 100%;
    display: block;
    margin: 0px auto;
    overflow: hidden;
    border-top: 1px solid #F2F2F2
}

.re__box-link-footer .cursor-default {
    cursor: default
}

.re__box-link-footer .link-hide {
    display: none
}

.re__box-link-footer .link-view {
    display: block
}

.re__box-link-footer .content-box-introduction {
    overflow: hidden
}

@media screen and (min-width: 1140px) {
    .re__box-link-footer .content-box-introduction {
        width: 1140px;
        margin: 40px auto
    }
}

@media screen and (max-width: 1139px) {
    .re__box-link-footer .content-box-introduction {
        width: calc(100% - 64px);
        margin: 32px auto 8px
    }
}

.re__box-link-footer .content-box-introduction .intro-item {
    overflow: hidden;
    width: calc((100% - 90px) / 4);
    float: left;
    padding: 0px 16px
}

.re__box-link-footer .content-box-introduction .intro-item:nth-child(4n+1) {
    margin-right: 30px
}

.re__box-link-footer .content-box-introduction .intro-item:nth-child(4n+3) {
    margin-left: 30px
}

.re__box-link-footer .content-box-introduction .intro-item:nth-child(4n) {
    float: right
}

@media screen and (max-width: 1139px) {
    .re__box-link-footer .content-box-introduction .intro-item {
        width: calc((100% - 30px) / 2);
        margin-bottom: 24px;
        clear: right
    }

    .re__box-link-footer .content-box-introduction .intro-item:nth-child(2n+1) {
        margin-right: 30px
    }

    .re__box-link-footer .content-box-introduction .intro-item:nth-child(2n) {
        float: right
    }

    .re__box-link-footer .content-box-introduction .intro-item:nth-child(4n+3) {
        margin-left: 0px
    }
}

.re__box-link-footer .content-box-introduction .intro-item .intro-img {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-bottom: 24px
}

.re__box-link-footer .content-box-introduction .intro-item .intro-img a img {
    width: 130px;
    height: 130px
}

.re__box-link-footer .content-box-introduction .intro-item .intro-title {
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-bottom: 8px;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C
}

.re__box-link-footer .content-box-introduction .intro-item .intro-desc {
    width: 100%;
    text-align: center;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.re__box-link-footer .content-box-award {
    background: #F2F2F2;
    overflow: hidden;
    width: 100%
}

.re__box-link-footer .content-box-award .content-award {
    text-align: center;
    margin: 32px auto 32px
}

@media screen and (min-width: 1140px) {
    .re__box-link-footer .content-box-award .content-award {
        width: 1140px
    }
}

.re__box-link-footer .content-box-award .content-award .award-item {
    width: auto;
    display: inline-block;
    margin-left: 64px
}

.re__box-link-footer .content-box-award .content-award .award-item a img {
    max-height: 56px
}

.re__box-link-footer .content-box-award .content-award .award-item:first-child {
    margin-left: 0px
}

@media screen and (max-width: 1023px) {
    .re__box-link-footer .content-box-award .content-award .award-item {
        margin-left: 32px
    }

    .re__box-link-footer .content-box-award .content-award .award-item:last-child {
        margin-bottom: 0px
    }

    .re__box-link-footer .content-box-award .content-award .award-item a img {
        max-height: 40px
    }
}

@media screen and (min-width: 1140px) {
    .re__box-link-footer .content-box-link {
        width: 1140px;
        margin: 40px auto 16px
    }
}

@media screen and (max-width: 1139px) {
    .re__box-link-footer .content-box-link {
        width: calc(100% - 64px);
        margin: 32px auto 8px
    }
}

.re__box-link-footer .content-box-link .content-title {
    overflow: hidden;
    margin-bottom: 20px
}

@media screen and (max-width: 1139px) {
    .re__box-link-footer .content-box-link .content-title {
        margin-bottom: 12px
    }
}

.re__box-link-footer .content-box-link .content-title p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    margin-bottom: 20px;
    color: #2C2C2C;
    display: none
}

.re__box-link-footer .content-box-link .content-title p:nth-child(1),
.re__box-link-footer .content-box-link .content-title p:nth-child(2) {
    display: block
}

.re__box-link-footer .content-box-link .content-title p .link-view {
    display: inline-block
}

.re__box-link-footer .content-box-link .content-title.active p {
    display: block
}

.re__box-link-footer .content-box-link .content-title.active p .link-view {
    display: none
}

.re__box-link-footer .content-box-link .content-title.active p .link-hide {
    display: inline-block
}

.re__box-link-footer .content-box-link .content-link {
    width: 100%;
    overflow: hidden
}

.re__box-link-footer .content-box-link .content-link .col-link {
    overflow: hidden;
    width: calc((100% - 90px) / 4);
    float: left;
    margin-bottom: 24px
}

.re__box-link-footer .content-box-link .content-link .col-link:nth-child(4n+1) {
    margin-right: 30px
}

.re__box-link-footer .content-box-link .content-link .col-link:nth-child(4n+3) {
    margin-left: 30px
}

.re__box-link-footer .content-box-link .content-link .col-link:nth-child(4n) {
    float: right
}

@media screen and (max-width: 1139px) {
    .re__box-link-footer .content-box-link .content-link .col-link {
        width: calc((100% - 30px) / 2);
        margin-bottom: 24px;
        clear: right
    }

    .re__box-link-footer .content-box-link .content-link .col-link:nth-child(2n+1) {
        margin-right: 30px
    }

    .re__box-link-footer .content-box-link .content-link .col-link:nth-child(2n) {
        float: right
    }

    .re__box-link-footer .content-box-link .content-link .col-link:nth-child(4n+3) {
        margin-left: 0px
    }
}

.re__box-link-footer .content-box-link .content-link .col-link .title-link {
    width: 100%;
    margin-bottom: 8px
}

.re__box-link-footer .content-box-link .content-link .col-link .title-link a {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li {
    width: 100%;
    margin-bottom: 8px
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li .sub-link-title {
    min-height: 20px;
    margin-bottom: 8px
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li .sub-link-title a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li .sub-link-title a i {
    font-family: "font-icon-bds" !important;
    color: #999;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    font-style: initial;
    margin-left: 4px
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li .sub-link-title a i::before {
    content: ""
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.lv1 {
    display: none
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.lv1:nth-child(1),
.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.lv1:nth-child(2),
.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.lv1:nth-child(3),
.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.lv1:nth-child(4),
.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.lv1:nth-child(5) {
    display: block
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li ul {
    padding-left: 8px;
    display: none
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li ul li a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    cursor: pointer
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.active .sub-link-title {
    margin-bottom: 8px
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.active .sub-link-title a i::before {
    content: ""
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link li.active ul {
    display: block
}

.re__box-link-footer .content-box-link .content-link .col-link .ul-link.ul-link-child li a {
    line-height: 22px
}

.re__box-link-footer .content-box-link .content-link .col-link .btn-view-hide {
    width: 100%
}

.re__box-link-footer .content-box-link .content-link .col-link.active .ul-link li.lv1 {
    display: block !important
}

.re__box-link-footer .content-box-link .content-link .col-link.active .btn-view-hide .link-view {
    display: none
}

.re__box-link-footer .content-box-link .content-link .col-link.active .btn-view-hide .link-hide {
    display: block
}

.re__box-link-footer .content-box-link .link-hide,
.re__box-link-footer .content-box-link .link-view {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__box-link-footer .content-box-link .link-hide.text,
.re__box-link-footer .content-box-link .link-view.text {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__banner-container:not(.re__banner-container-no-style) img {
    border: 1px solid #F2F2F2;
    box-sizing: content-box
}

.re__banner-container:not(.re__banner-container-no-style) iframe {
    border: 1px solid #F2F2F2;
    box-sizing: content-box
}

.re__banner-container:not(.re__banner-container-no-style) .ban_wide_scroll {
    overflow: inherit
}

.re__banner-container .re__home-square-banner {
    width: 250px;
    margin: 0 auto 24px auto
}

.re__banner-container .re__home-square-banner:last-child {
    margin-bottom: 0
}

.re__banner-container .re__home-middle-banner {
    margin-bottom: 40px
}

.re__banner-cover {
    background-repeat: no-repeat;
    background-position: center;
    background: #F2F2F2 url(/images/wildlife-nature-solo-adventure-vlogger-youtube-channel-banner-2-1062.png);
    background-size: cover;
    overflow: hidden;
}

.re__banner-cover img.lazyload {
    content: none
}

.re__banner-cover img.lazyloading {
    content: none
}

.re__master-head {
    width: 100%;
    height: 100%
}

#ban_wide_left {
    position: absolute
}

@media only screen and (min-width: 1545px) {
    #ban_wide_left {
        left: calc(50% - 1000px/ 2 - 160px - 30px) !important;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1544px) {
    #ban_wide_left {
        left: calc(50% - 1000px/ 2 - 160px - 30px) !important;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
    #ban_wide_left {
        left: calc(50% - 1000px/ 2 - 144px - 16px) !important;
        -webkit-transform: scale(.9);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.9);
        -moz-transform-origin: 0 0;
        -o-transform: scale(.9);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #ban_wide_left {
        left: calc(50% - 1000px/ 2 - 112px - 16px) !important;
        -webkit-transform: scale(.7);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(.7);
        -o-transform-origin: 0 0
    }
}

@media only screen and (max-width: 1279px) {
    #ban_wide_left {
        display: none !important
    }
}

#ban_wide_right {
    position: absolute
}

@media only screen and (min-width: 1545px) {
    #ban_wide_right {
        left: calc(50% + 1000px/ 2 + 30px) !important;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1544px) {
    #ban_wide_right {
        left: calc(50% + 1000px/ 2 + 30px) !important;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
    #ban_wide_right {
        left: calc(50% + 1000px/ 2 + 16px) !important;
        -webkit-transform: scale(.9);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.9);
        -moz-transform-origin: 0 0;
        -o-transform: scale(.9);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #ban_wide_right {
        left: calc(50% + 1000px/ 2 + 16px) !important;
        -webkit-transform: scale(.7);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(.7);
        -o-transform-origin: 0 0
    }
}

@media only screen and (max-width: 1279px) {
    #ban_wide_right {
        display: none !important
    }
}

.re__body-home #ban_wide_left {
    display: none !important
}

.re__body-home #ban_wide_right {
    display: none !important
}

.re__body-srp #ban_wide_left,
.re__body-ldp #ban_wide_left {
    position: absolute
}

@media only screen and (min-width: 1545px) {

    .re__body-srp #ban_wide_left,
    .re__body-ldp #ban_wide_left {
        left: calc(50% - 1140px/ 2 - 160px - 30px) !important;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1544px) {

    .re__body-srp #ban_wide_left,
    .re__body-ldp #ban_wide_left {
        left: calc(50% - 936px/ 2 - 160px - 30px) !important;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {

    .re__body-srp #ban_wide_left,
    .re__body-ldp #ban_wide_left {
        left: calc(50% - 936px/ 2 - 144px - 16px) !important;
        -webkit-transform: scale(.9);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.9);
        -moz-transform-origin: 0 0;
        -o-transform: scale(.9);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {

    .re__body-srp #ban_wide_left,
    .re__body-ldp #ban_wide_left {
        left: calc(50% - 936px/ 2 - 112px - 16px) !important;
        -webkit-transform: scale(.7);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(.7);
        -o-transform-origin: 0 0
    }
}

@media only screen and (max-width: 1279px) {

    .re__body-srp #ban_wide_left,
    .re__body-ldp #ban_wide_left {
        display: none !important
    }
}

.re__body-srp #ban_wide_right,
.re__body-ldp #ban_wide_right {
    position: absolute
}

@media only screen and (min-width: 1545px) {

    .re__body-srp #ban_wide_right,
    .re__body-ldp #ban_wide_right {
        left: calc(50% + 1140px/ 2 + 30px) !important;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1544px) {

    .re__body-srp #ban_wide_right,
    .re__body-ldp #ban_wide_right {
        left: calc(50% + 936px/ 2 + 30px) !important;
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {

    .re__body-srp #ban_wide_right,
    .re__body-ldp #ban_wide_right {
        left: calc(50% + 936px/ 2 + 16px) !important;
        -webkit-transform: scale(.9);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.9);
        -moz-transform-origin: 0 0;
        -o-transform: scale(.9);
        -o-transform-origin: 0 0
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {

    .re__body-srp #ban_wide_right,
    .re__body-ldp #ban_wide_right {
        left: calc(50% + 936px/ 2 + 16px) !important;
        -webkit-transform: scale(.7);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(.7);
        -moz-transform-origin: 0 0;
        -o-transform: scale(.7);
        -o-transform-origin: 0 0
    }
}

@media only screen and (max-width: 1279px) {

    .re__body-srp #ban_wide_right,
    .re__body-ldp #ban_wide_right {
        display: none !important
    }
}

@media (min-width: 2251px) and (max-width: 2560px) {

    .re__home__head__banner-container,
    .re__home__head__banner-container .swiper-container {
        height: 746px !important
    }
}

@media (min-width: 1921px) and (max-width: 2250px) {

    .re__home__head__banner-container,
    .re__home__head__banner-container .swiper-container {
        height: 650px !important
    }
}

@media print {

    #ban_wide_left,
    #ban_wide_right,
    ._hj_feedback_container,
    .re__live-chat-container {
        display: none !important
    }
}

.re__live-chat-container {
    position: fixed;
    display: block;
    right: 8px;
    top: calc(50% + 160px/ 2);
    width: 36px;
    height: 38px;
    background: rgba(0, 0, 0, 0.6) !important;
    border: 0px;
    color: #fff;
    padding: 4px 4px 0px;
    border-radius: 4px;
    z-index: 9
}

.re__live-chat-container>span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    display: block;
    margin-top: -2px
}

.re__live-chat-container>i.re__icon-message-pressed--sm {
    font-family: "font-icon-bds";
    font-size: 16px !important;
    line-height: 1 !important;
    display: inline-flex
}

.re__live-chat-container>i.re__icon-message-pressed--sm span {
    font-family: "font-icon-bds";
    font-size: 16px !important;
    line-height: 1 !important
}

.re__live-chat-container>i.re__icon-message-pressed--sm .path1:before {
    color: transparent
}

.re__live-chat-container>i.re__icon-message-pressed--sm .path2:before {
    color: #fff
}

.re__live-chat-container>i.re__icon-message-pressed--sm .path3:before {
    color: #fff
}

.re__live-chat-container>i.re__icon-message-pressed--sm .path4:before {
    color: #fff
}

.re__live-chat-container:hover {
    border: 0px
}

.re__live-chat-container:hover>i.re__icon-message-pressed--sm .path1:before {
    color: #fff
}

.re__live-chat-container:hover>i.re__icon-message-pressed--sm .path2:before {
    color: #fff
}

.re__live-chat-container:hover>i.re__icon-message-pressed--sm .path3:before {
    color: #000
}

.re__live-chat-container:hover>i.re__icon-message-pressed--sm .path4:before {
    color: #000
}

.re__live-chat-container.loading>i {
    margin-left: -10px
}

.re__live-chat-container.loading>i::before {
    content: " .";
    animation: loading-animate 1s steps(5, end) infinite
}

@keyframes loading-animate {

    0%,
    20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0)
    }

    40% {
        color: #fff;
        text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0)
    }

    60% {
        text-shadow: 0.25em 0 0 #fff, 0.5em 0 0 rgba(0, 0, 0, 0)
    }

    80%,
    100% {
        text-shadow: 0.25em 0 0 #fff, 0.5em 0 0 #fff
    }
}

.re__live-chat-container.loading>i span {
    display: none
}

._hj_feedback_container #_hj_feedback_container>div[class*="__MinimizedWidgetMiddle__right"] {
    position: fixed;
    right: 8px !important;
    top: calc(50% + 160px/ 2 - 38px - 4px) !important;
    transform: translateX(0px) translateY(0px) !important
}

._hj_feedback_container #_hj_feedback_container>div[class*="__MinimizedWidgetMiddle__right"]>button {
    width: 36px;
    height: 38px;
    background-color: rgba(0, 0, 0, 0.6) !important;
    color: #fff;
    padding: 4px 4px;
    border-radius: 4px;
    z-index: 9;
    border: none;
    transform: translateX(0px) translateY(0px) !important
}

._hj_feedback_container #_hj_feedback_container>div[class*="__MinimizedWidgetMiddle__right"]>button::before {
    font-family: "font-icon-bds" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 1;
    content: "";
    display: block;
    width: 100%
}

._hj_feedback_container #_hj_feedback_container>div[class*="__MinimizedWidgetMiddle__right"]>button::after {
    content: "Góp ý";
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    display: block;
    width: 100%;
    margin-top: 2px
}

._hj_feedback_container #_hj_feedback_container>div[class*="__MinimizedWidgetMiddle__right"]>button:hover {
    box-shadow: none
}

._hj_feedback_container #_hj_feedback_container>div[class*="__MinimizedWidgetMiddle__right"]>button:hover::before {
    content: "" !important
}

._hj_feedback_container #_hj_feedback_container>div[class*="__MinimizedWidgetMiddle__right"]>button>div {
    display: none
}

._hj_feedback_container #_hj_feedback_container>div[class*="__ExpandedWidget__right"]:not([class*="__ExpandedWidget__fullSize"]) {
    position: fixed;
    top: 50%;
    bottom: auto;
    right: 8px;
    left: auto;
    margin-top: 32px
}

._hj_feedback_container #_hj_feedback_container>div[class*="__ExpandedWidget__right"]:not([class*="__ExpandedWidget__fullSize"])[class*="__ExpandedWidget__tablet"] {
    padding: 0px;
    width: auto;
    max-width: 320px
}

._hj_feedback_container #_hj_feedback_container>div[class*="__ExpandedWidget__right"] [class*="__ExpandedWidget__closeButton"] {
    background-color: #07A35D !important;
    color: #fff !important
}

._hj-widget-container div[class*="__styles__buttonPositionTarget"] {
    position: fixed;
    right: 26px !important;
    top: calc(50% + 160px/ 2 - 4px - 23px) !important;
    transform: translateX(0px) translateY(0px) !important
}

._hj-widget-container div[class*="__styles__buttonPositionTarget"] button {
    width: 36px;
    height: 38px;
    background-color: rgba(0, 0, 0, 0.6) !important;
    color: #fff;
    padding: 4px 4px;
    border-radius: 4px;
    z-index: 9;
    border: none;
    transform: translateX(0px) translateY(0px) !important;
    display: block
}

._hj-widget-container div[class*="__styles__buttonPositionTarget"] button::before {
    font-family: "font-icon-bds" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 1;
    content: "";
    display: block;
    width: 100%;
    color: #fff
}

._hj-widget-container div[class*="__styles__buttonPositionTarget"] button::after {
    content: "Góp ý";
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    display: block;
    width: 100%;
    margin-top: 2px;
    color: #fff
}

._hj-widget-container div[class*="__styles__buttonPositionTarget"] button:hover {
    box-shadow: none
}

._hj-widget-container div[class*="__styles__buttonPositionTarget"] button:hover::before {
    content: "" !important
}

._hj-widget-container div[class*="__styles__buttonPositionTarget"] button span[class*="__styles__buttonIconContainer"],
._hj-widget-container div[class*="__styles__buttonPositionTarget"] button span {
    display: none
}

._hj-widget-container div[class*="__styles__buttonPositionTarget"] button div {
    display: none
}

._hj-widget-container div[class*="__styles__withShadow"] div[class*="__styles__buttonPositionTarget"] button {
    display: none
}

._hj-widget-container div[class*="__styles__withShadow"][class*="__styles__closed"] div[class*="__styles__buttonPositionTarget"] button {
    display: none
}

.body--disabled.no-scroll .floating--right {
    margin-right: 17px
}

.body--disabled.no-scroll .re__tablet-menu .re__pushmenu.floating--right {
    margin-right: 0px;
    width: 297px;
    padding-right: 17px
}

.body--disabled.no-scroll #chat-widget-container {
    margin-right: 17px
}

.body--disabled.no-scroll #_hj_feedback_container>div {
    margin-right: 17px
}

ul.re__pro-agent-banner-web {
    padding-top: 0px;
    width: 300px !important;
    left: -20px !important
}

ul.re__pro-agent-banner-web li.re__pro-agent-banner-content {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 4px
}

ul.re__pro-agent-banner-web li.re__pro-agent-banner-content .re__pro-agent-banner::after {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/Personal/pro-agent-entry-point.svg);
    display: inline-block
}

ul.re__pro-agent-banner-web li.pro-agent a div.re__new {
    float: left;
    background-color: #E03C31;
    color: #fff;
    border-radius: 2px;
    font-weight: 700;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    width: 26px;
    height: 16px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 2px 4px
}

@media only screen and (min-width: 1128px) {
    div.re__pro-agent-menu-tablet {
        height: 96px
    }
    /* .re__full-menu .re__drop-menu .re__right-menu{
        margin-left: 15%;
    } */
}

@media only screen and (min-width: 0px) and (max-width: 1127px) {
    div.re__pro-agent-menu-tablet {
        height: 154px !important;
        min-height: 154px !important
    }
}

@media only screen and (min-width: 0px) and (max-width: 1127px) {
    div.re__pro-agent-home-header-menu-tablet {
        height: calc(100vh - 294px) !important
    }
}

div.re__pro-agent-banner-tablet {
    margin-top: 16px
}

@media only screen and (min-width: 1128px) {
    div.re__pro-agent-banner-tablet {
        display: none !important
    }
}

@media only screen and (min-width: 0px) and (max-width: 1127px) {
    div.re__pro-agent-banner-tablet {
        display: block !important
    }
}

div.re__pro-agent-banner-tablet .re__pro-agent-banner::after {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/Personal/pro-agent-entry-point-mobile.svg);
    display: inline-block
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-slider .re__slider-bar.ui-widget-content .ui-state-hover,
.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-slider .re__slider-bar.ui-widget-content .ui-widget-content .ui-state-hover,
.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-slider .re__slider-bar.ui-widget-content .ui-widget-header .ui-state-hover {
    background: #1DBABF !important
}

.clear-both::after {
    content: "";
    clear: both;
    display: block
}

.re__clear-box {
    display: block;
    clear: both;
    height: 16px
}

.re__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(64px);
    backdrop-filter: blur(64px)
}

.visible-hidden {
    visibility: hidden
}

.visible {
    visibility: visible
}

.display-none {
    display: none
}

.display-block {
    display: block
}

.re__divide {
    content: " ";
    display: block;
    height: 1px;
    line-height: 1px;
    background: #F2F2F2;
    width: 100%
}

.re__divide::after {
    content: "";
    clear: both;
    display: block
}

.re__divide-8 {
    content: " ";
    display: block;
    height: 8px;
    line-height: 8px;
    background: #F2F2F2;
    width: 100%
}

.re__divide-8::after {
    content: "";
    clear: both;
    display: block
}

.re__mar-v-24 {
    margin-top: 24px;
    margin-bottom: 24px
}

.re__mar-b-24 {
    margin-bottom: 24px
}

.re__vertical-align-middle {
    display: table
}

.re__vertical-align-middle>* {
    display: table-cell;
    vertical-align: middle
}

.re__bg-grey {
    background-color: #F2F2F2
}

.re__bg-grey-50 {
    background-color: rgba(242, 242, 242, 0.5)
}

.re__bg-media {
    background-color: unset;
    z-index: 9999
}

.re__nowrap {
    white-space: nowrap
}

img.lazyload {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/lazyload-preview.svg);
    object-fit: cover
}

img.lazyloading {
    background-color: #F2F2F2
}

.no-photo-md,
.no-photo {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/no-photo-pixiu-md.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.no-photo-sm {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/no-photo-sisu-sm.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.no-photo-xs {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/no-photo-sisu-xs.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.error-photo-md,
.error-photo {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/error-photo-pixiu-md.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.error-photo-sm {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/error-photo-sm.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

.error-photo-xs {
    content: url(/assets/frontend/staticfile.batdongsan.com.vn/images/common/error-photo-xs.svg);
    object-fit: scale-down !important;
    background-color: #F2F2F2;
    display: inline-block;
    width: 100%;
    height: 100%
}

body .loading-full-page {
    position: fixed;
    display: none;
    width: 100vw;
    height: 100vh;
    z-index: 99999999999999;
    top: 0;
    left: 0
}

body .loading-full-page img {
    position: absolute;
    height: 56px;
    width: 56px;
    top: calc(50vh - 28px);
    left: calc(50vw - 28px);
    background: #fff;
    box-shadow: 0px 0px 16px rgba(182, 182, 182, 0.42);
    border-radius: 8px
}

body.loading-body {
    width: 100%;
    height: 100vh;
    position: static
}

body.loading-body .loading-full-page {
    display: block
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.re__google-one-tap-login .g1t-position {
    position: fixed;
    top: 75px;
    right: 9px;
    z-index: 1001
}

.re__google-one-tap-login .g_id_signin {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate {
    width: 810px !important;
    background-color: #E03C31;
    background-image: url(/assets/frontend/staticfile.batdongsan.com.vn/images/kyc/kyc-ui-login-gate_v3.svg);
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 100px 100%
}

.kyc-login-form--full-screen.kyc-ui--login-gate .form-horizontal {
    padding: 0 !important
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-header.re__kyc-popup-header {
    margin-top: 0px;
    height: 0;
    padding: 0;
    background-color: unset;
    box-sizing: content-box;
    border: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-header.re__kyc-popup-header p {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-header.re__kyc-popup-header .close {
    z-index: 1;
    cursor: pointer
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-banner {
    float: left
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup {
    float: left;
    padding: 24px 0 24px 0;
    max-height: unset;
    position: relative;
    overflow: hidden
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.mCustomScrollbar .mCustomScrollBox {
    max-height: unset !important
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.mCustomScrollbar .mCustomScrollBox .mCSB_container {
    margin-right: unset
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup>div:not([class*="mCustomScrollBox"]),
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup .mCustomScrollBox>.mCSB_container>div {
    width: calc(100% - 24px - 24px);
    margin: 0 auto
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-footer.re__kyc-popup-footer {
    height: unset
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-footer.re__kyc-popup-footer .re__kyc-send-otp-button-in-footer,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-footer.re__kyc-popup-footer .re__kyc-validate-otp-button-in-footer,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-footer.re__kyc-popup-footer .re__kyc-close-popup-button-in-footer {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc {
    padding: 64px 32px;
    border: unset
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-banner {
    width: 416px;
    height: 448px;
    max-height: calc(100vh - 48px - 48px - 36px - 36px);
    overflow: hidden
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup {
    width: 328px;
    height: 448px;
    max-height: calc(100vh - 48px - 48px - 36px - 36px);
    border-radius: 8px;
    background-color: #fff
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header {
    margin: 16px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header .re__kyc-header-image,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header .re__kyc-header-image,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-image {
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header .re__kyc-header-image .re__contact-avatar,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header .re__kyc-header-image .re__contact-avatar,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-image .re__contact-avatar {
    width: 58px;
    height: 58px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header .re__kyc-header-message,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header .re__kyc-header-message,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-message {
    margin: 16px 32px 0 32px;
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header .re__kyc-header-message p,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header .re__kyc-header-message p,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-message p {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    margin-bottom: 0px;
    color: #2C2C2C
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header .re__kyc-header-submessage,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header .re__kyc-header-submessage,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-submessage {
    margin: 8px 0 0 0;
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header .re__kyc-header-submessage p,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header .re__kyc-header-submessage p,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-submessage p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    margin-bottom: 0px;
    color: #505050
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header .re__kyc-header-submessage p .re__kyc-header-submessage-phone,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header .re__kyc-header-submessage p .re__kyc-header-submessage-phone,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-submessage p .re__kyc-header-submessage-phone {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__kyc-header .re__kyc-header-submessage .re__kyc-header-submessage-icon-edit-phone,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__kyc-header .re__kyc-header-submessage .re__kyc-header-submessage-icon-edit-phone,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-submessage .re__kyc-header-submessage-icon-edit-phone {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group {
    margin: 16px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group input::-webkit-outer-spin-button,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group input[type="number"] {
    -moz-appearance: textfield
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error {
    background-color: #FFECEB;
    margin-top: 16px;
    border-radius: 4px;
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error .re__locked-account-error-icon {
    float: left
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error .re__locked-account-error-icon i {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 2px 0px;
    display: block;
    margin: 24px 0px 24px 16px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error .re__locked-account-error-icon i span {
    position: absolute
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error .re__locked-account-error-icon i span.path1::before {
    color: #E03C31
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error .re__locked-account-error-icon i span.path2::before {
    margin-left: initial;
    color: #fff
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error .re__locked-account-error-message {
    float: left;
    padding: 12px 16px 12px 16px;
    width: calc(100% - 40px)
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error .re__locked-account-error-message .re__locked-account-error-message-header p {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2C2C2C;
    margin-bottom: 0px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error .re__locked-account-error-message .re__locked-account-error-message-content p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2C2C2C;
    margin-bottom: 0px;
    word-spacing: -0.09px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__form-group .re__locked-account-error::after {
    content: "";
    display: block;
    clear: both
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer {
    position: relative;
    margin: 8px 0 0 0;
    padding: 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box {
    margin-top: 16px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box p,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    margin-bottom: 0px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box p {
    color: #999;
    text-align: justify
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box .re__agree-login-kyc {
    cursor: pointer
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box .re__agree-login-kyc .re__icon-checkbox-checked--sm {
    display: none;
    position: relative;
    width: 16px;
    top: -2px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box .re__agree-login-kyc .re__icon-checkbox-checked--sm span {
    position: absolute;
    left: 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box .re__agree-login-kyc .re__icon-checkbox-checked--sm span::before {
    margin-left: 0px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box .re__agree-login-kyc .re__icon-checkbox-checked--sm span.path1::before,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box .re__agree-login-kyc .re__icon-checkbox-checked--sm span.path2::before {
    color: #E03C31
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box .re__agree-login-kyc.checked .re__icon-checkbox--sm {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-phone .re__p-footer .re__kyc-check-box .re__agree-login-kyc.checked .re__icon-checkbox-checked--sm {
    display: block
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp {
    display: none;
    height: unset;
    margin-bottom: 3px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group {
    margin: 0;
    overflow: visible
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group input::-webkit-outer-spin-button,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group input[type="number"] {
    -moz-appearance: textfield
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__input--md.re__kyc-otp-input {
    width: calc(100% + 10px);
    overflow: visible;
    margin: 16px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__input--md.re__kyc-otp-input .re__kyc-otp-input-element {
    float: left;
    width: 40px;
    margin-right: 8px;
    border-radius: 4.8px;
    padding: 8px 14px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__input--md.re__kyc-otp-input .re__kyc-otp-input-element:nth-child(6) {
    margin-right: 0px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__input--md.re__kyc-otp-input .re__kyc-otp-input-element.re__kyc-otp-input-element-error-message {
    border-color: #E03C31
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__input--md.re__kyc-otp-input .re__kyc-otp-input-element:disabled {
    background: #fff;
    border-color: #ccc
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__input--md.re__kyc-otp-input .re__kyc-otp-error-message {
    margin-top: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31;
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down {
    text-align: center;
    margin: 16px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down .re__kyc-otp-count-down-title p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    margin-bottom: 0px;
    color: #999
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down .re__kyc-otp-count-down-time {
    margin: 4px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down .re__kyc-otp-count-down-time p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    margin-bottom: 0px;
    color: #2C2C2C
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down .re__kyc-otp-count-down-time p .re__kyc-otp-count-down-time-content {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down .re__kyc-otp-count-down-time p .re__resend-kyc-otp {
    cursor: pointer;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down .re__kyc-otp-count-down-time p:nth-child(2) {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down .re__kyc-otp-count-down-time.re__resend-kyc-otp p:nth-child(1) {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__kyc-otp-count-down .re__kyc-otp-count-down-time.re__resend-kyc-otp p:nth-child(2) {
    display: inline-block
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__form-group.re__p-footer {
    position: relative;
    padding: 0px;
    margin: 16px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-otp .re__form-group .re__form-group.re__p-footer .re__back-to-kyc-phone-mode-in-body {
    margin-top: 8px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__kyc-header .re__kyc-header-message {
    margin: 16px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group {
    margin: 16px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group .re__kyc-personal-account,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group .re__kyc-employee-account {
    width: 100%;
    box-sizing: border-box;
    float: left;
    box-sizing: border-box !important;
    padding: 0px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group .re__kyc-personal-account span,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group .re__kyc-employee-account span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    margin: 14px 12px 14px 16px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group .re__kyc-personal-account i,
.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group .re__kyc-employee-account i {
    color: #2C2C2C;
    margin: 12px 0 12px 16px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group .re__kyc-employee-account {
    margin: 8px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group .re__back-to-kyc-phone-mode-in-body {
    width: 100%;
    margin: 8px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-user-type .re__form-group::after {
    display: block;
    content: "";
    clear: both
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header {
    margin: 32px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header .re__kyc-header-image {
    width: 130px;
    height: 130px;
    margin: 0px auto
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header .re__kyc-header-message {
    margin: 8px 0 0 0;
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header .re__kyc-header-message p {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    margin-bottom: 0px;
    color: #2C2C2C
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header .re__kyc-header-submessage {
    margin: 8px 0 0 0;
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header .re__kyc-header-submessage p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    margin-bottom: 0px;
    color: #505050
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header .re__kyc-header-note {
    text-align: center;
    position: absolute;
    bottom: 24px;
    width: calc(100% - 48px);
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header .re__kyc-header-note p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #505050;
    margin-bottom: 0px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__kyc-header .re__kyc-header-note p .re__kyc-header-note-count-down {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #E03C31
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-success .re__form-group {
    margin-bottom: 0px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail {
    display: none
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail .re__kyc-header {
    margin: 32px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail .re__kyc-header .re__kyc-header-image {
    width: 130px;
    height: 130px;
    margin: 0px auto
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail .re__kyc-header .re__kyc-header-message {
    margin: 8px 0 0 0;
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail .re__kyc-header .re__kyc-header-message p {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    margin-bottom: 0px;
    color: #2C2C2C;
    padding: 0 48px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail .re__kyc-header .re__kyc-header-submessage {
    margin: 8px 0 0 0;
    text-align: center
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail .re__kyc-header .re__kyc-header-submessage p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    margin-bottom: 0px;
    color: #505050
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail .re__kyc-header .re__kyc-header-submessage p span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #E03C31
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-popup.re__kyc-fail .re__form-group.re__p-footer {
    margin: 16px 0 0 0;
    position: relative;
    padding: 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-header .close {
    color: #fff
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-header .close:hover {
    color: #fff
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc {
    background: transparent
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-banner .re__feature-web-banner-v3 {
    padding: 24px
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-banner .re__feature-web-banner-v3 .re__feature-web-banner-title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 32px;
    line-height: 44px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #fff;
    text-align: left;
    margin: 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc .modal-body .re__feature-web-banner .re__feature-web-banner-v3 .re__feature-web-banner-content {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #fff;
    text-align: left;
    margin: 8px 0 0 0
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc.re__kyc-phone-mode .modal-body .re__kyc-phone {
    display: block
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc.re__kyc-otp-mode .modal-body .re__kyc-otp {
    display: block
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc.re__kyc-user-type-mode .modal-body .re__kyc-user-type {
    display: block
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc.re__kyc-success-mode .modal-body .re__kyc-success {
    display: block
}

.kyc-login-form--full-screen.kyc-ui--login-gate .modal-content.new2021.re__login-gate-kyc.re__kyc-fail-mode .modal-body .re__kyc-fail {
    display: block
}

#otp-field {
    height: 0px;
    overflow: hidden
}

#otp-field #otp-input {
    border: 0px;
    height: 0px;
    padding: unset
}