/*------------------------------------*\ 
    #THEMES:FRAMING2
\*------------------------------------*/
body {
  background: url("/Images/AgentTemplate/J/J-head-tile.png") repeat-x;
  color: #000;
  text-align: left;
  padding: 0;
  margin: 0;
  line-height: normal;
}
@media (min-width: 768px) {
  body {
    font-size: 13px;
  }
}
body .k-autocomplete {
  background: none !important;
}
body .k-autocomplete .k-input {
  height: 32px;
}

h1.agent-name {
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  margin: 0 !important;
  padding: 7px 0 2px;
}
@media (min-width: 768px) {
  h1.agent-name {
    font-size: 35px;
    font-weight: bold;
    margin: 15px 0 0 !important;
    padding: 0;
  }
}

h2 {
  font-size: 28px;
  color: #003f26;
  margin: 0 0 13px;
  padding: 0;
  font-weight: bold;
}

h4 {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: bold;
}

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

/* HEADER */
.page-header {
  margin: 0;
  padding: 0;
  width: 100%;
  /*height: 117px;*/
  line-height: normal;
  text-align: left;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #fff), color-stop(95%, #d9d9d9));
  background: linear-gradient(to bottom, #fff 70%, #d9d9d9 95%);
}

#logo a {
  display: block;
  padding: 5px 0;
}
@media (min-width: 768px) {
  #logo a {
    padding: 10px 0 5px 6px;
  }
}

@media (min-width: 768px) {
  .listMailerWidget {
    display: table !important;
    height: 3.125rem;
  }
}
.listMailerWidget .account-info {
  font-size: 0.5625rem;
  z-index: 91;
}
@media (min-width: 768px) {
  .listMailerWidget .account-info {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
  }
}
.listMailerWidget .account-info .listmailer-title {
  font-weight: bold;
}
@media (min-width: 768px) {
  .listMailerWidget .account-info .listmailer-title {
    font-size: 0.6875rem;
  }
}
@media (min-width: 768px) {
  .listMailerWidget .account-info .listmailer-login {
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
}

@media (max-width: 767.98px) {
  .tagline {
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(95%, #d9d9d9)) repeat scroll 0 0;
    background: transparent linear-gradient(180deg, #ffffff 0%, #d9d9d9 95%) repeat scroll 0 0;
    padding: 4px 15px;
  }
}
@media (min-width: 768px) {
  .tagline {
    min-height: 82px;
    padding-top: 18px;
  }
}
.tagline h3 {
  color: #0e3a32;
  font-size: 12px;
  line-height: 14px;
  padding: 0;
  font-style: italic;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .tagline h3 {
    margin: 0 0 4px;
    padding: 4px 0 0;
  }
}
@media (min-width: 992px) {
  .tagline h3 {
    font-size: 17px;
    line-height: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .tagline h3 {
    font-size: 13px;
  }
}

/* TOP NAVLINKS */
.main-navbar {
  z-index: 90;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .main-navbar {
    margin-left: 10px;
  }
}
@media (min-width: 768px) {
  .main-navbar {
    margin: 0;
    padding: 5px 0 0;
  }
}
@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.84375rem;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-link {
    border-bottom-width: 2px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .nav-link, .main-navbar .navbar-nav:not(.dropdown) .nav-link {
    padding-bottom: 10px;
  }
}
@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: transparent;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-menu {
    margin-top: -10px;
    padding-bottom: 0;
    background-color: #ece9d3;
  }
  .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-item, .main-navbar .navbar-nav .dropdown-header {
    margin-left: 0;
    padding: 5px 10px 3px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-item {
    width: 100%;
    font-size: 10px;
    font-weight: bold;
  }
  .main-navbar .navbar-nav .dropdown-item:hover, .main-navbar .navbar-nav .dropdown-item:focus {
    background: #0e3a32;
    color: #ffffff;
  }
}
@media (min-width: 992px) {
  .main-navbar .navbar-nav .dropdown-item {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .main-navbar .navbar-nav .dropdown-toggle:after {
    border-right-width: 2px;
    border-left-width: 2px;
  }
}

/* SOCIAL MEDIA ICONS */
.social ul {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .social ul {
    text-align: right;
  }
}
.social ul li {
  display: inline-block;
  margin: 0;
  padding: 0 0 1px;
}
.social ul li.last {
  display: inline;
  float: left;
  padding: 0;
}
.social ul li a {
  display: block;
}
.social img {
  width: 28px;
}
@media (max-width: 1199.98px) {
  .social img {
    width: 22px;
    margin-top: 3px;
  }
}
@media (max-width: 991.98px) {
  .social img {
    width: 18px;
  }
}

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

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

/* WINDSHIELD TOP AREA */
.windshield-background {
  position: relative;
  overflow: visible;
  padding-bottom: 15px;
  background: url("/Images/AgentTemplate/J/J-windshield.jpg") #e1e1e1 no-repeat;
  background-position: center top;
  background-size: cover;
}
@media (min-width: 768px) {
  .windshield-background {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .windshield-background {
    min-height: 271px;
  }
}

.windshield-overlay {
  margin-bottom: 10px;
  border-bottom: 3px solid #dbcfa7;
  background: #005a4e;
}
@media (max-width: 767.98px) {
  .windshield-overlay {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .windshield-overlay {
    border-bottom-color: #005a4e;
    border-bottom-width: 4px;
  }
  .windshield-overlay:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #b88128;
  }
}
.windshield-overlay .social ul {
  margin-left: -5px;
}
.windshield-overlay .social ul li {
  float: left;
  padding: 0;
}

@media (min-width: 768px) {
  .agent-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 0.9375rem;
  }
}
.agent-pic img {
  max-height: 190px;
  max-width: 100%;
}

.agent-shadow {
  background: #fff;
  margin-top: 10px;
  border: 6px solid #fff;
  box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.75);
}
@media (max-width: 767.98px) {
  .agent-shadow {
    border: 4px solid #fff;
  }
}

.agent-info p {
  font-size: 14px;
  margin: 5px 0 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .agent-info p {
    font-size: 11px;
    margin: 0;
  }
}
.agent-info p, .agent-info p a {
  color: #fff;
}

.agent-designations {
  font-size: 10px;
  color: #fff;
  font-weight: normal;
}
@media (min-width: 768px) {
  .agent-designations {
    font-size: 13px;
  }
}

/* TOP SEARCH FORM */
.top-search-form {
  margin: 20px 0 0;
  padding: 0;
  font-size: 11px;
}
@media (min-width: 768px) {
  .top-search-form {
    font-size: 12px;
  }
}

/*
    [*] Adding padding-bottom to the Buyside widget container here just
    so the tab it's in is the same height as other tabs, so that the height of
    the "windshield" area of this agent design doesn't jump around
*/
.search-home .form-wrap [id=buyside-widget-container] {
  padding-bottom: 51px; /* [*] */
}
@media (min-width: 768px) {
  .search-home .form-wrap [id=buyside-widget-container] {
    padding-bottom: 70px; /* [*] */
  }
}
@media (min-width: 992px) {
  .search-home .form-wrap [id=buyside-widget-container] {
    padding-bottom: 44px; /* [*] */
  }
}

/* LEFT COLUMN ITEMS */
.featured-listing-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}

.listing-cards-featured {
  display: inline-block;
  margin: 0;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .listing-cards-featured {
    margin: 15px 0 0;
  }
}
@media (min-width: 1200px) {
  .listing-cards-featured {
    margin: 20px 0 0;
  }
}

/*.card*/
.listing-card .listing-body .listing-address {
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .listing-card .listing-visuals .listing-price {
    font-size: 13px;
    width: 50%;
  }
}

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

.black-callout {
  margin: 6px 0 0;
  padding: 0;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.02em;
}

.black-callout-details {
  margin: 7px 0 0;
  padding: 0;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #000;
  font-size: 15px;
  font-style: normal;
}

/* FOOTER - GLOBAL */
.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;
}

#mysearchnavlinks div {
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 4px;
}

@media (max-width: 991.98px) {
  h2.h5 {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .container-fluid {
    padding-right: 0 !important;
  }
}
.listing-cards-featured .listing-card {
  width: 100%;
}
@media (min-width: 768px) {
  .listing-cards-featured .listing-card {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .listing-cards-featured .listing-card {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .listing-cards-featured .listing-card {
    width: 100%;
  }
}
.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(1 * (-webkit-calc(768px - 1.875rem) * 0.3333333333 - 1.875rem)) * 0.78);
    height: calc(calc(1 * (calc(768px - 1.875rem) * 0.3333333333 - 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 * (-webkit-calc(768px - 1.875rem) * 0.3333333333 - 1.875rem)) * 0.718);
    height: calc(calc(1 * (calc(768px - 1.875rem) * 0.3333333333 - 1.875rem)) * 0.718);
  }
}
@media (min-width: 992px) {
  .listing-cards-featured .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(1 * (-webkit-calc(992px - 1.875rem) * 0.3333333333 - 1.875rem)) * 0.78);
    height: calc(calc(1 * (calc(992px - 1.875rem) * 0.3333333333 - 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 * (-webkit-calc(992px - 1.875rem) * 0.3333333333 - 1.875rem)) * 0.718);
    height: calc(calc(1 * (calc(992px - 1.875rem) * 0.3333333333 - 1.875rem)) * 0.718);
  }
}
@media (min-width: 1200px) {
  .listing-cards-featured .listing-card .listing-visuals .listing-img {
    height: -webkit-calc(-webkit-calc(1 * (-webkit-calc(1200px - 1.875rem) * 0.3333333333 - 1.875rem)) * 0.78);
    height: calc(calc(1 * (calc(1200px - 1.875rem) * 0.3333333333 - 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 * (-webkit-calc(1200px - 1.875rem) * 0.3333333333 - 1.875rem)) * 0.718);
    height: calc(calc(1 * (calc(1200px - 1.875rem) * 0.3333333333 - 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);
  }
}

/* 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;
}
@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;
  }
}
/*# sourceMappingURL=framing2.css.map */