/*------------------------------------*\ 
    #THEMES:FRAMING1
\*------------------------------------*/
body {
  margin: 0 auto;
  padding: 0;
  line-height: normal;
  background: #a3b0aa;
  text-align: left;
}
@media (min-width: 768px) {
  body {
    font-size: 0.9375rem;
  }
}

h1 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 20px;
}

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

.container .container {
  padding-left: 0;
  padding-right: 0;
}

[id=CompanyHomepageBannerContent] .container {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

/* HEADER */
.top-row, .pageBackground {
  background-image: url("/Images/AgentTemplate/B/B-home-headbg.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
}
@media (min-width: 768px) {
  .top-row, .pageBackground {
    background-position: 0 52px;
  }
}
@media (min-width: 992px) {
  .top-row, .pageBackground {
    background-size: 100%;
  }
}

.top-row {
  background-color: #9fc8bd;
}

.pageBackground {
  background-color: #fff;
}

#logo {
  padding-top: 10px;
}

.page-header .account-info {
  --bs-link-color: #dbcfa7;
  --bs-link-color-rgb: 219, 207, 167;
  --bs-link-hover-color: #ece9d3;
  --bs-link-hover-color-rgb: 236, 233, 211;
  z-index: 91;
}
@media (min-width: 768px) {
  .page-header .account-info {
    --bs-link-color: #0e3a32;
    --bs-link-color-rgb: 14, 58, 50;
    --bs-link-hover-color: #0e3a32;
    --bs-link-hover-color-rgb: 14, 58, 50;
  }
}
.page-header .account-info, .page-header .account-info li, .page-header .account-info .username {
  color: #ffffff;
}
@media (min-width: 768px) {
  .page-header .account-info, .page-header .account-info li, .page-header .account-info .username {
    color: #2e2e2e;
  }
}

@media (min-width: 768px) {
  .listMailerWidget {
    display: table !important;
    height: 3.25rem;
  }
  .listMailerWidget .account-info {
    display: table-cell;
    vertical-align: middle;
    line-height: 0.8125rem;
  }
  .listMailerWidget .account-info .listmailer-title {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
  .listMailerWidget .account-info .listmailer-login {
    font-size: 0.5rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }
}
.tagline {
  line-height: 48px;
}
.tagline h3 {
  font-size: 12px;
  color: #2e2e2e;
  margin: 0;
  padding: 0;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
  display: inline-block;
  vertical-align: middle;
  line-height: 15px;
  font-style: italic;
}
@media (max-width: 767.98px) {
  .tagline h3 {
    font-size: 11px;
    line-height: 14px;
  }
}
@media (max-width: 767.98px) {
  .tagline {
    background-color: #2e2e2e;
    min-height: 30px;
    height: auto;
    line-height: 30px;
    padding-bottom: 3px;
  }
  .tagline h3 {
    font-size: 12px;
    line-height: 17px;
    padding: 5px 0;
    margin: 0 15px;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  }
}

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

/*.btn*/
.header-compare {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #005a4e;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-color: #2e2e2e;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 255, 255, 255;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #007464;
  --bs-btn-active-border-color: white;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #005a4e;
  --bs-btn-disabled-border-color: #ffffff;
}
.header-compare.collapse-toggle:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2300241f' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.header-compare.collapse-toggle::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
@media (min-width: 768px) {
  .header-compare {
    --bs-btn-color: #0e3a32;
    --bs-btn-bg: #9fc8bd;
    --bs-btn-border-color: #0e3a32;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #0e3a32;
    --bs-btn-hover-border-color: #0e3a32;
    --bs-btn-focus-shadow-rgb: 14, 58, 50;
    --bs-btn-active-color: #0e3a32;
    --bs-btn-active-bg: #afd1c8;
    --bs-btn-active-border-color: #134f44;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #414141;
    --bs-btn-disabled-bg: #9fc8bd;
    --bs-btn-disabled-border-color: #0e3a32;
    --bs-btn-padding-x: 5px;
    --bs-btn-font-size: 0.8125rem;
  }
  .header-compare.collapse-toggle:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2340504c' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  }
  .header-compare.collapse-toggle::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230e3a32' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  }
}

@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;
  }
}

/* NAV */
.main-navbar {
  z-index: 90;
}
@media (min-width: 768px) {
  .main-navbar {
    --bs-navbar-color: var(--bs-body-color);
    --bs-navbar-hover-color: var(--bs-navbar-color);
  }
}
@media (max-width: 767.98px) {
  .main-navbar {
    background: #005a4e;
  }
}
@media (min-width: 768px) {
  .main-navbar {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav {
    --bs-nav-link-font-size: 0.625rem;
  }
}
@media (min-width: 992px) {
  .main-navbar .navbar-nav {
    --bs-nav-link-font-size: 0.8125rem;
  }
}
@media (min-width: 1200px) {
  .main-navbar .navbar-nav {
    --bs-nav-link-font-size: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-item {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-item > .nav-link, .main-navbar .navbar-nav .nav-item:not(.dropdown) > .nav-link {
    padding: 0 5px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-link, .main-navbar .navbar-nav .nav-item:not(.dropdown) .nav-link {
    padding: 0 5px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-link:hover, .main-navbar .navbar-nav .nav-link:focus,
  .main-navbar .navbar-nav .show, .main-navbar .navbar-nav .show:hover, .main-navbar .navbar-nav .show:focus {
    border-color: #0e3a32;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-menu {
    --bs-dropdown-font-size: 0.625rem;
    --bs-dropdown-bg: #ece9d3;
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-link-color);
    --bs-dropdown-link-hover-bg: var(--bs-body-bg);
    --bs-dropdown-item-padding-x: 10px;
    --bs-dropdown-item-padding-y: 5px;
    --bs-dropdown-header-padding-x: var(--bs-dropdown-item-padding-x);
    --bs-dropdown-header-padding-y: var(--bs-dropdown-item-padding-y);
    padding-bottom: 0;
  }
  .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: 992px) {
  .main-navbar .navbar-nav .dropdown-menu {
    --bs-dropdown-font-size: 0.8125rem;
  }
}
.main-navbar .navbar-nav .dropdown-item, .main-navbar .navbar-nav .dropdown-header {
  padding-bottom: 3px;
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-item, .main-navbar .navbar-nav .dropdown-header {
    margin-left: 0;
  }
}
.main-navbar .navbar-nav .dropdown-item {
  background-color: #faf9f5;
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-item {
    width: 100%;
  }
}
.main-navbar .navbar-nav .dropdown-item:hover, .main-navbar .navbar-nav .dropdown-item:focus {
  background-color: var(--bs-dropdown-link-hover-bg);
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-toggle:after {
    border-right-width: 2px;
    border-left-width: 2px;
  }
}
@media (max-width: 767.98px) {
  .main-navbar .navbar-brand img[src*="/ClientImage/"] {
    -webkit-filter: saturate(0) brightness(8);
            filter: saturate(0) brightness(8);
  }
}
.main-navbar .navbar-icons .navbar-icon {
  color: #fff;
}

/*ul*/
.header-misc {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 52px;
  margin: 0;
  padding: 0;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  place-content: center center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  text-align: center;
}
.header-misc > li {
  display: inline-block;
  margin: 0;
  padding: 0 2px;
}
.header-misc > li:first-child {
  padding-left: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.header-misc > li h2 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  white-space: nowrap;
  font-size: 13px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
}
@media (max-width: 991.98px) {
  .header-misc > li h2 {
    font-size: 12px;
  }
}
.header-misc > li h2, .header-misc > li h2 .phone {
  color: #2e2e2e;
}
.header-misc > li h2 .phone {
  display: inline-block;
}

/* SOCIAL MEDIA ICONS */
.social ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social ul li {
  display: inline-block;
  margin: 0;
  padding: 0 1px 1px;
}

/* HOME AGENT TOP CONTENT AREA */
.agentGreenbar {
  background-color: #9fc8bd;
  height: 7px;
  border-radius: 7px 7px 0 0;
}

.cms-content-banner {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}

.BusinessCard-shell {
  padding: 15px 15px 10px;
  border: 1px solid #c8c8c8;
  border: 1px solid rgba(200, 200, 200, 0.6);
  border-radius: 0 0 5px 5px;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.16);
  background-clip: padding-box;
}
.BusinessCard-shell .social {
  margin-left: -5px;
}
.BusinessCard-shell .social ul li {
  padding: 0;
}

/* RIGHTSIDE CONTACT FORM */
.BusinessCard-shell-right {
  padding: 21px;
  border: 1px solid rgba(200, 200, 200, 0.9);
  border-radius: 2px;
  background: none repeat scroll 0 0 padding-box rgba(255, 255, 255, 0.5);
}

.entityPhoto img {
  border: 1px solid #c8c8c8;
  margin: 0;
  padding: 0;
  width: 100%;
}

.agentDetails h1, .agentDetails .h1, .agentDetails h4, .agentDetails .h4 {
  margin: 0;
}
.agentDetails h1, .agentDetails .h1 {
  padding: 0;
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .agentDetails h1, .agentDetails .h1 {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .agentDetails h1, .agentDetails .h1 {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .agentDetails h1, .agentDetails .h1 {
    font-size: 24px;
  }
}

.agent-icons, .agent-specs {
  font-size: 0.6875rem;
}
@media (min-width: 992px) {
  .agent-icons, .agent-specs {
    font-size: 0.875rem;
  }
}

.agent-icons {
  margin: 0;
  padding: 0 6px 0 0;
  vertical-align: middle;
}

.agent-specs {
  display: inline;
  padding: 0;
}
@media (min-width: 992px) {
  .agent-specs {
    padding-right: 0;
  }
}

/* PROPERTY QUICK SEARCH */
.search-home .form-wrap .k-autocomplete, .search-home .form-wrap .form-control {
  border-bottom: 3px solid #b88128;
}

.search-home .form-wrap .search-filters {
  line-height: 1.428571429;
}

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

/*** MAX WIDTHS ON IMAGES PER CONTAINER ELEMENT***/
.home-bucket img {
  max-width: 200px !important;
  height: auto !important;
}

@media (max-width: 767.98px) {
  .agentContent-wrapper {
    margin-top: 15px;
  }
}

.agentContent-wrapper img, .agentContent-wrapper-right 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
  */
}
.agentContent-wrapper img[src*=".svg"], .agentContent-wrapper-right img[src*=".svg"] {
  width: 100% \9 ; /* [1] */
}
@media screen and (min-width: 0\0 ) {
  .agentContent-wrapper img, .agentContent-wrapper-right img {
    /* [2] */
  }
  .agentContent-wrapper img[src*=".svg"], .agentContent-wrapper-right img[src*=".svg"] {
    width: 100%;
  }
}

/* TESTIMONIALS STYLING */
.section-outside {
  padding: 10px !important;
  margin: 0;
}

.btn-group-full .btn {
  -webkit-box-flex: 0.22;
  -webkit-flex-grow: 0.22;
          flex-grow: 0.22;
}
@media (max-width: 991.98px) {
  .btn-group-full .btn {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
            flex-grow: 0;
  }
}

@media (max-width: 991.98px) {
  h2.h5 {
    font-size: 18px;
  }
  .btn-primary {
    font-size: 85%;
  }
  h3.h4 {
    font-size: 36px;
  }
}
.topbar {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.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.5833333333 - 1.875rem)) * 0.78);
    height: calc(calc(1 * (calc(768px - 1.875rem) * 0.5833333333 - 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.5833333333 - 1.875rem)) * 0.718);
    height: calc(calc(1 * (calc(768px - 1.875rem) * 0.5833333333 - 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.5833333333 - 1.875rem)) * 0.78);
    height: calc(calc(0.5 * (calc(992px - 1.875rem) * 0.5833333333 - 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.5833333333 - 1.875rem)) * 0.718);
    height: calc(calc(0.5 * (calc(992px - 1.875rem) * 0.5833333333 - 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.5833333333 - 1.875rem)) * 0.78);
    height: calc(calc(0.5 * (calc(1200px - 1.875rem) * 0.5833333333 - 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.5833333333 - 1.875rem)) * 0.718);
    height: calc(calc(0.5 * (calc(1200px - 1.875rem) * 0.5833333333 - 1.875rem)) * 0.718);
  }
}

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

h1.title-sellers {
  margin: inherit !important;
}
@media (max-width: 991.98px) {
  h1.title-sellers {
    font-size: 42px;
  }
}
@media (min-width: 992px) {
  h1.title-sellers {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  h1.title-sellers {
    font-size: 50px;
  }
}

/*
    Subpage Content Page Styles
*/
@media (max-width: 767.98px) {
  .page-body, .jumbotron {
    position: relative;
    top: 70px;
    margin-bottom: 70px;
  }
}
/*# sourceMappingURL=framing1.css.map */