/* general */
html *{font-family: "Microsoft Yahei", sarif; }
html, body {font-size: 16px}
h2, .h2{color: #121212; font-size: 1.5em}
h3, .h3{color: #121212; font-size: 1.125em;}
h4, .h4{color: #121212; font-size: 1em}
a, p {color: #121212; }
.dnone {display:none}
.mt-30 {
  margin-top: 30px;
}
.margin-lr-15 {
  margin-left: -15px !important;
  margin-right: -15px !important
}
.padding-0 {
  padding: 0
}
#wzonePage_section2, #wzonePage_section4,#wzonePage_section5,#wzonePage_section6 {max-width: 1320px; margin: auto; padding-top:45px}

img {max-width: 100%; height: auto}
iframe, embed {max-width: 100%; }
#widgetzone_wzonePage_L {padding: 0}
.m-tb-30{
  margin-top: 30px; 
  margin-bottom:30px
} 
@media(min-width: 1440px){
  .row-1400 {
    margin: 0 -15px
  }
}
#wzonePage_section1 {
  margin-bottom: 0 !important
}
.m-lr-m15{
  margin-left: -15px;
  margin-right:-15px
}

@media(min-width: 1200px){
  .col-lg-1of5 {
    width: 20%
  }
}
@media(min-width: 768px){
  .col-md-1of5 {
    width: 20%
  }
}
@media(min-width: 992px){
  .children-no-padding-right-lg > div{
    padding-right: 0
  }
}
@media(max-width: 991px){
  .mt-lg-80 {
    margin-bottom: 80px !important;
  }
}
section {
  margin-bottom: 30px
}
section >div {
  margin-bottom: 15px
}
.mb-15 {
  margin-bottom: 15px
}
.mt-15 {
  margin-top: 15px
}
.min-390 *{
  min-height: 390px
}

section:after { 
   content: ""; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

/* menu */
.navbar {margin-bottom: 0; background: #fff}
.page {margin-top: 61px;}
.nav {float: right;padding-left: 170px;text-align: center;}
@media(max-width:576px){
  .nav {float:none;padding-left: 0px;text-align: center;}

}
.curly {position: fixed; top: 0; left: 0; margin: 0; z-index: 9999; }
.curly img {max-height: 60px !important}
@media(max-width: 767px){
  .curly img {max-height: 50px !important}
}

.navbar-default .navbar-nav>li>a{
    padding-top: 0;
    padding-bottom: 0;
    line-height: 60px;
    color: #121212;
    font-weight: 400;
    text-transform: uppercase;
}
/*ul list inline */
.listing-type-inline li{padding-right:25px;padding-bottom:2px;font-weight:700;font-size:0.95em; }

/* widget title */
.widgettitle a, .widgetsubtitle a, .widgettitle, .widgetsubtitle, .withtitle, .withtitle a{
    padding-top: 0px;
    font-size: 1em !important;
    line-height: 150%;
    font-weight: 600 !important;
	color:#121212;	
}

/* icons on title */
.widgetsubtitle:before, .widgettitle:before {
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Free', 'fontawesome'  !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-decoration: inherit !important;
    font-size: 1.1em;
    padding-right: 15px;
    position: relative;
    top: 1px;
    line-height: 1;
}
.widgettitle:before, .widgetsubtitle:before {color:#900; }


/* adslistsWidget */
.adslistsWidget .collegeslots {font-size:0.95em}
.adslistsWidget .row, .adslistsWidget.row {margin: 0}
.adslistsWidget .row > div {padding: 0}
.adslistsWidget .ads-buy, .adslistsWidget .ads-rent {text-align: right !important}
.wol {
  float: left;
  font-weight: bold;

}
@media(min-width: 0px){
  .wol {text-align: left !important}
  .wol-sm-4 {width: 12%}
  .wol-sm-6 {width: 17%}
  .wol-sm-8 {width: 20%}
  .wol-sm-10{width: 26%}
}

@media(min-width: 768px){
  .wol {text-align: left !important}
  .wol-sm-4 {width: 8%}
  .wol-sm-6 {width: 12%}
  .wol-sm-8 {width: 16%}
  .wol-sm-10{width: 20%}
}

@media(min-width: 992px){
  .wol-md-2 {width: 4.16666666667%}
  .wol-md-3 {width: 6.25%}
  .wol-md-4 {width: 8.33333333333%}
  .wol-md-5 {width: 10.4166666667%}
}

/* .adslistsWidget.schools .collegeslots > div:first-child {font-weight: bold} */
.adslistsWidget .adslists { border-bottom: 3px solid #eee; font-weight: 600}
.adslistsWidget.schools a {color:#333; font-size: 0.95em}
.adslistsWidget.houses .collegeslots > div {text-align: center}

/* adv */
.hpAds ul, .sideAds ul {padding: 0; list-style: none; margin: 0}
.hpAds img, .sideAds img {width: 100% !important; height:auto !important}
.hpAds img {border: 1px solid #e7e7e7;}
.sideAds img {margin-top: 5px}

.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;max-height: 79px; border: 1px solid #e7e7e7;}
.no-height-limit img {  max-height: none !important}
.hpsideads{padding:15px;}
.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;}

.hpsideads-inline{padding-left:0px;padding-right:0px;}
.hpsideads-inline ul{  list-style:none;  padding-left:0px;  padding-right:0px;  margin-left:0px;  margin-right:0px;}
.hpsideads-inline li{  display:inline-block;}
.hpsideads-inline li img{  width:100% !important;max-height: 79px; border: 1px solid #e7e7e7;}
.hpsideads-inline li:first-child{padding-left:0px;}
.hpsideads-inline li:last-child{padding-right:0px;}

@media(max-width: 767px){
  .hpads-inline li img{height:auto !important;max-height:inherit;}
 }
 @media(max-width:480px){
	 .hpsideads-inline li{width:100%;padding-left:0px;padding-right:0px;padding-bottom:15px;}
 }






/*side article list*/
/*article list with the article image on the side*/
.hparticlelist{	 padding:0px;}
.hparticlelist-l{padding-right:15px;}
.hparticlelist-r{padding-left:15px;}
.hparticlelist .widgettitle {background:#fbf8f6;padding:15px;border-top-left-radius:5px; border-top-right-radius:5px;}
.hparticlelist .widgetcontent{background:#fbf8f6;padding:0px 15px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.hparticlelist .widgettitle:before , .hparticlelist .widgetsubtitle:before {content: "\f0c6";}
.hparticlelist ul{padding-left:0px;border-top:solid 1px #898989;margin:0;}
.hparticlelist ul >li{list-style:none; padding-top:15px;padding-bottom:15px;border-top:solid 1px #fff;}
.hparticlelist .watclimage{float:left; padding-right:10px;}
.hparticlelist .watclimage img{width:100px; height:75px !important; border:solid 1px #c0c0c0;border-radius:5px;}
.hparticlelist .watcldiv{height:75px;}
.hparticlelist li a h3{font-size:0.95em; line-height:120%; margin:0;}
.hparticlelist  .watcltitlediv{margin-left:105px;overflow:hidden;height:75px;}
.hparticlelist li  .warticlesdate{font-size:0.7em;color:#999;}
.hparticlelist li.limore{ text-align: right !important; border-bottom-style:none;padding-top:15px;}
@media (max-width:767px)
{
	.hparticlelist-l, .hparticlelist-r{padding:0px;}
}
/*article list with the category image on the top*/
.hpcatarticlelist{	 padding:0px;}
.hpcatarticlelist-l{padding-right:15px;}
.hpcatarticlelist-r{padding-left:15px;}
.hpcatarticlelist .widgettitle {background:#fbf8f6;padding:15px;border-top-left-radius:5px; border-top-right-radius:5px;}
.hpcatarticlelist .widgetcontent{background:#fbf8f6;padding:0px 15px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.hpcatarticlelist .widgettitle:before , .hpcatarticlelist .widgetsubtitle:before {content: "\f0c6";}
.hpcatarticlelist ul{padding-left:0px;border-top:solid 1px #898989;margin:0;}
.hpcatarticlelist ul >li{list-style:none; padding-top:15px;border-top:solid 1px #fff;}
.hpcatarticlelist .watcldiv{height:40px;}
.hpcatarticlelist li a h3{font-size:0.95em; line-height:120%; margin:0;}
.hpcatarticlelist  .watcltitlediv{margin-left:0px;overflow:hidden;height:40px;}
.hpcatarticlelist li  .warticlesdate{display:none;}
.hpcatarticlelist li.limore{ text-align: right !important; border-bottom-style:none;padding-top:15px;}
@media (max-width:767px)
{
	.hpcatarticlelist-l, .hpcatarticlelist-r{padding:0px;}
}

/* hp_docs */

.hp_docs ul, .hpArticleList ul, .hpCondoList ul {padding: 0px; list-style-type: circle; list-style-position: inside; margin-bottom: 0px}
.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}


/* listings */
.hpOfficeListings .row > div {padding: 0 15px !important}
.hpOfficeListings .item-caption {padding: 5px !important}
.hpOfficeListings dl * {float:left}
.hpOfficeListings dl dt {width: 50% !important}
.hpOfficeListings dl dd {width: 50% !important}
.hpOfficeListings h3 {margin: 5px 0; white-space: nowrap}

.hpOfficeListings div.block-with-text dl dd:last-child {display: none}
.hpOfficeListings .propcommunity {display: none}

.grid-4by3 {padding-bottom: 75%}
.hpOfficeListings .propprice {position: absolute; right: 0; top: 0; font-weight: bold; color:#bb2224; font-size:1.1em}

.condo-assignment-widget h3{
  display: none
}

.condo-assignment-widget .readmore {
  text-align: right
}
/* listings menu */
/* 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: #b51f21 !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}
}

/* icons */
.IconCampus .widgetsubtitle:before {content: "\f19c";}
.adslistsWidget.houses .widgetsubtitle:before ,
.houses .widgettitle:before{content: "\f015"; }
.hpArticleList .widgettitle:before , .hpArticleList .widgetsubtitle:before {content: "\f0c6";}
.listingMenu2 .widgettitle:before {content: "\f015";}
.listingMenu2 .train:before {content: "\f238"}
.listingMenu2 .school:before {content: "\f549"}
.listing-icon .widgettitle:before {content: "\f015";}
.condo-channel-form .widgettitle:before {content: "\f1ad";}
.list-hpprojects .widgettitle:before {content: "\f5a0";}
.yijus-recommended-icon .widgettitle:before {content: "\f005";}
.condo-icon .widgettitle:before {content: "\f1ad";}
.condo-assignment-widget .widgettitle:before {content: "\f1ad";}

/* footer */
@media(min-width: 768px){
  .col-md-3-2 {width: 12.5%}
}
#wzonePage_section3 {
  background:#333; margin-bottom: 0; padding: 30px 0 15px
}
#wzonePage_section3 *{
  color:#cbcbcb
}

#widgetzone_wzonePage_T2 {
  width: 1320px; margin: auto
}
@media(max-width: 1319px){
    #widgetzone_wzonePage_T2 {
      width: 100%
    } 
}
.realtorEmbed {font-size:9px;margin-top:30px; text-align:center}
/* fixed icon */
#fixedIcon {position:fixed;bottom:50px;right:0px;width:50px;}
#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}
}

/* slide */
#myCarousel img {
/*   max-height: 100px */
}

/* channel page top ads */
@media(min-width: 768px){
    .lease-page-top-banner > div {float: left}
    .lease-page-top-banner .top-banner-1 {
      width: 35%
    }
    .lease-page-top-banner .top-banner-2 {
      width: 65%
    }
    .lease-page-top-banner img {height: 90px !important}
}
.lease-page-top-banner img {width:100% !important; }

/******************************************************* condo channel page ********************************************************/

/* condo channel page - projects by area */
.list-hpprojects  .widgetcontent>ul{
	background:#fbfbfb;
	padding-top:2px;
}

/* projects */
.proj-look .fieldvalue.arch, .proj-look .fieldvalue.btype, .proj-look .fieldvalue.units, .proj-look .fieldvalue.usize, .proj-look .inters, .proj-look .block-with-text > .projectbtn.text-right {
  display: none
}
.proj-look .item-caption{
  height: 287px
}

/* home page search widget */
.channel-wsearchprojectctrl {
  max-width: 800px;
  padding: 0 15px !important;
      
}
.channel-wsearchprojectctrl .form {
  background-color: #fff; padding: 20px 30px !important;
  -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);
}

.channel-wsearchprojectctrl label, .channel-wsearchprojectctrl option, .channel-wsearchprojectctrl select, .channel-wsearchprojectctrl input {
  font-size: 16px !important;
  font-family: Raleway, "Microsoft YaHei", Helvetica, Arial, sans-serif;
}
.channel-wsearchprojectctrl select {
  width: 201px !important; height: 34px !important; border-radius: 4px; border-color: rgb(204, 204, 204)
}
.channel-wsearchprojectctrl #wzonePage_L_wsearchprojectctrl_0_btnSearchCondos.button{
      background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #28a4c9;
    padding: 6px 15px;
    color: #fff;
    border-radius: 5px;
    font-size: 16px; 
    font-weight: bold;
    font-family: Raleway, "Microsoft YaHei", Helvetica, Arial, sans-serif;
}

@media(min-width: 1024px){
  .channel-wsearchprojectctrl {
    padding: 0 15px !important;
    top: -240px !important;
    position: absolute; 
    left: 0; right: 0;
  }
  .pt-170 {
    padding-top: 170px !important
  }
}
@media(max-width: 767px){
  .channel-wsearchprojectctrl {
    display: none
  }
}


/* listings channel */
.wschrankingstd.col-sm-4 {
  width: 33%;
  padding: 0 15px; 
}

.wschrankingstd a.list-group-item{
  max-height: 46px; 
  overflow: hidden;
  line-height: 1.7em
}

/* go train map */
#Layer1 a, #Layer_1 a{
  text-decoration: none;
}

#Layer1 a:hover text {
  fill:#98012e;
  font-size: 14px
}

#Layer_1 a:hover text {
  fill:#98012e;
  font-size: 20px
}
#Layer1 text, #Layer_1 text {
  font-family="Arial";
  font-weight="bold"
}
/* respArticle agent-article */
.agent-article {
  padding-top: 15px;
  

}
.agent-article .widgetcontent {
  background-color:#ffffff;
  padding: 15px ; 
}
.agent-article li.limore{
  text-align: right !important;
 border-bottom-style:none;
padding-top:15px;
}
.agent-article a{
  color:#000 !important
}

.agent-article .widgettitle img {
  max-width: 60px;
  border-radius: 50%
}
.agent-article .widgettitle {  
  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: 3px 0;
  max-height:54px
}
.agent-article li a {
  line-height: 1.0em; 
}

.agent-article-ads img {
  max-height:329px;
  width:100% !important;
}
.respArticle li {
  list-style-type: none; 
  border-bottom: 1px solid #d3d2d2; 
  overflow: hidden !important; 
  text-overflow: ellipsis; 
}

.respArticle ul {
  padding: 0
}
#wzonePage_T2_wpicture_2{

  text-align:right;
  
}


/*slider fix animation + item caption*/
#widgetzone_wzonePage_C, #widgetzone_wzonePage_R, .carousel-inner>.item {

transition: 2.6s ease-in-out left;
}

/* 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;/* width: 100%; */}


/* 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: 14px !important;
  position: absolute;
  bottom: -14px;
  text-align: center;
  background-color: #000000a8;
  width: 100%;
  min-height: 45px;
  color: white;
  overflow: hidden;
  left: 0px;
  position: fixed;
  right: 0px;
}
.respArticleSlide .carousel-caption {padding: 0 !important; }
.respArticle ul li:last-child {text-align: right; border-bottom: 0}
.respArticleSlide .carousel-control {background-image: none !important}


@media (min-width: 768px) and (max-width:991px){
  .slideswrapper .slide .carousel-inner > .item h3{font-size:2.5em} 
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    line-height: 1;
    min-height: 270px !important;
}

/* hpads lists */

.hpAds ul, .sideAds ul {padding: 0; list-style-type: none;}
.hpAds * {width: 100% !important; }
.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;}

/*New Add-in FEATURED LISTING - gap fixed*/

#wzonePage_C_wembed_10, #wzonePage_C_wembed_8{
  margin-top:43px;
}

/**listing_gallery**/

.hp_listings_init .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{
    left: 0;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

.hp_listings_init .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{
    height: auto;
    max-height: initial;
    min-height: initial;
}