body.xp-listing{	
	background-color: #949599;
	background-repeat:no-repeat;
	background-position:right top;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.main-container{
	background-color: #e6e7e9;
	background-repeat: repeat-y;
	background-position: center top;
}
.content{
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #bdbec0;
	background-color: transparent;
	background-repeat:no-repeat;
	background-position:right top;
}
#pcs-client-nav {
	position: fixed;
	top: 0px;
	right: 0;
	left: 0;
	z-index: 1002;
	height: auto;
}
header{
	height: 32px;
	background: #424242;
	position: fixed;
	top: 40px;
	top: calc(env(safe-area-inset-top) + 40px);
	right: 0;
	left: 0;
	z-index: 1002;
}

.photo-only-mode header{
	top: 0;
	top: env(safe-area-inset-top);
}

.mobile-toolbar{
	background-color: #e8e8e8;
}

.header-inner{
	font-size: 17px;
	line-height: 26px;
	text-align: center;
	padding: 0 30px 0 4px;
	background-image: url(/XposurePublicIncludes/img/menu-white.png);
    background-size: 22px;
    background-repeat:no-repeat;
    background-position: top+5px right+8px;
    color: #fff;
    transition: background .25s;
    overflow: hidden;
    text-overflow: ellipsis;
}

.latam header {
    min-height: 32px;
}

.mobile-menu-showing .header-inner{
	background-image: url(/XposurePublicIncludes/img/minimize-white.png);
	background-position: top+12px right+8px;
}

.mobile-toolbar .header-inner{
	background-image: none;
}

.header-inner.hide-bg{
	background-size: 0px;
}	

.header-inner .sep{
	color: #969696;
}

.header-inner .share-sheet-btn {
	border-color: #279dee;	
}

.mobile-toolbar .header-inner {
	padding: 0 8px;	
}

.header-inner .status-banner {
		font-weight: 400 !important;
}

.header-inner #pcs-notify-float, .header-inner #pcs-notify{
	display: none;
}

.mobile-menu-showing .mobile-toolbar{
	position: fixed;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 1001;
    border-bottom: 1px solid #cacaca;
	animation-name: menu-down;
  	animation-duration: .25s;
}

@keyframes menu-down {
  		0%{
    		transform: translateY(-100px);
  		}
  		100% {
    		transform: translateY(0);
  		}
}

.mobile-menu-showing #mobile-menu-showing-spacer{
	display: block;
}

footer{
	display: none;
}

.content-column{
	min-height: 360px;
}

.content-pane {
	display: block;
	border-radius: 0 0 10px 10px;
}

.section-header{
	display: block;
    color: #fff;
    background-color: #279dee;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    margin: 20px 0 0 0;
    border-radius: 10px 10px 0 0;
}

.section-content{
	display: block;
	text-align: center;
	padding: 10px 10px 20px 10px;
	color: #a7aaad;
	background: #fff;
	border-radius: 0 0 10px 10px;
}

.launch-tour-btn{
	color: #fff;
    background-color: #279dee;
    padding: 0 36px 0 15px;
    line-height: 40px;
    font-size: 16px;
    display: inline-block;
    border-radius: 8px;
    background-image: url(/XposurePublicIncludes/img/street-view-white.png);
    background-size: 20px;
    background-repeat:no-repeat;
    background-position: center right+10px;
}

.column1{
	display: none;
	background-color: #9a9a9a;
}

.column2{
	background-color: #fff;
	position: relative;
	min-height: 0px;
	width: auto;
	margin-top: 72px;
	margin-top: calc(env(safe-area-inset-top) + 72px);
}

.photo-only-mode .column2{
	margin-top: 32px;
	margin-top: calc(env(safe-area-inset-top) + 32px);
}

.column2.multi-line-header{
	margin-top: 96px;
	margin-top: calc(env(safe-area-inset-top) + 87px);	
}

.column2-inner {
	position: relative;
}

.mobile-menu-showing .column2{
	position: fixed;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 1001;
    animation-name: menu-down;
  	animation-duration: .25s;
  	top: 72px;
  	top: calc(env(safe-area-inset-top) + 72px);
}

.photo-only-mode.mobile-menu-showing .column2{
  	top: 32px;
  	top: calc(env(safe-area-inset-top) + 32px);
}

.mobile-menu-showing .column2.multi-line-header {
    top: 96px;
  	top: calc(env(safe-area-inset-top) + 87px);
}

.column3{
	background-color: #e8e8e8;
	background-repeat:no-repeat;
	background-position:left top;
}

.column1 .info{
	font-size:12px;
	line-height: 18px;
	margin: 0px 20px 18px 20px;
	position: static;
}

.column1 .info a{
	color:#000;
	text-decoration: none;
}

.column1 .info.name{
	position: static;
}

.column1 .info.name img{
	height: 100px;
	width: 200px;
}

#col1-listings-photos{
	height: 100%;
	display: block;
}

#col1-listings-photos-scroller{
	padding-right: 18px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	width: 100%;
	box-sizing: content-box;
}

#col1-listings-photos-scroller .photos-wrapper{
	width: 240px;
}

#col1-listings-photos-scroller img{
	width: 200px;
	display: block;
	margin: 20px auto 0 auto;
	box-shadow: 1px 1px 4px rgba(0,0,0, .65);
	cursor: pointer;
}

#col1-agent-info{
	display: none;
}

.main-nav {
	margin: 0;
    padding: 10px 0;
    width: auto;
    text-align: center;
    line-height: 0px;
    font-size: 0px;
}

.main-nav li {
	line-height: 32px;
	font-size: 18px;
	border: 0;
	padding: 0 10px;
	display: inline-block;
}

.main-nav li a{
	color: #279dee;
}

.column2 form{
	bottom: 7px;
	display: none;
}

.column2 form label{
	border-radius: 3px;
	background: #949599;
	color: #fff;
	box-sizing: content-box;
}

.column2 form fieldset input, .column2 form fieldset textarea{
	border-radius: 3px;
	box-sizing: content-box;
}

.button, .column2 form fieldset input[type='button']{
	background: #279dee;
	color: #fff;
	border-radius: 4px;
}

#details{
	background: #fff;
}
#details table{
	border: 0;
}

#details table td{
	color: #333;
	border-bottom: 1px solid #ededed;
}

#details table .first td{
	border-top:none;
}

#details table .last td{
	border-bottom:none;
}

#details .pcs-detail table td.label {
	background: #f4f4f4 !important;	
}

#details p{
	color: #333;
	text-shadow: none;
}

#mortgage-calc {
	margin: 25px 0;
}

#mortgage-calc .input-group{
	margin-bottom: 10px;	
}

#about {
	background: #fff;
}

#about p{
	color:#333;
}

#multimedia{
	background: #fff;
}

#multimedia ul{
	margin: 25px 0;
}

#multimedia ul a{
	color: #333;
	background-color: #fff;
	box-sizing: content-box;
}

#multimedia ul a:hover{
	background-color: #f1f3f6;	
}

#video {
	background-color: #fff;	
}

#video .video{
	border-bottom:1px solid #eee;
}

#plans{
	background-color: transparent;
}

#map-touch-info{
	display: block;
	position: absolute;
	top: 180px;
	width: 0;
	height: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
    text-align: center;
    opacity: 0;
    transition: opacity .6s .1s;
    user-select: none;
    -webkit-user-select: none;
}

#map.showing-info{
	background: #000;
}

.showing-info #map-touch-info{
	width: 100%;
    opacity: 1;
    z-index: 1;
}

#map-canvas{
	transition: opacity .6s .1s;
}

.showing-info #map-canvas{
	opacity: .5;
}

.map-tabs{
	text-align: center !important;
	font-size: 0;
	margin: 0;
	padding: 0 5px;
}	

.map-tabs a{
	background: #fff;
	color: #279dee;
	text-shadow: none;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.11);
	font-size: 16px;
	line-height: 34px !important;
	font-weight: 400;
	margin: 10px 10px 0 0;
	border-radius: 8px !important;
	top: 0 !important;
}

.map-tabs a.active{
	background: #ececec;
	color: #495057;
	font-weight: 500;
}

#detail-tabs.agt-details a {
    padding: 0 16px;
    margin: 5px 0 0 0;
    box-shadow: none;
}

.touchevents #demographics {
	overflow: hidden;
}

#demographics-container{
	transition: opacity .6s .1s;
	margin: 0;
	padding: 40px 0 0 15px;
}

#mobile-demo-instructions{
	display: block;
	position: absolute;
	top: 200px;
	width: 0;
	height: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
    text-align: center;
    opacity: 0;
    transition: opacity .5s;
    user-select: none;
    -webkit-user-select: none;
}

#demographics.showing-info{
	background-color: #000;	
}

#demographics.showing-info #demographics-container{
	opacity: .4;
}

.showing-info #mobile-demo-instructions{
    opacity: 1;
    z-index: 1;
    width: 100%;
}

.show-fullscreen-walkthrough #fullscreen-walkthrough{
	display: block;
	position: fixed;
	top: 0;
	top: env(safe-area-inset-top);
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1003;
}

#fullscreen-walkthrough iframe{
	width: 100%;
	height: calc(100% - 45px);
}

#fswt-header{
	height: 45px;
	width: 100%;
	background-color: #279dee;
	background-image: url(/XposurePublicIncludes/img/close-white.png);
    background-size: 20px;
    background-repeat:no-repeat;
    background-position: center;
}

#gallery,
#gallery .rsOverflow,
#gallery .rsSlide,
#gallery .rsVideoFrameHolder,
#gallery .rsThumbs {
	background-color: #fff;
}

#gallery {
    height: 315px;
    border-radius: 0;
}

@media only screen and (min-height: 600px) {
	#gallery {
    	height: 400px;
	}
}

@media only screen and (min-height: 770px) and (min-width: 440px) {
	#gallery {
    	height: 500px;
	}
}

@media only screen and (min-height: 880px) and (min-width: 560px) {
	#gallery {
    	height: 600px;
	}
}

#gallery .rsThumb.rsNavSelected {
	background: #333;	
}

#gallery .rsThumb.rsNavSelected span.thumbIco {
	border-color: #222;
}

#gallery .rsThumbsArrow {
    background:  rgba(0, 0, 0, 0.3);
}

#gallery .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.5);
}

.html-content h1{
	color: #949599;
}

.html-content h2{
	color: #949599;
}

#about video {
    margin-top: 0px;
}

#media-popup{
	top: 92px;
	top: calc( env(safe-area-inset-top) + 92px);
}

.bounce-arrow {
	display: none;	
}

#relist-nav-item, #tax-nav-item{
	display: inline-block;
}

@media only screen and (min-width: 830px) {
	
	#pcs-client-nav {
		position: relative;
	}
	
	header {
		position: relative;
		top: 0;
		height: 35px;
		background: #e0e0e0;
	}
	
	.header-inner {
		text-align: left;
    	background-image: none;
    	padding: 0 8px;
    	line-height: 35px;
    	color: #222;
    	font-size: 17px;
	}
	
	.header-inner .status-banner {
		border: 0 !important;
		font-size: 16px;
	}
	
	.header-inner #pcs-notify-float, .header-inner #pcs-notify{
		display: block;
	}
	
	.content-column{
		min-height: 635px;
	}
	
	.content-pane {
		display: none;
		border-radius: 0;
	}
	.column1{
		display: block;
	}
	
	.column2{
		margin-top: 0;
		width: 180px;
		border-right: 1px solid #e6e6e6;
		background-color: #f5f5f5;
		box-sizing: border-box;
	}
	
	.photo-only-mode .column2{
		margin-top: 0;
	}
	
	.column2-inner {
		position: absolute;
	}
	
	.section-header {
    	display: none;
	}
	
	.section-content{
		display: none;
	}
	
	.main-nav {
		margin: 12px 0 0 20px;
    	padding: 0;
    	width: 140px;
    	text-align: left;
    	line-height: 0px;
    	font-size: 0px;
	}

	.main-nav li {
		line-height: 42px;
    	font-size: 18px;
    	border: 0;
    	padding: 0 0 0 10px;
    	display: block;
	}

	.main-nav li a{
		color: #279dee;
	}
	
	.main-nav li.active a{
		color: #666;
	}
	
	#about video {
    	margin-top: 80px;
	}
	
	#media-popup{
		top: 20px;
		top: calc( env(safe-area-inset-top) + 20px);
	}
	
	.touchevents #demographics {
		overflow: scroll;
	}
	
	#demographics-container{
		padding: 0 0 0 15px;
	}
	
	#relist-nav-item, #tax-nav-item{
		display: block;
	}
}

@media only screen and (min-height: 750px) and (min-width: 960px) {
	
	.column1 .info{
		font-size:13px;
		line-height: 20px;
		margin: 0px 25px 25px 25px;
	}
}