html {font-family: "Microsoft Yahei", sarif}
h2, .h2{color: #121212; font-size: 1.5em}
h3, .h3{color: #121212; font-size: 1.125em;}
h4, .h4{color: #121212; font-size: 1em}
body, p, a, span, a:visited {color: #232323;/* text-align: right; */}
#hpSec1 {    background-image: linear-gradient(to bottom, rgb(255, 255, 255) 10%,rgba(255, 255, 255, 0.79) 100%), url(/eadf26jst/1236/188888/articleimgs/adobestock_331118893.jpg);min-height: 0;}
#hpSec1 .container{padding: 0}
#hpSec2, #hpSec3, #hpSec4 {background:#fff; min-height: 0}
#hpSec5 .clearfix{padding: 0}
#hpSec4 {min-height:0; padding: 0; padding-top: 30px; display: none}
section {padding-top: 15px}
.realtorEmbed {font-size:9px;margin-top:15px;}
.gray-background {
  background-color:#f9f9f9;
  padding: 0
}
.readmore {al}
.col-pic {position: absolute;top: 0;width: 100%;height: 100%;text-align: center;padding-top: 7.2em;background: rgb(0 0 0 / 37%);}
.col-pic p {
color: #fff;
font-size: 1.1em;
text-transform: uppercase;
font-family: "Oxygen-Bold";
}
.col-pic h5 {color: #fff;font-size: 20px;text-transform: uppercase;line-height: 0.3;letter-spacing: 6px;font-size: 22px;margin-top: -23px;}
.col-pic label {
width: 100px;
height: 2px;
display: block;
background: #fff;
border-radius: 10px;
margin: 0.5em auto;
}
.readmore {text-align:right;}



.col-3 {
position: relative;
margin-bottom: 1.5em;
z-index: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 2.2s ease-in-out;
-moz-transition: all 2.2s ease-in-out;
-ms-transition: all 2.2s ease-in-out;
-o-transition: all 2.2s ease-in-out;
transition: all 2.2s ease-in-out;
}
.col-3 a img {
-webkit-transition: all 2.4s ease-in-out;
-moz-transition: all 2.4s ease-in-out;
-ms-transition: all 2.4s ease-in-out;
-o-transition: all 2.4s ease-in-out;
transition: all 2.4s ease-in-out;
height: 320px;
width: 100%;
}

.col-3 a {
display: block;
overflow: hidden;
position: relative;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.col-3 a:hover img {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.col-3:hover .col-pic {
background: rgba(0, 0, 0, 0.59);
}

.padcol {
padding-left: 0px;
padding-right: 0px;
/* margin-top: -17px; */
margin-bottom: -24px;
}
.margright {
margin-right: -2px;
}
#community .btn {
display: inline-block;
padding: 15px 25px;
border: 2px solid;
background: transparent;
font-family: inherit;
text-transform: uppercase;
letter-spacing: inherit;
font-size: 12px;
line-height: 1;
color: white;
letter-spacing: 1.5px;
text-align: center;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all 0.2s;
cursor: pointer;
margin-top: 12px;
border-radius: 0px;
}
#community .btn:hover {
background: white;
color: black;
}

.container {width: 1320px !important}
main>div.container {padding-top: 0px}
.clearfix::after {content: ""; clear: both; display: table;}
.clearfix::before {content: ""; clear: both; display: table;}
.child-no-padding-r *{ padding-right: 0 !important}
.border-right-2 {border-right: 2px solid #fff}

@media(min-width: 768px){
  .col-md-3-2 {width: 12.5%}
}

@media(max-width:1319px){
  .container {width: 100% !important}
}

@media(min-width: 1200px){
  .col-lg-4half {width: 37.5%}
}

@media (min-width: 768px) and (max-width:991px){
  .slideswrapper .slide .carousel-inner > .item h3{font-size:2.5em} 
}

.dnone {display: none}
.clear-left {clear: left}

@media(max-width: 767px){
  .hide-xs {display: none}
}

.paddingTop26 {padding-top: 26px; }
.qrcodeshare {display: none}

/* widget title */
.hp-section div.widgettitle a, .hp-section div.widgetsubtitle a, 
.hp-section div.widgettitle, .hp-section div.widgetsubtitle{padding-top: 0px; font-size: 1em !important; line-height: 150%;}

/* slide */
.slideswrapper .slide .carousel-caption{background-color:transparent;}
.slideswrapper .slide .carousel-inner > .item {border: 0 !important}
.slideswrapper .slide .carousel-inner > .item p {margin: 0 !important}
.slideswrapper .slide .carousel-caption {padding-top: 10%;}
.slideswrapper .slide .carousel-inner > .item h3 {font-weight: bold; text-shadow: none}

/* banner */
.banner {background:#fff; border-bottom: 0 !important}
@media(max-width:576px){
  .btm-sticky{display:none;}
  nav.navbar.navbar-default.navbar-top {text-align: center !important}
}

.navbar {margin-bottom: 0px; min-height: 60px;}

header .navbar  .navbar-nav > li > a {padding-top: 0px; padding-bottom: 0px; height: 60px; line-height: 60px; color:#121212; font-size: 1em; font-weight: 400;
    text-transform: uppercase; border-bottom: 2px solid #ffffff}
header .navbar  .navbar-nav > li:first-child > a{border-bottom: 2px solid #bb2224; /* text-align: center; */}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #121212; border-bottom: 2px solid #bb2224}
header .banner{min-height:0px; /*remove affix jumps,make sure the parent has min height as affix*/ border-bottom: 0}
.banner-body-container{padding-top: 0px; padding-bottom: 0px; background-color: #fff;}

@media(min-width: 768px){
  .banner-body-container{padding-left: 200px;}
}

nav.navbar.navbar-default.navbar-top {text-align: right}
/*.affix nav.navbar.navbar-default.navbar-top {text-align: center}*/
.banner-brand {position:relative top:0; left: 0; z-index: 150; width:250px; height: 60px}
h3.curly img {height:60px !important;width: auto !important;}
.curly {margin: 0; width:250px !important}

/* top search bar */
.topSearchBar {position: fixed; top: 4px; right: 0; margin-top:2px;}
.topSearchBar input {border-radius: 50px; }
.topSearchBar div.input-group {width:320px}
.topSearchBar button {background-color:#bb2224 !important; background-image: none; border-radius: 50px; color:#fff; font-weight: 100 !important; border: 1px solid #bb2224}
.banner-brand {max-width: 900px; max-height: 72px; text-align:left;}
#btnSearchProp span{color:#fff}

@media(max-width: 767px){
  .topSearchBar {right: 70px}
  .topSearchBar div.input-group {width:320px}
}

@media(max-width: 430px){
  .topSearchBar div.input-group {width:263px}
}

/* menu */
nav.navbar.navbar-default.navbar-top {border:0;}
.navbar-default, #navbar-collapse-top { height: 100% !important}
.dropdown-menu {
    background-color: #fff;
}

.dropdown-menu > li > a {
    color: #333333;
    padding: 10px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #333;
    background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6));
    background-image: linear-gradient(to bottom, #f2f2f2 0%, #e6e6e6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00454545', endColorstr='#00333333', GradientType=0);
    background-color: #e6e6e6;
}

header .navbar .navbar-collapse.in { background-color:#fff}
header .navbar .navbar-collapse.in li {border-bottom: 1px solid #dadada; }

/* #sectionWell2: .sixTabs */
.sixTabs {text-align:center}
.sixTabs .circledIcons {
  height:100px;
  width:100px;
  transition: background-color .2s linear,color .2s linear;
  margin:auto;
}
.sixTabs :hover .circledIcons i{color: #fff;}
.sixTabs  .servicebox p{
  font-size: 16px !important;
  color: #828282;
  text-align:center;
  margin:0;
  text-transform: capitalize;
  line-height:190% !important;
}
.sixTabs .servicebox p.moreInfo a{color: #3397da;}

/*================   Thumbnail-box  ======================*/

@media (max-width: 1722px) {
  .thumbnail_wrap .thumbnail_box {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .thumbnail_wrap .thumbnail_box {
    width: 50%;
  }
.thumbnail_wrap .thumbnail_box .thumbnail_box_cnt h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 480px) {
  .thumbnail_wrap .thumbnail_box {
    width: 100%;
  }
.thumbnail_wrap .thumbnail_box .thumbnail_box_cnt h3 {
    font-size: 26px;
    line-height: 36px;
  }
}


/* fixed icon */
#fixedIcon {position:fixed;bottom:50px;right:0px;width:50px;z-index: 999;}
#fixedIcon > div{float:left}
#fixedIcon > div.roundedTabs {width:50px;height:50px;background: rgb(150, 150, 150);text-align:center;margin-bottom:3px;}
#fixedIcon > div.roundedTabs:hover {background:#b40d1f;-webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;}
#fixedIcon a {cursor:pointer;}
#fixedIcon a i{font-size: 26px;color: #ffffff;line-height:50px;}
#fixedIcon div.roundedTabs:hover i{color:#fff;-webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;}
#fixedIcon a i:hover{color:#fff;}
#fixedIcon .absTabs {position:absolute; display:block; width:auto; width:220px; right:0px; background:#bb2224; text-align:left}
#fixedIcon .absTabs span{ font-size:20px; line-height:50px; }
#fixedIcon .roundedTabs:nth-child(1) .absTabs{top:0px; }
#fixedIcon .roundedTabs:nth-child(2) .absTabs{top:53px; }
#fixedIcon .roundedTabs:nth-child(3) .absTabs{top:106px; }
#fixedIcon .absTabs i {padding:0 10px;}

#fixedIcon .absTabs{top:0px; right: -220px; transition-duration: 0.5s;}
#fixedIcon .roundedTabs:hover .absTabs{right: 0px}
@media(max-width:1119px){
  #fixedIcon {display:none}
}


/* hp_docs */
.hp_docs ul, .hpArticleList ul, .hpCondoList ul {padding: 0px; list-style-type: circle; list-style-position: inside; margin-bottom: 32px}
.hp_docs ul li, .hpArticleList ul li, .hpCondoList li{
  border-bottom: 1px solid #a4a4a4; border-bottom-style: dotted !important; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; 
}

.hp_docs a, .hpArticleList a, .hpCondoList a, .hpSchool a {font-size: 1em !important; line-height: 180% !important; }
.hp_docs ul li:hover, .hpArticleList ul li:hover, .hpCondoList ul li:hover {background:#fafafa}
@media(min-width: 1200px){
  #widgetzone_wzoneUniv_Sec2_R, 
  #widgetzone_wzoneUniv_Sec3_R, 
  #widgetzone_wzoneUniv_Sec4_R,  
  #widgetzone_wzoneUniv_Sec8_R {padding-left: 30px}
  #widgetzone_wzoneUniv_Sec2_R > div, 
  #widgetzone_wzoneUniv_Sec3_R > div, 
  #widgetzone_wzoneUniv_Sec4_R > div, 
  #widgetzone_wzoneUniv_Sec8_R > div {padding: 0}
}
@media(max-width: 1199px){
  #widgetzone_wzoneUniv_Sec2_R, #widgetzone_wzoneUniv_Sec3_R, #widgetzone_wzoneUniv_Sec4_R, #widgetzone_wzoneUniv_Sec8_R {padding: 0}
}

/* hp zone R bottons*/
#hpRightButtons {margin-bottom:2px; height:50px;width:100%; border-bottom: 1px solid #7f7f7f}
#hpRightButtons a {padding:10px auto !important;color:#121212;cursor:pointer; font-weight: bold}
#hpRightButtons div {
  display:inline-block; float:left;width:33.3% !important;text-align:center;padding:10px;background:#333;
  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
}
#hpRightButtons.width1of6 div {width:16.667% !important;}
#hpRightButtons div:hover {background:#a4a4a4; color:#fff}

#hpRightButtons div {background: #eee;}
#hpRightButtons .redButton {background: #008bc8!important; color:#fff}
.buttonOnListing > div{border-right:3px solid #fff }
.buttonOnListing:last-child > div{border-right: 0 }
@media(max-width: 991px){
  .buttonOnListing2row #hpRightButtons.width1of6 div {width: 33.33333333% !important; }
  .buttonOnListing:nth-child(3) > div{border-right: 0 }
  .buttonOnListing2row .buttonOnListing  > div{border-bottom: 3px solid #fff}
}
@media(max-width: 767px){
  .buttonOnListing2row #hpRightButtons.width1of6 div {min-height: 71px}
}
/* menu */
div.banner-body.affix-top #navbar-collapse-top  {position:relative}
div.banner-body.affix-top #navbar-collapse-top ul.nav.navbar-nav {/* position:absolute; *//* right: 315px; */min-width:100%;/* padding-right:10px; */text-align: center;}
@media(min-width: 768px){
  div.banner-body.affix-top #navbar-collapse-top ul.nav.navbar-nav {/* position:absolute; *//* right: 315px; */min-width:414px;/* padding-right:10px; */}
}
div.banner-body.affix-top .nav > li > a {padding: 0 12px;}
div.banner-body {border-bottom: 2px solid #d1d1d1; }
@media(max-width: 857px){
  .banner-brand {width:230px; }
}

/* footer */
footer{background:#333333;}
footer>.container{width:100% !important;}
footer>.container>.row{max-width:1320px !important;margin:0px auto;}
footer .hotlinks{
	font-size:0.9em; border-left:solid 1px #c0c0c0; color:#999;
}
footer .hotlinks p,footer .hotlinks h2,footer .hotlinks h3, footer .hotlinks a, footer .hotlinks a:visited{
	color:#454545;
}
footer .hotlinks a:hover{color:#232323;}
.menu-btm li , .menu-btm li  a{color:#232323;}
.menu-btm li:before{content:"|";padding-right:15px; color:#bfbfbf;}
.menu-btm li:first-child:before{content:"";}
.zonebtm{max-width:1320px !important;margin:0px auto;}
/*footer * {color:#666}*/
#divtail{background:#333; margin:0px -15px; padding-top:1px; color:#c0c0c0;}

/* ads */
#hpSec2 {padding-bottom: 0}
.hpAds ul, .sideAds ul {padding: 0; list-style-type: none;}
.hpAds * {width: 100% !important; }
.hpAds img {max-height: 79px; border: 1px solid #e7e7e7;}
.hpads-inline{  padding-left:0px;  margin-left:-15px;  padding-right:0px;  margin-right:-15px;}
.hpads-inline ul{  list-style:none;  padding-left:15px;  padding-right:15px;  margin-left:0px;  margin-right:0px;}
.hpads-inline li{  display:inline-block;}
.hpads-inline li img{width:100% !important;height: 100px!important;border: 1px solid #e7e7e7;}
.no-height-limit img {
  max-height: none !important
}


.hpsideads ul{  list-style:none;  margin-left:-15px; margin-right:-15px; padding-left:0px;padding-right:0px;}
.hpsideads ul >li{  display:inline-block;margin-bottom:2px;}
.hpsideads li img{width:100% !important;}

.sideAds img {width: 100% !important; border: 1px solid #e7e7e7; margin-bottom: 5px;}

.adsRow  {padding: 0; }
#hpSec7 .adsRow  {margin-bottom: 15px; }
.col-sm-4half {padding: 0 15px !important;}
#hpSec5{width:1320px !important; margin: auto}
@media(max-width:1319px){
  #hpSec5{width:100% !important; }
}
@media(min-width: 768px){
  .col-sm-4half {width: 37.5%; clear: none !important; float: left; }
}
@media(max-width: 767px){
  .adsRow > div {width: 100%; margin-bottom: 10px}
  .adsRow img {width: 100% !important; height: auto !important}
  .hpads-inline li img{height:auto !important;max-height:inherit;}
}
#widgetzone_wzoneUniv_Sec3_C {padding:0}
/* hp_listings */
.grid-4by3 {padding-bottom:75%;}
.hp_listings {background-color:#fff}
.hp_listings div.item-image img {position: absolute !important;border-radius: 5px;}

/* .hp_listings .property-sale > div {margin: 0px 0 !important;} */
.hp_listings .grids > .col-xs-12 {border: 1px solid #f0f0f0 !important; margin: 3px 0; padding: 2px 0 !important}

.hp_listings div.grid-wrapper {border: 0}
.hp_listings div.item-image {border: 0 !important}
.hp_listings .grids .grid-wrapper {width: 15% !important; margin: 4px 1%;}
.hp_listings .grids .item-caption {width: 83% !important; padding: 0 10px !important}
.hp_listings .grids > div {padding: 0; }
.hp_listings div.item-caption .propinters {padding-bottom: 0; border: 0}
.hp_listings div.item-caption * {padding: 0 !important; line-height: 150%}
.hp_listings * {color:#505050; font-family: oswald; }
.hp_listings div.proplsttype.property-sale.Free:before {content: ""}
.hp_listings div.item-caption .propprice {bottom: 0; top: auto; font-size: 1.1em;}
.hp_listings .property-sale {padding: 0}
.hp_listings div.proptype, .hp_listings div.propinters {font-size: 0.85em; line-height: 120%}
.hp_listings .proplsttype:before {content: "" !important}

.hp_listings h3 {font-size: 1em; color:#000 !important; font-weight: 100}
.hp_listings div.block-with-text p.text-right {display: none}
.hp_listings div.readmore {text-align: right; margin: 0 -15px; }
.hp_listings div.readmore a {
  font-family: "Raleway", "Microsoft YaHei" !important; font-size: 1.0em; line-height: 2em !important; background-color:#bb2224; color:#fff;
  padding:5px 6px; border-radius:5px; 
}
.hp_listings div.readmore a:hover {background-color:#013773}
.listingMenu2 {padding: 0 !important}
@media(min-width: 768px){
  .hp_listings.floatleft, .listingMenu.floatleft, .listingstitles.floatleft {clear:left;position:absolute;left: 0; margin-top: 78px;}
  .hp_listings.floatright, .listingMenu.floatright, listingstitles.floatright { clear: right; position:absolute;  right: 0; margin-top: 78px}
  .listingMenu.marginTop26 {margin-top: 26px !important}
  .marginTop0 {margin-top: 0 !important}
}
@media(max-width: 767px){
  .LRzone4Listings .floatleft, .LRzone4Listings .floatright{padding:0;}
}

@media (min-width: 1px){
  .LRzone4Listings {clear: both;}
}
/* home page condo */
.grid-6by10 {padding-bottom:60%}
#hpSec2 {background-image: linear-gradient(to bottom, rgb(255, 255, 255) 39%,rgba(255, 255, 255, 0.79) 100%), url(/eadf26jst/1236/188888/articleimgs/adobestock_331118893.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}}
.hpcondo2 h3 {font-size: 15px; margin-top: 0; margin-bottom:5px; font-weight: bold; max-height: 1.1em; text-transform: capitalize;line-height:1.2em; }
.hpcondo2 div.item-caption {background: #fbfbfb; padding: 10px 0}
.hpcondo2 div.block-with-text div.fieldvalue:nth-child(2) div.value.colc{white-space: nowrap;}
.hpcondo2 p {display: none}
.hpcondo2 div.block-with-text {font-size:15px; min-height: 48px}
.hpcondo2 div.block-with-text div.fieldvalue:nth-child(2) {display: block}
.hpcondo2 div.block-with-text div.fieldvalue:nth-child(2) .value{max-height: 1.2em}
.hpcondo2 div.block-with-text div.fieldvalue {display: none}

.hpcondo2 div.item-caption div.projectbtn {display: none}
.hpcondo2 .customized-cols:hover h3 a{color:#ba2224; transition-duration: 0.2s;}
.hpcondo2 .customized-cols:hover img{
    opacity: 0.6 !important;
    transition-duration: 0.4s;
}
.hpcondo2 .customized-cols:hover img {
    -o-transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}
.hpcondo2 .grids > div {margin-bottom: 20px}
.hpcondo2 .text-right a{
  /* font-size: 0.875em; */
}
@media(max-width: 767px){
  .hpcondo2 .customized-cols {display: none}
  .hpcondo2 .customized-cols:first-child {display: inline}
}
.hpcondo2 .row {
  margin: -5px
}
.hpcondo2 .row > div {
  padding: 5px
}
/* condo bar */
#hpSec5 {min-height: 80px; position:relative; }


/* condo search bar */
.condoSearchBar {top: 1.8vw}
.condoSearchBar input {border-radius: 5px; font-size:1.5vw;}
.condoSearchBar div.input-group {width: 70%; float: right; height:4.2vw; right: 10%}
.condoSearchBar div.input-group > input, .condoSearchBar div.input-group > span button {height: 100% !important; line-height: 100% !important; }
.condoSearchBar button {background-color:#a12303 !important; background-image: none; border-radius: 5px; color:#fff; font-weight: 100 !important; border: 1px solid #bb2224}
.condoSearchBar span {color:#fff; font-size: 1.5vw;}

@media(max-width: 767px){
  #hpSec6 .container > .row > .condoBarContainerR:before {border-width: 0}
  .condobarImage {text-align:center}
  .condobarImage img {max-width: 500px}
  .condoSearchBar {min-height:15vw;; padding: 0; top: 0}
  .condoSearchBar input {font-size:5vw;}
  .condoSearchBar div.input-group {width: 100%; float: right; height:15vw; right: 0}
  .condoSearchBar button {border-radius: 5px; color:#fff; }
}

/* agent*/
.agents-carousel h3{font-size:18px;font-weight:bold;margin-bottom:0px;}
.agents-carousel span{font-size:14px;}

div.wagentinfoblackcenter{padding-bottom:40px;}
div.camera_prev span, div.camera_next span{display:none;}
.wagentinfoblackcenter div.widgetcontent  >div {width:100% !important; height:220px !important}
.wagentinfoblackcenter div.widgetcontent  >div > div > div {float:left; margin:0 15px 5px 0; padding:10px 0;}
.wagentinfoblackcenter div.widgetcontent br {display:none }
.wagentinfoblackcenter div.widgettitle {text-align:left; font-size:25px;margin-bottom:10px; color:#333; font-weight:bold;}
.wagentinfoblackcenter {width: 50% !important}
.wagentinfoblackcenter a {pointer-events: none; cursor: default; }
@media(max-width: 767px){
  .wagentinfoblackcenter {width: 100% !important}
}

/* statistics widget */
.hp_statistics {}


/* sideListingLease */
.sideListingLease div.thumbnail { border: 0; padding: 0; border-bottom: 1px solid #a4a4a4; border-bottom-style: dotted; box-shadow: none; border-radius: 0; margin-bottom: 10px}
.sideListingLease div.thumbnail > div.carousel{display: none}
.sideListingLease h3, .sideListingLease h4 {margin: 0; height: auto !important; line-height: 150%;  font-family: oswald}
.sideListingLease br {display: none; }
.sideListingLease div.col-xs-7.text-left, .sideListingLease div.col-xs-5.text-right {font-size: 0.9em; }
.sideListingLease div.col-xs-7.text-left {width: 82%}
.sideListingLease div.col-xs-5.text-right {width: 18%; text-align: right}
.sideListingLease div.col-xs-5.text-right h4 {text-align: right}

/* hpSchool */
.hpSchool .widgetsubtitle {display: none}
.hpSchool span.badge {display: none}
.hpSchool a.list-group-item {}
.hpSchool div.list-group a {
  padding: 0px 0px 0 10px; line-height:1.5em; border-bottom-style: dotted !important; white-space: nowrap; 
  overflow: hidden !important; text-overflow: ellipsis; border: 0; border-bottom: 1px solid #a4a4a4; margin-bottom:0
}

/* adslistsWidget */
.adslistsWidget .collegeslots {font-size:0.95em}
.adslistsWidget .row, .adslistsWidget.row {margin: 0}
.adslistsWidget.margin-bot-40 {margin: 15px 0 !important}
.adslistsWidget.margin-30 {margin: 15px 0}
.adslistsWidget .row > div {padding: 0}
.adslistsWidget .ads-buy, .adslistsWidget .ads-rent {text-align: right !important}
.adslistsWidget.schools .collegeslots > div:first-child {font-weight: bold}
.adslistsWidget .adslists { border-bottom: 3px solid #eee}
.adslistsWidget.schools a {color:#b51f21}
.adslistsWidget.houses .collegeslots > div {text-align: center}

/* hpcommunities hpServices */
.hpcommunities div.widgetsubtitle, .hpServices div.widgetsubtitle {border-bottom: 3px solid #eee; margin-bottom:5px}
.hpcommunities, .hpServices {margin-bottom: 25px}
.hpcommunities .row, .hpServices .row {margin: 0}
.hpServices .row.sub_communities > div {padding: 0; text-align: left}

.hpcommunities .row.sub_communities > div{padding: 0; text-align: center}
.hpcommunities .row.sub_communities > div:nth-child(4n+1) {padding: 0; text-align: left}

/* icons on title */
.widgetsubtitle:before, div.widgettitle:before, .fas:before, .favIcon:before {
    font-family: 'Font Awesome 5 Free', 'fontawesome'  !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-decoration: inherit !important;
    font-size: 1.1em
}
.no-title-before *:before {
  content: none !important;
}
.widgettitle:before, .widgetsubtitle:before {color:#900}
.adslistsWidget.houses .widgetsubtitle:before {content: "\f015"; }
.hpSchool div.widgettitle:before{content: "\f19d"; }
.IconLusury .widgetsubtitle:before {content: "\f6a7";}
.IconService .widgetsubtitle:before {content: "\f2b5";}
.listingstitles.widgetsubtitle:before {content: "\f015";}
.hpArticleList .widgetsubtitle:before {content: "\f0c6";}
.IconCampus .widgetsubtitle:before {content: "\f19c";}
.hpcondo2 .widgetsubtitle:before {content: "\f1ad";}
.agents-carousel .widgettitle:before, .wagentinfoblackcenter .widgettitle:before {content: "\f508";}
.IconBrokerage  .widgetsubtitle:before {content: "\f0ac";}
.sideListingLease .widgettitle:before {content: "\f1ad";}

.IconCondo .widgetsubtitle:before {content: "\f19d";}
.IconOccupancy .widgetsubtitle:before {content: "\f6a1";}
.IconTube .widgetsubtitle:before {content: "\f239";}
.hpFormContact .widgettitle:before {content: "\f234";}
.hpVIPLogin .widgettitle:before {content: "\f5a0";}
.respArticleSlide .widgettitle:before {content: "\f0c6";}
.listingMenu2.withtitle .widgettitle:before {content: "\f015";}
.hpOfficeListings .widgettitle:before {content: "\f1ad";}
.botBrokerageLog .widgettitle:before {content: "\f0ac";} 
.hp_statistics .widgettitle:before {content: "\f201";} 
.fas.fa-house-damage:before {content: "\f550";} 
.fas.fa-hammer:before {content: "\f0ad";} 
.aboutServiceTitle:before {content: "\f4c4";}
.serviceName2.favIcon:before {content: "\f058";}

/* hpFormContact */
.hpFormContact {border: 0px solid #f2f2f2; background:#fff;border-radius: 5px;}
.hpFormContact * {color:#000}
.hpFormContact label.control-label { padding: 0; text-align: center}
.hpFormContact div.form-group:last-child {margin:0 !important}
.hpFormContact div.form-horizontal.form > div.form-group:last-child > div {width: 100px; margin: 0 auto !important; float: none}
.hpFormContact div.form-horizontal.form > div.form-group:last-child {text-align: center; width:100% !important}
.hpFormContact .formy {background:#fff !important;}
.hpFormContact .form-horizontal.form > .form-group:nth-child(5){
  display:none
}
/* .wbranchesblack */
.wbranchesblack {width: 50% !important; margin: auto !important; float: left; }
.wbranchesblack .embed-responsive {display: none}
@media(max-width: 767px){
  .wbranchesblack {width: 100% !important}
}

/* hpVIPLogin */
.hpVIPLogin .widgetcontent{background-color:#fafafa; padding:15px !important; border-radius:5px; margin-bottom: 32px}
.hpVIPLogin .row:first-child {text-align: right}
.hpVIPLogin .row{margin: 0; }
.hpVIPLogin .row > div {padding: 0}
.hpVIPLogin .btn {padding: 4px 14px !important; font-size:1em}
.hpVIPLogin .btn {font-weight: bold; background:#fff !important; border: 0px solid #fff !important}
.hpVIPLogin .btn:hover {background:#b51f21 !important; color:#fff}

.vlogin img {width: 100% !important}



/* respArticleSlide */
.respArticleSlide .slideswrapper .slide .carousel-caption {background-color: #fff0}
.respArticle ul {padding: 0}
.respArticle li {
  list-style-type: none; 
  border-bottom: 1px solid #a4a4a4; 
  border-bottom-style: dotted !important; 
  white-space: nowrap; 
  overflow: hidden !important; 
  text-overflow: ellipsis; 
}
.respArticle li a {line-height: 2em}
.respArticleSlide .carousel-caption h3 {
  font-size:0.9em !important; 
  line-height: 1.3em;
  padding: 5px !important;
  position: absolute; bottom: 0; 
  text-align: left; 
  background-color: #00000091; 
  width: 100%; 
  min-height: 45px
}
.respArticleSlide .carousel-caption {padding: 0 !important; }
.respArticle ul li.limore {text-align: right; border-bottom: 0}
.respArticleSlide .carousel-control {background-image: none !important}

/* respArticle agent-article */
.agent-article {
  padding-top: 15px;
 

}
.agent-article .widgetcontent {
  background-color:#ffffff;
/*   padding: 15px  */
}
.agent-article li.limore{
  text-align: right !important
}
.agent-article a{
  color:#000 !important
}

.agent-article .widgettitle img {
  max-width: 60px;
  border-radius: 50%
}
.agent-article .widgettitle {
  border-bottom: 1px solid #33333359; 
  padding-bottom: 5px
}
.agent-article .widgetsubtitle {
  position: absolute; 
  top: 26px; 
  left: 80px
}
.hp-section .agent-article .widgetsubtitle {
  font-size: 25px !important;
}

.agent-article ul li:last-child {text-align: left;}
.agent-article li{
    white-space: normal;
    padding: 11px 2px;
    height: 38px;
    overflow: hidden;
}
.agent-article li a {
  line-height: 1.0em; 
}

.agent-article-ads img {
  max-height:329px;
  width:100% !important;
}
@media (max-width:767px){
	.agent-article li{
		height:33px;
	}
}

/* search tabs */
#widgetzone_wzoneUniv_Slides {position: relative}
.search-2tabs .col-xs-12 {padding: 0}
.search-2tabs{
  border-radius: 10px; 
  background: rgba(0, 0, 0, 0.36);  
  margin-left: auto;
  margin-right: auto;
  z-index: 990;
  padding:10px;
  text-transform: uppercase;
}
@media(min-width: 991px){
  .search-2tabs {
       max-width:865px;
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform:  translateX(-50%);
      transform:  translateX(-50%);
  }
}
.search-2tabs h2{font-family: 'Didact Gothic', sans-serif; }
#hpSec1 {position:relative}


@media(max-width:990px){
  .search-2tabs{
    position:relative;
    margin:15px auto;
  top:0px;
  }
}
.search-2tabs .btn.btn-default {background:#cf0101; border-radius:0; text-shadow: none; font-size: 18px; height: 56px !important; border-radius:5px !important;}
.search-2tabs .btn.btn-default:first-child {margin: 0 8px !important;}
input#tbxGeneric.form-control {height: 56px; border-radius:5px !important;}

/* home page search table */
.hpSearchTbl {
    background-color:#fff; 
}

@media(min-width: 1200px){
  .hpSearchTbl {left:50%; transform:translateX(-50%);}
  #hpSec1 {padding-top: 30px;}  
  .hpSearchTbl {
    position: absolute;
    top: -130px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    max-width: 840px; 
    -webkit-box-shadow: 2px 3px 11px 4px rgba(0,0,0,0.75);-moz-box-shadow: 2px 3px 11px 4px rgba(0,0,0,0.75);box-shadow: 2px 3px 11px 4px rgba(0,0,0,0.75);
  }
}
  .hpSearchTbl {z-index: 99}

/* adsbox */
.hpFourInfoTab {margin-left: -15px; margin-right: -15px}
.hpFourInfoTab .widgetcontent {padding: 0 15px;}
.adsbox {text-align:center; margin-bottom:15px;}
.adsbox h3 {font-size:1.3em}
.adsbox p {font-size:0.95em; min-height: 48px; text-align: justify}

/* .botBrokerageLog */
.botBrokerageLog .item-image {border: 0 !important; }
.botBrokerageLog img {padding: 30px}
.botBrokerageLog .item-caption {display: none}




/* adv */
.advs-nobullet ul{
  list-style-type: none; 
}
.wadvs-widget ul {
  padding: 0;
}
.wadvs-widget li, .wadvs-widget img{
  width: 100% !important
}

/*toronto condo icon*/
#wzoneUniv_Sec8_L_wprojectsgallery_3 div.widgettitle::before{
      content: "\f1ad";
}

#wzoneUniv_Sec8_L_wprojectsgallery_3_divCatTitle{
  display:none;
}

/* 2020 new css change on homepage* + the bottom new ad float banner*/

#iconHover a:hover{
	color:#bb2224;

}
#widgetzone_wzoneUniv_Sec10_R{
  margin-top:-23px;
}

.btm-sticky {position:fixed;bottom:0;width:100%;height: 235px;line-height:56px;z-index:99999999;/* background: white; */-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;left:0px;}

#close {
    position: relative;
    z-index: 1;
    top: 66px;
    bottom: 0;
    width: 100%;
    height: 113px;
    line-height: 56px;
    left: 0px;
}


@media(max-width:1024px){
  .btm-sticky{
  height:auto;
  bottom:-9px
  }
}

/*Floating icons*/
#wzoneUniv_B_wembed_1{
display:none;
}

/*Listing Gallery*/
#wzoneUniv_Sec2_L_wlistinggallery_2, #wzoneUniv_Sec2_L_wlistinggallery_3, #wzoneUniv_Sec2_L_wlistinggallery_4, 
#wzoneUniv_Sec2_L_wlistinggallery_5, #wzoneUniv_Sec2_L_wlistinggallery_6, #wzoneUniv_Sec2_L_wlistinggallery_7{ margin-top:65px; }

/******Changes 25/05/2021***/

/***Small devices menu length columns***/
@media(max-width:768px){
          .nav > li { position: relative; display: inline-block; width: 33%;}
}


/**listing_gallery**/

.hp_listings_init .grid > .item-image.center.middle img, .hpproperty .grid > .item-image.center.middle img{
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

.hp_listings_init .grid>.item-image.center img, .hpproperty .grid>.item-image.center img{
    left: 0;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

.hp_listings_init .grid>.item-image.middle img, .hpproperty .grid>.item-image.middle img {
    top: 0;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

.hp_listings_init .grid>.item-image.cover-height img, .hpproperty .grid>.item-image.cover-height img {
    height: auto;
    max-height: initial;
    min-height: initial;
}


