.lg-outer .lg-sub-html {
    position: absolute;
    font-family: "Roboto Medium" !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" !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" !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" !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: 1px solid #ccc !important;
    font-family: "Nunito Bold" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 13px 15px;
    box-sizing: border-box;
    border-radius: 8px
}

.lg-outer .lg-actions .lg-icon:active {
    color: #fff !important;
    background: #505050 !important;
    border: 1px solid #505050 !important
}

.lg-outer .lg-actions .lg-icon:active i {
    color: #fff !important
}

.lg-outer .lg-actions .lg-icon:active span {
    color: #fff !important
}

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

.lg-outer .lg-actions .lg-icon:disabled i {
    color: #999 !important
}

.lg-outer .lg-actions .lg-icon:disabled span {
    color: #999 !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: 700px;
    float: left;    
    margin-bottom: 40px
}

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

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

.re__hide-effect {
    opacity: 0;
    transition: .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-top--md {
    margin-bottom: 16px
}

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

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

.re__project-editor strong {
    font-weight: bold
}

.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: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    padding-top: 8px;
    margin-bottom: 16px
}

.re__project-editor p,.re__project-editor div,.re__project-editor span {
    font-family: "Roboto Regular" !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 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: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__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" !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
}

._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)
}

.re__prj-tag-info {
    background-color: #fff;
    margin-bottom: 8px;
    max-width: 100%;
    font-family: "Roboto Regular" !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" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    clear: left
}

.re__prj-tag-info>label {
    font-family: "Roboto Medium" !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: #961b12
}

.re__prj-tag-info.re__project-open {
    background: #e7fff4;
    color: #006d3c
}

.re__prj-tag-info.re__project-finish {
    background: #f0eaf4;
    color: #563968
}

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

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

.re__prj-card-full {
    width: 100%;
    border-radius: 4px;
    outline: 1px solid #d0d0d0;
    outline-offset: -1px;
    box-shadow: 0px 4px 6px 0px rgb(44 44 44 / 4%)
}

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

.re__prj-card-full>a {
    display: block
}

.re__prj-card-full>a .re__prj-card-image {
    position: relative;
    width: 240px;
    float: left;
    display: block
}

.re__prj-card-full>a .re__prj-card-image>img {
    width: 100%;
    float: left
}

.re__prj-card-full>a .re__prj-card-image>img:not(:nth-child(1)) {
    width: calc(50% - 1px);
    height: 66px;
    margin-top: 2px
}

.re__prj-card-full>a .re__prj-card-image>img:nth-child(1) {
    height: 192px;
    border-top-left-radius: 4px
}

.re__prj-card-full>a .re__prj-card-image>img:nth-child(2) {
    border-bottom-left-radius: 4px
}

.re__prj-card-full>a .re__prj-card-image>img:nth-child(3) {
    margin-left: 2px
}

.re__prj-card-full>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;
    border-bottom-left-radius: 4px
}

.re__prj-card-full>a .re__prj-card-image.re__no-image>img {
    height: 100%
}

.re__prj-card-full>a .re__prj-card-image.re__no-image::after {
    content: none
}

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

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

.re__prj-card-full>a .re__prj-card-image .re__prj-card-image-feature>span {
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    float: left;
    margin: 2px 0px;
    color: #fff
}

.re__prj-card-full>a .re__prj-card-image-no-image::after {
    content: unset
}

.re__prj-card-full>a .re__prj-card-info {
    width: calc(100% - 240px);
    float: left;
    display: block;
    padding: 16px;
    padding-left: 24px;
    box-sizing: border-box
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content {
    height: 100%;
    position: relative
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-tag-info {
    margin-bottom: 8px;
    padding: 4px 8px
}

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

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

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-title {
    font-family: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    color: #2c2c2c
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config {
    margin-top: 8px
}

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

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config .re__prj-card-config-value {
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2c2c2c
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config .re__prj-card-config-value>span {
    display: block;
    float: left;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-config .re__prj-card-config-value>i {
    display: block;
    float: left;
    margin: 0 0 0 4px
}

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

.re__prj-card-full>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-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-location {
    margin-top: 8px;
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2c2c2c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-summary {
    margin-top: 8px;
    clear: left;
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact.re__full-width .re__prj-card-contact-avatar {
    width: 100%
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-avatar {
    float: left
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-avatar.re__avatar-full-max-width {
    max-width: 100%
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-avatar.re__avatar-fix-max-width {
    max-width: 243px
}

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

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-avatar>span {
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    display: inline-block;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #2c2c2c;
    line-height: 32px
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-avatar>span.re__span-fix-max-width {
    max-width: 199px
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-avatar>span.re__span-full-max-width {
    max-width: 420px
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-button {
    float: right;
    height: 32px;
    position: relative
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-button>span>i {
    color: #fff
}

.re__prj-card-full>a .re__prj-card-info .re__prj-card-info-content .re__prj-card-contact .re__prj-card-contact-button>span>span {
    color: #fff
}

.re__list-standard-1line--sm {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    margin: 0px 16px;
    padding: 6px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__list-standard-1line--sm:last-of-type {
    border-bottom: 0
}

.re__list-standard-1line--sm:last-of-type {
    border-bottom: 0
}

.re__list-standard-1line-no-underline--sm {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: none;
    margin: 0px 16px;
    padding: 6px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__list-standard-1line--md {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    margin: 0px 16px;
    padding: 14px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__list-standard-1line--md:last-of-type {
    border-bottom: 0
}

.re__list-standard-1line--md:last-of-type {
    border-bottom: 0
}

.re__list-standard-1line-no-underline--md {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: none;
    margin: 0px 16px;
    padding: 14px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__list-standard-1line--lg {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    margin: 0px 16px;
    padding: 16px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important
}

.re__list-standard-1line--lg:last-of-type {
    border-bottom: 0
}

.re__list-standard-1line--lg:last-of-type {
    border-bottom: 0
}

.re__list-standard-1line-no-underline--lg {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: none;
    margin: 0px 16px;
    padding: 16px 0px;
    font-family: "Roboto Medium" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important
}

.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: #961b12
}

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

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

.re__tag a {
    color: #2c2c2c
}

@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" !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" !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" !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" !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" !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
}

.skeleton .skeleton__content {
    background: #e2e2e2 !important;
    color: transparent;
    position: relative;
    overflow: hidden
}

.skeleton .skeleton__content::before {
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    height: 100%;
    width: 50px;
    background: linear-gradient(to right, #e2e2e2 25%, #d5d5d5 50%, #e2e2e2 100%);
    animation-name: gradient-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    filter: blur(5px)
}

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

    to {
        left: 100%
    }
}

.none-after::after {
    display: none !important
}

.re__prj-hightlight {
    width: 100%;
    min-width: 1140px;
    height: 420px;
    position: relative
}

.re__prj-hightlight .re__left {
    z-index: 1;
    left: 15px;
    position: absolute;
    top: calc(50% - 16px)
}

.re__prj-hightlight .re__right {
    z-index: 1;
    right: 15px;
    position: absolute;
    top: calc(50% - 16px)
}

.re__prj-hightlight .re__prj-container {
    width: 1140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 570px)
}

.re__prj-hightlight .re__prj-item {
    position: relative;
    height: 420px
}

.re__prj-hightlight .re__prj-item>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.re__prj-hightlight .re__prj-item::before {
    content: '';
    width: 100%;
    height: 260px;
    background: linear-gradient(180deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%);
    mix-blend-mode: multiply;
    bottom: 0;
    left: 0;
    position: absolute
}

.re__prj-hightlight .re__prj-info {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%
}

.re__prj-hightlight .re__prj-title {
    font-family: "Nunito Bold" !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    color: #fff;
    margin-bottom: 8px
}

.re__prj-hightlight .re__prj-address {
    font-family: "Roboto Regular" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    color: rgba(255,255,255,0.8);
    width: calc(100% - 94px)
}

.re__prj-hightlight .swiper-pagination {
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 1140px;
    margin: 0 auto;
    text-align: right;
    pointer-events: none
}

.re__prj-hightlight .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #FFFFFF;
    opacity: 0.6;
    pointer-events: initial
}

.re__prj-hightlight .swiper-pagination-bullet-active {
    opacity: 1
}

.re__prj-hightlight .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0 0 6px
}

.re__prj-hightlight .swiper-pagination-fraction {
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    bottom: 27px
}

.re__prj-hightlight .swiper-pagination-fraction>div {
    color: #fff;
    background: rgba(0,0,0,0.6);
    border-radius: 4px;
    padding: 6px 12px;
    display: inline-block
}

.re__prj-news-box {
    position: relative
}

.re__prj-news-box .re__box-title {
    color: #2c2c2c;
    font-family: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important
}

.re__prj-news-box .re__link-more {
    position: absolute;
    top: 4px;
    right: 0
}

.re__prj-news-box .re__link-more>span {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__hcard-news {
    padding: 16px 0;
    border-bottom: 1px solid #f2f2f2;
    position: relative
}

.re__hcard-news:last-child {
    border-bottom: none
}

.re__hcard-news>.re__left-item {
    float: left;
    width: 120px;
    height: 90px;
    position: relative
}

.re__hcard-news>.re__left-item>a>img {
    border-radius: 4px;
    width: 100%;
    height: 100%
}

.re__hcard-news>.re__left-item>a>i {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px)
}

.re__hcard-news>.re__right-item {
    float: left;
    width: calc(100% - 128px);
    padding-left: 16px
}

.re__hcard-news>.re__right-item>.re__link-title a {
    font-family: "Nunito Bold" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__hcard-news>.re__right-item>.re__time {
    position: absolute;
    color: #999;
    bottom: 16px;
    font-family: "Roboto Regular" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important
}

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

.re__scard-news {
    position: relative;
    width: 360px;
    height: 248px;
    margin-top: 16px;
    margin-bottom: 24px
}

.re__scard-news .re__scard-news-wrap {
    border-radius: 4px;
    width: 100%;
    height: 100%
}

.re__scard-news .re__bg-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.re__scard-news .re__bg-item>img {
    width: 100%;
    height: 100%
}

.re__scard-news .re__bg-item>i {
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px)
}

.re__scard-news .re__bg-item::before {
    content: '';
    width: 100%;
    height: 133px;
    background: linear-gradient(180deg, rgba(44,44,44,0) 0%, rgba(44,44,44,0.8) 100%);
    mix-blend-mode: multiply;
    bottom: 0;
    left: 0;
    position: absolute
}

.re__scard-news .re__bottom-item {
    position: absolute;
    bottom: 16px;
    left: 16px;
    color: #fff
}

.re__scard-news .re__bottom-item .re__link-title {
    font-family: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    margin-bottom: 4px;
    color: #fff
}

.re__scard-news .re__bottom-item .re__time {
    font-family: "Roboto Regular" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    opacity: 0.8
}

.re__scard-news .re__left {
    z-index: 1;
    left: 15px;
    position: absolute;
    top: calc(50% - 16px)
}

.re__scard-news .re__right {
    z-index: 1;
    right: 15px;
    position: absolute;
    top: calc(50% - 16px)
}

.re__scard-news .swiper-pagination {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: auto;
    margin: 0 auto;
    left: auto
}

.re__scard-news .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    opacity: 0.3
}

.re__scard-news .swiper-pagination-bullet-active {
    opacity: 1
}

.re__scard-news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0 0 6px
}

.re__project-list__header {
    font-family: "Nunito Bold" !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    color: #2c2c2c
}

.re__project-list__summary-bar {
    display: flex;
    margin: 12px 0 16px
}

.re__project-list__summary-bar__project-counting {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2c2c2c;
    align-self: center
}

.re__project-list__summary-bar__project-counting span {
    font-weight: 500
}

.re__project-list .re__project-sort {
    margin-left: auto;
    min-width: 140px
}

.re__project-list .re__project-sort .re__filter-label {
    color: #2c2c2c
}

.re__project-list .re__project-sort .re__select-dropdown {
    z-index: 1
}

.re__project-list .re__pagination-group {
    margin-bottom: 20px
}

.re__project-list .re__listing-empty {
    text-align: center;
    margin-bottom: 40px
}

.re__project-list .re__listing-empty::before {
    content: " ";
    background-image: url(/images/ProjectNet/icon/empty-property.svg);
    background-size: contain;
    width: 240px;
    height: 240px;
    display: block;
    margin: 24px auto 0px auto
}

.re__project-list .re__listing-empty p {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #999;
    text-align: center;
    margin-bottom: 4px
}

.re__prj-list-full {
    margin-bottom: 32px
}

.re__prj-list-full .re__prj-card-full {
    margin-top: 16px
}

.project-search-bar {
    z-index: 3;
    margin: 30px 0
}

.project-search-bar .project-search-bar-inside {
    background: #FFFFFF;
    position: relative;
    height: 56px;
    box-shadow: 0px 2px 4px rgba(132,140,148,0.05);
    border-radius: 6px;
    width: 1140px;
    padding: 0;
    margin: 0 auto;
    border: 1px solid #EBEDF0
}

.project-search-bar.fixed {
    top: 56px;
    position: fixed;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(182,182,182,0.18);
    margin: 0
}

.project-search-bar.responsive {
    top: 56px
}

.project-search-bar.top0 {
    top: 0
}

.project-search-bar.fixed .project-search-bar-inside {
    position: relative;
    box-shadow: none;
    border-radius: 0;
    border: none
}

.project-search-bar .select-control .select-control-label {
    padding: 8px 16px 8px
}

.project-search-bar #divPrice,.project-search-bar #divStage {
    padding-bottom: 8px
}

.project-search-bar #divPrice ul li>span:hover,.project-search-bar #divStage ul li>span:hover {
    background: #f2f2f2 !important
}

.project-search-bar #divPrice ul li>span:active,.project-search-bar #divStage ul li>span:active {
    background: #ccc !important
}

.project-search-bar #divCategory {
    border-radius: 8px
}

.project-search-bar #divCategory.custom-scroll {
    max-height: 340px
}

.project-search-bar #divCategory ul li {
    position: relative;
    cursor: pointer;
    padding: 4px 0px;
    border-bottom: 1px solid #f2f2f2
}

.project-search-bar #divCategory ul li:hover,.project-search-bar #divCategory ul li:active {
    background: none
}

.project-search-bar #divCategory ul li>span {
    display: block
}

.project-search-bar #divCategory ul li>span:hover {
    background: #f2f2f2
}

.project-search-bar #divCategory ul li>span:active {
    background: #ccc
}

.project-search-bar #divCategory ul li>span.active>i,.project-search-bar #divCategory ul li>span.active>span {
    color: #961b12
}

.project-search-bar #divCategory ul li>span>i {
    margin: 8px 0px 8px 16px;
    display: block;
    float: left
}

.project-search-bar #divCategory ul li>span>span {
    white-space: nowrap;
    margin: 6px 16px 6px 8px;
    display: block;
    float: left;
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.project-search-bar #divCategory ul li>span::after {
    content: "";
    clear: left;
    display: block
}

.project-search-bar .project-search-bar-input {
    background: #fff url(/images/icons/16x16/ic_search.svg) no-repeat 24px center;
    width: 100%;
    line-height: 22px;
    padding: 16px 40px 16px 48px;
    border: none;
    border-radius: 6px 0 0 6px
}

.project-search-bar.fixed .project-search-bar-input {
    border: 1px solid #DFE3E8;
    border-radius: 4px;
    margin: 8px 16px 8px 0;
    padding: 8px 40px 8px 48px;
    width: calc(100% - 16px)
}

.project-search-bar-input::-webkit-input-placeholder {
    color: #848C94;
    font-weight: normal;
    opacity: 1
}

.project-search-bar-input::-moz-placeholder {
    color: #848C94;
    font-weight: normal;
    opacity: 1
}

.project-search-bar-input:-ms-input-placeholder {
    color: #848C94;
    font-weight: normal;
    opacity: 1
}

.project-search-bar-input:-moz-placeholder {
    color: #848C94;
    font-weight: normal;
    opacity: 1
}

.project-search-bar-input::-ms-clear {
    display: none
}

.project-search-bar .btn-blue-8 {
    width: 108px;
    height: 56px;
    background: #0E4E8C;
    box-shadow: 0px 2px 4px rgba(132,140,148,0.05);
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    padding: 19px 0;
    border: none;
    -webkit-appearance: none;
    margin: 0;
    float: right;
    border-radius: 0 6px 6px 0;
    margin-top: -1px
}

.project-search-bar #btnProjectSearch {
    margin: 12px 16px 0 0;
    float: right;
    color: #fff;
    font-weight: bold;
    font-size: 14px
}

.project-search-bar.fixed #btnProjectSearch {
    margin-right: 0;
    transition: all 0.1s linear
}

.project-search-bar.fixed .project-search-bar-suggestion {
    padding-left: 0;
    width: 331px;
    transition: all 0.1s linear
}

.project-search-bar.fixed .select-control {
    width: 167px;
    transition: all 0.1s linear
}

.project-search-bar.fixed .select-control.stage-control {
    width: 160px
}

.project-search-bar.fixed .vertical-line-stage {
    display: block
}

.project-search-bar .hiding {
    display: none
}

.project-search-bar .project-search-bar-suggestion {
    float: left;
    position: relative;
    width: 337px;
    padding: 12px 16px
}

.search-input-wrap .project-search-bar-suggestion {
    margin-right: 0
}

.project-search-bar .vertical-line {
    background: #f2f2f2;
    width: 1px;
    height: 32px;
    float: left;
    margin: 12px 0px
}

.project-search-bar .select-control {
    float: left;
    position: relative;
    width: 159px;
    cursor: pointer;
    border: none
}

.project-search-bar .icon-close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 0px;
    cursor: pointer
}

.project-search-bar.fixed .icon-close {
    right: 16px
}

.project-search-bar .icon-close img {
    vertical-align: middle
}

.search-input-wrap .project-search-bar-input {
    width: 100%
}

#project-suggestion {
    position: absolute;
    bottom: 0;
    width: 100%
}

#project-suggestion ul.ui-autocomplete {
    display: block;
    padding: 8px 0px;
    background: #fff;
    box-shadow: 0px 4px 16px rgba(44,44,44,0.08);
    border-radius: 4px;
    border: none;
    box-sizing: content-box;
    max-height: 498px;
    overflow-x: hidden;
    left: -1px !important;
    width: auto !important;
    min-width: 400px
}

#project-suggestion ul.ui-autocomplete>li {
    box-sizing: content-box;
    position: relative;
    width: 100%
}

#project-suggestion ul.ui-autocomplete>li:nth-child(1)::after {
    content: "";
    display: block;
    height: 1px;
    background-color: #f2f2f2;
    margin: 8px 21px 0 16px
}

#project-suggestion ul.ui-autocomplete>li:last-child::after {
    height: 0px;
    margin: 0
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-divider {
    font-family: "Roboto Medium" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    padding: 12px 16px 8px 16px;
    display: inline-block;
    color: #999
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item {
    cursor: pointer
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item:first-child {
    background: none !important
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item.ui-state-hover {
    border: none;
    border-radius: 0;
    background: #f2f2f2;
    margin: 0
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item.ui-state-hover i {
    border: none;
    background: #f2f2f2;
    border-radius: 0;
    margin: 0
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item.ui-state-focus {
    border: none;
    background: #f2f2f2;
    border-radius: 0;
    margin: 0
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item.ui-state-focus>a:not(.re__remove-searching-history) {
    padding: 6px 16px
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item.ui-state-focus>a:not(.re__remove-searching-history)>span {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2c2c2c
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item.ui-state-focus i {
    border: none;
    background: #f2f2f2;
    border-radius: 0;
    margin: 0
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history) {
    padding: 6px 16px;
    line-height: initial
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history).ui-state-hover {
    border: none;
    border-radius: 0;
    background: #f2f2f2;
    margin: 0
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history)>i {
    float: left;
    display: block;
    margin: 2px 12px 2px 0px
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history)>span {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2c2c2c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    vertical-align: middle
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history)>span>b {
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history)::after {
    content: "";
    display: block;
    clear: both
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history):hover {
    background-color: #f2f2f2
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history):active {
    background-color: #ccc
}

#project-suggestion ul.ui-autocomplete>li.ui-menu-item>a.re__remove-searching-history {
    position: absolute;
    top: 8px;
    right: 16px;
    padding: 0px;
    height: 16px;
    color: #999;
    border: none;
    border-radius: 0;
    background: none;
    margin: 0
}

#project-suggestion ul.ui-autocomplete>li.re__searching-history>a:not(.re__remove-searching-history)>span {
    padding-right: 28px
}

@media only screen and (max-width: 1128px) {
    #project-suggestion {
        position:relative
    }

    #project-suggestion ul.ui-autocomplete {
        position: absolute;
        top: 0 !important
    }

    .fix #project-suggestion {
        bottom: unset;
        top: -8px
    }
}

.project-search-bar .select-control-label:hover {
    background: #f2f2f2
}

.project-search-bar .select-control.active .select-control-label {
    background: #ccc
}

.project-search-bar .select-control.active .dropbox-label::after {
    content: "\e9e3";
    top: 9px
}

.project-search-bar .select-control-label:active {
    background: #ccc !important
}

.project-search-bar .dropbox-label {
    font-family: "Roboto Regular" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2c2c2c;
    padding-bottom: 4px;
    cursor: pointer;
    display: block
}

.project-search-bar .dropbox-label::after {
    content: "\e9e0";
    font-family: "font-icon-bds";
    margin-left: 4px;
    font-size: 16px;
    color: #999;
    position: absolute;
    top: 8px;
    clear: left
}

.project-search-bar .custom-value {
    line-height: 20px;
    color: #2c2c2c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.project-search-bar .custom-value.hasvalue {
    color: #2c2c2c;
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.project-search-bar .custom-value.hasvalue span {
    font-family: "Roboto Medium" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.project-search-bar .custom-value img {
    vertical-align: middle
}

.project-search-bar .custom-value i {
    display: none
}

.project-search-bar .select-control.filter-control {
    float: left;
    line-height: 20px;
    color: #2C2F36;
    line-height: 40px;
    width: auto !important;
    margin: 0;
    padding: 0
}

[aria-label][role~="tooltip"]::before,[aria-label][role~="tooltip"]::after {
    line-height: 20px
}

.project-search-bar .filter-info {
    margin-left: 4px
}

.project-search-bar .filter-control .icon-filter {
    vertical-align: middle
}

.project-search-bar .filter-control .icon-number {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    width: 16px;
    background: #2C2F36;
    text-align: center;
    letter-spacing: 0.16px;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 50%;
    vertical-align: text-top;
    display: none
}

.project-search-bar .filter-control input[type=text] {
    position: absolute;
    top: 5px;
    width: 312px !important
}

.project-search-bar .custom-dropbox,.project-search-bar .custom-dropbox-cate {
    min-width: 280px;
    position: absolute;
    box-shadow: 0px 8px 32px rgba(3,44,71,0.24);
    border-radius: 8px;
    padding: 8px 0 0 0;
    top: 64px;
    left: 0;
    z-index: 99;
    background: #fff;
    border: 0px
}

.project-search-bar .custom-dropbox-cate {
    padding: 0
}

.project-search-bar .custom-dropbox-cate ul li {
    width: 100%;
    line-height: 32px;
    color: #2C2F36;
    padding: 0px
}

.project-search-bar .custom-dropbox-cate ul li:hover {
    background: none !important
}

.project-search-bar .custom-dropbox-cate ul li span {
    display: block;
    padding: 0 16px
}

.project-search-bar .custom-dropbox-cate ul li li span {
    padding-left: 32px
}

.project-search-bar .custom-dropbox-cate span.active {
    color: #004E7F;
    background: #EDF7FF;
    cursor: pointer;
    font-weight: bold
}

.project-search-bar .custom-dropbox ul li {
    width: 100%;
    line-height: 32px;
    color: #2c2c2c;
    padding: 0 16px
}

.project-search-bar .custom-dropbox ul li img {
    vertical-align: middle
}

.project-search-bar .custom-dropbox ul li.active,.fly-options ul li.active {
    color: #961b12;
    background: transparent
}

.project-search-bar #divWardOptions ul li.current,.project-search-bar #divStreetOptions ul li.current,.project-search-bar #divHomeDirectionOptions ul li.current {
    background: #F5F6F7 !important
}

.fly-options ul li.current {
    background: #EDF7FF;
    cursor: pointer
}

.project-search-bar .custom-dropbox ul li:hover,.project-search-bar .custom-dropbox-cate span:hover,.fly-options ul li:hover {
    background: #f2f2f2;
    color: #2c2c2c
}

.project-search-bar .custom-dropbox ul li:active,.project-search-bar .custom-dropbox-cate span:active,.fly-options ul li:active {
    background: #ccc;
    color: #2c2c2c
}

.project-search-bar .custom-dropbox ul li.active:hover,.project-search-bar .custom-dropbox-cate span.active:hover,.fly-options ul li.active:hover,.project-search-bar .custom-dropbox ul li.active:active,.project-search-bar .custom-dropbox-cate span.active:active,.fly-options ul li.active:active {
    color: #961b12
}

.project-search-bar .custom-dropbox .adv-arrow {
    background-image: url(/images/icons/16x16/filled/ic-chevron-right.svg);
    background-position: right 12px center;
    background-repeat: no-repeat
}

.project-search-bar .custom-dropbox .adv-arrow:hover,#divCityOptions ul.advance-options li.adv-arrow:hover,#divCityOptions ul.advance-options li.current.adv-arrow {
    background-image: url(/images/icons/16x16/filled/ic-chevron-right.svg) !important;
    background-position: right 12px center !important;
    background-repeat: no-repeat !important
}

.custom-dropbox input[type=text]:focus {
    box-shadow: none
}

.custom-dropbox .select-text-content {
    background: #f2f2f2;
    border-radius: 4px;
    width: calc(100% - 16px);
    padding: 0 20px 0 12px;
    color: #2c2c2c;
    line-height: 32px;
    border: none;
    margin: 0 8px 8px 8px
}

#divProjects.advance-select-options li {
    color: #2c2c2c;
    line-height: 40px;
    width: 100%;
    cursor: pointer
}

#divCityOptions ul.advance-options li.current,#divCategory ul.advance-options li.current,#divPrice ul.advance-options li.current,#divStage ul.advance-options li.current,#divProjects.advance-select-options li.current {
    background: transparent !important;
    color: #961b12
}

#divCityOptions ul.advance-options li.active,#divPrice ul.advance-options li:active,#divStage ul.advance-options li:active,#divProjects.advance-select-options li.active {
    color: #961b12;
    background: transparent;
    cursor: pointer
}

#divCityOptions ul.advance-options li:hover,#divPrice ul.advance-options li:hover,#divStage ul.advance-options li:hover,#divProjects.advance-select-options li:hover {
    background: #f2f2f2 !important;
    color: #2c2c2c
}

#divCityOptions ul.advance-options li:active,#divPrice ul.advance-options li:active,#divStage ul.advance-options li:active,#divProjects.advance-select-options li:active {
    background: #ccc !important;
    color: #2c2c2c
}

#divCityOptions ul.advance-options li.active:hover,#divProjects.advance-select-options li.active:hover {
    color: #961b12
}

.project-search-bar .city-root a {
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    color: #2c2c2c;
    padding: 0 20px;
    background: url(/images/icons/16x16/ic_caret_left.svg) no-repeat 20px center;
    display: block
}

.project-search-bar .custom-scroll,.custom-scroll {
    max-height: calc(32px * 8 + 8px);
    overflow: auto;
    border-radius: 8px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px
}

.project-search-bar .price-control .custom-scroll,.project-search-bar .area-control .custom-scroll {
    max-height: 300px;
    border-radius: 0
}

.project-search-bar .price-control .pad-bot-40,.project-search-bar .area-control .pad-bot-40 {
    padding-bottom: 48px
}

.project-search-bar .custom-dropbox-cate {
    max-height: 308px;
    padding: 8px 0 0 0;
    border-radius: 8px
}

.project-search-bar .slider-range,.select-area-option .slider-range {
    padding: 0 16px 16px 16px
}

.project-search-bar .slider-range input[type=text],.select-area-option .slider-range input[type=text] {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 4px;
    width: 106px;
    line-height: 32px;
    color: #2c2c2c;
    padding: 0 12px;
    float: left;
    text-align: center
}

.project-search-bar .slider-range span,.select-area-option .slider-range span {
    line-height: 32px;
    float: left;
    padding: 0 8px
}

.project-search-bar .slider-range span img,.select-area-option .slider-range span img,.filter-label img {
    vertical-align: middle
}

.project-search-bar .ui-slider-handle,.select-area-option .ui-slider-handle {
    background: #009BA1;
    border: 1px solid #9ed8da;
    box-shadow: 0px 4px 16px rgba(44,44,44,0.08);
    border-radius: 100px;
    width: 24px;
    height: 24px;
    top: -10px;
    cursor: pointer
}

.project-search-bar .ui-slider-handle:hover,.select-area-option .ui-slider-handle:hover {
    background-color: #1DBABF
}

.project-search-bar .slider-range .ui-widget-content,.select-area-option .slider-range .ui-widget-content {
    background: #f2f2f2;
    border-radius: 2px;
    height: 4px;
    border: none
}

.project-search-bar .slider-range .ui-slider-horizontal .ui-slider-range,.select-area-option .slider-range .ui-slider-horizontal .ui-slider-range {
    height: 4px;
    background: #009BA1;
    top: 1px
}

.project-search-bar .slider-range .ui-slider-horizontal .ui-slider-handle,.select-area-option .slider-range .ui-slider-horizontal .ui-slider-handle {
    margin-left: -12px
}

.select-area-option #area-slider-range,.project-search-bar #price-slider-range {
    width: 224px;
    margin: 10px auto
}

.project-search-bar .select-reset,.area-reset {
    width: 100%;
    line-height: 48px;
    font-weight: 500;
    padding: 0 16px;
    border-radius: 0 0 8px 8px;
    position: absolute;
    bottom: 0;
    box-shadow: inset 0px 1px 0px #DFE3E8;
    background: #fff;
    cursor: pointer
}

.project-search-bar .select-filter-dropbox ul {
    width: 100%
}

.project-search-bar .select-filter-dropbox .custom-scroll {
    max-height: 468px
}

.project-search-bar .select-filter-dropbox .select-reset {
    left: 0;
    bottom: 0;
    z-index: 2
}

.project-search-bar .select-filter-dropbox .ul-new ul li {
    float: left;
    width: 20%;
    border: 1px solid #CCD3D9;
    padding: 0;
    text-align: center;
    margin-left: -1px;
    position: relative;
    z-index: 1
}

.project-search-bar .select-filter-dropbox .ul-new ul li:first-child {
    border-left: 1px solid #CCD3D9;
    border-radius: 4px 0 0 4px;
    margin-left: 0 !important
}

.project-search-bar .select-filter-dropbox .ul-new ul li:last-child {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

.project-search-bar .select-filter-dropbox .ul-new ul li.current,.project-search-bar .select-filter-dropbox .ul-new ul li.active {
    border: 1px solid #95C4E6;
    background: #ccc;
    font-weight: bold;
    color: #004E7F;
    z-index: 2
}

.project-search-bar .select-filter-dropbox .ul-new ul li.active:hover,.project-search-bar .select-filter-dropbox .ul-new ul li.active:active {
    background: #ccc
}

.project-search-bar .select-filter-dropbox .ul-new ul li:hover {
    background: #f2f2f2
}

.project-search-bar .select-filter-dropbox .ul-new ul li:active {
    background: #ccc
}

.project-search-bar .select-filter-dropbox .ul-new ul li:first-child.current,.project-search-bar .select-filter-dropbox .ul-new ul li:first-child.active {
    border-left: 1px solid #95C4E6;
    margin-left: 0px
}

.project-search-bar .select-filter-dropbox .select-bedroom ul li {
    width: 20%;
    clear: none !important
}

.project-search-bar .select-filter-dropbox .select-media-type ul li {
    width: 25%;
    clear: none
}

.project-search-bar .select-filter-dropbox {
    width: 400px;
    height: 516px;
    padding: 8px 32px 32px 32px;
    right: 0;
    left: inherit;
    cursor: context-menu
}

.project-search-bar .select-filter-dropbox label {
    color: #2C2F36;
    line-height: 20px;
    padding: 16px 0 8px 0;
    display: block
}

.project-search-bar .select-filter-dropbox .mar-top-8 {
    margin-top: 8px
}

.project-search-bar .select-filter-control {
    position: relative;
    height: 40px
}

.project-search-bar .relative-control {
    position: relative
}

.project-search-bar .filter-label {
    background: #FFFFFF;
    border: 1px solid #CCD3D9;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 40px;
    width: 100%;
    padding: 0 32px 0 16px;
    vertical-align: top;
    display: block;
    position: relative;
    height: 40px;
    cursor: pointer
}

.project-search-bar input:focus {
    box-shadow: none
}

.project-search-bar .filter-label span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.project-search-bar .filter-label span.hasvalue {
    color: #004E7F;
    font-weight: bold
}

.project-search-bar .icon-arrow {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0
}

.project-search-bar .icon-arrow-down {
    background: url(/images/icons/16x16/grey/ic_caret_down.svg) no-repeat center center
}

.project-search-bar .icon-arrow-up {
    background: #fff url(/images/icons/16x16/grey/ic_caret_up.svg) no-repeat center right !important
}

.project-search-bar .custom-dropbox-filter {
    width: 100%;
    left: 0;
    max-height: 300px;
    top: 40px
}

.project-search-bar .fly-options {
    background: #fff;
    left: inherit;
    max-height: 308px;
    width: 336px;
    overflow: auto;
    position: absolute;
    right: 32px;
    top: 0;
    padding: 0;
    z-index: 999999999
}

.project-search-bar .fly-options ul {
    margin-top: 8px
}

.project-search-bar #divWardOptions {
    top: 250px;
    overflow: hidden
}

.project-search-bar #divWardOptions ul {
    overflow: initial !important
}

.project-search-bar #divStreetOptions {
    top: 334px
}

.project-search-bar #divStreetOptions ul {
    overflow: initial !important
}

.project-search-bar #divHomeDirectionOptions {
    top: 424px;
    border-radius: 8px
}

.project-search-bar .mCSB_scrollTools,.project-search-bar .mCSB_scrollTools .mCSB_draggerRail,.custom-dropbox .mCSB_scrollTools,.custom-dropbox .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px
}

.project-search-bar .mCSB_inside>.mCSB_container,.custom-dropbox .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.project-search-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.custom-dropbox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ccc;
    border-radius: 20px;
    right: 4px
}

.project-search-bar .mCSB_scrollTools .mCSB_draggerRail,.custom-dropboxr .mCSB_scrollTools .mCSB_draggerRail {
    background: none
}

.project-search-bar .custom-scroll-outside {
    max-height: 460px;
    overflow: scroll
}

.project-search-bar #divMediaOptions {
    padding-bottom: 20px
}

.project-filter-control,.area-filter-control {
    display: none
}

div#price-slider-range>a.ui-state-hover,div#area-slider-range>a.ui-state-hover,div#price-slider-range>span.ui-state-hover,div#area-slider-range>span.ui-state-hover {
    background-color: #1DBABF !important
}

.project-search-bar .arrow-icon {
    background: url(/images/icons/16x16/ic_arrow_left.png) no-repeat center center;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle
}

.project-search-bar li.active .arrow-icon,.project-search-bar li:hover .arrow-icon,.project-search-bar li:active .arrow-icon {
    background: url(/images/icons/16x16/filled/ic_arrow_left.png) no-repeat center center
}

.advance-select-options ul {
    max-height: none !important;
    max-width: none !important;
    margin-bottom: 8px
}

.advance-select-options ul {
    margin-bottom: 0px
}

#divBedRoomOptions .advance-select-options ul ul {
    margin-bottom: 0
}

.project-search-bar #link-reset {
    margin: 12px 8px 0 15px
}

[role~="tooltip"][data-microtip-position="top"]::after,[role~="tooltip"][data-microtip-position|="top"]::before,[role~="tooltip"][data-microtip-position="top-left"]::after,[role~="tooltip"][data-microtip-position|="top-left"]::before,[role~="tooltip"][data-microtip-position="top-right"]::after,[role~="tooltip"][data-microtip-position|="top-right"]::before {
    z-index: 999
}

.select-filter-dropbox [role~="tooltip"]::after {
    white-space: initial;
    width: 200px;
    line-height: 20px
}

.project-search-bar .search-guide {
    position: absolute;
    top: 66px;
    color: #ffffff;
    z-index: 99;
    display: none
}

.project-search-bar .search-guide .search-guide-bg {
    width: 288px;
    height: 128px;
    background: #008F3D;
    border-radius: 8px;
    padding: 16px 24px
}

.project-search-bar .search-guide .search-guide-title {
    color: #FFFFFF;
    letter-spacing: -0.16px;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 4px;
    line-height: 24px
}

.project-search-bar .search-guide .search-guide-title img {
    margin-left: 8px;
    vertical-align: middle
}

.project-search-bar .search-guide .search-guide-content strong {
    font-weight: bold
}

.project-search-bar .search-guide .search-guide-content {
    color: #D3F5D7;
    margin-bottom: 2px
}

.project-search-bar .search-guide .search-guid-button {
    text-align: right
}

.project-search-bar .search-guide .search-guid-button span {
    padding: 6px 12px;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff
}

.project-search-bar .search-guide .search-guid-button span:hover {
    background: rgba(3,44,71,0.12);
    border-radius: 4px
}

.project-search-bar .search-guide .search-guid-button span:active {
    background: rgba(3,44,71,0.2);
    border-radius: 4px
}

.project-search-bar .search-guide .search-guid-button span.inactive {
    color: #52BF6A
}

.project-search-bar .search-guide .search-guid-button span.inactive:hover,.project-search-bar .search-guide .search-guid-button span.inactive:active {
    background: #008F3D;
    cursor: pointer
}

.project-search-bar .search-guide .icon-guide {
    line-height: 8px;
    text-align: right;
    margin-right: 20px
}

.project-search-bar .suggest-default {
    position: absolute;
    display: none;
    z-index: 99;
    margin-top: 16px;
    width: 100%
}

.project-search-bar .suggest-default ul {
    background: #ffffff;
    box-shadow: 0px 16px 64px rgba(3,44,71,0.12);
    border-radius: 8px;
    border: none !important;
    padding: 0;
    overflow-x: hidden;
    padding: 8px 0;
    width: 100%
}

.ui-menu .ui-autocomplete-category {
    color: #2C2F36;
    font-weight: bold;
    padding: 16px 0 8px 16px;
    margin-top: 16px;
    position: relative
}

.ui-menu .ui-autocomplete-category:after {
    content: '';
    border-top: 1px solid #EBEDF0;
    width: calc(100% - 32px);
    height: 1px;
    left: 16px;
    top: 0;
    position: absolute
}

.project-search-bar .suggest-default .ui-menu .history-close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.project-search-bar .suggest-default .custom-scroll {
    max-height: 418px
}

.project-search-bar .suggest-default .ui-menu .history-close img {
    vertical-align: middle
}

#project-suggestion .ui-menu .ui-menu-item {
    float: none
}

#project-suggestion .ui-menu .ui-menu-item:after {
    content: none
}

.ui-autocomplete::-webkit-scrollbar {
    width: 4px
}

.ui-autocomplete::-webkit-scrollbar-track {
    background: transparent
}

.ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: #CCD3D9;
    border-radius: 0 8px 8px 0
}

.ui-menu .ui-autocomplete-category:first-child:after {
    border: none
}

.ui-menu .ui-autocomplete-category {
    margin-top: 0
}

.full-menu.fix+form {
    margin-top: 96px
}

@media only screen and (max-width: 1128px) {
    .project-search-bar.fixed {
        top:64px
    }
}

[aria-label][role~="tooltip"]::after {
    font-family: "Roboto Regular" !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(/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__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: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    color: #2c2c2c
}

.re__prj-exp-score-banner .re__info span {
    margin-top: 8px;
    width: 100%;
    font-family: "Roboto Regular" !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" !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%
}

.js__project-card .number-image {
    position: absolute;
    bottom: 5px;
    left: 5px;
    border: 0;
    z-index: 1;
    padding: 2px 5px 3px;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    border-radius: 3px;
    pointer-events: none;
    line-height: 1;
    font-size: 0.8rem;
}

.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: "Nunito Bold" !important;
    font-size: 32px;
    line-height: 44px;
    font-weight: normal !important;
    color: #2c2c2c
}

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

.re__project-heading .re__project-address .re__project-map-link {
    font-family: "Roboto Medium" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    color: #961b12
}

.re__project-heading .re__project-address .re__project-map-link:active {
    color: #961b12
}

.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 {
    max-width: 1140px;
    margin: 0 auto
}

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

.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: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important
}

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

.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);
    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: "Nunito Bold" !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    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__prj-title-ss {
    font-family: "Nunito Bold" !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    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" !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" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.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: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    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" !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" !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" !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" !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" !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" !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: #961b12
}

.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" !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #961b12;
    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: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    display: block
}

.re__project-main-container .re__project-review-box .re__project-review-content .re__project-review-summary {
    font-family: "Roboto Regular" !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" !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
}

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

.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>a {
    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" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

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

.re__project-sales-policy .re__link-pr {
    cursor: pointer;
    font-family: "Roboto Medium" !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: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    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" !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" !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 .tooltip-text {
    bottom: 16px
}

.re__prj-contact-box .re__title {
    font-family: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    color: #2c2c2c;
    margin-bottom: 4px
}

.re__prj-contact-box .re__info {
    font-family: "Roboto Regular" !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #505050;
    margin: auto;
    margin-bottom: 16px;
    width: 230px;
    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" !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: 50px;
    top: auto
}

.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: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    color: #2c2c2c;
    margin-bottom: 4px
}

.re__popup-contact-msg .re__sending .re__msg {
    font-family: "Roboto Regular" !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
}

.re__prj-enquiry-form .re__prj-popup-title {
    font-family: "Nunito Bold" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    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" !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__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
}

.re__prj-product-rent-list .re__prj-title-ss a {
    font-family: "Nunito Bold" !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    color: #2c2c2c
}

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

.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__prj-product-rent-list .re__prj-list-product-slide .re__card-contact-button {
    display: none
}

.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" !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" !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" !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" !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" !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" !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" !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: #961b12
}

.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" !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" !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" !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: #961b12
}

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

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

.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" !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" !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" !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" !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" !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" !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" !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: #961b12
}

.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" !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: 216px;
    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" !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" !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" !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" !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" !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" !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: "Nunito Bold" !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: normal !important;
    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: #9f82b1
}

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

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

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

.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" !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" !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" !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%;
    color: #e03c31;
    border-color: #e03c31
}

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

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

.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" !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
}

[aria-label][role~="tooltip"]::after {
    font-family: "Roboto Regular" !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(/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: #961b12
}

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

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

.re__tag a {
    color: #2c2c2c
}

@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" !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" !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" !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" !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" !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
}

.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: "Nunito Bold" !important;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal !important;
    color: #2c2c2c
}

.re__prj-exp-score-banner .re__info span {
    margin-top: 8px;
    width: 100%;
    font-family: "Roboto Regular" !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" !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%
}

.project-main-container {
    width: 1141px;
    margin: 0 auto
}

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

.project-main-right {
    width: 363px;
    float: right
}

.project-description{
    position: relative;
    overflow: hidden;
    height: 600px;
    padding-bottom: 40px;
}

.project-description img{
    max-width: 100%;
}

.project-description .description-more{
    position: absolute;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    padding: 9px;
    background: linear-gradient( 
        180deg
        ,rgba(255,255,255,0) 0%,#fff 100%);
    content: attr(data-min);
    height: 70px;
    font-weight: bold;
}
.project-description .description-more:before{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 9px;
    content: attr(data-min);
}
.project-description .description-more:hover{
    color: #ce7b00;
}
.project-description.full-view{
    height: auto;
}
.project-description.full-view  .description-more:before{
    content: attr(data-max);
}

.aside-box {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #dedede;
}
.aside-box .aside-box-title {
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0px;
    margin-bottom: 0;
    position: relative;
    color: #333;
    line-height: 1.2;
}
.aside-box .aside-box-title a {
    color: #333;
}
.aside-box .aside-box-title a:hover {
    color: #f60;
    text-decoration: none;
}
.aside-box .aside-box-title a.btn-more {
    float: right;
    color: #055699;
    font-size: 0.9rem;
    font-weight: normal;
    line-height: 20px;
    padding-right: 15px;
}
.aside-box .aside-box-title a.btn-more:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/chevron-right.svg);
    background-size: contain;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
}
.aside-box .aside-box-content {
    border-top: 0;
}
.aside-link ul > li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-bottom: 1px dashed #eee;
}
.aside-link ul > li:last-of-type {
    border-bottom: 0;
}
.aside-link ul > li:before {
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/chevron-right.svg);
    background-size: contain;
    position: absolute;
    left: 0;
}
.aside-link ul > li a {
    padding: 6px 0;
    display: inline-flex;
    align-items: center;
    color: #333;
    width: 100%;
}
.aside-link ul > li a.active,
.aside-link ul > li a:hover {
    color: #f60;
    text-decoration: none;
}

.project-box-info {
    width: 100%;
}

.project-box-info .project-box-item {
    border-bottom: 1px solid #ebedf0;
    padding: 8px 0;
    width: calc(50% - 5px);
    color: #2d2f35;
    float: left;
}

.project-box-info .project-box-wrap {
    display: flex
}

.project-box-info .project-box-item:nth-child(odd) {
    margin-right: 5px;
}

.project-box-info .project-box-item:nth-child(even) {
    margin-left: 5px;
}

.project-box-info .project-box-item label {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 10px;
    line-height: 22px;
    color: #989898;
    text-transform: uppercase;
}

.project-box-info .project-box-item span {  
    font-size: 14px;
}

.project-box-info .project-box-item span a {
    font-weight: 500;
    letter-spacing: .5px;
    color: #0779e4
}

.project-box-info .project-box-wrap:last-child .project-box-item {
    border-bottom: none;
    padding-bottom: 0
}

.project-box-info .project-box-item.utility{
    margin-right: 0;
    border: none;
    float: left;
}
.project-box-info .project-box-item.utility img{
    display: inline-block;
    float: left;
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.aside-box.box-toggle .aside-box-title{
    cursor: pointer;
}
.aside-box.box-toggle .aside-box-content{
    display: none;
}
.aside-box.box-toggle.show-content .aside-box-content{
    display: block;
}
.aside-box.box-toggle.show-content .aside-box-title i:before{
    content: "\f106";
}
.re__project-main-right.fixed-main .project-sidebar{
    position: absolute;
    top: 0;
}
.re__project-main-right.fixed-view .project-sidebar{
    position: fixed;
    top: 50px;
}

@media only screen and (min-width: 1024px) and (max-width: 1544px) {
    .re__project-main-container {
        width:936px;
    }
}

.re__project-main-container.detail{
        width: 1140px
}
.re__project-main-container.detail .re__project-main-left {
    width: 750px;
}
.re__project-main-container.detail .re__project-main-right {
    width: calc(100% - 770px);
}