@charset "UTF-8";
/* CSS Document */
/* @import url(https://fonts.googleapis.com/css?family=News+Cycle:500,700); */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
body {margin:0px; padding:0px; color:#000; background-color:#4f5155; font-family: 'Open Sans', sans-serif; font-weight:400; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
button:focus {outline:0;}
input:focus {outline:0}

#fullheader {position:fixed; top:0px; width:100%; margin:0px; z-index:1000;}
#headercontainer {width:100%; height:50px; margin:0px; padding:0px; overflow:hidden; background-color:rgba(22,22,22,.95); color:#FFF; z-index:1000;}
#headerbuffer {width:100%; height:50px; overflow:hidden; background:none; z-index:1000;}
#header {width:1200px; height:50px; margin:0 auto; z-index:1000;}

#headernav {overflow: hidden; width: calc(100% - 20px); height: 50px; display: inline-block;}
#headernavright {overflow:hidden; max-width: 350px; float: right; height: 50px; line-height: 50px; text-align: right;}
#headernavbutton {overflow:hidden; display: inline-block; font-size:13px; height:50px; padding:0 20px 0 20px; line-height:50px; cursor:pointer;}
#headernavbutton:hover {background-color:rgba(40,40,40,.95); -webkit-transition:600ms; transition:600ms; -moz-transition:600ms; -o-transition:600ms; -ms-transition:600ms;}
.headerlink {color:#FFF; text-decoration:none;}
#headernavsearchcontainer {position:fixed; left:0; top:50px; width:100%; background:rgba(22,22,22,.95); overflow:hidden; z-index:999; -webkit-transition:600ms; transition:600ms; -moz-transition:600ms; -o-transition:600ms; -ms-transition:600ms;}
#headernavlogincontainer {position:fixed; left:0; top:50px; width:100%; background:rgba(22,22,22,.95); overflow:hidden; z-index:999; -webkit-transition:600ms; transition:600ms; -moz-transition:600ms; -o-transition:600ms; -ms-transition:600ms;}
#headernavsearch {width:1200px; margin: 0 auto; overflow:hidden; padding-top:10px;}
#headernavlogin {width:1200px; margin: 0 auto; overflow:hidden; padding-top:10px;}
#headernavsubcontainer {max-width:300px; margin-right: 25px; height: 250px; overflow: hidden; display: inline-block;}
#headerdropnavbutton {padding:10px; cursor:pointer; line-height:18px;}
#headerdropnavheader {padding:10px; line-height:18px; font-weight: bold; height: 18px;}

#headernavcontainermobile {display:none;}
#headermobilemenu {display:none;}
#headermobilenavbutton {border-top:1px solid #45474a; padding:15px; cursor:pointer;}
#headermobilenavbutton:hover {background-color:rgba(70,71,72,.95)}
.headermobilelink {color:#fff; text-decoration:none;}
#headermobilemenuhiddensearch {display:none;}
#loginheader {width:100%; overflow:hidden; background-color:rgba(70,71,72,.95);}
#loginheadercontainer {max-width:1200px; width:96%; overflow:hidden; margin:0 auto; font-size:13px; color:#FFF; padding:5px 1.25%; font-weight:600;}
.loginheaderlink {text-decoration:none; color:#FFF;}
#loginheaderleft {float:left;}
#loginheaderleft a {margin-right:15px;}
#loginheaderright {float:right;}
#loginheaderwide {overflow:hidden; float:left;}
#loginheadersignin {overflow:hidden; float:right;}
#mawtranslator {overflow:hidden; position:fixed; z-index:1002;}
/* MENU END */
	
.whitelink {color:#fff;}
.whitelinknounderline {color:#fff; text-decoration:none;}
.pendblue {color:#0877BD;}
.noborderlink {border:none; text-decoration:none;}
#homemidcontainer {width:100%; min-height:500px; margin:0; padding:0px; overflow:hidden;}
#homemidcontainerdarken {width:100%; min-height:500px; position:absolute; top:0px; bottom:0; left:0; right:0;}
#homemidbuycontainer {display:block;}
#homemidcontent {width:700px; margin:0 auto; text-align:center; color:#FFF; padding-top:50px; text-shadow:2px 3px 3px #3b3d40;}
#homemidcontentbigtext {font-size:50px; font-weight:500; font-family: 'Oswald', sans-serif;}
#homemidcontentsmalltext {font-size:34px; font-weight:400; font-family: 'Oswald', sans-serif;}
#homemidsearch {width:700px; background:rgba(0,0,0,.5); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:30px auto; padding:15px 20px 15px 20px; overflow:hidden;}
#homemidaboveinput {color:#fff; font-size:15px;}
.autocomplete-suggestions {border:1px solid #999; background:#FFF; overflow:auto;}
.autocomplete-suggestion {padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected {background: #F0F0F0; }
.autocomplete-suggestions strong {font-weight: normal; color: #0877BD; }
.qinput {border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; cursor:text; font-size:18px; font-weight:300; float:left; margin-right:20px; margin-top:7px; width:70%; color:#333; font-family: 'Roboto', sans-serif;}
#qsubmit {padding:10px 15px 10px 15px; background:#0877BD; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:none; margin-top:7px; font-size:18px; cursor:pointer; font-family: 'Roboto', sans-serif;}
#homemidguidebutton {font-size:14px; color:#FFF; margin-top:5px; float:left; overflow:hidden;}
#homemidtotalhomes {font-size:14px; color:#FFF; margin-top:5px; float:right; overflow:hidden;}
#carouselcontainer {width:100%; overflow:hidden; background:#FFF;}
#carousellistingscontainer {width:8000px; display:block; position:relative; left:0; background:#FFF; transition:800ms ease-in-out; -moz-transition:800ms ease-in-out; -webkit-transition:800ms ease-in-out; -o-transition:800ms ease-in-out; -ms-transition:800ms ease-in-out; padding:5px 0 5px 0; overflow:hidden;}
#carousellistings {width:470px; overflow:hidden; margin:5px; background-color:#fff; float:left; color:#3b3d40; padding:0px; font-weight:400;}
#carouselimagecontainer {width:210px; max-height:145px; background-color:#F0F0F0; margin:10px; border:5px solid #fff; box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; overflow:hidden; float:left;}
#carouselimagecontainer:hover  {box-shadow:0 0 8px #3b3d40; -moz-box-shadow:0 0 8px #3b3d40; -webkit-box-shadow:0 0 8px #3b3d40; -webkit-transition:600ms; transition:600ms; -moz-transition:600ms; -o-transition:600ms; -ms-transition:600ms;}
#carouselleftbutton {width:50px; height:195px; font-size:50px; display:none; line-height:195px; color:#3b3d40; text-align:center; background-color:rgba(211,211,211,.6); position:absolute; left:0; z-index:1; cursor:pointer; -webkit-transition:200ms; transition:200ms; -moz-transition:200ms; -o-transition:200ms; -ms-transition:200ms;}
#carouselleftbutton:hover {background-color:#d3d3d3;}
#carouselrightbutton {width:50px; height:195px; font-size:50px; line-height:195px; color:#3b3d40; text-align:center; background-color:rgba(211,211,211,.6); position:absolute; right:0; z-index:1; cursor:pointer; -webkit-transition:200ms; transition:200ms; -moz-transition:200ms; -o-transition:200ms; -ms-transition:200ms;}
#carouselrightbutton:hover {background-color:#d3d3d3;}
#carousellistingsheader {margin-top:10px; overflow:hidden;}
#carouselforsale {float:left; font-size:16px; font-weight:400; color:#0877BD;}
#carouselprice {float:right; font-size:16px; padding-right:5px;}
#carouseladdress {margin-top:5px; font-size:16px;}
#carouseladdress a {text-decoration: none; color:#3b3d40;}
#carouselcity {margin-top:3px; font-size:14px;}
#carouselcounty {margin-top:3px; font-size:14px;}
#carouselbedsbaths {margin-top:3px; font-size:14px;}
#carouselbroker {margin-top:5px; font-size:10px; color: #666;}
#carouselbrokermobile {display:none; margin-top:5px; font-size:10px; color: #666;}
#hometextcontainer {min-height:300px; width:100%; overflow:hidden; padding:0px; border-top:1px solid #cacaca; background:#FFF url(https://www.pendsites.com/docs/images/shadowtop.png) top repeat-x;}
#homeagentpic {overflow:hidden; height:180px; max-height:180px; width:190px; max-width:190px; border:5px solid #cacaca; margin:0 15px 0 0; float:left;}
#hometext {width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#hometextleft {
    float: left;
    width: calc(100% - 290px); /* space for right column */
	margin-right: 20px;        /* small gap before right column */}
#hometextleft p {padding:0; margin:0;}
#hometextright {width:250px; float:right; border-left:1px solid #cacaca; margin-top:10px; padding:10px 0 10px 15px;}
#hometextright p {padding:0; margin:0;}
#homeheader {color:#3b3d40; font-size:24px; font-weight:400; margin:25px 0 20px 0; padding:0px;}
#hometextwelcome {color:#3b3d40; font-size:16px; line-height:24px; font-weight:400; margin-top:15px;}
#hometextwelcome a {text-decoration: none; color: #0877BD;}
#homepagemessagecontact {display:none;}
#hometextcontent {color:#3b3d40; font-size:16px; line-height:24px; font-weight:400;}
.homerightsectionheader {color:#3b3d40; font-size:20px; display:block;}
#homemarkettrendsone {font-size:15px; color:#3b3d40; line-height:24px; margin-top:10px;}
#homemarkettrendstwo {font-size:15px; color:#3b3d40; line-height:24px; margin-top:10px;}
#homemarkettrendsthree {font-size:15px; color:#3b3d40; line-height:24px; margin-top:10px;}
.homemarkettrendsubheader {font-size:16px; color:#3b3d40;}
/* Default: show desktop trends, hide mobile */
.market-trends-desktop {
  display: block;
}
.market-trends-mobile {
  display: none;
}
#homeneighborhoodscontainer {background-image:url(https://www.pendsites.com/docs/images/tightgradienttop.jpg), url(https://www.pendsites.com/docs/images/tightgradientbottom.jpg); background-position:top center, bottom center; background-repeat:no-repeat; background-color:#FFF; border-top:1px solid #cacaca;}
#homeneighborhoods {width:1200px; margin:0 auto; padding:30px 0 30px 0; overflow:hidden;}
#homeneighborhoodstop {overflow:hidden;}
#homeneighborhoodsheader {font-size:24px; color:#3b3d40; text-align:center; float:left;}
#homeneighborhoodsbutton {font-size:16px; width:295px; color:#FFF; background:#0877BD; float:right; padding:7px; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#homeneighborhoodsgrid {width:97%; background:#fff; border:1px solid #cacaca; padding:20px 15px 20px 15px; overflow:hidden; margin:15px auto 0 auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#homeneighborhoodsfeature {width:100%;}
#homeneighborhoods1 {width:100%;}
#homeneighborhoods2 {width:100%;}
#homeneighborhoodsgridbox {width:calc(33.33% - 20px); height:200px; float:left; margin:10px;}
#homeneighborhoodsgridname {width:80%; padding:10px; background:rgba(59,61,64,.7); color:#FFF; font-size:14px; font-weight:600; margin:0 auto; text-align:center; margin-top:80px;}
#homeneighborhoodsgridbox:hover #homeneighborhoodsgridname {background:#3b3d40; -webkit-transition:300ms; transition:300ms; -moz-transition:300ms; -o-transition:300ms; -ms-transition:300ms;}
#blogareacontainer {width:100%; background-color:#FFF; padding:30px 0 20px 0; border-top:1px solid #cacaca;}
#blogarea {width:1200px; overflow:hidden; margin:0 auto;}
#blogarealeft {width:275px; float:left;}
#blogarearight {margin-left:290px; width:auto;}
#hometestimonialtitle {font-size:22px; color:#0877BD; font-weight:400; margin:25px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ccc;}
#hometestimonialpreview {font-size:18px; color:#3b3d40; line-height:28px; font-weight:400; margin-top:10px;}
#homemoreblogbutton {background:#0877BD; width:180px; text-align:center; padding:5px 10px 5px 10px; color:#fff; font-size:14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:25px 0 0 0;}
#homevalueaboveinput {font-size:14px; color:#3b3d40;}
.homevalueinput {border:1px solid #666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; cursor:text; font-size:16px; font-weight:300; float:left; margin-right:10px; margin-top:7px; width:70%; color:#333; font-family: 'Roboto', sans-serif;}
#homevaluesubmit {padding:10px 15px 9px 15px; background:#0877BD; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:none; margin-top:7px; font-size:18px; cursor:pointer; font-family: 'Roboto', sans-serif;}
#homeblogcontainer {width:100%; margin:25px 0 0 0; padding:20px 0 0 0; overflow:hidden; border-top:1px solid #CCC;}
#homeblogheader {font-size:22px; color:#0877BD; font-weight:400; margin:0 0 20px 0;}
#homebloggroupcontainer {width:100%; border-spacing:10px; overflow:hidden; margin-bottom:10px; display:table; table-layout:fixed;}
#homeblogthumbcontainer {display:table-cell; padding:10px; overflow:hidden; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
h3#homeblogtitle {font-size:18px; color:#0877BD; margin:5px 0 0 0; padding:0; font-weight:normal;}
#homeblogthumbnail {width:97%; height:200px; margin:10px auto; overflow:hidden;}
#homeblogpreview {font-size:14px; line-height:24px; margin:10px 0 0 0; padding:0; font-weight:normal;}
#homeblogpreview img {display:none;}
#homeblogdate {font-size:12px; margin:10px 0 0 0; padding:0;}
#homelocalarea {overflow:hidden; margin-top:20px;}
#homelocalareatitle {font-size:20px; color:#0877BD;}
#homelocalareatext {font-size:16px; color:#3b3d40; margin-top:0px; padding:8px 0 8px 0;}
#homelocalareared {background:#0877BD; font-size:14px; padding:3px; margin-right:5px; color:#FFF; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; width:70px; text-align:center;float:left;}
#homesocialcontainer {width:99%; overflow:hidden; margin:0 auto; border-spacing:1%; display:table; table-layout:fixed;}
#homesocialbutton {display:table-cell; font-size:30px; line-height:45px; background:#fff; color:#3b3d40; text-align:center; margin:0;}
#homesocialbutton:hover {color:#FFF;}
#homelendercontainer {width:275px; overflow:hidden; margin:20px 0 0 0;}
#homelenderpicture {width:193px; overflow:hidden; margin-top:7px;}
#homelendertitle {font-size:20px; color:#0877BD; font-weight:600;}
#homelenderinfo {font-size:16px; color:#3b3d40; line-height:24px;}
#homelenderaddress {font-size:16px; color:#3b3d40; line-height:24px; margin-top:10px;}
#homelenderbutton {background:#0877BD; width:140px; text-align:center; padding:5px 10px 5px 10px; color:#fff; font-size:16px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px 0 0 0;}
#homebadgecontainer {width:99%; margin:15px auto 0 auto; border-top:1px solid #CCC; overflow:hidden;}
#homebadge {margin:10px auto 0 auto; width:100%; overflow:hidden;}
#homebadge img {display:block; margin:0 auto;}
#footercontainer {width:100%; background-color:#4f5155; border-top:#3b3d40; color:#FFF; padding:20px 0 20px 0; overflow:hidden;}
#footer {width:1200px; margin:0px auto; font-size:14px;}
#footerdisclaimer {margin-top:15px; color:#fff; overflow:hidden; font-size:12px;}
#footercontactus {float:left; margin-right:55px; height:140px; line-height:22px;}
#footeroffice {float:left; margin-right:55px; height:140px; line-height:22px;}
#footerquicklinks {float:none; margin-right:55px; height:140px; line-height:22px;}
#searchcontainerleft {}

/* Search Page */
#searchbarwrapper {position:fixed; top:50px; z-index:999; width:100%; height:35px; overflow:hidden; background:#FFF; border-bottom:1px solid #CCC;}
#searchbarcontainer {overflow:hidden; background:#FFF; color:#0877BD; width:95%; padding:0 10px; margin:0 auto; font-size:16px; font-weight:bold;}
#searchbarresults {float:left; overflow:hidden; line-height:35px;}
#searchbarsearchbutton {float:right; overflow:hidden; line-height:25px; cursor:pointer; background:#0877BD; color:#FFF; height:25px; padding:0 10px; margin-top:5px; border-radius:3px;}
#searchwrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:30px;}
#searchcontainer {overflow:hidden; -webkit-overflow-scrolling:touch; background:#f6f6f6; width:95%; margin:0 auto; padding-top:15px;}
#searchhomeimagecontainer {position:relative; margin:.5%; width:18.8%; display:block; float:left; overflow:hidden; border-radius:5px; border:1px solid #CCC; box-shadow:0 0 8px #ccc; -moz-box-shadow:0 0 8px #ccc; -webkit-box-shadow:0 0 8px #ccc; cursor:pointer;}
#searchhomeimagecontainer:hover {box-shadow:0 0 8px #3b3d40; -moz-box-shadow:0 0 8px #3b3d40; -webkit-box-shadow:0 0 8px #3b3d40; -webkit-transition:600ms; transition:600ms; -moz-transition:600ms; -o-transition:600ms; -ms-transition:600ms;}
#searchhomeimage {width:100%; height:215px; max-height:215px; border-top-left-radius:5px; border-top-right-radius:5px; z-index:0; overflow:hidden;}
.searchhomeimage {width:100%; height:215px; max-height:215px; border-top-left-radius:5px; border-top-right-radius:5px; z-index:0; overflow:hidden;}
#searchhomeimagefooter {width:100%; background:#FFF; color:#333; font-size:14px; padding:10px; font-weight:400; border-top:1px solid #CCC; overflow:hidden;}
#searchhomeimagebroker {width:100%; background:#FFF; color:#666; font-size:10px; padding:0px 10px 7px 10px; font-weight:400; overflow:hidden; border-bottom-left-radius:5px; border-bottom-right-radius:5px; white-space:nowrap;}

#searchmenu {overflow:auto; -webkit-overflow-scrolling:touch; position:fixed; top:0px; left:0px; right: 0px; bottom: 0px; width:0%; height:100%; background-color:rgba(232,232,232,0.95); color:rgb(102, 102, 102); z-index:1010; transition:width 500ms; -moz-transition:width 500ms; -webkit-transition:width 500ms; -ms-transition:width 500ms; -o-transition:width 500ms;}
#searchmenuwrapper {width:80%; margin:0 auto; overflow:hidden; margin-top:50px;}
#searchmenucolumn {width:48.6%; margin:0 .5%; float:left; overflow:hidden; border:none;}
#searchformheader {width:93.5%; margin:2% 1% 0 1%; text-align:left; font-size:16px; font-weight:bold; color:#333; border:none;}
.searchformfield {width:93.5%; margin:1.5% 1% 0 1%; overflow:hidden; height:40px; line-height:40px; cursor:pointer; padding:0 2%; background-color:#FFF; font-weight:600; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -o-border-top-left-radius:5px; -ms-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -o-border-top-right-radius:5px; -ms-border-top-right-radius:5px; border:none;}
#searchforminput {width:93.5%; margin:1.5% 1%; overflow:hidden; height:40px; line-height:40px; padding:0 2%; background:#FFF; font-weight:600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border:none;}
.searchformfieldtext {float:left;}
.searchformfieldarrow {float:right;}
.searchformdown {overflow:scroll; overflow-x:hidden; -webkit-overflow-scrolling:touch; width:93.5%; margin-left:1%; padding:0 2%; border:none; background:#FFF; font-size:16px; font-weight:400; color:#333; height:0px; transition:height 500ms; -moz-transition:height 500ms; -webkit-transition:height 500ms; -ms-transition:height 500ms; -o-transition:height 500ms; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
.searchformradiocontainer {overflow:hidden; font-weight:600; color:#666;}
.searchformradiocontainer:hover {color:#333;}
.searchcheck {color:rgb(233, 233, 233);}
#searchbuttoncontainer {position:fixed; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; overflow:hidden; border-bottom:1px solid #CCC; top:0px; left:0px; right:0px; width:0%; padding:10px 0; background-color:#FFF; height:30px; line-height:30px; transition:width 500ms; -moz-transition:width 500ms; -webkit-transition:width 500ms; -ms-transition:width 500ms; -o-transition:width 500ms;}
.searchbutton {width:47.7%; margin:0 .7%; border-radius:20px; background-color:#FFF; border:1px solid #CCC; float:left; color:#333; font-size:14px; font-weight:bold; text-align:center; cursor:pointer;}
#searchpagescontainer {width:99.5%; color:#666; font-size:16px; height:50px; line-height:50px; text-align:center; overflow:hidden;}
#searchpagesprevious {float:left; color:#999; font-size:28px; padding:0px 10px; cursor:pointer; margin-right:5px;}
#searchpagesprevious:hover {color:#0877BD;}
#searchpagesnext {float:right; color:#999; font-size:28px; padding:0px 10px; cursor:pointer; margin-left:5px;}
#searchpagesnext:hover {color:#0877BD;}
.searchpageslink {color:#999; text-decoration:none;}
.searchpageslink:hover {color:#0877BD;}

/* FORM ELEMENTS */
input.searchformradio {display:none;}
input.searchformradio ~ label {width:98.5%; display:inline-block; height:35px; line-height:35px; overflow:hidden; cursor:pointer;}
input.searchformradio:checked ~ label {color:#0877BD;}
input.searchformradio:checked ~ label .searchcheck {color:#0877BD;}
input.searchformtext {border:none; font-size:16px; width:97%; color:#666;}

/* PROP DETAILS */
/* FULL-WIDTH BAR */
.propheadercontainer {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  position: relative;
  z-index: 20;
}

/* CENTERED INNER CONTENT (MAX 1200px) */
.propheaderinner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 24px;
  box-sizing: border-box;
  position: relative; /* required for centered logo trick */
}

/* Chevron-only icon */
.chevron-left {
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    transform: rotate(-45deg);
    margin-right: 6px; /* spacing before text */
}

/* Container that holds the arrow + text */
.propheaderback {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #222;
    cursor: pointer;
}

/* CENTER: logo stays visually centered regardless of left/right widths */
.propheaderlogo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  pointer-events: none; /* so clicks pass through if needed */
}

.propheaderlogo img {
  height: 35px;
  width: auto;
}

/* RIGHT: Buttons wrapper */
.propheaderbuttons {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Buttons (simple text style) */
.propheaderbtn {
  background: none;
  border: none;
  font-size: 15px;
  color: #222;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.propheaderbtn:hover {
  color: #000;
}

/* responsive */
@media (max-width: 768px) {
  .propheaderinner {
    padding: 0 12px;
    height: 56px;
  }

  .propheaderlogo img {
    height: 22px;
  }

  .propheaderbtn, .propheaderback {
    font-size: 14px;
  }
}


#propdetailsbreadcrumbs {width:1200px; font-size:14px; color:#000; font-weight:400; padding:0; margin:20px auto; overflow:hidden;}
.propdetailsbreadcrumbscontainer {display:inline-block; font-size: 14px;}
.propdetailsbreadcrumbscontainer + .propdetailsbreadcrumbscontainer::before {
    content: ">";
    padding: 0 6px;
    color:#999;   /* or use a FA icon if you prefer */
}
/* optional: style current page differently */
.propdetailsbreadcrumbscontainer.current span {
    font-weight:600;
}
.propdetailsbreadcrumbslink {text-decoration:none; color:#0877BD;}
#propdetailswrapper {width:100%; background:#FFF; overflow:hidden; padding-bottom:20px;}
#propdetailsleft {margin-right:375px; padding:10px; vertical-align:baseline;}
#propdetailsright {width:375px; float: right; border-right:1px solid #f6f6f6; overflow:hidden; vertical-align:baseline;}
/* New static photo layout */
#photo-block {
  width: 100%;
  margin: 0 auto 15px auto;
}

/* Main photo */
#photo-main {
  width: 100%;
  margin: 0 auto;
}

#photo-main a {
  display: block;
  width: 100%;
}

.photo-main-inner {
  width: 100%;
  border: 4px solid #FFF;
  box-shadow: 0 0 4px #ccc;
  box-sizing: border-box; /* CRITICAL for centering */
}

.photo-main-inner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px; /* optional slight rounding inside */
}

/* Thumbnails row container */
#photo-thumbs {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 even columns */
  gap: 10px;
}

/* Thumbnail link */
.photo-thumb-link {
  text-decoration: none;
}

/* Thumbnail box (square with border + shadow) */
.photo-thumb-box {
  width: 100%;
  padding-top: 80%; /* perfect 1:1 square */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #eee;

  /* New border + shadow to match main image */
  border: 4px solid #FFF;
  box-shadow: 0 0 4px #ccc;
  box-sizing: border-box; /* IMPORTANT so border doesn’t break layout */
}

/* See all button */
#photo-see-all {
  margin-top: 12px;
}

.photo-see-all-button {
  display: inline-block;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 600;
  color: #0877BD;
  background-color: #f6f6f6;
  border-radius: 4px;
  text-decoration: none;
}

.photo-see-all-button:hover {
  background-color: #e2e2e2;
}

.propdetailsheader {width:1200px; margin:0px auto; display: flex; align-items: baseline; column-gap: 10px;}
.propdetailsheader h1 {font-size:28px; font-weight: 600; color: #000; margin: 0;}
.propdetailsheader h2 {font-size:22px; font-weight: 400; color: #444; margin: 0;}
#propdetailscontainer {width:1200px;overflow:hidden; background-color:#FFF; margin:0 auto;}
#propdetailsprice {font-size:22px; color:#0877BD; margin-top:10px; font-weight:bold;}
#propdetailscondition {font-size:18px; color:#0877BD; margin:5px 0 5px 0;}
#propdetailsmlsnumber {font-size:14px;}
#propdetailsbedsbaths {margin-top:5px; line-height:26px;}
/* Wrapper for entire facts section */
.facts-wrapper {
    margin-top: 30px;
}

/* Main section title: "Facts & features" */
.facts-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.facts-wrapper .expandable-content {
    position: relative;
}

/* Fade overlay for collapsed state */
.facts-wrapper .expandable-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;  /* height of the fade area */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        #ffffff
    );
    pointer-events: none; /* clicks pass through */
}

/* When expanded, hide the fade */
.facts-wrapper .expandable-content.expanded::after {
    opacity: 0;
}

/* Sub-section headers (Interior, Property, Land, etc.) */
.propdetailsfeaturesheader {
    margin: 20px 0 8px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 600;
    background: #f5f5f8;
    border-radius: 2px;
}

/* Individual fact row */
.propdetailsfeatures-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 4px 0;
    border-top: 1px solid #e4e4e4;
    font-size: 14px;
}

/* Left column (label) */
.propdetailsfeatures-label {
    font-weight: 600;
    flex: 0 0 40%;   /* label column width on desktop */
}

/* Right column (value) */
.propdetailsfeatures-value {
    flex: 1;
    text-align: left;
    line-height: 1.5;
}

/* Links inside values */
.propdetailsfeatures-value a {
    color: #0877BD;
    text-decoration: none;
}

.propdetailsfeatures-value a:hover {
    text-decoration: underline;
}

/* Responsive: stack label + value on small screens */
@media (max-width: 767px) {
    .propdetailsfeatures-row {
        flex-direction: column;
    }
    .propdetailsfeatures-label {
        flex: none;
        margin-bottom: 2px;
    }
}


#propdetailsmapheader {width:100%; font-size:16px; padding-top:20px; margin-top:4px; border-top:1px solid #999;}
#mapdiv {margin:10px 0 0 0; overflow:hidden; width:100%; height:300px;}
#mapdiv2 {margin:10px 0 0 0; overflow:hidden; width:100%; height:300px;}
#propdetailsdirections {font-size:14px; line-height:18px; margin-top:7px;}
.propdetailssummaryheader {width:100%; font-size:16px; padding-top:25px; margin-top:8px; border-top:1px solid #999;}
.propdetailssummary {font-size:16px; line-height:26px; margin-top:7px; padding-bottom: 15px;}
.propdetailsremarks {font-size:16px; font-weight:400; line-height:26px; margin-top:15px; padding-bottom:15px;}

/* Wrapper */
.expandable-block {
    margin-bottom: 20px;
}

/* Collapsed content */
.expandable-content {
    max-height: 120px;               /* adjust for how many lines you want */
    overflow: hidden;
    transition: max-height 0.5s ease;
}

/* When expanded */
.expandable-content.expanded {
    max-height: 2000px;              /* big enough to show all text */
}

/* Toggle link */
.expand-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #0877BD;
    cursor: pointer;
    user-select: none;
}

/* Arrow styling */
.toggle-arrow {
    display: inline-block;
    transition: transform 0.5s ease;
}

/* Arrow rotates when expanded */
.expand-toggle.expanded .toggle-arrow {
    transform: rotate(180deg);
}

/* Taller collapsed height JUST for Facts & features */
.facts-wrapper .expandable-content {
    max-height: 380px;   /* tweak until it feels right: 320–450px range */
}

/* Expanded state (override if needed) */
.facts-wrapper .expandable-content.expanded {
    max-height: 6000px;
}

/* Ensure proper positioning for the fade overlay */
#remarks-content {
    position: relative;
    max-height: 180px;      /* collapsed height — adjust to preference */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

/* When expanded, allow full height */
#remarks-content.expanded {
    max-height: 3000px;     /* effectively unlimited */
}

/* Gradient fade at the bottom */
#remarks-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 100px;   /* fade height — adjust if needed */

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        #ffffff
    );

    pointer-events: none; /* DO NOT block clicks */
}

/* Hide the gradient when expanded */
#remarks-content.expanded::after {
    opacity: 0;
}


#mlsfieldscontainer {font-size:14px; margin-top:15px;}
#propdetailscourtesyof {font-size:14px; text-align:right; margin-top:20px; padding-top:10px; border-top:1px solid #999; width: 100%;}
#propdetailsagentphoto {margin:5px auto 0 auto; overflow:hidden; height:200px; max-height:200px; width:210px; max-width:210px; border:5px solid #cacaca;}
#propdetailscallus {font-size:22px; color:#666; font-weight:bold; text-align:center; border-bottom:1px solid #999; padding-bottom:10px; width:95%; margin:10px auto 0 auto;}
#propdetailssocial {overflow:hidden; width:98%; margin:15px auto 0 auto; padding-bottom:5px;}
.propdetailssocialcontainer {float:left; width:24.8%;}
.propdetailssocialimage {width:80%; max-width:50px; margin:0px auto; display:block;}
#propdetailsbutton {width:95%; margin:0 auto; background:#0877BD; color:#FFF; font-size:16px; font-weight:600; border-radius:10px; padding:5px 0; text-align:center; margin-top:10px; cursor:pointer;}
.propdetailsbutton {width:95%; margin:0 auto; background:#0877BD; color:#FFF; font-size:16px; font-weight:600; border-radius:10px; padding:5px 0; text-align:center; margin-top:10px; cursor:pointer;}
.propdetailsbuttondrop {width:95%; height:0px; margin:0 auto; background:#FFF; color:#000; font-size:16px; padding:0; overflow:hidden; border-bottom:none; transition:height 500ms; -moz-transition:height 500ms; -webkit-transition:height 500ms; -ms-transition:height 500ms; -o-transition:height 500ms;}
#dropinteriorcontainer {overflow:hidden; width:100%; margin:0 auto;}
#dropinteriorsection {overflow:hidden; margin-top:6px;}
#dropinteriortitle {width:90%; text-align:left; color:#666; margin:0 4px 0 0; font-size:14px;}
.dropinteriorinput {width:95.5%; margin:0 auto; font-size:14px; padding:4px; border-radius:5px; border:1px solid #999;}
.dropinteriorbutton {border:none; background-color:#0877BD; color:#FFF; font-size:14px; padding:5px 15px; margin-top:7px; border-radius:5px; cursor:pointer;}
#propdetailssameneighborhoodtitle {width:92%; margin:20px auto 0 auto; font-size:14px; overflow:hidden;}
#propdetailssameneighborhoodimage {margin:15px auto 0 auto; width:92%; height:225px; box-shadow:0 0 8px #ccc; -moz-box-shadow:0 0 8px #ccc; -webkit-box-shadow:0 0 8px #ccc; cursor:pointer;}
#propdetailssameneighborhoodimage:hover {box-shadow:0 0 8px #3b3d40; -moz-box-shadow:0 0 8px #3b3d40; -webkit-box-shadow:0 0 8px #3b3d40; -webkit-transition:600ms; transition:600ms; -moz-transition:600ms; -o-transition:600ms; -ms-transition:600ms;}
#propdetailslendercontainer {width:80%; border-top:1px solid #f6f6f6; padding-top:10px; margin:20px auto 0 auto; font-size:14px; overflow:hidden;}
#propdetailslenderpicture {width:225px; overflow:hidden; margin-top:7px;}
#propdetailslendertitle {font-size:20px; color:#0877BD; font-weight:600;}
#propdetailslenderinfo {font-size:16px; color:#3b3d40; line-height:24px;}
#propdetailslenderaddress {font-size:16px; color:#3b3d40; line-height:24px; margin-top:10px;}
#propdetailslenderbutton {background:#0877BD; width:140px; text-align:center; padding:5px 10px 5px 10px; color:#fff; font-size:16px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px 0 0 0;}
#propdetailsphotogallerycontainer {width:98%; margin:0 auto; overflow:hidden;}
#propdetailsphotogallery {text-align:left; width:48%; margin:10px 0 0 0; float:left; font-size:18px; color:#666; background-color:#f6f6f6; line-height:24px; cursor:pointer;}
#propdetailsphotogallery:hover {color:#333;}
.propdetailsphotogallerylink {text-decoration:none; color:#666;}
.propdetailsphotogallerylink:hover {text-decoration:none; color:#333;}
#registerusersignupcoverlogin {background-color:rgba(27,27,27,0.9); z-index:2000; position:fixed; top:0; bottom:0; left:0; right:0;}
#registeruserlogin {position:absolute; display:block; background:transparent; padding:10px; max-width:350px; width:100%; height:400px; top:0; left:0; bottom:0; right:0; margin:auto; z-index:2050;}
#userloginlogin {position:absolute; display:none; background:transparent; padding:10px; max-width:350px; width:100%; height:400px; top:0; left:0; bottom:0; right:0; margin:auto; z-index:2050;}
#userlogincloselogin {font-size:12px; color:#FFF; margin:0 auto; width:100px; text-align:center; margin-top:10px; cursor:pointer;}
#registeruserheaderlogin {font-size:24px; color:#FFF; margin:0 auto; text-align:center; font-weight:bold;}
#registerusersubheaderlogin {font-size:20px; color:#FFF; margin:0 0 0 0; text-align:center;}
#registerinputfieldlogin {margin-top:10px;}
#registerinputnamelogin {font-size:16px; font-weight:bold; color:#FFF; text-align:left;}
.registeruserinputlogin {border:1px solid #999; border-radius:5px; width:95%; padding:7px 2%; font-size:14px;}
.registeruserbuttonlogin {border:1px solid #FFF; background:#FFF; width:90%; color:#333; padding:6px; border-radius:10px; font-size:17px; cursor:pointer;}
.registeruserbuttonlogin:hover {border:1px solid #000;}
#registerusersignupcover {background-color:rgba(27,27,27,0.9); z-index:2000; position:fixed; top:0; bottom:0; left:0; right:0;}
#registeruser {position:absolute; display:block; background:transparent; padding:10px; max-width:350px; width:100%; height:400px; top:0; left:0; bottom:0; right:0; margin:auto; z-index:2050;}
#userlogin {position:absolute; display:none; background:transparent; padding:10px; max-width:350px; width:100%; height:400px; top:0; left:0; bottom:0; right:0; margin:auto; z-index:2050;}
#userloginclose {font-size:12px; color:#FFF; margin:0 auto; width:100px; text-align:center; margin-top:10px; cursor:pointer;}
#registeruserheader {font-size:24px; color:#FFF; margin:0 auto; text-align:center; font-weight:bold;}
#registerusersubheader {font-size:20px; color:#FFF; margin:0 0 0 0; text-align:center;}
#registerinputfield {margin-top:10px;}
#registerinputname {font-size:16px; font-weight:bold; color:#FFF; text-align:left;}
.registeruserinput {border:1px solid #999; border-radius:5px; width:95%; padding:7px 2%; font-size:14px;}
.registeruserbutton {border:1px solid #FFF; background:#FFF; width:90%; color:#333; padding:6px; border-radius:10px; font-size:17px; cursor:pointer;}
.registeruserbutton:hover {border:1px solid #000;}

/* Neighborhood Search Page */
#neighborhoodwrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#neighborhoodcontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1%; border:1px solid #cacaca; border-radius:5px;}
#neighborhooddetailscontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1% 1% 10px 1%; border:1px solid #cacaca; border-radius:5px;}
#neighborhoodbox {width:23%; max-height:220px; min-height:220px; height:220px; overflow:hidden; float:left; margin:1%;}
#neighborhoodboxname {width:80%; padding:10px; background:rgba(59,61,64,.5); color:#FFF; font-size:14px; font-weight:600; margin:0 auto; text-align:center; margin-top:80px;}
#neighborhoodbox:hover #neighborhoodboxname {background:#3b3d40; -webkit-transition:300ms; transition:300ms; -moz-transition:300ms; -o-transition:300ms; -ms-transition:300ms;}
#neighborhoodtitle {width:90%; margin:0px auto; font-size:28px; font-weight:400; color:#000;}
#neighborhoodlocation {width:90%; margin:0px auto 0px auto; font-size:20px; color:#000;}
#neighborhooddescription {width:90%; margin:10px auto 0px auto; line-height:26px; font-size:16px; color:#000;}
#neighborhoodsummary {width:99.6%; margin:3px auto 3px auto; line-height:26px; font-size:16px; color:#000;}
#neighborhoodmaptitle {width:99.6%; margin:0px auto 0px auto; font-size:20px; color:#000;}
#neighborhoodsearchcontainer {width:90%; overflow:hidden; margin:15px auto 0 auto;}
#neighborhoodname {float:left; overflow:hidden; margin:0 15px 0 0;}
#neighborhoodcity {float:left; overflow:hidden; margin:0 15px 0 0;}
.sdname {width:290px; border:1px solid #999; font-size:16px; padding:8px; outline:none; border-radius:5px;}
.sdcity {width:190px; border:1px solid #999; font-size:16px; padding:8px; outline:none; border-radius:5px;}
.sdinputlabel {color:#666; font-size:14px;}
#sdbutton {font-size:16px; padding:8px 15px; border:1px solid #0877BD; background-color:#0877BD; border-radius:5px; color:#FFF; margin:0; cursor:pointer;}
#sdsubmit {font-size:0px; display:none; width:0px; height:0px;}
#neighborhooddisclaimer {font-size:12px; color:#666; width:1200px; margin:15px auto 0 auto; text-align:left;}

/* Favorite Page */
#favoritewrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#favoritetitle {width:90%; margin:0px auto; font-size:28px; font-weight:400; color:#000;}
#favoritedescription {width:90%; margin:10px auto 0px auto; line-height:26px; font-size:16px; color:#000;}
#favoritedetailscontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1% 1% 10px 1%; border:1px solid #cacaca; border-radius:5px;}

/* Recent Page */
#recentwrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#recenttitle {width:90%; margin:0px auto; font-size:28px; font-weight:400; color:#000;}
#recentdescription {width:90%; margin:10px auto 0px auto; line-height:26px; font-size:16px; color:#000;}
#recentdetailscontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1% 1% 10px 1%; border:1px solid #cacaca; border-radius:5px;}

/* Pages Page */
#pageswrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#pagestitle {width:90%; margin:0px auto; font-size:28px; font-weight:400; color:#000;}
#pagesdescription {width:90%; margin:10px auto 0px auto; line-height:26px; font-size:16px; color:#000;}
#pagesdetailscontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1% 1% 10px 1%; border:1px solid #cacaca; border-radius:5px;}

/* Zip Code Page */
#zipcodewrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#zipcodetitle {width:90%; margin:0px auto; font-size:28px; font-weight:400; color:#000;}
#zipcodedescription {width:90%; margin:10px auto 0px auto; line-height:26px; font-size:16px; color:#000;}
#zipcodedetailscontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1% 1% 10px 1%; border:1px solid #cacaca; border-radius:5px;}
#zipcodedisclaimer {font-size:12px; color:#666; width:1200px; margin:15px auto 0 auto; text-align:left;}

/* Street Name Page */
#streetnamewrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#streetnametitle {width:90%; margin:0px auto; font-size:28px; font-weight:400; color:#000;}
#streetnamedescription {width:90%; margin:10px auto 0px auto; line-height:26px; font-size:16px; color:#000;}
#streetnamedetailscontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1% 1% 10px 1%; border:1px solid #cacaca; border-radius:5px;}
#streetnamedisclaimer {font-size:12px; color:#666; width:1200px; margin:15px auto 0 auto; text-align:left;}

/* School Search Page */
#schoolwrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#schoolcontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1%; border:1px solid #cacaca; border-radius:5px;}
#schooldetailscontainer {width:90%; overflow:hidden; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px auto 0 auto; padding:1% 1% 10px 1%; border:1px solid #cacaca; border-radius:5px;}
#schoolsectionheader {width:100%; text-align:left; font-size:22px; font-weight:bold; margin:0; padding:0;}
#schoolsectiondescription {width:100%; text-align:left; font-size:16px; line-height:26px; margin:0; padding:0;}
#schoolbox {width:23%; max-height:220px; min-height:220px; height:220px; overflow:hidden; float:left; margin:1%;}
#schoolboxname {width:80%; padding:10px; background:rgba(59,61,64,.5); color:#FFF; font-size:14px; font-weight:600; margin:0 auto; text-align:center; margin-top:80px;}
#schoolbox:hover #schoolboxname {background:#3b3d40; -webkit-transition:300ms; transition:300ms; -moz-transition:300ms; -o-transition:300ms; -ms-transition:300ms;}
#schooltitle {width:90%; margin:0px auto; font-size:28px; font-weight:400; color:#000;}
#schoollocation {width:90%; margin:0px auto 0px auto; font-size:20px; color:#000;}
#schooldescription {width:90%; margin:10px auto 0px auto; line-height:26px; font-size:16px; color:#000;}
#schoolsummary {width:99.6%; margin:3px auto 3px auto; line-height:26px; font-size:16px; color:#000;}
#schoolmaptitle {width:99.6%; margin:0px auto 0px auto; font-size:20px; color:#000;}
#schoolsearchcontainer {width:90%; overflow:hidden; margin:15px auto 0 auto;}
#schoolname {float:left; overflow:hidden; margin:0 15px 0 0;}
#schoolcity {float:left; overflow:hidden; margin:0 15px 0 0;}
.schoolnameinput {width:290px; border:1px solid #999; font-size:16px; padding:8px; outline:none; border-radius:5px;}
.schoolcityinput {width:190px; border:1px solid #999; font-size:16px; padding:8px; outline:none; border-radius:5px;}
.schoolinputlabel {color:#666; font-size:14px;}
#schoolbutton {font-size:16px; padding:8px 15px; border:1px solid #0877BD; background-color:#0877BD; border-radius:5px; color:#FFF; margin:0; cursor:pointer;}
#schoolsubmit {font-size:0px; display:none; width:0px; height:0px;}
#schooldisclaimer {font-size:12px; color:#666; width:1200px; margin:15px auto 0 auto; text-align:left;}

/* SELL PAGE */
#sellwrapper {width:100%; position: relative; margin:0px auto; padding:0px; overflow:hidden;}
#sellwrapperdarken {width:100%; min-height: 600px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
#sellcenter {width:1200px; text-align:center; color:#FFF; overflow:hidden; margin: 50px auto;}
#sellheader {width:100%; margin:0 auto; font-size:36px; overflow:hidden;}
#sellform {}
.sellfield {padding:10px 10px; font-size:16px; border:1px solid #999; border-radius:3px; color:#333; width:575px; font-weight:normal; outline:0;}
.sellsubmit {border:none; color:#FFF; cursor:pointer; width:575px; padding:15px 5px; font-size:16px; background-color:#0877BD; border-radius:5px; font-weight:400;}
.getreportsubmit {border:none; color:#FFF; cursor:pointer; width:220px; padding:15px 5px; font-size:18px; background-color:#0877BD; border-radius:5px;}
#sellcontent {font-size:18px; line-height:28px; margin-top:20px;}
#sellsearchbutton {overflow:hidden; margin:0 auto; border:none; color:#FFF; cursor:pointer; width:220px; padding:15px 5px; font-size:18px; background-color:#0877BD; border-radius:5px; margin-top:25px;}
#sellmap {width:90%; height:400px; margin:25px auto; overflow:hidden; border:3px solid #FFF;}

/* CONTACT */
#contactwrapper {width:100%; background:#f6f6f6; overflow:hidden; color:#333;}
#contactcontainer {width:1200px; margin:20px auto; overflow: hidden;}
.aboutus {line-height: 30px; font-size: 18px;}
#contactheader {width:100%;}
#contactheader h1 {margin:0px; padding:0px; font-weight:400; font-size:28px;}
#contactsubheader {width:100%; font-size:18px; line-height:24px; margin-top:15px;}
#contactquestionheader {width:100%; font-size:22px; color:#0877BD; margin-top:20px; padding-bottom:10px;}
.contactinputtitle {font-size:12px; margin:5px 0 0 0; padding:0; text-align:left;}
.contactinput {font-size:16px; color:#333; margin:0 0; padding:8px; border-radius:5px; border:1px solid #999; width:290px; outline:none;}
.contactbutton {background-color:#0877BD; color:#FFF; border:none; font-size:16px; padding:10px 15px; border-radius:5px; margin-top:20px; cursor:pointer;}
#contactsectionone {overflow:hidden; float:left; text-align:left; width:32.3%; padding-bottom:25px; font-size:18px;}
#contactsectiontwo {overflow:hidden; float:left; text-align:center; width:32.3%; padding-bottom:25px; font-size:18px; line-height:28px;}
#contactsectiontwo a {color:#0877BD; text-decoration: none;}
#contactsectionthree {overflow:hidden; float:left; text-align:center; width:32.3%; padding-bottom:25px; font-size:18px; line-height:28px;}
#contactpic {overflow:hidden; height:250px; max-width:200px; border:10px solid #FFF; margin:15px auto 0 auto;}

/* BLOG PAGE */
#blogpagewrapper {width:100%; background:#f6f6f6; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#blogpagecontainer {width:1200px; overflow:hidden; -webkit-overflow-scrolling:touch; background:#fff; margin:10px auto 0 auto; padding:1%; border:1px solid #cacaca; border-radius:5px;}
#blogpagetitle {width:1200px; margin:0px auto; font-size:28px; font-weight:400; color:#000;}
#blogpagedisclaimer {font-size:12px; color:#666; width:1200px; margin:25px auto 0 auto; text-align:left;}
#blogpagegroupcontainer {width:100%; border-spacing:10px; overflow:hidden; margin-bottom:15px; display:table; table-layout:fixed;}
#blogpagethumbcontainer {display:table-cell; padding:10px; overflow:hidden; border:1px solid #CCC; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
h3#blogpagetitle {width:100%; font-size:18px; color:#0877BD; margin:5px 0 0 0; padding:0; font-weight:normal;}
#blogpagethumbnail {width:97%; height:200px; margin:10px auto; overflow:hidden;}
#blogpagepreview {font-size:14px; line-height:24px; margin:10px 0 0 0; padding:0; font-weight:normal;}
#blogpagepreview img {display:none;}
#blogpagedate {font-size:12px; margin:10px 0 0 0; padding:0;}

/* BLOG */
#blogwrapper {width:100%; background:#fff; overflow:hidden; padding-bottom:20px; padding-top:20px;}
#blogtitle {width:1200px; margin:10px auto; font-size:28px; font-weight:bold; color:#000;}
#blogpublish {width:1200px; margin:5px auto; font-size:14px; font-weight:400; color:#666;}
#blogcontentwrapper {width:1200px; margin:0 auto; overflow:hidden;}
#blogcontainer {width:calc(100% - 327px); float:left; overflow:hidden; color:#666; font-size:18px; font-weight:600; line-height:30px; -webkit-overflow-scrolling:touch; background:#FFF; margin:10px 10px 0 0; padding:10px 25px 10px 10px; border-right:1px solid #cacaca;}
#blogcontainer a {color:#0877BD; text-decoration:none;}
#blogcontainer img {margin: 10px 15px 10px 0; max-width: 500px; height: auto;}
#blogcontainer p {margin:15px 0; padding:0;}
#blogcontainerright {width:260px; overflow:hidden; margin:10px 0 0 0; padding:10px;}

#wrapper {width:1200px; background-color:#FFF; overflow:hidden; padding: 20px 0; margin: 0 auto;}
#outsidewrapper {width:100%; background:#FFF; overflow:hidden;}
#policywrapper {width:100%; background:#f6f6f6; overflow:hidden; color:#333;}
#policycontainer {width:1200px; margin:30px auto;}

@media screen and (max-width: 1300px) {
#searchcontainer {width:98%;}
#searchhomeimagecontainer {width:23.7%;}
#searchhomeimage {height:180px; max-height:180px;}
}

@media screen and (max-width: 1200px) {
#header {width:99%;}
#hometext {width:calc(100% - 20px); padding: 0px 10px;}
#carouselcontainer {overflow:scroll; -webkit-overflow-scrolling:touch; white-space:no-wrap; overflow-y:hidden;}
#carousellistingscontainer {width:3800px; padding-top:0px;}
#carousellistings {width:auto; overflow:hidden; padding:10px;}
#carouselimagecontainer {float:none; margin:0;}
#carouselleftbutton {display:none;}
#carouselrightbutton {display:none;}
#carouselbrokermobile {display:block;}
#carouselbroker {display:none;}
#carouselprice {padding-right:0;}
#homeneighborhoods {width:calc(100% - 40px); padding:20px; margin:0 auto; overflow:hidden;}
#homeneighborhoodsgrid {width:94%; margin:15px auto 0 auto; overflow:hidden;}
#homeneighborhoodsgridbox {width:calc(50% - 20px); margin:10px;}
#blogarea {width:calc(100% - 20px); padding: 0px 10px;}
#footer {width:98%;}

/* PROP DETAILS */
#propdetailsbreadcrumbs {width:97.6%;}
.propdetailsheader {width:96%; padding-left:1%;}
#propdetailscontainer {width:98.6%;}
#propdetailsleft {width:63%;}
#propdetailsright {width:34%;}

/* Neighborhood Box */
#neighborhoodcontainer {width:93%;}
#neighborhooddetailscontainer {width:93%; padding:2%;}
#neighborhoodbox {width:30.9%;}
#neighborhooddisclaimer {width:97%;}

/* School Box */
#schoolcontainer {width:95%; padding:.5%;}
#schoolbox {width:31.3%;}
#schooldisclaimer {width:97%;}

/* Sell Page */
#sellcenter {width:95%;}
#sellheader {font-size:26px;}

/* Contact */
#contactcontainer {width:96%; margin:20px auto;}
#contactsectionone {float:none; width:100%; text-align:center;}
#contactsectiontwo {float:left; width:50%; text-align:center;}
#contactsectionthree {float:left; width:49%; text-align:center;}
#contactpic {margin:15px auto 0 auto;}
.contactinputtitle {width:92%; margin:7px auto 0 auto;}
.contactinput {width:90%;}
.contactbutton {width:60%; margin:20px auto 0 auto;}

/* Blog Page */
#blogpagecontainer {width:94%; padding:15px 10px;}
#blogpagetitle {width:96%;}
#blogpagedisclaimer {width:98%;}

/* BLOG */
#blogwrapper {width:100%; padding-bottom:20px; padding-top:20px;}
#blogtitle {width:96%; margin:10px auto; font-size:26px; font-weight:bold; color:#000;}
#blogpublish {width:96%; margin:5px auto; font-size:14px; font-weight:400; color:#666;}
#blogcontentwrapper {width:100%; margin:0 auto; overflow:hidden;}
#blogcontainer {width:calc(70% - 50px); border:none; margin:10px 10px 10px 0px; padding:10px 20px 10px 20px;}
#blogcontainer img {width:calc(100% - 20px); margin: 0 auto 20px auto; max-width: 100%;}
#blogcontainerright {width:calc(30% - 20px); overflow:hidden; margin:10px 0 0 0; padding:10px;}

#wrapper {width:calc(100% - 30px); padding: 20px 15px 20px 15px;}	
#policycontainer {width:96%; margin:20px auto;}
	
}

@media screen and (max-width: 1000px) {
#headerlogo {display:none;}
#headerlogostack {display:none;}
#headerlogobug {display:inline; float:left; height:57px; width:100px; background:none; margin-left:5px; margin-top:7px;}
#homeneighborhoodsheader {float:none;}
#homeneighborhoods2 {display:none;}
#homeneighborhoodsbutton {float:none; margin:15px auto 0 auto;}
#homebloggroupcontainer {width:100%; border-spacing:0; overflow:hidden; margin-bottom:10px; display:block; table-layout:auto;}
#homeblogthumbcontainer {width:92%; display:block; margin:0px auto 10px auto; float:none;}	
#footerquicklinks {float:none;}	
#searchmenuwrapper {width:95%;}
#searchhomeimagecontainer {width:47.5%; margin:1%;}
#searchhomeimage {height:200px; max-height:200px;}
#searchmenucolumn {width:98%; margin:.5%;}

/* Neighborhood Box */
#neighborhoodbox {width:47.6%;}

/* School Box */
#schoolbox {width:48.0%;}
}	

@media screen and (max-width: 768px) {
/* Blog */
#blogcontainer {width:calc(100% - 40px); float:none; margin:10px auto; padding:10px 20px;}
#blogcontainerright {display:none;}

#headernav {display:none;}
#headercontainer {border-bottom:none; height:50px;}
#headerbuffer {height:50px;}
#headernavcontainermobile {display:inline; float:right; overflow:hidden; padding:5px 15px 5px 15px; margin-top:10px; margin-right:20px; cursor:pointer; z-index:1000;}
#loginheaderwide {display:none;}
#headernavcontainermobile:hover {background:#3b3d40; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-transition:600ms; transition:600ms; -moz-transition:600ms; -o-transition:600ms; -ms-transition:600ms;}
#headermobilemenu {position:fixed; y-overflow:scroll; x-overflow:hidden; overflow:auto; top:50px; bottom:100%; z-index:1000; display:block; width:100%; transition:bottom 500ms; -moz-transition:bottom 500ms; -webkit-transition:bottom 500ms; -ms-transition:bottom 500ms; -o-transition:bottom 500ms; background:rgba(79,81,85,0.98); color:#FFF;}
#headermobilemenuhiddensearch {position:fixed; y-overflow:scroll; x-overflow:hidden; overflow:auto; top:50px; bottom:0px; right:0px; z-index:1001; display:block; transition:width 500ms; -moz-transition:width 500ms; -webkit-transition:width 500ms; -ms-transition:width 500ms; -o-transition:width 500ms; background:rgba(79,81,85,0.98); color:#FFF;}
#homemidguidebutton {float:none; font-size:16px;}
#homemidtotalhomes {float:none; font-size:16px;}
#homemidcontent {width:99%;}
#homemidsearch {width:90%; padding:10px;}
.qinput {width:92%;}
#qsubmit {font-size:16px;}
#homemidsellaction {width:90%;}
#homemidsellactiontext {font-size:22px;}
#homemidsellactiontextsmall {font-size:22px;}
.homevalueclickhere {font-size:22px;}
#homemidbuyaction {width:90%;}
#homemidbuyactiontext {font-size:22px;}
#homemidbuyactiontextsmall {font-size:22px;}
#homemidsellarrow {display:none;}
#homeheader {font-size:22px;}
#hometextleft {float:none; width:93%; padding:0 10px 0 10px; clear: both;}
#hometextright {float:none; width:93%; padding:0 10px 0 10px; clear: both; margin-top: 15px;}
#homepagemessagecontact {display:block; margin-top: 15px;}	
#homepagemessagetwo {display: none;}
#homeneighborhoodsgridbox {
    width: 100%;
    min-width: 0;       /* allow it to shrink fully */
    display: block;
    margin: 10px 0;     /* center nicely */
    box-sizing: border-box;
  }
#blogarealeft {float:none; width:99%;}
#blogarearight {margin-left:0px; margin-top:15px; width:99%;}
#homelocalareatext {border-bottom:1px solid #CCC; width:97%; text-align:right; padding:10px 5px 10px 5px; tex-size:16px; height:35px; line-height:35px;}
#homelocalareatext:hover {background:#f1f1f1; transition:300ms; -moz-transition:300ms; -webkit-transition:300ms; -ms-transition:300ms; -o-transition:300ms;}
#homelocalareared {font-size:16px; padding:0px; margin-right:5px; color:#FFF; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; width:125px; text-align:center; float:left;}
#homelendercontainer {width:97%; overflow:hidden; margin:20px 0 0 0; padding-bottom:25px; text-align:center;}
#homelenderpicture {display:none;}
#homelenderbutton {margin:10px auto 0 auto;}
#homesocialcontainer {width:90%; margin:10px auto 0px auto;}
#homebadgecontainer {width:90%; border-bottom:1px solid #CCC; padding-bottom:15px; overflow:hidden;}
#homebadge {margin:10px auto 0 auto; width:100%; overflow:hidden;}
#searchbarwrapper {top:50px;}
#searchhomeimagecontainer {width:95.7%; margin:2%;}
#searchhomeimage {height:250px; max-height:250px;}	
#footercontactus {float:none; text-align:center; margin:20px 0 0 0; height:auto;}
#footeroffice {float:none; text-align:center; margin:20px 0 0 0; height:auto;}
#footerquicklinks {float:none; text-align:center; margin:20px 0 0 0; height:auto;}
  .market-trends-desktop {
    display: none;
  }
  .market-trends-mobile {
    display: block;
  }

  .market-trends-mobile p {
    font-size: 15px;
    line-height: 22px;
    margin: 8px 0;
  }
	
	
/* PROP DETAILS */
#propdetailscontainer {width: 96.0%; margin: 0 auto; padding: 0 10px; display: flex; flex-direction: column;}
#propdetailsleft {width:96.0%; float:none; border-bottom:3px solid #333; padding:1% 1.5% 2% 1.5%; margin:0 auto; order: 1;}
#propdetailsright {width:96.0%; float:none; border-right:none; padding:1% 1.5% 2% 1.5%; margin:10px auto 0 auto; order: 2;}
#slideshowcontainer {width:98.0%; border:4px solid #FFF;}	
.propdetailsheader h1 {font-size:24px;}
.propdetailsheader h2 {font-size:18px;}	
 .propdetailsfeatures-row {
        flex-direction: column;
    }
    .propdetailsfeatures-label {
        flex: none;
        margin-bottom: 2px;
    }

#mapdiv2 {display:none;}
#neighborhoodsearchcontainer {width:90%; margin:10px auto 0 auto;}
#neighborhoodname {float:none; margin:10px auto 0 auto;}
#neighborhoodcity {float:none; margin:10px auto 0 auto;}
.sdname {width:95%;}
.sdcity {width:95%;}
#sdbutton {margin-top:10px; padding:6px 25px;}
#schoolsearchcontainer {width:90%; margin:10px auto 0 auto;}
#schoolname {float:none; margin:10px auto 0 auto;}
#schoolcity {float:none; margin:10px auto 0 auto;}
.schoolnameinput {width:95%;}
.schoolcityinput {width:95%;}
#schoolbutton {margin-top:10px; padding:6px 25px;}
  #photo-thumbs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
	
/* Sell Page */
.sellfield {width:94%; padding:2% 2%;}
.sellsubmit {width:96%; padding:2% 2%;}

/* Blog Page */
#blogpagecontainer {width:100%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; background:none; border:none;}
#blogpagetitle {width:94%;}
#blogpagedisclaimer {width:96%;}
#blogpagethumbcontainer {width:90%; margin:0 auto 15px auto; background-color:#FFF; float:none;}
#blogpagegroupcontainer {margin-bottom:0;}
}

@media screen and (max-width: 500px) {
#loginheaderleft {display:none;}
#homemidcontent {padding-top:25px;}
#homemidcontentbigtext {font-size:27px;}
#homemidcontentsmalltext {font-size:24px;}
#qsubmit {margin:5px auto; padding:7px 30px 7px 30px;}
#homevalueclickhere {padding:10px 30px 10px 30px; margin-top:5px;}
#homemidsellactiontext {display:none;}
#homemidsellactiontextsmall {display:block;}
#homeneighborhoods {width:98%; padding:20px 0 20px 0; margin:0 auto; overflow:hidden;}
#homeneighborhoodsgrid {width:94%; margin:15px auto 0 auto; overflow:hidden; padding:0; border:none;}
#homeneighborhoodsgridbox {width:100%; min-width:0; margin:15px 0 0 0;}
#homeneighborhoodsgridname {width:90%;}
#homeneighborhoodsbutton {width:90%;}
#blogareacontainer {padding-top:10px;}
#hometestimonialtitle {padding:15px 3px 0 3px;}
#hometestimonialpreview {padding:0 3px 0 3px;}
#searchmenuwrapper {width:98%;}

/* Prop Detals */
#propdetailsphotogallery {float:none; width:95%; margin:10px 0;}

/* Neighborhood Box */
#neighborhoodbox {width:97%;}
#neighborhoodtitle {font-size:24px; margin:5px auto;}

/* School Box */
#schoolsectionheader {width:97%; font-size:22px; margin:5px auto;}
#schoolsectiondescription {width:97%; font-size:16px; margin:5px auto;}
#schoolbox {width:97.7%;}
#schooltitle {font-size:24px; margin:5px auto;}

/* Contact */
#contactsectiontwo {float:none; width:100%;}
#contactsectionthree {float:none; width:100%;}
#contactquestionheader {font-size:20px;}

/* Blog Page */
#blogpagecontainer {width:100%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; background:none; border:none;}
#blogpagetitle {width:94%; font-size:22px; margin-top:15px;}
#blogpagedisclaimer {width:96%;}
#blogpagegroupcontainer {width:100%; border-spacing:0; margin-bottom:0px; display:block; table-layout:auto;}
#blogpagethumbcontainer {width:90%; display:block; margin:0 auto 15px auto;}
#blogpagegroupcontainer {margin-bottom:0;}

/* Blog */
#blogtitle {font-size:22px; margin:20px auto;}
#blogcontainer {width:87%; padding:10px;}
#blogcontainer p {margin:.5% 0; padding:0;}
#blogcontainer img {padding:25px 0; max-width:99%;}
#blogcontainer iframe {padding:25px 0;}
}

@media screen and (max-width: 425px) {
#registeruser {width:94%;}
#userlogin {width:94%;}
#homeagentpic {overflow:hidden; height:225px; max-height:225px; width:250px; max-width:250px; margin:0px auto 15px auto; float:none;}
}