/*------------------------------------*\ 
    #THEMES:FRAMING3
\*------------------------------------*/
body {
  background: url("/Images/AgentTemplate/L/J-background.jpg") #ececec top center no-repeat;
  color: #3b3b3b;
  text-align: left;
  padding: 0;
  margin: 0 auto;
  line-height: normal;
}
@media (max-width: 767.98px) {
  body {
    background: #e9e9e9;
  }
}
@media (min-width: 768px) {
  body {
    font-size: 15px;
  }
}

h1 {
  font-size: 23px;
  font-weight: bold;
  padding: 0;
  margin: 20px 0 0;
  line-height: 22px;
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  h1 {
    font-size: 18px;
  }
}

h2 {
  font-size: 20px;
  margin: 0 0 19px;
  padding: 0;
  font-weight: bold;
}

h3, .h3 {
  font-size: 15px;
  margin: 0 0 7px;
  padding: 0;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  h3, .h3 {
    font-size: 13px;
  }
}
h3.hanna-homefinder, .h3.hanna-homefinder {
  margin: 1px 0 0;
  line-height: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
h3.agent-title, .h3.agent-title {
  font-size: 12px;
  font-weight: 500;
}

h4.featured, h4.subpages {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}
h4.featured {
  margin: 0 0 20px;
  padding: 44px 0 0;
  background: url("/Images/AgentTemplate/L/L-h4-bg.png") center 0 no-repeat;
}
h4.subpages {
  position: relative;
  display: table;
  width: 100%;
  min-height: 52px;
  margin: 0 0 23px;
  padding: 0;
  background: url("/Images/AgentTemplate/L/L-h4-bg2-main.png") center center no-repeat;
}
h4.subpages:after {
  position: absolute;
  left: 0;
  bottom: -13px;
  content: "";
  display: block;
  width: 100%;
  height: 13px;
  background: url("/Images/AgentTemplate/L/L-h4-bg2-after.png") center 0 no-repeat;
}
h4.subpages > span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
h4.subpages > span > span {
  display: inline-block;
  width: 220px;
}

.shadowWrapper {
  position: relative;
  background-color: #fff;
}
@media (min-width: 768px) {
  .shadowWrapper {
    background: #e9e9e9;
    background: url("/Images/AgentTemplate/L/L-shadow-bg.png") top center repeat;
  }
}

.whiteWrapper {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 767.98px) {
  .whiteWrapper {
    box-shadow: none;
    top: 27px;
  }
}

/*
    FOR XS BREAKPOINT
*/
.agent-white-background {
  background: #fff;
}

.page-header.headroom-notop {
  background-color: transparent;
}
@media (min-width: 768px) {
  .page-header .account-info {
    background: #005a4e;
    border-radius: 4px;
    margin: 0 0 8px 15px;
    padding: 3px;
  }
  .page-header .account-info .h-account {
    font-size: 16px;
    font-weight: bold;
    color: #dbcfa7;
    text-decoration: underline;
  }
}

@media (max-width: 767.98px) {
  .tagline {
    background: #ece9d3;
    padding: 9px 15px 1px;
    position: relative;
    text-align: center;
    box-shadow: -1px 2px 4px -2px rgba(0, 0, 0, 0.45);
  }
}
@media (min-width: 992px) {
  .tagline h3 {
    font-size: 14px;
    line-height: 17px;
  }
}

.head-left img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.head-center {
  padding-top: 10px;
  text-align: center;
}

.head-right {
  margin-top: 8px;
  text-align: right;
}

/* TOP NAV */
.main-navbar {
  font-family: var(--bs-font-sans-serif);
  letter-spacing: normal;
  box-shadow: -1px 2px 4px -2px rgba(0, 0, 0, 0.15);
}
@media (min-width: 768px) {
  .main-navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
    margin: 10px 0;
    border-top: 2px solid #e0dcd1;
    line-height: 30px;
    background: #ece9d3;
    vertical-align: middle;
    box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.35);
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-link {
    position: relative;
    width: 100%;
    border-bottom: none;
    line-height: 25px;
    font-size: 10px;
    color: #3b3b3b;
    text-transform: uppercase;
  }
  .main-navbar .navbar-nav .nav-link:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #003820;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .main-navbar .navbar-nav .nav-link.show, .main-navbar .navbar-nav .nav-link.show:hover, .main-navbar .navbar-nav .nav-link.show:focus {
    font-weight: 500;
  }
}
@media (min-width: 992px) {
  .main-navbar .navbar-nav .nav-link {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .main-navbar .navbar-nav .nav-link {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    text-align: center;
    background: url("/Images/AgentTemplate/L/L-navdots.png") no-repeat center left;
  }
  .main-navbar .navbar-nav .nav-item:first-child {
    background: none;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-link, .main-navbar .navbar-nav .nav-item:last-child .nav-link, .main-navbar .navbar-nav .nav-item:not(.dropdown) .nav-link {
    padding: 8px 10px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-menu {
    margin-top: 2px;
    border-top: none;
    left: 4px;
    background-color: #f6f4ed;
  }
  .main-navbar .navbar-nav .dropdown-menu:before {
    content: " ";
    position: absolute;
    left: -4px;
    display: inline-block;
    height: 100%;
    width: 4px;
    background: rgba(0, 0, 0, 0.3);
  }
  .main-navbar .navbar-nav .dropdown-menu .dropdown-menu .dropdown-item, .main-navbar .navbar-nav .dropdown-menu .dropdown-menu .dropdown-header {
    margin-left: 0;
  }
  .main-navbar .navbar-nav .dropdown-menu .dropdown-menu .dropdown-item {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-menu-edge {
    left: auto;
    right: 10px;
  }
}
@media (min-width: 992px) {
  .main-navbar .navbar-nav .dropdown-menu-edge {
    right: 20px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-item, .main-navbar .navbar-nav .dropdown-header {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-item {
    width: 100%;
    padding: 5px 10px 3px;
    border-bottom: 1px solid transparent;
    line-height: 18px;
    font-size: 10px;
    color: #3b3b3b;
    text-transform: uppercase;
  }
  .main-navbar .navbar-nav .dropdown-item:hover, .main-navbar .navbar-nav .dropdown-item:focus {
    color: #634a05;
    background: #d6d1c4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #d6d1c4), color-stop(10%, #e2dccb), color-stop(83%, #e4dece), to(#dacfb0));
    background: linear-gradient(to bottom, #d6d1c4 3%, #e2dccb 10%, #e4dece 83%, #dacfb0 100%);
    text-shadow: 1px 1px #f2eee2;
    border-bottom-color: transparent;
  }
}
@media (min-width: 992px) {
  .main-navbar .navbar-nav .dropdown-item {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .show, .main-navbar .navbar-nav .show:hover, .main-navbar .navbar-nav .show:focus {
    border-color: #003820;
  }
  .main-navbar .navbar-nav .nav-link:hover:before, .main-navbar .navbar-nav .nav-link:focus:before,
  .main-navbar .navbar-nav .show:before, .main-navbar .navbar-nav .show:hover:before, .main-navbar .navbar-nav .show:focus:before {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .navbar-panel {
    width: 100%;
  }
}

/* HANNA HOMEFINDER */
.top-right {
  font-size: 12px;
  text-align: left;
}
@media (min-width: 768px) {
  .top-right {
    float: right;
    margin-bottom: 10px;
  }
}
.top-right a {
  font-size: 11px;
}

/* SOCIAL MEDIA ICONS */
.social {
  margin: 0 0 10px;
  padding: 0;
}
@media (max-width: 767.98px) {
  .social {
    margin: 15px 0 0 5px;
  }
}
.social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.social ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
.social ul li a {
  display: inline-block;
}

@media (min-width: 768px) {
  .header-compare-outer {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

/*.btn*/
@media (min-width: 768px) {
  .header-compare {
    --bs-btn-padding-x: 5px;
    --bs-btn-font-size: 0.8125rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .header-compare-verbiage {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .header-compare-verbiage:not(caption) {
    position: absolute !important;
  }
}

@media (max-width: 767.98px) {
  .cms-content-banner {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

/* AGENT AND SEARCH AREA HOME */
.agentGray {
  background: #e9e9e9;
  padding-top: 15px;
  padding-bottom: 10px;
  position: relative;
}
@media (max-width: 767.98px) {
  .agentGray {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media (min-width: 768px) {
  .agentGray {
    padding-top: 10px;
  }
}
.agentGray .right-one-third {
  margin-right: 0.9375rem;
  margin-left: 0.9375rem;
}

.left-two-thirds-content {
  width: 630px;
  padding: 0;
  margin: 0 20px 0 0;
  float: left;
  background: #fff;
}

.listing-search-title {
  margin: 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .listing-search-title {
    background: #2c1504;
  }
}
.listing-search-title h3 {
  margin-bottom: 5px;
  padding: 7px 0 5px 10px;
}
@media (min-width: 768px) {
  .listing-search-title h3 {
    padding: 7px 0 5px;
  }
}

.listing-info {
  margin: 0;
  padding: 7px 0;
}
@media (min-width: 768px) {
  .listing-info {
    padding: 10px 0 7px;
    background: url("/Images/AgentTemplate/L/L-top-diags.png") repeat;
  }
}
.listing-info a {
  font-size: 15px;
  color: #fff;
  padding: 10px 0 7px;
  margin: 0;
}
.listing-info a .listing-price {
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
}
.listing-info a .listing-address {
  font-size: 10px;
  text-transform: uppercase;
  color: #e1e1e1;
  padding-left: 10px;
}

.listing-photo img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
  /*
      IE9-11 don't properly scale SVG files. For example, if an <img> with an
      SVG file as the src attribute has max-width: 100% and height: auto, the
      image will appear distorted in IE9-11 if the image is larger than its
      container. One solution is to apply width: 100% (or a pixel value equal
      to the SVG's actual width) to the <img>. To apply this fix, we're using
      a few CSS hacks to target these IE versions and style images that have
      an SVG file for their source. Unfortunately, this fix will make SVGs
      that are smaller than their container stretch to the full width of that
      container. In this case, extra styles may be needed. See
      http://caniuse.com/#feat=svg for info on SVG support.

      NOTE: Using services that provide browser detection (e.g. Modernizr,
      Kendo UI) to solve this issue may not be the best idea if they use user
      agent strings to detect browsers as these values aren't always so
      reliable. For example, the Nokia Lumia 930 uses IE11 mobile, but Kendo
      UI's browser detection thought it was Safari 11 which, at the time this
      test was performed, didn't exist yet. The browser returned a user agent
      string that contained "IEMobile/11.0", but also had misleading
      information like "Mobile Safari" and "iPhone OS 7_0_3", and Kendo UI
      incorrectly determined that the browser was Safari 11. User agent
      strings simply aren't reliable. For info on IE11 user agent strings:
      https://blogs.msdn.microsoft.com/ieinternals/2013/09/21/internet-explorer-11s-many-user-agent-strings/

      1.  IE9 hack
      2.  IE10+ hack
  */
}
.listing-photo img[src*=".svg"] {
  width: 100% \9 ; /* [1] */
}
@media screen and (min-width: 0\0 ) {
  .listing-photo img {
    /* [2] */
  }
  .listing-photo img[src*=".svg"] {
    width: 100%;
  }
}

.listing-search {
  margin: 0;
}
@media (min-width: 768px) {
  .listing-search {
    background: none;
  }
}
.listing-search h3 {
  color: #fff;
}
.listing-search .listing-card {
  padding-left: 0;
  padding-right: 0;
}

.right-one-third {
  margin: 0;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  font-size: 10px;
  color: #000;
}
@media (min-width: 768px) {
  .right-one-third {
    padding: 12px;
    font-size: 12px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  }
}
.right-one-third .card-shadow {
  padding: 10px;
}
@media (max-width: 767.98px) {
  .right-one-third .card-shadow {
    background: #fff;
    border-radius: 3px;
  }
}
.right-one-third .social {
  margin-left: -5px;
}

.agent-pic img {
  max-width: 100%;
  height: auto;
  /*
      IE9-11 don't properly scale SVG files. For example, if an <img> with an
      SVG file as the src attribute has max-width: 100% and height: auto, the
      image will appear distorted in IE9-11 if the image is larger than its
      container. One solution is to apply width: 100% (or a pixel value equal
      to the SVG's actual width) to the <img>. To apply this fix, we're using
      a few CSS hacks to target these IE versions and style images that have
      an SVG file for their source. Unfortunately, this fix will make SVGs
      that are smaller than their container stretch to the full width of that
      container. In this case, extra styles may be needed. See
      http://caniuse.com/#feat=svg for info on SVG support.

      NOTE: Using services that provide browser detection (e.g. Modernizr,
      Kendo UI) to solve this issue may not be the best idea if they use user
      agent strings to detect browsers as these values aren't always so
      reliable. For example, the Nokia Lumia 930 uses IE11 mobile, but Kendo
      UI's browser detection thought it was Safari 11 which, at the time this
      test was performed, didn't exist yet. The browser returned a user agent
      string that contained "IEMobile/11.0", but also had misleading
      information like "Mobile Safari" and "iPhone OS 7_0_3", and Kendo UI
      incorrectly determined that the browser was Safari 11. User agent
      strings simply aren't reliable. For info on IE11 user agent strings:
      https://blogs.msdn.microsoft.com/ieinternals/2013/09/21/internet-explorer-11s-many-user-agent-strings/

      1.  IE9 hack
      2.  IE10+ hack
  */
  margin: 0 8px 0 0;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.agent-pic img[src*=".svg"] {
  width: 100% \9 ; /* [1] */
}
@media screen and (min-width: 0\0 ) {
  .agent-pic img {
    /* [2] */
  }
  .agent-pic img[src*=".svg"] {
    width: 100%;
  }
}

.heading {
  padding-left: 5px;
}
@media (min-width: 992px) {
  .heading {
    padding: 15px 15px 2px 10px;
  }
}
.heading .h5 {
  font-size: 20px;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .heading .h5 {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .heading .h5 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .heading .h5 {
    font-size: 22px;
  }
}

/* LDP Recent Sales Price Alignment fix */
@media (min-width: 768px) {
  .prop-main .map-tabs .price {
    top: 9px;
  }
}

/* FEATURED LISTINGS */
.featured-listings {
  padding: 10px;
  text-align: center;
}

.featured-wrapper {
  border: 4px solid #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.featured-wrapper img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
  /*
      IE9-11 don't properly scale SVG files. For example, if an <img> with an
      SVG file as the src attribute has max-width: 100% and height: auto, the
      image will appear distorted in IE9-11 if the image is larger than its
      container. One solution is to apply width: 100% (or a pixel value equal
      to the SVG's actual width) to the <img>. To apply this fix, we're using
      a few CSS hacks to target these IE versions and style images that have
      an SVG file for their source. Unfortunately, this fix will make SVGs
      that are smaller than their container stretch to the full width of that
      container. In this case, extra styles may be needed. See
      http://caniuse.com/#feat=svg for info on SVG support.

      NOTE: Using services that provide browser detection (e.g. Modernizr,
      Kendo UI) to solve this issue may not be the best idea if they use user
      agent strings to detect browsers as these values aren't always so
      reliable. For example, the Nokia Lumia 930 uses IE11 mobile, but Kendo
      UI's browser detection thought it was Safari 11 which, at the time this
      test was performed, didn't exist yet. The browser returned a user agent
      string that contained "IEMobile/11.0", but also had misleading
      information like "Mobile Safari" and "iPhone OS 7_0_3", and Kendo UI
      incorrectly determined that the browser was Safari 11. User agent
      strings simply aren't reliable. For info on IE11 user agent strings:
      https://blogs.msdn.microsoft.com/ieinternals/2013/09/21/internet-explorer-11s-many-user-agent-strings/

      1.  IE9 hack
      2.  IE10+ hack
  */
}
.featured-wrapper img[src*=".svg"] {
  width: 100% \9 ; /* [1] */
}
@media screen and (min-width: 0\0 ) {
  .featured-wrapper img {
    /* [2] */
  }
  .featured-wrapper img[src*=".svg"] {
    width: 100%;
  }
}

.listing-holder {
  margin: 0;
  padding: 10px 0 7px;
  color: #fff;
  text-align: center;
  background: url("/Images/AgentTemplate/L/L-diags.png") repeat;
}
.listing-holder a {
  font-size: 11px;
  color: #fff;
  text-align: center;
  padding: 10px 0 7px;
  margin: 0;
}

.col-centered {
  display: inline-block;
  float: none;
  /* inline-block space fix */
  margin-right: -4px;
  /* reset the text-align */
  text-align: left;
}

/* FOOTER - GLOBAL */
.page-footer {
  color: #fff;
  font-size: 12px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.75);
}
@media (max-width: 767.98px) {
  .page-footer {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.page-footer .footer-links {
  border-bottom: none;
}
@media (max-width: 767.98px) {
  .page-footer .footer-links {
    margin-bottom: 0;
  }
}
.page-footer .footer-nav a, .page-footer .attribution {
  color: #fff;
}
.page-footer .footer-nav a:hover {
  border-color: #4f4f4f;
}

/*** MAX WIDTHS ON IMAGES PER CONTAINER ELEMENT***/
.left-two-thirds-content img {
  max-width: 600px !important;
  height: auto !important;
}

/* RESPONSIVE */
.left-two-thirds img {
  max-width: 100%;
  height: auto;
  /*
      IE9-11 don't properly scale SVG files. For example, if an <img> with an
      SVG file as the src attribute has max-width: 100% and height: auto, the
      image will appear distorted in IE9-11 if the image is larger than its
      container. One solution is to apply width: 100% (or a pixel value equal
      to the SVG's actual width) to the <img>. To apply this fix, we're using
      a few CSS hacks to target these IE versions and style images that have
      an SVG file for their source. Unfortunately, this fix will make SVGs
      that are smaller than their container stretch to the full width of that
      container. In this case, extra styles may be needed. See
      http://caniuse.com/#feat=svg for info on SVG support.

      NOTE: Using services that provide browser detection (e.g. Modernizr,
      Kendo UI) to solve this issue may not be the best idea if they use user
      agent strings to detect browsers as these values aren't always so
      reliable. For example, the Nokia Lumia 930 uses IE11 mobile, but Kendo
      UI's browser detection thought it was Safari 11 which, at the time this
      test was performed, didn't exist yet. The browser returned a user agent
      string that contained "IEMobile/11.0", but also had misleading
      information like "Mobile Safari" and "iPhone OS 7_0_3", and Kendo UI
      incorrectly determined that the browser was Safari 11. User agent
      strings simply aren't reliable. For info on IE11 user agent strings:
      https://blogs.msdn.microsoft.com/ieinternals/2013/09/21/internet-explorer-11s-many-user-agent-strings/

      1.  IE9 hack
      2.  IE10+ hack
  */
}
.left-two-thirds img[src*=".svg"] {
  width: 100% \9 ; /* [1] */
}
@media screen and (min-width: 0\0 ) {
  .left-two-thirds img {
    /* [2] */
  }
  .left-two-thirds img[src*=".svg"] {
    width: 100%;
  }
}

.section-outside .h4 {
  letter-spacing: normal !important;
  margin: 0 0 30px;
}

.search-landing-content {
  margin-left: 5px;
}

/* MEDIA QUERIES */
@media (max-width: 1199.98px) {
  h3.h4 {
    font-size: 36px;
  }
}
.savedListingArea .listing-card {
  width: 50%;
}
@media (min-width: 768px) {
  .savedListingArea .listing-card {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .savedListingArea .listing-card {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .savedListingArea .listing-card {
    width: 33.3333333333%;
  }
}
.savedListingArea .listing-card .listing-visuals .listing-img {
  height: -webkit-calc(-webkit-calc(0.5 * (768px - 3.75rem)) * 0.78);
  height: calc(calc(0.5 * (768px - 3.75rem)) * 0.78);
}
.savedListingArea .listing-card .listing-visuals .listing-img-outer, .savedListingArea .listing-card .listing-visuals .listing-gallery {
  height: -webkit-calc(-webkit-calc(0.5 * (768px - 3.75rem)) * 0.718);
  height: calc(calc(0.5 * (768px - 3.75rem)) * 0.718);
}
@media (min-width: 768px) {
  .savedListingArea .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(0.5 * (768px - 3.75rem)) * 0.78);
    height: calc(calc(0.5 * (768px - 3.75rem)) * 0.78);
  }
  .savedListingArea .listing-card .listing-visuals .listing-img-outer, .savedListingArea .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(0.5 * (768px - 3.75rem)) * 0.718);
    height: calc(calc(0.5 * (768px - 3.75rem)) * 0.718);
  }
}
@media (min-width: 992px) {
  .savedListingArea .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(0.5 * (992px - 3.75rem)) * 0.78);
    height: calc(calc(0.5 * (992px - 3.75rem)) * 0.78);
  }
  .savedListingArea .listing-card .listing-visuals .listing-img-outer, .savedListingArea .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(0.5 * (992px - 3.75rem)) * 0.718);
    height: calc(calc(0.5 * (992px - 3.75rem)) * 0.718);
  }
}
@media (min-width: 1200px) {
  .savedListingArea .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(0.3333333333 * (1200px - 3.75rem)) * 0.78);
    height: calc(calc(0.3333333333 * (1200px - 3.75rem)) * 0.78);
  }
  .savedListingArea .listing-card .listing-visuals .listing-img-outer, .savedListingArea .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(0.3333333333 * (1200px - 3.75rem)) * 0.718);
    height: calc(calc(0.3333333333 * (1200px - 3.75rem)) * 0.718);
  }
}

.listing-cards-featured .listing-card {
  width: 100%;
}
@media (min-width: 768px) {
  .listing-cards-featured .listing-card {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .listing-cards-featured .listing-card {
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .listing-cards-featured .listing-card {
    width: 33.3333333333%;
  }
}
.listing-cards-featured .listing-card .listing-visuals .listing-img {
  height: -webkit-calc(-webkit-calc(1 * (320px - 1.875rem)) * 0.78);
  height: calc(calc(1 * (320px - 1.875rem)) * 0.78);
}
.listing-cards-featured .listing-card .listing-visuals .listing-img-outer, .listing-cards-featured .listing-card .listing-visuals .listing-gallery {
  height: -webkit-calc(-webkit-calc(1 * (320px - 1.875rem)) * 0.718);
  height: calc(calc(1 * (320px - 1.875rem)) * 0.718);
}
@media (min-width: 768px) {
  .listing-cards-featured .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(0.5 * (-webkit-calc(768px - 1.875rem) - 1.875rem)) * 0.78);
    height: calc(calc(0.5 * (calc(768px - 1.875rem) - 1.875rem)) * 0.78);
  }
  .listing-cards-featured .listing-card .listing-visuals .listing-img-outer, .listing-cards-featured .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(0.5 * (-webkit-calc(768px - 1.875rem) - 1.875rem)) * 0.718);
    height: calc(calc(0.5 * (calc(768px - 1.875rem) - 1.875rem)) * 0.718);
  }
}
@media (min-width: 992px) {
  .listing-cards-featured .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(0.3333333333 * (-webkit-calc(992px - 1.875rem) - 1.875rem)) * 0.78);
    height: calc(calc(0.3333333333 * (calc(992px - 1.875rem) - 1.875rem)) * 0.78);
  }
  .listing-cards-featured .listing-card .listing-visuals .listing-img-outer, .listing-cards-featured .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(0.3333333333 * (-webkit-calc(992px - 1.875rem) - 1.875rem)) * 0.718);
    height: calc(calc(0.3333333333 * (calc(992px - 1.875rem) - 1.875rem)) * 0.718);
  }
}
@media (min-width: 1200px) {
  .listing-cards-featured .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(0.3333333333 * (-webkit-calc(1200px - 1.875rem) - 1.875rem)) * 0.78);
    height: calc(calc(0.3333333333 * (calc(1200px - 1.875rem) - 1.875rem)) * 0.78);
  }
  .listing-cards-featured .listing-card .listing-visuals .listing-img-outer, .listing-cards-featured .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(0.3333333333 * (-webkit-calc(1200px - 1.875rem) - 1.875rem)) * 0.718);
    height: calc(calc(0.3333333333 * (calc(1200px - 1.875rem) - 1.875rem)) * 0.718);
  }
}

.listing-cards-framing .listing-card {
  float: left;
}
.listing-cards-framing .listing-card {
  width: 100%;
}
@media (min-width: 768px) {
  .listing-cards-framing .listing-card {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .listing-cards-framing .listing-card {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .listing-cards-framing .listing-card {
    width: 50%;
  }
}
.listing-cards-framing .listing-card .listing-visuals .listing-img {
  height: -webkit-calc(-webkit-calc(1 * (320px - 1.875rem)) * 0.78);
  height: calc(calc(1 * (320px - 1.875rem)) * 0.78);
}
.listing-cards-framing .listing-card .listing-visuals .listing-img-outer, .listing-cards-framing .listing-card .listing-visuals .listing-gallery {
  height: -webkit-calc(-webkit-calc(1 * (320px - 1.875rem)) * 0.718);
  height: calc(calc(1 * (320px - 1.875rem)) * 0.718);
}
@media (min-width: 768px) {
  .listing-cards-framing .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(1 * (-webkit-calc(768px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.78);
    height: calc(calc(1 * (calc(768px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.78);
  }
  .listing-cards-framing .listing-card .listing-visuals .listing-img-outer, .listing-cards-framing .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(1 * (-webkit-calc(768px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.718);
    height: calc(calc(1 * (calc(768px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.718);
  }
}
@media (min-width: 992px) {
  .listing-cards-framing .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(0.5 * (-webkit-calc(992px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.78);
    height: calc(calc(0.5 * (calc(992px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.78);
  }
  .listing-cards-framing .listing-card .listing-visuals .listing-img-outer, .listing-cards-framing .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(0.5 * (-webkit-calc(992px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.718);
    height: calc(calc(0.5 * (calc(992px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.718);
  }
}
@media (min-width: 1200px) {
  .listing-cards-framing .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(0.5 * (-webkit-calc(1200px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.78);
    height: calc(calc(0.5 * (calc(1200px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.78);
  }
  .listing-cards-framing .listing-card .listing-visuals .listing-img-outer, .listing-cards-framing .listing-card .listing-visuals .listing-gallery {
    height: -webkit-calc(-webkit-calc(0.5 * (-webkit-calc(1200px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.718);
    height: calc(calc(0.5 * (calc(1200px - 1.875rem) * 0.6666666667 - 1.875rem)) * 0.718);
  }
}

@media (min-width: 1200px) {
  .prop-sidebar .agent .details {
    width: 227px;
  }
}

/* SELLERS PAGE STYLES */
.container-sellers {
  background: #fff;
}
.container-sellers .data-icon .di-text {
  font-weight: bold;
}
@media (max-width: 991.98px) {
  .container-sellers .data-icon .di-text {
    font-size: 22px;
  }
}
.container-sellers .card-shadow {
  padding: 0;
}
.container-sellers .data-icon .di-logo .di-text {
  font-weight: bold !important;
}

h1.title-sellers {
  margin: inherit !important;
}
/*# sourceMappingURL=framing3.css.map */