.masonry-grid {
column-count: 3;
column-gap: 20px;
}
body {
font-family: 'Urbanist'!important;
}
.masonry-item {
break-inside: avoid;
margin-bottom: 20px;
background: #f9f9f9;
padding: 15px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.masonry-item img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
.masonry-pagination {
text-align: center;
margin-top: 30px;
}
button {
border-radius: 4px;
} #menu-1-581ba07 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-40 {
font-weight: 700;
color: white;
background-color: rgb(0, 43, 92);
border-radius: .375rem;
} .remax-tabs    {display:flex;border-bottom:1px solid #e0e0e0;background:#fff}
.te-tab        {flex:1;padding:10px 18px;text-align:center;background:#f3f4f6}
.te-tab.active {background:#fff;color:#004ba8;font-weight:700}
.search-bar-form{display:flex;border:1px solid #e0e0e0;border-top:none}
.search-bar-form input{flex:1;padding:14px 20px;border:0}
.search-bar-form button{width:48px;background:#004ba8;border:0;display:flex;align-items:center;justify-content:center}
.search-bar-form svg{width:20px;height:20px;stroke:#fff}
.remax-search{
max-width:960px;
margin:0 auto 2rem;
background:transparent;                
border-radius:4px;             
box-shadow:0 2px 6px rgba(0,0,0,.05);
overflow:hidden;                
}
.search-bar-form{
display:flex;
border:0;                
border-top:0;            
}
#te-search-tabs{
width:364px;
display:flex;
align-items:center;       
background:#f4f9ff;
border-bottom:1px solid #e5e7eb;
border-top-left-radius:8px;
border-top-right-radius:8px;
overflow:hidden;          
}
.te-tab{
flex:1 1 0;
display:flex;
align-items:center;       
justify-content:center;   
height:44px;
line-height:44px;         
font-size:15px;
background:#f3f4f6;
color:#191c1f;
border-left:1px solid #e5e7eb;   
text-decoration:none;
transition:background .15s,color .15s;
}
.te-tab:first-child{ border-left:none; }      
.te-tab:hover{ background:#e9eaec; }
.te-tab.active{
background:#fff;
color:#004ba8;          
font-weight:700;
}
.search-bar-form{
display:flex;
background:#fff;
padding:12px;
align-items:center;
border:1px solid #e5e7eb;
border-top:none;          
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
border-top-right-radius:8px;
overflow:hidden;
}
.search-bar-form  input[type=search] {
border:none;
padding:12px;
}
.search-bar-form button[type=submit] {
background:#003aa8;
width:36px;
height:36px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
@media (max-width: 768px) {
.te-tab{
padding: 5px;
}
.elementor-2 .elementor-element.elementor-element-f5d4d4e {
padding-bottom: 30px;
}
} .join-button.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-40 > a {
color:#fff;
}
.join-button.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-40 > a:hover {color:#d7e7ff;}
.energy-label{
width: 70px;
height: auto;
}
div.swiper-slide.elementor-lightbox-item.swiper-slide-active > div > img.elementor-lightbox-image {
width:680px!important;
height:450px!important;
}
.e-font-icon-svg.e-fas-circle {
width:9px;
}
#obj-by > div > div > a > span {
display:flex;
align-items:center;
}
#gallery-1 > figure > div > a > img  {
width: 341px;
height: 227px;
object-fit: cover;
}
.property-gallery {
display: flex;
flex-direction: column;
}
.property-gallery  a {
width:33%;
}
.cap-icon {width:16px;height:16px;}
.property-gallery-grid > a:nth-child(1) > img {border-radius:12px;}
.gallery-caption {
font-family: Urbanist, -apple-system, BlinkMacSystemFont;
gap: .75rem!important;
display: flex!important;
align-items:center!important;
justify-content: center!important;
font-size:16px!important;
color:#a4a9b0!important;
}
#listing-top-info .elementor-widget-shortcode > div > div {
font-size: 15px;
font-weight: 700;
} .elementor-element-5900db8 .elementor-button-content-wrapper {
align-items: center !important;
}
.elementor-button-content-wrapper {
align-items: center !important;
}
#property-map-modal .pm-close {
right: 160px;
}
.prop-price {
font-size: 36px;
font-weight: 700;
} .properties-wrapper {
padding: 40px 20px 0;
max-width: 1536px;
margin: auto;
}
.properties-wrapper .property-grid,
#list_container .property-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 25px;
width: 100%;
padding: 20px;
margin: auto;
} @media (min-width: 1024px) and (max-width: 1536px) {
.properties-wrapper .property-grid,
#list_container .property-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 24px !important;
}
.properties-wrapper .property-card,
#list_container .property-card {
width: auto !important;
max-width: none !important;
flex: none !important;
}
} @media (max-width: 1023px) {
.properties-wrapper .property-grid,
#list_container .property-grid {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 768px) {
.properties-wrapper .property-grid,
#list_container .property-card {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 520px) {
.properties-wrapper .property-grid,
#list_container .property-card {
grid-template-columns: 1fr !important;
}
}
.property-card {
border-radius: 10px;
overflow: hidden;
transition: box-shadow 0.3s ease;
background: white;
}
.property-card:hover {
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.property-image img {
width: 100%;
height: 200px;
object-fit: cover;
}
.property-info {
padding: 15px;
}
.property-price {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.property-meta span {
margin-right: 10px;
display: inline-block;
}
.property-filters {
display: flex;
gap: 15px;
margin-bottom: 30px;
flex-wrap: wrap;
}
.property-filters label {
display: flex;
flex-direction: column;
font-size: 14px;
}
.property-filters input {
padding: 5px;
width: 120px;
}
.property-filters button {
padding: 8px 20px;
background: #1e73be;
color: #fff;
border: none;
cursor: pointer;
}
.property-toolbar {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.toolbar-btn {
padding: 8px 14px;
font-size: 14px;
border: 1px solid #003aa8;
border-radius: 4px;
background: #fff;
cursor: pointer;
}
.toolbar-btn.primary {
background: #0046be;
color: #fff;
border-color: #0046be;
font-weight: 600;
}
.property-toolbar button {
align-items: center;
display: flex;
justify-content: flex-start;;
}
.property-toolbar button:hover {
background:#003aa8;
}
.circle-blue {
background-color: #003aa8;
border-radius: 9999px;
width: 9px;
height:9px;
margin-right: .25rem;
}
.circle-red {
background-color: #df202b;
border-radius: 9999px;
width: 9px;
height:9px;
margin-right: .25rem;
}
#Residential button {
padding: 8px 14px;
font-size: 14px;
border: 1px solid #003aa8;
border-radius: 4px;
background: #fff;
cursor: pointer;
}
#Residential button:hover {
color:#003aa8;
}
.tab-button.active {
color:#003aa8;
}
.dropdown-wrapper {
position: relative;
}
.dropdown-toggle {
padding: 8px 14px;
font-size: 14px;
border: 1px solid #0046be;
border-radius: 6px;
background: #fff;
color: #0046be;
cursor: pointer;
}
.dropdown-panel {
position: absolute;
top: 110%;
left: 0;
background: white;
padding: 10px;
border: none;
border-radius: 10px;
z-index: 10;
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
min-width: 300px;
}
.dropdown-panel .tabs {
display: flex;
margin-bottom: 10px;
gap: 10px;
}
.tab-button {
flex: 1;
padding: 8px;
border: none;
background: #f5f5f5;
cursor: pointer;
}
.tab-button.active {
background: #fff;
border-bottom: 2px solid #0046be;
font-weight: bold;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.dropdown-panel label {
display: block;
font-size: 14px;
margin-bottom: 5px;
}
.clear-filter {
display: inline-block;
margin-top: 10px;
color: #0046be;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
.property-location {
white-space: nowrap;
}
.toolbar-btn.primary {
border-radius: 4px !important;
padding: 6px 25px !important;
}
#deal_type_button {
border: 1px solid #0046be !important;
border-radius: 6px !important;
}
#DealType > div {
min-width: 150px;
}
input[name="city"] {
border: 1px solid #0046be !important;
border-radius: 6px !important;
width: auto !important;
}
#City .dropdown-toggle {
color: black;
border-radius: 6px;
border: 1px solid #d7e7ff;
background-color: #fff;
font-weight: 500;
}
#City .dropdown-panel {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 15px;
background-color: white;
min-width: 300px;
z-index: 10;
}
#City input[type="text"] {
width: 100%;
padding: 10px 14px;
border: 1px solid #eaeaea;
border-radius: 6px 0 0 6px;
outline: none;
font-size: 14px;
}
#city_search_btn {
background-color: #003d9e;
color: white;
border: none;
border-radius: 0 6px 6px 0;
padding: 0 16px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
#City .clear-filter {
display: inline-block;
margin-top: 10px;
color: #003d9e;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
#City .dropdown-panel button:hover,
#City .dropdown-panel .deal-option:hover {
background-color: transparent !important;
}
#City button {
padding: 8px 20px;
}
#DealType > div {
padding: 0;
}
.results-sort-map {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0;
}
.results-count {
font-size: 16px;
font-weight: 500;
}
.map-sort-controls {
display: flex;
align-items: center;
gap: 20px;
}
.view-map-toggle {
font-size: 14px;
position: relative;
padding-left: 25px;
cursor: pointer;
}
.view-map-toggle input {
position: absolute;
left: 0;
top: 2px;
}
#SortDropdown .dropdown-toggle {
color: #003d9e;
border: none;
background: transparent;
padding: 0;
}
#SortDropdown .dropdown-panel {
min-width: 200px;
padding: 10px 0;
}
#SortDropdown > div {
left: -100px;
}
.switch-toggle {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
user-select: none;
position: relative;
}
.switch-toggle input {
display: none;
}
.switch-toggle .slider {
position: relative;
width: 40px;
height: 20px;
background-color: #a3a6ac;
border-radius: 999px;
transition: background-color 0.3s;
}
.switch-toggle .slider::before {
content: "";
position: absolute;
height: 16px;
width: 16px;
left: 2px;
top: 2px;
background-color: white;
border-radius: 50%;
transition: transform 0.3s;
}
.switch-toggle input:checked + .slider {
background-color: #003d9e;
}
.switch-toggle input:checked + .slider::before {
transform: translateX(20px);
}
.map-list-container {
display: flex;
flex-direction: row;
gap: 20px;
}
.map-block {
width: 50%;
min-height: 600px;
}
.list-block {
width: 100%;
transition: width 0.3s ease;
}
.map-visible .list-block {
width: 50%;
}
.property-meta {
background:#d7e7ff;
justify-content: space-between;
font-size:12px;
font-weight:700;
padding: .5rem;
}
#listing-meta {
display:flex;
}
#listing-meta span {
display:flex;
gap: 0 .25rem;
} .toolbar-btn.dropdown-toggle,
.toolbar-btn.dropdown-toggle:focus,
.toolbar-btn.dropdown-toggle:active,
.toolbar-btn.dropdown-toggle:hover {
background: #fff !important;
color: #a81e49; 
outline: none !important;
box-shadow: none !important;
border-color: #e7e7e7;
} .dropdown-panel,
.dropdown-panel:focus,
.dropdown-panel:active,
.dropdown-panel:hover {
background: #fff !important;
box-shadow: 0 0 24px 0 rgba(30,32,37,.08); 
outline: none !important;
border-radius: 16px;
} .deal-option,
.deal-option:focus,
.deal-option:active,
.deal-option:hover {
background: #fff !important;
outline: none !important;
box-shadow: none !important;
color: #111 !important;
} .tab-button:focus,
.tab-button:active,
.tab-button:hover {
background: #fff !important;
outline: none !important;
box-shadow: none !important;
}
.dropdown-panel .deal-option,
.dropdown-panel .deal-option:focus,
.dropdown-panel .deal-option:active,
.dropdown-panel .deal-option:hover {
border: none !important;
box-shadow: none !important;
background: #fff !important;
}
#DealType button,
#Residential button {
color: #003AA8;
}
.property-price .prop-price {
font-size: 24px !important;
font-weight: 700;
}
#elementor-popup-modal-3191 > div > span > label {
font-size: 14px;
line-height: 1;
color: #191c1f;
}
#elementor-popup-modal-3191 > div > a {
width: 40px !important;
height: 40px !important;
}
#limited {
height: calc(100vh - 200px);  
display: flex;
overflow: hidden;
}
#limited .scrollable-content {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
}
#menu-1-581ba07 > li.join-button.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-40 > a {
color: #fff;
font-weight: 700;
}
.elementor-8 .elementor-element.elementor-element-581ba07 .elementor-nav-menu--dropdown {
margin-left: -96px !important;
}
.menu-item-has-children:hover > a,
.menu-item-has-children.focus > a {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
background-color: #fff;
z-index: 10;
position: relative;
}
.menu-item-has-children:hover .sub-menu,
.menu-item-has-children.focus .sub-menu {
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
background-color: #fff;
z-index: 999;
}
.elementor-8 .elementor-element.elementor-element-2835cb5 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
margin-left: 0 !important;
margin-top: 8px !important;
}
#menu-1-581ba07 {align-items:center;}
.shadow-button a {height:70px;} body.elementor-510 .elementor-location-footer {
display: none !important;
}
#tabs-wrapper {
pointer-events: auto !important;
}
.elementor-button {
pointer-events: auto !important;
}
.page-header {
background-color: #d7e7ff;
padding: 50px 0;
}
#menu-1-27cea964 > li.join-button.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-40 {
margin-top: 10px;
margin-bottom: 10px;
}
#menu-1-27cea964 > li.join-button.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-40 > a {
background-color: #002b5c;
border-radius: 10px;
}
@media (max-width: 900px) {
#limited {
height: auto;  
display: flex;
overflow: auto;
}
#limited > div.elementor-element.elementor-element-d777921.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-f7d20df.e-con-full.scrollable-content.e-flex.e-con.e-child {
padding-bottom:80px;
}
.elementor-8 .elementor-element.elementor-element-3e555b1 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
margin-left: 0px !important;
}
}
@media (max-width:760px) {
.page-header {padding: 25px 0;}
.tabs-cart_mobile #tabs-cart {
display: none !important;
}
}
@media (max-width:500px) {
#te-search-tabs {
width: 300px;}
}
.lang-current svg {
stroke-width:1;
}
.see-all {
font-weight: 700;
}
.property-inner-swiper .swiper-button-prev, .property-inner-swiper .swiper-button-next {
width: 24px !important;
height: 24px !important;
} .single-property #site-footer,
.single-property .site-footer,
.single-property footer.site-footer{
display:none !important;
}
#results_total_btn {
padding-left: 10px;
}
.map-visible .list-block .property-grid{
display: grid !important;            
width: 720px;
grid-template-columns: 1fr 1fr !important;   
gap: 20px;                                   
}
.map-visible .list-block .property-grid > .property-card{
width: 348px!important;                   
max-width: none !important;
flex: none !important;                     
}
.map-visible .list-block .swiper-slide.swiper-slide-active img,
.map-visible .list-block .swiper-slide img{
width: 100% !important;     
max-width: 100%;
height: auto;  
object-fit: cover;
}
.property-action {
display: inline-flex;
align-items: center;
font-weight: 600;
}
.property-action .dot {
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 6px;
}
.property-action.buy .dot {
background: #0050d0; }
.property-action.buy {
border: 1px solid #d7e7ff;
padding: 8px; 
border-radius: 4px;
}
.property-action.rent .dot {
background: #d00020; }
.property-action.rent {
border: 1px solid #d7e7ff;
padding: 8px; 
border-radius: 4px;
}
.swiper-nav-outer .swiper-button-prev,
.swiper-nav-outer .swiper-button-next {
background-color: #003AA8 !important;
color: #fff !important;
border-radius: 4px;
}
.search-bar-form button[type=submit] {
border-radius: 4px;
}
.elementor-397056 .elementor-element.elementor-element-27cea964 .elementor-nav-menu--dropdown {
margin-left: -98px !important;
}
#promo .elementor-carousel-image {
border-radius: 8px;
}
.favorite-add-button {
}
.map-block{position:relative;}
.map-preview{
position:absolute; left:12px; right:12px; top:12px; z-index:500;
background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.18);
overflow:hidden; display:flex; gap:12px; padding:12px; align-items:center;
}
.map-preview img{width:110px; height:80px; object-fit:cover; border-radius:8px;}
.map-preview h3{margin:0 0 4px; font:600 16px/1.2 system-ui,Arial}
.map-preview .price{font-weight:700; font-size:18px;}
.map-preview .close{margin-left:auto; cursor:pointer; font-size:22px; line-height:1; padding:0 6px;} .extrapt-panel{display:none; position:relative; max-height:70vh; overflow:auto; border:1px solid #e5e7eb; border-radius:12px; background:#fff; padding:12px} .extrapt-card {display:grid; grid-template-columns:120px 1fr auto; gap:12px; align-items:center}
.extrapt-card img{width:120px;height:86px;object-fit:cover;border-radius:8px}
.extrapt-card h4{margin:0 0 6px;font:600 16px/1.2 system-ui,Arial}
.extrapt-card .price{font-weight:700;font-size:18px;margin-bottom:2px}
.extrapt-card .open{display:inline-block;padding:8px 12px;border-radius:10px;background:#003aa8;color:#fff;text-decoration:none} .marker-cluster-small, .marker-cluster-medium, .marker-cluster-large{
background:rgba(15,63,180,.15);
}
.marker-cluster div{
background:#123a8b; color:#fff; border:3px solid #d9e1ff;
border-radius:999px; width:42px;height:42px; line-height:36px; text-align:center;
font:600 14px/36px system-ui,Arial; box-shadow:0 2px 6px rgba(0,0,0,.2)
}
.marker-cluster-large div{ width:54px;height:54px; line-height:48px; font-size:16px }
.extrapt-panel[hidden]{display:none!important}
.extrapt-panel{
position:relative; 
z-index: 500;      
} #extrapt-single-map {
height: 280px !important;
min-height: 280px !important;
max-height: 280px !important;
} html { scroll-behavior: smooth; }
#Description,
#Details,
#obj-map,
#Rooms,
#Contact,
#Nearby {
scroll-margin-top: 84px; 
}
@media (min-width: 768px) {
#Description,
#Details,
#obj-map,
#Rooms,
#Contact,
#Nearby {
scroll-margin-top: 110px;
}
}
#tabs-cart {
display: flex;
gap: 12px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity; 
white-space: nowrap;
}
#tabs-cart::-webkit-scrollbar { display: none; }
#tabs-cart { scrollbar-width: none; }
.tabs-arrows { pointer-events: none; }
.tabs-arrows .elementor-button,
.tabs-arrows .elementor-button-wrapper { pointer-events: auto; } .swiper-slide.swiper-slide-active img {
width: 100% !important;
}
.property-meta{
display:flex;
align-items:center;              
justify-content:space-between;
gap:12px;
background:#d7e7ff;
font-size:12px;
font-weight:700;
padding:.5rem;
min-height:42px;                 
line-height:1;                   
}
#estate-type-card{
flex:0 1 auto;
min-width:0;
white-space:nowrap;              
overflow:hidden;
text-overflow:ellipsis;
}
#listing-meta{
display:flex;
align-items:center;
flex:1 1 auto;
min-width:0;
overflow:hidden;                  
white-space:nowrap;
justify-content: end;
}
#listing-meta span{
display:inline-flex;
align-items:center;
gap:6px;
white-space:nowrap;
line-height:1;
}
#listing-meta svg{
width:16px;
height:16px;
flex:0 0 16px;
}
#listing-meta span + span{
border-left:1px solid rgba(0,0,0,.08);
padding-left:12px;
}
#list_container > div > div {
height: auto !important;
} .tab-content label {
display: flex;
align-items: center;
gap: 5px;
} .pagination-wrap{
display:flex;
justify-content:flex-end;      
padding: 6px 0 18px;
}
.pagination-wrap ul.page-numbers{
display:flex;
align-items:center;
gap:6px;
list-style:none;
margin:0;
padding:0;
} .pagination-wrap ul.page-numbers > li > a.page-numbers,
.pagination-wrap ul.page-numbers > li > span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:28px;
height:28px;
padding:0 8px;
border:1px solid #e5e7eb;      
border-radius:6px;
background:#fff;
color:#1f2937;                  
font-size:12px;
line-height:1;
text-decoration:none;
box-shadow:0 1px 0 rgba(0,0,0,.02);
transition:all .18s ease;
} .pagination-wrap ul.page-numbers > li > a.page-numbers:hover{
background:#f8fafc;
border-color:#cbd5e1;
} .pagination-wrap ul.page-numbers > li > .current{
background:#0a48c7;           
border-color:#0a48c7;
color:#fff;
} .pagination-wrap .page-numbers.prev,
.pagination-wrap .page-numbers.next{
min-width:28px;
padding:0;
font-weight:700;
} .pagination-wrap .page-numbers.dots{
border:none !important;
background:transparent !important;
min-width:auto;
padding:0 4px;
box-shadow:none;
} @media (max-width:480px){
.pagination-wrap{
justify-content:center;       
padding:8px 0 20px;
}
.pagination-wrap ul.page-numbers{
gap:4px;
}
.pagination-wrap ul.page-numbers > li > a.page-numbers,
.pagination-wrap ul.page-numbers > li > span{
min-width:26px;
height:26px;
padding:0 6px;
font-size:11px;
border-radius:5px;
}
}  .map-list-container {
display: block;
width: 100%;
} .map-visible .map-list-container {
display: flex !important;
width: 100%;
height: calc(100vh - 140px); overflow: hidden;
} #map_container {
display: none !important;
} .map-visible #map_container {
display: block !important;
width: 50%;
height: 85vh;
} .map-visible #list_container {
width: 50%;
height: 85vh;
overflow-y: auto;
} #list_container {
width: 100%;
max-width: 1550px;
margin: auto;
}
.map-visible #list_container {
width: 50% !important;
height: 100% !important;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
} @media (max-width: 768px) { .map-list-container #map_container { display: none; }
.map-list-container #list_container { display: block; } .map-list-container.map-visible #map_container {
display: block;
height: 70vh;             
}
.map-list-container.map-visible #list_container {
display: none;
} .map-list-container { display: block; } #list_container .property-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 20px;
}
} @media (min-width: 768px) and (max-width: 1023.98px) { .map-list-container:not(.map-visible) {
display: block; 
}
.map-list-container:not(.map-visible) #list_container .property-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 20px !important;
} .map-list-container.map-visible {
display: grid;
grid-template-columns: 1.2fr 1fr; 
gap: 16px;
align-items: start;
}
.map-list-container.map-visible #map_container {
display: block;
height: 85vh;
}
.map-list-container.map-visible #list_container {
max-height: 85vh;
overflow: auto;
}
.map-list-container.map-visible #list_container .property-grid {
display: grid !important;
grid-template-columns: 1fr !important; 
gap: 20px !important;
}
}
@media (min-width: 1024px) {
.map-list-container.map-visible #list_container {
max-height: 85vh;
overflow: auto;
}
} @media (max-width: 767.98px) {
.elementor-element-d4eb438,
.elementor-element-4fcb058,
.elementor-element-37ac021 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
gap: .5rem;          
}
#menu-1-8007dc6, #menu-2-8007dc6,
#menu-1-9ba2df9,  #menu-2-9ba2df9 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
#menu-1-8007dc6 li, #menu-2-8007dc6 li,
#menu-1-9ba2df9 li,  #menu-2-9ba2df9 li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.elementor-nav-menu .elementor-item {
display: inline-block;
padding: 6px 0 !important;
text-align: center !important;
}
}
#city_dropdown_results {
font-family: Urbanist, sans-serif;
font-size: 15px;
}
#Residential > div > div.tab-content.active > label > input[type=checkbox] {
width:24px;
height:24px;
}
#PriceTop > div {
z-index:999999;
}
#PriceTop .dropdown-panel,
#PriceTop .range-row,
#PriceTop select {
position: relative !important;
overflow: visible !important;
z-index: 99999 !important;
} #PriceTop select.price_select {
width: 100%;
height: 56px !important;
border: 1px solid #CFD8E6;
border-radius: 10px;
font-size: 18px;
padding: 0 16px;
color: #2B2F36;
background: #fff;
}
#PriceTop .dropdown-panel {
border-radius: 16px !important;
padding: 24px 28px !important;
box-shadow: 0 8px 40px rgba(0,0,0,0.12);
width:400px!important;
}
#PriceTop .price-group label {
font-size: 15px;
color: #4B5563;
display: block;
margin-bottom: 6px;
}
#PriceTop .price-clear {
margin-top: 18px;
color: #003aa8;
font-weight: 600;
cursor: pointer;
}
#PriceTop > div > div.price-inputs {
display: flex!important;
justify-content: space-between!important;
}
#PriceTop > div > div.price-inputs > div {
width:168px!important;
}
#PriceTop .price-apply {
margin-top: 10px;
font-weight: 600;
color: #003aa8;
cursor: pointer;
float: right;
}
.dropdown-panel.price-panel > .price-title {
font-weight: 700;
font-size:14px!important;
color:#646c78;
}
.dropdown-panel.price-panel {
width:400px;
}
.price-inputs  {
display:flex;
gap:10px;
}
.price-inputs > .price-group {
width:168px;
}
.bed-btn {
flex:1;
padding:12px 0;
border:1px solid #d0d8e6;
border-radius:8px;
background:#fff;
cursor:pointer;
font-size:15px;
font-weight:600;
}
.bed-btn.active {
background:#003aa8;
color:#fff;
border-color:#003aa8;
}
.property-card div.swiper-slide.swiper-slide-active > img {
height:183.46px!important;
} 
#top-price-button {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.swiper-horizontal > div > div img 
height:222.33px!important;
}
.bedrooms-row{
border: 1px solid #d7e7ff;
color:#000;
border-radius:4px;
}
#PriceTop > button {color:#000;}
.bedrooms-row .bed-btn {border-left:1px solid #d7e7ff!important;border-right:1px #d7e7ff!important;}
#price_top_button, #Bedrooms_button, #Video_button {border-radius:4px;} #SortDropdown .sort-dropdown {
display: flex;
flex-direction: column;
padding: 8px 0;
} #SortDropdown .sort-option {
padding: 12px 18px;
font-size: 17px;
cursor: pointer;
color: #000;
background: #fff;
transition: .3s cubic-bezier(.4,0,.2,1);
border-radius: 6px;
} #SortDropdown .sort-option:hover {
background: #d7e7ff;
} #SortDropdown .sort-option.active {
color: #003aa8;
font-weight: 600;
background: #e9f0ff;
}
form.property-toolbar {display: flex;flex-direction: column;align-items: flex-start;
}
#left-top-filters {display: flex;gap: 10px; flex-wrap: wrap;}
#right-top-filters {display: flex;    justify-content: space-between;    align-items: center;    width: 100%;}
body > div.map-list-container.map-visible {
width:1536px!important;
margin: 0 auto;
}
body > div.elementor.elementor-358.elementor-location-footer > div > div {
max-width: 1550px;
margin: auto;
}
@media (max-width: 768px) {
#menu-1-67672c1d > li.menu-item,
#menu-1-35c40c9e > li.menu-item {
display: flex;
justify-content: center;
}
.elementor-397202 .elementor-element.elementor-element-6f101b65 {
margin-top: 0;
}
.property-gallery-first {
margin-bottom: 0 !important;
height: 290px !important;
border-radius: 0 !important;
}
.pg-slide {
height: 290px !important;
border-radius: 0 !important;
}
.post-location {
padding: 0 !important;
}
.prop-price {
font-size: 24px;
}
.property-action.buy {
font-size: 11px;
font-weight: 400;
padding: 5px;
}
.property-action .dot {
width: 6px;
height: 6px;
}
.elementor-358 .elementor-element.elementor-element-59dd1f9 {
margin-top: 30px;
}
.nearby-row {
flex-direction: column !important;
}
.nearby-blocks {
display: flex;
flex-direction: row;
gap: 20px;
}
#City .dropdown-panel {
position: fixed !important;
top: 63% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 90% !important;
max-height: 70vh !important;
overflow-y: auto !important;
background: #fff !important;
z-index: 99 !important;
border-radius: 10px !important;
padding: 10px !important;
box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}
#City .dropdown-wrapper {
position: static !important; }
#PriceTop .dropdown-panel.price-panel {
position: fixed !important;
top: 38% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 90% !important;
max-height: 70vh !important;
overflow-y: auto !important;
background: #fff !important;
z-index: 999999 !important;
border-radius: 12px !important;
padding: 20px !important;
box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}
#PriceTop.dropdown-wrapper {
position: static !important;
} #PriceTop #top-price-button {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
#PriceTop .price_select {
width: 100% !important;
font-size: 16px;
padding: 10px 12px !important;
}
#PriceTop .price-title {
font-size: 16px;
margin-bottom: 15px;
}
#Bedrooms .dropdown-panel {
position: fixed !important;
top: 40% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 90% !important;
max-height: 70vh !important;
overflow-y: auto !important;
background: #fff !important;
z-index: 999999 !important;
border-radius: 12px !important;
padding: 20px 24px !important;
box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}
#Bedrooms.dropdown-wrapper {
position: static !important;
}
#Bedrooms .bedrooms-row {
width: 100% !important;
max-width: none !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
border-radius: 6px !important;
border: none !important;
background: transparent !important;
}
#Bedrooms .bedrooms-row .bed-btn {
flex: 1 1 calc(33.33% - 10px) !important;
padding: 12px !important;
font-size: 14px !important;
border: 1px solid #d7e7ff !important;
border-radius: 6px !important;
background: #fff !important;
color: #2B2F36 !important;
text-align: center !important;
}
#Bedrooms .bedrooms-row .bed-btn.active {
background: #003aa8 !important;
color: #fff !important;
border-color: #003aa8 !important;
}
#Bedrooms #bedrooms_clear {
margin-top: 20px !important;
text-align: center !important;
font-size: 15px !important;
}
#Residential .dropdown-panel {
position: fixed !important;
top: 47% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 90% !important;
max-height: 75vh !important;
overflow-y: auto !important;
background: #fff !important;
z-index: 999999 !important;
border-radius: 12px !important;
padding: 20px !important;
box-shadow: 0 10px 25px rgba(0,0,0,0.18) !important;
} #Residential.dropdown-wrapper {
position: static !important;
} #Residential .tabs {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
#Residential .tab-button {
flex: 1;
padding: 10px;
background: #f4f6ff;
border: 1px solid #d7e7ff;
font-size: 15px;
color: #003aa8;
cursor: pointer;
}
#Residential .tab-button.active {
background: #003aa8 !important;
color: #fff !important;
border-color: #003aa8 !important;
} #Residential .tab-content label {
display: block;
padding: 10px 8px;
font-size: 15px;
border-bottom: 1px solid #eee;
}
#Residential .tab-content input[type="checkbox"] {
margin-right: 8px;
} #Residential .clear-filter {
display: block;
margin-top: 20px;
text-align: center;
font-size: 15px;
color: #003aa8;
font-weight: 600;
}
} #extrapt-topbar {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 100%;
padding: 12px;
background: #fff;
border-radius: 0;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
z-index: 5000;
display: none;
gap: 12px;
align-items: center;
}
#extrapt-topbar.open {
display: flex !important;
}
#extrapt-topbar.visible {
display: flex !important;
}
#extrapt-topbar img {
width: 160px;
height: 128px;
object-fit: cover;
border-radius: 0;
}
#extrapt-topbar.hidden {
display: none!important;
}
#extrapt-topbar .info {
flex: 1;
}
#extrapt-topbar .price {
font-weight: 600;
font-size: 18px;
}
.open-btn {
background: #003a9f;
color: white;
padding: 8px 14px;
border-radius: 6px;
}
.marker-cluster {
background: transparent !important;
border: none !important;
}
.marker-cluster div {
background: #0a3a9f;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 15px;
font-weight: 700;
}
.extrapt-pin svg circle:first-child {
fill: #0a3a9f;
stroke: #ffffff;
stroke-width: 3;
}
.extrapt-pin.active svg circle:first-child {
fill: #d92727 !important; }
.extrapt-pin.active-pin svg circle:first-child {
fill: #e53935 !important;
stroke: #fff !important;
stroke-width: 4 !important;
}
.draw-btn {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
background: #0a3a9f;
color: #fff;
border: none;
padding: 14px 30px;
font-size: 18px;
border-radius: 8px;
cursor: pointer;
z-index: 5000;
}
#drawZoneBtn {
background-color: #003aa8;
font-family: "Urbanist", Sans-serif;
font-size: 15px;
line-height: 160%;
color: #fff;
border-radius: 3px;
padding: 12px 16px 12px 16px;
position: relative;
z-index: 99999;
bottom: 60px;
}
.elementor-message-danger  {
display: none !important;
} .elementor-element-4a526aac .elementor-post__thumbnail{
position: relative;
overflow: hidden;
}
.elementor-element-4a526aac .elementor-post__thumbnail img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width:768px) {
body > header > div.elementor-element.elementor-element-4a2dd589.e-con-full.elementor-hidden-desktop.e-flex.e-con.e-parent.e-lazyloaded > div > div > div > div.elementor-element.elementor-element-5ed887db.e-con-full.e-flex.e-con.e-child > div.elementor-element.elementor-element-6adb117e.elementor-nav-menu__align-start.elementor-widget__width-inherit.elementor-nav-menu--stretch.elementor-widget-tablet__width-initial.elementor-nav-menu--dropdown-tablet.elementor-nav-menu__text-align-aside.elementor-nav-menu--toggle.elementor-nav-menu--burger.elementor-widget.elementor-widget-nav-menu.custom-offcanvas-menu.is-open > div > nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {height: auto;max-height: 100% !important;}
.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {max-height:auto!important;}
}
.etg-submit {
background-color: #003da5 !important;
color: #fff !important;
border-radius: 6px !important;
}