/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.lbl-link {
  display: none;
}

.chart {
  margin: 0 0 2em 0;
  overflow: auto;
  width: 100% !important;
  min-width: 700px;
}

.chart-c h4 {
  margin: 0 0 1em 0;
}

.chart .legend table {
  width: auto !important;
}

.chart .legend td {
  border: 0;
}

/* wprl pdp css */

#wprl-pdp {
  position: relative;
  z-index: 1;
  width: 100vw;
}

#wprl-pdp .flex {
  flex-wrap: wrap;
}

#wprl-pdp .layout {
  padding: 0 2rem;
}

#wprl-pdp .top-info {
  background: rgba(0,0,0,.3);
  padding: 1.5em 0 1.5em 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 55;
}

#wprl-pdp .top-info .layout {
  position: relative !important;
  max-width: 1440px;
  margin: auto;
  padding: 0 2rem;
}

#wprl-pdp .top-info h1 {
  display: inline-block;
  color: #fff !important;
  font-size: 1.3em;
  font-weight: 400;
  padding: 0 2em 0 0em!important;
  margin: 0;
  font-family: quasimoda, sans-serif;
  
}

#wprl-pdp .top-info p {
  display: inline-block;
  margin: 0;
  color: #fff !important;
  font-size: 1.3em;
  font-weight: 400;
  padding: 0 0em 0 1.5em!important;
}

#wprl-pdp .top-info p.price .oldprice {
  text-decoration: line-through;
  padding: 0 0 0 1em!important;
  font-style: italic;
}

#wprl-pdp .top-info #listing-nav {
  float: right;
  text-transform: uppercase;
  padding: 0 !important;
  font-size: 0.9em;
  margin-top: .1em;
}

#wprl-pdp .top-info #listing-nav span.io-icon-listing-next {
  display: inline-block;
  vertical-align: middle;
  color: #fff !important;
  padding: 0 0 0 .5em;
}

#wprl-pdp .top-info #listing-nav span.io-icon-listing-prev {
  display: inline-block;
  color: #fff!important;
  padding: 0 .5em 0 0;
  vertical-align: middle;
}

#wprl-pdp .top-info #listing-nav span:before {
  position: relative;
  font-size: 1.1em;
  top: 2px;
}

#wprl-pdp .top-info #listing-nav .back {
  color: #fff;
  vertical-align: middle;
}


#wprl-pdp #media {
  position: relative;
  background: #000;
  margin: 0 auto 1em auto;
}

#wprl-pdp #slides #bigimg #video-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}

#wprl-pdp #slides #bigimg #video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#wprl-pdp #slides {
  position: relative;
}

#wprl-pdp #media #bigimg {
  position: relative;
  height: 700px;
  overflow: hidden;
  max-width: 1440px;
  margin: 0 auto;
}

#wprl-pdp #media #bigimg .imgwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #ecebe6;
}

#wprl-pdp #media #bigimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#wprl-pdp #media #bigimg .vertical img {
  height: 100%;
  width: auto;
  top: 0;
  position: relative !important;
}

#wprl-pdp #media #bigimg .playwrap div {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  cursor: pointer;
  background: rgba(0,0,0, .5);
}

#wprl-pdp #media #bigimg .playwrap span {
  align-self: center;
  font-size: 6em;
  color: #fff;
  
}

#wprl-pdp #media #slides-next {
  color: #000000;
  position: absolute;
  top: 32%;
  right: 1em;
  z-index: 555;
  font-size: 1.75em;
  background: rgba(180,168,157, .7);
  border-radius: 5em;
  padding: .3em;
  cursor: pointer;
}

#wprl-pdp #media #slides-next:before {
  left: 0.085em;
  position: relative;

}

#wprl-pdp #media #slides-prev {
  color: #000000;
  position: absolute;
  top: 32%;
  left: 1em;
  z-index: 555;
  font-size: 1.75em;
  background: rgba(180,168,157, .7);
  border-radius: 5em;
  padding: .3em;
  cursor: pointer;
}

#wprl-pdp #media #slides-prev:before {
  left: -.05em;
  position: relative;
}

#wprl-pdp #media-navigation-container {
  background: rgba(0,0,0,.1);
  position: relative;
  
}

#wprl-pdp #media-navigation-container .layout {
  max-width: 1440px;
  margin: 0 auto;
}

#wprl-pdp #media-nav {
  width: 100%;
  padding: .5rem 0;
  text-transform: uppercase;
}

#wprl-pdp #media-nav div {
  display: inline-block;
  vertical-align: middle;
  padding: 0 1.25em 0 0;
  color: #fff;
}

#wprl-pdp #media-nav div#next-prev {
  padding: .2em .5em 0 0;
}

#wprl-pdp #media-nav a {
  color: #fff;
  line-height: 1.75em;
  font-size: 1rem;
}

#wprl-pdp #media-nav a:hover {
  color: #036e72;
}

#wprl-pdp #media-nav a span:before {
  padding: 0 .25em 0 0;
  font-size: 1.5em;
  position: relative;
  float: left;
  top: .1em;
}

#wprl-pdp #media-nav #next-prev {
  color: #fff;
  cursor: pointer;
}

#wprl-pdp #media-nav #next-prev span:before {
  font-size: 2em;
}

#wprl-pdp #media-nav #next-prev span.io-icon-pdp-prev-img:before,
#wprl-pdp #media-nav #next-prev span.io-icon-pdp-next-img:before {
  font-size: 1.5em;
  position: relative;
  top: -.1em;
}

#wprl-pdp #media-nav #slides-count {
  margin-top: .2em;
}

#wprl-pdp #main-info-container {
  padding: 1.5em 0 1.75em 0;
}

#wprl-pdp #main-info-container .layout {
  position: relative !important;
  max-width: 1440px;
  margin: 0 auto;
}

#wprl-pdp #main-info-container h1 {
  font-size: 1.7em;
  font-weight: 500;
  color: #fff !important;
  margin: 0 0 .5em 0;
  border: none !important;
  font-family: quasimoda, sans-serif;
  padding: 0;
}

#wprl-pdp #main-info-container p.price {
  font-size: 1.3em;
  font-weight: 400!important;
  margin: 0 0 .5em 0;
  color: #e5e3db !important;
}

#wprl-pdp #main-info-container p.price .oldprice {
  text-decoration: line-through;
  padding: 0 0 0 1em;
  font-style: italic;
}

#wprl-pdp #main-info-container ul.main-info {
  font-size: 1.4em;
  margin: .5em 0 0 0;
  padding: 0;
  list-style: none;
 font-weight: 400;
}

#wprl-pdp #main-info-container ul.main-info li {
  display: inline-block;
  padding: 0 1em 0 0;
  font-weight: 400;
  color: #e5e3db !important;
}

#wprl-pdp #main-info-container ul.main-info li b {
  font-weight: normal;
}

#wprl-pdp .contact-wrapper {
  position: absolute;
  right: 2rem;
  top: -10em;
  z-index: 555;
  width: 350px;
}

#wprl-pdp .contact-form {
  background: #eeefef;
  padding: .75em 1em 1em 1em;
  border: 1px solid #dcdede;
}

#wprl-pdp .contact-form h2 {
  margin: 0 0 .75em 0;
  color: #036e72;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.1em;
  padding: .3em 0 .3em 0;
  font-family: quasimoda, sans-serif;
}

#wprl-pdp .contact-form .wpcf7 p {
  margin: 0;
}

#wprl-pdp .contact-form textarea,
#wprl-pdp .contact-form input[type=text],
#wprl-pdp .contact-form input[type=email]{
  border: 1px solid #dcdede;
  font-size: .80em;
  font-weight: 400;
  width: 100%;
  color: #000000 !important;
  padding: .25em .5em;
  margin: 0 0 1em 0;
  background: #fff;
}

#wprl-pdp .contact-form textarea::placeholder,
#wprl-pdp .contact-form input[type=text]::placeholder,
#wprl-pdp .contact-form input[type=email]::placeholder {
  color: #000000 !important;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.03em;
  font-family: quasimoda, sans-serif;
}

#wprl-pdp .contact-form textarea {
  height: 100px;
}

#wprl-pdp .contact-form input[type=submit] {
  border: 0;
  width: 100%;
  color: #fff;
  padding: .4em 3em;
  background: #036e72;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0;
  font-family: quasimoda, sans-serif;
  font-size: 1em;
  letter-spacing: 0.05em;
}

#wprl-pdp .contact-form input[type=submit]:hover {
  background: #000000;
}

#wprl-pdp .contact-form .wpcf7-not-valid {
  border: 2px solid #0c3666 !important;
  font-weight: bold;
}

#wprl-pdp .contact-form .wpcf7-response-output {
  background: #bf6504;
  margin: 0 0 1em 0 !important;
  padding: .5em;
  font-size: .875em;
  color: #fff;
  border: 0;
}

#wprl-pdp .contact-form .wpcf7-display-none,
#wprl-pdp .contact-form .screen-reader-response,
#wprl-pdp .contact-form .wpcf7-not-valid-tip {
  display: none;
}


#wprl-pdp .tools {
  margin: 1em 0 0 0;
}

#wprl-pdp .tools ul {
  margin: 0;
  padding: .3em 0;
  list-style: none;
}

#wprl-pdp .tools ul li {
  display: block;
  padding: .75em 1em .75em 1em;
  text-transform: uppercase;
}

#wprl-pdp .tools ul li:first-child {
  border: 0;
}

#wprl-pdp .tools ul li a {
  color: #3f4a4a;
  display: block;
  font-weight: 500;
}

#wprl-pdp .tools ul li a span {
  padding: 0;
  float: left;
  font-size: 1.1em;
  line-height: 1.4em;
}

#wprl-pdp .tools ul li a span:before {
  display: block;
  font-size: 1.88em;
  float: left;
  padding: 0 .5em 0 0;
  margin-top: -3px;
  color: #036e72;
}

#wprl-pdp .tools ul.social {
  margin: 0;
  list-style: none;
  padding: 0 0 1em 1em;
}

#wprl-pdp .tools ul.social li {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #036e72 !important;
}

#wprl-pdp .tools ul.social li a:before {
  position: relative;
  font-size: 1.5em;
  color: #3f4a4a;
  padding: 0 .3em 0 0;
}

#wprl-pdp .tools ul.social li span.io-icon-share:before {
  position: relative;
  font-size: 1.5em;
  padding: 0 .6em 0 .1em;
  color: #036e72;
}

#wprl-pdp #wprl-pdp-body {
  line-height: 2em;
  padding: 1.5em 0 0 0;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

#wprl-pdp #wprl-pdp-body>.flex {
  padding: 0 2rem;
  max-width: 1440px;
  margin: 0 auto;
}

#wprl-pdp #wprl-pdp-body .map-block {
  margin: 2em 0 3em 0;
}

#wprl-pdp #wprl-pdp-body .google-map {
  margin: 0;
  position: relative;
  padding: 0;

}

#wprl-pdp #wprl-pdp-body .google-map img {
  width: 100%;
  height: auto;
  display: block;
}

#wprl-pdp #wprl-pdp-body .google-map .caption-wrap {
  background: rgba(234,235,236, .50);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #036e72;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#wprl-pdp #wprl-pdp-body .google-map .caption {
  color: #036e72;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  font-size: 2em;
}

#wprl-pdp #wprl-pdp-body a {
  color: #0c3666;
}

#wprl-pdp #wprl-pdp-body a:hover {
  color: #868687;
}

#wprl-pdp #wprl-pdp-body .grid {
  margin: 0 0 0 -2em;
}

#wprl-pdp #wprl-pdp-body .block {
  padding: 0;

}

#wprl-pdp #wprl-pdp-body #main-data {
  min-height: 230px;
}

#wprl-pdp #wprl-pdp-body #main-data .flex {
  margin: 0 -2em;
  width: auto;
}

#wprl-pdp #wprl-pdp-body #main-data .flex .section {
  padding: 0 2em;
  margin: 0 0 2em 0;
}

#wprl-pdp #wprl-pdp-body .section {
  margin: 0 0 2em 0;
}

#wprl-pdp #wprl-pdp-body h2 {
  text-transform: uppercase;
  color: #036e72;
  font-size: 1.6em;
  margin: 0 0 1em 0;
  font-weight: 400;
  position: relative;
  font-family: quasimoda, sans-serif;
}

#wprl-pdp .broker {
  margin: 0 0 1em 0;
  text-transform: uppercase;
  font-size: .9em;
  color: #000000 !important;
}

#wprl-pdp .broker h3 {
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 0 !important;
  padding: 0 0 .3em 0em !important;
  border: 0;
  color: #000000 !important;
  font-weight: 600;
}

#wprl-pdp .broker p {
  padding: 0em !important;
  font-size: 1.2em;
}

#wprl-pdp .broker:last-child {
  margin: 0;
}

#wprl-pdp .broker .image {
  padding: 0;
  width: 70px;
  float: left;
}

#wprl-pdp .broker .image img {
  width: 100%;
}

#wprl-pdp .broker .text {
  margin: -.2em 0 0 0;
  float: left;
  width: 185px;
  color: #006c93;
  padding-left: 1em;
}


#wprl-pdp .broker .text p {
  margin: 0;
  color: #3f4a4a;
}

#wprl-pdp .broker .text .io-icon-mail:before {
  padding: 0 .5em 0 0;
  font-size: 1.5em;
  position: relative;
  top: .2em;
}

#wprl-pdp #wprl-pdp-body .desc-more {
  background-color: #f5f6f6 !important;
  padding: 2.2em 0;
  position: relative;
}

#wprl-pdp #wprl-pdp-body .desc-more:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: -50%;
  background: #f5f6f6;
  z-index: -1;
}

#wprl-pdp #wprl-pdp-body .desc-more:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  right: -50%;
  background: #f5f6f6;
  z-index: -1;
}


#wprl-pdp #wprl-pdp-body .desc-more p {
  font-size: 1.15em;
  color: #000000 !important;
  line-height: 1.8em;
  font-style: oblique;
  letter-spacing: .1rem;
  font-weight: 300 !important;
}

#wprl-pdp #wprl-pdp-body .desc-more p:last-child {
  margin: 0;
}

#wprl-pdp #wprl-pdp-body .block ul {
  margin: 0;
  padding: 0 30px 0 0;
  list-style: none;
  font-size: 1em;
  line-height: 2em;
  color: #3f4a4a;
  letter-spacing: 0.1em;
}

#wprl-pdp #wprl-pdp-body .oldprice {
  text-decoration: line-through;
}

#wprl-pdp #main-data ul {
  text-transform: uppercase;
}

#wprl-pdp .block ul li b {
  font-weight: 500;
  color: #3f4a4a;
  text-transform: uppercase;
}

#wprl-pdp .addinfo {
  padding-right: 2rem;
  columns: 2;
  column-gap: 2rem;
}

#wprl-pdp #schools .addinfo {
  columns: 1;
}

#wprl-pdp .addinfo li {
  margin: 0 0 .5rem 0;
  break-inside: avoid;
  font-weight: 400;
  color: #6c6967 !important;
}

#wprl-pdp .addinfo b {
  display: block;
  font-weight: 400 !important;
  color: #000 !important;
}

#wprl-pdp #neighborhood .post {
  margin: 0 !important;
}

#wprl-pdp #neighborhood .post .links p {
  margin: 0 !important;
}

#wprl-pdp #mini-gmap-container {
  width: 100%;
  padding: 0 0 75% 0;
  border: 1px solid #dcd8d8;
  position: relative;
}

#wprl-pdp #mini-gmap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#wprl-pdp #mini-gmap iframe {
  height: 100%;
}

#wprl-pdp #wprl-pdp-body #neighborhood h4,
#wprl-pdp #wprl-pdp-body #neighborhood h4 a {
  color: #3f4a4a;
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
  font-family: quasimoda, sans-serif;
}

#wprl-pdp #wprl-pdp-body #neighborhood .desc {
  margin: 0 0 .5em 0;
  font-size: 1.2em;
  color: #3f4a4a;
  font-style: oblique;
}

#wprl-pdp #wprl-pdp-body #neighborhood p {
  margin: 0 0 1em 0;
  text-transform: uppercase;
}

#wprl-pdp #wprl-pdp-body #neighborhood .links {
  margin: 0 0 1em 0;
  text-transform: uppercase;
  color: #b0a18a;
  font-weight: 500;
  font-size: 1em;
}

#wprl-pdp #wprl-pdp-body #neighborhood .links a {
  color: #4a817c;
}

#wprl-pdp #wprl-pdp-body #neighborhood .links a:hover {
  color: #3f4a4a;
}

#wprl-pdp #wprl-pdp-body .idx-listing {
  margin: 0 0 1em 0;
}

#wprl-pdp #wprl-pdp-body .idx-listing .broker .image {
  width: auto;
}

#wprl-pdp #wprl-pdp-body .idx-listing .broker .text {
  margin: -.5em 0 0 0;
}

#wprl-pdp #wprl-pdp-body .idx-listing .broker .text p {
  margin: 0 !important;
  line-height: 1.75em;
  color: #3f4a4a;
  font-size: 1em;
}

#wprl-pdp #wprl-pdp-body .idx-listing p {
  margin: 0;
}

#wprl-pdp #idxdisclaimer {
  margin: 0 0 1em 0 !important;
  padding: 0 2em 3em 2em !important;
  line-height: 1.5em;
}

/* end wprl pdp css */


/* wprl-ssr css */

#page-header {
  background: #333;
  margin: 0 0 1.5em 0;
}

.home #page-header {
  margin: 0;
  background: #565654;
}

.home #page-header span.label {
  padding: 0 1em 0 0;
  text-transform: uppercase;
}

.home #page-header span.keyword {
  padding: 0em 0 .05em 0;
}

.home #page-header input.textbox {

  position: relative;
}

.home .wprl-ssr {
	position: relative;
	margin: 0 !important;
}

.search-results {
  padding: 0 1rem;
}

.map-search-page .search-results {
  padding: 0;
}

.wprl-ssr {
	position: relative;
	margin: 0 0 2em 0;
}

.wprl-ssr .layout {
  padding: 0 1em;
  min-width: auto;
}

#page-wrapper .wprl-ssr .layout {
  padding: 0;
}

.wprl-ssr #search-type-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

#search-type-nav li {
  display: inline-block;
}

#search-type-nav li a {
  display: block;
  border: 1px solid #036e72;
  padding: .5em 1em .5em 1em;
  color: #036e72;
  text-transform: uppercase;
  font-size: 1em;
}

#search-type-nav li a:hover {
  display: block;
  background: #000000;
  border: 1px solid #000000;
  color: #fff;
}

#search-type-nav li a.active {
  background: #000000;
  border: 1px solid #000000;
  color: #fff;
}

#search-type-nav li a span {
  vertical-align: middle;
  display: inline-block;
}

#search-type-nav li a span:before {
  padding: 0 .5em 0 0;
  font-size: 1.3em;
  top: 3px;
  position: relative;
}

#search-type-nav li a span.io-icon-map-view:before {
  padding: 0 .25em 0 0;
}

.wprl-ssr .flex {
  margin: 0 -.5em;
  width: auto;
  flex-wrap: wrap;
}

.wprl-ssr .ssr-prop {
  margin: 0 0 2rem 0;
  padding: 0 .5rem;
  background: url(/images/ssrbg-idx.png) 98% 100% no-repeat;
  width: 33.3333%;
}

.wprl-ssr .my_prop {
  background: url(/images/ssrbg-my.png) 98% 100% no-repeat;
}

.wprl-ssr .ssr-prop h1 {
  font-size: 1.1em;
  color: #036e72;
  margin: 0;
  overflow: hidden;
  font-weight: 500;
  padding: .25rem 0 .25rem 0 !important;
  letter-spacing: 0.05em;
  border: none !important;
  
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wprl-ssr .ssr-prop p {
	margin: 0;
	font-size: 1em;
	height: 1.6em;
	color: #000000;
}

.wprl-ssr .ssr-prop .img {
  position: relative;
  width: 100%;
  padding: 0 0 66% 0;
  margin: 0 0 .5rem 0;
}


.home .video .img {
  margin: 0;
}

.wprl-ssr.video .img {
  margin: 0;
}

.wprl-ssr .ssr-prop .img .noimg {
  background: #eee;
  display: block;
  height: 100%;
  line-height: 160px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.wprl-ssr .ssr-prop .img img {
  position: absolute;
  top: 0;
  left: 0;
  
  width: 100%;
  height: 100%;

  object-fit: cover;
}

.wprl-ssr .img-status {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 3;
  padding: .2em 0;
  font-size: 1.2em;
  text-transform: uppercase;
  background-color: rgba(153,170,87,.7);
  color: #fff;
}

.wprl-ssr .img-status.new {
  background-color: rgba(153,170,87,.7);
}

.wprl-ssr .img-status.new:before {
  content: "New";
  padding: .5em 0 .5em .5em !important
}

.wprl-ssr .img-status.price-increase,
.wprl-ssr .img-status.price-reduced {
  background-color: rgba(86,165,186,.7);
}

.wprl-ssr .img-status.price-increase:before,
.wprl-ssr .img-status.price-reduced:before {
  content: "Newly-Priced";
  padding: .5em 0 .5em .5em;
}

.wprl-ssr .img-status.sold {
  background-color: rgba(0,43,90,.7);
}

.wprl-ssr .img-status.sold:before {
  content: "Sold";
  padding: .5em 0 .5em .5em;
}


.wprl-ssr .img-status.pending {
  background-color: rgba(153,170,87,.7);
}

.wprl-ssr .img-status.pending:before {
  content: "Pending";
  padding: .5em 0 .5em .5em;
}

.wprl-ssr .links {
  margin-top: 5px;
  color: #002c5a;
 
}

.wprl-ssr .links p {
  height: 30px;
}

.wprl-ssr .links a {
  display: block;
  color: #4a817c;
  font-weight: 500;
  padding: 0 0 .5em 0;
  font-size: 1em;
  text-transform: uppercase;
}

.wprl-ssr .links a span {
  padding: 0 .5em 0 0;
}

.wprl-ssr .links a span:before {
  top: .1em;
  position: relative;
}

.wprl-ssr .links a:hover {
  color: #000000;
}

.wprl-ssr .links a:before {
  padding-right: 5px;
}

.wprl-ssr .noresults h2 {
  margin: 0;
  font-weight: normal;
}


/* home video section */
.home .wprl-ssr.video .listings {
  margin: 0;
}

.wprl-ssr.video .listings .ssr-prop {
  position: relative;
  overflow: hidden;
  background: none;
  margin: 0 0 1rem 0;
}

.home .wprl-ssr.video .listings .ssr-prop {
  padding: 0;
  margin: 0;
}

.home .wprl-ssr.video .listings .ssr-prop img {
  display: block;
  transition: transform .5s ease;
  margin: 0;
}

.home .wprl-ssr.video .listings .ssr-prop:hover img {
  transform: scale(1.01);
}


.wprl-ssr.video .listings .ssr-prop .link a {
  position: absolute;
  top: 0;
  left: .5rem;
  width: calc(100% - 1rem);
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  z-index: 5;
  cursor: pointer;
  
  background: rgba(0,0,0, .3);
}


.home .wprl-ssr.video .listings .ssr-prop .link a {
  width: 100%;
  left: 0;
}


.wprl-ssr.video .listings .ssr-prop .link .play {
  font-size: 4rem;
  color: #fff;
  display: block;
}

.wprl-ssr.video .listings .ssr-prop .link:hover .play {
  color: #c7d8d8;
}

.wprl-ssr.video .listings .ssr-prop .summary {
  position: absolute;
  bottom: 1rem;
  left: .5rem;
  z-index: 8;
  text-align: center;
  width: calc(100% - 1rem);
  background: rgba(0,0,0, .3);
  padding: .5em 1em;
}

.home .wprl-ssr.video .listings .ssr-prop .summary {
  width: 100%;
  left: 0;
}

.wprl-ssr.video .listings .ssr-prop .summary a {
  font-size: 1.2rem;
  color: #fff;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.wprl-ssr.video .listings .ssr-prop .summary a:hover {
  color: #c7d8d8;
}







.oh-ssr h3 {
  padding: 0;
  margin: 0 0 1em 0;
  font-weight: normal;
  font-size: 1.25em;
  color: #036e72;
}

.oh-ssr .date,
.oh-ssr .time {
  color: #036e72;
  font-weight: bold;
}

.oh-ssr h3 a {
  color: #4a817c;
}

.oh-ssr h3 a {
  float: right;
}

#idxdisclaimer {
  font-size: 0.9em;
  margin: 2em 0 0 0;
  color: #000000;
  padding: 0 0 1em 0;
}

#page-wrapper #idxdisclaimer {
  padding: 0;
}

.disclaimer {
  font-size: .5em;
}

/* Listings Pager */
#wprl-limits, #wprl-limits2 {
  margin: 0 0 1rem 0;
}

.listings-pager h4 {
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #555;
  text-transform: capitalize;
  font-size: 1.0em;
  margin: 0 0 5px 0;
  font-weight: normal;
}

.listings-pager h4 em {
  font-style: normal;
}


.listings-pager-links {
  float: left;
  font-size: 0.9em;
  font-weight: normal;
}

.listings-pager-links a {
  display: block;
  float: left;
  padding: 3px 12px 3px 12px;
  background: #fff;
  margin: 0 5px 0 0;
  color: #036e72;
}

.listings-pager-links span {
  display: block;
  float: left;
  padding: 3px 7px 3px 7px;
  /* background: #eee; */
  color: #aaa;
  margin: 0 1px 0 0;
}

.listings-pager-links a:hover {
  background: #036e72;
  color: #fff;
}

.listings-pager-links a.curpage {
  color: #fff;
  background: #036e72;
}

#wprl-limits #sort-by {
  float: right;
  margin: 0;
}

#wprl-limits #sort-by {
  padding: .5rem 0 1rem 0;
  width: 185px;
  background: #036e72;
  /*! border: 1px solid #036e72; */
}

#wprl-limits #sort-by.onmap {
  background: #006c93;
  border: 1px solid #006c93;
}

#wprl-limits #sort-by .myselect {
  display:inline;
  zoom:1;
  padding: .5rem 1rem 0 1em;
  margin-bottom:0;
  font-size: .88rem;
  line-height: 15px;
  color: #fff;
  border-radius: 0;
  background: #036e72;
  font-weight: 500;
  font-family: quasimoda, sans-serif;
  text-transform: uppercase;
}

#wprl-limits #sort-by .btn-group {
  width: 100% !important;
}

#wprl-limits #sort-by .myselect .caret {
  right: 2em;
  background: #000000 !important;
  border: 0;
  margin: 0;
  top: .4rem;
}

#wprl-limits #sort-by .myselect .caret:before {
  font-family: 'icomoon';
  content: "\e902";
  font-size: .6em;
  padding: 1em;
   background: #036e72 !important;
}

#wprl-limits #sort-by down {
  content: "\e902";
  border: 1px solid #cf7700;
}

#wprl-limits .save-search {
  float: right;
  background: #000000;
  color: #fff;
  padding: 1em 1.5em;
  font-size: .9em;
  margin: 0 0 0 25px;
  text-transform: uppercase;
}

#wprl-limits .save-search:hover {
  background: #97ae48 !important;
  color: #fff;
}

#wprl-limits2 h4 {
  display: none;
}

/* end Listings Pager */



/* map search */

.search .my-header {
  margin: 0;
  position: relative;
  padding: 0;
  padding: 0 0 .7em 0;
}

.my-header #search-type-nav {
  list-style: none;
  padding: 0;
  position: absolute;
  top: -15px;
  right: 0;
}

.my-header #search-type-nav li {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}

.my-header #search-type-nav li:first-child {
    border: 0;
}
  
.my-header #search-type-nav li a {
  display: block;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.85em;
  background: #ccc;
  padding: .5em .5em .5em .5em;
  width: 77px;
  position: relative;
  line-height: 1.3em;
  border-radius: 1px;
  border: 1px #ccc solid;
}

.my-header #search-type-nav li a:before {
  color: #fff;
  font-size: 1.4em;
  position: absolute;
  right: .3em;
  top: .3em;
}

.my-header #search-type-nav li a.io-icon-list:before {
  font-size: 1.4em;
  top: .25em;
}

.my-header #search-type-nav li a.active:before {
  color: #fff;
}

.my-header #search-type-nav li a.active {
  color: #fff;
  background: #555;
  border: 1px #555 solid;

}

.my-header #search-type-nav li a.adv-search {
  width: 210px;
  background: #fff;
  border-radius: 0px;
border: 1px #555 solid;
}

.my-header #search-type-nav li a#search-near-me {
  width: 12em;
  background: #556f8a;
}


.my-header #search-type-nav li a.adv-search,
.my-header #search-type-nav li a.adv-search:before {
    color: #555;
    
}

.my-header #search-type-nav li a.adv-search:before {
  right: .em;

}

.my-header #search-type-nav li a:hover,
.my-header #search-type-nav li a:hover:before {
  color: #fff;
  background: #ccc !important;
}

#page-header .near-me a {
  color: #fff;
  display: block;
  text-transform: uppercase;
  padding: 0 0 .5em 0;
  margin: -.5em 0 .75em 0;
  font-size: .875em;
}

#page-header .near-me a span {
  color: #fff;
  padding: 0 .5em 0 0;
  font-size: 1.5em;
  position: relative;
  top: .2em;
}

.listing-search .search-form {
  margin: 0;
  padding: 0;
  position: relative;
}

.home .listing-search .search-form {
  margin: 0;
  padding: 1em 0 0 0;
}

.home .listing-search .advanced-search-link a {
  display: none;
}


.listing-search .selbox {
  display: inline-block;
  margin: 0 .5em 1em 0;
  background: #fff;
  padding: .25em .4em .25em .4em;
  text-align: left;
  border: 1px #000000 solid;
}

.bootstrap-select.btn-group .dropdown-menu {
  width: calc(100% + 1em)
}

div.dropdown-menu {
  position: absolute;
  top: 115%;
  left: -.5em !important;
  
  margin: 0px 0 0 0 !important;
  
  border: 1px solid transparent !important;

  border-radius: 0 !important;
  background-clip: padding-box;
}

.listing-search .selbox .io-icon-map-view {
  font-size: 1em;
  position: relative;
  top: .15em;
  color: #036e72;
}

.listing-search .selbox.location .separator {
  border-left: 1px solid #5a5f63;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  margin: 0 .25em;
}

.listing-search .selbox.location .textbox {
  border: 0;
  height: 35px;
  display: inline-block;
  color: #000;
  font-size: .88em;
}

.listing-search .mysubmit::-moz-focus-inner {
  border: 0;
  padding: 0;
}


.listing-search .advanced-search-link {
  text-transform: uppercase;
  text-align: left;
  display: inline-block;
}

.listing-search .advanced-search-link a {
  color: #036e72;
  padding: 0 .2em 0 0;
  display: inline-block;
  font-size: 1.35em;
  top: .2em;
  position: relative;
}


.listing-search .advanced-search-link a:hover {
  color: #000000 !important;
}

.listing-search .advanced-search-link a:hover span:after {
  color: #ccc !important;
}

.listing-search #qs-searchbox {
  padding: 0;
  color: #000;
  font-size: .88rem;
  height: 35px;
}

.listing-search .address {
  position: relative;
  top: 1px;
  margin: 0 .5em 1em 0;
  padding: .2em .4em .25em .4em;
}

.listing-search #adv-search {
  margin: 0;
}

.listing-search .mysubmit {
  height: 44px;
  border-radius: 0;
  float: right;
  cursor: pointer;
  color: #fff;
  display: block;
  font-size: 1.0em;
  position: relative;
  background: #036e72;
  border: 0;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-family: quasimoda, sans-serif;
  margin-bottom: 1rem;
}

.listing-search .mysubmit2 {
  float: left;
  margin: .5em 0 1.25em 0;
  width: 300px;
}

.home .listing-search .mysubmit {

}

.listing-search .mysubmit span:before {
  padding: 5px;
}

.listing-search .mysubmit:hover {
  background: #000000;;
  color: #fff;
}

.listing-search label.checkbox {
  font-weight: normal !important;
  line-height: 25px;
  margin-left: -4px;
  padding: 0 !important;
  color: #8b8d8d !important;

}


.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
  margin-bottom: 0;
}

#map-wrapper .myselect,
.listing-search .selbox select,
.listing-search .myselect {
  height: 35px;
  display:inline;
  zoom:1;
  padding: 3px 5px;
  margin-bottom:0;
  font-size: .88em;
  line-height:20px;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  color: #555555;
  border-radius: 0;
  background: #fff;
  border-radius: 0em !important;
  font-family: quasimoda, sans-serif;
  
}

#map-wrapper .bootstrap-select.btn-group .dropdown-menu,
.listing-search .bootstrap-select.btn-group .dropdown-menu {
  border-radius: 0em !important;
}

.dropdown-menu>li>a {
	padding: 5px 10px !important;
	text-transform: uppercase;
  color: #000000 !important;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #fff !important;
	background-color: #000000 !important;
}

.listing-search .selbox select {
  margin-bottom: 10px;

}

#map-wrapper .btn-group.open .dropdown-toggle,
.listing-search .btn-group.open .dropdown-toggle {
	-webkit-box-shadow:inset 0 0 0 rgba(0,0,0, 0);
	box-shadow:inset 0 0 0 rgba(0,0,0, 0);
}

#map-wrapper .bootstrap-select.btn-group .dropdown-menu.inner,
.listing-search .bootstrap-select.btn-group .dropdown-menu.inner {
  height: auto;
  height: 150px;
  overflow-x: hidden !important;
}

#map-wrapper .myselect .filter-option,
.listing-search .myselect .filter-option {
  width: 95%;
  text-transform: uppercase;
  padding-left: 5px;
  font-weight: 400;
  color: #000000;
  font-size: 0.9rem;

}

#map-wrapper .myselect .caret,
.listing-search .myselect .caret {
  right: 1.5em !important;
  background: #fff;
  border: 0;
  margin: 0;
  top: 20% !important;
}

#map-wrapper .myselect .caret:before,
.listing-search .myselect .caret:before {
  font-family: 'icomoon';
  content: "\e902";
  font-size: .6em;
  padding: 1em;
  background: #fff;
}

.listing-search #adv-search .listing-status {
  margin: 0;
  border: 0;
  padding: .6em .75em .6em 0;
  background: transparent;
}

.listing-search #adv-search .listing-status label {
  display: inline-block !important;
  padding: 0 1em 0 0 !important;
  color: #000000!important;
  font-size: .95em;
  text-transform: uppercase;
}

.listing-search #adv-search .listing-status label .icon {
  margin-right: .5em !important;
  border: 1px solid #000000;
}


#map-wrapper #sortby .caret:before {
  padding: 1em 0;
}

#map-wrapper #map-body {
  margin: 0 -.2rem 1em -1rem;
  display: flex;
}

#map-wrapper #search-results {
  width: 50%;
  background: #fff;
  margin: 0 1rem;
}


#map-wrapper #search-results #results-container {
  height: 535px;
  margin: 5px 0 0 0;
}

#map-wrapper #sortby {
  width: 200px;
  margin: 0 0 1em 0;
}

#map-wrapper #sortby .btn-group {
  width: 100%;
}

#map-wrapper #search-pager {
  height: 40px;
  line-height: 35px;
  padding: 2px 5px 0 5px;
  position: relative;
  text-align: center;
  margin: .5em 0 0 0;
  color: #4d3b2d;
}

#map-wrapper #spaged-next,
#map-wrapper #spaged-prev {
  display: block;
  cursor: pointer;
  margin-right: 5px;
  text-align: center;
  line-height: 13px;
  text-decoration: none;
  color: #4d3b2d !important;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  left: 6px;
}

#map-wrapper #spaged-next span:before,
#map-wrapper #spaged-prev span:before {
  font-size: 1.2em;
  display: block;
  position: absolute;
  top: 0;
  left: -1px;
  line-height: 28px;
}


#map-wrapper #spaged-next:hover,
#map-wrapper #spaged-prev:hover {
  color: #000000 !important;
  filter: none;
}

#map-wrapper #spaged-next {
  right: 0;
  left: auto;
}

#map-wrapper #spaged-next span:before {
  left: 2px;
}

#map-wrapper #gmap-container {
  position: relative;
  padding: 0;
  flex-grow: 1;
}

#map-wrapper #results {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  column-gap: 1em;
  row-gap: 1em;
}

#map-wrapper #gmap-container #viewprop .ssr-prop,
#map-wrapper #search-results .ssr-prop {
  background: #fff;
  width: 100%;
  color: #565654;
  display: flex;
  flex-wrap: wrap;
  width: calc(33.3333% - 1.25em);
}

#map-wrapper #search-results .ssr-prop:last-child {
  background: #fff;
}

#map-wrapper #search-results .ssr-prop:hover {
  cursor: pointer;
}

#map-wrapper #search-results .ssr-prop:hover .ssr-prop-img {

}

#map-wrapper #search-results div.active {
  background: #eff5f3 !important;
  cursor: pointer;
}

#map-wrapper #search-results div.active p {
  color: #4d3b2d !important;
}

#map-wrapper #search-results div.active .ssr-desc {
  padding: .5em;
}

#map-wrapper #search-results div.active p {
  color: #fff;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-prop-img,
#map-wrapper #search-results .ssr-prop .ssr-prop-img {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 200px;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-prop-img img,
#map-wrapper #search-results .ssr-prop .ssr-prop-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  min-height: 100%;
  height: auto !important;
  display: block;
  max-width: none !important;
  object-fit: cover;
  transition: transform .5s ease;
}


#map-wrapper #search-results .ssr-prop:hover .ssr-prop-img img {
  transform: scale(1.2);
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-desc,
#map-wrapper #search-results .ssr-prop .address {
  color: #036e72;
  font-weight: bold !important;
  letter-spacing: 0.05em;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-desc,
#map-wrapper #search-results .ssr-prop .ssr-desc {
  padding: .5em 0;
  width: 100%;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-desc p,
#map-wrapper #search-results .ssr-prop .ssr-desc p {
  margin: 0 0 0 0.3em;
  font-size: .9em;
  line-height: 1.4em;

}

#map-wrapper #search-results .ssr-prop:hover {
  background-color: #036e72;
  color: #fff;
}

#map-wrapper #search-results .ssr-prop:hover p {
  color: #fff;
}


#map-wrapper #search-results .ssr-prop .ssr-prop-close {
  display: none;
}

#map-wrapper #search-results .error {
  padding: 5px;
}


#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-prop-close {
  position: absolute;
  top: -2em;
  right: 0em;
  background: #000000;
  width: 24px;
  height: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
}

#map-wrapper #gmap-container #status {
  position: absolute;
  top: 44%;
  left: 40%;
  background: #49675d;
  padding: 7px 15px;
  color: #fff;
  z-index: 999;
}

#map-wrapper #gmap-container #viewprop {
  position: absolute;
}

#map-wrapper #gmap-container #viewprop .ssr-prop {
  position: relative;
  z-index: 1;
  box-shadow: 1px 1px 15px 1px #bbb;
  background: #fff url(/images/ssrbg-idx.png) bottom 1em right 1em no-repeat;
  width: 320px;
  padding: 1em;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}

#map-wrapper #gmap-container #viewprop .my_prop {
  background: #fff url(/images/ssrbg-my.png) bottom 1em right 1em no-repeat;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-prop-img {
  position: relative;
  width: 100%;
  height: auto;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-prop-img img {
  position: relative;
  width: 100% !important;
  height: auto !important;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-desc {
  float: left;
  margin: 0 0 1em 0;
  font-size: 1.1em;
  width: 100%;
  padding: 1em 0 0 0;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-desc p {
  font-size: 1em;
  line-height: 1.5em;
  color: #000;
  font-weight: 400;
  letter-spacing: normal;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .ssr-desc .address {
  font-size: 1em;
  font-weight: 500;
  color: #036e72;
  letter-spacing: normal;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .more-details {
  display: block !important;
}

#map-wrapper #gmap-container #viewprop .ssr-prop .more-details a {
  color: #fff;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  background: #036e72;
  padding: .5em 1em;
  font-size: 1em
}

#map-wrapper #gmap-container #viewprop .ssr-prop .more-details a:hover {
  background: #000000;
}


@-moz-keyframes pulsate {
		from {
			-moz-transform: scale(.25);
			opacity: 1.0;
		}
		to {
			-moz-transform: scale(3);
			opacity: 0;
		}
	}

@-webkit-keyframes pulsate {
		from {
			-webkit-transform: scale(.5);
			opacity: 1.0;
		}
		to {
			-webkit-transform: scale(3);
			opacity: 0;
		}
	}
  
.location-beacon {
  width:15px;
	height:15px;
}

.location-beacon .front {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background:#569294
  border-radius:51px;

  z-index: 2;
}

.location-beacon .back {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
  width:15px !important;
  height:15px !important;
  
  -webkit-animation: pulsate 2s ease-in-out infinite;
  -moz-animation: pulsate 2s ease-in-out infinite;
    
  border-radius:51px;

  border: 1px solid #569294;

}

/* END MAP SEARCH */


/* MEMBERS SECTION */

.members #page-wrapper {
  margin: 0;
}

.members #page-c {
  padding: 0 !important;
  
}

.members .member-sidebar {
  padding: 1em;
  background: #f3f3f3;
  margin: 0 0 1em 0;
}

.members .login-page.member-sidebar {
  max-width: 800px;

}

.members .page {
  color: #36708f!important;
}

.members .section {
  margin: 0 0 3em 0;
}

.member-sidebar .section {
  text-align: left;
  position: relative;
  padding: 0;
}

.member-sidebar h4 {
  font-size: 1em;
  text-transform: uppercase;
  color: #cf7700;
  padding: 0 0 .5em 0;
   
}

.member-sidebar .sidebar-membernav {
  list-style: circle;
  list-style-position: inside;
  margin: .25em 0;
  padding: 0 0 0 .1em !important;
}

.member-sidebar #sidebar-listing-tools {
  margin: 0;
}

.member-sidebar ul {
  display: flex;
  width: auto;
}

.members .login-page.member-sidebar ul {
  display: block;
  padding: 0 0 .5em 1em;
}

.members .login-page.member-sidebar ul li {
  margin: 0 0 .5em 0;
}

.member-sidebar ul li {
  margin: 0 1.5em 0 0;
}

.member-sidebar ul li a {
  color: #cf7700;
  font-weight: bold;
}

.member-sidebar ul li a:hover {
  color: #7a6a64;
}

.member-sidebar p {
  font-size: 0.9em !important;
  
}

.member-sidebar small {
  font-size: 0.9em !important;
  line-height: 1.4em;
  
}

.member-sidebar #sidebar-agent {
  padding: 1em 0 0 0;
  
}

.member-sidebar #sidebar-agent ul {
  list-style: none;
  padding: 0 !important;
  margin: 0;
  
}

.member-sidebar #sidebar-agent ul li {
  width: 100%;
}

.member-sidebar #sidebar-agent img {
  
}

.members .my-header {
  padding: 0 !important;
}

.members .login-signup {
  margin: 0 -1em;
  width: auto;
}

.members .login-signup .item {
  width: 50%;
  padding: 0 1em;
}

.members .form-wrap {
  max-width: 800px;
}

.members h3 {
  position: relative;
  width: 100%;
  color: #036e72;
  font-weight: 500;
  margin: 1em 0 .8em 0;
  overflow: hidden;
  font-size: 1.45em;
  text-transform: uppercase;
}

.members h3:after {
  content: " ";
  width: 100%;
  /* height: 5px; */
  position: absolute;
  top: 45%;
  /* background: #afaeae; */
  margin-left: 15px;
  
}

.members .listing .summary a {
  font-size: 1rem;
}

.members form {
  width: auto;
  padding: 0;
}

.members form#loginForm {
  margin: 0 0 4em 0;
}

.members #settings form,
.members .saved-search form {
  background: #f3f3f3;
  padding: 1.5em 1.5em 1.5em 1.5em;
  margin: 2em 0 1em 0;
}

.members .listings {
  margin: 1em -.5em 0 -.5em;
  width: auto;
  flex-wrap: wrap;
}

.members .listings .ssr-prop {
  background: none !important;
}

.members .g-recaptcha {

}

.members form input[type=text],
.members form input[type=password] {
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 1em;
  font-weight: 600;
  width: 100%;
  color: #036e72;
}

.members form input[type=submit] {
  border: 0;
  font-size: 1em;
  background: #036e72 !important;
  color: #fff;
  padding: 6px 15px;
  cursor: pointer;
  margin: 0 0 0 auto;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  text-transform: uppercase;
}

.member-save-form input[type=submit] {
  margin: 0 !important;
}

.members form div {
  margin: 0 0 .7em 0;
}

.members form input[type=submit]:hover {
  background: #000000!important;
}

.members form .forgot {
  font-size: .9em;
  text-align: center;
  margin: 0;
  padding: 5px;
  text-align: right;
  color: #036e72;
}

.members form .required {
  color: #cf7700;
  font-size: .875em;
}

.members form small {
  display: block;
  padding: .5em 0 .5em 0;
  color: #036e72;
  font-size: .75em;
}

.members form #working-with  {
  border-style: double;
	border-width: 3px 0;
	border-color: #ccc;
	padding: .5em 0;
	text-align: center;
	margin: 1em 0;
}

.members form #working-with span {
  padding: 0 .5em 0 0;
}

.members form #working-with label {
	width: auto;
  float: none;
	display: inline-block;
}

.members form #working-with p {
	display: inline-block;
	margin: .5em 0;
}

.members form #working-with #agent-select {
  text-align: right;
}

.members #errormessage {
  background: #cf7700;
  padding: 5px 15px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 1em 0;
}

.members #errormessage p {
  margin: 0;
  color: #fff;
}

.member-save-form {
  padding: 15px;
}

.members #member-dashboard ul {
  padding: 0 0 0 1.5em;
}

.members #member-dashboard ul li {
  margin: 1em 0;
  color: #000000;
  list-style-type: '\002b';
  padding: 0 0 1em 1em;
  font-size: 1.2em;
}

.members #member-dashboard ul li a {
  margin: 1em 0;
  color: #036e72;
  font-size: 1.1em !important;
}

.members #member-dashboard ul li a:hover {
  color: #036e72;
}

.members .saved-search {
  margin: 0 0 1em 0;
  border: 1px solid #ccc;
  padding: 1em;
}

.members .saved-search p {
  margin: 5px;
  font-size: 1.1em;
}

.members .saved-search h5 {
  font-size: 1.13rem;
  background: #fff;
  padding: .5rem;
  color: #0c3666;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}

.members .saved-search h5 span {
  float: right;
}

.members .saved-search .criteria {
  padding: .5em;
}

.members .saved-search h6 {
  font-size: 1em;
  margin: 0 0 .5em 0;
}

.members .saved-search ul.saved-nav {
  list-style: none;
  padding: 0 !important;
  margin: 1em 0;
  
}

.members .saved-search ul.saved-nav li {
  display: inline-block;
  margin: 0 1em 0 0 !important;
}

.members .saved-search ul.saved-nav li a {
  color: #fff !important;
  background-color: #036e72;
  padding: 1rem 1rem;
  text-transform: uppercase;
}

.members .saved-search ul.saved-nav li a:hover {
  color: #fff !important;
  background-color: #000000;
}

.members #settings .updatestatus,
.members .saved-search .updatestatus {
  background: #cf7700;
  color: #fff;
  padding: 1px 10px;
  display: block;
  margin: 0 5px;
  width: auto;
  width: 25%;
  text-align: center;
}

.members #settings input,
.members .saved-search input {
  margin: 10px 5px;
}

/* END MEMBERS SECTION */

#wprl_calc_body {
  background: #fff;
}

#wprl_mortgage {
  width: 100%;
}

#wprl_mortgage caption {
  font-weight: bold;
  padding: .5em;
  font-size: 1.2em;
}

#wprl_mortgage table {
  width: 90%;

  margin: 1em auto;
  
  font-size: .9em;
  background: #eee;
  border-collapse: collapse;
  
}

#wprl_amortization:after,
#wprl_mortgage_summary:after {
  content: " ";
  display: block;
  height: 1em;
}

#wprl_mortgage table th {
  text-align: right;
  padding: .5em .5em 0 .5em;
  width: 50%;
  font-weight: normal;
}

#wprl_mortgage input[type=text] {
  border: 1px solid #ccc;
  padding: .4em;
  width: 90%;
}

#wprl_mortgage input[type=text]:focus {
  background: #ccc !important;
}

#wprl_mortgage input[type=submit] {
  width: 90%;
  padding: .5em 1em !important;
  border: 1px solid #ccc;
  font-weight: bold;
  font-size: 1em;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  background: #ccc !important;
}

#wprl_mortgage input[type=submit]:hover {
  background: #aaa !important;
}

#wprl_mortgage table td {
  color: #555;
  padding: .5em .5em 0 .5em;
}

#wprl_mortgage hr {
  height: .1em;
  border: 0;
  background: #ccc;
  width: 90%;
}

#wprl_amortization th {
  text-align: left !important;
  font-weight: bold !important;
  padding: .5em !important;
  background: #ccc;
}

#wprl_inquiry h1 {
  color: #555;
  text-transform: capitalize;
  font-size: 1.10em;
  padding: 1.0em 0em 1.0em 0em;
}

/* Contact forms - general styling */

.wpcf7 p {
  margin: 0;
}

.wpcf7 textarea,
.wpcf7 input[type=text],
.wpcf7 input[type=email]{
  border: 1px solid #87796f;
  font-size: .875em;
  width: 100%;
  color: #000000 !important;
  padding: .25em .5em;
  margin: 0 0 1em 0;
 font-family: quasimoda, sans-serif;
}

.wpcf7 textarea::placeholder,
.wpcf7 input[type=text]::placeholder,
.wpcf7 input[type=email]::placeholder {
  color: #000000 !important;
  text-transform: uppercase;
  font-family: quasimoda, sans-serif;
  letter-spacing: 0.05em;
}

.wpcf7 textarea {
  height: 100px;
}

.wpcf7 input[type=submit] {
  border: 0;
  font-size: .875em;
  width: auto;
  color: #fff;
  padding: .4em 3em;
  background: #4c271e;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 0 1em 0;
  font-family: quasimoda, sans-serif;
}

.wpcf7 input[type=submit]:hover {
  background: #036e72;
}

.wpcf7 .wpcf7-not-valid {
  border: 2px solid #b50102 !important;
  font-weight: bold;
}

.wpcf7 .wpcf7-response-output {
 
  margin: 0 0 1em 0;
  padding: .5em;
  font-size: .875em;
  color: #b50102;
}

.wpcf7 .wpcf7-display-none,
.wpcf7 .screen-reader-response,
.wpcf7 .wpcf7-not-valid-tip {
  display: none;
}


/* about sf section */

.businesses {
  margin: 0;
}

.businesses .business h3 {
  margin: 0;
  color: #036e72 !important;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.3em!important;
}

.businesses .business a {
  color: #3f4a4a;
  text-transform: uppercase;
  font-weight: 400;
}

.businesses .business a:hover {
  color: #000;
}

.businesses .business p {
  margin: .4em 0;
  color: #3f4a4a !important;
  font-size: 1.1em!important;
}

.businesses .business {
  border-bottom: 1px solid #3f4a4a;
  padding: 0 0 1em 0;
  margin: 0 0 1em 0;
}

.businesses .business .desc {
  padding: 0 2em 0 0;
}

.businesses .business .img img {
  width: 100%;
  border: 2px solid #556f8a;
}

.business h2 {
  color: #036e72!important;
  font-size: 1.25em;
  padding: .25em .5em .5em 0;
}

.business h3 {
  ccolor: #036e72 !important;
  font-size: 1.25em;
  padding: .25em .5em .5em 0;
}

.business a {
  color: #3f4a4a;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: .05em;
}

.business a:hover {
  color: #000;
  font-size: 1em;
}
.business .address {
  color: #036e72 !important;
}

.business p {
  color: #3f4a4a !important;
}

/* end about sf section */


@font-face {
	font-family: 'icomoon';
	src:url('/fonts/icomoon.eot?v41');
	src:url('/fonts/icomoon.eot?v=42') format('embedded-opentype'),
		url('/fonts/icomoon.ttf?v=42') format('truetype'),
		url('/fonts/icomoon.svg?v=42#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
  font-display: auto;
}


[class^="io-icon-"]:before, [class*=" io-icon-"]:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.io-icon-mail:before {
  content: "\e901";
}
.io-icon-checkbox-checked1:before {
  content: "\e914";
}
.io-icon-checkbox-unchecked1:before {
  content: "\e92c";
}
.io-icon-checkmark:before {
  content: "\e935";
}
.io-icon-search:before {
  content: "\e932";
}
.io-icon-more3:before {
  content: "\e92e";
}
.io-icon-more2:before {
  content: "\e92f";
}
.io-icon-more-vertical:before {
  content: "\e931";
}
.io-icon-more:before {
  content: "\e92d";
}
.io-icon-play-sign:before {
  content: "\e936";
}
.io-icon-pdp-next-img:before {
  content: "\e91b";
}
.io-icon-pdp-prev-img:before {
  content: "\e91e";
}
.io-icon-brochure:before {
  content: "\e92b";
}
.io-icon-advanced-search-close:before {
  content: "\e929";
}
.io-icon-back-to-top:before {
  content: "\e92a";
}
.io-icon-smartphone:before {
  content: "\e933";
}
.io-icon-youtube:before {
  content: "\e923";
}
.io-icon-youtube2:before {
  content: "\e930";
}
.io-icon-360:before {
  content: "\e900";
}
.io-icon-arrow-down:before {
  content: "\e902";
}
.io-icon-arrow-left:before {
  content: "\e903";
}
.io-icon-arrow-right:before {
  content: "\e904";
}
.io-icon-arrow-up:before {
  content: "\e905";
}
.io-icon-calculator:before {
  content: "\e906";
}
.io-icon-calendar:before {
  content: "\e907";
}
.io-icon-close-nav:before {
  content: "\e908";
}
.io-icon-facebook:before {
  content: "\e909";
}
.io-icon-favorite-add:before {
  content: "\e90a";
}
.io-icon-favorite-remove:before {
  content: "\e90b";
}
.io-icon-featured-slideshow-next:before {
  content: "\e90c";
}
.io-icon-featured-slideshow-prev:before {
  content: "\e90d";
}
.io-icon-info:before {
  content: "\e90e";
}
.io-icon-instagram:before {
  content: "\e90f";
}
.io-icon-linked-in:before {
  content: "\e910";
}
.io-icon-list-view:before {
  content: "\e911";
}
.io-icon-listing-next:before {
  content: "\e912";
}
.io-icon-listing-prev:before {
  content: "\e913";
}
.io-icon-map-next:before {
  content: "\e915";
}
.io-icon-map-previous:before {
  content: "\e916";
}
.io-icon-map-view:before {
  content: "\e917";
}
.io-icon-menu-close:before {
  content: "\e918";
}
.io-icon-menu:before {
  content: "\e919";
}
.io-icon-open-nav:before {
  content: "\e91a";
}
.io-icon-pdp-pause:before {
  content: "\e91c";
}
.io-icon-pdp-play:before {
  content: "\e91d";
}
.io-icon-phone:before {
  content: "\e91f";
}
.io-icon-pinterest:before {
  content: "\e920";
}
.io-icon-search-near-me:before {
  content: "\e921";
}
.io-icon-search-now:before {
  content: "\e922";
}
.io-icon-share:before {
  content: "\e924";
}
.io-icon-twitter:before {
  content: "\e925";
}
.io-icon-user:before {
  content: "\e926";
}
.io-icon-video:before {
  content: "\e927";
}
.io-icon-zoom:before {
  content: "\e928";
}




.bootstrap-checkbox > button.btn{
  padding: 0;
  margin: -4px 0 0 0;
}

.bootstrap-checkbox > .btn.btn-link{
 	text-decoration:none;
}

label.bootstrap-checkbox.disabled{
	cursor: default;
	color: #666;
}

.bootstrap-checkbox.disabled > [class^="label-"],
.bootstrap-checkbox > .btn[disabled]{
	cursor:not-allowed;
}

[class^="cb-icon-"],
[class*=" cb-icon-"] {
	display: inline-block;
	vertical-align: text-top;
  font-family: 'icomoon';
  color: transparent;
  background: #fff;
  color: #000;
  font-size: 1.2em;
  line-height: 17px;
}

.bootstrap-checkbox button.btn > span.cb-icon-check:before,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check:before,
.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check:before {
  content: "\e914";
  color: #000;
}
.bootstrap-checkbox button.btn:hover > span.cb-icon-check:before,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check:before,
.bootstrap-checkbox button.btn:active > span.cb-icon-check:before {
  content: "\e914";
  color: #000;
}
.bootstrap-checkbox button.btn > span.cb-icon-check-empty:before,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-empty:before,
.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-empty:before {
  content: "\e92c";
}
.bootstrap-checkbox button.btn:hover > span.cb-icon-check-empty:before,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check-empty:before,
.bootstrap-checkbox button.btn:active > span.cb-icon-check-empty:before {
  content: "\e92c";
}

/* end search formatting */

/* Carousel */

.jcarousel-wrapper {
  position: relative;
  padding: 0 5px 10px 5px;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
}

.jcarousel li {
  width: 200px;
  float: left;
  padding: 0 5px;
  position: relative;
}

.jcarousel li a {
  display: block;
  padding: 0 0 67% 0;
  overflow: hidden;
  position: relative;
  background: red;
  opacity: .5;
}

.jcarousel img {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #83657c;
}

.jcarousel li a:hover {
  opacity: 1;
}

.jcarousel li a.current {
  opacity: 1;
}



/*************** SCROLLBAR BASE CSS ***************/
/*
 * Scroller v3.1.2 - 2014-12-08
 * A jQuery plugin for replacing default browser scrollbars. Part of the Formstone Library.
 * http://formstone.it/scroller/
 *
 * Copyright 2014 Ben Plum; MIT Licensed
 */


.scroller {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}
.scroller,
.scroller * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.scroller,
.scroller-content,
.scroller-bar,
.scroller-track,
.scroller-handle {
  box-sizing: border-box;
}
.scroller-content {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.scroller-content::-webkit-scrollbar,
.scroller-content::-webkit-scrollbar-button,
.scroller-content::-webkit-scrollbar-track,
.scroller-content::-webkit-scrollbar-track-piece,
.scroller-content::-webkit-scrollbar-thumb,
.scroller-content::-webkit-scrollbar-corner,
.scroller-content::-webkit-resizer {
  background: transparent;
  opacity: 0;
}
.scroller-bar {
  width: 16px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  background: #000;
  border: 1px solid #fff;
  border-width: 0;
  display: none;
}

.scroller-track {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  overflow: hidden;
}

.scroller-track:before {
  content: '';
  width: 3px;
  height: 100%;
  display: block;
  background: #000;
  color: #000;
  margin-left: 5px;
}

.scroller-handle {
  width: 11px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 4px;
  z-index: 2;
  background: #000;
  border-radius: 2px;
  cursor: pointer;
  overflow: hidden;
  
}

.scroller-horizontal .scroller-content {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 16px 0;
}
.scroller-horizontal .scroller-bar {
  width: 100%;
  height: 16px;
  top: auto;
  bottom: 0;
  border-width: 1px 0 0 0;
}
.scroller-horizontal .scroller-handle {
  width: 20px;
  height: 10px;
  top: auto;
  right: auto;
  bottom: 3px;
}
.scroller-setup .scroller-content,
.scroller-active .scroller-content {
  padding: 0px;
}
.scroller-setup .scroller-bar,
.scroller-active .scroller-bar {
  display: block;
}

/* end scroll bar */




/* Magnific Popup CSS */
.mfp-bg {
  z-index: 500000 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  z-index: 500000 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  z-index: 500000 !important;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 34px !important;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(132, 89, 107, 1); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1200px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(132, 89, 107, 1.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(132, 89, 107, 1.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }
  
  
  
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(132, 89, 107, 1.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(132, 89, 107, 1.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



/* large screens */
@media all and ( min-width: 1250px ) {
  #wprl-pdp #mini-gmap {

  }
}

/* tablet portrait */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
  
  .show-tablet {
    display: block !important;
  }
  
}
/* end tablet portrait */

/* stuff common to both mobile and tablet  */
@media only screen and (min-width : 320px) and (max-width : 1023px) {
  .flex .twidth-10 { width: 10%; }
  .flex .twidth-15 { width: 15%; }
  .flex .twidth-20 { width: 20%; }
  .flex .twidth-25 { width: 25%; }
  .flex .twidth-30 { width: 30%; }
  .flex .twidth-33 { width: 33.33333%; }
  .flex .twidth-35 { width: 35%; }
  .flex .twidth-40 { width: 40%; }
  .flex .twidth-50 { width: 50%; }
  .flex .twidth-60 { width: 60%; }
  .flex .twidth-66 { width: 66.66666%; }
  .flex .twidth-70 { width: 70%; }
  .flex .twidth-75 { width: 75%;}
  .flex .twidth-80 { width: 80%; }
  .flex .twidth-85 { width: 85%; }
  .flex .twidth-90 { width: 90%; }
  .flex .twidth-100 { width: 100%; }
  
  .my-header {
    margin: 0 0 1em 0;
  }
  
  .my-header #search-type-nav {
    position: relative;
    right: auto;
    top: auto;
    margin: 1em 0 0 -.5em;
  }
  
  .my-header #search-type-nav li {
    margin: 0;
    padding: 0 0 .4em .5em;
    display: block;
    width: 25%;
  }
  
  .my-header #search-type-nav li a {
    width: 100% !important;
  }
  
  #wprl-pdp .layout {
    padding: 0 1em;
    margin: 0;
  }
  
  #wprl-pdp #vtourlinks {

  }
  
  #wprl-pdp #desc {
    min-height: 130px;
    margin: 0 0 1em 0 !important;
  }
  
  #wprl-pdp-body #broker .desc {
    font-size: .8em;
    margin: 0 0 1em 0;
  }
  
  #wprl-pdp-body #broker .desc span:before {
    font-size: 1em !important;
    margin-top: .6em;
  }
  
  #wprl-pdp-body #broker .desc .sothaddr {
    display: none;
  }
  
  
  #wprl-pdp .tools ul li {
    padding: .5em 0;
  }
  
  .chart-c {
    width: 100%;
    overflow: scroll;
  }
  
  .tablet-header {
    padding: 0 0 0 1em;
  }
  
  #wprl-pdp .contact-wrapper {
    top: 0em;
  }
  
  #wprl-pdp #main-info-container h1 {
    font-size: 1.4em;
    margin: 0 0 .25em 0;
  }

  #wprl-pdp #main-info-container p.price {
    font-size: 1.1em;
  }

  #wprl-pdp #main-info-container ul.main-info {
    font-size: 1em;
  }
  
  #wprl-pdp #main-data li {
    font-size: 1rem;
  }
  
  #wprl-pdp .desc-more {
    font-size: 1rem !important;
  }

  #wprl-pdp .addinfo {
    font-size: .9em !important;
  }
  
  #wprl-pdp #map-neighborhood {
    font-size: 1rem;
  }
  
  #wprl-pdp #media-nav div {
    font-size: 1rem;
    padding: .15em 1.5em 0 0;
  }
  
  #wprl-pdp #media-nav div#slides-zoom {
    display: none;
  }
  
  #wprl-pdp #media-nav div span:before {
    font-size: 1.5rem;
    top: .1em;
  }
  
  .search-form .tablet-break-point {
    display: block !important;
  }
  
  .search-form.Residential.Land .tablet-break-point {
    display: none !important;
  }
  
  .home .search-form .tablet-break-point {
    display: none !important;
  }
  
  .listing-search #adv-search .listing-status {
    padding: 0 .75em .6em 0;
  }
  
  .listing-search #gmap-container #viewprop {
    position: absolute;
    width: 70%;
    left: .4em !important;
    top: .7em !important;
  }
  
  .listing-search #search-results .ssr-prop .ssr-prop-img {
    display: none;
  }
  
  .listing-search #search-results .ssr-prop .ssr-desc {
    float: none;
    width: 100%;
  }
  
  .listing-search .search-form {
    padding: 0;
  }
  
  
  .listing-search .mysubmit2 {
    margin: .5em 0 0 0;
  }
  
  .home .listing-search .beds {
    display: none;
  }
  
  #map-wrapper #map-body {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  
  #map-wrapper #map-body #search-results {
    width: 100%;
    margin: 0 .5em 1em .5em;

  }
  
  #map-wrapper #search-results #sortby {
    display: none;
  }
  
  #map-wrapper #search-results #results-container {
    display: none;
  }
  
  #map-wrapper #map-body #gmap-container {
    height: 70vh;
  }
}
/* end stuff common to both mobile and tablet  */

/* mobile in portrait and landscape ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {
  .flex .mwidth-50 { width: 50% !important; }
  .flex .mwidth-100 { width: 100% !important; }
  
  .listing-search #search-results {
    width: 100%;
    margin: 0 0 .5em 0;
  }
  
  .listing-search #search-results #results-container {
    display: none;
  }
  
  .listing-search #search-results #sortby {
    display: none;
  }
  
  .listing-search #search-results #search-pager {
    width: 100% !important;
    display: block;
  }
  
  .listing-search #gmap-container {
    width: 100%;
  }
  
  
  .members .col-60 {
    width: 100%;
    float: none;
    padding: 0;
  }
  
  .members .col-40 {
    float: none;
    width: 100%;
  }
  
  .members form label {
    font-size: .8em;
    padding: .3em .5em 0 0;
  }
  
  .members form input[type=submit] {
    clear: both;
    margin: 1em 0 0 0;
    width: 100%;
  }
  
  .members .registerBenefits {
    display: none;
  }
  
  .members .form-wrap {
    width: 100% !important;
  }
  
  .oh-ssr h3 a {
    float: none;
    display: block;
  }

  .search-form {
    display: none;
  }
  
  .home .search-form {
    display: block;
  }
  
  #searchform-trigger:checked ~ form .search-form {
    display: block;
    padding: 0;
  }
  
  .search-form-wrapper {
  	padding: 1em;
    margin: 1rem 1rem 0 1rem;
    background: #036e72;
    margin-bottom: 1rem;
  }

  .home .search-form-wrapper form {
    padding: 0 .5em 1em .5em;
  }
  
  #searchform-trigger ~ .lbl-link {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    cursor: pointer;
    color: #fff;
    position: relative;
  }
  
  .home .lbl-link {
    display: none !important;
  }
  
  #searchform-trigger ~ .lbl-link .io-icon-menu-close {
    display: none;
  }
  
  #searchform-trigger:checked ~ .lbl-link {
    margin: 0 0 1em 0;
  }
  
  #searchform-trigger:checked ~ .lbl-link .io-icon-menu-close {
    display: block;
    float: right;
    top: -.25rem;
    right: -.3rem;
  }
  
  #searchform-trigger:checked ~ .lbl-link .io-icon-more3 {
    display: none;
  }
  
  #searchform-trigger ~ .lbl-link span,
  #searchform-trigger + .lbl-link span {
    color: #fff;
    position: relative;
    font-size: 1.75rem;
    position: absolute;
    right: -1rem;
    top: -.25rem;
    
  }
  
  #searchform-trigger + .lbl-link span:before {
    padding: 0 .5rem 0 0;
  }
  
  .wprl-ssr #sort-by {
    display: none;
  }
  
  .my-header #search-type-nav li {
    width: 50%;
  }
  
  .my-header #search-type-nav li.near-me {
    width: 100%;
  }
  
  #wprl_amortization {
    display: none;
  }
  
  #wprl-limits .save-search {
    padding: .7rem 1rem;
    float: none;
    display: block;
    margin: 0;
  }
  
  .wprl-ssr #search-type-nav {
    float: none;
  }
  
  .wprl-ssr #search-type-nav li a {
    padding: .5rem .75rem .5rem .75rem;
  }
  
  .wprl-ssr #search-type-nav li a:hover {
    padding: .5rem .75rem .5rem .75rem;
  }
  
  #wprl-limits #sort-by {
    float: left;
    margin: .6rem 0 0 0;
  }
  
  .wprl-ssr .col-25 {
    width: 100% !important;
    padding: 0;
  }
  
  .wprl-ssr .grid {
    margin: 0;
  }
  
  #page-wrapper .wprl-ssr .layout {
    padding: 0 0 0 1em;
  }
  

  .listing-search .selbox {
    width: calc(100%);
  }
  
  .listing-search .location .io-icon-map-view {
    display: none;
  }
  
  .listing-search .bootstrap-select {
    width: 100% !important;
  }
  
  .listing-search #location-select .bootstrap-select {
    width: 100% !important;
  }
  
  .listing-search button.mysubmit {
    width: 100%;
    background: #fff;
    color: #000;
  }
  
  .listing-search #gmap-container {
    height: 400px;
  }
  
  .listing-search #gmap-container #viewprop {
    position: absolute;
    width: 93%;
    left: .4em !important;
    top: 12% !important;
  }
  
  .listing-search .advanced-search-link {
    display: block;
    text-align: center;
    margin-bottom: 1em;
  }
  
  .listing-search .advanced-search-link a {
    color: #fff;
  }
  
  .listing-search #adv-search {
    display: block;
  }
  
  .listing-search #adv-search .address {
    margin: 0 0 1em 0;
  }
  
  .listing-search #adv-search .listing-status {
    display: flex;
    flex-wrap: wrap;
  }
  
  .listing-search #adv-search .listing-status label {
    display: block;
    color: #fff !important;
  }
  
  .listing-search #adv-search .listing-status label:first-child {
    display: block;
    width: 100%;
  }
  
  .listing-search #adv-search .listing-status .bootstrap-checkbox {
    display: inline-block;
    position: relative;
  }
  
  .members .saved-search ul.saved-nav li {
		width: 100%;
		float: none;
		margin: .5em 0 0em 0 !important;
  }
	
	.members .saved-search ul.saved-nav li a {
		display: block;
  }
	
	.members .saved-search h5 {
		padding: .2em .4em;
	}
	
	.members .saved-search h5 span {
    float: none;
		display: block;
		font-size: .7em;
  }
  
  .members #settings .updatestatus,
  .members .saved-search .updatestatus {
    width: 96%;
  }
  
  .members .listings {
    margin: 1em 0 0 0em;
  }
  
  #wprl-pdp .top-info {
    padding: 0;
  }
  
  #wprl-pdp .desc-more {

  }
  
  #wprl-pdp .top-info #listing-nav {
    float: none;
    margin: 0;
    text-align: center;
    font-size: .875em;
    padding: .75em 0 !important;
 }
  
  #wprl-pdp .top-info h1,
  #wprl-pdp .top-info p {
    display: none;
  }
  
  #wprl-pdp #media #bigimg {
    padding: 0 0 66% 0;
  }
  
  #wprl-pdp #media #bigimg img {
    top: 0;
  }
  
  #wprl-pdp #main-info-container {
    padding: .5em 0 0 0;
  }
  
  #wprl-pdp #main-info-container .layout {
    padding: 0;
  }
  
  #wprl-pdp #main-info-container h1 {
    padding: .5em 1em .5em 1em !important;
    font-size: 1.25em;
  }
  
  #wprl-pdp #main-info-container p.price {
    padding: 0em 1em !important;
    font-size: 1.2em;
  }
  
  #wprl-pdp #main-info-container ul.main-info {
    padding: 0em 1em !important;
    font-size: 1.2em;
  }
  
  #wprl-pdp .contact-wrapper {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    margin: 1em 0;
  }

  #wprl-pdp .contact-wrapper .contact-form {
    border: 0;
    background: #f6f4f3;

  }
  
  #wprl-pdp .tools {
    margin: 0;
    padding: 0 1em 0 1em;
    background: #f6f4f3;
  }
  
  #wprl-pdp .tools ul.social {
    padding: 0 0 1em 0;
  }
  
  #wprl-pdp #wprl-pdp-body .section {
    padding: 0 0 1em 0;
  }
  
  #wprl-pdp #wprl-pdp-body .map-block {
    margin: 0 0 1em 0;
  }
  
  .listing-search #gmap-container #status {
    position: fixed;
    top: 44%;
    left: 0%;
    opacity: .9;
    margin: 0 2em;
    padding: 6em 1em;
  }
  
  
  .listing-search #gmap-container #status:after {
    content: " - Scroll down to see results.";
  }
  
  #wprl-pdp #addinfo {
    margin: 0 0 2em 0;
  }
  
  #wprl-pdp #addinfo .section {
    margin: 0;
    padding: 0;
  }

  .listings-pager-links {
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    padding-bottom: 1em !important;
  }
  
  #wprl-pdp #media #bigimg {
    height: 300px;
  }

}
/* end smart phone in portrait */



/* patch for mobile/tablet magnific popup */
@media only screen and (min-width : 480px) and (max-width : 768px) {
  .mfp-iframe-holder .mfp-content {
    height: 60%;
    max-width: 95% !important;
  }
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
  #wprl_inquiry {
    padding: 0 1em;
  }
  
  .mfp-iframe-holder .mfp-content {
    height: 90%;
    max-width: 95% !important;
  }
    
  form.cform p.cf-sb {
    margin: 1em 0 0 0;
  }
    
  form.cform .button,
  form.cform .sendbutton {
    padding: 1.7em 1em 1.7em 1em;
  }
  
  .g-recaptcha {
    transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
    max-width: 200px;
    height: 45px;
    padding: 0;
  }
  
  #wprl-pdp #wprl-pdp-body .description{
    margin-top: 1rem;
  }
  
  #wprl-pdp #wprl-pdp-body .desc-more p {
    font-size: 1rem !important;
  }
  
  #wprl-pdp #wprl-pdp-body #neighborhood .desc {
    font-size: 1rem !important;
  }
  
  #wprl-pdp .addinfo {
    columns: 1;
  }
  
  #wprl-pdp #wprl-pdp-body #main-data .flex .section {
    margin: 0;
  }
}
