body{
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 overflow-x: hidden;
	 font-family: 'Source Sans Pro', sans-serif;
	 background-color: #e1e7ed;
	 color: #313131;
	 font-size: 14px; 
}

html {margin: 0; padding: 0;}

img, a, h1, h2, h3, h4, h5, tr, td {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.thank-you {
	position: fixed; 
	right: 0; 
	bottom: 0; 
	padding: 20px 45px 25px 30px; 
	background-color: #144573; 
	border-radius: 8px 0 0 0;
	color: #FFF;
	font-size: 15px;
	box-shadow: 0 0 20px rgba(0,0,0,0.33);
	max-width: 90%;
	z-index: 1;
	
}

.thank-you h1 {color: #FFF; font-size: 20px; font-weight: 900;text-align: left;}


.question-box {
	position: fixed; 
	right: 0; 
	bottom: 0; 
	padding: 20px 45px 25px 30px; 
	background-color: #144573; 
	border-radius: 8px 0 0 0;
	color: #FFF;
	font-size: 15px;
	box-shadow: 0 0 20px rgba(0,0,0,0.33);
	max-width: 90%;
	z-index: 1;
	opacity: 0;
	
}

a:link.chatmoss, a:visited.chatmoss {color: #fff; }
a:hover.chatmoss {opacity: 0.5; }

.question-box h1 {color: #FFF; font-size: 20px; font-weight: 900;text-align: left;}

.collapsible {
  cursor: pointer;
  background-color: #237fd5; 
  color: #FFF;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 0 10px 0;
	text-decoration: none;
	border-radius: 3px;
	margin: 15px 0 0 0;
	border: none;
	font-family: 'Source Sans Pro', sans-serif;
}

.active, .collapsible:hover {
  background-color: #0085ff;
  cursor: pointer;
}

.send {
  cursor: pointer;
  background-color: #237fd5; 
  color: #FFF;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 0 10px 0;
	text-decoration: none;
	border-radius: 3px;
	border: none;
	font-family: 'Source Sans Pro', sans-serif;
}

.active, .send:hover {
  background-color: #0085ff;
  cursor: pointer;
}



.close {
  color: rgba(255,255,255,1.0);
}

.close:after {
  content: '\d7';
  font-size: 22px;
  color: white;
  font-weight: bold;
  float: right;
  position: absolute;
  top: 5px;
  right: 16px; 
  border: none;
}


.close:hover {
 opacity: 0.66;
  cursor: pointer;

}

.ask-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color: #FFF;
  text-align: left;
  width: 322px;
  font-size: 15px;
}

.ask-content b {color: #e1e7ed; display: block; font-weight: 700;}



#posted-prompt {
	background-color: #144573;
	color: #FFF;
	text-align: left;
	font-size: 15px;
	line-height: 22px;
	border-radius: 8px;
	padding: 5%;
	width: 90%;
	margin-top: 40px;
}

#posted-prompt .blue-btn {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 900;
}

#popup {
	display: none;
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	background-color: rgba(0,0,0,0.8); 
	transition: max-height 0.2s ease-in;
	z-index: 9999999;
}

#popup .close:after {
  content: '\d7';
  font-size: 40px;
  color: #144573;
  font-weight: bold;
  float: right;
  position: relative;
  top: -48px;
  right: -37px; 
  border: none;
}

#popup-box {
	padding:50px; 
	width: 50%; 
	border-radius: 8px; 
	background-color: #E1E7ED; 
	margin: 0 auto; 
	text-align: center; 
	margin-top: 10vh; 
	box-shadow:5px 5px 18px rgba(0,0,0,0.8);
}

#popup-box b {font-weight: 400; font-size: 15px; text-align: left; display: block;}
#popup-box h1 {font-weight: 900; font-size: 30px; letter-spacing: -0.03em; border-bottom: 2px solid #FFF; display: block; margin: -41px 0 20px 0; padding: 0 0 10px 0;}


#popup-thanks {
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	background-color: rgba(0,0,0,0.8); 
	transition: max-height 0.2s ease-in;
	z-index: 9999999;
}

#popup-thanks  .close:after {
  content: '\d7';
  font-size: 40px;
  color: #144573;
  font-weight: bold;
  float: right;
  position: relative;
  top: -48px;
  right: -37px; 
  border: none;
}


h1 {
	font-size: 28px;
	color: #144573;
	font-weight: 700;
	margin: 10px 0 4px 0;
	padding: 0;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}
h2 {
	font-size: 28px;
	color: #144573;
	font-weight: 700;
	margin: 10px 0 4px 0;
	padding: 0;
	text-align: left;
}

h5 { 
	color: #237fd5;
	font-size: 18px; 
	margin: 0 0 14px 0; 
	padding: 0;
	font-weight: 900;
	
}

h6 {
	font-weight: 900;
	color: #237fd5;
	font-size: 17px;
	margin: 2px 0 5px 0; 
	padding: 0;
}

b {font-weight: 900; }

select.custom-dropdown {
 -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
 -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
 appearance: none;
 border: 0 !important;  /*REMOVES BORDER*/
 background-color: #FFF;
 color: #939598;
 font-size: 17px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 padding: 9px 15px 9px 15px;
 width: 100%;
 cursor: pointer;
 background: #FFF url(../images/drop-down-arrow.png) no-repeat right 10px center;
 background-size: 40px 25px 50%; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */	
 font-weight: 400;
 font-family: 'Source Sans Pro', sans-serif;

}

a:link {text-decoration: none; color: #237fd5; }
a:visited {text-decoration: none; color: #237fd5; }
a:hover {text-decoration: none; color: #1568b6; }


a:link.search-btn {
	background-color: #237fd5; 
	color: #FFF; 
	text-decoration: none; 
	padding: 9px 0 9px 0;
	border-radius: 3px;
	font-weight: 700;
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 17px;
}

a:hover.search-btn {
	background-color: #1568b6; 
	}

a:visited.search-btn {
	color: #FFF; 
	text-decoration: none; 	
}


.master-width {width: 95%; max-width: 1200px; margin: 0 auto; }

.responsive {width: 100%; height: auto; }

.icon-btn-position {padding-top: 300px; }

.home-img {width: 100%; height: 600px;  background-size: cover; background-position: center center; 
 }

.thumbnail {width: 100%; height: 180px; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.icon-position {position: relative; top: 40px; }

a:link.icon-btn {
	background-color: #237fd5; 
	text-align: center;
	font-size: 24px;
	color: #FFF;
	font-weight: 600;
	display: inline-block;
	height: 180px;
	background-image: url(../images/trans-lines.png);
	background-size: cover;
	background-position: center center;
	border-radius: 3px;
	text-decoration: none;
}

a:hover.icon-btn {
	background-color: #1568b6; 
	text-align: center;
	font-size: 24px;
	color: #FFF;
	font-weight: 600;
	display: inline-block;
	height: 180px;
	background-image: url(../images/trans-lines.png);
	background-size: cover;
	background-position: center center;
	border-radius: 3px;
	text-decoration: none;
}

a:visited.icon-btn {
	color: #FFF;
	text-decoration: none;
}

a:link.prop-card {
	background-color: #FFF; 
	font-size: 13px;
	color: #0d1e32;
	font-weight: 400;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	min-height: 290px;
}

a:hover.prop-card {
	background-color: #f5f7f9; 
}

a:visited.prop-card {
	color: #0d1e32;
	text-decoration: none;
}

a:link.blue-btn {
	background-color: #237fd5; 
	color: #FFF;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 0 10px 0;
	text-decoration: none;
	border-radius: 3px;
	margin: 20px 0 20px 0;
}
a:hover.blue-btn {
	background-color: #1568b6; 
	}
a:visited.blue-btn {
	color: #FFF;
	text-decoration: none;
}
a:link.orange-btn {
	background-color: #ff7e00; 
	color: #FFF;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 0 10px 0;
	text-decoration: none;
	border-radius: 3px;
	margin: 20px 0 20px 0;
}
a:hover.orange-btn {
	background-color: #ff7e00; 
	}
a:visited.orange-btn {
	color: #FFF;
	text-decoration: none;
}
a:link.black-btn {
	background-color: #000000; 
	color: #FFF;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 0 10px 0;
	text-decoration: none;
	border-radius: 3px;
	margin: 20px 0 20px 0;
}
a:hover.black-btn {
	background-color: #000000; 
	}
a:visited.black-btn {
	color: #FFF;
	text-decoration: none;
}

a:link.footer {
	font-family: 'Open Sans Condensed', sans-serif;
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;	
	display: block;
}
a:visited.footer {
	text-decoration: none;
	color: #FFF;	
}

a:hover.footer {
	text-decoration: none;
	color: #237fd5;	
}

.footer-menu {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #c7c8ca;
	font-size: 14px;
	line-height: 20px;	
}

.footer-mid {
	text-align: center;
}
.footer-right {
	float: right;
	
}

.blue {color: #237fd5; }

a:hover.opacity {opacity: .6; }

.grey-line {width: 100%; height: 2px; background-color: #c7c8ca; position: relative; top: 28px; }

.promo-space {background-color: #f5f7f9; border-radius: 3px; }
#promo-pad {margin: 2.6% 2.6% 2.6% 2.6%;}

.promo-img {border-radius: 3px 0px 0px 3px; background-position: center center; background-size: cover;  min-height: 240px; width: 32.26%;  }
.promo-txt {color: #0d1e32; font-size: 15px;}

.promo-header {color:#144573; font-size: 50px; font-weight: 600; line-height: 40px; }
.promo-subheader {font-family: 'Crimson Text', serif; color: #237fd5; font-weight: 400; font-style: italic; font-size: 26px; }

.alert {color: #ff7e00; font-weight: 700;}

.ital {color: #237fd5; font-family: 'Crimson Text', serif; font-style: italic; font-size: 18px; font-weight: 600; }

.footnote-header {font-family: 'Crimson Text', serif; font-style: italic; font-size: 19px; font-weight: 600; margin: 40px 0 25px 0; }
.footnote {font-family: 'Crimson Text', serif; font-style: italic; font-size: 16px; font-weight: 400; }

.results-note {position: relative; top: 22px; float: right; position: relative; line-height: 20px; }

.prop-tn {height: 340px; overflow-y: hidden; }
.prop-tn-lrg {height: 340px; background-size: cover; background-position: center center; }
.prop-tn-sml {height: 170px; background-size: cover; background-position: center center; }

.results-price {font-weight: 700; font-size: 20px; margin: 15px 0 15px 0; }

#search-table {width: 100%; /*position: relative; bottom: 10px;*/ padding:10px 0; }

#search-wide {width: 29%; padding-right: 1%; }
#search-sml {width: 19%; padding-right: 1% }
#search-go {width: 10%; }

#logo {width: 100%; height: auto; }

#nav-txt {font-size: 17px; color: #939598; float: right; position: relative; top: 9px; margin-right: 10px;}

/* JMF added */

a:link.white		{text-decoration:none;color:#ffffff;}
a:visited.white	{text-decoration:none;color:#ffffff;}
a:hover.white		{text-decoration:underline;color:#ffffff;}

.bordered {border:2px solid #8F8677;}
.section-image {width:100%;height:auto;border-radius: 3px;}
.right-align {float:right;margin:0 0 5px 5px;width:30%;height:auto;text-align:center;font-size:11px;line-height:13px;}
.left-align {float:left;margin:0 5px 5px 0;width:30%;height:auto;text-align:center;font-size:11px;line-height:13px;}

.tablegrid {border-top:1px solid #C0C0C0;border-left:1px solid #C0C0C0;}
.tablegrid td {border-right:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;}

.larger {font-size:18px;}


ul {list-style: disc url("/images/list-dot.gif");}
ul.dot {list-style: disc url("/images/list-dot.gif");}
ul.page-text {list-style:none}
li {font-size:14px;margin: 10px 0;}

div.prop-card {
	background-color: #FFF; 
	font-size: 13px;
	color: #0d1e32;
	font-weight: 400;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;

}


#info-content {max-width:300px;}

.textfield {width:100%; border-radius: 3px; border: none; padding: 4px 0 4px 0; margin:4px 0 4px 0; text-indent: 6px; font-size: 14px; font-family: 'Source Sans Pro', sans-serif;}

textarea {resize: vertical;}

a:link.back-btn {
	background-color: #ff7e00; 
	color: #FFF; 
	text-decoration: none; 
	padding: 9px 0 9px 0;
	border-radius: 3px;
	font-weight: 700;
	text-align: center;
	width: 90px;
	display: inline-block;
	font-size: 17px;
	margin-top:16px;
}

a:hover.back-btn {
	background-color: #d66d1b; 
	}

a:visited.back-btn {
	color: #FFF; 
	text-decoration: none; 	
}

div#portrait-detail-photo-slider{display:none;}
div#main-detail-photo-slider-wrapper .liquid-slider {width:100%;max-width:100%;height:400px; }
div#main-detail-photo-slider-wrapper .ls-panel {width:100%;max-width:100%;height:425px;}


.photo-property { display:block;width:23.8%; float:left; margin-left:1.6%; margin-bottom:1.2%;}
.photo-property img { width:100%; max-height: 178px; min-height:178px;}
.photo-main { display:block; width:49.2%; float:left;  }
.photo-main img { width:100%; max-height: 374px; min-height:374px;}



.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

a:link.admin {
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	font-weight:bold;
	line-height: 20px;	
}
a:visited.admin {
	text-decoration: none;
	color: #FFF;	
}

a:hover.admin {
	text-decoration: underline;
	color: #237fd5;	
}

.frm-table {width: 100%;}
.frm_1_of_2 {width: 48%; padding-right:2%;}
.frm_2_of_2 {width:98%; padding-right:2%;}
.frm_1_of_3 {width: 32%; padding-right:2%;}
.frm_3_of_3 {width:98%; padding-right:2%;}
.frm_3_of_4 {width:73%; padding-right:2%;}
.frm_1_of_4 {width:23%; padding-right:2%;}

.frm-heading {margin:20px 0 0 0;}

#country_current {display:none;}
#frm_firstname {display:none;}

.response {
	color: #237fd5;
	font-weight: 900;}
	
.info-page p {
font-size: 16px;
}

.admin-thumb {width:150px; height:130px; background-size: cover;}

#drag-upload-wait {
	float:left;
	margin-left:100px;
	display:none;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.btn-action {
	color: #FFF; 
	font-weight: 700;
	text-align: center;
	text-decoration: none; 
	font-size: 15px;  
	background-color: #144573; /* Blue */
    border: none;
    padding: 3px 8px 4px 8px;
    display: inline-block;
    border-radius: 3px;
    cursor:pointer;
    cursor:hand;
}
.btn-action:hover {
	background-color:#f5a01a;
}

.btn-other {
	color: #FFF;
	font-weight: 700;
	text-align: center;
	text-decoration: none; 
	font-size: 15px; 
	background-color: #C0C0C0; /* Grey */
    border: none;
	padding: 3px 8px 4px 8px;
    display: inline-block;
    border-radius: 3px;
	cursor:pointer;
	cursor:hand;
}
.btn-other:hover {
	background-color:#f5a01a;
}

.upload-box {
	width:92%;
	border:1px solid black;
	border-radius: 3px;
	background-color:white;
	text-align:center;
	padding:0 15px 15px 15px;
}

/* styles for responsive video  */
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; } 
	
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; }



#anniv-logo {width:100px;margin-left:50px;}

/* Below added by Daniel Franck on 3/30/20 - for ActiveBuilding Portal Button*/

a:link.portal-btn {
	background-color: #237fd5; 
	color: #FFF; 
	text-decoration: none; 
	padding: 9px 15px 9px 15px;
	border-radius: 3px;
	font-weight: 700;
	text-align: center;
	
	max-width: 220px;
	display: inline-block;
	font-size: 17px;
	
	
	/* 22px height backup if fit-content doesn't work on browser */
	height: 22px; 
	height: fit-content;
	 
	margin-right: 10px;
}

a:hover.portal-btn {
	background-color: #1568b6; 
	}

a:visited.portal-btn {
	color: #FFF; 
	text-decoration: none; 	
}

#menu-container{display: flex; flex-wrap:wrap; align-content: center; justify-content: flex-end; width: 50%;}

.mobile_only{display: none;}