.map-container {
position: relative;
height: 100%;
overflow: hidden;
}
.map-container .map {
background: #b1b1b1;
}
.map-container:has(#map) {
position: inherit;
overflow: inherit;
height: 100vh;
}
#map,
#map-header,
#map-single {
position: relative;
left: auto;
width: 100%;
height: 100%;
overflow: hidden;
}
#map:not(.no-fixed) {
height: 100vh;
}
#map-header {
height: 500px;
}
#map-single {
height: 360px;
}
.map-container #map.fixed,
.map-container #map-header.fixed,
.map-container #map-single.fixed,
.map-container #map.mapboxgl-map.fixed,
.map-container #map-header.mapboxgl-map.fixed,
.map-container #map-single.mapboxgl-map.fixed {
position: fixed !important;
top: 0;
} .mapboxgl-popup.mapboxgl-popup-anchor-bottom {
top: -35px;
}
.mapboxgl-popup.mapboxgl-popup-anchor-top {
top: 35px;
}
.mapboxgl-popup-content .popup-content {
background: #fff;
border-radius: 16px;
box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
padding: 0;
pointer-events: auto;
position: relative;
width: 300px;
}
.mapboxgl-popup-content .popup-thumb img {
height: 225px;
width: 100%;
object-fit: cover;
border-radius: 16px 16px 0 0;
}
.map-header .mapboxgl-popup-content .popup-thumb img {
height: 160px;
}
.map-header .mapboxgl-popup-content .popup-content {
width: 250px;
}
.map-header .mapboxgl-popup-content .pop-main-content .popup-title {
font-size: 16px;
}
.map-header .mapboxgl-popup-content .pop-main-content .popup-desc {
margin-bottom: 5px;
}
.map-header .mapboxgl-popup-content .pop-main-content .popup-price {
font-size: 18px;
}
.mapboxgl-popup-content {
all: unset;
}
.mapboxgl-popup-content .popup-thumb {
position: relative;
}
.mapboxgl-popup-content .popup-thumb span {
font-family: 'Inter';
font-size: 12px;
font-weight: 600;
line-height: 16.8px;
color: #fff;
background: var(--theme-primary-color);
padding: 6px 12px;
border-radius: 99px;
position: absolute;
top: 10px;
}
.mapboxgl-popup-content .popup-thumb span.featured {
left: 10px;
}
.mapboxgl-popup-content .popup-thumb span.date {
right: 10px;
}
.mapboxgl-popup-content .pop-main-content .popup-condition {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: var(--theme-primary-color);
margin-bottom: 8px;
}
.mapboxgl-popup-content .pop-main-content {
padding: 16px;
}
.mapboxgl-popup-content .pop-main-content .popup-title {
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
color: #24272C;    
margin-bottom: 8px;
}
.mapboxgl-popup-content .pop-main-content .popup-address {
color: #A2A4A8;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 6px;
}
.mapboxgl-popup-content .pop-main-content .popup-price {
font-size: 20px;
font-weight: 500;
line-height: 25.2px;
color: var(--theme-primary-color);    
}
.mapboxgl-popup-content .pop-main-content .popup-desc {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
}
.mapboxgl-popup-content .pop-main-content .popup-desc li {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
display: flex;
align-items: center;
gap: 4px;
}
.mapboxgl-popup-content .pop-main-content .popup-desc li.mileage::before {
content: '\e940';
font-family: 'autodeal';
}
.mapboxgl-popup-content .pop-main-content .popup-desc li.fuel::before {
content: '\e942';
font-family: 'autodeal';
}
.mapboxgl-popup-content .pop-main-content .popup-desc li.trans::before {
content: '\e946';
font-family: 'autodeal';
}
.mapboxgl-popup-content .mapboxgl-popup-close-button {
padding: 0;
margin: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
background: #1c1c1e75;
color: #fff;
border-radius: 50%;
top: -5px;
left: -15px;
font-weight: 300;
font-size: 25px;
line-height: 30px;
}
.mapboxgl-popup-content .mapboxgl-popup-close-button:hover {
background: var(--theme-primary-color);
} .gm-style .gm-style-iw-c {
padding: 0;
}
.gm-style .gm-style-iw-d {
overflow: hidden !important;
}
.gm-style .gm-style-iw-d .pop-main-content {
padding: 15px;
}
.gm-style .gm-style-iw-d .popup-title {
color: #1C1C1E;
font-size: 16px;
font-weight: 600;
line-height: 150%;
margin-bottom: 0px;
}
.gm-style .gm-style-iw-d .popup-address {
color: #3A3A3C;
font-size: 12px;
font-weight: 400;
line-height: 150%;
margin-bottom: 6px;
}
.gm-style .gm-style-iw-d .popup-price {
color: var(--theme-primary-color);
font-size: 18px;
font-weight: 600;
}
@media only screen and (max-width: 1300px) {
.half-map-right .map-container,
.half-map-left .map-container {
min-height: unset;
position: relative !important;
}
.half-map-right .properties-list-wrap .group-card-item-property,
.half-map-left .properties-list-wrap .group-card-item-property {
height: unset;
overflow-x: unset;
overflow-y: unset;
}
}
@media only screen and (max-width: 1024px) {
.properties-list-wrap .tfre-my-property-search .toolbar-search-list {
justify-content: left !important;
margin-top: 20px;
}
}
@media only screen and (max-width: 991px) {
.map-container #map.fixed,
.map-container #map-header.fixed,
.map-container #map-single.fixed,
.map-container #map.mapboxgl-map.fixed,
.map-container #map-header.mapboxgl-map.fixed,
.map-container #map-single.mapboxgl-map.fixed {
position: unset !important;
}
.half-map-right .map-container,
.half-map-left .map-container {
min-height: unset;
position: relative !important;
height: 500px !important;
overflow: hidden !important;
}
.mapboxgl-popup-content .popup-content {
width: 170px;
}
.mapboxgl-popup-content .popup-thumb img {
height: 100px;
}
.mapboxgl-popup-content .pop-main-content {
padding: 10px;
}
.mapboxgl-popup-content .pop-main-content .popup-condition {
font-size: 12px;
margin-bottom: 0px;
}
.mapboxgl-popup-content .pop-main-content .popup-title {
font-size: 14px;
}
.mapboxgl-popup-content .pop-main-content .popup-desc li {
font-size: 12px;
}
.mapboxgl-popup-content .pop-main-content .popup-desc {
gap: 5px;
margin-bottom: 10px;
}
.mapboxgl-popup-content .pop-main-content .popup-price {
font-size: 16px;
}
.mapboxgl-popup-content .popup-thumb span {
padding: 2px 7px;
font-size: 10px;
}
}
@media only screen and (max-width: 767px) {
.cards-container {
flex-direction: column-reverse;
}
.map-container #map.mapboxgl-map.fixed,
.map-container #map-header.mapboxgl-map.fixed,
.map-container #map-single.mapboxgl-map.fixed,
#map {
position: relative !important;
}
.map-container.hide-map-mobile {
display: none;
}
}.widget_dealer_contact_widget .inner-widget {
padding: 30px 30px 30px 30px;
border: 1px solid #EDEDED;
box-shadow: 0px 8px 20px 0px #0000000D;
border-radius: 16px;
}
.widget-dealer-contact .dealer-avatar {
display: flex;
align-items: center;
padding-bottom: 28px;
border-bottom: 1px solid #EDEDED;
margin-bottom: 30px;
}
.widget-dealer-contact .dealer-avatar img {
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
margin-right: 20px;
}
.widget-dealer-contact .dealer-avatar p {
font-family: 'Inter';
font-size: 12px;
font-weight: 600;
color: #7ED321;
background: rgba(126, 211, 33, 0.1);
border-radius: 999px;
padding: 4px 9px;
display: inline-block;
border: 1px solid rgba(126, 211, 33, 0.14);
}
.widget-dealer-contact .dealer-avatar svg {
vertical-align: sub;
margin-right: 3px;
}
.widget-dealer-contact .map-dealer-listing .address-dealer {
margin-bottom: 15px;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
}
.widget-dealer-contact .map-dealer-listing .address-dealer svg {
vertical-align: sub;
margin-right: 8px;
}
.widget-dealer-contact .dealer-avatar h4 {
margin-bottom: 10px;
}
.widget-dealer-contact .wrap-contact-dealder {
display: flex;
align-items: center;
gap: 10px;
margin-top: 11px;
}
.widget-dealer-contact .wrap-contact-dealder .dealer-contact-btn {
background: var(--theme-primary-color);
border-radius: 14px;
padding: 14px 15px;
color: #fff;
font-size: 16px;
font-weight: 500;
display: block;
text-align: center;
flex: 1;
}
.widget-dealer-contact .wrap-contact-dealder .dealer-contact-btn.email {
background: #7ED321;
}
.widget-dealer-contact .wrap-contact-dealder .dealer-contact-btn:hover {
background: #24272C !important;
}
.widget-dealer-contact .wrap-contact-dealder .dealer-contact-btn i {
vertical-align: middle;
margin-right: 5px;
font-size: 20px;
} .widget_listing_sidebar_widget {
padding: 30px 30px 30px 30px;
border: 1px solid #EDEDED;
box-shadow: 0px 8px 20px 0px #0000000D;
border-radius: 16px;
}
.widget_listing_sidebar_widget .listing-count {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
margin-top: -17px;
display: block;
margin-bottom: 25px;
}
.widget_listing_sidebar_widget .view-more-button {
margin-top: 25px;
}
.widget_listing_sidebar_widget .view-more-button a {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: var(--theme-primary-color);
}
.widget_listing_sidebar_widget .view-more-button a:hover {
color: #24272C;
}
.widget_listing_sidebar_widget .view-more-button a i {
margin-left: 3px;
vertical-align: text-bottom;
font-size: 20px;
}
.tfcl-list-featured-listing .property-item {
display: flex;
}
.tfcl-list-featured-listing .property-item .property-image img {
width: 130px;
height: 98px;
object-fit: cover;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
} 
.tfcl-list-featured-listing .property-item:hover .property-image img {
transform: scale(1.05);
}
.tfcl-list-featured-listing .property-item .property-image a {
display: block;
border-radius: 16px;
overflow: hidden;
}
.tfcl-list-featured-listing .property-item .property-image {
margin-right: 20px;
flex-shrink: 0;
}
.tfcl-list-featured-listing .property-title {
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin-bottom: 9px;
}
.tfcl-list-featured-listing .price {
display: flex;
align-items: baseline;
gap: 10px;
}
.tfcl-list-featured-listing .price .inner:nth-child(2) {
color: #B6B6B6;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
text-decoration: line-through;
}
.tfcl-list-featured-listing .price .inner:nth-child(1) {
color: #24272C;
text-decoration: none;
font-family: 'Inter';
font-size: 14px;
font-weight: 700;
line-height: 19.6px;
}
.tfcl-list-featured-listing .item:not(:last-child) {
margin-bottom: 10px;
}
.widget-dealer-location,
.widget_dealer_contact_widget2 {
border: 1px solid #EDEDED;
border-radius: 16px;
padding: 30px;
padding-bottom: 27px;
}
.widget-dealer-location .widget-title {
font-size: 24px;
font-weight: 500;
line-height: 30.24px;
margin-bottom: 28px !important;
}
.widget-dealer-location .address-dealer {
display: flex;
align-content: center;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
gap: 5px;
margin-bottom: 16px;
}
.widget-dealer-location .location-link {
border: 1px solid var(--theme-primary-color);
padding: 15px 20px;
border-radius: 14px;
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
background: transparent;
width: 100%;
text-align: center;
display: block;
color: var(--theme-primary-color);
}
.widget-dealer-location .location-link:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tfcl-sidebar-dealer ul {
margin-bottom: 40px;
} .widget_dealer_contact_widget2 h2 {
font-size: 40px !important;
font-weight: 600 !important;
line-height: 48px !important;
margin-bottom: 11px !important;
}
.widget_dealer_contact_widget2 .list-authencation {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 32px;
padding-bottom: 24px;
border-bottom: 1px solid #EDEDED;
}
.widget_dealer_contact_widget2 .list-authencation li {
font-family: 'Inter';
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
color: #696665;
}
.widget_dealer_contact_widget2 .list-authencation li i {
color: #7ED321;
margin-right: 3px;
font-size: 15px;
vertical-align: middle;
}
.widget_dealer_contact_widget2 .open-store {
margin-bottom: 31px;
padding-bottom: 15px;
border-bottom: 1px solid #EDEDED;
}
.widget_dealer_contact_widget2 .rating {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #24272C;    
}
.widget_dealer_contact_widget2 .rating .overall-rating-detail-star i {
color: #B6B6B6;
font-size: 14px;
}
.widget_dealer_contact_widget2 .rating .overall-rating-detail-star span {
margin-left: 10px;
}
.widget_dealer_contact_widget2 .rating {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 29px;
}
.widget_dealer_contact_widget2 .rating .overall-rating-detail-star i.active {
color: var(--theme-primary-color);
}
.widget_dealer_contact_widget2 .open-store ul li {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #24272C;
}
.widget_dealer_contact_widget2 .open-store ul li .right {
font-weight: 500;
}
.widget_dealer_contact_widget2 .open-store ul li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 10.5px;
}
.widget_dealer_contact_widget2 .open-store h6 {
margin-bottom: 16px;
}
.widget_dealer_contact_widget2 .form-sc-1,
.widget_dealer_contact_widget2 .form-sc-2 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
opacity: 0;
visibility: hidden;
}
.widget_dealer_contact_widget2 .form-sc-2.active, .widget_dealer_contact_widget2 .form-sc-1.active {
visibility: visible;
opacity: 1;
}
.widget_dealer_contact_widget2 .form-sc-1 .overlay-form, .widget_dealer_contact_widget2 .form-sc-2 .overlay-form {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
content: '';
cursor: pointer;
}
.widget_dealer_contact_widget2 .form-sc-1>.inner, .widget_dealer_contact_widget2 .form-sc-2>.inner {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
right: 15px;
max-width: 450px;
z-index: 9999;
margin: 0 auto;
padding: 30px;
background: #fff;
border-radius: 16px;
}
.widget_dealer_contact_widget2 .button-close {
font-size: 16px;
position: absolute;
top: -10px;
right: -10px;
color: #fff;
font-weight: 700;
cursor: pointer;
font-size: 10px;
width: 35px;
height: 35px;
border-radius: 50%;
background: var(--theme-primary-color);
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.widget_dealer_contact_widget2 .button-close:hover {
background: #24272C;
color: #fff;
}
.widget_dealer_contact_widget2 .button-form-1 {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: #fff;
width: 100%;
display: block;
padding: 15px 35px;
border-radius: 14px;
background: var(--theme-primary-color);
text-align: center;
margin-bottom: 11px;
}
.widget_dealer_contact_widget2 .button-form-2 {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: #fff;
width: 100%;
display: block;
padding: 15px 35px;
border-radius: 14px;
background: #7ED321;
text-align: center;
}
.widget_dealer_contact_widget2 .button-form-1:hover,
.widget_dealer_contact_widget2 .button-form-2:hover {
background: #24272C;
}
.widget_dealer_contact_widget2 .wpcf7-submit:hover {
background: #24272C;
}
@media only screen and (max-width: 767px) {
.widget-dealer-contact .wrap-contact-dealder {
flex-direction: column;
}
.widget-dealer-contact .wrap-contact-dealder .dealer-contact-btn {
width: 100%;
}
.widget_dealer_contact_widget2 h2 {
font-size: 30px !important;
}
}.wrap-single-seller.sidebar-left .single-seller-content {
order: 2;
}
.wrap-single-seller.sidebar-left .single-seller-sidebar {
order: 1;
}
.wrap-single-seller.sidebar-right .single-seller-content  {
order: 1;
}
.wrap-single-seller.sidebar-right .single-seller-sidebar {
order: 2;
}
.wrap-single-seller.hide-info-seller {
padding-top: 55px;
}
.author-single .author-single-header-info {
border: 1px solid #EDEDED;
padding: 16px;
border-radius: 16px;
display: flex;
gap: 30px;
margin-bottom: 61px;
}
.author-single .author-single-header-info .author-avatar {
flex-shrink: 0;
}
.author-single .author-single-header-info .author-name {
margin-bottom: 11px;
}
.author-single .author-header-info-left {
align-items: center;
gap: 30px;
}
.author-single .author-header-info-right {
display: flex;
align-items: center;
gap: 30px;
row-gap: 12px;
}
.author-single .author-phone,
.chat-whasapp {
align-items: center;
gap: 18px;
padding: 15px 30px;
border: 1px solid rgba(212, 220, 224, 0.40);
border-radius: 10px;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
background: #FFF;
}
.author-phone-info {
margin-bottom: 0px;    
}
.chat-whasapp {
align-items: center;
justify-content: center;
gap: 13px;
}
.author-single .author-single-header-info .author-avatar img {
width: 410px;
height: 410px;
border-radius: 16px;
object-fit: cover;
}
.author-phone-info p.author-phone-label {
margin: 0;
}
.author-single-basic-info {
display: flex;
gap: 60px;
padding-top: 55px;
padding-bottom: 55px;
}
.author-single-basic-info > div {
row-gap: 20px;
}
.author-single-basic-info .content {
font-size: 16px;
font-style: normal;
text-transform: capitalize;
}
.author-single-basic-info .content h6.label-info {
font-size: 16px;
font-weight: 600;
}
.author-single-basic-info .content .basic-info-item-content {
font-size: 16px;
font-weight: 500;
}
.author-single-basic-info .content .basic-info-item-content > a {
text-transform: lowercase;
}
.list-info-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 70px;
}
.list-info-inner .basic-info-item {
display: flex;
gap: 20px;
}
.basic-info-item .icon {
width: 46px;
height: 46px;
display: flex;
flex-shrink: 0;
border-radius: 50%;
align-items: center;
justify-content: center;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
}
.basic-info-item .icon i {
color: var(--theme-primary-color);
}
.author-header-info-left h6.sub-title  {
color: var(--theme-primary-color);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.author-header-info-left .author-avatar {
flex-shrink: 0;
}
.basic-info-item .basic-info-item-content {
font-size: 16px;
font-style: normal;
font-weight: 500;
color: #000;
}
.group-card-item-listing .tfcl-listing-card .bottom-content .price .sale_price  {
color: var(--theme-primary-color);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.single-seller-content .author-introduction {
padding-bottom: 80px;
}
.single-seller-content .author-introduction h3,
.single-seller-content .listing-list-inner h2 {
color: #1B1B1B;
font-size: 32px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 25px;
}
.single-seller-content .author-introduction p {
color: #83827F;
font-family: "DM Sans";
font-size: 18px;
font-weight: 400;
line-height: 33px;
}
.author-single-header-info .description {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #24272C;
margin-bottom: 30px;
}
.author-single-header-info .list-infor {
margin-bottom: 27px;
}
.author-single-header-info .list-infor li {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #1C1C1E;
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
}
.author-single-header-info .list-social-author {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 30px;
}
.author-single-header-info .list-social-author a {
width: 40px;
height: 40px;
border: 1px solid #E4E4E4;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #24272C;
font-size: 16px;
}
.author-single-header-info .list-social-author a:hover {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff;
}
.author-single-header-info .get-quote {
display: inline-block;
min-width: 235px;
border-radius: 14px;
padding: 15px 20px;
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
background: var(--theme-primary-color);
color: #fff;
text-align: center;
}
.author-single-header-info .get-quote:hover {
background: #24272C;
color: #fff;
}
.single-seller-content .listing-list-inner h2 {
font-size: 30px;
font-weight: 500;
line-height: 37.8px;
}
.single-seller-content .sort-listing {
display: none;
} .widget_login_menu_widget .user-display-name {
cursor: pointer;
}
.widget_login_menu_widget .user-display-name img {
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #FFF;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
object-fit: cover;
}
.widget_login_menu_widget .user-display-name::after {
display: none;
} .tfcl_account h4 {
margin-bottom: 39px;
}
.tfcl_account input,
.tfcl_account textarea {
border-radius: 8px !important;
border: 1px solid #EFEFF2;
background: #FFF;
color: #000;
font-size: 16px;
font-weight: 500;
padding: 17px;
}
.tfcl_account input::placeholder,
.tfcl_account textarea::placeholder {
color: #83827f7e;
font-size: 16px;
font-weight: 500;
}
.tfcl_account .form-group {
margin-bottom: 23px;
}
.tfcl_account button {
display: block;
width: 100%;
margin-top: 30px;
font-size: 16px;
font-weight: 500;
}
.tfcl_account .tfcl_notification {
text-align: center;
margin-top: 18px;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
}
.tfcl-login-form .or-login {
position: relative;
text-align: center;
font-family: 'Inter';
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
color: #696665;
padding: 33px 0;
}
.tfcl-login-form .or-login span {
padding: 10px 25px;
background: #fff;
position: relative;
z-index: 1;
}
.tfcl-login-form .tfcl-login-google { 
border: 1px solid #EDEDED;
background: #fff;
padding: 15px 20px;
border-radius: 14px !important;
width: 100%;
text-align: center;
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
color: #696665;
margin-top: -3px;
}
.tfcl-login-form .media-login {
margin-bottom: 0;
} 
.tfcl-login-form .tfcl-login-google:hover {
background: var(--theme-primary-color);
color: #fff;
border-color: var(--theme-primary-color);
}
.tfcl-login-form .or-login::after {
content: '';
height: 1px;
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: #EFEFEF;
}
.tfcl_account .tfcl_notification a {
color: var(--theme-primary-color);
}
.tfcl_account .tfcl-reset-password {
display: block;
text-align: right;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
margin-top: -4px;
}
.client-account {
padding: 20px;
background: var(--theme-primary-rgba);
margin-bottom: 20px;
border-radius: 10px;
}
.client-account li {
color: #000;
font-size: 16px;
}
.client-account li:not(:last-child) {
margin-bottom: 10px;
}
.client-account li span {
font-weight: 700;
color: var(--theme-primary-color);
}
@media only screen and (max-width: 767px) {
.author-single .author-single-header-info {
display: block;
}
.author-single .author-single-header-info .author-avatar img {
width: 100%;
height: 300px;
}
.author-single .author-single-header-info .author-avatar {
margin-bottom: 30px;
}
}.tfcl-my-listing-sc tr,
.tfcl-my-listing-sc td,
.tfcl-table-listing tr,
.tfcl-table-listing td {
border: unset;
vertical-align: middle;
width: 10%;
}
.tfcl-my-listing-sc td,
.tfcl-table-listing td {
padding: 16px 0px;
}
.tfcl-my-listing-sc tr,
.tfcl-table-listing tr {
border-bottom: 1px solid #EDEDED;
}
.tfcl-my-listing-sc tr td:first-child,
.tfcl-table-listing tr td:first-child {
width: 18.6%;
}
.tfcl-my-listing-sc .list-wrapper,
.tfcl-table-listing .list-wrapper {
text-align: center;
width: max-content;
margin: 0 auto;
}
.tfcl-my-listing-sc .list-wrapper p,
.tfcl-table-listing .list-wrapper p {
color: #83827F;
font-size: 16px;
font-weight: 500;
line-height: 30px;
margin-bottom: 0;
}
.tfcl-my-listing-sc .list-wrapper b,
.tfcl-table-listing .list-wrapper b {
color: #0A1426;
font-weight: 600;
font-size: 16px;
}
.tfcl-my-listing-sc .tfcl-empty-data {
border-bottom: 1px solid #E9E8E8;
padding: 21px 11px;
}
.tfcl-listing-listing .mypt-brand,
.tfcl-table-listing .mypt-brand {
color: #86898E;
font-size: 14px;
font-weight: 500;
}
.tfcl-table-listing .column-status .tfcl-listing-status {
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
background: var(--theme-primary-rgba);
padding: 6px 14px 6px 14px;
border-radius: 999px;
border: 1px solid var(--theme-primary-color);
}
.tfcl-table-listing .column-status .tfcl-listing-status.status-pending {
background: #EE67421A;
border-color: #EE674224;
color: #EE6742;
}
.tfcl-table-listing .column-status .tfcl-listing-status.status-publish {
background: #7ED3211A;
border-color: #7ED32124;
color: #7ED321;
}
.tfcl-table-listing .column-status .tfcl-listing-status.status-sold {
background: #6E55FF1A;
border-color: #6E55FF24;
color: #6E55FF;
}
.tfcl-table-listing .column-status {
text-align: left;
vertical-align: baseline;
padding-left: 30px;
padding-top: 22px;
}
.tfcl-table-listing .column-date {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
text-align: left;
vertical-align: baseline;
padding-left: 30px;
padding-top: 22px;
}
.tfcl-table-listing .column-controller {
font-family: 'Inter';
font-size: 14px;
font-weight: 500;
line-height: 19.6px;
text-align: left;
vertical-align: baseline;
padding-left: 30px;
padding-top: 22px;
color: #24272C;
}
.tfcl-table-listing .column-listing {
padding-right: 20px;
}
.tfcl-table-listing .column-controller .inner-controller:not(:last-child),
.tfcl-table-listing .column-controller li:not(:last-child) {
margin-bottom: 8px;
}
.tfcl-table-listing .column-controller .inner-controller {
cursor: pointer;
}
.tfcl-table-listing .column-controller .inner-controller .disabled-click {
cursor: not-allowed;
opacity: 0.6;
}
.tfcl-table-listing .column-controller li i {
color: #B6B6B6;
}
.tfcl-table-listing .tfcl-pagination {
justify-content: left;
margin-top: 29px;
gap: 10px;
}
.tfcl-table-listing .column-listing,
.tfcl-table-listing .column-status,
.tfcl-table-listing .column-date {
position: relative;
}
.tfcl-table-listing .column-listing::after,
.tfcl-table-listing .column-status::after,
.tfcl-table-listing .column-date::after {
content: '';
width: 1px;
height: 75%;
background: #EDEDED;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.tfcl-listing-listing .tfcl-listing-title,
.favorite-listing .tfcl-listing-title {
color: #26232A;
font-size: 18px;
font-weight: 600;
line-height: 30px;
margin-bottom: 1px;
}
.tfcl-listing-listing .mypt-address,
.favorite-listing .mypt-address {
color: #83827F;
font-family: 'DM Sans';
font-size: 18px;
font-weight: 400;
line-height: 33px;
display: flex;
align-items: baseline;
margin-bottom: 4px;
}
.tfcl-listing-listing .mypt-address i,
.favorite-listing .mypt-address i {
margin-right: 7px;
color: var(--theme-primary-color);
font-size: 14px;
}
.tfcl-listing-listing .tfcl-listing-price:nth-child(1),
.favorite-listing .tfcl-listing-price:nth-child(1) {
color: var(--theme-primary-color);
font-size: 17px;
font-weight: 700;
}
.tfcl-listing-listing .price,
.favorite-listing .price {
display: flex;
align-items: end;
gap: 20px;
}
.tfcl-listing-listing .tfcl-listing-price.sale-price:nth-child(2),
.favorite-listing .tfcl-listing-price.sale-price:nth-child(2) {
color: #86898E;
text-decoration: line-through;
}
.tfcl-listing-listing .features-images,
.favorite-listing .features-images {
position: relative;
flex-shrink: 0;
}
.tfcl-listing-listing .features-images img {
border-radius: 9px;
object-fit: cover;
max-width: 203px;
max-height: 140px;
}
.tfcl-listing-listing .features-images .controller,
.favorite-listing .controller {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
}
.tfcl-listing-listing .features-images .controller li:not(:last-child),
.favorite-listing .controller li:not(:last-child) {
margin-right: 15px;
}
.tfcl-listing-listing .features-images .controller a,
.favorite-listing .controller a {
position: relative;
color: #fff;
font-size: 15px;
}
.tfcl-listing-listing .features-images .controller a,
.favorite-listing .controller a {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.tfcl-listing-listing .features-images .controller a:hover,
.favorite-listing .controller a:hover {
background: var(--theme-primary-color);
}
.tfcl-listing-listing .features-images .controller a.tfcl-dashboard-action-delete:hover i::before,
.favorite-listing .controller a.tfcl-favorite-remove:hover i::before {
content: "\e983";
font-family: 'autodeal';
}
.favorite-listing .controller a.tfcl-favorite-remove i.fa-spinner::before {
content: "\f110" !important;
}
.tfcl-my-listing-sc .tfcl-listing-listing,
.favorite-listing {
display: flex;
align-items: center;
}
.tfcl-listing-listing .tfcl-listing-summary,
.favorite-listing .content {
text-align: left;
padding-left: 37px;
}
.tfcl-listing-listing .features-images .controller-2 {
display: flex;
align-items: center;
position: absolute;
top: 6px;
left: 6px;
}
.tfcl-listing-listing .features-images .controller-2 li:not(:last-child) {
margin-right: 8px;
}
.tfcl-listing-listing .features-images .controller-2 li a {
border-radius: 5px;
background: rgba(0, 0, 0, 0.41);
width: 29px;
height: 28px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.tfcl-listing-listing .features-images .controller-2 li a:hover,
.tfcl-listing-listing .features-images .controller-2 li a.active {
background: var(--theme-primary-color);
}
.tfcl-listing-listing .features-images .controller-2 .tfcl-compare-listing i.fa-plus::before {
content: "\e95a";
font-family: 'autodeal';
} .tfcl-pagination {
display: flex;
align-items: center;
gap: 15px;
justify-content: center;
margin-top: 10px;
}
.tfcl-pagination span,
.tfcl-pagination a {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #EDEDED;
color: #24272C;
font-size: 16px;
font-weight: 500;
border-radius: 10px;
}
.tfcl-pagination a:hover,
.tfcl-pagination .current {
background: var(--theme-primary-color);
color: #fff;
border-color: var(--theme-primary-color);
}
.tfcl-pagination a i::before {
font-weight: 700;
} .tfcl-listing-card {
border-radius: 16px;
background: #FFF;
box-shadow: unset;
margin-bottom: 30px;
}
.tfcl-listing-card .featured-property {
position: relative;
width: 100%;
overflow: hidden;
border-radius: 16px 16px 0 0;
}
.tfcl-listing-card .featured-property .group-meta {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
flex-wrap: wrap;
position: absolute;
top: 9px;
left: 11px;
right: 10px;
z-index: 7;
}
.tfcl-listing-card .featured-property .group-meta .inner {
display: flex;
align-items: center;
gap: 10px;
}
.tfcl-listing-card .featured-property .features,
.tfcl-listing-card .featured-property .status,
.tfcl-listing-card .featured-property .date-car {
border-radius: 99px;
background: var(--theme-primary-color);
padding: 5px 12px;
color: #FFF;
z-index: 6;
height: 34px;
font-family: 'Inter';
font-size: 12px;
font-weight: 600;
height: 29px;
}
.tfcl-listing-card .featured-property .count-list-gallery {
border-radius: 99px;
background: rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
gap: 7px;
color: #FFF;
font-family: 'Inter';
font-size: 12px;
font-weight: 600;
line-height: 16.8px;
text-transform: uppercase;
padding: 7px 12px;
height: 30px;
width: max-content;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tfcl-listing-card .featured-property .count-list-gallery:hover {
background: var(--theme-primary-color);
color: #fff;
}
.tfcl-listing-card .featured-property .count-list-gallery i {
font-size: 14px;
}
.tfcl-listing-card .featured-property .list-controller {
display: flex;
align-items: center;
gap: 8px;
column-gap: 20px;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 7;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tfcl-listing-card:hover .featured-property .list-controller {
column-gap: 8px;
}
.tfcl-listing-card .featured-property .list-controller a {
height: 48px;
width: 48px;
background: #fff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--theme-primary-color);
font-size: 19px;
}
.tfcl-listing-card .featured-property .tfcl-compare-listing i.fa-plus::before {
content: "\e92c";
font-family: 'autodeal';
}
.tfcl-listing-card .featured-property img {
width: 100%;
object-fit: cover;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tfcl-listing-card .featured-property .image-item::after {
content: '';
background: #000;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 6;
visibility: hidden;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.tfcl-listing-card:hover .featured-property .image-item::after {
visibility: visible;
opacity: 0.6;
}
.tfcl-listing-card:hover .featured-property img {
transform: scale(1.05);
}
.tfcl-listing-card:hover .featured-property .list-controller {
opacity: 1;
visibility: visible;
}
.tfcl-listing-card .featured-property .list-controller a:hover,
.tfcl-listing-card .featured-property .list-controller a.active {
color: #fff;
background: var(--theme-primary-color);
}
.tfcl-listing-card .content {
padding: 16px;
padding-bottom: 14px;
border: 1px solid #EDEDED;
border-top: unset;
border-radius: 0 0 16px 16px;
}
.tfcl-listing-card .car-body {
color: var(--theme-primary-color);
font-size: 14px;
font-weight: 500;
margin-bottom: 9px;
display: block;
}
.tfcl-listing-card .content .title {
margin-bottom: 18px;
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
}
.tfcl-listing-card .content .title a {
color: #26232A;
}
.tfcl-listing-card .content .title a:hover {
color: var(--theme-primary-color);
}
.tfcl-listing-card .description {
margin-bottom: 19px;
}
.tfcl-listing-card .description {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 15px;
}
.tfcl-listing-card .description li {
display: flex;
align-items: center;
}
.tfcl-listing-card .description li svg {
width: 17px;
height: 17px;
margin-right: 4px;
flex-shrink: 0;
margin-top: -11px;
}
.tfcl-listing-card .description li p {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
margin-top: -9px;
}
.tfcl-listing-card .price {
display: flex;
align-items: baseline;
gap: 10px;
margin-bottom: 20px;
}
.tfcl-listing-card .price .inner:nth-child(2) {
color: #B6B6B6;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
text-decoration: line-through;
}
.tfcl-listing-card .price .inner:nth-child(1) {
color: var(--theme-primary-color);
text-decoration: none;
font-size: 20px;
font-weight: 500;
line-height: 25.2px;
}
.tfcl-listing-card .bottom-content {
border-top: 1px solid #EFEFEF;
padding-top: 20px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.tfcl-listing-card .avatar-thumb {
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
color: #24272C;
display: flex;
align-items: center;
gap: 6px;
}
.tfcl-listing-card .avatar-thumb img {
width: 38px;
height: 38px;
border-radius: 50%;
object-fit: cover;
}
.tfcl-listing-card .button-details a {
color: #24272C;
margin-left: 5px;
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
border: 1px solid #24272C;
border-radius: 14px;
padding: 9px 17px;
display: block;
}
.tfcl-listing-card .button-details a:hover {
color: #fff;
background: #24272C;
border-color: #24272C;
} .review-item .icon-autodeal-star.active::before {
color: var(--theme-primary-color);
}
.listing-customer-review .overall-rating-detail .overall-rating-detail-item .rating-info .icon-autodeal-star.active::before {
color: var(--theme-primary-color);
}
.add-new-review .icon-autodeal-star.active::before {
color: var(--theme-primary-color);
}
.listing-customer-review .progress {
display: block;
position: relative;
height: 186px;
width: 186px;
cursor: pointer;
background-color: transparent;
margin-right: 99px;
flex-shrink: 0;
}
.listing-customer-review .progress svg.progress-circle {
width: 100%;
height: 100%;
}
.listing-customer-review .progress-circle {
transform: rotate(-90deg);
}
.listing-customer-review .progress-circle-back {
fill: none;
stroke: #D2D2D2;
stroke-width: 10px;
}
.listing-customer-review .progress-circle-prog {
fill: none;
stroke: var(--theme-primary-color);
stroke-width: 10px;
stroke-dasharray: 100 999;
stroke-dashoffset: 0px;
transition: stroke-dasharray 0.7s linear 0s;
}
.listing-customer-review .progress-text {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 2em;
}
.listing-customer-review .overall-rating .progress-text p {
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 23px;
text-transform: capitalize;
margin-bottom: 0;
}
.listing-customer-review .overall-rating .progress-text h4.overall-number {
color: var(--theme-primary-color);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 23px;
text-transform: capitalize;
margin: 12px 0;
}
.listing-customer-review .overall-rating-detail-progress::-webkit-progress-bar {
background-color: #F6F6F6;
border-radius: 26px;
}
.listing-customer-review .overall-rating-detail-progress::-webkit-progress-value {
background-color: var(--theme-primary-color);
border-radius: 26px;
} .admin-title.favorite {
font-size: 40px;
font-weight: 600;
line-height: 48px;
margin-bottom: 30px;
}
.tfcl-favorite-page .count-favorite {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #24272C;
margin-bottom: 29px;
}
.tfcl-favorite-page .tfcl-listing-card .featured-property img {
height: 261px;
}
.tfcl-favorite-page .tfcl-listing-card .bottom-content {
flex-wrap: wrap;
gap: 10px;
}
.tfcl-favorite-page .count-favorite b {
color: var(--theme-primary-color);
}
.tfcl-favorite-page {
border-radius: 16px;
border: 1px solid #EDEDED;
padding: 30px 30px 30px 30px;
}
.tfcl-favorite-page .inner-card {
margin-left: -30px;
display: flex;
flex-wrap: wrap;
}
.tfcl-favorite-page .inner-card .tfcl-listing-card {
width: calc(25% - 30px);
margin-left: 30px;
}
.tfcl-favorite-page .tfcl-listing-card .tfcl-favorite-remove {
height: 30px;
width: 30px;
background: #fff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--theme-primary-color);
font-size: 14px;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 7;
}
.tfcl-favorite-page .tfcl-listing-card .featured-property {
overflow: unset;
}
.tfcl-favorite-page .tfcl-listing-card .image-item  {
display: block;
overflow: hidden;
border-radius: 16px 16px 0 0;
}
.tfcl-favorite-page .tfcl-listing-card .image-item::after {
border-radius: 16px 16px 0 0;
}
.tfcl-favorite-page .tfcl-listing-card .tfcl-favorite-remove:hover {
background: var(--theme-primary-color);
color: #fff;
} .related-single-listing {
margin-top: 102px;
}
.related-single-listing .heading {
color: #0D1637;
font-size: 48px;
font-weight: 700;
line-height: 1.25em;
text-transform: capitalize;
text-align: center;
margin-bottom: 33px;
}
.related-single-listing .description {
text-align: center;
margin-top: -20px;
margin-bottom: 40px;
}
.related-single-listing .owl-carousel .owl-dots .owl-dot::after {
content: '';
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
display: inline-flex;
width: 100%;
height: 100%;
padding: 12px;
align-items: center;
justify-content: center;
border: 2px solid transparent;
border-radius: 50%;
}
.related-single-listing .owl-carousel .owl-dots .owl-dot.active::after {
border-color: var(--theme-primary-color);
}
.related-single-listing .owl-carousel .owl-dots .owl-dot {
width: 8.6px;
height: 8.6px;
line-height: 8.6px;
background-color: #C1C3C6;
border-radius: 50%;
margin: 0 12px;
} .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: var(--theme-primary-color);
margin-right: 5px;
font-size: 18px;
font-family: "DM Sans", sans-serif;
} .cards-container.has-sidebar.sidebar-left .col-xl-9 {
order: 1;
}
.cards-container.has-sidebar.sidebar-left .col-xl-3 {
order: 0;
}
.cards-container.has-sidebar.sidebar-left .col-md-6.style-list,
.cards-container.has-sidebar.sidebar-right .col-md-6.style-list {
width: 100%;
}
.archive .wrap-tfcl-listing-card.cards-item.col-md-12.style-list {
width: 50%;
}
.cards-container .style-list .infor-description,
.cards-container .style-list .infor-description {
margin-top: auto;
} .toolbar-search-list .inner {
display: flex;
align-items: center;
gap: 10px;
}
.toolbar-search-list .btn-display-listing-grid,
.toolbar-search-list .btn-display-listing-list {
width: 40px;
height: 40px;
border-radius: 10px;
border: 1px solid #EDEDED;
display: flex;
align-items: center;
justify-content: center;
color: #B6B6B6 !important;
font-size: 22px;
}
.toolbar-search-list .btn-display-listing-grid.active,
.toolbar-search-list .btn-display-listing-list.active,
.toolbar-search-list .btn-display-listing-grid:hover,
.toolbar-search-list .btn-display-listing-list:hover {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff !important;
} .count-results {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
}
.count-results .count-total {
color: var(--theme-primary-color);
} .archive .cards-container.hide-map.has-sidebar {
max-width: 1320px;
margin: 0px auto;
}
.archive .cards-container.hide-map.has-sidebar .filter-popup  {
display: none;
}
.lg-backdrop,
.lg-outer {
z-index: 9999 !important;
}
.mfp-arrow.mfp-arrow-right:after,
.mfp-arrow.mfp-arrow-left:after {
content: '\e90b';
font-family: 'autodeal';
font-size: 30px;
font-weight: 500;
border: none;
}
.mfp-arrow.mfp-arrow-right::before {
display: none;
}
.mfp-arrow.mfp-arrow-left:after {
content: '\e90a';
}
.mfp-arrow.mfp-arrow-left::before {
display: none;
}
.mfp-arrow:hover {
background: transparent !important;
} .tf-control-layout {
display: flex;
align-items: center;
justify-content: center;
column-gap: 15px;
row-gap: 10px;
}
.tf-control-layout li {
display: flex;
align-items: center;
gap: 2px;
cursor: pointer;
}
.tf-control-layout li svg {
max-width: 15px;
}
.tf-control-layout li svg * {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.tf-control-layout li svg * {
stroke: #B6B6B6;
}
.tf-control-layout li:hover svg *,
.tf-control-layout li.active svg * {
stroke: var(--theme-primary-color);
}
.group-card-item-listing > .col-xl-2 {
width: 20%;
}
.group-card-item-listing > .col-xl-2 .button-details {
flex-shrink: 0;
}
.group-card-item-listing > .col-xl-2 .button-details a {
padding: 9px 10px;
margin: 0;
}
.group-card-item-listing > .col-xl-2 .bottom-content {
column-gap: 5px;
}
@media only screen and (max-width: 1200px) {
.tfcl-favorite-page .inner-card .tfcl-listing-card {
width: calc(50% - 30px);
}
.table-responsive {
overflow-x: scroll !important;
}
.table-responsive .table,
.table-responsive .table-striped {
width: 150%;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .description ul li:not(:last-child):after,
.tf-listing-wrap .wrap-listing-post .item .listing-post .description ul li .inner span,
.related-single-listing .tfcl-listing-card .infor-description li::after,
.related-single-listing .tfcl-listing-card .infor-description li .inner span,
.wrap-tfcl-listing-card .tfcl-listing-card .infor-description li::after,
.wrap-tfcl-listing-card .tfcl-listing-card .infor-description li .inner span {
display: none;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .description ul li img,
.related-single-listing .tfcl-listing-card .infor-description li img,
.wrap-tfcl-listing-card .tfcl-listing-card .infor-description li img {
margin-right: 0px;
}
.tf-listing-wrap .wrap-listing-post .item .listing-post .description ul li img,
.related-single-listing .tfcl-listing-card .infor-description li img,
.wrap-tfcl-listing-card .tfcl-listing-card .infor-description li img {
margin: 0 auto;
margin-bottom: 10px;
}
.tf-control-layout .layout-5,
.tf-control-layout .layout-4 {
display: none;
}
.group-card-item-listing > .col-xl-2 {
width: 33.33333%;
}
}
@media only screen and (max-width: 991px) {
.tfcl-pagination {
margin-top: 30px;
}
.cards-container.has-sidebar.sidebar-left .col-md-6.style-list,
.cards-container.has-sidebar.sidebar-right .col-md-6.style-list {
width: 50%;
}
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .card-content,
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .featured-property img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.group-card-item-listing > .col-xl-2 {
width: 50%;
}
.tf-control-layout  {
display: none;
}
.listing-customer-review .overall-rating .progress {
margin: 0 auto;
}
.listing-customer-review .overall-rating-detail-progress {
width: 100%;
}
.btn-display-listing-list {
display: none;
}
.tfcl-favorite-page .inner-card .tfcl-listing-card {
width: calc(100% - 30px);
}
.table-responsive .table,
.table-responsive .table-striped {
width: 350%;
}
.tfcl-listing-card .featured-property .features,
.tfcl-listing-card .featured-property .status,
.tfcl-listing-card .featured-property .date-car {
padding: 3px 12px;
}
.tfcl-listing-card .featured-property .count-list-gallery {
padding: 4px 12px;
height: 21px;
}
.tfcl-listing-card .featured-property .group-meta {
gap: 5px;
top: 5px;
left: 5px;
right: 5px;
}
.tfcl-listing-card .content .title a {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.wrap-tfcl-listing-card.cards-item {
padding-right: 5px;
padding-left: 5px;
}
.group-card-item-listing.row {
margin-right: -5px;
margin-left: -5px;
}
.tfcl-listing-card .featured-property .list-controller { 
top: unset;
transform: translateX(-50%);
bottom: 15px;
}
.tfcl-listing-card .featured-property .list-controller a {
height: 35px;
width: 35px;
font-size: 16px;
}
}.modal-login .modal-content {
background: #FFF;
padding: 40px 40px 40px 40px;
border: unset;
}
.modal-login .modal-content h2,
.tfre-resset-password h4 {
font-size: 30px;
font-weight: 700;
margin-top: 5px;
margin-bottom: 44px;
}
.modal-login .modal-content .close {
padding: unset;
background: unset;
border-radius: unset;
border: none;
font-size: 14px;
position: absolute;
top: 43px;
right: 47px;
font-weight: 900;
color: #24272C;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.modal-login .modal-content .close:hover {
transform: rotate(90deg);
}
.modal-login .modal-content .close:hover {
color: var(--theme-primary-color);
}
.modal-login .modal-dialog {
max-width: unset;
margin: 0 auto;
}
.modal-login .nav-tabs {
border: unset;
}
.modal-login .form-group label {
display: block;
font-size: 14px;
font-weight: 600;
line-height: 150%;
color: #24272C;
margin-bottom: 6px;
text-align: left;
}
.tfcl-login-form .form-group input {
display: block;
width: 100%;
border-radius: 14px !important;
padding: 16px 20px 16px 43px;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
margin: 0;
}
.tfcl-login-form .form-group input::placeholder {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
}
.modal-login .container {
padding: unset;
}
.modal-login .form-group {
margin-bottom: 30px;
}
.modal-login .tfre-reset-password {
margin-top: -12px;
display: block;
text-align: right;
}
.modal-login button[type="submit"],
.tfre-resset-password .tfre_forgetpass {
display: block;
width: 100%;
color: #fff;
margin-top: 30px;
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
border: unset;
border-radius: 14px;
padding: 15px 20px;
}
.modal-login .tfre_register,
.modal-login .tfre_signin {
text-align: center;
font-size: 13px;
font-weight: 400;
line-height: 150%;
margin-top: 20px;
}
.modal-login .tfre_register a,
.modal-login .tfre_signin a {
color: var(--theme-primary-color);
}
.tfre-resset-password .tfre_forgetpass {
padding: 16px 18px;
border-radius: 10px;
background: var(--theme-primary-color);
}
.tfcl-login-google {
background: transparent !important;
border: 1px solid #EDEDED !important;
padding: 16px 27px !important;
border-radius: 16px !important;
margin: 15px 0 !important;
color: #696665 !important;
width: 100% !important;
display: block;
text-align: center;
}
.tfcl-login-google img {
max-width: 20px !important;
margin-right: 7px !important;
vertical-align: text-top !important;
}
.tfcl-login-google:hover {
background: transparent !important;
border-color: var(--theme-primary-color) !important;
}
.modal-login .field-name,
.modal-login .field-mail,
.modal-login .field-pass {
position: relative;
}
.modal-login .field-name::after,
.modal-login .field-mail::after,
.modal-login .field-pass::after {
content: "\e94b";
font-family: 'autodeal';
font-size: 16px;
color: #A3ABB0;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.modal-login .field-pass::after {
content: "\e941";
} .select2-dropdown {
border-radius: 10px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: solid #8E8E93;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3px;
transform: translateY(-50%) rotate(-135deg);
-webkit-transform: translateY(-50%) rotate(-135deg);
margin-left: -10px;
margin-top: 0%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
transform: translateY(-50%) rotate(45deg);
-webkit-transform: translateY(-50%) rotate(45deg);
margin-top: -2px;
}
.select2-container--open .select2-dropdown--below {
overflow: hidden;
}
.select2-container--default .select2-selection--multiple {
background-image: linear-gradient(45deg, transparent 50%, #8E8E93 50%), linear-gradient(135deg, #8E8E93 50%, transparent 50%);
background-position: calc(100% - 31px), calc(100% - 26px);
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
} .nice-select {
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block !important;
font-family: inherit;
font-weight: normal;
outline: none;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
line-height: 1.3;
background: #fff;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select .current:after {
content: '\e919';
font-family: 'autodeal';
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
vertical-align: middle;
float: right;
margin-left: 7px;
}
.nice-select.open .current:after {
transform: rotate(180deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin: 4px 0 0 0;
opacity: 0;
width: 100%;
overflow: hidden;
padding: 0;
border: 1px solid #e8e8e8;
border-radius: 5px;
pointer-events: none;
position: absolute;
top: 105%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
width: max-content;
min-width: 100%;
max-height: 155px;
overflow: auto;
z-index: 100;
}
.filter-my-listing .list {
left: unset;
right: 0;
}
.nice-select .list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
background-color: #f5f5f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.nice-select .list::-webkit-scrollbar-thumb {
background-color: #a7a7a7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.nice-select .list::-webkit-scrollbar {
width: 6px;
height: 4px;
background-color: #f5f5f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 1.2;
list-style: none;
padding: 10px 0;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
color: #3A3A3C;
white-space: normal;
word-break: break-word;
}
.nice-select .current {
color: #3A3A3C;
max-width: 100%;
overflow: hidden;
font-weight: 400;
font-size: 14px;
position: relative;
display: block;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: var(--theme-primary-color);
color: #fff;
width: 100%;
}
.nice-select .option.selected {
background-color: var(--theme-primary-color);
color: #fff;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}
.nice-slect-2 {
padding: 0;
border: none !important;
}
.nice-slect-2 .list {
width: max-content;
}
.nice-slect-2::after {
right: 0;
}
.select2-dropdown {
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
border: 1px solid #e8e8e8 !important;
border-radius: 5px !important;
}
.select2-container--open .select2-dropdown--above {
margin-top: 25px;
}
.select2-dropdown.select2-dropdown--below {
margin-top: 40px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--theme-primary-color);
}
.select2-dropdown,
.select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #E5E5EA;
}
.select2-results__option {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.select2-results__options::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
background-color: #f5f5f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.select2-results__options::-webkit-scrollbar-thumb {
background-color: #a7a7a7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.select2-results__options::-webkit-scrollbar {
width: 6px;
height: 4px;
background-color: #f5f5f5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.tfcl-range-slider-filter .tfcl-range-slider {
border: 1px solid transparent !important;
height: 10px;
}
.tfcl-range-slider-filter .tfcl-range-slider .ui-slider-handle:focus-visible {
outline: 1px solid var(--theme-primary-color);
}
.tfcl-range-slider-filter {
padding: 0 10px;
}
.tfcl-range-slider-filter .tfcl-title-range-slider {
margin: 0 -10px;
margin-bottom: 10px;
}
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {
background-position: 98% 50%;
transition: 0ms;
}
.select2-selection__rendered {
display: flex !important;
align-items: center;
flex-wrap: wrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-top: 0px;
}
input[type=checkbox] {
border-radius: 0px !important;
outline: unset;
outline-offset: unset;
position: relative;
width: 15px;
height: 15px;
-webkit-appearance: none;
padding: 0px;
display: inline-block !important;
vertical-align: middle;
margin: 0;
border: 1px solid #C8C8C9;
background: #EFEFEF;
}
.form-check-input:checked[type=checkbox] {
background-image: unset;
}
.form-check-input:focus {
border-color: #E5E5EA;
outline: 0;
box-shadow: unset;
}
input[type='checkbox']:checked {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
}
input[type='checkbox']:before {
content: '';
left: 7px;
top: 5px;
width: 6px;
height: 9px;
border: solid #D5D5D5;
border-width: 0 2px 2px 0;
position: absolute;
-webkit-transform: translate(-50%, -50%) rotate(35deg);
-ms-transform: translate(-50%, -50%) rotate(35deg);
transform: translate(-50%, -50%) rotate(35deg);
display: none;
border-color: #fff;
}
input[type='checkbox']:checked:before {
display: block;
}
.group-checkbox label {
margin-bottom: 0;
margin-left: 17px;
color: #595960;
font-size: 16px;
font-weight: 500;
}
.wrap-checkbox {
display: flex;
flex-wrap: wrap;
text-align: left;
position: relative;
grid-column: 1 / -1;
margin-top: 15px;
margin-left: -30px;
}
.wrap-checkbox .checkbox-item {
flex: unset;
max-width: unset;
width: calc(25% - 30px);
margin-left: 30px;
padding: 0;
}
.wrap-checkbox .checkbox-item .checkbox,
.wrap-checkbox .checkbox-item .checkbox label {
margin: 0;
}
.wrap-checkbox .checkbox-item .checkbox {
margin-bottom: 10px;
}
.select2-dropdown {
z-index: 99;
}
.select2-container--default .select2-selection--multiple {
background-image: linear-gradient(45deg, transparent 50%, #8E8E93 50%), linear-gradient(135deg, #8E8E93 50%, transparent 50%) !important;
background-position: calc(100% - 31px), calc(100% - 26px) !important;
background-size: 5px 5px, 5px 5px !important;
background-repeat: no-repeat !important;
}
.select2-dropdown.select2-dropdown--below {
margin-top: 30px !important;
}
.select2-container--default .select2-selection__clear {
display: none !important;
} .hv-tool {
position: relative;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.hv-tool::before {
--translate-y: calc(-100% - var(--arrow-size));
content: attr(data-tooltip);
color: #120A21;
padding: 6px 11px;
background: #fff;
box-shadow: 0px 8px 20px 0px #0000000D;
width: max-content;
border-radius: 5px;
text-align: center;
font-weight: 500;
font-size: 12px;
}
.hv-tool::after {
--translate-y: calc(-1.4 * var(--arrow-size));
content: "";
border: 6px solid transparent;
border-top-color: #fff;
}
.hv-tool::after,
.hv-tool::before {
opacity: 0;
visibility: hidden;
--arrow-size: 6px;
position: absolute;
top: 0px;
left: 45%;
transform: translateX(-50%) translateY(var(--translate-y, 0));
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.hv-tool:hover::before,
.hv-tool:hover::after {
opacity: 1;
top: 0px;
visibility: visible;
}
.hv-tool:hover {
z-index: 2;
} .tfcl_login-form input:focus,
#tfcl-reset-password-section input:focus,
#tfcl_register_section input:focus {
border-color: var(--theme-primary-color) !important;
}
.tfcl_login-form h4,
#tfcl-reset-password-section h4,
#tfcl_register_section h4 {
font-size: 40px;
font-weight: 600;
line-height: 48px;
}
#tfcl_login_register_modal .modal-align-item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 100%;
max-width: 952px;
}
.tfcl-login-form {
display: flex;
margin: 0 15px;
}
.tfcl-login-form .feature-login-form {
width: 41.3%;
border-radius: 30px 0 0 30px;
overflow: hidden;
}
.tfcl-login-form .feature-login-form img:first-child {
display: none;
}
.tfcl-login-form .modal-content {
width: 58.7%;
border-radius: 0 30px 30px 0;
overflow: hidden;
}
.tfcl-login-form .feature-login-form img {
height: 100%;
object-fit: cover;
display: block;
}
.tfcl-change-password .input-group #old_pass,
.tfcl-change-password .input-group #new_pass,
.tfcl-change-password .input-group #confirm_password,
.tfcl-login-form #password,
.tfcl-login-form #new_pass,
.tfcl-login-form #confirm_password,
#confirm_pass {
border-radius: 5px;
}
input::-ms-reveal,
input::-ms-clear {
display: none;
}
.access-permission button {
margin-right: 15px;
margin-bottom: 15px;
} div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout) {
overflow-x: unset !important;
} .package-wrap-table,
.payment-complete-wrap {
border-radius: 16px;
border: 1px solid #EDEDED;
padding: 30px 30px 30px 30px;
}
.package-wrap-table .btn-submit,
.payment-complete-wrap .btn-submit {
padding: 15px 38px;
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
background: var(--theme-primary-color);
display: flex;
align-items: center;
margin-top: 25px;
border-radius: 14px;
}
.package-wrap-table .btn-submit:hover,
.payment-complete-wrap .btn-submit:hover {
background: #24272C;
}
.alert-warning {
color: #24272C;
background-color: var(--theme-primary-rgba);
border-color: transparent;
border-radius: 16px;
font-family: 'Inter';
font-size: 16px;
font-weight: 400;
line-height: 30px;
} .loan-calculator-form label {
color: #000;
font-size: 16px;
font-weight: 600;
}
.loan-calculator-form .group-calculator {
margin-top: 11px;
margin-bottom: 31px;
max-width: 300px;
}
.loan-calculator-form #btn_loan_calculate {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
border-radius: 14px;
padding: 15px 50px;
min-width: 420px;
text-align: center;
text-transform: unset;
}
.loan-calculator-form .group-calculator .list-total:not(:last-child) {
margin-bottom: 12px;
}
.loan-calculator-form .group-calculator.active #down-payment-value::after,
.loan-calculator-form .group-calculator.active #monthly-payment-value::after {
content: attr(data-sign-currency);
vertical-align: baseline;
margin-left: 3px;
}
.loan-calculator-form label {
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
color: #24272C;    
margin-bottom: 12px;
}
.loan-calculator-form input[type="text"],
.loan-calculator-form input[type="number"],
.loan-calculator-form .nice-select {
border-radius: 16px;
border: 1px solid #EDEDED;
background: #FFF;
padding: 14px 16px;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
color: #24272C;
margin-bottom: 19px;
}
.loan-calculator-form input[type="text"]::placeholder,
.loan-calculator-form input[type="number"]::placeholder {
color: #696665;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
}
.loan-calculator-form .form-group {
margin-bottom: 15px;
}
.loan-calculator-form .form-group.btn-group {
margin-bottom: 0px;
}
.loan-calculator-form .group-calculator .list-total {
display: flex;
align-items: baseline;
font-size: 16px;
font-weight: 500;
color: #24272C;
justify-content: space-between;
}
.loan-calculator-form .group-calculator .list-total.payment-value {
color: var(--theme-primary-color);
}
.loan-calculator-form .form-group .error {
color: var(--theme-primary-color);
font-size: 15px;
}
.loan-sc-home .loan-calculator-form input[type="text"],
.loan-sc-home .loan-calculator-form input[type="number"],
.loan-sc-home .loan-calculator-form .nice-select {
margin-bottom: 28px;
}
.loan-sc-home .loan-calculator-form .group-calculator {
margin-top: 4px;
}
.loan-sc-home .loan-calculator-form .form-group.btn-group {
display: block;
}
.loan-sc-home .loan-calculator-form #btn_loan_calculate {
width: 100%;
display: block;
min-width: unset;
} .widget_login_menu_widget .dropdown-menu {
border: none;
border-top: 2px solid var(--theme-primary-color);
min-width: 240px;
background: #fff;
box-shadow: 0px 30px 60px 0px #24272C1A;
top: calc(100% + 30px) !important;
border-radius: 0 0 16px 16px;
left: unset !important;
transform: unset !important;
right: 0;
}
.widget_login_menu_widget .dropdown-menu ul li {
border: unset;
padding: 15.4px 24px;
}
.widget_login_menu_widget .dropdown-menu ul li:last-child {
border-bottom: unset;
}
.widget_login_menu_widget .dropdown-menu ul li a {
font-weight: 500;
font-size: 16px;
color: #24272C;
position: relative;
display: flex;
align-items: center;
}
.widget_login_menu_widget .dropdown-menu ul li a .count-page {
width: 20px;
height: 20px;
border-radius: 50%;
background: #7ED321;
color: #fff;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.widget_login_menu_widget .dropdown-menu ul li a i {
margin: 0;
margin-right: 8px;
}
.widget_login_menu_widget .user-dropdown .dropdown-menu .user-dropdown-menu .list-group-item a:hover,
.widget_login_menu_widget .user-dropdown .dropdown-menu .user-dropdown-menu .list-group-item a.active {
color: var(--theme-primary-color) !important;
}
i {
font-style: normal !important;
}
.fa-minus::before {
content: '\e912';
font-family: 'autodeal';
}
.fa-heart::before {
content: '\e944';
font-family: 'autodeal';
}
.fa-times::before {
content: '\e928';
font-family: 'autodeal';
}
.fa-trash::before {
content: '\e928';
font-family: 'autodeal';
}
.fa-spinner:before {
content: "\e979" !important;
font-family: 'autodeal';
font-weight: 500;
vertical-align: middle;
animation: spin .6s linear infinite;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.search-listing-form .fa-spinner:before {
width: 15px;
height: 15px;
}
.filter-listing-tab-content {
position: relative;
}
.overlay-filter-tab {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
z-index: 999;
}
.filter-loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 6px solid #f3f3f3;
border-top: 6px solid var(--theme-primary-color);
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 991px) {
.widget_login_menu_widget .dropdown-menu {
top: calc(100% + 17px) !important;
}
}
@media only screen and (max-width: 767px) {
.tfcl-login-form .feature-login-form,
.tfcl-login-form .or-login {
display: none;
}
.tfcl-login-form .modal-content {
width: 100%;
border-radius: 30px;
}
.tfcl-login-form .tfcl-login-google {
margin-top: 20px !important;
}
.tfcl_login-form h4,
#tfcl-reset-password-section h4,
#tfcl_register_section h4 {
font-size: 30px;
font-weight: 600;
line-height: 1.2em;
}
.loan-calculator-form #btn_loan_calculate {
min-width: 100%;
}
.widget_login_menu_widget .dropdown-menu {
left: unset !important;
right: 0;;
transform: unset !important;
}
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//portobelloveiculos.com/wp-content/plugins/tf-car-listing/public/assets/third-party/owl-carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.compare-listing  {
position: fixed;
right: 0;
left: 0;
width: 100%;
max-width: 1292px;
margin: 0 auto;
bottom: 0;
z-index: 9999;
transform: translateY(100%);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.compare-listing.listing-open {
bottom: 20px;
transform: translateY(0%);
}
.compare-listing.listing-open i {
transform: rotate(0deg);
}
.tfcl-listing-btn {
position: absolute;
top: -21px;
left: 50%;
transform: translateX(-50%);
padding: 0;
border-radius: 16px 16px 0 0;
height: 22px;
width: 150px;
display: flex;
align-items: center;
justify-content: center;
}
.tfcl-listing-btn i {
font-size: 18px;
transform: rotate(180deg);
}
.compare-listing-header {
padding: 10px;
text-align: center;
border-bottom: 1px solid #efefef;
}
.compare-listing-header .title {
margin: 0;
line-height: 1;
}
.compare-listing-body {
box-shadow: 0px 30px 60px 0px #00000033;
border: 1px solid #EDEDED;
border-radius: 24px;
padding: 14px 16px 16px 16px;
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
}
.compare-thumb-main {
margin-left: 0;
margin-right: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.compare-listing-body .tfcl-compare-listing-button {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
padding: 14px 86px;    
}
.compare-thumb-main .tfcl-listing-title {
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
margin-bottom: 8px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.compare-thumb-main .description {
display: flex;
align-items: center;
gap: 11px;
flex-wrap: wrap;
}
.compare-thumb-main .description li {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #696665;
display: flex;
align-items: center;
gap: 4px;
}
.compare-thumb-main .description li.mileage::before {
content: '\e940';
font-family: 'autodeal';
font-size: 15px;
}
.compare-thumb-main .description li.fuel::before {
content: '\e942';
font-family: 'autodeal';
font-size: 15px;
}
.compare-thumb-main .description li.trans::before {
content: '\e946';
font-family: 'autodeal';
font-size: 15px;
}
.compare-thumb-main .compare-thumb {
position: relative;
display: flex;
align-items: center;
}
.compare-thumb-main .compare-thumb .compare-listing-img {
height: 79px;
object-fit: cover;
border-radius: 12px;
width: 106px;
margin-right: 21px;
flex-shrink: 0;
}
.compare-listing-body .tfcl-compare-properties-button{
width: 105px;
padding: 10px;
}
.compare-thumb-main .thumb-inner-empty {
height: 56px;
width: 100%;
float: left;
margin-bottom: 10px;
border: 2px dashed #eeeeee;
}
.compare-thumb-main .compare-listing-remove {
border: 1px solid #EDEDED;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #24272C;
font-size: 11px;
padding: 0;
background: #fff;
margin-right: 20px;
flex-shrink: 0;
}
.compare-thumb-main .compare-listing-remove:hover {
color: #fff;
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
}
.compare-listing-hidden {
display: none;
} .wrap-compare-listing-item {
display: flex;
align-items: center;
margin-left: -30px;
}
.wrap-compare-listing-item > * {
width: calc(33.33333% - 30px);
margin-left: 30px;
}
.wrap-compare-listing-item .list-controller,
.wrap-compare-listing-item .bottom-content,
.wrap-compare-listing-item .infor-description.description {
display: none !important;
}
.wrap-compare-listing-item .tfcl-listing-card .featured-property img {
height: 308px;
}
.wrap-compare-listing-item .tfcl-listing-card .price {
margin-bottom: 0px;
}
.wrap-compare-listing-item .tfcl-listing-card .content {
padding-bottom: 16px;
}
.tfcl-compare-table .compare-tables {
border-collapse: separate;
border-spacing: 0px 20px;
}
.tfcl-compare-table tr {
outline: 1px solid #EDEDED;
border-radius: 10px;
}
.tfcl-compare-table .desc-tr {
outline: unset;
border-radius: unset;
box-shadow: 0 11px 0 #F8F8F9;
border-radius: 10px;
}
.tfcl-compare-table td {
border: none;
border-radius: 16px;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
color: #24272C;
padding: 18px 10px 21px 10px;
text-align: center;
width: 33.33333%;
}
.tfcl-compare-table.table-overview {
border: 1px solid #EDEDED;
border-radius: 16px;
padding: 30px 30px 10px 30px;
}
.tfcl-compare-table h2 {
font-size: 24px;
font-weight: 500;
line-height: 30.24px;
margin-bottom: -16px;
}
.tfcl-compare-table .title-desc {
width: 100%;
background: #F8F8F9;
border: none !important;
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #24272C;
border-radius: 10px;
padding: 10px;
padding-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width: 1300px) {
.compare-listing {
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
.compare-listing-body .tfcl-compare-listing-button {
padding: 14px 25px;
}
.compare-thumb-main { 
flex-wrap: wrap;
}
}
@media only screen and (max-width: 1200px) {
.content-table-compare {
overflow-x: scroll !important;
}
.content-table-compare .inner {
width: 200%;
}
}
@media only screen and (max-width: 767px) {
.compare-listing-body {
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
}.archive .tfcl-advanced-search-wrap {
margin-bottom: 30px;
}
.archive .tfcl-advanced-search-wrap.map-header {
margin-top: -50px;
}
.archive.filter-search-map .page-header {
display: none;
}
.archive.filter-search-map #themesflat-content {
padding-top: 0px;
padding-bottom: 0px;
}
.archive .tfcl-taxonomy-archive-header {
display: flex;
justify-content: space-between;
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
align-self: auto;
margin-bottom: 30px;
}
.archive .tfcl-sort-by-options>label {
font-weight: 400;
color: #818181;
font-size: 0.9375rem;
padding: 0;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 0;
flex-shrink: 0;
}
.archive #tfcl-sort-by-options+.nice-select {
margin: 0;
padding: 0;
border: none;
border: 1px solid #EDEDED;
padding: 9px 17px;
border-radius: 10px;
}
.archive #tfcl-sort-by-options+.nice-select .current {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #24272C;
font-family: 'Outfit';
}
.archive #tfcl-sort-by-options+.nice-select .current::after {
font-weight: 700;
font-size: 15px;
margin-left: 14px;
}
.archive .btn-display-listing-grid, .archive .btn-display-listing-list {
width: 40px;
height: 40px;
border-radius: 10px;
border: 1px solid #EDEDED;
display: flex;
align-items: center;
justify-content: center;
color: #B6B6B6 !important;
font-size: 22px;
}
.archive .btn-display-listing-grid.active,
.archive .btn-display-listing-list.active,
.archive .btn-display-listing-grid:hover,
.archive .btn-display-listing-list:hover {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
color: #fff !important;
}
.archive  .pagination-wrap .tfcl-pagination {
justify-content: center !important;
gap: 10px;
}
.archive .wrap-listing {
position: relative;
}
.tfcl-taxonomy-archive-right {
display: flex;
align-items: center;
gap: 10px;
}
.tfcl-taxonomy-archive-header {
align-items: center;
}
.tfcl-taxonomy-archive-header .tfcl-sort-by-options .nice-select {
margin: 0;
padding: 0;
border: none;
}
.tfcl-taxonomy-archive-header .tfcl-sort-by-options .nice-select .current {
color: #0D0E0F;
font-family: "DM Sans";
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
.archive .tfcl-taxonomy-archive-header {
flex-wrap: wrap;
gap: 10px;
}
}.range-slider {
position: relative;
margin-bottom: 30px;
width: 100%;
height: 35px;
text-align: center;
}
.tfcl-advanced-search-wrap .tfcl-form-top .range-slider {
margin-bottom: 0;
}
.tfcl-advanced-search-wrap .tfcl-search-group-input label,
.search-form-content .form-item label {
margin: 0;
}
.range-slider input {
pointer-events: none;
position: absolute;
overflow: hidden;
left: 0;
top: 15px;
z-index: 99;
width: 200px;
outline: none;
height: 18px;
margin: 0;
padding: 0;
}
.range-slider .output.outputTwo {
transform: translateX(-100%) !important;
}
.range-slider input::-webkit-slider-thumb {
pointer-events: all;
position: relative;
z-index: 1;
outline: 0;
}
.range-slider input::-moz-range-thumb {
pointer-events: all;
position: relative;
z-index: 10;
-moz-appearance: none;
width: 9px;
}
.range-slider input::-moz-range-track {
position: relative;
z-index: -1;
background-color: rgba(0, 0, 0, 1);
border: 0;
}
.range-slider input:last-of-type::-moz-range-track {
-moz-appearance: none;
background: none transparent;
border: 0;
}
.range-slider input[type=range]::-moz-focus-outer {
border: 0;
}
.rangeValue {
width: 30px;
}
.output {
position: absolute;
border: 1px solid transparent;
height: 30px;
text-align: center;
color: #888B95;
background-color: #f5f5f5;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
bottom: -90%;
left: 0;
min-width: 40px;
}
.output.outputTwo {
left: 100%;
transform: translateX(-40px);
}
.range-slider input[type=range] {
width: 100%;
-webkit-appearance: none;
background: none;
}
input[type=range]::-webkit-slider-runnable-track {
height: 5px;
border: none;
border-radius: 3px;
background: transparent;
}
input[type=range]::-ms-track {
height: 5px;
background: transparent;
border: none;
border-radius: 3px;
}
input[type=range]::-moz-range-track {
height: 5px;
background: transparent;
border: none;
border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--theme-primary-color);
margin-top: -5px;
position: relative;
z-index: 10000;
}
input[type=range]::-ms-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--theme-primary-color);
margin-top: -5px;
position: relative;
z-index: 10000;
}
input[type=range]::-moz-range-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--theme-primary-color);
margin-top: -5px;
position: relative;
z-index: 10000;
}
input[type=range]:focus {
outline: none;
}
.full-range,
.incl-range {
width: 100%;
height: 5px;
left: 0;
top: 21px;
position: absolute;
background: #DDD;
}
.incl-range {
background: var(--theme-primary-color);
}.tfcl-advanced-search-wrap .condition-tab-wrap {
display: flex;
gap: 10px;
}
.tfcl-advanced-search-wrap .condition-tab-wrap.disable-show {
display: none;
}
.tfcl-advanced-search-wrap .condition-tab-wrap.enable-show {
display: flex;
}
.condition-tab-wrap .btn-condition-filter {
border-radius: 14px;
background: var(--theme-primary-rgba);
color: var(--theme-primary-color);
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 20px;
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
cursor: pointer;
}
.tfcl-advanced-search-wrap .form-search-inner .tf-advanced-search-btn {
border-radius: 14px;
background: var(--theme-primary-color);
color: #fff;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 25px;
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
min-width: 204px;
cursor: pointer;
}
.tfcl-advanced-search-wrap .form-search-inner .tf-advanced-search-btn i {
margin-left: 10px;
font-weight: 500;
}
.tfcl-advanced-search-wrap .nice-select .current:after {
font-size: 18px;
}
.condition-tab-wrap .btn-condition-filter.active,
.condition-tab-wrap .btn-condition-filter:hover {
background-color: var(--theme-primary-color);
color: #fff;
}
.tfcl-search-group-input {
display: flex;
gap: 10px;
justify-content: center;
flex: 1;
}
.tfcl-search-group-input .form-item {
width: 33.3333%;
}
.tfcl-search-group-input .form-item.features {
flex: unset;
}
.tfcl-search-group-input .form-item .search-field {
margin: 0;
min-height: 100%;
}
.tf-wrap-search-more-btn {
width: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: var(--theme-primary-rgba);
font-size: 25px;
}
.tf-wrap-search-more-btn.active {
background: var(--theme-primary-color);
color: #fff;
}
.tf-wrap-search-more-btn.active a {
color: #fff;
}
.tf-wrap-search-more-btn a i {
display: flex;
}
.tf-wrap-search-more-btn.active i::before {
content: '\e928';
font-size: 16px;
}
.tf-wrap-search-more-btn a {
color: var(--theme-primary-color);
}
.tfcl-advanced-search-wrap .form-search-wrap .form-search-inner {
display: flex;
position: relative;
gap: 10px;
justify-content: center;
}
.tfcl-advanced-search-wrap .map-container {
margin-top: 20px;
}
.form-search-wrap .form-search-inner .search-listing-form {
width: 100%;
}
.tfcl-form-bottom.search-more-options {
position: absolute;
top: calc(100% + 10px);
right: 0;
left: 0;
z-index: 99;
min-width: 1290px;
padding: 22px;
background: #fff;
border-radius: 16px;
box-shadow: 0px 4px 26px 0px #42474C14;
}
.tfcl-form-bottom.search-more-options .row {
row-gap: 20px;
}
.tfcl-advanced-search-wrap .form-search-inner .checkbox label {
display: block !important;
}
.tfcl-advanced-search-wrap .form-search-inner .checkbox input[type="checkbox"] {
margin-right: 8px;
top: 4px;
}
.tfcl-advanced-search-wrap .form-search-inner .checkbox label {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
cursor: pointer;
display: block;
}
.tfcl-advanced-search-wrap .form-search-inner .checkbox input[type="checkbox"]::before {
width: 24px;
height: 24px;
border: 1px solid #E4E4E4;
border-radius: 6px;
}
.tfcl-advanced-search-wrap .form-search-inner .checkbox input[type="checkbox"]::after {
height: 6px;
width: 11px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-55deg);
display: block;
opacity: 0;
z-index: 5;
visibility: hidden;
content: '';
position: absolute;
left: 2px;
top: 1px;
}
.tfcl-advanced-search-wrap .form-search-inner .checkbox input[type="checkbox"]:checked::after {
opacity: 1;
visibility: visible;
}
.tfcl-advanced-search-wrap .form-search-inner .checkbox input[type="checkbox"]:checked:before {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
}
.tfcl-form-bottom.search-more-options .form-item {
width: 25%;
}
.tfcl-advanced-search-wrap .form-search-inner .enable-features .btn-enable-features {
display: flex;
align-items: center;
margin: 0;
font-size: 18px;
font-weight: 500;
line-height: 22.68px;
color: #24272C;
}
.tfcl-advanced-search-wrap .form-search-inner .enable-features .btn-enable-features i {
margin-left: 7px;
font-weight: 900;
}
.tfcl-advanced-search-wrap .form-search-inner .enable-features .btn-enable-features.show i::before {
content: '\e912';
}
.page-listing-map .tfcl-form-bottom.search-more-options .form-item {
width: 25%;
}
.cards-container.hide-map .tfcl-my-listing-search {
margin-bottom: 40px;
}
.tfcl-my-listing-search .toolbar-search-list {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px;
}
.tfcl-my-listing-search .toolbar-search-list .nice-select {
margin: 0;
padding: 0;
border: none;
border: 1px solid #EDEDED;
padding: 9px 17px;
border-radius: 10px;
}
.tfcl-my-listing-search .toolbar-search-list .nice-select .current {
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #24272C;    
font-family: 'Outfit';
}
.tfcl-my-listing-search .toolbar-search-list .nice-select .current::after {
font-weight: 700;
font-size: 15px;
margin-left: 14px;
} 
.btn-display-listing-grid,
.btn-display-listing-list {
padding: 0;
}
.form-control.error {
border: 1px solid #dc3545 !important;
}
#map,
#map-header,
#map-single {
position: relative;
left: auto;
width: 100%;
height: 100%;
overflow: hidden;
}
.tfcl-advanced-search-wrap {
max-width: 1320px;
margin: 0 auto;
position: relative;
z-index: 150;
}
.tfcl-advanced-search-wrap .form-search-wrap {
padding: 0 15px;
}
.tfcl-advanced-search-wrap .form-search-wrap .form-search-inner {
padding: 22px 22px 22px 22px;
border-radius: 16px;
background: #fff;
box-shadow: 0px 4px 26px 0px #42474C14;
}
.tfcl-advanced-search-wrap .form-search-inner .nice-select,
.tfcl-advanced-search-wrap .form-search-inner input[type="text"] {
padding: 14px 15px;
background: #fff;
border: 1px solid #EDEDED;
}
.tfcl-advanced-search-wrap .form-search-inner .wrap-checkbox {
row-gap: 13px;
margin-top: 30px;
}
.tfcl-advanced-search-wrap .form-search-inner .wrap-checkbox .checkbox-item {
width: calc(20% - 30px);
}
.tfcl-advanced-search-wrap .form-search-inner .features-wrap {
border-top: 1px solid #EDEDED;
padding-top: 20px;
margin-top: 10px;
}
.tfcl-advanced-search-wrap .search-listing-form .tfcl-form-top.search-form-content label {
display: none;
}
.page-listing-map .tfcl-advanced-search-wrap {
max-width: 100%;
margin: 0 auto;
margin-top: 0;
}
.page-listing-top-map .tfcl-advanced-search-wrap {
margin-top: -80px;
}
.page-listing-map .tfcl-advanced-search-wrap .form-search-wrap .form-search-inner {
padding: 0;
padding-bottom: 0;
background: unset;
border-radius: unset;
box-shadow: unset;
}
.page-listing-map .tfcl-advanced-search-wrap .form-search-wrap {
background: #F4F4F4;
box-shadow: unset;
padding: 20px 120px;
border-radius: 0;
}
.page-listing-map .tf-wrap-search-more-btn {
background: #fff;
}
.page-listing-map .tfcl-advanced-search-wrap .search-form-content .nice-select {
background: #fff;
}
.page-listing-map .tfcl-search-group-input .form-item {
width: 33.33333%;
}
.tfcl-advanced-search-wrap .search-form-content .nice-select .current {
color: #696665;
font-family: 'Outfit';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
}
.tfcl-advanced-search-wrap .search-form-content .features .checkbox,
.tfcl-advanced-search-wrap .search-form-content .features .checkbox label {
margin: 0;
}
.tfcl-advanced-search-wrap .form-search-inner .tf-wrap-search-more-btn {
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
flex-shrink: 0;
}
.tfcl-advanced-search-wrap .tfcl-form-bottom .form-group.form-item label {
display: none;
}
.tfcl-advanced-search-wrap .form-search-inner .tf-wrap-search-more-btn:hover {
background: var(--theme-primary-color);
}
.tfcl-advanced-search-wrap .form-search-inner .tf-wrap-search-more-btn:hover a {
color: #fff;
}
.tfcl-advanced-search-wrap .form-search-inner .tf-wrap-search-more-btn a i {
vertical-align: middle;
}
.tfcl-advanced-search-wrap .form-search-inner .tf-wrap-search-more-btn a::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.tfcl-advanced-search-wrap .form-search-inner .tf-advanced-search-btn {
height: 100%;
background: var(--theme-primary-color);
color: #fff;
}
.tfcl-advanced-search-wrap .form-search-inner .tf-advanced-search-btn:hover {
background: #000;
}
.tfcl-advanced-search-wrap .tfcl-form-bottom .features-wrap {
border-top: 1px solid #EDEDED;
padding-top: 20px;
margin-top: 1px;
}
.btn-display-listing-grid {
color: #9F9F9F !important;
}
.btn-display-listing-list {
color: #464C51 !important;
}
.btn-display-listing-grid.active,
.btn-display-listing-list.active,
.btn-display-listing-grid:hover,
.btn-display-listing-list:hover {
color: var(--theme-primary-color) !important;
}
.cards-container.half-map-right .listing-list-wrap {
padding-left: 107px;
padding-right: 20px;
padding-top: 38px;
padding-bottom: 40px;
}
.cards-container.half-map-left .listing-list-wrap {
padding-right: 107px;
padding-left: 20px;
padding-top: 38px;
padding-bottom: 40px;
}
.cards-container .listing-list-wrap h2 {
font-size: 30px;
font-weight: 500;
line-height: 1.26em;
margin-bottom: 20px;
}
.cards-container.half-map-right .listing-list-wrap h2,
.cards-container.half-map-left .listing-list-wrap h2 {
margin: 0;    
margin-top: 4px;
}
.cards-container.half-map-right .group-card-item-listing,
.cards-container.half-map-left .group-card-item-listing {
padding-top: 29px;
margin-right: -10px;
margin-left: -10px;
}
.cards-container.half-map-right .group-card-item-listing >* ,
.cards-container.half-map-left .group-card-item-listing >* {
padding-right: 10px;
padding-left: 10px;
}
.cards-container.half-map-right .wrap-tfcl-listing-card.style-list .featured-property,
.cards-container.half-map-left .wrap-tfcl-listing-card.style-list .featured-property {
width: 50%;
}
.cards-container.half-map-right .wrap-tfcl-listing-card.style-list .content,
.cards-container.half-map-left .wrap-tfcl-listing-card.style-list .content {
flex: 1;
}
.cards-container.half-map-right .wrap-tfcl-listing-card.col-lg-6 .tfcl-listing-card .featured-property img,
.cards-container.half-map-left .wrap-tfcl-listing-card.col-lg-6 .tfcl-listing-card .featured-property img {
height: 308px;
}
.cards-container.half-map-right .wrap-tfcl-listing-card .tfcl-listing-card,
.cards-container.half-map-left .wrap-tfcl-listing-card .tfcl-listing-card {
margin-bottom: 20px;
}
.cards-container.half-map-right .cards-item.col-xl-3,
.cards-container.half-map-left .cards-item.col-xl-3 {
width: 50%;
}
.popup-search-map {
position: relative;
top: unset !important;
visibility: hidden;
transition: visibility 0s 0.25s;
}
.popup-search-map .overlay {
position: fixed;
left: 0;
top: 0;
bottom: 0;
z-index: 99999;
right: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
will-change: opacity;
transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
visibility: hidden;
cursor:url(//portobelloveiculos.com/wp-content/plugins/tf-car-listing/includes/elementor-widget/assets/images/icons/close.png), auto;
}
.popup-search-map .tfcl-sidebar {
background: #fff;
width: 500px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
will-change: transform;
overflow: hidden;
transform: translateX(100%);
position: fixed;
left: 0;
top: 0;
bottom: 0;
z-index: 99999;
left: auto;
right: 0;
overflow-y: auto;
}
.popup-search-map.active {
visibility: visible;
transition-delay: 0s;
}
.popup-search-map.active .overlay {
opacity: 1;
visibility: visible;
}
.popup-search-map.active .tfcl-sidebar {
transform: translateX(0%);
}
.popup-search-map .btn-clear-filter span {
display: none;
}
.popup-search-map .search-filter-wrap .search-filter-inner .btn-clear-filter {
display: none;
}
.popup-search-map .search-filter-wrap .search-filter-inner {
padding: 30px 22px 30px 30px;
border: none;
}
.popup-search-map .tfcl-sidebar::-webkit-scrollbar {
width: 8px;
border-radius: 999px;
}
.popup-search-map .search-filter-wrap .features-list .wrap-checkbox {
max-height: unset;
overflow: unset;
}
.popup-search-map .tfcl-sidebar::-webkit-scrollbar-track {
background-color: transparent;
}
.popup-search-map .tfcl-sidebar::-webkit-scrollbar-thumb {
background-color: #E4E4E4;
}
.filter-search-map::-webkit-scrollbar {
display: none;
}
.popup-search-map .search-filter-wrap .search-filter-inner .btn-close-popup {
display: block;
position: absolute;
top: 30px;
right: 27px;
font-size: 14px;
font-weight: 500;
color: #24272C;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor: pointer;
}
.popup-search-map .search-filter-wrap .search-filter-inner .btn-close-popup:hover {
color: var(--theme-primary-color);
transform: rotate(90deg);
}
.cards-container.half-map-left .listing-list-wrap {
order: 1;
position: relative;
background: #fff;
z-index: 99;
}
.cards-container.map-header,
.cards-container.hide-map.no-sidebar {
max-width: 1320px;
margin: 0px auto;
margin-top: 100px;
margin-bottom: 0;
}
.cards-container.hide-map.no-search-form {
margin-top: 0;
}
.archive.post-type-archive .cards-container .col-md-5 h2 {
display: none;
}
.cards-container.no-searchform.has-sidebar {
max-width: 1320px;
margin: 0px auto; 
}
.cards-container.hide-map.no-sidebar.no-searchform {
margin-top: 40px;
}
.map-container.map-header {
width: 100%;
}
.wrap-advanced-search.map-header {
margin-top: -2.5%;
}
.cards-container.map-header .tfcl-my-listing-search {
margin-bottom: 40px;
}
.cards-container.map-header .pagination-wrap .tfcl-pagination {
justify-content: center !important;
}
.cards-container.map-header {
margin-bottom: 80px;
}
.tfcl-range-slider-filter {
padding: 0;
}
.group-two-input {
display: flex;
gap: 10px;
}
.group-two-input .form-group {
flex: 1;
} .wrap-tfcl-listing-card.style-list .tfcl-listing-card {
display: flex;
}
.wrap-tfcl-listing-card.style-list .featured-property {
width: 50%;
}
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .card-content {
width: 63%;
}
.cards-container.half-map-right .cards-item.col-md-6.style-list,
.cards-container.half-map-left .cards-item.col-md-6.style-list {
width: 100%;
}
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .content {
border: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
border-left: unset;
border-radius: 0 16px 16px 0;
display: flex;
flex-flow: column;
}
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .bottom-content {
margin-top: auto;
}
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .featured-property img,
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .featured-property .listing-images {
height: 100%;
}
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .featured-property {
border-radius: 16px 0 0 16px;
} .tfcl-slider-range-year-wrap .output,
.tfcl-slider-range-price-wrap .output,
.tfcl-slider-range-mileage-wrap .output {
all: unset;
}
.range-slider {
position: relative;
margin-bottom: -30px;
width: 100%;
height: 35px;
text-align: center;
}
.search-more-options .range-slider {
margin-bottom: 0px;
}
.range-slider input {
pointer-events: none;
position: absolute;
overflow: hidden;
z-index: 99;
left: 0;
top: 15px;
width: 200px;
outline: none;
height: 18px;
margin: 0;
padding: 0;
}
.range-slider input::-webkit-slider-thumb {
pointer-events: all;
position: relative;
z-index: 1;
outline: 0;
}
.range-slider input::-moz-range-thumb {
pointer-events: all;
position: relative;
z-index: 10;
-moz-appearance: none;
width: 9px;
}
.range-slider input::-moz-range-track {
position: relative;
z-index: -1;
background-color: rgba(0, 0, 0, 1);
border: 0;
}
.range-slider input:last-of-type::-moz-range-track {
-moz-appearance: none;
background: none transparent;
border: 0;
}
.range-slider input[type=range]::-moz-focus-outer {
border: 0;
}
.rangeValue {
width: 30px;
}
.output {
position: absolute;
border:1px solid transparent;
height: 30px;
text-align: center;
color: #888B95;
background-color: #f5f5f5;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
bottom: -90%;
left: 0;
}
.output.outputTwo {
left: 100%;
transform: translateX(-40px);
}
.range-slider input[type=range] {
width: 100%;
-webkit-appearance: none;
background: none;
overflow: unset;
}
input[type=range]::-webkit-slider-runnable-track {
height: 5px;
border: none;
border-radius: 3px;
background: transparent;
}
input[type=range]::-ms-track {
height: 5px;
background: transparent;
border: none;
border-radius: 3px;
}
input[type=range]::-moz-range-track {
height: 5px;
background: transparent;
border: none;
border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 22px;
width: 22px;
border-radius: 50%;
background: var(--theme-primary-color);
border: 2px solid #fff;
margin-top: -9px;
position: relative;
z-index: 10000;
box-shadow: 0px 2px 4px 0px #0000001A;
cursor: pointer;
}
input[type=range]::-ms-thumb {
-webkit-appearance: none;
border: none;
height: 22px;
width: 22px;
border-radius: 50%;
background: var(--theme-primary-color);
border: 2px solid #fff;
margin-top: -9px;
position: relative;
z-index: 10000;
box-shadow: 0px 2px 4px 0px #0000001A;
cursor: pointer;
}
input[type=range]::-moz-range-thumb {
-webkit-appearance: none;
border: none;
height: 22px;
width: 22px;
border-radius: 50%;
background: var(--theme-primary-color);
border: 2px solid #fff;
margin-top: -9px;
position: relative;
z-index: 10000;
box-shadow: 0px 2px 4px 0px #0000001A;
cursor: pointer;
}
input[type=range]:focus {
outline: none;
}
.full-range,
.incl-range {
width: 100%;
height: 4px;
left: 0;
top: 21px;
position: absolute;
background: var(--theme-primary-rgba);
}
.incl-range {
background: var(--theme-primary-color);
} 
.tfcl-slider-range-year-wrap label,
.tfcl-slider-range-price-wrap label,
.tfcl-slider-range-mileage-wrap label {
display: block !important;
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
color: #161E2D;
margin-bottom: -4px;
}
.tfcl-slider-range-year-wrap .output,
.tfcl-slider-range-price-wrap .output,
.tfcl-slider-range-mileage-wrap .output {
all: unset;
}
.range-slider input[type=range].disable {
visibility: hidden;
}
.clear-option {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
}
.clear-option::after {
content: '\e928';
color: var(--theme-primary-color);
font-family: 'autodeal';
font-size: 14px;
font-weight: 700;
}
.item-not-found {
text-align: center;
}
.item-not-found p {
margin-bottom: 20px !important;
}
.item-not-found .btn-clear-filter,
.item-not-found .btn-redirect-filter {
cursor: pointer;
display: flex;
width: max-content;
align-items: center;
margin: 0 auto;
background: var(--theme-primary-color);
padding: 14px 25px;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.item-not-found .btn-clear-filter i {
margin-left: 7px;
vertical-align: middle;
}
.item-not-found .btn-clear-filter:hover,
.item-not-found .btn-redirect-filter:hover {
background: #24272C;
color: #fff;
}
.wrap-action-filter-search {
display: flex;
align-items: baseline;
gap: 20px;
}
.wrap-action-filter-search .btn-apply-filter {
cursor: pointer;
border-radius: 14px;
background: var(--theme-primary-color);
color: #fff;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 25px;
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
min-width: 204px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wrap-action-filter-search .btn-apply-filter i {
margin-right: 7px;
font-weight: 600;
font-size: 17px;
}
.wrap-action-filter-search .btn-apply-filter:hover {
background: #24272C;
color: #fff;
}
.wrap-action-filter-search .btn-clear-filter {
font-size: 18px;
font-weight: 500;
color: #24272C;
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wrap-action-filter-search .btn-clear-filter i {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 17px;
} .group-filter-listing .condition-tab-wrap .btn-condition-filter {
color: #000;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
.group-filter-listing .condition-tab-wrap {
gap: 40px;
flex-wrap: wrap;
}
.group-filter-listing .toolbar-search-list .btn {
color: #C3C3C3 !important;
}
.group-filter-listing .toolbar-search-list .btn.active,
.group-filter-listing .toolbar-search-list .btn-display-listing-list.active,
.group-filter-listing .toolbar-search-list .btn-display-listing-list:hover,
.group-filter-listing .toolbar-search-list .btn-display-listing-grid.active,
.group-filter-listing .toolbar-search-list .btn-display-listing-grid:hover {
color: #fff !important;
}
.group-filter-listing .condition-tab-wrap .btn-condition-filter {
display: inline-block;
background: #EDEDED;
padding: 8.5px 18px;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #24272C;
min-width: 102px;
text-align: center;
font-family: 'Outfit';
}
.group-filter-listing .condition-tab-wrap .btn-condition-filte:hover,
.group-filter-listing .condition-tab-wrap .btn-condition-filter.active {
background: var(--theme-primary-color) !important;
color: #fff !important;
}
.group-filter-listing .condition-tab-wrap {
display: flex;
align-items: center;
gap: 10px;
}
@media only screen and (max-width: 1500px) {
.cards-container.half-map-right .listing-list-wrap {
padding-left: 30px;
}
.cards-container.half-map-left .listing-list-wrap {
padding-right: 30px;
}
}
@media only screen and (max-width: 1500px) {
.page-listing-map .tfcl-advanced-search-wrap .form-search-wrap {
padding: 20px 20px;
}
}
@media only screen and (max-width: 1285px) {
.tfcl-form-bottom.search-more-options {
min-width: unset;
}
}
@media only screen and (max-width: 1200px) {
.cards-container.half-map-right .listing-list-wrap {
padding-left: 40px;
padding-right: 20px;
padding-top: 50px;
padding-bottom: 50px;
}
.cards-container.half-map-left .listing-list-wrap {
padding-right: 40px;
padding-left: 20px;
padding-top: 50px;
padding-bottom: 50px;
}
.tfcl-advanced-search-wrap .condition-tab-wrap.tf-search-condition-tab,
.tfcl-form-top.search-form-content.tfcl-search-group-input {
width: 100%;
flex: unset;
justify-content: center;
flex-wrap: wrap;
}
.tfcl-form-top.search-form-content.tfcl-search-group-input {
flex-wrap: unset;
}
.tfcl-advanced-search-wrap .form-search-inner {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.wrap-tfcl-listing-card.style-list .featured-property {
width: 100%;
}
.cards-container.half-map-right .wrap-tfcl-listing-card.cards-item.col-md-6,
.cards-container.half-map-left .wrap-tfcl-listing-card.cards-item.col-md-6 {
width: 100%;
}
.tfcl-form-bottom.search-more-options .form-item,
.page-listing-map .tfcl-form-bottom.search-more-options .form-item {
width: 33.33333%;
flex: unset;
}
.tfcl-my-listing-search {
margin-bottom: 30px;
}
.popup-search-map .search-filter-wrap .search-filter-inner {
padding: 30px 15px;
}
}
@media only screen and (max-width: 991px) {
.tfcl-listing-card .infor-description li:not(:last-child):after {
width: 10px;
background: unset;
margin: 0;
}
.cards-container.half-map-right .wrap-tfcl-listing-card.cards-item.col-md-6,
.cards-container.half-map-left .wrap-tfcl-listing-card.cards-item.col-md-6 {
width: 50%;
}
.cards-container.half-map-left .listing-list-wrap {
order: unset;
}
.cards-container.half-map-right .listing-list-wrap .btn-display-listing-list,
.cards-container.half-map-left .listing-list-wrap .btn-display-listing-list {
display: none;
}
.tfcl-advanced-search-wrap .form-search-inner .wrap-checkbox .checkbox-item {
width: calc(33.33333% - 30px);
}
.tfcl-form-top.search-form-content.tfcl-search-group-input {
flex-wrap: wrap;
}
.cards-container.half-map-right .listing-list-wrap,
.cards-container.half-map-left .listing-list-wrap {
padding-left: 25px;
padding-right: 25px;
height: unset;
overflow-y: unset;
}
.filter-search-map::-webkit-scrollbar {
display: block;
}
.popup-search-map .tfcl-sidebar {
width: 400px;
}
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .card-content {
width: 90%;
}
.cards-container.half-map-left .col-lg-6.col-md-12.listing-list-wrap,
.cards-container.half-map-right .col-lg-6.col-md-12.listing-list-wrap {
order: 1;
}
.cards-container.half-map-left .map-container,
.cards-container.half-map-left .map-container #map,
.cards-container.half-map-right .map-container,
.cards-container.half-map-right .map-container #map {
height: 30vh !important;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
.wrap-tfcl-listing-card.style-list .featured-property {
width: 100%;
}
.tfcl-search-group-input .form-item {
flex: unset;
width: 100%;
}
.tfcl-form-bottom.search-more-options .form-item {
width: 50%;
flex: unset;
padding: 0 12px;
}
.archive-taxonomy .tfcl-taxonomy-archive-header {
flex-wrap: wrap;
}
.archive-taxonomy .tfcl-taxonomy-archive-header .tfcl-taxonomy-archive-left,
.archive-taxonomy .tfcl-taxonomy-archive-header .tfcl-taxonomy-archive-right {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.cards-container.map-header,
.cards-container.hide-map.no-sidebar {
margin-top: 30px;
}
.wrap-action-filter-search .btn-apply-filter { 
padding: 15px 15px;
font-size: 14px;
min-width: unset;
}
.wrap-action-filter-search {
gap: 10px;
}
.cards-container.half-map-left .col-lg-6.col-md-12.listing-list-wrap {
order: 0;
}
.popup-search-map .tfcl-sidebar {
width: 300px;
}
.tfcl-form-bottom.search-more-options .form-item,
.tfcl-search-group-input .form-item {
width: 100%;
flex: unset;
}
.cards-container.half-map-right .wrap-tfcl-listing-card.cards-item.col-md-6,
.cards-container.half-map-left .wrap-tfcl-listing-card.cards-item.col-md-6,
.wrap-tfcl-listing-card.style-list .tfcl-listing-card .card-content,
.page-listing-map .tfcl-search-group-input .form-item,
.wrap-tfcl-listing-card.cards-item.col-md-6.col-6.style-list {
width: 50%;
}
.tfcl-listing-card .bottom-content {
flex-wrap: wrap;
}
.tfcl-listing-card .content {
padding: 10px;
}
.cards-container.half-map-right .wrap-tfcl-listing-card.col-lg-6 .tfcl-listing-card .featured-property img,
.cards-container.half-map-left .wrap-tfcl-listing-card.col-lg-6 .tfcl-listing-card .featured-property img {
height: 100%;
}
.cards-container.half-map-right .listing-list-wrap,
.cards-container.half-map-left .listing-list-wrap {
padding-left: 25px;
padding-right: 25px;
}
.tfcl-form-bottom.search-more-options .form-item,
.page-listing-map .tfcl-form-bottom.search-more-options .form-item {
width: 100%;
}
.tfcl-form-top.search-form-content.tfcl-search-group-input {
flex-wrap: wrap;
}
.page-listing-top-map .tfcl-advanced-search-wrap,
.tfcl-advanced-search-wrap {
margin-top: 0;
}
.cards-container .listing-list-wrap h2 {
margin-bottom: 10px !important;
}
.tfcl-my-listing-search .toolbar-search-list {
justify-content: left !important;
}
.count-results {
margin-bottom: 10px !important;
}
.group-filter-listing .toolbar-search-list {
justify-content: left !important;
margin-top: 0 !important;
}
.group-filter-listing .condition-tab-wrap {
margin-bottom: 20px;
}
.tfcl-advanced-search-wrap .form-search-inner .wrap-checkbox .checkbox-item {
width: calc(100% - 30px);
}
}#tfcl_my_saved_advanced_search th,
#tfcl_my_saved_advanced_search td {
text-align: left;
}
.tfcl-table-listing .table-responsive.tfcl_my_saved_advanced_search_shortcode {
display: block;
overflow-x: auto;
white-space: nowrap;
}
#tfcl_my_saved_advanced_search .tfcl-saved-advanced-search-remove i{
color: red;
}
.tfcl-saved-advanced-search-link-view i {
color: rgb(6, 84, 201);
margin-right: 8px;
}.search-filter-wrap .search-filter-inner {
padding: 30px 30px 30px 30px;
border-radius: 24px;
border: 1px solid #EDEDED;
position: relative;
}
.cards-container.has-sidebar.sidebar-left .search-filter-inner {
margin-right: 7px;
margin-top: -28px;
}
.cards-container.has-sidebar.sidebar-left .listing-list-wrap {
padding-left: 8px;
}
.tfcl-sidebar .search-filter-wrap .search-filter-inner .form-group label {
display: none;
}
.tfcl-sidebar .search-filter-wrap .search-filter-inner .tfcl-slider-range-price-wrap label,
.search-filter-wrap .checkbox label {
display: block !important;
}
.search-filter-wrap .search-filter-inner .nice-select {
padding: 14px 15px;
background: #fff;
border: 1px solid #EDEDED;
margin-bottom: 0;
}
.search-filter-wrap .search-filter-inner .nice-select .current {
color: #696665;
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
}
.search-filter-wrap .search-filter-inner .btn-clear-filter {
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
color: #24272C;
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
position: absolute;
top: 34px;
right: 38px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.search-filter-wrap .search-filter-inner .btn-clear-filter i {
font-size: 11px;
width: 15px;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.wrap-reset-filter .btn-clear-filter {
font-size: 14px;
font-weight: 500;
line-height: 17.64px;
color: #24272C;
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wrap-reset-filter .btn-clear-filter:hover {
color: var(--theme-primary-color);
}
.wrap-reset-filter .btn-clear-filter i {
font-size: 11px;
width: 15px;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.wrap-reset-filter {
display: none;
cursor: pointer;
}
.wrap-reset-filter.active {
display: block;
}
.search-filter-wrap .search-filter-inner .btn-clear-filter:hover {
color: var(--theme-primary-color);
}
.search-filter-wrap .search-filter-inner .btn-close-popup {
display: none;
}
.search-filter-wrap .search-filter-title {
font-size: 20px;
font-weight: 500;
line-height: 25.2px;
margin-bottom: 40px;
}
.search-filter-wrap .search-filter-inner label {
color: #595960;
font-size: 16px;
font-weight: 500;
line-height: 30px;
}
.search-filter-wrap .btn-enable-features { 
font-size: 20px;
font-weight: 500;
line-height: 25.2px;
color: #24272C; 
display: flex;
align-items: center;   
}
.search-filter-wrap .filter-ranger {
font-size: 14px !important;
font-weight: 500 !important;
line-height: 17.64px !important;
color: #161E2D !important;
margin-bottom: -3px !important;
font-family: 'Outfit';
}
.search-filter-wrap .range-slider {
margin-bottom: 0;
}
.search-filter-wrap .tfcl-slider-range-price-wrap,
.search-filter-wrap .tfcl-slider-range-year-wrap,
.search-filter-wrap .tfcl-slider-range-mileage-wrap {
margin-top: 31px;
padding-bottom: 10px;
}
.search-filter-wrap .search-filter-inner .nice-select .current:after {
color: #24272C;
font-weight: 900;
}
.search-filter-wrap .search-filter-inner .form-item {
margin-bottom: 20px;
}
.search-filter-wrap .search-filter-inner .form-item.features {
margin-top: -9px;
margin-bottom: 31px;
}
.search-filter-wrap .tfcl-range-slider-filter {
padding: 0;
}
.search-filter-wrap .btn-enable-features i::before {
font-weight: 900;
font-size: 18px;
vertical-align: middle;
}
.search-filter-wrap .btn-enable-features.show i::before {
content: '\e912';
}
.search-filter-wrap .features-list .checkbox-item {
width: calc(100% - 30px) !important;
}
.search-filter-wrap .enable-features .btn-enable-features i {
font-weight: 500;
font-size: 15px;
margin-left: 7px;
}
.search-filter-wrap .features-list .wrap-checkbox {
max-height: 528px;
overflow: auto;
row-gap: 4.8px;
padding-top: 4px;
}
.search-filter-wrap .features-list .wrap-checkbox::-webkit-scrollbar {
width: 8px;
}
.search-filter-wrap .features-list .wrap-checkbox::-webkit-scrollbar-track {
background-color: transparent;
}
.search-filter-wrap .features-list .wrap-checkbox::-webkit-scrollbar-thumb {
background-color: #E4E4E4;
}
.search-filter-wrap .features-list .wrap-checkbox label {
cursor: pointer;
}
.search-filter-wrap .checkbox input[type="checkbox"] {
margin-right: 12px;
top: 4px;
}
.search-filter-wrap .checkbox label {
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
cursor: pointer;
display: block;
color: #696665;
}
.search-filter-wrap .checkbox input[type="checkbox"]::before {
width: 24px;
height: 24px;
border: 1px solid #E4E4E4;
border-radius: 6px;
left: 11px;
}
.search-filter-wrap .checkbox input[type="checkbox"]::after {
height: 6px;
width: 11px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-55deg);
display: block;
opacity: 0;
z-index: 5;
visibility: hidden;
content: '';
position: absolute;
left: 5px;
top: 1px;
}
.search-filter-wrap .checkbox input[type="checkbox"]:checked::after {
opacity: 1;
visibility: visible;
}
.search-filter-wrap .checkbox input[type="checkbox"]:checked:before {
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
}
.toolbar-search-list .filter-popup {
border-radius: 10px;
padding: 8px 19px;
background: var(--theme-primary-color);
color: #fff;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
flex-shrink: 0;
}
.toolbar-search-list .filter-popup svg {
vertical-align: text-bottom;
margin-left: 10px;
}
.toolbar-search-list .filter-popup:hover {
background: #24272C;
}
.toolbar-search-list .filter-popup.enable-mobile {
display: none;
}
@media only screen and (max-width: 1200px) {
.cards-container.has-sidebar.sidebar-left .search-filter-inner {
margin-right: 0px;
}
.cards-container.has-sidebar.sidebar-left .listing-list-wrap {
padding-left: 15px;
}
.cards-container.has-sidebar.sidebar-left,
.cards-container.has-sidebar.sidebar-right {
row-gap: 40px;
}
.half-map-left .tfcl-my-listing-search .toolbar-search-list,
.half-map-right .tfcl-my-listing-search .toolbar-search-list {
margin-top: 20px;
}
}
@media only screen and (max-width: 1199px) {
.sidebar-archive,
.archive .cards-container.hide-map.has-sidebar .tfcl_sidebar {
display: none;
}
.toolbar-search-list .filter-popup.enable-mobile,
.archive .cards-container.hide-map.has-sidebar .filter-popup {
display: block !important;
}
.archive .cards-container.hide-map.has-sidebar {
gap: 0;
}
}