html, body{ font-size: 14px; height: 100%}

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1rem;
	color: #5a5a5a !important;
	letter-spacing: .025em}

.jumbotron .h1,
.jumbotron h1,
.community-quick-search h1 {
	font-size: 3.5rem;
	font-family: "Times New Roman", Times, Georgia, serif}

h1, .h1, * h1, * .h1 { font-size: 2rem;}

h2, .h2, * h2, * .h2 {font-size: 1.675rem}

h3, .h3, * h3, * .h3 {font-size: 1.45rem}

h4, .h4, * h4, * .h4 { font-size: 1.25rem}

h5, .h5, * h5, * .h5 {font-size: 1.1rem}

h6, .h6, * h6, *.h6 {font-size: 1rem}

p {
	 line-height:1.42857143;
	 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	 color:#333}
	 
p strong { color:#7f8c98}

@media (max-width:480px) {
	
	html, body { font-size: 12px;}
	
}

@media (min-width: 768px) {
	
	html, body { font-size: 15px}
}

@media (min-width: 992px) {
	
	html, body { font-size: 16px}
}

@media (min-width: 1200px) {
	
	html, body { font-size: 18px}
}

body {
	position: relative;
	font-size: 1rem;
	font-weight:300}
	
	
h1, .h1,
h1 span,
.h1 span,
.sc-login-container h3,
#inrBdyCntSavedSearches .title,
span.title,
#account-profile h3.title,
.ignored-listing-list-title,
.title.ignored-listing-list-title {
	/* font-family: "Times New Roman", Times, Georgia, serif; */
	color: #2c3033}	
	
.viewport-article-content h2 > a > font,
.viewport-article-content h2 > font > a > font,
.viewport-article-content font > h2 > a > font {
	/*font-family: "Times New Roman", Georgia, Times, serif; */
	font-size: calc(.8vw + .8vh + .5vmin)}
  
h1, .h1, h2, .h2, h3, .h3, .show-grid {
    margin-bottom: .5rem;
    margin-top: 1rem;
}

h2, .h2,
h2 span,
.h2 span {
	/* font-family: "Times New Roman", Times, Georgia, serif; */
	color: #623753}

h3, .h3,
h3 span,
.h3 span {color: #7f8c98 }

h4, .h4,
h5, .h5,
h6, .h6,
h4 span,
.h4 span,
h5 span,
.h5 span,
h6 span,
.h6 span  {color: #7f8c98; }

a:hover, a:focus,
a:hover span,
a:focus span,
#search-criteria-o
-v3 .btn-save-search a:hover,
#search-criteria-form-v3 .btn-save-search a:focus,
#search-display-options-v3 [data-id="search-results-sorttype"]:hover,
#search-display-options-v3 [data-id="search-results-sorttype"]:focus,
.v3-singleprops .singleprop-header .address *:hover,
.v3-singleprops .singleprop-header .attribs *:hover,
#mapsearch-results .singleprop-header .address *:hover,
#mapsearch-results .singleprop-header .attribs *:hover,
.v3-singleprops .singleprop-header .address *:focus,
.v3-singleprops .singleprop-header .attribs *:focus,
#mapsearch-results .singleprop-header .address *:focus,
#mapsearch-results .singleprop-header .attribs *:focus,
.btn-link:hover, .btn-link:focus,
a.btn-link:hover, a.btn-link:focus {color: #8c99a4}

a, a span, * a,
#search-criteria-form-v3 .btn-save-search,
#search-display-options-v3 [data-id="search-results-sorttype"] span,
#SpecialtyContainer h4 span,
.btn-link {color: #552448 }

button[type="submit"] * {font-size: 1.5rem; color: #999}

button[type="submit"] {
    background-color: transparent;
    border: 0}

legend {font-size: 1.115rem}

fieldset { position:relative}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {background-color: #eee}

input[type="text"] { background-image:none !important;}

[id*="__lpform_"] img { display: none !important;}

/* jumbotron */

#recohomepage .jumbotron-form-container > .form-group > *  {
	color: #fff;
	border: 0}
	
#recohomepage .jumbotron-form-container > .form-group form {margin-top:0}

/* #recohomepage .homepage-hero > .home-worth-container, */
#recohomepage .homepage-hero > .jumbotron-form-container > .form-group {
	position: absolute;
	display: -ms-flexbox;
  display: flex;
	flex-direction: column;
	padding:0;
	margin: auto;
	width: 92vw;
	min-height: 180px;
	max-height: 200px;
	-ms-flex-line-pack: center;
align-content: center;
    -ms-flex-pack: center;
      justify-content: center;
  top: 0;
	right:0;
	bottom:0;
	left:0;
	z-index:2}
	
#recohomepage .jumbotron .home-worth-container  {
	position:absolute;
	margin:auto auto 0;
	padding: 0;
	width: 100%;
	bottom:0}
	

#recohomepage .homepage-hero {
		height: 100%;
		padding: 0}
		
#recohomepage .jumbotron .carousel,
.luxury-hero .carousel-inner > .item,
.carousel-random {
	position: relative;
	width:100%;
	height:100%;
	overflow:hidden;
	top:0;
	left:0;}
	
#recohomepage .homepage-hero > .jumbotron-form-container {
		position:absolute;
		top: 0;
		bottom:0;
		right: 0;
		left: 0;
		z-index: 12}
	
#recohomepage .jumbotron h1, .community-quick-search h1 {font-size:2.35rem}

#recohomepage .jumbotron h2 { font-size:1.1rem}

#recohomepage .jumbotron { background-color:transparent}

#qsLocationBox {
	margin-bottom: 0;
	padding: 0;
	width: auto}
	
.homepage-hero > .jumbotron-form-container .reco-qs-container-inner { background-color:#fff}

.jumbotron.header-img .btn.search-pad {font-size: 1.5rem}

.jumbotron .form-group.container  {
	margin:auto;
	width:100%;
	max-width:99vw}
	
.jumbotron .reco-qs-container-inner {
	margin:auto;
	width: 100%;
	max-width:95vw}

.jumbotron.homepage-hero + .jumbotron-form-container,
.jumbotron.homepage-hero > .jumbotron-form-container {
	position:relative;
	z-index:2}

.jumbotron.homepage-hero:before {
	position: absolute;
    width: 100%;
	height: 100%;
    left: 0;
    top: 0;
	background-color: rgba(0, 0, 0, .3);
    content: "";
	z-index:1
}

.jumbotron.homepage-hero > div { height: 100%}

.jumbotron.homepage-hero {
	position:relative;
	z-index:0}
	
.jumbotron-form-container h1 {margin-bottom: 1rem}
	
.jumbotron h1, .community-quick-search h1 {
	margin-top: 1rem;
	font-weight: 300;
	/*color:#7f8c98 */}
	
.jumbotron legend {
	font-family: "Times New Roman", Georgia, Times, serif;
	color:#562449}

/* End  Jumbotron */

/* start homepage carousel */

.carousel-inner > .item > img {min-height: 300px}

.carousel-fade .carousel-control { top: 0; z-index: 8;}

.carousel-control .glyphicon {
	font-size: 1.5rem;
	color:#fff}
	
.jumbotron .carousel-control:hover{ opacity: 1}

.jumbotron .carousel-control:focus,
.jumbotron .carousel-control,
.carousel-random .carousel-control {
	opacity: 0;
	  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;}

.jumbotron .carousel-inner,
.carousel-random .carousel-inner {z-index: 0}

.jumbotron .carousel-inner {}

/* end homepage carousel */


/* Begin ids */

body#listing-listingsearch #Master_Viewport,
body#listing-listingsearch div#viewport-wrapper,
body#recohomepage div#viewport-wrapper,
body#ui-searchmotifv3-listingdetail div#viewport-wrapper { margin-top: 0 !important}

body#listing-listingsearch #Master_Viewport,
body#ui-searchmotifv3-listingdetail #Master_Viewport {padding-top: 0 !important}

body:not(#recohomepage) #Master_Viewport {padding-top: 15px; padding-bottom:15px}

#content-forms-contactme #viewport-wrapper { padding: 10px 15px;}
#listing-listingsearch #Master_Viewport {max-width: none !important}
		
body#recohomepage { padding-top: 55px}

body#listing-listingsearch { padding-top: 75px}
		
body.iframed div#viewport-wrapper {top: 0 !important;}

body.iframed #Master_Viewport {padding: 0 !important;}

html#page-listing-listingsearch .criteria-form-filters-v2 #dd-criteria-filters-dropdown #dd-criteria-filters-menu.open {max-width: 100vw}

body#recohomepage #Master_Viewport,
body#listing-listingsearch #Master_Viewport { padding-left: 0; padding-right: 0}
	
#search-display-options-v3 div.search-results-displaytype .active span,
#search-display-options-v3 .search-results-displaytype .r-tab.active { 
	color: #552448;
	border-bottom-color: #552448}
	
#listingdetail-container h1.full-address,
.price-container .price,
.price-container .price span { font-size:1.25rem}

#listingdetail-title-summary .property-type {margin-top: .75rem}
	
#criteria-filters-table label,
#criteria-filters-table select,
#criteria-filters-table input,
#mapsearch-criteria-basicsearch input[type="text"],
#criteria-filters-table .filter-option,
#criteria-filters-table div.filters-field .bootstrap-select button .filter-option  {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 300;
	text-transform: capitalize;
	font-size: .85rem}

#criteria-filters-table .filters-field .bootstrap-select button { font-size:inherit}

#listbubble span.r-listing-courtesy-of,
#listbubble span.bubble-courtesy-outer { display: block}

#qsLocationBox + .panel-collapse {
	padding: 7px 10px 15px;
	border-bottom-right-radius: 1.5px;
	border-bottom-left-radius: 1.5px}

#qsLocationBox > .form-control {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; /* for IE */
	border: 0 !important;}

#qsIntro + .btn-link {
	padding: 1px 9px;
	width: auto;
	height:46px;
  font-size: 1.5rem;
	background-color:#fff;
	border-radius: 0;
	border: 0}
	
#qsLocationBox {
	margin-bottom: 0;
	padding: 0;
	width: auto}

div#viewport-wrapper { top: auto}

#viewport-wrapper,
#viewport-wrapper > span {
    display: block;
    width: 100%;}
		
#community-search {
	position:absolute;
	display:block;
	margin: 0 auto;
	padding: 0 15px;
	width:100%;
	top: -7%;
	left:0;
	z-index: 2}
						
#viewport-wrapper { background-color: transparent}

#listingdetail-container {background-color: #fff}

#page-title {
	margin-top: 2rem;
	height:1px;
	background-color: #eee}
	
#property-detail-more-info { padding-left: 15px; padding-right: 15px}

.rui-page, #agentsearch-search #Master_Viewport { padding:0 15px 0}

/* End ids */


/* Begin classes */

.iframed #content-forms-contactme .navbar,
.iframed #content-forms-contactme .footer { display:none}

.navbar-nav .dropdown .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu > li > a {
	font-size: 1em;
	line-height:1.25;
	white-space:normal}
	
.listview-result.v4 .listview-row1 {background-color: #ececec}

.navbar-nav .dropdown .caret { color:#fff}

.navbar-toggle .icon-bar + .icon-bar {margin-top:7px}

.navbar-nav > li > .dropdown-menu,
.navbar-nav .open .dropdown-menu {
	margin: 0 auto;
	background-color:#fff;
	max-width: 90%;
	max-height:180px;
	overflow-y:auto}

.navbar-collapse > ul.nav > li > a:hover,
.navbar-collapse > ul.nav > li > a:focus,
.dropdown.open .dropdown-toggle  {
	text-decoration: none;
	outline: none;
	colro: #fff;
	background-color: rgba(255,255,255,.5)}

.navbar-collapse > ul.nav > li > a {
	font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.125em;
	font-weight:100;
	line-height:1.125;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	outline: none;}
	
.navbar-collapse > .close {
		position:relative;
		float:right;
		padding: .5rem 1rem;
		font-size: 2em;
		font-weight:100;
		text-shadow:none;
		color:#fff;
		opacity: 1;
		z-index: 1200}

.nav.nav-pills > li.active > a {background-color: #562449}

.nav.nav-pills > li.active > a:hover,
.nav.nav-pills > li.active > a:focus {background-color: #f1f1f1}

.navbar-fixed-top .navbar-collapse {
	max-height:440px;
	clear:both;
	overflow-x: hidden}
	
.nav-bar-login .btn-link {
	display:block;
	padding-top:0;
	padding-bottom: 0;
	font-weight:100;
	line-height:1.125;
	background-color:transparent;
	color:#562449}

.navbar-toggle .icon-bar {background-color:#562449}

.qs-input-fields .form-control,
input.form-control,
.qs-input-fields .form-horizontal .control-label,
.qs-input-fields .form-horizontal > label,
.qs-input-fields .form-horizontal > div.text-center,
.qs-input-fields .form-control,
.form-horizontal .form-group-lg .form-control,
.form-horizontal .form-control,
.luxury-hero .form-control,
.luxury-hero input,
.luxury-hero select,
input[type="text"],
input[type="textarea"] {font-size:.875em}

.qs-input-fields .form-horizontal > div.text-center {padding:0}

.luxury-hero > .jumbotron-form-container > .form-group {
		background-color:rgba(246, 247, 249, 1);
		border: #fff 1px solid}

.luxury-hero > .jumbotron-form-container { background-color: transparent; border: 0}

.luxury-hero .form-control,
.luxury-hero input,
.luxury-hero select { border-width:1px}

.luxury-collection-carousel .btn.btn-lg,
.hp-career-marketing-container .btn.btn-lg,
.hp-community-profiles .btn.btn-lg  {
	display:block;
	margin-bottom: 1rem;
	font-size: 1.125rem;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: .025em;
	white-space:normal}
	
.luxury-collection-carousel .btn.btn-lg {margin-bottom:0}

.luxury-collection-carousel .jcarousel-description-container > a > div:not(:first-child) {
	float:right;
	display: inline-block;
	margin-top:1rem;
	padding-left:.25rem;
	background-color: #fff;	
	width:auto;
	max-width: 66.66666667%;
	font-weight: normal;
	font-size: .85em;
	text-align:right}

.luxury-collection-carousel .jcarousel-description-container > a > div:first-child {
	position:relative;
	-ms-display:flex;
	display:flex;
	-ms-flex-align: center;
     align-items: center;
  -ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	min-height: 225px;
	max-height: 300px;
	overflow:hidden}
	
.luxury-collection-carousel .jcarousel-price-text:after {
    position: relative;
    display: inline-block;
    padding-left: .25rem;
		top: -1px;
		content: "|";}
	
.luxury-collection-carousel .jcarousel-price-text {padding-right: .25rem}
	
.luxury-collection-carousel .jcarousel-description-container > a { display: block; text-decoration:none}
	
.luxury-collection-carousel .jcarousel-price-text + div { padding-right:0 white-space: nowrap}

.luxury-collection-carousel .slick-slide img,
.hp-photo > img {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: center;
		-ms-flex-item-align: center;
					align-self: center;
	position:absolute;
	margin:auto;
	padding:0;
	min-height: 205px;
	/*width: auto !important;*/
	height: auto !important;
	top: 0;
	right: 0;
	left:0;
	bottom:0; 
	z-index:-1;}
	
.hp-photo.hp-community > img {min-height: 225px}

.welcome-dashboard .link-panel a { background-color:#562449}
	
.luxury-collection-carousel .jcarousel-description-details > p {
	padding-right:1rem;
	font-size: .875em;
	line-height:1.5;
	color:#000;
	/* font-family: "Times New Roman", Times, Georgia, serif; */
	min-height:110px;
	max-height:110px;
	overflow-y:auto;
	overflow-x:hidden}

.luxury-collection-carousel div.slick-list { width: 100%}

.luxury-collection-carousel .jcarousel-address-text,
.luxury-collection-carousel .jcarousel-city-state-text { font-size:.825rem}

.luxury-collection-carousel .pdoc {min-height: 266px}

.viewport-article-content .krg-offices-container .krg-office-photo a img {
	margin: 0 auto;
	max-height: 185px}
	
.krg-offices-container .krg-office-description p a ~ a {padding-left: 1.5rem}  

.krg-offices-container { overflow:visible !important}


a.btn-link.sign-in-button:hover,
a.btn-link.sign-in-button:focus,
a.btn-link.register-button:hover,
a.btn-link.register-button:focus { text-decoration: none}

.btn-link.sign-in-button {padding-top: .2rem}

.qs-input-fields .form-control {
	padding-right:0;
	padding-left: 6px;
	border:0}

.navbar-collapse > .nav.navbar-nav {
	margin-top: 0;
	padding-top:1rem;
	background-color: #562449}

.navbar-collapse ul.logged-in li,
.navbar-collapse ul.logged-out li,
.navbar-collapse ul.logged-in li a,
.navbar-collapse ul.logged-out li a,
.logged-in > li > a .logged-out > li > a {
	float:none;
	text-align: center;
	color: #fff}
	
.navbar-collapse .divider {
    margin: .5rem;
    height: 1px;
    background-color: #fff}

.viewport-article-content .form-group.container,
.viewport-article-content .home-worth-container  {
	position:relative;
	margin:auto auto -3rem;
	padding: .75rem 1rem .5rem;
	width:100%;
	max-width:85vw;
	top: -5rem}
	
.community-avm.table-responsive {overflow: visible}
	
.community-quick-search + .community-avm .home-worth-container { margin-bottom:1rem; top: auto}

.footer-nav-contact-list .fa {
	margin: 0;
	font-size: 1.75rem;
	color:#999}

.reco-qs-container-inner .btn-primary {
		padding-right: .75rem;
		padding-left: .75rem;
    background-color: #fff;
    border: 0 none;
    border-radius: 0}
		
.reco-qs-container-inner .fa-sliders {
	padding:.25rem;
	font-size: 2.2em;
	color: #999}
		
.discover-home-value .btn.btn-primary,
.discover-home-value .btn {
		position:relative;
    background-color: #fff;
    border-color: #fff;
    color: #562449;
		line-height:1;
		letter-spacing: -.0005em;
		text-decoration: none;
		border-radius: 0;
		/*right:-2px*/}

.discover-home-value .form-control {
	position:relative;
	left:-2px;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-weight:100;
	border-bottom:0}

.home-worth-container .discover-home-value {margin:0 auto}

.home-worth-container .well:not(.well-sm) {
	position:relative;
	margin-bottom: 0;
	padding: .85rem 0;
	z-index:0}

.hp-career-marketing-container .well-lg {
	padding:1.5rem;
	background-color: rgba(86, 36, 73, .63)}

.hp-community-profiles .well-lg { 
	max-height: 300px;
	background-color: rgba(0, 0, 0, 0.63)}
	
.well.reco-qs-container-inner {
	background-color:rgba(255, 255, 255, .61);
	box-shadow: none}

.home-worth-container .well {
	background-color:rgba(86,36,73,1);
	border: 0;
	box-shadow: none}

.well.reco-qs-container-inner {padding:0;}
	
.home-worth-container .featurette-heading {
	margin: 0 0 .5rem;
	padding-right:.25rem;
	padding-left:.25rem;
	width: auto;
	font-size: 1.35rem;
	color:#fff;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase}
	
.panel-default > .panel-heading,
.thumbnail.well,
button.dropdown-toggle.btn-default {
	color: #562449;
	background-color: #f5f5f5}
	
.panel-primary > .panel-heading {
    background-color: #562449;
    border-color: #562449}

.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #ab92a4;
	border-color: #562449}
	
.list-group-item.active {
	background-color:  #562449;
	border-color: #562449;
	color: #fff}

.thumbnail .well p,
.thumbnail .well-lg p {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
						
.pd-accordion .icon-walk-score,
.pd-accordion .icon-travel-score,
.pd-accordion .scorenumber,
#listingdetail-container .pd-accordion h4,
.pd-accordion .panel-heading a,
#nearby-schools .row-header {color: #552448}

.user-name-welcome.btn-sm,
.user-name-welcome {
		float: none;
		padding:0;
    color: #7f8c98;
    font-size: .85rem;
		line-height: 1.125;
		color:currentColor}
	
.footer .legal:before {
		position:absolute;
		display: block;
		width: 100%;
		min-height: 50px;
		background:url(/Images/REcos/35005/footer-gradient.png) no-repeat center top;
		background-size: 100% 25%;
    content: "";
		opacity: .125}
		
.footer-nav-custom .quick-links:not(:first-child) {margin-bottom:	1rem}
		
.footer-nav-custom .quick-links a:not(:last-child):after {border-color: #666}
		
.quick-links a:not(:last-child):after {
    position: relative;
		padding: 0 1.5px 0 3px;
		width: 1px;
		border-right: #fff 1px solid;
		top: 0;
		 content: "";
		 text-decoration:none}
		
.quick-links a.footer-agent-resources:after { border:0}
	
.footer-agent-resources {margin-right: -6px}
		 
.quick-links-inner-container p:first-child {margin-bottom: .125rem}

.footer .copyright p img {
	  position: relative;
    max-height: 12px;
    top: -1px}

.footer .copyright p.h5 + p {font-size: .825em}
	
.footer .legal,
.footer .legal a,
.copyright p:not(.h5) {font-size:.875em}
	
.footer .legal,
.footer .legal a,
.copyright p {
	color: #fff;
	background-color: #562449}

.fa.fa-sign-out {display: inline-block}

.nav-bar-login .fa { font-size: 1.25rem; color: currentColor}

.btn-primary .fa {color:#999}
	
.pagination > li > a:hover,
.pagination > li span:hover,
.pagination > li > a:focus,
.pagination > li span:focus,
.pager li > a:hover,
.pager li > a:focus {
	color: #fff;
	background-color: #562449}
	
.pagination > li > a,
.pagination > li span { color:#562449}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {color: #562449}

.nav-pills > li > a > .badge {color: #fff}

.nav.nav-pills > li > a:hover,
.nav.nav-pills > li > a:focus  {color: #562449}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:hover .caret,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:focus .caret,
.rui-tab1:hover,
.rui-tab1:focus {
	background-color: #f3f3f3;
	color: #542347;
}

.nav-tabs > li.active > a,
.rui-tab1.selected,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	border: 1px solid #ddd;
	border-bottom: 1px solid transparent;
	color:#555;
	background-color: #fff}

.rui-tab1,
.nav-tabs > li > a,
.nav-tabs > li > a .caret {
	background-color: #542347;
	color: #fff;}

.logged-in > li > * {float: left}	
.logged-in > li {display: inline-block}

.hp-content-container .hp-row-1,
.hp-content-container .hp-row-2,
.hp-career-marketing-container .hp-marketing {margin-bottom: 3rem}

.hp-content-container .hp-row-1 {margin-top: 0}

.hp-career-marketing-container .hp-career,
.hp-career-marketing-container .hp-marketing {
	position:relative;
	max-height:205px;
	overflow: hidden}

.container .jumbotron,
.container-fluid .jumbotron { border-radius:0 }
	
.discover-home-value button,
.discover-home-value .btn {
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:1.325rem}

ul.nav-bar-login.logged-in {margin-top: 0}
ul.nav-bar-login {
	float:right;
	margin-top: 11px;
	margin-right: 0}

.row.past-listings {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd}
		
.row.past-listings,
.row.past-listings p {
	font-size: .75em;
		color: #7f8c98;}
		
.row.past-listings p {margin-bottom: 0}

.luxury-qs-container-inner legend.h1 { color:#2c3033}

.luxury-qs-container-inner #qsTo {padding: 1.5rem 1.25rem 0}

.grid-caption h3 {
		position: relative;
		margin: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align:center;
		color: #fff;
		font-size:1em}

.widget-container.card .caret {
		-o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);}
		
.widget-container.card img {
    display: block;
		margin: 0 auto;
		min-height:200px;
    max-height: 200px;
		min-width: 0;
		width: 100%;
		max-width:100%;
    vertical-align: middle;}

.widget-container .card-block {
	padding-right: 0;
	padding-bottom:0;
	padding-left:0}
	
.widget-container.card {min-height: 24vh}

.card-block .btn-block,
.flex-row .btn-block { white-space:normal}

.card-block a,
.widget-container a,
.widget-container a * { text-decoration:none}

.grid-block-container.card-columns {
	-webkit-column-gap: .5rem;
       -moz-column-gap: .5rem;
            column-gap: .5rem;}

.viewport-article-content .grid-block .box-anchor > a + img,
.viewport-article-content .grid-block > a + img {
    max-height: 200px !important;
    margin: 0 auto;
    position: relative;
		z-index:0}

.viewport-article-content .community-quick-search.well {
	padding: .5rem .5rem 1rem;
	max-width:100vw;
	background-color: #fff;
	overflow:visible}
		
.grid-block-container .grid-block.card { display: block}

@media (min-width: 576px) {
  .grid-block-container.card-columns {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    -webkit-column-gap: .5rem;
       -moz-column-gap: .5rem;
            column-gap: .5rem;
  }
}

.grid-block .caption:hover,
.grid-block .caption:focus {
	display: block !important;
	opacity: 1}

.grid-block .caption {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
		z-index:2;
		opacity: 0}
		
.grid-block.fade {
	opacity: 1;
	transition: opacity 0.15s linear 0s;
}

.widget-container .card-title,
.widget-container .flex-title {
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 100;
	color:#000}
	
.widget-container p strong {
	text-transform:uppercase;
	font-weight: 100;}

.widget-container p {
	font-weight: 100;
	color: #7f7f7f}
		
.grid-block a,
.grid-block { position:relative}

.group-panel h3 { font-size:1em}

.grid-block p,
.group-panel p {font-size:.8em}

.grid-block *,
.well-lg .grid-block *,
.group-panel *,
.well-lg .group-panel * {font-family: Arial,"Helvetica Neue",Helvetica,sans-serif}
/*
.grid-block.fade {
    opacity: 100;
    transition: opacity 0.15s linear 0s;} */

/* a.box-anchor:after {
	position:absolute;
	display:block;
	width: 100%;
	height:9px;
	top: 100%;
	background: transparent url("/images/RECos/35005/page-btm-shadow.png") no-repeat center bottom / contain;
	content:"";} */

form .panel-collapse {
		background-color: #fff;
		/*background-color: rgba(86, 36, 73, 0.47); */
		/*-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.27);
						box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.27); */
		-webkit-box-shadow:  inset 1px 3px 3px rgba(0,0,0,.032), inset -1px -1px 3px rgba(0,0,0,.2), inset 1px -1px 3px rgba(0,0,0,.2);
    box-shadow: inset 1px 3px 3px rgba(0,0,0,.032), inset -1px -1px 3px rgba(0,0,0,.2), inset 1px -1px 3px rgba(0,0,0,.2);}
		
.hp-career-marketing-container p,
.hp-career-marketing-container h3,
.hp-career-marketing-container .h2,
.hp-community-profiles p,
.hp-community-profiles h3,
.hp-community-profiles .h2 { color:#fff}

.hp-career-marketing-container h3,
.hp-career-marketing-container .h2,
.hp-community-profiles h3,
.hp-community-profiles .h2 {font-size: 2rem}

.hp-community-profiles p {margin-bottom: 1.75rem; font-size: 1em}

.hp-career p,
.hp-marketing p {
	margin-bottom: 2.55rem;
	font-size: 1rem;
	font-weight:100}
	
.hp-community-profiles > div.hp-photo,
.hp-photo.hp-career-opp,
.hp-photo.hp-world-class {
	position:absolute;
	top: 0;
	left:0;
	right:0;
	bottom: 0;
	z-index:-1}

.hp-community-profiles {
	height:100%;
	max-height: 300px}
	
.hp-community-profiles { overflow:hidden}
	
.dd-criteria-container > button { font-size:.775rem}

.hp-photo > img { width: 100%}

.hp-photo { padding-right:0; padding-left:0}
	
.well p,
.well-lg p /*,
.well:not(.reco-qs-container-inner)*/ {
	letter-spacing: .05em;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
	
ul.thumbnails,
.unstyled {
	padding-left: 0;
	list-style:none}
	
.footer-custom + .legal { padding: 0 0 1rem}

.quick-links + .copyright {margin-top: 1.75rem;}

.footer-custom h5,
.footer h5,
.footer a,
.footer .legal {font-weight:100}

.footer-custom h5,
.footer-custom h5 a,
.footer-custom a {color:#666}
	
.copyright .h5 {
	font-size:.875rem;
	font-weight:100}

.legal .h3 {
	margin-bottom: 1.75rem;
	margin-top: 1.5rem;
	font-family:"Times New Roman", Times, Georgia, serif;
	color: #fff}
	
.hp-world-class h3 {
    position: absolute;
    top: 45.5%;
    font-size: 2.5rem;
    right: 6%;
    font-family: "Times New Roman", Times, Georgia, serif;
    letter-spacing: -.003em;
		opacity: .5}

.footer h5 {
	 display: inline-block;
	 margin-top:0}
	
.navbar-brand img {
	height: 100%; /* ie */
	max-height: 50px}
	
.hp-photo > img {margin: 0}

.thumbnail img {margin: 0 auto}

.navbar-toggle { margin-right:0}

.navbar-brand { height:auto}

.navbar-fixed-top {
		/*position:absolute; */
		width: 100vw;
		height:auto;
		max-height:none;
		background-color:#fff;
		border-bottom: #dfdfdf 1px solid;
		content:"";
		z-index:-1}

.carousel-random-container {
	position:relative;
	margin-top: -1rem;
	z-index:-1}

.thumbnail {
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

.logged-in {
	  margin-top: .25rem;
		margin-bottom: 0;
		line-height: 1;
    text-align: right;
    width: 100%}
	
.fa {color:#562449}

.label, .badge {background-color: #999}

.well,
.breadcrumb,
.nearby-sales-listing,
.jumbotron {
	border-color: #dfdfdf;
	background-color: #f3f3f3;
	box-shadow: none}
	
.well, .well-lg, .well-sm {border-radius: 0}
	
.nearby-sales-listing,
.ask-a-question { border: #dfdfdf 1px solid}

.carousel-indicators { display: none}

.panel-primary,
.list-group-item {border-color: #562449}

.hp-community-profiles {position:relative}

.title-group {padding: 0 2rem}

.window_header {background-color: #fff !important} /* chat pop-up */

.pagetitle { text-align:center}

.pushpinPopup { font-size:.7em}

.form-inline .form-control,
.form-horizontal .form-control,
.form-control { border-radius: 1.5px}

.footer-custom {padding-top: 1rem}

.footer {
	position:relative;
	padding: 1rem 0}
	
	
/* Begin luxury scheme classes */

.navbar.luxury-scheme { background-color: rgba(255,255,255,.5);} 


/* End luxury scheme classes */
	
	
/* End classes */


/* Start buttons */


input[type="button"],
input[type="submit"] { border-radius: 0 !important;}

.btn:hover,
a.btn:hover,
.btn:focus,
a.btn:focus {
	color:#562449;
	background-color: #f5f5f5;}

.buttontable .btn-clear,
a.btn,
p.btn,
div > a.button-gradient-lg,
.btn-cancel,
.btn-primary.broker_link_email {
	padding: 6px 12px;
	color: #7f8c98;
	/*font-family: "Times New Roman", Georgia, Times, serif; 
	letter-spacing: 0.07em; */
	text-transform:uppercase;
	background-color: #fff;
	border: #ddd 1px solid;
	background-image: none;
	border-radius: 0}
	
a.btn-link {
	padding: 6px 12px;
	background-color: #fff;
	border-color: #ddd;
	background-image: none;
	border-radius: 0}

.newsearch-button,
#inrBdyCntSavedSearches img.btn-white {border-radius: 0}
	
#inrBdyCntSavedSearches a {border-radius: 0}
	
#search-criteria-form-v3 a.btn-save-search:hover,
#search-criteria-form-v3 a.btn-save-search:focus,
.btn-default:hover,
a.btn-default:hover,
.btn-default:focus,
a.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.rui-header-container input[type="button"]:hover,
.rui-header-container input[type="button"]:focus,
#inrBdyCntSavedSearches a:hover:not(.caption2),
#inrBdyCntSavedSearches a:focus:not(.caption2) {
	background-color: #ab92a4;
	color: #fff !important;
	border-color: #dfdfdf}

.btn-default,
a.btn-default,
.sc-btn-secondary,
.rui-header-container input[type="button"],
#inrBdyCntSavedSearches a:not(.caption2),
#search-display-options-v3 button#search-results-sortdir  {
	background-image: none;
	background-color: /* #7A8F43 */ #fff;
	color:#562449 !important;
	font-weight: normal !important;
	border-color: #623753}

/*	
.newsearch-button,
#inrBdyCntSavedSearches img.btn-white {
	background-image: none;
	background-color:  #562449;
	color:#fff !important;
	border: 0 !important;
	font-weight: normal !important;} */

@media (max-width: 600px) {
	button .r-more-button,
	#criteria-toggle-filters .r-more-button,
	div.dd-criteria-container.open .r-more-button {
	background-image: none;
	background-color: #552448;
	color:#fff !important;
	font-weight: normal !important;
	border-color: #552448
	}

}


#criteria-submit-search:hover,
#criteria-submit-search:active,
#filters-submit:hover,
#filters-submit:active,
#content-forms-contactme input[type="Submit"]:hover,
#account-saveproperty input[type="Submit"]:hover,
#account-savesearch input[type="Submit"]:hover,
.ask-a-question .btn-request-info:hover,
#content-forms-contactme input[type="Submit"]:focus,
#account-saveproperty input[type="Submit"]:focus,
#account-savesearch input[type="Submit"]:focus,
.ask-a-question .btn-request-info:focus,
.btn-primary:not(.input-group-addon):hover,
a.btn-primary:hover,
.btn-primary:not(.input-group-addon):focus,
a.btn-primary:focus,
#filters-submit.btn-primary:hover,
#filters-submit.btn-primary:focus,
.sc-btn-primary:hover,
.sc-btn-primary:focus,
div > a.button-gradient-lg:hover,
div > a.button-gradient-lg:focus,
.red-boa-button-primary:hover,
.red-boa-button-primary:focus,
button.sc-btn-primary[type="submit"]:hover,
button.sc-btn-primary[type="submit"]:focus,
#account-customerlogin input[type="submit"]:hover,
#account-customerlogin input[type="submit"]:focus {
	color: #fff;
	background-color: #ab92a4;
	border-color: #ab92a4;
	text-shadow: none}

div > a.button-gradient-lg,
.rec-blue-bg-gradient,
#criteria-submit-search,
#filters-submit,
#mapsearch-criteria-basicsearch .btn-block,
#mapsearch-criteria-basicsearch .dropdown-toggle,
#content-forms-contactme input[type="Submit"],
#account-saveproperty input[type="Submit"],
#account-savesearch input[type="Submit"],
#search-criteria-form-v3 a.btn-save-search,
.ask-a-question .btn-request-info,
.sc-btn-primary,
.btn-primary,
a.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.red-boa-button-primary,
button.sc-btn-primary[type="submit"],
#account-customerlogin input[type="submit"]{
	/* font-family: "Times New Roman", Times, Georgia, serif; */
	text-transform: uppercase;
	background-image: none;
	background-color: #562449;
	color: #fff;
	border: #562449 1px solid}
	
#account-saveproperty input[type="Submit"] { border:0}
	
button.red-boa-button-primary,
.btn-primary.broker_link_email {padding:6px 12px}

a.btn-lg, a.btn.btn-lg { font-size: 1rem; padding:10px 16px}

/* End buttons */

/*** Begin Icon Swap ***/

.rui-icon-listings { background: url("/images/RECos/35005/icons/listings.png") no-repeat scroll 0 0 transparent}
	
.rui-icon-contact  { background: url("/images/RECos/35005/icons/contact.png") no-repeat scroll 0 0 transparent}

.rui-icon-website {background: url("/images/RECos/35005/icons/website.png") no-repeat scroll 0 0 transparent}

.cta-icon.icon-request-info { background: transparent url("/images/RECos/35005/icons/info.png") no-repeat 0 0}
.cta-icon.icon-save-property { background: transparent url("/images/RECos/35005/icons/favorites.png") no-repeat 0 0}
.cta-icon.icon-direction { background: transparent url("/images/RECos/35005/icons/directions.png") no-repeat scroll 0 0}

#search-summary-items ul li.remove-criteria div,
#criteria-location-summary ul li.remove-criteria div { background: transparent url("/images/RECos/35005/icons/remove-x.png") no-repeat 50% 50%}

.galleryview.v4 .gallery-listingphoto {max-height:230px !important;}
.rui-icon-search-lrg {background: url("/images/RECos/35005/icons/search_thumbnail.png") no-repeat scroll 0 0 transparent}

div.rui-tab1.selected .rui-icon-agent {
	position: relative;
	top: 0;
   background: url("/images/RECos/35005/icons/tab_agent_icon_active.png") no-repeat scroll 2px 0 transparent}

div.rui-tab1.selected .rui-icon-office {
	position: relative;
	top: 0;
  background: url("/images/RECos/35005/icons/tab_office_icon_active.png") no-repeat scroll 2px 0 transparent}

.rui-icon-roster {background: url("/images/RECos/35005/icons/tab_agent_icon.png") no-repeat scroll 0 0 transparent}

.rui-icon-agent {
	position: relative;
	top: 0;
   background: url("/images/RECos/35005/icons/tab_agent_icon.png") no-repeat scroll 2px 0 transparent}

.rui-icon-office {
	position: relative;
	top: 0;
  background: url("/images/RECos/35005/icons/tab_office_icon.png") no-repeat scroll 2px 0 transparent}

.rui-icon-office-title {background: url("/images/RECos/35005/icons/Office-detail_title_icon.png") no-repeat scroll 0 0 transparent}
.rui-icon-direction { background: url("/images/RECos/35005/icons/directions.png") no-repeat scroll 0 0 transparent}
.rui-icon-agent-title { background: url("/images/RECos/35005/icons/Agent-detail_title_icon.png") no-repeat scroll 0 0 transparent;}

/*** End Icon Swap ***/

@media (max-width:360px) {
.hp-photo > img {
	min-height: 120px;
	}
	
}

@media (min-width:360px) {
.community-quick-search .form-horizontal > div {max-width: 42.3%}
	
}

@media (min-width:381px) {
	.qs-input-fields .form-horizontal > div.text-center {min-width: 42px}

}

@media (max-device-width: 480px) and (orientation: landscape) {


}

@media (max-width:480px) {
		#recohomepage .homepage-hero > .home-worth-container,
		#recohomepage .homepage-hero > .jumbotron-form-container > .form-group { padding-right: 0; padding-left: 0}
		
		#recohomepage .jumbotron .carousel,
		#recohomepage .homepage-hero /*,
		.carousel-random */ {max-height: 300px;}
		
		#recohomepage .homepage-hero { margin:0 -15px}
		
		.community-quick-search #qsLocationBox + .panel-collapse { padding-right: 0; padding-left: 0}

		.carousel-inner img.visible-xs-block  {min-height: 300px; max-height: 300px;}
		
	  .jumbotron.luxury-hero .carousel-inner { max-height: 360px}
		
		.luxury-carousel .carousel-inner img.visible-xs-block {
    	min-height: 360px;
    	max-height: 360px;}
		
		.luxury-collection-carousel .jcarousel-description-details > p  {min-height: 170px; 	max-height:170px}		
				
		.luxury-collection-carousel .jcarousel-description-details {min-height: 200px; 	max-height:2000px}
				
		.luxury-collection-carousel .btn.btn-lg,
		.hp-career-marketing-container .btn.btn-lg,
		.hp-community-profiles .btn.btn-lg  {font-size: 1.17rem}
		
		.hp-career p, .hp-marketing p {font-weight:300}
						
		form.well {padding: 0 1% 1%}
	
}

@media (min-width:480px) {
	
	#agenthome-homepage .homepage-hero > .jumbotron-form-container > .form-group {
		width: 80vw;
		max-width: 100%}
		
	#recohomepage .homepage-hero > .jumbotron-form-container > .form-group {
		width: 82vw;
		min-height: 220px;
		max-height: 240px;}
		
	#recohomepage .jumbotron .carousel,
	#recohomepage .homepage-hero /*,
	.carousel-random */ {max-height: 340px}
	
	.viewport-article-content .community-quick-search.well {padding-right: 1rem; padding-left: 1rem}
	
	.jumbotron.luxury-hero .carousel {max-height: 360px}
	
	#recohomepage .jumbotron h1, .community-quick-search h1 {margin-top: 1.1rem; font-size:2.5rem}
	
	#qsLocationBox {width:auto}
	
	.luxury-qs-container-inner #qsTo {padding-right: 1.5rem; padding-left: 1.5rem}
	
	.hp-career-marketing-container .hp-career,
  .hp-career-marketing-container .hp-marketing { max-height: none;}
	
	.carousel-inner img.visible-xs-block  {min-height: 340px; max-height: 340px}	
	
	.navbar-fixed-bottom .navbar-collapse {min-height: none}
	
	.jumbotron .home-worth-container {margin-top:.25rem}
	
	.home-worth-container .featurette-heading {padding-right: 1.35rem}
		
}

@media (min-width: 576px) {
	
	body#listing-listingsearch #Master_Viewport,
	body#listing-listingsearch div#viewport-wrapper {padding-right: 0; padding-left:0}
	
	.qs-input-fields .form-horizontal > div {max-width: 44.8%}
	
	.luxury-carousel .carousel-inner img.visible-xs-block {
		min-height: 400px;
		max-height: 400px;}
		
	.jumbotron.luxury-hero .carousel {max-height: 400px}
	
	.viewport-article-content .home-worth-container .featurette-heading {font-size: 1.8rem}
		
	.widget-container.card img {
		min-height:100px;
    max-height: 100px}
	
}

@media (min-width:550px) and (max-width: 767px) {
	#recohomepage .jumbotron h1, .community-quick-search h1 {font-size: 2.85rem}
		
	.navbar-fixed-top .navbar-collapse { padding-right: 0}
		
	.grid-caption h3 {font-size:.8em}
		
}

@media (max-width: 767px) {
	#qsLocationBoxLux + div[class*="col-"] {padding:0 15px}
	
	/*#qsBeds > div {padding-right: 20px}
	#qsBaths > div {padding-left: 20px} */
	
	#navbar-account-btns1 {
    width: 100%;
    text-align: left;
    border-bottom: #fff 1px solid;}
			
	.navbar-collapse > .nav.navbar-nav li {
    padding-right: 1rem;
    padding-left: 1rem;
    width: 100%}
	
	.navbar-collapse > .nav.navbar-nav li {
    float: left;
    margin-bottom: .35rem;
    padding-left: .5rem;
    clear: left}
		
	ul.nav-bar-login {
		float: left;
    margin-top: 11px;
    margin-right: 0;
    font-size: .8125rem;
    line-height: 1.125;
    color: currentColor}
	
	.primary-content .nav-list li { float: left}
	
	.navbar-collapse > ul.nav > li > a { padding-left: 35px}
	
	.navbar-collapse > .close { position:absolute; right: 0}
	
	.luxury-hero > .jumbotron-form-container { padding: 0; top: 40%}
	
	.luxury-hero .form-group.container {padding: .75rem 1rem .5rem}
	
	.jumbotron.luxury-hero {margin-bottom: .5rem; padding: 0}
	
	.luxury-collection-carousel .jcarousel-description-details {margin-top: 1rem}
	
	.carousel-inner img.visible-xs-block  {
		display: block;
		width: 100%;
		height:auto}
		
	.hp-career-marketing-container h3,
	.hp-career-marketing-container .h2,
	.hp-community-profiles h3,
	.hp-community-profiles .h2 {margin-top: 0}
	

}

@media (min-width: 768px) {
	.luxury-qs-container-inner #qsTo {padding: .75rem .5rem}
	
	.hp-career-marketing-container .hp-marketing { margin-bottom: 0}
	
	.hp-content-container .hp-row-2,
	.hp-content-container .hp-row-3 { margin-right: -5px}
	
	body {padding-top: 7.5rem}
	
	body.popup, body.modal {padding-top: 0}
	
	body#recohomepage, body#ui-searchmotifv3-listingdetail  { padding-top: 90px}
	
	body#listing-listingsearch { padding-top: 120px}
	
	#criteria-filters-table label,
	#criteria-filters-table select,
	#criteria-filters-table input,
	#mapsearch-criteria-basicsearch input[type="text"],
	#criteria-filters-table .filter-option,
	#criteria-filters-table div.filters-field .bootstrap-select button .filter-option {font-size: 1rem; font-weight: 100;}

	#recohomepage .jumbotron .carousel,
	#recohomepage .homepage-hero,
	.carousel-random,
	.jumbotron.luxury-hero .carousel {height: 100%}
	
	.luxury-hero .carousel-inner > .item {height: 100vh}
	
	#recohomepage .carousel-inner > .item,
	.carousel-random .carousel-inner > .item,
	.hp-photo {
		height:100vh;
		background-size: cover;
		background-position:center;
		background-repeat:no-repeat}
		
	#recohomepage .carousel-inner > .item,
	.carousel-random .carousel-inner > .item{height:100vh}
		
	#recohomepage .homepage-hero > .jumbotron-form-container,
	#recohomepage .homepage-hero .carousel,
	#recohomepage .homepage-hero,
	.jumbotron.luxury-hero .carousel { max-height:450px}
	
	#recohomepage .carousel-inner > .item,
	.carousel-random .carousel-inner > .item {max-height: 550px}
	
	#recohomepage .jumbotron h1 {font-size: 3.4rem}
	
	#qsIntro + .btn-link {padding: 1px 12px}
	
	#community-search {
		padding-right:30px;
		padding-left:30px;
		top:-18%;
		-webkit-transform: translateY(18%);
		transform: translateY(18%); }
		
	.navbar.navbar-fixed-top .navbar-collapse .navbar-nav {
			position: absolute;
			/* margin-left: -90px; */
			padding:3rem 0 0;
			top: 0;
			bottom: 0;
			left:0;
			z-index: 1000;
			animation: animationFrames ease 1s;
				animation-iteration-count: 1;
				transform-origin: 50% 50%;
				animation-fill-mode:forwards; /*when the spec is finished*/
				-webkit-animation: animationFrames ease 1s;
				-webkit-animation-iteration-count: 1;
				-webkit-transform-origin: 50% 50%;
				-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
				-moz-animation: animationFrames ease 1s;
				-moz-animation-iteration-count: 1;
				-moz-transform-origin: 50% 50%;
				-moz-animation-fill-mode:forwards; /*FF 5+*/
				-o-animation: animationFrames ease 1s;
				-o-animation-iteration-count: 1;
				-o-transform-origin: 50% 50%;
				-o-animation-fill-mode:forwards; /*Not implemented yet*/
				-ms-animation: animationFrames ease 1s;
				-ms-animation-iteration-count: 1;
				-ms-transform-origin: 50% 50%;
				-ms-animation-fill-mode:forwards; /*IE 10+*/
			-webkit-transition: margin-left .5s ease-in-out 0s;
			-moz-transition: margin-left .5s ease-in-out 0s;
			-o-transition: margin-left .5s ease-in-out 0s;
			transition: margin-left .5s ease-in-out 0s;
			overflow:hidden}
			
		.navbar-collapse > ul.nav > li.dropdown:not(.open):hover > .dropdown-menu {
			display: block;
			z-index:20000}
			
		.navbar-collapse > ul.nav.navbar-nav > li {
		-ms-flex: none;
    flex: none;
    float: none;
    min-height: 40px;
		border:0;
		clear: both}
		
	.navbar-collapse > .nav.navbar-nav:after {
		display: block;
		width: 25vw;
		max-width:430px;
		height: 100vh;
		content:"";
		background-color: #562449}
	
	.navbar-collapse > ul.nav.navbar-nav {
    clear: both;
    display: block;
    float: none;
    height: 100vh;
    margin: 0;
    max-width: 430px;
    width: 25vw;} 
		
	.navbar-toggle,
	.navbar-collapse.collapse.in { display:block !important}
	
	.navbar-collapse.collapse.in {margin-left:0}
	
	.navbar-nav .open .dropdown-menu,
	.navbar-nav .dropdown-menu  {
		max-width: none;
		max-height: 340px;}
		
	.navbar-collapse > ul.nav > li:not(:last-child) {
		margin-left: 0;
		margin-right: 0;
		min-height: 1px;
		border-bottom: #fff 1px solid}
		
	.navbar-collapse > ul.nav > li:first-child { border-bottom: 0}
	
	.navbar-collapse > ul.nav > li > a {
		margin: 0;
    padding-top: 12px;
		padding-bottom: 12px;
		text-align: center;
		text-transform: uppercase;
		-webkit-transform: scale(1.07, 1);
			 -o-transform: scale(1.07, 1);
  				transform: scale(1.07, 1)}
					
	.navbar-nav > li > .dropdown-menu,
	.navbar-nav > li.open > .dropdown-menu
	.navbar-nav .open .dropdown-menu {
		width: 100%;
		max-width:none;
		max-height: 340px}
		
	.navbar-nav .dropdown .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px}
	
	.navbar-collapse > .close {
		float:left;
		padding: .25rem .5rem .5rem;
		background-color: #562449}

	.navbar-toggle .icon-bar { width: 42px; height:4px;}
			
	.nav.navbar-nav {box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5)}

	.navbar-fixed-top {max-height:95px}
	
	.navbar-fixed-top > .container {
			left: 50%;
			position: absolute;
			top: 0;
				-webkit-transform: translateX(-50%);
						 -o-transform: translateX(-50%);
								transform: translateX(-50%);
		}
	
	.navbar-collapse.collapse  {
		display: none !important;
		position:fixed;
		margin-left: -430px;
		left:0;
		top:0;
			-webkit-transition: margin-left .5s ease-in-out 0s;
				 -moz-transition: margin-left .5s ease-in-out 0s;
					 -o-transition: margin-left .5s ease-in-out 0s;
							transition: margin-left .5s ease-in-out 0s}
							
	.navbar-collapse.collapse,
	.navbar-collapse.collapsing,
	.navbar-collapse > .nav.navbar-nav,
	.navbar-collapse > .nav.navbar-nav:after {
			animation: fadein 1s;
			-moz-animation: fadein 1s;
			-webkit-animation: fadein 1s;
			-o-animation: fadein 1s;}
			
	.navbar-collapse.collapse {
			margin-left: 0;
			width: 100%;
			left: 0}
		
	.navbar-collapse > ul,
	.navbar-collapse > button {
   		animation: 1s ease 0s normal forwards 1 running animationFrames;
    	margin-left: 0;
    	transition: left 450ms ease-in-out 0s;}
			
	.nav-bar-login .btn-link,
	.nav-bar-login a.btn-link.btn-sm { font-size: .85rem}
	
	.fa.fa-sign-in,
	.fa.fa-sign-out {display: inline-block}
	
	.qs-input-fields .form-horizontal > div.text-center {min-width: 15px}
	
	.homepage-hero > .jumbotron-form-container .reco-qs-container-inner {max-width: 86vw !important}
	
	.viewport-article-content .community-quick-search.well {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
		max-width: 80vw}
		
	.luxury-collection-carousel .jcarousel-description-details > p {
		font-size: .75rem;
		min-height: 200px;
		max-height: 200px}
			
	.luxury-collection-carousel .jcarousel-description-details {margin-top: 2.1rem}
	
	.luxury-collection-carousel .jcarousel-address-text,
	.luxury-collection-carousel .jcarousel-city-state-text { font-size:.7rem}
	
	.luxury-collection-carousel .jcarousel-description-container { float:right}
	
	.luxury-collection-carousel .slick-slider { margin: 0 -15px}
	
	.viewport-article-content .form-group.container,
	.viewport-article-content .home-worth-container {top: -7rem}
	
	.hp-content-container .hp-row-1 {margin-top: 1rem}
	
	.hp-career-marketing-container .hp-career {margin-bottom: 0}
	
	.hp-career-marketing-container p, .hp-community-profiles p {margin-bottom: 2rem}
		
	.hp-photo.hp-career-opp,
	.hp-photo.hp-world-class { position:relative}
	
	.widget-container.card img {
			min-height:200px;
    	max-height: 200px}
			
	.widget-container .card-title,
	.widget-container .flex-title {font-size:.85rem}
	
	.widget-container p {font-size:.75rem}
	
	.widget-container.card {margin-bottom: 32px; min-height: 39vh}
	
	.home-worth-container .featurette-heading,
	.home-worth-container .btn {font-size: 1.5rem} 
	
	.home-worth-container .input-group { width: auto; max-width: 85% }
	
	.jumbotron-form-container h1 {margin-bottom: 1.5rem}
		
	.hp-content-container .hp-row-1,
	.hp-content-container .hp-row-2 {margin-bottom: 2rem;}
	
	.hp-career-marketing-container .hp-career {margin-bottom:0}
		
	.hp-community-profiles .well-lg,
	.hp-career-marketing-container .well-lg {padding: 1.5rem 2rem 3rem}
		
	.hp-content-container .well-lg {
		-ms-display:flex;
		display:flex;
		margin:0;
		min-height: 310px}
		
	.hp-content-container .inner-well {
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		margin:auto;}
	
	.hp-career-marketing-container .well-lg {
		height: 100%;
		background-color: rgba(86, 36, 73, 1)}
	
	.hp-career-marketing-container .well-lg,
	.hp-community-profiles .well-lg {max-height:none}
	
	.hp-career-marketing-container .hp-career,
	.hp-career-marketing-container .hp-marketing {max-height: 290px}
	
	ul.nav-bar-login.logged-in {
		margin-top:1rem;
		padding-left:8px;
		text-align:center;
		border-left: #ddd 1px solid}
		
	.fa.fa-sign-in,
	.fa.fa-sign-out {display: block}
		
	.hp-career-marketing-container h3,
	.hp-career-marketing-container .h2,
	.hp-community-profiles h3,
	.hp-community-profiles .h2 { font-size: 1.5rem}
			
	.hp-luxury-collection > h2 {margin-bottom: -1.5rem}

	.hp-community-profiles > div:not(.hp-photo) {float: right}
	
	.hp-community-profiles {max-height: 445px}
	
	.hp-world-class h3 {
    top: 41%;
    font-size: 3.35rem;
		opacity: 1}
	
	.footer-nav-contact-list > li:not(.footer-email) { 
		margin: 0;
		padding:0}
		
	.footer-nav-contact-list > li {
		margin-bottom:0;
		padding-bottom:0;
		vertical-align: middle}
	
	.footer-nav-contact-list {margin-bottom: 0}
	
	.logged-in > li > * {float: none}	
	
	.logged-in > li:first-child {margin-bottom: 6px}
	
	.logged-in > li {
		display:block;
		margin:0}
	
	.logged-in { width: auto}
			
	.footer-nav-custom [class^="col-"] {
		float:none;
		display:table-cell;
		width: 1%}
				
	a.navbar-brand img {padding-top: .7rem; max-height: 75px}
	
	a.navbar-brand {
		min-width: 150px; /* IE */
		padding: 0 15px}
	
	ul.nav-bar-login { margin-top:1.75rem}
	.navbar-header-width .navbar-toggle { margin-top:1.5rem}
	
	.navbar-nav-login > li { float:none !important}
		
	.homepage-hero .item.carousel-banner7 {background-image: url("/Images/Recos/35005/rotatingBanner/new7.jpg");}
	.homepage-hero .item.carousel-banner6 {background-image: url("/Images/Recos/35005/rotatingBanner/new6.jpg");}
	.homepage-hero .item.carousel-banner5 {background-image: url("/Images/Recos/35005/rotatingBanner/new5.jpg");}
	.homepage-hero .item.carousel-banner4 {background-image: url("/Images/Recos/35005/rotatingBanner/new4.jpg");}
	.homepage-hero .item.carousel-banner3 {background-image: url("/Images/Recos/35005/rotatingBanner/new3.jpg");}
	.homepage-hero .item.carousel-banner2 {background-image: url("/Images/Recos/35005/rotatingBanner/new2.jpg");}
	.homepage-hero .item.carousel-banner1 {background-image: url("/Images/Recos/35005/rotatingBanner/new1.jpg");}

	.hp-career-opp {
		max-height: 296px;
		background-image: url("/images/Recos/35005/homepage-images/CE_NN_MP-webcrop.jpg");}
		
	.hp-world-class {
		max-height: 296px;
		background-image: url("/images/Recos/35005/homepage-images/Noticed_Butterfly.jpg");}
		
	.hp-community {
		height:100%;
		min-height:250px;
		max-height: 445px;
		background-image: url("/images/Recos/35005/homepage-images/Community-Profiles2.jpg");
		background-size: 100% 100%;
		background-position: top center}
	
	.viewport-article-content {
		position:relative;
		padding: 0 15px;
		background-color:#fff}
	
	/*.carousel-random  { max-height:220px} */
	
	.navbar-fixed-top { height: 100%}
	
	.footer-custom h5,
	.footer h5,
	.footer a,
  .footer .legal {font-size: .8rem;}

	.footer-contact-info { text-align:right}
	
	.footer-nav-contact-list a {padding-right: 2px}
	
	.footer-nav-contact-list {
		float:right;
		display:flex;
		align-items: end;
		min-height:50px}
	

}




@media (max-width: 991px) {
	  .widget-box {margin-bottom: 1.5rem}

}

@media (min-width: 992px) {
	body#recohomepage,
	body#ui-searchmotifv3-listingdetail,
	#content-forms-contactme   { padding-top: 120px}
	
	body#listing-listingsearch { padding-top: 130px}
	
  [id^="account-"] #Master_Viewport,
	#account-savedlistinglist #Master_Viewport,
	#agentsearch-search #Master_Viewport,
	.viewport-article-content {margin-top: -11rem}

	#agenthome-homepage .homepage-hero > .jumbotron-form-container > .form-group {width: 60vw}
		
	#recohomepage .homepage-hero > .jumbotron-form-container,
	#recohomepage .homepage-hero .carousel,
	#recohomepage .homepage-hero,
	.jumbotron.luxury-hero .carousel { max-height:475px}
	
	#recohomepage .carousel-inner > .item,
	.carousel-random .carousel-inner > .item {max-height: 795px}
	
	.navbar-nav .dropdown .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu > li > a, 
	.navbar-nav .open .dropdown-menu .dropdown-header {padding-left: 45px}
	
	.viewport-article-content .community-quick-search.well {max-width: 55vw}
	
	.viewport-article-content .home-worth-container .featurette-heading {float: left; font-size: 1.4rem}
	
	.discover-home-value .form-control { max-width:50vw}
	
	.home-worth-container .input-group { max-width: 55vw}
	
	.home-worth-container .discover-home-value {
		-ms-display: flex;
		display:flex;
		margin:auto;
		-ms-flex-line-pack: center;
		align-content: center;
    -ms-flex-pack: center;
		justify-content: center;
	}
	
	.home-worth-container .featurette-heading {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		align-self: center;
		margin:0;
	}
	
	.jumbotron.luxury-hero .carousel-inner {height: 100vh}
	
	.jumbotron.luxury-hero .form-group.container {top: -12rem}
	
	#qsLocationBox > .form-control,
	.discover-home-value .form-control,
	#qsIntro + .btn-link {
		height: 54px;
		border-color: transparent !important}
	
	#dvFrame {margin-top: 0}
	
	/*#community-search {
    top: -12%;
    -webkit-transform: translateY(12%);
    transform: translateY(12%)} */
		
	.navbar .navbar-collapse .navbar-nav {
		overflow-x:hidden;
		overflow-y:auto}

	.navbar-collapse > ul.navbar-nav > li > a { white-space: nowrap}
	
	/*.navbar-collapse .nav.navbar-nav + .nav > li {
		float: none;
		display:table-cell;
		width: 1%} */
		
	.navbar-collapse .nav.navbar-nav + .nav { width: 100%}
/*	
	.navbar-collapse > .nav.navbar-nav  > li {
    	-ms-flex: 1 1 auto;
			flex: 1 1 auto;
    	float: none;
	  	margin: auto;
	    align-items: center;
		justify-content: space-around;
    	height: 40px;}
		
	.navbar-collapse > ul.nav > li > a { padding: 8px}
	
	.navbar-collapse > .nav.navbar-nav {
		float:none;
		margin: 0 0;
		display: -ms-flexbox;
    display: flex;
		height: 64px;
		clear:none} */
		
	.navbar-header-width .navbar-toggle { margin-right: 5px}
	
	.navbar.navbar-fixed-top { padding-right:30px; padding-left:15px}
	
	ul.nav-bar-login { margin-top:2.57rem}
	.navbar-header-width .navbar-toggle { margin-top:2.5rem}
	
	.homepage-hero .jumbotron-form-container > .form-group {max-width: 68vw !important}
	.homepage-hero > .jumbotron-form-container .reco-qs-container-inner {max-width: 65vw !important}
			
	.home-worth-container .well:not(.well-sm) {padding: .85rem 1rem 1rem}
	
	.luxury-collection-carousel .jcarousel-description-container > a > div:first-child {
		min-height: 280px;
		max-height: 320px}
	
	.luxury-collection-carousel .jcarousel-address-text,
	.luxury-collection-carousel .jcarousel-city-state-text { font-size:.825rem}
	
	.luxury-collection-carousel .btn.btn-lg,
	.hp-career-marketing-container .btn.btn-lg,
	.hp-community-profiles .btn.btn-lg {font-size: 1.325rem}
	
	.luxury-collection-carousel .btn.btn-lg { padding-top: 1.25rem; padding-bottom: 1.25rem}
	
	.hp-content-container .hp-row-2,
	.hp-content-container .hp-row-3 { margin-right: -15px}
		
	.widget-container.card img {
			min-height:170px;
    	max-height: 170px}

	.widget-container .flex-row img {max-height:170px}
		
	.carousel-random-container {margin-top: -1.5rem}
		
	.hp-community-profiles .well-lg,
	.hp-career-marketing-container .well-lg {padding: 2rem 3rem 4rem}
	
	.hp-community-profiles,
	.hp-community-profiles .well-lg {
		min-height: 443px;
		max-height: 443px}
	
	a.navbar-brand img {padding-top: 0; max-height: 95px}
	
	.well p,
	.well-lg p /*,
	.well:not(.reco-qs-container-inner)*/ {
		font-weight:100;
		letter-spacing:.025em}
	
	.navbar-fixed-top {max-height:120px}
	
	.nav-bar-login {
		margin-top: 0;
		color:#fff}
		
	.viewport-article-content {padding-top: 30px}
		
}

@media (min-width: 1200px) {		
	body#listing-listingsearch { padding-top: 170px}
	
	body#ui-searchmotifv3-listingdetail, #content-forms-contactme { padding-top: 150px}
	
	#recohomepage .homepage-hero > .jumbotron-form-container,
	#recohomepage .homepage-hero .carousel,
	#recohomepage .homepage-hero,
	.jumbotron.luxury-hero .carousel { max-height:600px}
	
	#community-search {
    top: -10%;
    -webkit-transform: translateY(10%);
    transform: translateY(10%)}
		
 	.homepage-hero .jumbotron-form-container > .form-group {max-width: 60vw !important}
	.homepage-hero > .jumbotron-form-container .reco-qs-container-inner {max-width: 55vw !important}
	
	.navbar-toggle .icon-bar + .icon-bar {margin-top: 8px}
	
	.luxury-collection-carousel .slick-slide img {max-width:555px !important;}
	
	.navbar-fixed-top > .container {top: 10%}
	
	.viewport-article-content .form-group.container,
	.viewport-article-content .home-worth-container {top: -8.5rem}
	
	.widget-container.card img {
			min-height:200px;
    	max-height: 200px}
			
	.widget-container .flex-row img {max-height:200px}
	
	.navbar-fixed-top {max-height:130px}
	
	a.navbar-brand img { max-height: 110px}
	

}

@media (min-width: 1400px) {
		#recohomepage .homepage-hero > .jumbotron-form-container,
		#recohomepage .homepage-hero .carousel,
		#recohomepage .homepage-hero,
		.jumbotron.luxury-hero .carousel { max-height:745px}
	
		.homepage-hero .jumbotron-form-container > .form-group {width: 48.5vw}
		.homepage-hero > .jumbotron-form-container .reco-qs-container-inner {width: 48.5vw}
					
		.navbar-collapse > ul.nav > li > a {font-size: 1.25em}
	
}

@media (min-width: 1600px) {
	.homepage-hero .jumbotron-form-container > .form-group {max-width: 50vw !important}
	.homepage-hero > .jumbotron-form-container .reco-qs-container-inner {max-width: 45vw !important}
	

}