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

    to {
        left: 100%
    }
}

.lg-outer.re__prj-album-gallery {
    z-index: 9999999999 !important
}

.lg-outer .lg-sub-html {
    position: absolute;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    height: 56px;
    padding: 8px 24px;
    bottom: 112px !important;
    top: auto !important;
    color: #fff;
    background: rgba(0, 0, 0, 0.8) !important
}

.lg-outer .lg-sub-html .re__album-header-desc {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 4px
}

.lg-outer .lg-sub-html .re__album-header-only-title {
    margin-top: 10px
}

.lg-outer .lg-toolbar {
    top: 0 !important;
    bottom: inherit !important;
    height: 56px;
    background-color: rgba(0, 0, 0, 0.8) !important;
    margin: 0 auto
}

.lg-outer .lg-toolbar .lg-icon {
    width: 24px;
    padding: 16px 0;
    margin-right: 16px
}

.lg-outer .lg-toolbar .lg-close {
    padding-top: 16px !important
}

.lg-outer .lg-toolbar #lg-counter {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding-left: 24px
}

.lg-outer .lg-toolbar .album-category {
    float: right;
    padding: 12px 16px;
    text-align: center;
    width: calc(100% - 250px)
}

.lg-outer .lg-toolbar .album-category button {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    background-color: inherit;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    border-radius: 40px;
    color: #fff;
    padding: 5px 15px;
    margin-right: 8px
}

.lg-outer .lg-toolbar .album-category button:hover {
    border: 1px solid #fff
}

.lg-outer .lg-toolbar .album-category button i {
    vertical-align: middle;
    margin-right: 8px
}

.lg-outer .lg-toolbar .album-category button .re__icon-play--sm {
    color: #fff
}

.lg-outer .lg-toolbar .album-category .current {
    background: #fff;
    color: #000
}

.lg-outer .lg-toolbar .album-category .current .re__icon-play--sm {
    color: #000
}

.lg-outer .lg-inner {
    background-color: #000
}

.lg-outer .lg-actions .lg-icon {
    color: #2C2C2C !important;
    background: #fff !important;
    border: solid 1px #ccc !important;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 13px 15px;
    box-sizing: border-box;
    border-radius: 8px
}

.lg-outer .lg-actions .lg-icon:hover {
    color: #2C2C2C !important;
    background: #FAFAFA !important;
    border: solid 1px #ccc !important
}

.lg-outer .lg-actions .lg-icon:active {
    color: #2C2C2C !important;
    background: #F2F2F2 !important;
    border: solid 1px #ccc !important
}

.lg-outer .lg-actions .lg-icon:disabled {
    color: #999 !important;
    background: #fff !important;
    border: solid 1px #ccc !important;
    cursor: unset !important
}

.lg-outer .lg-actions .lg-icon:before {
    content: none
}

.lg-outer .lg-actions .lg-icon:after {
    content: none
}

.lg-outer .lg-actions .lg-prev {
    left: 16px
}

.lg-outer .lg-actions .lg-next {
    right: 16px
}

.lg-outer .lg-thumb-outer {
    height: 112px !important;
    background-color: #000;
    padding: 24px 42px;
    padding-right: 0
}

.lg-outer .lg-thumb-outer:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 42px;
    background: #000;
    z-index: 9999999
}

.lg-outer .lg-thumb-outer:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 42px;
    background: #000;
    z-index: 9999999
}

.lg-outer .lg-thumb-outer .lg-thumb {
    padding: 0;
    margin: 0
}

.lg-outer .lg-thumb-outer .lg-thumb .lg-thumb-item {
    position: relative;
    margin-right: 4px !important;
    margin-bottom: 0px !important;
    border: none;
    border-radius: 0;
    opacity: 0.64
}

.lg-outer .lg-thumb-outer .lg-thumb .lg-thumb-item .re__icon-play {
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%
}

.lg-outer .lg-thumb-outer .lg-thumb .lg-thumb-item.active {
    opacity: 1;
    border: 2px solid #fff;
    box-sizing: border-box
}

.lg-outer .lg-thumb-outer .lg-toogle-thumb {
    display: none
}

.re__project-main-container {
    width: 1140px;
    padding: 0;
    margin: 0 auto
}

.re__project-main-container.re__project-main-padding {
    padding-top: 110px
}

.re__project-main-left {
    width: 750px;
    float: left
}

.re__project-main-right {
    width: calc(100% - 780px);
    float: right
}

.re__project-main-right.re__margin {
    margin-top: 45px
}

.re__hide-effect {
    opacity: 0;
    transition: 0.5s all ease
}

.re__margin-right--sm {
    margin-right: 8px
}

.re__margin-left--sm {
    margin-left: 8px
}

.re__fl {
    float: left
}

.re__fr {
    float: right
}

.re__white-color {
    color: #fff
}

.re__margin-bottom--sm {
    margin-bottom: 8px
}

.re__margin-bottom--md {
    margin-bottom: 16px
}

.re__margin-bottom--lg {
    margin-bottom: 24px
}

.re__margin-bottom--40 {
    margin-bottom: 40px
}

.re__project-editor {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal !important;
    color: #2C2C2C;
    padding-top: 16px
}

.re__project-editor strong {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-editor h1,
.re__project-editor h2,
.re__project-editor h3,
.re__project-editor h4,
.re__project-editor h1 strong,
.re__project-editor h2 strong,
.re__project-editor h3 strong,
.re__project-editor h4 strong {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding-top: 8px;
    margin-bottom: 16px
}

.re__project-editor p,
.re__project-editor div,
.re__project-editor span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal !important
}

.re__project-editor p,
.re__project-editor figure,
.re__project-editor img {
    margin: 0 0 16px 0
}

.re__project-editor p ul,
.re__project-editor p ol,
.re__project-editor figure ul,
.re__project-editor figure ol,
.re__project-editor img ul,
.re__project-editor img ol {
    margin-bottom: 8px;
    margin-left: 16px
}

.re__project-editor p ul li,
.re__project-editor p ol li,
.re__project-editor figure ul li,
.re__project-editor figure ol li,
.re__project-editor img ul li,
.re__project-editor img ol li {
    list-style: inherit;
    margin-bottom: 4px
}

.re__project-editor p li ul,
.re__project-editor p li ol,
.re__project-editor figure li ul,
.re__project-editor figure li ol,
.re__project-editor img li ul,
.re__project-editor img li ol {
    margin-top: 4px
}

.re__project-editor figure img {
    margin-bottom: 0
}

.re__project-editor figcaption {
    text-align: center;
    margin-top: 16px;
    color: #999
}

.re__project-editor img {
    max-width: 100%
}

.re__project-editor img[src^="http://file1"] {
    width: auto !important;
    height: auto !important;
    content: url(/images/ProjectNet/error-image/content-error-image.svg)
}

.re__project-editor img[src^="https://file1"] {
    width: auto !important;
    height: auto !important;
    content: url(/images/ProjectNet/error-image/content-error-image.svg)
}

.re__project-editor ul,
.re__project-editor ol {
    margin-bottom: 16px;
    margin-left: 17px
}

.re__project-editor ul li,
.re__project-editor ol li {
    list-style: inherit;
    margin-bottom: 8px
}

.re__project-editor li ul,
.re__project-editor li ol {
    margin-top: 8px
}

.re__project-editor a {
    color: #007C80
}

.re__project-editor a:hover {
    color: #009BA1
}

.re__project-editor a:active {
    color: #007C80
}

.re__project-editor a--actived {
    color: #007C80
}

.re__project-editor a:disabled {
    color: #999
}

.re__project-editor>*:last-child {
    margin-bottom: 0
}

.re__header {
    position: fixed;
    top: 0;
    transition: all 0.1s linear
}

.re__header.re__header-fix {
    position: static !important
}

.re__full-width {
    width: 100%
}

.swiper-button-disabled {
    color: #999;
    border: 1px solid #ccc
}

.swiper-button-disabled:hover,
.swiper-button-disabled:active {
    background-color: #fff;
    border: 1px solid #ccc
}

.swiper-button-disabled:hover>i,
.swiper-button-disabled:active>i {
    color: #999
}

.re__display-none {
    display: none
}

.re__truncate-1-lines {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap
}

.re__overflow-hidden {
    overflow: hidden
}

.re__boxLinkFooter.newLayout {
    background: #fff;
    padding: 0;
    margin: auto;
    border-top: 1px solid #F2F2F2;
    width: 100% !important
}

.re__boxLinkFooter.newLayout .re__footer-link {
    padding: 40px 0 28px 0;
    margin: auto;
    background: #fff;
    width: 1140px;
    overflow: hidden;
    transition: height 0.5s ease;
    border-top: none;
    display: block
}

.re__boxLinkFooter.newLayout .re__footer-link>ul::after {
    content: "";
    clear: both;
    display: block
}

.re__boxLinkFooter.newLayout .re__footer-link>ul>li {
    display: block;
    float: left;
    width: calc((100% - 72px) / 4);
    margin-right: 24px;
    margin-bottom: 12px
}

.re__boxLinkFooter.newLayout .re__footer-link>ul>li:nth-child(4n+4) {
    margin-right: 0
}

.re__boxLinkFooter.newLayout .re__footer-link>ul>li>a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    vertical-align: middle
}

.re__boxLinkFooter.newLayout .re__footer-link .content-box-link ul.content-link::after {
    content: "";
    clear: both;
    display: block
}

.re__boxLinkFooter.newLayout .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__boxLinkFooter.newLayout .re__footer-link .content-box-link ul.content-link>li>ul>li {
    margin-bottom: 8px
}

.re__boxLinkFooter.newLayout .re__footer-link .content-box-link ul.content-link>li>ul>li:last-child {
    margin-bottom: 0
}

.re__boxLinkFooter.newLayout .re__footer-link .content-box-link ul.content-link>li:nth-child(4n+4) {
    margin-right: 0
}

.re__boxLinkFooter.newLayout .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: -0.2px;
    color: #2C2C2C;
    margin-bottom: 8px
}

.re__boxLinkFooter.newLayout .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
}

._hj-1Fv4C__Feedback__container {
    z-index: 9 !important
}

.re__margin-top-sm {
    margin-top: 8px !important
}

.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: 24px;
    right: calc(50% - 51px);
    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)
}

.lg-on {
    scrollbar-width: transparent
}

.lg-on::-webkit-scrollbar {
    display: none
}

.fancybox-skin {
    border-radius: 8px;
    box-shadow: none !important
}

.re__prj-card-image img[src^="http://file1"] {
    content: url(/images/Product/error-image/card-compact-error-image.png)
}

.re__prj-card-image img[src^="https://file1"] {
    content: url(/images/Product/error-image/card-compact-error-image.png)
}

.re__bg-header.re__fix {
    box-shadow: none
}

.re__prj-tag-info {
    background-color: #fff;
    margin-bottom: 8px;
    max-width: 100%;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 12px;
    border-radius: 4px;
    display: inline-block;
    display: inline-flex
}

.re__prj-tag-info>i {
    float: left;
    margin: 2px 4px 2px 0
}

.re__prj-tag-info>span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    clear: left
}

.re__prj-tag-info>label {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__prj-tag-info>span {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    flex: 1;
    overflow: hidden
}

.re__prj-tag-info>span::before {
    content: '∙';
    font-weight: bold;
    padding: 0 8px
}

.re__prj-tag-info.re__project-prepare {
    background: #FFECEB;
    color: #E03C31
}

.re__prj-tag-info.re__project-open {
    background: #E7FFF4;
    color: #07A35D
}

.re__prj-tag-info.re__project-finish {
    background: #F0EAF4;
    color: #845D9C
}

.re__prj-tag-info.re__project-na {
    background: #F2F2F2;
    color: #999
}

.re__prj-tag-info.re__project-na>label {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__prj-card-compact {
    width: 262px !important;
    min-height: 276px;
    outline: 1px solid #F2F2F2;
    outline-offset: -1px;
    box-shadow: 0px 4px 6px rgba(44, 44, 44, 0.04);
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 16px;
    margin-right: 30px
}

.re__prj-card-compact:last-child {
    margin-right: 0
}

.re__prj-card-compact.re__prj-with-investor {
    min-height: 318px
}

.re__prj-card-compact:hover {
    box-shadow: 0px 4px 16px rgba(44, 44, 44, 0.08)
}

.re__prj-card-compact>a {
    display: block;
    width: 100%;
    height: 100%
}

.re__prj-card-compact>a .re__prj-card-image {
    height: 146px;
    position: relative;
    background: #F2F2F2
}

.re__prj-card-compact>a .re__prj-card-image::after {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 0.8) 100%);
    content: "";
    z-index: 1
}

.re__prj-card-compact>a .re__prj-card-image.re__prj-card-nomedia::after {
    content: none
}

.re__prj-card-compact>a .re__prj-card-image>img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.re__prj-card-compact>a .re__prj-card-image>img.re__no-image {
    text-align: center;
    width: auto;
    height: auto;
    position: absolute;
    left: calc(50% - 117px/2);
    top: calc(50% - 60px/2)
}

.re__prj-card-compact>a .re__prj-card-image .re__prj-card-image-feature {
    position: absolute;
    bottom: 8px;
    right: 16px;
    z-index: 2
}

.re__prj-card-compact>a .re__prj-card-image .re__prj-card-image-feature>i {
    float: left;
    margin-left: 4px;
    color: #fff
}

.re__prj-card-compact>a .re__prj-card-image .re__prj-card-image-feature>span {
    float: left;
    margin: 2px 0px;
    color: #fff
}

.re__prj-card-compact>a .re__prj-card-info {
    position: relative;
    margin: 12px 16px 16px 16px
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-title {
    margin-bottom: 4px;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-tag-info {
    margin-bottom: 4px;
    padding: 4px 8px;
    box-shadow: 0px 4px 16px 0px rgba(44, 44, 44, 0.08)
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-tag-info>label {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-tag-info>span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-tag-info-fix {
    box-shadow: 0px 0px 0px 0px rgba(44, 44, 44, 0.08) !important
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-wrap {
    min-height: 44px
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config>span {
    display: block;
    float: left
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config .re__prj-card-config-price {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config .re__prj-card-config-area {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config .re__prj-card-config-dot {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #999;
    margin: 0 8px
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config .re__prj-card-config-dot:last-child {
    display: none
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config::after {
    content: "";
    clear: both;
    display: block
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-location {
    margin-top: 4px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-location.re__prj-no-config {
    -webkit-line-clamp: 2;
    margin-bottom: 4px
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact {
    height: 44px
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact>.re__prj-card-contact-avatar {
    display: inline-flex;
    margin-top: 12px
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact>.re__prj-card-contact-avatar>img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    vertical-align: middle;
    object-fit: contain
}

.re__prj-card-compact>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact>.re__prj-card-contact-avatar>span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    display: -webkit-box;
    line-height: 32px;
    flex: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #2C2C2C
}

.re__project-album-container {
    position: relative
}

.re__project-album-container .re__prj-tag-info {
    filter: drop-shadow(0px 4px 16px rgba(44, 44, 44, 0.08));
    left: 16px;
    margin: 0;
    position: absolute;
    top: 16px
}

.re__project-album__media {
    background-color: #F2F2F2;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 179px;
    margin-left: 2px;
    margin-bottom: 2px;
    position: relative;
    width: 264px;
    cursor: pointer
}

.re__project-album__media img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.re__project-album__media img[src*="error"] {
    object-fit: contain
}

.re__project-album__media__overlay {
    background: rgba(45, 47, 53, 0.2);
    border-radius: inherit;
    height: 100%;
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    width: 100%
}

.re__project-album__media:hover .re__project-album__media__overlay {
    opacity: 1
}

.re__project-album__media--video__youtube-embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.re__project-album__media--video__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6
}

.re__project-album__media--video__play {
    left: calc(50% - 16px);
    position: absolute;
    top: calc(50% - 16px);
    z-index: 2
}

.re__project-album__media--video:first-child .re__project-album__media--video__play {
    left: calc(50% - 24px);
    top: calc(50% - 24px)
}

.re__project-album .re__project-album__media:first-child {
    border-radius: 8px 0 0 8px;
    height: 360px;
    width: 609px;
    margin-left: 0
}

.re__project-album .re__project-album__media:first-child img {
    border-radius: 8px 0 0 8px
}

.re__project-album .re__project-album__media:first-child:before {
    background: linear-gradient(180deg, rgba(44, 44, 44, 0) 0%, rgba(44, 44, 44, 0.8) 100%);
    bottom: 0;
    content: "";
    height: 181px;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    border-radius: 0 0 0 8px
}

.re__project-album .re__project-album__media:nth-child(3),
.re__project-album .re__project-album__media:nth-child(3)>img {
    border-radius: 0 8px 0 0
}

.re__project-album .re__project-album__media:nth-child(5),
.re__project-album .re__project-album__media:nth-child(5)>img {
    border-radius: 0 0 8px 0
}

.re__project-album--layout-0 .re__project-album__media:first-child,
.re__project-album--layout-1 .re__project-album__media:first-child {
    border-radius: 8px;
    width: 100%
}

.re__project-album--layout-0 .re__project-album__media:first-child img,
.re__project-album--layout-1 .re__project-album__media:first-child img {
    border-radius: 8px
}

.re__project-album--layout-0 .re__project-album__media:first-child:before,
.re__project-album--layout-1 .re__project-album__media:first-child:before {
    border-radius: 0 0 8px 8px
}

.re__project-album--layout-0 {
    position: relative
}

.re__project-album--layout-2 .re__project-album__media {
    height: 360px
}

.re__project-album--layout-2 .re__project-album__media:first-child {
    width: 800px
}

.re__project-album--layout-2 .re__project-album__media:nth-child(2) {
    border-radius: 0 8px 8px 0;
    width: 339px
}

.re__project-album--layout-2 .re__project-album__media:nth-child(2) img {
    border-radius: 0 8px 8px 0
}

.re__project-album--layout-3 .re__project-album__media {
    width: 339px
}

.re__project-album--layout-3 .re__project-album__media:first-child {
    width: 800px
}

.re__project-album--layout-3 .re__project-album__media:nth-child(2),
.re__project-album--layout-3 .re__project-album__media:nth-child(2)>img {
    border-radius: 0 8px 0 0
}

.re__project-album--layout-3 .re__project-album__media:nth-child(3),
.re__project-album--layout-3 .re__project-album__media:nth-child(3)>img {
    border-radius: 0 0 8px 0
}

.re__project-album--layout-4 .re__project-album__media:nth-child(2) {
    height: 360px;
    width: 349px
}

.re__project-album--layout-4 .re__project-album__media:nth-child(3),
.re__project-album--layout-4 .re__project-album__media:nth-child(4) {
    height: 179px;
    width: 179px
}

.re__project-album--layout-4 .re__project-album__media:nth-child(3),
.re__project-album--layout-4 .re__project-album__media:nth-child(3)>img {
    border-radius: 0 8px 0 0
}

.re__project-album--layout-4 .re__project-album__media:nth-child(4),
.re__project-album--layout-4 .re__project-album__media:nth-child(4)>img {
    border-radius: 0 0 8px 0
}

.re__project-album-summary {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 6px;
    bottom: 16px;
    color: #fff;
    cursor: pointer;
    opacity: 0.8;
    padding: 4px 8px;
    position: absolute;
    right: 16px;
    z-index: 3
}

.re__project-album-summary>span {
    vertical-align: middle
}

.re__project-info-details {
    bottom: 24px;
    left: 24px;
    position: absolute
}

.re__project-info-details__wrapper,
.re__project-info-details__icon,
.re__project-info-details__separator {
    float: left
}

.re__project-info-details__icon {
    color: #fff;
    margin-right: 8px
}

.re__project-info-details__value {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #fff;
    display: block;
    min-width: 50px
}

.re__project-info-details__unit {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #fff;
    display: block;
    opacity: 0.8
}

.re__project-info-details__separator {
    height: 48px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 16px
}

.re__project-info-details__separator:last-child {
    display: none
}

body {
    background: red
}

.re__project-breadcrumb {
    margin: 24px auto 8px;
    max-width: 1140px
}

.re__project-breadcrumb span {
    color: #999
}

.re__project-heading {
    margin-bottom: 24px;
    position: relative
}

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

.re__project-heading .re__project-address {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal !important;
    color: #2C2C2C;
    margin-top: 16px
}

.re__project-heading .re__project-address .re__project-map-link {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal !important;
    color: #74150F
}

.re__project-heading .re__project-address .re__project-map-link:active {
    color: #74150F
}

.re__project-heading .re__project-sharing {
    position: absolute;
    top: 8px;
    right: 0
}

.re__project-heading .re__project-sharing .re__select-dropdown {
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.42);
    width: 180px;
    top: 58px;
    left: initial;
    right: -1px;
    z-index: 4
}

.re__project-heading .re__project-sharing .re__select-dropdown .zalo-share-button {
    height: 48px !important
}

.re__project-navigation {
    background: #fff;
    padding-top: 24px;
    box-shadow: 0px 1px 0px #f2f2f2
}

.re__project-navigation__container {
    width: 1140px;
    margin: 0 auto
}

.re__project-navigation__container ul li {
    float: left;
    margin-left: 40px
}

.re__project-navigation__container ul li:first-child {
    margin-left: 0px
}

.re__project-navigation__container ul li.re__current,
.re__project-navigation__container ul li:hover {
    position: relative;
    padding-bottom: 16px
}

.re__project-navigation__container ul li.re__current:after,
.re__project-navigation__container ul li:hover:after {
    background: #E03C31;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: ""
}

.re__project-navigation__container ul li.re__current a,
.re__project-navigation__container ul li.re__current span,
.re__project-navigation__container ul li:hover a,
.re__project-navigation__container ul li:hover span {
    color: #2C2C2C
}

.re__project-navigation__container ul li a,
.re__project-navigation__container ul li span {
    color: #999;
    display: block
}

.re__project-navigation__container ul li a {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px
}

.re__project-navigation__container ul li span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

.re__project-navigation__container .re__nav-view-more {
    cursor: pointer
}

.re__project-navigation__container .re__nav-view-more i {
    margin-left: 8px
}

.re__project-navigation__container .re__nav-view-more span {
    max-width: 140px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 24px;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.42);
    border-radius: 8px;
    display: none;
    min-width: 188px
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li {
    padding: 6px 12px;
    clear: both;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:after {
    content: none !important
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li a:active {
    background: #ccc !important
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:hover {
    background: #F2F2F2
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:hover a,
.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:hover span {
    background: #F2F2F2
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li:active {
    background: #ccc !important
}

.re__project-navigation__container .re__nav-view-more .re__dropdown-nav li.re__current a {
    color: #74150F
}

.re__project-navigation__container .re__active .re__dropdown-nav {
    visibility: visible;
    opacity: 1;
    display: block
}

.re__project-navigation--fixed {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    padding-top: 12px;
    box-shadow: 0px 4px 10px rgba(182, 182, 182, 0.18);
    margin-top:auto;
    z-index: 4
}

.re__project-navigation--fixed ul li.re__current,
.re__project-navigation--fixed ul li:hover {
    padding-bottom: 16px
}

.re__project-navigation--fixed+.re__project-main-container {
    margin-top: 74px;
    position: relative
}

.re__project-related {
    width: 100%;
    border-top: 1px solid #EBEDF0;
    padding: 40px 0
}

.re__project-related .re__prj-card-compact {
    margin-bottom: 16px
}

.re__project-related .re__project-related-container {
    width: 1140px;
    margin: auto;
    position: relative
}

.re__project-related .re__project-related-container .re__left {
    z-index: 1;
    right: 40px;
    position: absolute;
    top: 0
}

.re__project-related .re__project-related-container .re__right {
    z-index: 1;
    right: 0;
    position: absolute;
    top: 0
}

.re__project-related .re__project-related-container .re__prj-title-ss {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 24px
}

.re__project-related .swiper-container {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: -16px
}

.re__project-main-container {
    width: 1140px;
    margin: 0 auto;
    color: #2C2C2C
}

.re__project-main-container .re__project-main-left {
    width: 750px;
    float: left
}

.re__project-main-container .re__project-main-left td {
    border: none
}

.re__project-main-container .re__prj-title-ss {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    position: relative;
    padding: 40px 0 16px
}

.re__project-main-container .re__project-box-info {
    width: 100%;
    margin-top: -14px
}

.re__project-main-container .re__project-box-info .re__project-box-wrap {
    display: flex
}

.re__project-main-container .re__project-box-info .re__project-box-item {
    border-bottom: 1px solid #F2F2F2;
    padding: 14px 0;
    width: 360px
}

.re__project-main-container .re__project-box-info .re__project-box-wrap .re__project-box-item:nth-child(odd) {
    margin-right: 32px
}

.re__project-main-container .re__project-box-info .re__project-box-item label {
    float: left;
    width: 100px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 24px;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-main-container .re__project-box-info .re__project-box-item span {
    float: left;
    width: calc(100% - 124px)
}

.re__project-main-container .re__project-box-info .re__project-box-item span a {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-main-container .re__project-attr-box {
    width: 100%;
    margin-top: -14px
}

.re__project-main-container .re__project-attr-box .re__table-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px
}

.re__project-main-container .re__project-attr-box .re__attr-item-label {
    padding-right: 24px;
    min-width: 124px
}

.re__project-main-container .re__project-attr-box .re__attr-item-label h3,
.re__project-main-container .re__project-attr-box .re__attr-item-label h4,
.re__project-main-container .re__project-attr-box .re__attr-item-label h5,
.re__project-main-container .re__project-attr-box .re__attr-item-label h6 {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-main-container .re__project-attr-box .re__attr-item-value a {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-main-container .re__project-attr-box .re__project-attr {
    float: left;
    width: 50%;
    position: relative;
    min-height: 1px;
    padding: 0 16px
}

.re__project-main-container .re__project-attr-box .re__project-attr tr {
    display: block;
    border-bottom: 1px solid #F2F2F2;
    height: 100%;
    padding: 13px 0
}

.re__project-main-container .re__project-main-content {
    position: relative;
    height: 100%
}

.re__project-main-container .re__project-main-content .re__detail-content {
    transition: height .5s ease;
    overflow: hidden
}

.re__project-main-container .re__project-main-content .re__detail-content:not(.re__active) {
    max-height: 800px
}

.re__project-main-container .re__project-main-content .re__box-view-more {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    width: 100%;
    height: 80px;
    text-align: center
}

.re__project-main-container .re__project-main-content .re__box-view-more .re__gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    height: 48px;
    width: 100%
}

.re__project-main-container .re__project-main-content .re__box-view-more .re__view-more {
    height: 32px;
    background: #fff;
    text-align: center
}

.re__project-main-container .re__project-main-content .re__box-view-less {
    height: 32px;
    background: #fff;
    text-align: center;
    margin-top: 8px
}

.re__project-main-container .re__project-toogle {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
    margin-top: 16px;
    background: #fff
}

.re__project-main-container .re__project-toogle .re__toogle-label {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    font-weight: bold;
    color: #2C2C2C;
    cursor: pointer;
    padding: 16px 24px
}

.re__project-main-container .re__project-toogle .re__toogle-label .re__toogle-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px
}

.re__project-main-container .re__project-toogle .re__toogle-detail {
    display: none;
    padding: 0 24px 16px 24px
}

.re__project-main-container .re__project-toogle .re__toogle-detail ul li {
    display: inline-block;
    width: 49%;
    margin-bottom: 20px;
    height: 24px;
    line-height: 24px;
    font-size: 16px
}

.re__project-main-container .re__project-toogle .re__toogle-detail iframe {
    margin: 10px 0;
    width: 100%
}

.re__project-main-container .re__project-toogle .re__toogle-detail img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.re__project-main-container .re__project-toogle .re__project-box-info .re__project-box-wrap:last-child .re__project-box-item {
    border-bottom: none
}

.re__project-main-container .re__project-toogle-box .re__project-toogle:first-child {
    margin-top: 24px
}

.re__project-main-container .re__prj-facilities .re__toogle-detail ul li {
    display: inline-block;
    width: 49%;
    margin: 14px 0px 14px 0px;
    height: 20px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-main-container .re__prj-facilities .re__toogle-detail ul li span {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-logo {
    width: 120px;
    height: 120px;
    margin-right: 24px;
    float: left
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-sum {
    float: right;
    width: calc(100% - 144px)
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-title {
    margin-bottom: 4px
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-title a {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content {
    text-align: justify;
    padding-top: 4px !important
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row {
    width: 100%;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    height: 20px !important;
    float: left
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-header {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    display: flex;
    width: 110px;
    height: 20px;
    float: left;
    align-items: center
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell {
    color: #2C2C2C;
    display: flex;
    width: calc(100% - 114px);
    height: 20px;
    align-items: center
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell .re__inves-info-dot {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell span:before {
    content: "∙";
    color: #999;
    font-weight: bold;
    margin: 0 8px
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell .re__inves-info-text {
    color: #2C2C2C;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    display: flex;
    width: calc(100% - 114px);
    height: 20px;
    align-items: center
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell .re__inves-info-link {
    display: flex;
    text-align: right;
    width: 110px;
    height: 20px;
    bottom: 22px;
    line-height: 20px;
    justify-content: flex-end
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell .re__inves-info-link a {
    color: #E03C31;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    display: flex
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell .re__inves-info-link a i {
    margin-left: 6.35px;
    height: 9.3px
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell .re__inves-info-link a:hover {
    color: #FF837A
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell .re__inves-info-link a:disabled {
    color: #FFC7C3
}

.re__project-main-container .re__project-investor .re__toogle-detail .re__inves-content .re__inves-info-row .re__inves-info-cell .re__inves-info-link a:active {
    color: #74150F
}

.re__project-main-container .re__project-investor .re__toogle-detail ul li {
    clear: both;
    display: list-item;
    width: 100%;
    height: 100%;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #F2F2F2
}

.re__project-main-container .re__project-investor .re__toogle-detail ul li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.re__project-main-container .re__project-review-box:hover .re__project-review-overlay {
    opacity: 1
}

.re__project-main-container .re__project-review-box {
    width: 100%;
    height: 216px;
    outline: 1px solid #F2F2F2;
    border-radius: 4px;
    margin-bottom: 16px
}

.re__project-main-container .re__project-review-box:last-child {
    margin-bottom: 0
}

.re__project-main-container .re__project-review-box .re__project-review-tag {
    margin-bottom: 8px
}

.re__project-main-container .re__project-review-box .re__project-review-tag>span {
    background: #FFECEB;
    border-radius: 4px;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #74150F;
    padding: 4px 8px;
    display: inline-flex
}

.re__project-main-container .re__project-review-box .re__project-review-tag>span img {
    margin-right: 4px
}

.re__project-main-container .re__project-review-box .re__project-review-media {
    width: 361px;
    height: 100%;
    float: left
}

.re__project-main-container .re__project-review-box .re__project-review-media img {
    width: 100%;
    height: 100%;
    border-radius: 4px 0 0 4px;
    object-fit: cover
}

.re__project-main-container .re__project-review-box .re__project-review-video {
    position: relative;
    cursor: pointer
}

.re__project-main-container .re__project-review-box .re__project-review-video::after {
    content: url(/images/icons/projects/icon-video-1.svg);
    position: absolute;
    width: 48px;
    height: 48px;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    pointer-events: none
}

.re__project-main-container .re__project-review-box .re__project-review-content {
    width: calc(100% - 361px);
    height: 100%;
    padding: 16px;
    float: right;
    position: relative
}

.re__project-main-container .re__project-review-box .re__project-review-content h3 {
    margin-bottom: 8px
}

.re__project-main-container .re__project-review-box .re__project-review-content h3 a {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    display: block
}

.re__project-main-container .re__project-review-box .re__project-review-content .re__project-review-summary {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.re__project-main-container .re__project-review-box .re__project-review-content .re__project-review-info {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px
}

.re__project-main-container .re__project-review-box .re__project-review-content .re__project-review-info .re__project-review-date {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    float: left;
    margin-top: 8px
}

.re__project-main-container .re__project-review-box .re__project-review-content .re__project-review-info .re__btn {
    float: right
}

.re__seo-tags {
    margin-bottom: 32px
}

.re__seo-tags::after {
    content: "";
    clear: both;
    display: block
}

.re__seo-tags .re__prj-title-ss {
    padding-top: 0;
    padding-bottom: 24px
}

.re__seo-tags .re__tag--md {
    margin-bottom: 8px
}

.re__prj-album-gallery .lg-inner .lg-item:last-child .lg-video-cont {
    max-width: 100% !important;
    max-height: 100vh !important
}

.re__project-sales-policy figure {
    margin-bottom: 16px
}

.re__project-sales-policy table {
    width: 100%
}

.re__project-sales-policy table tr {
    border-bottom: 1px solid #F2F2F2
}

.re__project-sales-policy table tr td {
    padding: 13px 0;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-sales-policy table tr td:first-child {
    width: 252px;
    padding-right: 12px;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-sales-policy .re__link-pr {
    cursor: pointer;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__project-sales-policy .re__link-pr i {
    margin-right: 4px
}

.re__prj-detail-document {
    width: 100%
}

.re__prj-detail-document .re__prj-title-ss {
    position: relative;
    padding: 40px 0 24px
}

.re__prj-detail-document .re__prj-list-document {
    width: 750px
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item {
    float: left;
    width: calc(50%);
    margin-bottom: 24px;
    position: relative
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-left-documnet {
    width: 165px;
    height: 233px;
    float: left;
    border-radius: 6px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-right-documnet {
    float: left;
    width: calc(100% - 165px);
    padding-left: 24px;
    padding-right: 24px
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-right-documnet .re__btn-absolute {
    margin-bottom: 16px;
    position: absolute
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-right-documnet .re__prj-document-wrap {
    max-height: 224px;
    min-height: 186px;
    color: #2C2C2C;
    overflow: hidden;
    position: relative
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-right-documnet .re__prj-document-wrap .re__prj-name-document {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-right-documnet .re__prj-document-wrap .re__prj-list-detail-document {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    position: relative;
    padding-top: 8px
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-right-documnet .re__prj-document-wrap .re__prj-list-detail-document li,
.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-right-documnet .re__prj-document-wrap .project-doc-tooltip li {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    width: 100%;
    position: relative;
    list-style: disc;
    margin-bottom: 8px;
    margin-left: 24px
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item .re__prj-right-documnet .re__prj-document-wrap .project-doc-tooltip ul li:before {
    display: block;
    width: 6px;
    height: 6px;
    top: 7px;
    left: 0;
    position: absolute;
    background: #2C2C2C;
    opacity: 0.5;
    content: '';
    border-radius: 50%;
    opacity: 1
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item:nth-child(even) {
    margin-bottom: 24px
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item:nth-child(odd) {
    clear: both
}

.re__prj-detail-document .re__prj-list-document .re__prj-document-item:last-child,
.re__prj-detail-document .re__prj-list-document .re__prj-document-item:nth-last-child(2) {
    margin-bottom: 0
}

.re__prj-contact-box {
    background: rgba(242, 242, 242, 0.5);
    border-radius: 6px;
    width: 100%;
    padding: 32px;
    margin-top: 40px;
    text-align: center
}

.re__prj-contact-box .tooltip {
    position: relative
}

.re__prj-contact-box .tooltip .tooltip-text {
    bottom: 22px
}

.re__prj-contact-box .re__title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 4px
}

.re__prj-contact-box .re__info {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050;
    margin: auto;
    margin-bottom: 16px;
    text-align: center
}

.re__prj-contact-box .re__btn {
    width: 100%;
    font-size: 0
}

.re__prj-contact-box .re__btn>i,
.re__prj-contact-box .re__btn>span {
    float: none;
    line-height: 0;
    vertical-align: middle
}

.re__prj-contact-box .re__btn-mobile {
    margin-bottom: 18px
}

.re__prj-contact-box .re__btn-mobile i {
    vertical-align: middle;
    margin-right: 8px
}

.re__prj-contact-box .re__btn-contact i,
.re__prj-contact-box .re__btn-contact span {
    vertical-align: middle
}

.re__prj-contact-box .re__btn-zalo {
    margin-top: 8px
}

.re__prj-contact-box .re__front-icon {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    line-height: 25px !important
}

.re__prj-contact-box .re__front-icon i {
    display: inline-block
}

.re__prj-contact-box .re__front-icon img {
    display: none
}

.re__prj-contact-box .re__img-icon {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    line-height: 25px !important
}

.re__prj-contact-box .re__img-icon i {
    display: none
}

.re__prj-contact-box .re__img-icon img {
    display: inline-block
}

.re__prj-contact-box .re__contact-line {
    text-align: center
}

.re__prj-contact-box .re__contact-line .re__contact-or {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    margin-bottom: 18px;
    padding: 0 10px;
    background: #fafafa
}

.re__prj-contact-box .re__contact-line .re__item-line {
    border-bottom: 1px solid #ccc;
    height: 1px;
    width: 100%;
    margin-top: -9px;
    margin-bottom: 27px
}

.re__prj-contact-box.re__fixed {
    position: fixed;
    top: 126px;
    width: 360px;
    margin-top: 30px
}

.re__prj-contact-box.re__bottom-fixed {
    position: absolute;
    bottom: 10px;
    top: auto
}

.re__box-fastkey {
    width: 100%;
    height: 100%;
    padding-right: 16px
}

.fastkey-section-close {
    right: 24px !important
}

.re__popup-contact-msg .re__content {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 10000
}

.re__popup-contact-msg .re__sending {
    width: 361px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 32px
}

.re__popup-contact-msg .re__sending .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: 4px
}

.re__popup-contact-msg .re__sending .re__msg {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050;
    margin-bottom: 16px
}

.re__popup-contact-msg .re__sending .re__btn {
    width: 200px;
    font-size: inherit
}

.re__prj-enquiry-form .re__prj-popup-title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    margin-bottom: 32px
}

.re__prj-enquiry-form .re__prj-popup-download-avar {
    float: left;
    margin-right: 24px;
    width: 165px;
    height: 233px;
    border-radius: 6px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat
}

.re__prj-enquiry-form .re__prj-popup-download-form {
    width: 396px;
    float: right
}

.re__prj-enquiry-form .re__prj-popup-download-form .re__prj-popup-download-item {
    margin-bottom: 16px
}

.re__prj-enquiry-form .re__prj-popup-download-form .re__prj-popup-download-item .re__btn-w-full {
    width: 100%
}

.re__prj-enquiry-form .re__prj-popup-download-form .re__prj-popup-download-item:last-child {
    margin-bottom: 0
}

.re__prj-enquiry-form input.js__input-field-is-invalid {
    border: 1px solid #E03C31
}

.re__prj-enquiry-form .js__input-field-invalid-feedback {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    margin-top: 8px;
    color: #E03C31
}

.re__prj-enquiry-form .re__prj-error-item {
    color: #E03C31;
    margin-bottom: 8px
}

.re__fancybox-lead-wrap {
    max-width: 464px !important
}

.re__fancybox-lead-wrap .fancybox-inner {
    max-width: 464px !important
}

.re__fancybox-lead-wrap .fancybox-skin {
    padding: 0 !important
}

.re__fancybox-lead-wrap .re__prj-popup-title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    padding: 16px 24px;
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 16px
}

.re__fancybox-lead-wrap .re__prj-enquiry-form .re__prj-popup-lead-item {
    padding: 0 24px 24px
}

.re__fancybox-lead-wrap .re__prj-enquiry-form .re__prj-popup-download-form {
    width: 100%;
    float: left !important
}

.re__fancybox-lead-wrap .re__prj-popup-text-top {
    margin-bottom: 16px
}

.re__fancybox-lead-wrap .re__prj-popup-text-policy {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    margin: 8px 0
}

.re__fancybox-lead-wrap .re__prj-popup-text-policy a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2C2C2C;
    text-decoration: underline
}

.re__fancybox-lead-wrap .fancybox-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
}

.re__fancybox-lead-wrap .fancybox-close::before {
    content: "" !important
}

.re__fancybox-lead-wrap .fancybox-close:hover {
    color: #505050
}

.re__fancybox-lead-wrap .fancybox-close:active {
    color: #2C2C2C
}

.re__prj-product-rent-list {
    margin-top: 40px;
    border-radius: 6px
}

.re__prj-product-rent-list .re__prj-title-ss {
    position: relative;
    padding-top: 24px;
    padding-bottom: 18px;
    margin-left: 24px;
    width: calc(100% - 136px)
}

.re__prj-product-rent-list .re__prj-title-ss.pdt0 {
    padding-top: 0px
}

.re__prj-product-rent-list .re__prj-title-ss.pdt0 .re__prj-btn-slide {
    top: 0px
}

.re__prj-product-rent-list .re__prj-title-ss a {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C
}

.re__prj-product-rent-list .re__prj-title-ss a i {
    margin-left: 3px
}

.re__prj-product-rent-list .re__prj-title-ss .re__prj-btn-slide {
    position: absolute;
    font-size: 0;
    top: 24px;
    right: -90px
}

.re__prj-product-rent-list .re__prj-title-ss .re__prj-btn-slide .swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.re__prj-product-rent-list .re__prj-list-product-slide {
    position: relative
}

.re__prj-product-rent-list .re__prj-list-product-slide .re__card-compact {
    margin-right: 24px;
    margin-bottom: 36px
}

.re__prj-product-rent-list .re__prj-list-product-slide .re__prj-gradient {
    position: absolute;
    height: 16px;
    width: 309px;
    top: 147.5px;
    z-index: 2;
    background: linear-gradient(180deg, rgba(44, 44, 44, 0) 0%, #2C2C2C 108.75%);
    mix-blend-mode: multiply;
    opacity: 0.2
}

.re__prj-product-rent-list .re__prj-list-product-slide .re__left-gradient {
    left: -146px;
    right: auto;
    transform: matrix(0, -1, -1, 0, 0, 0)
}

.re__prj-product-rent-list .re__prj-list-product-slide .re__rignt-gradient {
    right: -147px;
    left: auto;
    transform: rotate(-90deg)
}

.re__prj-product-rent-list .re__prj-list-product-slide .swiper-slide {
    display: inline-block;
    width: unset
}

.re__prj-product-rent-list .re__prj-list-product-slide .swiper-wrapper .swiper-slide:first-child .re__card-compact {
    margin-left: 24px
}

.re__location-page-content {
    width: 100%
}

.re__location-page-content .re__prj-title-ss {
    padding-bottom: 24px
}

.re__location-page-content .re__map-pro {
    box-sizing: border-box;
    border-radius: 8px
}

.re__location-page-content .re__map-pro .re__map-project {
    width: 100%;
    height: 280px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #ccc;
    border-bottom: none
}

.re__location-page-content .re__map-pro .re__map-project .gmnoprint .gm-style-mtc {
    display: none
}

.re__location-page-content .re__map-pro .re__map-project iframe {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.re__location-page-content .re__map-pro .re__location-insights {
    width: 100%;
    margin: 0.34px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #ccc;
    border-top: none
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav {
    position: relative;
    background: #fff;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    border-bottom: 1px solid #F2F2F2
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav:after {
    display: table;
    content: "";
    clear: both
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li {
    position: relative;
    float: left;
    padding: 12px 8px;
    height: 48px;
    color: #999;
    cursor: pointer;
    transition: 0.1s
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li:hover {
    color: #2C2C2C
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li:hover i {
    color: #2C2C2C
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li:hover span {
    color: #2C2C2C
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li:hover:after {
    background: #E03C31;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    transition: background 0.1s ease
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li i {
    margin-right: 8px;
    vertical-align: middle;
    color: #999
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    vertical-align: middle;
    color: #999
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li:first-child {
    margin-left: 16px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav li:last-child {
    margin-right: 16px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav .re__current {
    color: #2C2C2C
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav .re__current i {
    color: #2C2C2C
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav .re__current span {
    color: #2C2C2C;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-nav .re__current:after {
    background: #E03C31;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -1px;
    content: ""
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-summary {
    padding: 12px 16px 8px 16px;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-summary-nodata {
    padding: 40px 0;
    text-align: center
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-summary-nodata:before {
    content: "";
    background-image: url(/images/ProjectNet/icon/map-facility-no-data.svg);
    background-size: contain;
    display: block;
    margin: 0 auto;
    height: 80px;
    width: 80px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-summary-nodata p {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    margin-bottom: 0
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__pd-top-md {
    padding-top: 24px !important
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__summary-search-box {
    padding: 16px;
    display: block;
    position: relative
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__summary-search-box i {
    position: absolute;
    top: 24px;
    left: 28px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__summary-search-box input {
    padding-left: 31px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list {
    position: relative
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul {
    max-height: 268px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 16px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li {
    position: relative;
    cursor: pointer;
    padding: 0 16px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li .re__item-facility-box {
    position: relative;
    background: #fff;
    height: 65px;
    padding: 12px 0;
    border-bottom: 1px solid #F2F2F2;
    display: flex
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li .re__item-label {
    width: 100%;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    cursor: pointer
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li .re__item-desc {
    width: 100%;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    margin-top: 4px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li .re__item-desc i {
    margin-right: 4px;
    vertical-align: middle
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li .re__item-info-box {
    width: calc(100% - 80px);
    text-align: left;
    overflow: hidden
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li .re__item-distance-box {
    text-align: right
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li:last-child .re__item-facility-box {
    border-bottom: none
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li:hover {
    background: #F2F2F2
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul li:hover .re__item-facility-box {
    background: #F2F2F2
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul::-webkit-scrollbar {
    width: 4px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list ul::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 8px #ccc;
    border-radius: 4px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list .re__gradient {
    position: absolute;
    bottom: 0;
    height: 32px;
    width: calc(100% - 6px);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -35%, #fff 71.25%)
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list .re__current .re__item-label {
    color: #74150F
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul {
    max-height: 260px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-info-box {
    width: calc(100% - 270px);
    text-align: left
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-distance-box {
    width: auto;
    min-width: 238px;
    text-align: right;
    margin-right: 16px;
    overflow: hidden
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-distance-box .re__item-list-desc-box {
    display: inline-table
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-distance-box .re__item-desc {
    padding: 0 11px;
    border-right: 1px solid #F2F2F2
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-distance-box .re__item-desc:first-child {
    padding-left: 0
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-distance-box .re__item-desc:last-child {
    padding-right: 0;
    border-right: none
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-close-box {
    width: 32px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    cursor: pointer
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-close-box .re__item-close {
    height: 16px;
    padding-left: 15px;
    border-left: 1px solid #F2F2F2;
    font-size: 16px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__user-address-list ul li .re__item-close-box .re__item-close:before {
    color: #2C2C2C;
    content: ""
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list-scroll {
    margin-right: 3px
}

.re__location-page-content .re__map-pro .re__location-insights .re__location-insights-content .re__facilities-list-scroll ul li {
    padding-right: 8px
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c {
    padding: 0 !important;
    margin: 0 !important;
    filter: drop-shadow(0px 8px 20px rgba(182, 182, 182, 0.42));
    border-radius: 4px;
    background: #fff;
    max-height: none !important
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c button.gm-ui-hover-effect {
    display: none !important
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .gm-style-iw-d {
    overflow: hidden !important
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__map-popup-title {
    padding: 4px 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2C2C2C;
    width: 100%
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__map-popup-info {
    position: relative;
    display: flex
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__map-popup-info .re__content-left {
    width: 24px;
    min-height: 42px;
    vertical-align: middle;
    overflow: hidden;
    text-align: center
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__map-popup-info .re__content-left i {
    margin-top: calc(100% - 11px);
    vertical-align: middle;
    color: #fff;
    display: block
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__map-popup-info .re__content-right {
    padding: 4px 8px;
    width: calc(100% - 24px);
    min-height: 42px
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__map-popup-info .re__popup-label {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2C2C2C;
    width: 100%
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__map-popup-info .re__popup-desc {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    margin-top: 2px;
    width: 100%
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__school-front-color {
    background: #009BA1
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__supermarket-front-color {
    background: #FF661F
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__park-front-color {
    background: #07A35D
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__hospital-front-color {
    background: #74150F
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .re__restaurant-front-color {
    background: #A6732B
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .gm-style-iw-d {
    max-height: none !important
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-c .gm-style-iw-d .poi-info-window {
    margin: 12px
}

.re__location-page-content .re__map-pro .gm-style .gm-style-iw-t:after {
    background: none;
    box-shadow: none;
    transform: none;
    position: absolute;
    left: -10px;
    top: 0;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}

.pac-container {
    z-index: 3
}

.pac-container .pac-item {
    padding: 2px 6px
}

.pac-container .pac-item:hover {
    background-color: #F2F2F2
}

.pac-container .pac-item span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.pac-container .pac-logo::after {
    background-image: none !important;
    height: 0px
}

.gm-style-cc {
    min-height: 18px
}

.re__prj-design-box {
    width: 100%
}

.re__prj-design-box .re__prj-title-ss {
    padding-bottom: 16px
}

.re__prj-design-box .re__prj-design-nav-box {
    position: relative;
    width: 100%
}

.re__prj-design-box .re__prj-design-nav-box .re__nav-gradient-left {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    height: 32px;
    width: 72px;
    z-index: 1;
    text-align: left;
    background: linear-gradient(to right, #fff 44.64%, rgba(255, 255, 255, 0) 100%)
}

.re__prj-design-box .re__prj-design-nav-box .re__nav-gradient-right {
    position: absolute;
    display: none;
    right: 0;
    top: 0;
    height: 32px;
    width: 72px;
    z-index: 1;
    text-align: right;
    background: linear-gradient(to left, #fff 44.64%, rgba(255, 255, 255, 0) 100%)
}

.re__prj-design-box .re__prj-design-nav {
    position: relative;
    display: flex;
    background: #fff;
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    border-bottom: 1px solid #F2F2F2;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.re__prj-design-box .re__prj-design-nav::-webkit-scrollbar {
    display: none
}

.re__prj-design-box .re__prj-design-nav:after {
    display: table;
    content: "";
    clear: both
}

.re__prj-design-box .re__prj-design-nav li {
    position: relative;
    display: block;
    padding: 6px 8px;
    height: 32px;
    color: #999;
    cursor: pointer;
    transition: 0.1s;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    vertical-align: middle;
    color: #999
}

.re__prj-design-box .re__prj-design-nav li:hover {
    color: #2C2C2C
}

.re__prj-design-box .re__prj-design-nav li:hover:after {
    position: absolute;
    background: #E03C31;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 0;
    content: "";
    transition: background 0.1s ease
}

.re__prj-design-box .re__prj-design-nav li:last-child {
    margin-right: 8px
}

.re__prj-design-box .re__prj-design-nav .re__current {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__prj-design-box .re__prj-design-nav .re__current:after {
    background: #E03C31;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    content: ""
}

.re__prj-design-box .re__prj-design-content {
    width: 100%;
    height: 400px;
    margin-top: 16px
}

.re__prj-design-box .re__prj-design-content .re__tab-content {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 8px;
    height: 100%
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__full-image {
    height: calc(100% + 0.5px);
    width: calc(100% + 0.5px);
    min-height: 400px;
    border-radius: 8px;
    border: 1px solid #ccc;
    object-fit: cover
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__full-image-summary {
    position: absolute;
    display: block;
    bottom: 16px;
    right: 16px;
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    opacity: 0.6;
    cursor: pointer
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__full-image-summary i {
    color: #fff;
    display: block;
    text-align: center;
    vertical-align: middle;
    margin-top: calc(50% - 12px)
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left {
    position: relative;
    float: left;
    width: 265px;
    border-right: 1px solid #ccc;
    height: 100%
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__tab-content-header {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    width: 100%
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__tab-content-header .re__select--sm:focus {
    border-color: #ccc
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__tab-content-header .select-text-content {
    color: #2C2C2C;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__tab-content-header .advance-select-options {
    min-width: 233px;
    z-index: 3
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__tab-content-header .advance-select-options .advance-options {
    white-space: nowrap
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav {
    margin-top: 64px;
    max-height: calc(100% - 64px);
    min-height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom-left-radius: 8px;
    position: relative
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li {
    position: relative;
    cursor: pointer;
    padding: 0px 16px
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-label {
    width: 100%;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    cursor: pointer
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-desc {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-desc span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #505050;
    vertical-align: middle
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-desc i {
    margin-right: 4px;
    vertical-align: middle
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-box {
    position: relative;
    padding: 8px 0;
    background: #fff;
    border-bottom: 1px solid #F2F2F2
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-box .re__item-desc-box {
    margin-top: 8px;
    display: flex;
    max-height: 16px
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-box .re__item-desc {
    padding: 0 11px;
    border-right: 1px solid #F2F2F2
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-box .re__item-desc:first-child {
    padding-left: 0
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li .re__item-box .re__item-desc:last-child {
    padding-right: 0;
    border-right: none
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li:last-child .re__item-box {
    border-bottom: none
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav .re__current .re__item-label {
    color: #74150F
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li:hover {
    background: #F2F2F2
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav li:hover .re__item-box {
    background: #F2F2F2
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-one-group {
    margin-top: 8px;
    max-height: calc(100% - 8px)
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__list-scroll {
    margin-right: 3px
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__list-scroll li {
    padding-right: 8px
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__gradient {
    position: absolute;
    bottom: 0;
    height: 48px;
    width: calc(100% - 6px);
    border-bottom-left-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -35%, #fff 71.25%)
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav::-webkit-scrollbar {
    width: 4px
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-left .re__design-flat-nav::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 8px #ccc;
    border-radius: 4px
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-right {
    position: relative;
    float: left;
    width: calc(100% - 266px);
    height: 100%
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-right .re__image-content {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    margin-left: 0.25px;
    margin-top: -0.5px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    object-fit: contain;
    cursor: pointer
}

.re__prj-design-box .re__prj-design-content .re__tab-content .re__tab-content-right .re__image-content[src*="error"] {
    object-fit: cover
}

.re__prj-design-box .re__prj-design-content .re__no-border {
    border: none !important
}

.re__prj-card-config-dot {
    margin: 0 4px
}

.re__album-prj-design .lg-sub-html {
    height: 56px;
    padding-top: 8px;
    padding-bottom: 8px
}

.re__album-prj-design .lg-toolbar {
    height: 56px
}

.re__album-prj-design .re__album-header-desc {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 4px
}

.re__album-prj-design .re__album-header-only-title {
    margin-top: 10px
}

.re__empty-flats {
    height: 100%;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center
}

.re__empty-flats--box-center {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0 33px;
    align-items: center;
    margin-top: 75px
}

.re__empty-flats--box-center img {
    display: inline-block;
    width: 80px;
    height: 80px
}

.re__empty-flats--box-center span {
    color: #999;
    margin-top: 4px
}

.re__prj-payment-box {
    width: 100%
}

.re__prj-payment-box .re__prj-title-ss {
    padding-bottom: 24px;
    max-width: 230px;
    text-overflow: clip
}

.re__prj-payment-box .re__mr-xs {
    margin-right: 4px
}

.re__prj-payment-box .re__ml-xs {
    margin-left: 4px
}

.re__prj-payment-box .re__ml-sm {
    margin-left: 8px
}

.re__prj-payment-box .re__prj-payment-content {
    position: relative;
    display: flex
}

.re__prj-payment-box .re__prj-payment-content .re__display-flex {
    display: flex
}

.re__prj-payment-box .re__prj-payment-content .re__col-50 {
    width: 50%;
    position: relative
}

.re__prj-payment-box .re__prj-payment-content .re__width-cacl-98 {
    width: calc(100% - 98px) !important
}

.re__prj-payment-box .re__prj-payment-content .re__width-98 {
    width: 98px !important
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form {
    position: relative;
    width: 360px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__input--sm {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 5px 11px;
    padding-right: 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 4px;
    color: #2C2C2C;
    width: 100%;
    margin-top: 8px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__select--sm {
    color: #2C2C2C;
    margin-top: 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__row-input-control {
    position: relative;
    margin-top: 16px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__row-input-control:first-child {
    margin-top: 0
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__row-input-control .re__input-lable {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    width: 100%
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__row-input-control .re__input-icon {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    position: absolute;
    right: 12px;
    top: 34px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__row-input-control .re__input-icon .path1::before {
    color: #ccc
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__row-input-control .re__input-icon .path2::before {
    color: #fff
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__lable-note span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999
}

.re__prj-payment-box .re__prj-payment-content .re__payment-form .re__lable-note i {
    color: #999;
    font-size: 16px;
    vertical-align: middle
}

.re__prj-payment-box .re__prj-payment-content .advance-select-options.re__select-dropdown {
    z-index: 3
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result {
    position: relative;
    width: 360px;
    margin-left: 30px;
    padding: 24px;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(44, 44, 44, 0.08);
    border-radius: 8px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result::before {
    content: " ";
    position: absolute;
    width: 90px;
    height: 70px;
    top: 0;
    right: 16px;
    background-image: url(/images/ProjectNet/icon/icon-payment-calculator.svg)
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-title {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    width: 100%;
    color: #2C2C2C
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-total {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    margin-top: 8px;
    width: 100%;
    color: #2C2C2C;
    transition: all 0.25s
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__cyan {
    color: #009BA1
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__cyan .re__crossbar {
    background-color: #009BA1
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__cyan::before {
    content: "•";
    color: #009BA1;
    font-size: 28px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__purple {
    color: #845D9C
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__purple .re__crossbar {
    background-color: #845D9C
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__purple::before {
    content: "•";
    color: #845D9C;
    font-size: 28px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__yellow span {
    color: #FCB40A
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__yellow .re__desc,
.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__yellow .re__value {
    color: #2C2C2C
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__yellow .re__crossbar {
    background-color: #FCB40A
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__yellow::before {
    content: "•";
    color: #FCB40A;
    font-size: 28px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-progress-bar {
    margin-top: 16px;
    width: 100%;
    display: flex;
    transition: all 0.25s
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-progress-bar .re__progress-bar-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    white-space: nowrap
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-progress-bar .re__progress-bar-item::before {
    content: none !important
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-progress-bar .re__progress-bar-item .re__crossbar {
    height: 4px;
    margin-left: 2px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-progress-bar .re__progress-bar-item span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    margin-top: 4px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-progress-bar .re__progress-bar-item:first-child .re__crossbar {
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__label-progress-bar .re__progress-bar-item:last-child .re__crossbar {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__row-desc {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    margin-top: 12px;
    display: flex;
    color: #2C2C2C
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__row-desc:first-child {
    margin-top: 0
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__row-desc .re__desc {
    min-width: 100px;
    text-align: left
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__row-desc .re__value {
    text-align: right;
    width: 100%
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__row-sum {
    margin-top: 24px;
    padding: 9px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__row-sum .re__desc {
    min-width: 140px;
    vertical-align: middle;
    margin: auto
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__row-sum .re__payment {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    transition: all 0.25s
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__payment-result-detail {
    margin-top: 16px;
    list-style: none
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__payment-result-detail .re__row-desc .re__desc {
    margin-left: 7px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__btn-financial-detail {
    margin-top: 24px;
    width: 100%
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__btn-financial-detail:active i {
    color: #fff
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__btn-financial-detail:active span {
    color: #fff
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__detail-policy {
    margin-top: 16px
}

.re__prj-payment-box .re__prj-payment-content .re__payment-result .re__detail-policy i {
    vertical-align: middle
}

ul.ui-autocomplete {
    display: block;
    padding: 8px 0px;
    background: #fff;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.42);
    border-radius: 4px;
    border: none;
    box-sizing: content-box;
    max-height: 498px;
    overflow-x: hidden;
    margin-top: 8px;
    z-index: 3 !important
}

ul.ui-autocomplete>li {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    box-sizing: content-box;
    position: relative;
    padding: 6px 12px !important
}

ul.ui-autocomplete .ui-state-focus {
    background-color: #F2F2F2 !important;
    border: none;
    background: none
}

.re__prj-contact-box {
    background: #FAFAFA
}

.re__project-main-container .re__project-review-box .re__project-review-tag>span {
    color: #E03C31
}

[aria-label][role~="tooltip"]::after {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: normal !important;
    color: #fff;
    background: rgba(0, 0, 0, 0.8) !important;
    padding: 8px 12px !important
}

[role~="tooltip"][data-microtip-position="right"]::before {
    background: url(/images/tooltip/tooltip-right.svg) no-repeat;
    width: 6px;
    height: 10px
}

[role~="tooltip"][data-microtip-position="left"]::before {
    background: url(/images/tooltip/tooltip-left.svg) no-repeat;
    width: 6px;
    height: 10px
}

[role~="tooltip"][data-microtip-position="bottom"]::before {
    background: url('/assets/frontend/staticfile.batdongsan.com.vn/images/tooltip/tooltip-bottom.svg') no-repeat;
    width: 12px;
    height: 8px
}

[role~="tooltip"][data-microtip-position="top"]::before {
    background: url(/images/tooltip/tooltip-top.svg) no-repeat;
    width: 12px;
    height: 8px;
    bottom: 96%
}

.re__tag,
.re__tag--sm,
.re__tag-removable-solid--sm,
.re__tag--md,
.re__tag-removable-solid--md {
    overflow: hidden;
    display: block;
    float: left;
    padding: 6px 16px;
    border-radius: 40px;
    background: #F2F2F2;
    margin-right: 8px;
    color: #2C2C2C;
    cursor: pointer
}

.re__tag:hover,
.re__tag--sm:hover,
.re__tag-removable-solid--sm:hover,
.re__tag--md:hover,
.re__tag-removable-solid--md:hover {
    background: #F2F2F2;
    color: #999
}

.re__tag:active,
.re__tag--sm:active,
.re__tag-removable-solid--sm:active,
.re__tag--md:active,
.re__tag-removable-solid--md:active {
    background: #ccc;
    color: #2C2C2C
}

.re__actived.re__tag,
.re__actived.re__tag--sm,
.re__actived.re__tag-removable-solid--sm,
.re__actived.re__tag--md,
.re__actived.re__tag-removable-solid--md {
    background: #FFECEB;
    color: #74150F
}

.re__tag-icon-left span,
.re__tag-notification span,
.re__tag-close span,
.re__tag-icon-close span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    display: block;
    float: left
}

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

.re__tag a {
    color: #2C2C2C
}



@media (min-width: 1128px) {
    .re__project-navigation--fixed {
        margin-top: 35px;
    }
}


@media only screen and (max-width: 1024px) {
    .re__tag:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag:active {
        background: #ccc;
        color: #2C2C2C
    }

    .re__tag a:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag a:active {
        background: #ccc;
        color: #2C2C2C
    }
}

.re__tag--sm {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 2px 8px;
    margin-right: 6px
}

.re__tag--sm:hover {
    background: #F2F2F2;
    color: #999
}

.re__tag--sm:active {
    background: #ccc;
    color: #2C2C2C
}

.re__tag--sm a {
    color: #2C2C2C
}

@media only screen and (max-width: 1024px) {
    .re__tag--sm:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag--sm:active {
        background: #ccc;
        color: #2C2C2C
    }

    .re__tag--sm a:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag--sm a:active {
        background: #ccc;
        color: #2C2C2C
    }
}

.re__tag-removable-solid--sm {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 2px 8px;
    margin-right: 6px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 1px 7px;
    padding: 5px 15px
}

.re__tag-removable-solid--sm:hover {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.8)
}

.re__tag-removable-solid--sm:active {
    background: #fff;
    color: #2C2C2C;
    border: 1px solid #fff
}

.re__tag-removable-solid--sm.active {
    background: #fff;
    border: 1px solid #fff;
    color: #2C2C2C
}

.re__tag-removable-solid--sm a {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3)
}

@media only screen and (max-width: 1024px) {
    .re__tag-removable-solid--sm:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.3)
    }

    .re__tag-removable-solid--sm:active {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--sm a:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.3)
    }

    .re__tag-removable-solid--sm a:active {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--sm.active:hover {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--sm.active a:hover {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }
}

.re__tag--md {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 16px;
    margin-right: 8px
}

.re__tag--md:hover {
    background: #F2F2F2;
    color: #999
}

.re__tag--md:active {
    background: #ccc;
    color: #2C2C2C
}

.re__tag--md a {
    color: #2C2C2C
}

@media only screen and (max-width: 1024px) {
    .re__tag--md:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag--md:active {
        background: #ccc;
        color: #2C2C2C
    }

    .re__tag--md a:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag--md a:active {
        background: #ccc;
        color: #2C2C2C
    }
}

.re__tag-removable-solid--md {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 16px;
    margin-right: 8px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 1px 7px;
    padding: 5px 15px
}

.re__tag-removable-solid--md:hover {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.8)
}

.re__tag-removable-solid--md:active {
    background: #fff;
    color: #2C2C2C;
    border: 1px solid #fff
}

.re__tag-removable-solid--md.active {
    background: #fff;
    border: 1px solid #fff;
    color: #2C2C2C
}

.re__tag-removable-solid--md a {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3)
}

@media only screen and (max-width: 1024px) {
    .re__tag-removable-solid--md:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.3)
    }

    .re__tag-removable-solid--md:active {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--md a:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.3)
    }

    .re__tag-removable-solid--md a:active {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--md.active:hover {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--md.active a:hover {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }
}

.re__tag-icon-left i {
    font-size: 16px;
    padding: 2px 0px;
    float: left;
    margin-right: 8px
}

.re__tag-notification span {
    margin-right: 8px
}

.re__tag-notification span.notification {
    font-family: "Roboto Bold", Roboto, Arial !important;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal !important;
    color: #fff;
    background: #2C2C2C;
    border-radius: 4px;
    display: inline-block;
    min-width: 16px;
    line-height: 16px;
    padding: 0px 1px
}

.re__tag-close span {
    margin-right: 8px
}

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

.re__tag-icon-close span {
    font-size: 16px;
    margin-left: 8px;
    margin-right: 8px
}

.re__tag-icon-close i {
    font-size: 16px;
    padding: 2px 0px;
    float: left;
    margin-left: 0px
}

.re__tag-icon-close.re__multiple-row i {
    padding: 10px 0px
}

.re__tag-icon-close .re__content {
    display: block
}

.re__tag-icon-close .re__content .re__row-1 {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    clear: both;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 255px;
    overflow: hidden
}

.re__tag-icon-close .re__content .re__row-2 {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    display: block;
    float: left;
    clear: both;
    margin-left: 0px;
    margin-right: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 255px;
    overflow: hidden
}

.re__prj-exp-score-banner {
    position: relative;
    display: flex;
    padding: 15px 15px 15px 23px;
    background: #fff;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    box-shadow: 0px 4px 6px rgba(44, 44, 44, 0.04);
    border-radius: 4px
}

.re__prj-exp-score-banner img {
    width: 80px;
    height: 80px
}

.re__prj-exp-score-banner .re__info {
    margin: auto;
    vertical-align: middle;
    padding-left: 16px
}

.re__prj-exp-score-banner .re__info label {
    width: 100%;
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C
}

.re__prj-exp-score-banner .re__info span {
    margin-top: 8px;
    width: 100%;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.re__prj-exp-score-banner .re__btn-box {
    min-width: 176px;
    vertical-align: middle;
    margin: auto;
    text-align: right
}

.re__prj-exp-score-banner .re__btn-box .re__btn-icon--sm {
    margin-left: 5px;
    color: #999
}

.re__fancybox-wrap-select .fancybox-close {
    top: 16px;
    right: 24px;
    color: #fff;
    background-image: url(/images/icons/projects/icon-close-white.svg) !important
}

.re__fancybox-wrap-select .re__prj-exp-score-popup {
    display: block !important
}

.re__prj-exp-score-popup {
    position: relative;
    background: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    display: none
}

.re__prj-exp-score-popup img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.re__prj-exp-score-popup .re__info {
    vertical-align: middle;
    padding: 16px 24px;
    padding-bottom: 8px
}

.re__prj-exp-score-popup .re__info span {
    width: 100%;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__prj-exp-score-popup .re__btn-box {
    min-width: 32px;
    vertical-align: middle;
    text-align: center;
    padding: 24px
}

.re__prj-exp-score-popup .re__btn-box .re__btn {
    width: 100%
}

.re__prj-faqs {
    width: 100%
}

.re__prj-faqs .re__prj-title-ss {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    padding: 40px 0 24px 0
}

.re__prj-faqs .re__prj-faqs-container {
    width: 1140px;
    margin: auto;
    position: relative
}

.re__prj-faqs .re__prj-faqs-content {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 8px;
    padding-bottom: 0
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list {
    transition: height .5s ease;
    overflow: hidden
}

.re__prj-faqs .re__prj-faqs-content .re__content-view-more:not(.re__active) .re__item-more {
    display: none
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list {
    padding: 23px;
    padding-bottom: 0
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box {
    padding: 13px 0;
    border-bottom: 1px solid #F2F2F2
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box:last-child {
    border-bottom: none
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box i {
    color: #E03C31;
    margin-right: 8px;
    vertical-align: middle
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-label {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    cursor: pointer
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content {
    display: none;
    margin-top: 8px;
    margin-left: 24px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content p,
.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content span,
.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content ul,
.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content li,
.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content ol,
.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content strong {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050;
    padding-bottom: 0;
    margin-bottom: 0
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content ul,
.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content ol {
    margin-left: 24px
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content ul li {
    list-style-type: disc
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-list .re__collapse-box .re__collapse-content a {
    color: #E03C31;
    cursor: pointer;
    text-decoration: underline
}

.re__prj-faqs .re__prj-faqs-content .re__faq-view-control {
    padding: 8px 23px;
    position: relative
}

.re__prj-faqs .re__prj-faqs-content .re__faq-view-control .re__gradient {
    position: absolute;
    width: 100%;
    height: 2px;
    top: -2px;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-footer-box {
    background-color: #FAFAFA;
    border-radius: 0px 0px 8px 8px;
    padding: 16px 23px;
    display: flex
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-footer-box label {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    margin-right: 16px;
    margin-top: auto;
    margin-bottom: auto
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-footer-box .re__faqs-feedback-box button {
    margin-right: 6px
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-footer-box .re__faqs-feedback-box p {
    margin: auto !important;
    padding-top: 6px;
    color: #999
}

.re__prj-faqs .re__prj-faqs-content .re__faqs-footer-box .re__btn-question-prj {
    margin-left: auto
}