body {
  background-color: #fff;
  color: #000000;
  font-size: 13px; 
  /*font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;*/ 
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  margin: 0;
  padding: 0;
  line-height:normal;
  font-weight: 400; 
}
:root {
  --color-footer-border: #f5f5f5;
  --color-footer-bg: #fafafa;
  --color-search-btn-primary: #e47519;
}
a {
  color: #ef5a00;
  text-decoration: none;
}
a:hover{
  color: #555;
  text-decoration: none;
}
*:focus{
	outline:none;
}
 
img{
  vertical-align: baseline;
}
form{
	font-size:16px;
	color:#333 !important;
}
form a{
	font-size:16px;
	color:#333 !important;
}
	.lockscroll{
		position:fixed;
		width:100%;
		height:100%;
		overflow:hidden;
	}
.container-fluid,.col{
	padding-left:0px !important;
	padding-right:0px !important;
}
.row {
	margin-left:0px !important;
	margin-right:0px !important;
}
.row>*{
	padding-left:0px !important;
	padding-right:0px !important;
}
.btn-check:checked+.btn{ 
  background-color:#bda76e;
  border-color:#bda76e
}

.header{
  position:relative;
	background-color:#e2540a; 
	text-align:center;
	height:65px;
}
.header img{
	height:47px; 
}
.header-type{
	display:flex;
	width:100%;
	border-top:1px solid #686868;
	border-bottom:1px solid #686868;
	justify-content: space-evenly;
	background-color:#414042;  
}
.header-type a{
	display: inline-block;
	text-align:center;
	color:#ffffff;
	padding:8px 0; 
}
.icontools{
  position: absolute;
  right: 8px;
  top: 12px;
}
.toptools {
    background-color: #0000007d;
    position: fixed;
    z-index: 99;
    top: 87px;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
.toptools a{
	color:#555555;
	display:block;
	border-radius:8px;
	padding:6px 4px;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .12s ease, transform .12s ease;
}
.toptools a:hover{
	background-color: transparent;
}
.toptools a:active,
.toptools a.is-pressed{
	background-color: #ffd333;
	transform: scale(0.96);
}
.toptools .toolsitem{
	width:100%;
	height:180px;
	background-color:#ffffff;
}
.toptools table{
	width:100%
}
.toptools table td{
	padding:8px;
	text-align:center;
	font-size:15px
}
.toptools span{
	display:block;
}
.toptools img{
	width:30px; 
	margin-bottom:5px;
} 
.myfav{
	background-image:url(/eng/img/favorite-white.svg);
	background-position:5px center;
	background-repeat:no-repeat;
	background-size:16px;
	padding-left:25px;
  color:#ffffff
}
.myfav a{
  color:#ffffff
}
.top{
	position:fixed;
	width:100%;
	top:0;
	z-index:999;
  background-color:#fffffff7
}  
.banner{
  width:100%;
  height:500px;
  background-image:url(/eng/img/banner.png); 
}
.top .inner{
		width:100%;
		max-width:1200px;
		padding-left:10px;
		padding-right:10px;
		margin:auto;
}
.top .lang{ 
		width:100%; 
		height:40px;
		line-height:40px;
		background-color:#e2540a; 
		font-size:14px;
    color:#ffffff;
    display:flex;
    align-items:center;
}
.top .lang .inner{
  width:100%;
}
.top .lang .inner > .d-flex{
  align-items:center;
  height:100%;
}
.top .lang a{ 
  color:#ffffff
}

	.topmenu{ 
		height:70px;
		overflow:visible;
    box-shadow: 0px 2px 4px #00000045;
	}
	.toplogo{ 
		height: 60px;
    margin: 5px;
	} 
  .topmenu .item{
		 position: relative;
		 padding-left:9px;
		 padding-right:9px;
		 height:70px;
  }
	.topmenu .item span{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		cursor: pointer;
		font-size: 18px;
		font-weight: bold;
		color: #333;
		text-align: center;
		border-top: 4px solid #ffffff;
		border-bottom: 4px solid #ffffff;
	}
	.topmenu .item span a{
		color:#333;
	}
	.topmenu .submenu{
    font-size:15px;
		display:none;
		background-color: #ffffff;
		padding: 5px;
		position: absolute;
		top: 70px;
		left: 0;
		width: 150px;
		z-index: 9999; 
		border-radius: 0px 0px 4px 4px;
		box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px -1px, rgb(0 0 0 / 14%) 0px 4px 5px 0px, rgb(0 0 0 / 12%) 0px 1px 10px 0px;
	}
	
	.topmenu .item:hover .submenu{
		display:block; 
	}
	
	.topmenu .item:hover span{ 
		border-bottom: 4px solid #f14500;
    color: #f14500;
	}
	.topmenu .submenu a{
		display: block;
		color: #333;
		padding: 10px 10px;
		border-bottom: 1px solid #e5e5e5;
	}
	.topmenu .submenu a:last-child{
		border-bottom: none;
	}
	.topmenu .submenu a:hover{
		color:#f14500
	}
	.topmenu .item:last-child .submenu{
		left: auto;
		right: 0;
	}
  
.content{ 
	width:100%;
	max-width:1200px; 
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
  min-height:350px;
}

.bottom{
	min-height:48px; background-color:#333; position:fixed; bottom:0; width:100%;
	padding-top:4px; padding-bottom:4px; z-index:999
}
.bottom td{
	text-align:center;
	vertical-align:middle;
	color:#ffffff !important;
	border-right:1px solid #999;
	height:37px;
}
.bottom td a{
	color:#ffffff !important;
}
.bottom svg, .bottom img{
	width:20px;
	height:20px;
	margin-right:10px;
	color:#ffffff !important;
}
.bottom .icon_div{
	display:block; 
	padding:8px;  
	height:33px;
	line-height:20px;
	margin-left:auto;
	margin-right:auto;
}
.bottom .icon_div span{
	display:block;
	float:left;
}

#searchModal .modal-footer{
	justify-content: center;
}
#searchModal .modal-footer button{
	width:45%
}
.modal-footer--sticky {
  position: sticky;
  bottom: 0;
  background-color: inherit;
  z-index: 1055;
} 
 
a.btn-outline-secondary{
  position: relative;
  padding-right: 25px; 
  color: #000000 !important;
  white-space: nowrap;
  transition: none;
  min-width: 105px;
  line-height: 29px;
  height:38px;
  font-size:15px;
}

.btn-outline-secondary{
	border-color: #dddddd;
	--bs-btn-focus-shadow-rgb: none;
}
a.btn-outline-secondary:hover,a.btn-outline-secondary:active{
  border-color: #d1d1d1 !important;
}
.searchresetbtn .btn-primary {
  color: #fff;
  background-color: var(--color-search-btn-primary);
  border-color: var(--color-search-btn-primary);
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-search-btn-primary);
  --bs-btn-border-color: var(--color-search-btn-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--color-search-btn-primary);
  --bs-btn-hover-border-color: var(--color-search-btn-primary);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--color-search-btn-primary);
  --bs-btn-active-border-color: var(--color-search-btn-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--color-search-btn-primary);
  --bs-btn-disabled-border-color: var(--color-search-btn-primary);
} 
form .slider-selection{
  background: #7a7a7a !important;
  box-shadow:none;
}
a.btn-outline-secondary:hover,a.btn-outline-secondary:focus,a.btn-outline-secondary:active{
  color:#ffffff !important;
  background-color: #ff7402 !important;
  border-color: #ff7402 !important;
  font-weight:bold;
	box-shadow:none !important
}
a.btn-outline-secondary.resetallbtn:hover,
a.btn-outline-secondary.resetallbtn:focus,
a.btn-outline-secondary.resetallbtn:active{
  background-color: #929292 !important;
  border-color: #929292 !important;
  font-weight: normal;
}
a.btn-outline-secondary.resetallbtn.is-pressed,
a.btn-outline-secondary.resetallbtn:active{
  background-color: #3d3d3d !important;
  border-color: #3d3d3d !important;
}
a.btn-outline-secondary:hover::after,a.btn-outline-secondary:focus::after,a.btn-outline-secondary:active::after{
  color:#ffffff;
  border-top-color:#ffffff;
}
	#district .disttitle{
		padding:10px;
		padding-left:0px;
		display:block; 		
	}
	 
	.collapse-item{
		display:inline-block;
		width:100%;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #CCC;			  
	} 
  
	.district-item a{
		--color-district-item-hover-bg: #ffd333;
		--color-district-item-active-bg: #ffd333;
		width: 100%;
		cursor: hand;
		cursor: pointer;
		display: inline-block;
		padding: 8px 10px;
		float: left;
		font-size: 16px;
		color: #000000;
		border-bottom: 1px solid #e6e6e6;
		-webkit-tap-highlight-color: transparent;
		transition: background-color .12s ease, color .12s ease, transform .12s ease;
	}
	.district-item a:hover{
		background-color: var(--color-district-item-hover-bg);
	}
	.district-item a:active,
	.district-item a.is-pressed{
		background-color: var(--color-district-item-active-bg);
		transform: scale(0.98);
	}
	.district-item a.active{ 
		background-color:#bda76e; 			
		color:#ffffff !important;   
	}
	.district-item a.active:active,
	.district-item a.active.is-pressed{
		background-color:#a8925a;
		color:#ffffff !important;
	}
	.form-check-input{
		 display:none;
	}
  
	
 input[type=checkbox]:after {
	  content: " ";
	 background-color: #e38a41;
  display: inline-block;
  width: 22px;
  height: 22px;
  visibility: visible;
  color: #ffffff;
  text-align: center; 
 }

 input[type=checkbox]:checked:after {
   content: "\2714";
 }

a.btn-outline-secondary.gf_active,
.gf_active{
	background-color: #00a12c !important;
	background-image: url(/eng/img/close_white.svg) !important;
  background-position: right 5px center;
  background-size: 16px;
  background-repeat: no-repeat;
  padding-right: 24px !important;
  color: #ffffff !important;
  border-color: #00a12c !important;
  font-size: 15px;
}
a.btn-outline-secondary.gf_active:hover,
a.btn-outline-secondary.gf_active:focus,
a.btn-outline-secondary.gf_active:active,
.searchboxitem a.btn-outline-secondary.gf_active:hover,
.searchboxitem a.btn-outline-secondary.gf_active:focus,
.searchboxitem a.btn-outline-secondary.gf_active:active{
	background-color: #00a12c !important;
	background-image: url(/eng/img/close_white.svg) !important;
	color: #ffffff !important;
	border-color: #00a12c !important;
}  
	.collapse-item{
		display:inline-block;
		width:100%;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #CCC;			  
	} 	 
 
	.form-check-input{
		 display:none;
	} 
  .otherselect{
    padding:10px 0px;
    display:inline-block;
    width:100%;
	}
  
	.otherselect label{
    display:block;
    margin:5px;
    float:left;
    width:45% 
	}
	.otherselect label input{
    float:left;
    width:22px;
    height:22px;
	}
  
  .otherselect label span{
    display:block;
    float:left;
    margin-left:5px
  }   
  
input[type=checkbox]:after {
  content: " ";
  background-color: #bda76e;
  display: inline-block;
  width: 22px;
  height: 22px;
  visibility: visible;
  color: #ffffff;
  text-align: center; 
}

 input[type=checkbox]:checked:after {
   content: "\2714";
 }

.playicon{
	position:absolute;
	width:100%;
	height:inherit;
	background-image:url(/eng/img/icon-play-white.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50px;
	opacity:0.8
} 

.popular_district{
	background-color:#333333;
	padding:5px 5px 8px;
}
.popular_district .popular_content{
	min-height:0;
	padding-bottom:0;
  width:100%;
	max-width:1200px; 
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
}
.popular_district .more-estate{
	padding-bottom:0;
	margin-bottom:0;
}
.popular_district .row{
	margin-bottom:0;
}
.popular_district .popular_title{
	font-size:20px;
	margin-top:10px;
	margin-bottom:0;
  color: #ffffff;
  text-align: left;
}
.popular_district .district:last-child{
	margin-bottom:0;
}
.popular_district,.popular_district a{
	color:#ffffff
}
.popular_district .district{
  display:flex; 
  margin-top:5px
} 
.popular_district .district .dtitle{
  font-size: 15px;
  min-width: 120px;
  white-space: nowrap;
  padding: 5px;
  color:#ffffff
}
.popular_district .district .dtitle a{
  color:#ffffff;
  text-decoration: none;
}
.popular_district .district .dtitle a:hover{
  color:#ffea00
}
.popular_district .district .bname{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
} 
.popular_district .district .bname a{
  padding:5px;
  font-size: 15px;
}
.popular_district .district .bname a:hover{
  color:#ffea00
}
.gf{
  color:#00b11f !important;
}
.bottom2-outer{
	width: 100%;
	border-top: 3px solid var(--color-footer-border);
	background-color: var(--color-footer-bg);
	margin-top: 15px;
}
.bottom2{
	padding:5px 10px !important; 
}

.bottom2 .bottomsubtitle{
	margin-top:15px;
	font-size: 22px; 
	margin-bottom:10px;
	color:#282828;
  font-weight:bold;  
}
.bottom2 .bottomitem{
	margin-bottom:10px;
  font-size:15px; 
  color:#525252;
}
.bottom2 .bottomitem div{
  margin-bottom:20px;
  padding-left:5px;
  padding-right:10px;
}  
.bottom2 .bottomitem a{
  display:flex;
  margin-bottom:10px;
  padding-left:5px;
  color:#525252;
}
.bottom2 .footer-apps{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  margin-top:12px;
}
.bottom2 .footer-apps-row{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
}
.bottom2 .footer-apps-badges{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.bottom2 .footer-apps a{
  display:block;
  padding:0;
  margin:0;
}
.bottom2 .footer-apps-badges img{
  height:40px;
  width:auto;
  max-width:140px;
  display:block;
}
.bottom2 .footer-appicon{
  height:88px;
  width:auto;
  max-width:88px;
  display:block;
  border-radius:12px;
}
.bottom2 .footer-fb img{
  width:180px;
  max-width:100%;
  height:auto;
  display:block;
}
.bottom2 .footer-left{
  display:flex;
  flex-direction:column;
}
.bottom2 .footer-left-cols{
  display:flex;
  gap:50px;
  align-items:flex-start;
}  
.bottom2 .bottomlist{
  display:flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap:50px;
}
.bottom2 .contact{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width:700px;
}
.bottom2 .contact div{
  width:50%
}
.bottom2 .contact .bold{
  font-weight:bold; 
}

.terms a, .terms span{
  margin-left:10px;
  margin-right:10px;
  color:#606060
}
#myfav{
	color:#ffffff;
	margin-left:0;
}
#favnum,#favnum2{
	color:#ffffff
}

#finance {
	font-size: 14px;
	color: #FFFFFF; 
}
#finance .change_up {
	color: #12ff00;
	padding-left: 5px;
}
#finance .title {
	color: #FFFFFF;
	padding-left: 2px;
}

#finance .change_dn {
	color: #ffffff;
	padding-left: 5px;
}

#weather {
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 0;
	width: auto;
	min-width: 160px;
	margin-left: 0;
	white-space: nowrap;
	display: flex;
	align-items: center;
	height: 25px;
	line-height: 25px;
}
#div-weather{
	height:25px;
	overflow:hidden;
	display: flex;
	align-items: center;
}
#weather span{
	display:inline-block;
	float:none;
	margin-left:5px;
	line-height:20px;
	vertical-align: middle;
} 
#weather .humidity {
	padding-left: 1px;
}
#weather .icon {
	width: 20px;
	display: block;
}
#weather .title {
	color: #FFFFFF;
	padding-left: 2px;
	margin-left: 0;
}
a.mortgagebtn{
  color:#c59221
}
.copyright{
	background-color:#ebebeb;
	padding:10px;
  text-align:center;
  color:#4a4a4a;
}
.copyright div{
	padding-top:10px;
	padding-bottom:10px;
}
 	.topnav{
		padding-top:10px;
		padding-bottom:10px;
		font-size:16px;
		background-color:#f5f5f5;
    color:#484848
	}
 	.topnav ol{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0;
		margin: auto;
		list-style: none;
		max-width:1214px;
		padding-left:10px;
	}
 	.topnav li a{
		color:#484848
	}
	.topnav .arrow{
		display: flex;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		margin-left: 5px;
    margin-right: 5px;
    font-size: 21px;
	}
	.bottomheight{
		height:40px;
	}
	.bigtitle{
		font-size:39px;
		padding:25px 0; 
		text-align:center;
		color:#4e4a3e
	}
	.img-responsive{ 
		max-width:100%;
		
	}
	a.navnoactive{
		color:#d5d5d5
	}
	ul.dropdown-menu{
		padding-top:0;
		padding-bottom:0;
	}
	.dropdown-menu{
		z-index: 998;
	}

.hotestate_btn {
    float: right;
    background-color: #ffce29;
    color: #000000;
    border-radius: 6px;
    padding: 5px 10px !important;
    margin: 4px;
    line-height: 25px;
    font-size: 15px !important;
}
@media (max-width: 1070px){  
	.topmenu .item{
		 padding-left:10px;
		 padding-right:10px;
	} 
}
@media (max-width: 920px){
	.topmenu .item{
		padding-left:5px;
		padding-right:5px;
	}
}
@media (min-width: 768px) and (max-width: 1024px){
	.topmenu .item span{
		font-size:14px;
	}
}
 
@media (max-width: 767px){
.bottom2-hide-mobile{
  display:none !important;
}
.top-spacer-mobile{
  height: 56px;
}
.toptools{
  top: 55px;
}
.top .lang{ 
  display: none !important;
}
.popular_district{
  display:block;
  background-color:#dfdfdf;
  height:4px;
  padding:0;
  overflow:hidden;
}
.popular_district .popular_content{
  display:none;
}
.popular_district .popular_title{ 
	margin-top:5px;  
}  
  .copyright{ 
    padding:0px;
    padding-bottom:50px;
  }
  .bottom2 .bottomlist{
    display:flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap:16px;
  }
  .bottom2 .bottomlist .item1,.bottom2 .bottomlist .item2{
    width:50%
  }
  .bottom2 .footer-left{
    width:100%;
  }
  .bottom2 .footer-left-cols{
    gap:16px;
  }
  .bottom2 .contact{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:100%;
  }
  .bottom2 .contact div{
    width:100%
  }

	.content{  
		padding-left:5px;
		padding-right:5px; 
	}
 
	.btn-primary {
		font-size:14px
	}
	.btn-secondary{
		font-size:14px
	}
	.bigtitle{
		font-size:26px;
		padding:15px 0;  
	}
	
	.bottom2 .bottomitem a{
		line-height:21px
	}
  .header{
    height:55px;
    position: relative;
    z-index: 2;
  }
  .header a{
    touch-action: manipulation;
  }
  .header > a:not(.menu-button):not(.icontools){
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    z-index: 1;
  }
  .header img{
    height:40px; 
  }
  .header .menu-button{
    top: 50%;
    transform: translateY(-50%);
  }
  .header .menu-button img{
    width: 45px;
    height: 42px;
    padding: 6px 8px;
  }
  .header .icontools{
    top: 50%;
    transform: translateY(-50%);
  }
  .toplogo{ 
		height: 55px;
    margin: 0px;
	}
  .copyright div{
    padding-top:5px;
    padding-bottom:5px;
  }
  
  .popular_district .district .bname a{
    padding:3px;
    font-size: 15px;
  }
}

.wa-enquiry{
  position:fixed;
  left:24px;
  bottom:24px;
  width:76px;
  height:76px;
  padding:8px 4px;
  box-sizing:border-box;
  border-radius:50%;
  background:#09b145;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  box-shadow:0 2px 10px rgba(0,0,0,.28);
  z-index:100 !important;
  text-align:center;
  font-size:13px;
  font-weight:700;
  line-height:1.15;
  text-decoration:none;
}
.wa-enquiry:hover{
  background:#08963b;
  color:#fff;
}
.wa-enquiry img{
  width:32px;
  height:32px;
}
.wa-enquiry span{
  color:#fff;
  display:block;
}

.gotop{
  position:fixed;
  right:24px;
  bottom:24px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#e2540a;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 10px rgba(0,0,0,.28);
  z-index:1200;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s, visibility .2s, background .2s;
}
.gotop.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.gotop:hover{
  background:#c44808;
  color:#fff;
}
.gotop img{
  width:18px;
  height:18px;
}
@media (max-width: 767px) {
  .wa-enquiry{
    left:12px;
    bottom:16px;
    width:68px;
    height:68px;
    padding:6px 3px;
    font-size:12px;
  }
  .wa-enquiry img{
    width:28px;
    height:28px;
  }
  .gotop{
    right:16px;
    bottom:20px;
    width:44px;
    height:44px;
  }
}

 .closeback{
	 display:block;
	 text-align:center;
	 padding:10px;
	 font-size:15px;
	 margin:10px
 }
  .propno{
	 font-size:11px
 }