/* ============================================================================================== */
/* ============================================ CARD SELECT ===================================== */
/* ============================================================================================== */

.card-select-section,
.card-select-group,
.card-select-item,
.card-select-item>.this-label-tag {
	position: relative;
}

.card-select-section .card-select-item>.this-label-tag>.col-detail .detail-row,
.card-select-section .card-select-item>.this-label-tag>.col-detail .detail-row>.detail-col {
    position: relative;
}
.card-select-section .card-select-item>.this-label-tag>.col-detail .detail-row {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
}
.card-select-section .card-select-item>.this-label-tag>.col-detail .detail-row>.detail-col.this-col-left {
    text-align: left;
    flex: 1 0 0;
}
.card-select-section .card-select-item>.this-label-tag>.col-detail .detail-row>.detail-col.this-col-right {
    text-align: right;
}

/* ouline */
.card-select-section.outline {

}
.card-select-section.outline .card-select-group {
	padding: 0 !important;
}
.card-select-section.outline .card-select-item {
	margin: 0 !important;
	padding: 0 !important;
}
.card-select-section.outline .card-select-item+.card-select-item {
	/* margin-top: 10px !important; */
}
.card-select-section.outline .card-select-item>.this-label-tag {
	display: flex;
	width: 100%;
	border: 1px solid rgba(var(--custom-rgb-color-black),0.08);
    /* border-radius: 5px; */
	/* padding: 15px; */
	line-height: 25px;
	padding: 15px 0;
	border-left: none !important;
	border-right: none !important;
}
.card-select-section.outline .card-select-item+.card-select-item>.this-label-tag {
	border-top: none !important;
}
.card-select-section.outline .card-select-item>.this-label-tag.align-items-center {
	align-items: center;
}
.card-select-section.outline .card-select-item>.this-label-tag.active {
	/* border-color: rgba(var(--custom-rgb-color-primary),0.3); */
	/* background-color: rgba(var(--custom-rgb-color-primary),0.05); */
}
.card-select-section.outline .card-select-item>.this-label-tag>[class*="col-"] {
	position: relative;
}
.card-select-section.outline .card-select-item>.this-label-tag>.col-check {
	width: 25px;
	margin-right: 15px;
}
.card-select-section.outline .card-select-item>.this-label-tag>.col-detail {
	text-align: left;
	flex: 1 0 0%;
}
.card-select-section.outline .card-select-item>.this-label-tag .text-min {
	font-size: 11px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
	padding: 0;
	margin: 0;
	width: 100%;
}

/* disable */
.card-select-section.outline .card-select-item>.this-label-tag.disable {
	cursor: no-drop !important;	
	background-color: rgba(242,242,242,1) !important;
	opacity: 0.5 !important;
}
.card-select-section.outline .card-select-item>.this-label-tag.disable>.col-check .icon {
	font-size: 22px;
	opacity: 0.3 !important;
}

/* card outline */
.card-select-section.card-outline .card-select-item>.this-label-tag {
	display: flex;
	width: 100%;
	border: 1px solid rgba(var(--custom-rgb-color-black),0.08);
    /* border-radius: 5px; */
	/* padding: 15px; */
	line-height: 25px;
	padding: 15px;
}
.card-select-section.card-outline.round-corner .card-select-item>.this-label-tag {
    border-radius: 5px;
}
.card-select-section.card-outline.bg-active .card-select-item>.this-label-tag.active {
    background-color: rgba(var(--custom-rgb-color-secondary),0.1);
    border-color: rgba(var(--custom-rgb-color-secondary),0.1);
}
.card-select-section.card-outline.bg-active .card-select-item>.this-label-tag.active .text-requirement {
    color: rgba(var(--custom-rgb-color-secondary),1);
}

/* ============================================================================================== */
/* ============================================ CARD BLOCK ====================================== */
/* ============================================================================================== */

.card-block-section,
.card-block-wrapper,
.card-block-row,
.card-block,
.card-block>.card-block-inner {
    position: relative;
}
.card-block-row.inline {
	display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin: 0 -10px;
}

.card-block-row.inline .card-block {
    padding: 0 10px;
    width: calc(100% / 3);
}
.card-block-row.inline.horizontal-format .card-block {
    width: 100%;
}

.card-block>.card-block-inner>.img-block,
.card-block>.card-block-inner>.content-block {
    position: relative;
}

.card-block>.card-block-inner>.content-block.pd-top {
    padding-top: 15px;
}

.card-block>.card-block-inner>.img-block.round-corner {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.card-block>.card-block-inner>.content-block .title {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
}
.card-block>.card-block-inner>.content-block .title.font-size-auto {
    font-size: inherit !important;
}

/* slide */
.card-block-row.splide .card-block {
    margin: 0 !important;
    width: 100% !important;
}
.card-block-row.splide .splide-track {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    /* background-color: rgba(255,255,0,0.2); */
}

/* hover */
.card-block>.card-block-inner.this-hover,
.card-block>.card-block-inner .this-hover {
    position: relative;
    top: 0;
    box-shadow: var(--custom-box-shadow-card-before-hover);
    transition: all var(--custom-transition-time-hover) ease;
    -webkit-transition: all var(--custom-transition-time-hover) ease;
    -moz-transition: all var(--custom-transition-time-hover) ease;
    -ms-transition: all var(--custom-transition-time-hover) ease;
    -o-transition: all var(--custom-transition-time-hover) ease;
}
.card-block>.card-block-inner.this-hover:hover,
.card-block>.card-block-inner .this-hover:hover {
    top: -10px;
    box-shadow: var(--custom-box-shadow-card-after-hover);
}

/* ============================================================================================== */
/* ======================================== CARD BLOG + VIDEO =================================== */
/* ============================================================================================== */

.card-block .title {
	font-size: 17px;
	line-height: 25px;
	font-weight: 600;
}
.card-block .description  {
    font-size: 13px;
	line-height: 20px;
	font-weight: 400;
}

/* ============================================================================================== */
/* ============================================ CARD BLOG ======================================= */
/* ============================================================================================== */

.card-block.is-blog,
.card-block.is-blog>.card-block-inner {
	position: relative;
}

/* --------------------------------------------------------------- */
/* ------------------------- horizontal -------------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-blog .card-block.is-blog.horizontal-format {
    width: 50%;
    margin-bottom: 20px;
}

.card-block.is-blog.horizontal-format,
.card-block.is-blog.horizontal-format>.card-block-inner {
	height: 250px;
	overflow: hidden;
}
.card-block.is-blog.horizontal-format>.card-block-inner {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	border: 1px solid rgba(var(--custom-rgb-color-black),0.1);
    background-color: rgba(var(--custom-rgb-color-white),1);
}

.card-block.is-blog.horizontal-format>.card-block-inner>.cover-sec {
	width: 250px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec {
	width: calc(100% - 250px);
	padding: 30px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec>.content-inner {
	position: relative;
	display: flex;
	align-items: stretch;
	flex-direction: column;
	height: 100%;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec .title {
	margin-bottom: 15px;
	max-height:50px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec .description {
	max-height:75px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
	margin-top: auto;
}

/* ============================================================================================== */
/* ============================================ CARD VIDEO ====================================== */
/* ============================================================================================== */


.card-block.is-video,
.card-block.is-video>.card-block-inner {
	position: relative;
}

/* --------------------------------------------------------------- */
/* ------------------------- horizontal -------------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-video .card-block.is-video.horizontal-format {
    width: 50%;
    margin-bottom: 20px;
}

.card-block.is-video.horizontal-format,
.card-block.is-video.horizontal-format>.card-block-inner {
	/* height: 250px; */
	overflow: hidden;
}
.card-block.is-video.horizontal-format>.card-block-inner {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	/* border: 1px solid rgba(var(--custom-rgb-color-black),0.1); */
    background-color: rgba(var(--custom-rgb-color-white),1);
}

.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec {
	width: 350px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px auto auto -25px;
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    padding: 0 0 0 2px;
    transform: scale(1);
    color: rgba(var(--custom-rgb-color-white),1);
    background-color: rgba(var(--custom-rgb-color-white),0.4);
    -webkit-backdrop-filter: saturate(100%) blur(5px);
    -moz-backdrop-filter: saturate(100%) blur(5px);
    -ms-backdrop-filter: saturate(100%) blur(5px);
    -o-backdrop-filter: saturate(100%) blur(5px);
    backdrop-filter: saturate(100%) blur(5px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 3;
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec .icon-play>.icon {
    height: 0 !important;
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec:hover .icon-play {
    transform: scale(1.1);
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec:hover .icon-play {
    color: rgba(var(--custom-rgb-color-white),1);
    background-color: rgba(var(--custom-rgb-color-primary),1);
}

.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
	width: calc(100% - 350px);
	padding: 30px 30px 25px 30px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec>.content-inner {
	position: relative;
	display: flex;
	align-items: stretch;
	flex-direction: column;
	height: 100%;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .title {
	margin-bottom: 5px;
	max-height:50px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .description {
	max-height:40px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
	margin-top: auto;
    font-size: 14px;
	line-height: 20px;
	font-weight: 400;
    border-top: 1px solid rgba(var(--custom-rgb-color-black),0.05);
    padding-top: 15px;
}

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */


.head-property-row,
.head-property-row>.head-property-col {
    position: relative;
}
.head-property-row {
    display: flex;
    flex-wrap: nowrap;
    padding-right: 70px;
}
.head-property-row>.head-property-col.this-col-info {
    width: calc(100% - 340px);
}
.head-property-row>.head-property-col.this-col-price-for-sell,
.head-property-row>.head-property-col.this-col-price-for-rent {
    width: 170px;
    text-align: center;
}
.head-property-row+.card-block-row.is-property {
    margin-top: 15px !important;
}

.card-block.is-property {
    color: rgba(var(--custom-rgb-color-black),1) !important;
}

/* tag status */
.card-block.is-property .label-tag-group .label-tag.tag-fill {
    line-height: 23px;
    height: 23px;
    border-radius: 3px;
}

/* location */
.card-block.is-property>.card-block-inner>.content-sec .property-location .icon {
    font-size: 10px;
}
.card-block.is-property>.card-block-inner>.content-sec .property-location .icon+.text {
    margin-left: 3px;
}
    
/* spec icon */
.card-block.is-property ul.property-spec-min-group,
.card-block.is-property ul.property-spec-min-group>li {
    position: relative;
    list-style: none !important;
    padding: 0;
    margin: 0;
}
.card-block.is-property ul.property-spec-min-group {
    display: flex;
    width: calc(100% + 10px);
    margin: 0 -5px;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(var(--custom-rgb-color-black),1);
}
.card-block.is-property ul.property-spec-min-group>li {
    width: 100%;
    padding: 0 5px;
}
.card-block.is-property ul.property-spec-min-group .property-spec-min-item {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}
.card-block.is-property ul.property-spec-min-group .property-spec-min-item>.icon {
    width: 20px;
    text-align: center;
    font-size: 15px;
    line-height: 0;
    height: 0;
    top: 3px;
    color: rgba(var(--custom-rgb-color-secondary),1);
}
.card-block.is-property ul.property-spec-min-group .property-spec-min-item>.text {
    width: calc(100% - 20px);
    padding-left: 5px;
    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* btn */
.this-btn-group {
    position: relative;
}
.card-block.is-property .this-btn-group>.this-btn {
    position: relative;
    width: 25px !important;
    height: 25px !important;
    font-size: 15px !important;
    line-height: 25px !important;
    text-align: center;
    cursor: pointer;
    color: rgba(var(--custom-rgb-color-black),0.3);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.card-block.is-property .this-btn-group>.this-btn:hover {
    color: rgba(var(--custom-rgb-color-black),1);
}
.card-block.is-property .this-btn-group>.this-btn.share-btn {
    font-size: 17px !important;
}
.card-block.is-property .this-btn-group>.this-btn.wishlist-btn {
    font-size: 19px !important;
}
.card-block.is-property .this-btn-group>.this-btn.wishlist-btn.active {
    opacity: 1;
    color: rgba(var(--custom-rgb-color-secondary),1);
    text-shadow: 0 0 3px rgba(var(--custom-rgb-color-secondary),0.3);
}

/* sold out */
.card-block.is-property.sold-out>.card-block-inner>.cover-sec {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.card-block.is-property.sold-out>.card-block-inner>.cover-sec .sold-out-tag {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgba(var(--custom-rgb-color-white),1);
    background-color: rgba(var(--custom-rgb-color-black),0.5);
    line-height: 0;
    z-index: 5;
}
.card-block.is-property.sold-out>.card-block-inner>.cover-sec .sold-out-tag>.icon {
    font-size: 40px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin: 0 auto 30px auto;
}
.card-block.is-property.sold-out>.card-block-inner>.cover-sec .sold-out-tag>.text {
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
}
.card-block.is-property.sold-out>.card-block-inner .content-sec>.content-inner.is-price.disable-price {
    background: none !important;
}

/* --------------------------------------------------------------- */
/* ----------------- CARD PROPERTY - VERTICAL -------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-property .card-block.is-property.vertical-format {
    width: calc(100% / 3);    
    margin-bottom: 20px;
}
/* .card-block.is-property.vertical-format {
    cursor: pointer !important;
} */
.card-block.is-property.vertical-format>.card-block-inner {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 517px;
    padding: 0;
    color: rgba(var(--custom-rgb-color-black),1);
    background-color: rgba(var(--custom-rgb-color-white),1);
    box-shadow: 0 0 5px rgba(var(--custom-rgb-color-black),0);
    /* box-shadow: 2px 2px 5px rgba(var(--custom-rgb-color-black),0.1); */
    /* border: 1px solid rgba(var(--custom-rgb-color-black),0.1); */
    top: 0;
    overflow: hidden;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.card-block.is-property.vertical-format>.card-block-inner:hover {
    box-shadow: 0 5px 15px rgba(var(--custom-rgb-color-black),0.2);
    top: -5px;
}
.card-block.is-property.vertical-format>.card-block-inner.outline {
    border: 1px solid rgba(var(--custom-rgb-color-black),0.1);
}

/* ---------- cover ---------- */

.card-block.is-property.vertical-format>.card-block-inner>.cover-sec {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer !important;
    background-color: rgba(var(--custom-rgb-color-white),1);
    /* padding: 5px 5px 0 5px; */
}
.card-block.is-property.vertical-format>.card-block-inner>.cover-sec .img-sec {
    overflow: hidden;
    z-index: 1;
}
.card-block.is-property.vertical-format>.card-block-inner>.cover-sec .label-tag-group {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 3;
    width: calc(100% - 20px);
    flex-wrap: nowrap;
}
.card-block.is-property.vertical-format>.card-block-inner>.cover-sec .label-tag-group .label-tag {
    margin-bottom: 0 !important;
    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* ---------- content ---------- */

.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-info {
    padding: 15px 20px 15px 20px;
}

/* title */
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    /* margin-bottom:5px; */
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(var(--custom-rgb-color-black),0.05);
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>[class*="col-"] {
    position: relative;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-title {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    flex: 1 0 0;
    width: calc(100% - 50px);
    padding-right: 10px;
    font-size: 12px;
    line-height: 25px;
    font-weight: 600;
    text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-title .label-tag-group {
    /* margin: 0 0 0 auto; */
    width: auto;
    max-width: 100%;
    padding-left: 10px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
    /* width: 50px; */
    text-align: right;
    /* background-color: rgba(255,255,0,0.5); */
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-btn .this-btn-group {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

/* description */
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-description {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    max-height: 22px;
    min-height: 22px;
    overflow: hidden;
}

/* location */
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-location {
    margin-top: 3px;
}

/* spec */
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-spec {
    position: relative;
    margin-top: 10px;
    /* padding-top: 10px;
    border-top: 1px solid rgba(var(--custom-rgb-color-black),0.05); */
    height: 60px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-spec ul.property-spec-min-group>li {
    width: calc(100% / 3);
}

/* ---------- price ---------- */

.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price {
    position: relative;
    height: 70px;
    padding: 15px 20px 0 20px;
    background-color: rgba(var(--custom-rgb-color-primary),0.15);
    margin-top: auto;
}
.card-block.is-property>.card-block-inner:hover>.content-sec.content-vertical-format>.content-inner.is-price {
    background-color: rgba(var(--custom-rgb-color-primary),1);
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price,
.card-block.is-property>.card-block-inner:hover>.content-sec.content-vertical-format>.content-inner.is-price .price-label,
.card-block.is-property>.card-block-inner:hover>.content-sec.content-vertical-format>.content-inner.is-price .price-group>.this-price-row>.price,
.card-block.is-property>.card-block-inner:hover>.content-sec.content-vertical-format>.content-inner.is-price  .price-other {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .price-row {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col {
    position: relative;
    flex: 1 0 0;
}

.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price .price-label,
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price  .price-other {
    color: rgba(var(--custom-rgb-color-black),1);
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price .price-group>.this-price-row>.price {
    color: rgba(var(--custom-rgb-color-primary),1);
}
.card-block.is-property>.card-block-inner:hover>.content-sec.content-vertical-format>.content-inner.is-price .price-label,
.card-block.is-property>.card-block-inner:hover>.content-sec.content-vertical-format>.content-inner.is-price .price-group>.this-price-row>.price,
.card-block.is-property>.card-block-inner:hover>.content-sec.content-vertical-format>.content-inner.is-price  .price-other {
    color: rgba(var(--custom-rgb-color-white),1);
}

/* sell and rent */
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell {
    text-align: left;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell .price-group>.this-price-row {
    justify-content: flex-start;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent {
    text-align: right;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent .price-group>.this-price-row {
    justify-content: flex-end;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell .price-other {
    font-size: 11px;
    line-height: 15px;
    opacity: 0.6;
    display: none;
}

/* sell */
.card-block.is-property.property-for-sell>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell {
    /* text-align: center; */
    text-align: left;
}
.card-block.is-property.property-for-sell>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell .price-group>.this-price-row {
    /* justify-content: center; */
    justify-content: flex-start;
}
.card-block.is-property.property-for-sell>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent {
    display: none !important;
}

/* rent */
.card-block.is-property.property-for-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent {
    /* text-align: center; */
    text-align: left;
}
.card-block.is-property.property-for-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent .price-group>.this-price-row {
    /* justify-content: center; */
    justify-content: flex-start;
}
.card-block.is-property.property-for-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell {
    display: none !important;
}

.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price .price-label {
    font-size: 11px;
    line-height: 15px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price .price-group {
    padding: 0 0 0 0;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price .price-group>.this-price-row>.price {
    font-size: 20px;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent {
    opacity: 0.6;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent .price-group>.this-price-row>.price {
    font-size: 15px;
}


/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

.card-block.is-property.horizontal-format>.card-block-inner {
    position: relative;
    display: flex;   
    flex-wrap: wrap;
    align-items: stretch;
    color: rgba(var(--custom-rgb-color-black),1);
    background-color: rgba(var(--custom-rgb-color-white),1);
    box-shadow: 0 0 15px rgba(var(--custom-rgb-color-black),0);
    top: 0;
    overflow: hidden;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.card-block.is-property.horizontal-format>.card-block-inner:hover {
    box-shadow: 0 5px 15px rgba(var(--custom-rgb-color-black),0.2);
    top: -5px;
}
.card-block.is-property.horizontal-format+.card-block.is-property.horizontal-format {
    margin-top: 20px;
}
.card-block.is-property.horizontal-format>.card-block-inner.outline {
    border: 1px solid rgba(var(--custom-rgb-color-black),0.1);
}

/* ---------- cover ---------- */

.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec {
    position: relative;
    display: block;
    width: 300px;
    background-color: rgba(var(--custom-rgb-color-black),0.2);
}
.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec .img-sec {
    overflow: hidden;
    z-index: 1;
}
.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec .wishlist-btn.delete {
    position: absolute;
    display: none;
    top: 10px;
    right: 10px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    font-size: 15px;
    line-height: 35px;
    text-align: center;
    /* color: rgba(var(--custom-rgb-color-white),1);
    background-color: rgba(var(--custom-rgb-color-black),0.6); */
    color: rgba(var(--custom-rgb-color-black),1);
    background-color: rgba(var(--custom-rgb-color-white),1);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 5;
}
.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec .wishlist-btn.delete:hover {
    /* background-color: rgba(var(--custom-rgb-color-black),1); */
    background-color: rgba(var(--custom-rgb-color-primary),1);
    color: rgba(var(--custom-rgb-color-white),1);
}

/* ---------- content ---------- */

.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-desktop {
    display: flex;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-mobile {
    display: none;
    width: 100%;
}

.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format {
    width: calc(100% - 300px);
    padding: 20px 0;  
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format>.content-inner {
    position: relative;
    height: 100%;
    width: 100%;
}

.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row,
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col {
    position: relative;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col+.detail-col {
    border-left: 1px solid rgba(var(--custom-rgb-color-black),0.08);
}

/* col info */
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info {
    width: calc(100% - 680px);
    padding: 0 30px 0 30px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .property-title {
    font-size: 13px;    
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .property-title>span {
    white-space: nowrap;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .property-description {
    font-size: 17px;
    line-height: 25px;
    font-weight: 600;
    max-height: 50px;
    min-height: 25px;
    margin: 15px 0 3px 0;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .label-tag-group {
    margin-top: 15px;
    margin: 0 0 0 10px;
    width: auto !important;
    max-width: 150px;
    flex-wrap: nowrap;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .label-tag-group .label-tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .property-spec {
    display: none;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .property-spec ul.property-spec-min-group>li {
    width: calc(100% / 4);
}

/* col spec */
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-spec {
    width: 270px;
    padding: 0 20px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .property-spec ul.property-spec-min-group>li {
    width: calc(100% / 2);
}

/* col price */
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-sell,
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-rent {
    width: 170px;
    text-align: center;
    padding: 0 15px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-sell .price-group>.this-price-row,
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-rent .price-group>.this-price-row {
    justify-content: center;
}

/* col action */
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-action {
    width: 70px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-action .this-btn-group>.this-btn+.this-btn {
    margin-top: 5px;
}

.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-mobile .wishlist-btn.delete {
    display: none;
}


/* xxl */
@media (min-width: 1400px) {

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */


/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* ----------------- CARD PROPERTY - VERTICAL -------------------- */
/* --------------------------------------------------------------- */

.card-block.is-property.vertical-format>.card-block-inner {
    height: 487px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    margin-bottom: 10px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-spec {
    height: 60px;
} 

/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

.head-property-row {
    padding-right: 50px;
}
.head-property-row>.head-property-col.this-col-info {
    width: calc(100% - 300px);
}
.head-property-row>.head-property-col.this-col-price-for-sell,
.head-property-row>.head-property-col.this-col-price-for-rent {
    width: 150px;
}

.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info {
    width: calc(100% - 610px);
    padding: 0 25px 0 25px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-spec {
    width: 260px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-sell,
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-rent {
    width: 150px;
    padding: 0 10px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-action {
    width: 50px;
}

}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* ----------------- CARD PROPERTY - VERTICAL -------------------- */
/* --------------------------------------------------------------- */

.card-block.is-property.vertical-format>.card-block-inner {
    height: 487px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    margin-bottom: 10px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-spec {
    height: 60px;
} 

/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

.head-property-row {
    padding-right: 50px;
}
.head-property-row>.head-property-col.this-col-info {
    width: calc(100% - 300px);
}
.head-property-row>.head-property-col.this-col-price-for-sell,
.head-property-row>.head-property-col.this-col-price-for-rent {
    width: 150px;
}

.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info {
    width: calc(100% - 610px);
    padding: 0 25px 0 25px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-spec {
    width: 260px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-sell,
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-rent {
    width: 150px;
    padding: 0 10px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-action {
    width: 50px;
}

}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

.card-block .title {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
.card-block .description {
    font-size: 12px;
}

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */

.card-block.is-property ul.property-spec-min-group .property-spec-min-item>.icon {
    width: 18px;
    font-size: 13px;
    top: 3px;
}
.card-block.is-property ul.property-spec-min-group .property-spec-min-item>.text {
    width: calc(100% - 18px);
    padding-left: 5px;
    font-size: 10px;
    line-height: 18px;
}

/* --------------------------------------------------------------- */
/* ----------------- CARD PROPERTY - VERTICAL -------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-property {
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.card-block-row.inline.is-property .card-block.is-property.vertical-format {
    /* width: calc(100% / 2); */
    padding: 0 5px;
    margin-bottom: 10px;
}
.card-block.is-property.vertical-format>.card-block-inner {
    height: 467px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    margin-bottom: 10px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-description {
    font-size: 16px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-spec {
    height: 55px;
} 
/* .card-block.is-property>.card-block-inner>.content-sec.content-vertical-format {
    padding: 10px 15px 10px 15px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    margin-bottom: 0;
    line-height: 25px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-title {
    font-size: 15px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-description {
    font-size: 12px;
    line-height: 20px;
    max-height: 40px;
    min-height: 40px;
} */

/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

.head-property-row {
    padding-right: 50px;
}
.head-property-row>.head-property-col.this-col-info {
    width: calc(100% - 320px);
}
.head-property-row>.head-property-col.this-col-price-for-sell,
.head-property-row>.head-property-col.this-col-price-for-rent {
    width: 160px;
}

.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info {
    width: calc(100% - 370px);
    padding: 0 25px 0 25px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .property-description {
    font-size: 16px;
    margin-bottom: 0;
    max-height: 25px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-info .property-spec {
    display: block;
    margin-top: 15px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-spec {
    display: none !important;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-sell,
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-price-rent {
    width: 160px;
    padding: 0 10px;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.content-horizontal-format .detail-row>.detail-col.this-col-action {
    width: 50px;
}

/* ============================================================================================== */
/* ============================================ CARD VIDEO ====================================== */
/* ============================================================================================== */

.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec {
    width: 300px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    width: calc(100% - 300px);
    padding: 25px 25px 20px 25px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .description {
    max-height: 40px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
    font-size: 13px;
    padding-top: 10px;
}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {
    
.card-block .title {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */

.card-block-row.inline.horizontal-format .card-block {
    width: calc(100% / 3);
}

.card-block.is-property ul.property-spec-min-group {
    font-size: 11px;
}

/* --------------------------------------------------------------- */
/* ----------------- CARD PROPERTY - VERTICAL -------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-property .card-block.is-property.vertical-format {
    width: calc(100% / 3);
}
.card-block.is-property.vertical-format>.card-block-inner {
    height: 430px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    margin-bottom: 10px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-description {
    font-size: 16px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-title .label-tag-group {
    max-width: 110px;
    flex-wrap: nowrap;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .label-tag-group .label-tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

.head-property-row {
    display: none !important;
}
.head-property-row+.card-block-row.is-property {
    margin-top: 0 !important;
}

.card-block.is-property.horizontal-format {
    margin-bottom: 20px;
}
.card-block.is-property.horizontal-format+.card-block.is-property.horizontal-format {
    margin-top: 0;
}
.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec {
    width: 100%;
}
.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec .wishlist-btn.delete {
    display: block;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-desktop {
    display: none;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-mobile {
    display: block;
}


/* ============================================================================================== */
/* ============================================ CARD VIDEO ====================================== */
/* ============================================================================================== */

/* .card-block.is-video.horizontal-format>.card-block-inner>.cover-sec {
    width: 180px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    width: calc(100% - 180px);
    padding: 25px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .title {
    margin-bottom: 5px;
    max-height: 50px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .description {
    font-size: 13px;
    line-height: 22px;
    max-height: 50px;
} */


.card-block-row.inline.is-video .card-block.is-video.horizontal-format {
    width: 50%;
}
.card-block.is-video.horizontal-format>.card-block-inner {
    flex-wrap: wrap !important;    
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec,
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    width: 100% !important;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    padding: 20px;
    height: 165px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .title {
    margin-bottom: 5px;
    max-height: 50px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .description {
    /* font-size: 11px;
    line-height: 15px; */
    max-height: 20px;
}


/* ============================================================================================== */
/* ============================================ CARD BLOG ======================================= */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* ------------------------- horizontal -------------------------- */
/* --------------------------------------------------------------- */

.card-block.is-blog.horizontal-format>.card-block-inner>.cover-sec {
	width: 180px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec {
	width: calc(100% - 180px);
	padding: 20px;
}
.card-block.is-blog.horizontal-format, .card-block.is-blog.horizontal-format>.card-block-inner {
    height: 180px;
}
/* .card-block.is-blog.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
    display: none;
} */
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec .description {
    max-height: 40px;
}


}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

/* .card-block .title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
} */

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */

.card-block-row.inline.horizontal-format .card-block {
    width: 50%;
}

.card-block.is-property ul.property-spec-min-group {
    font-size: 11px;
    line-height: 20px;
}

/* --------------------------------------------------------------- */
/* ----------------- CARD PROPERTY - VERTICAL -------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-property .card-block.is-property.vertical-format {
    width: calc(100% / 2);
}
.card-block.is-property.vertical-format>.card-block-inner {
    height: 455px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    margin-bottom: 10px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-description {
    font-size: 16px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-title .label-tag-group {
    max-width: 130px;
    flex-wrap: nowrap;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .label-tag-group .label-tag {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

.head-property-row {
    display: none !important;
}
.head-property-row+.card-block-row.is-property {
    margin-top: 0 !important;
}

.card-block.is-property.horizontal-format {
    margin-bottom: 20px;
}
.card-block.is-property.horizontal-format+.card-block.is-property.horizontal-format {
    margin-top: 0;
}
.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec {
    width: 100%;
}
.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec .wishlist-btn.delete {
    display: block;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-desktop {
    display: none;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-mobile {
    display: block;
}

/* ============================================================================================== */
/* ============================================ CARD VIDEO ====================================== */
/* ============================================================================================== */

/* .card-block.is-video.horizontal-format,
.card-block.is-video.horizontal-format>.card-block-inner {
    height: 200px;
} */
.card-block-row.inline.is-video .card-block.is-video.horizontal-format {
    width: 100%;
    margin-bottom: 20px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec {
    width: 350px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    width: calc(100% - 350px);
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .title {
    margin-bottom: 5px;
    max-height: 50px;
}

/* ============================================================================================== */
/* ============================================ CARD BLOG ======================================= */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* ------------------------- horizontal -------------------------- */
/* --------------------------------------------------------------- */

.card-block.is-blog.horizontal-format>.card-block-inner>.cover-sec {
	width: 200px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec {
	width: calc(100% - 200px);
	padding: 30px;
}
.card-block.is-blog.horizontal-format, .card-block.is-blog.horizontal-format>.card-block-inner {
    height: 200px;
}
/* .card-block.is-blog.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
    display: none;
} */

}

/* sm - xs */
@media (max-width: 767.98px) {

.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec .wishlist-btn.delete {
    display: block;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-mobile {
    display: block;
}

}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {
    
.card-block .title {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */

.card-block.is-property ul.property-spec-min-group .property-spec-min-item>.icon {
    width: 18px;
    font-size: 14px;
    top: 3px;
}
.card-block.is-property ul.property-spec-min-group .property-spec-min-item>.text {
    width: calc(100% - 18px);
    padding-left: 5px;
    font-size: 12px;
    line-height: 20px;
}

/* --------------------------------------------------------------- */
/* ----------------- CARD PROPERTY - VERTICAL -------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-property {
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.card-block-row.inline.is-property .card-block.is-property.vertical-format {
    /* width: calc(100% / 2); */
    width: 100%;
    padding: 0 5px;
    margin-bottom: 20px;
}
.card-block.is-property.vertical-format>.card-block-inner {
    height: auto;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.card-block-inner {
    padding: 10px 15px 15px 15px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    /* margin-bottom: 0; */
    line-height: 25px;
}
/* .card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-title {
    font-size: 15px;
} */
/* .card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-description {
    font-size: 12px;
    line-height: 20px;
    max-height: 40px;
    min-height: 40px;
} */
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-spec {
    height: auto;
}

/* price */
/* .card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price {
    display: flex;
    align-items: center;
    height: 75px;
    padding: 0 15px 0 15px;
}
.card-block.is-property.vertical-format>.card-block-inner .price-row {
    flex-wrap: wrap;
    width: 100%;
}

.card-block.is-property.property-for-sell>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell,
.card-block.is-property.property-for-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent {
    text-align: left;
}
.card-block.is-property.property-for-sell>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell .price-group>.this-price-row,
.card-block.is-property.property-for-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent .price-group>.this-price-row {
    justify-content: flex-start;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col {
    width: 100%;
    flex: none;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell {
    text-align: left;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent {
    display: none;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price .price-group>.this-price-row>.price {
    font-size: 18px;
    line-height: 22px;
    margin-top: 2px;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell .price-other {
    display: block;
} */

/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

.head-property-row {
    display: none !important;
}
.head-property-row+.card-block-row.is-property {
    margin-top: 0 !important;
}

.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec {
    width: 100%;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-desktop {
    display: none;
}

/* ============================================================================================== */
/* ============================================ CARD VIDEO ====================================== */
/* ============================================================================================== */

.card-block-row.inline.is-video {
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.card-block-row.inline.is-video .card-block.is-video.horizontal-format {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.card-block.is-video.horizontal-format>.card-block-inner {
    flex-wrap: wrap !important;    
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec,
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    width: 100% !important;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    padding: 15px;
    height: 176px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .title {
    margin-bottom: 5px;
    max-height: 50px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .description {
    /* font-size: 11px;
    line-height: 15px; */
    max-height: 40px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
    font-size: 14px;
}

/* ============================================================================================== */
/* ============================================ CARD BLOG ======================================= */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* ------------------------- horizontal -------------------------- */
/* --------------------------------------------------------------- */

.card-block.is-blog.horizontal-format>.card-block-inner>.cover-sec {
	width: 200px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec {
	width: calc(100% - 200px);
	padding: 20px;
}
.card-block.is-blog.horizontal-format, .card-block.is-blog.horizontal-format>.card-block-inner {
    height: 200px;
}
/* .card-block.is-blog.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
    display: none;
} */

}

/* xs */
@media (max-width: 575.98px) {

.card-block .title {
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
}

/* ============================================================================================== */
/* ========================================== CARD PROPERTY ===================================== */
/* ============================================================================================== */

.card-block.is-property ul.property-spec-min-group .property-spec-min-item>.icon {
    width: 18px;
    font-size: 13px;
    top: 3px;
}
.card-block.is-property ul.property-spec-min-group .property-spec-min-item>.text {
    width: calc(100% - 18px);
    padding-left: 5px;
    font-size: 10px;
    line-height: 18px;
}

/* --------------------------------------------------------------- */
/* ----------------- CARD PROPERTY - VERTICAL -------------------- */
/* --------------------------------------------------------------- */

.card-block-row.inline.is-property {
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.card-block-row.inline.is-property .card-block.is-property.vertical-format {
    /* width: calc(100% / 2); */
    width: 100%;
    padding: 0 5px;
    margin-bottom: 20px;
}
.card-block.is-property.vertical-format>.card-block-inner {
    height: auto;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.card-block-inner {
    padding: 10px 15px 15px 15px;
}
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title {
    /* margin-bottom: 0; */
    line-height: 25px;
    margin-bottom: 15px;
}
/* .card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-title>.col-title {
    font-size: 15px;
} */
/* .card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-description {
    font-size: 12px;
    line-height: 20px;
    max-height: 40px;
    min-height: 40px;
} */
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format .property-spec {
    height: auto;
}

/* price */
.card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price {
    display: flex;
    align-items: center;
    padding: 0 15px 0 15px;
}
/* .card-block.is-property.vertical-format>.card-block-inner .price-row {
    flex-wrap: wrap;
    width: 100%;
}

.card-block.is-property.property-for-sell>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell,
.card-block.is-property.property-for-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent {
    text-align: left;
}
.card-block.is-property.property-for-sell>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell .price-group>.this-price-row,
.card-block.is-property.property-for-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent .price-group>.this-price-row {
    justify-content: flex-start;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col {
    width: 100%;
    flex: none;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell {
    text-align: left;
} */
/* .card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell .price-group>.this-price-row {
    justify-content: center;
} */
/* .card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-rent {
    display: none;
} */
/* .card-block.is-property>.card-block-inner>.content-sec.content-vertical-format>.content-inner.is-price .price-group>.this-price-row>.price {
    font-size: 18px;
    line-height: 22px;
    margin-top: 2px;
}
.card-block.is-property.property-for-sell-and-rent>.card-block-inner>.content-sec.content-vertical-format .price-row>.price-col.this-col-price-sell .price-other {
    display: block;
} */

/* --------------------------------------------------------------- */
/* ---------------- CARD PROPERTY - HORIZONTAL ------------------- */
/* --------------------------------------------------------------- */

.head-property-row {
    display: none !important;
}
.head-property-row+.card-block-row.is-property {
    margin-top: 0 !important;
}

.card-block.is-property.horizontal-format>.card-block-inner>.cover-sec {
    width: 100%;
}
.card-block.is-property.horizontal-format>.card-block-inner>.content-sec.on-desktop {
    display: none;
}

/* ============================================================================================== */
/* ============================================ CARD VIDEO ====================================== */
/* ============================================================================================== */

/* .card-block.is-video.horizontal-format,
.card-block.is-video.horizontal-format>.card-block-inner {
    height: 130px;
} */
.card-block-row.inline.is-video {
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.card-block-row.inline.is-video .card-block.is-video.horizontal-format {
    width: 100%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.card-block.is-video.horizontal-format>.card-block-inner {
    flex-wrap: wrap !important;    
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec,
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    width: 100% !important;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    padding: 15px;
    height: auto;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .title {
    margin-bottom: 5px;
    max-height: 50px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .description {
    /* font-size: 11px;
    line-height: 15px; */
    max-height: 40px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
    font-size: 12px;
    margin-top: 15px;
}
.card-block.is-video.horizontal-format>.card-block-inner>.cover-sec .icon-play {
    width: 40px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    margin: -20px auto auto -20px
}


/* ============================================================================================== */
/* ============================================ CARD BLOG ======================================= */
/* ============================================================================================== */

/* --------------------------------------------------------------- */
/* ------------------------- horizontal -------------------------- */
/* --------------------------------------------------------------- */

.card-block.is-blog.horizontal-format>.card-block-inner>.cover-sec {
	width: 150px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec {
	width: calc(100% - 150px);
	padding: 20px;
}
.card-block.is-blog.horizontal-format, .card-block.is-blog.horizontal-format>.card-block-inner {
    height: 150px;
}
.card-block.is-blog.horizontal-format>.card-block-inner>.content-sec .btn-on-bottom {
    display: none;
}

}

/* xs custom */
@media (max-width: 399.98px) {

/* ============================================================================================== */
/* ============================================ CARD VIDEO ====================================== */
/* ============================================================================================== */

.card-block-row.inline.is-video .card-block.is-video.horizontal-format {
    width: 100%;
}
.card-block.is-video.horizontal-format>.card-block-inner>.content-sec {
    height: auto;
}

}