/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}/*.owl-carousel .owl-item img{display:block;width:100%}*/.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{/*background:0 0;*/color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.max-width-example .content {
    height: auto;
    width: auto;
    max-width: 100%;
    min-width: 100%;
    display: inline-block;
    vertical-align: bottom;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom; /* direct pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container { /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}
/* VERTICAL SCROLLBAR */
.mCSB_inside > .mCSB_container {
    margin-right: 5px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 4px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #edeff1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #848484;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(0,0,0,0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  html,
  body {
    position: fixed;
    overflow: hidden;
  }
}

.tnresult--middle {
  display: block;
  position: relative;
  padding: 0;
  /*height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;*/
}

.tnresult--filter {
  position: inherit;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 1px 0 rgba(78, 78, 78, 0.3),
    0 2px 4px -2px rgba(78, 78, 78, 0.3);
  height: 50px;
  clear: both;
  z-index: 12;
}

.tnresult--filter .fixed--container--full,
.tnresults--footer .fixed--container--full {
  padding: 0 10px;
  width: 100%;
}

.fixed--container {
  width: 1240px;
  margin: auto;
  padding: 0 20px;
}

.fixed--container--full {
  width: 100%;
}

.tnresult--filter--left {
  width: 100%;
  padding-top: 5px;
}

.tnresult--filter--right {
  float: right;
  padding-top: 7px;
}

.tnresult--search {
  width: 400px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.tnresult--search input[type='text'] {
  border: 1px solid #c6d1dc;
  border-radius: 3px;
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  height: 35px;
  padding-right: 70px;
}

.tnresult--search .search--btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 57px;
  height: 35px;
  display: block;
  border-radius: 0 3px 3px 0;
  border: none;
  background: url(../../images/AffordableHousing/search-icon.png) no-repeat
    center #00a1df;
  background-size: 17px auto;
  cursor: pointer;
}

.tnresult--search .search--btn:hover {
  background-color: #f9b501;
}

.tnresult--filter--cnt {
  display: inline-block;
  vertical-align: middle;
}

ul.tnresult--filter-list {
  margin: 0;
  padding: 0;
}

ul.tnresult--filter-list li {
  list-style-type: none;
  margin-left: 3px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  padding: 2px 0;
}

ul.tnresult--filter-list li a.filter--btns {
  border: 1px solid #c6d1dc;
  border-radius: 3px;
  background-color: #ffffff;
  display: block;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
  color: #303e48;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 16px;
}

ul.tnresult--filter-list li a:hover {
  background: #00a1df;
  color: #fff;
  border-color: #007bab;
}

ul.tnresult--filter-list li a.filter--btns em {
  font-style: normal;
}

/* check box css */
.checkbox--custom input[type='checkbox']:not(old) {
  width: 25px;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.checkbox--custom input[type='checkbox']:not(old) + label {
  display: inline-block;
  margin-left: -2em;
  line-height: 1.5em;
}

.checkbox--custom input[type='checkbox']:not(old) + label > span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: solid 1px #c4cdd5;
  border-radius: 4px;
  background: #fff;
  vertical-align: middle;
  position: relative;
  margin-right: 5px;
}

.checkbox--custom input[type='checkbox']:not(old):checked + label > span {
  border-color: #ccc;
  vertical-align: middle;
}

.checkbox--custom
  input[type='checkbox']:not(old):checked
  + label
  > span:before {
  content: '✓';
  display: block;
  width: 17px;
  color: #00a1df;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  font-family: 'poppinssemibold', sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* radio button css */
.radiobtn--custom input[type='radio']:not(old) {
  width: 25px;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
}

.radiobtn--custom input[type='radio']:not(old) + label {
  display: inline-block;
  margin-left: -2em;
  line-height: 1.5em;
}

.radiobtn--custom input[type='radio']:not(old) + label > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: solid 1px #c4cdd5;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}

.radiobtn--custom input[type='radio']:not(old):checked + label > span {
}

.radiobtn--custom input[type='radio']:not(old):checked + label > span > span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00a1df;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.savesearch {
  border: 1px solid #00a1df;
  padding: 8px 10px;
  border-radius: 3px;
  color: #00a1df;
  cursor: pointer;
  font-size: 14px;
}

.savesearch:hover {
  background: #f6f6f6;
}

.savesearch.checkbox--custom input[type='checkbox']:not(old) + label > span {
  width: 16px;
  height: 16px;
  border: 1px solid #00a1df;
}

.savesearch.checkbox--custom
  input[type='checkbox']:not(old):checked
  + label
  > span:before {
  font-size: 15px;
  line-height: 15px;
  color: #ffffff;
}

.savesearch.checkbox--custom
  input[type='checkbox']:not(old):checked
  + label
  > span {
  border-color: #007bab;
  background: #00a1df;
}

.tnresult--listing {
  width: 816px;
  float: left;
}

.tnresult--map {
  width: calc(100% - 816px);
  float: left;
  height: calc(100vh - 236px);
  position: relative;
}

.tnresult--map img {
  width: 100%;
  height: 100%;
}

.owner-body .tnresult--map,
.ha-body .tnresult--map {
  height: calc(100vh - 126px);
}

.tnresult--heading {
  font-size: 22px;
  font-family: 'poppinsmedium', sans-serif;
  margin-bottom: 2px;
  line-height: 34px;
}

.tnresult--records {
  width: 30%;
  float: left;
  font-size: 16px;
  padding-top: 13px;
}

.tnresult--sortby {
  width: 70%;
  float: right;
  text-align: right;
  font-size: 16px;
  margin-bottom: 10px;
}

.tnresult--heading--main {
  padding: 15px;
}

.tnresult--sortby select:focus {
  box-shadow: none;
  outline: none;
}

.tnresult--listing--card {
  display: block;
  height: calc(100vh - 346px);
  overflow: hidden;
  overflow-y: auto;
  padding: 8px;
}

.owner-body .tnresult--listing--card,
.ha-body .tnresult--listing--card {
  height: calc(100vh - 239px);
}

.tnresult--card {
  width: calc(50% - 15px);
  margin: 7px 8px 8px 7px;
  float: left;
  min-height: 445px;
  max-height: 445px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 6px;
}

.income--base--cards .tnresult--card {
  min-height: 445px;
  max-height: 445px;
}

.with-badges .tnresult--card {
  min-height: 470px;
  max-height: 470px;
}

.tnresult--desc {
  position: relative;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 6px 6px;
}

.property--card--top {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
}

.property--card--bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  padding: 10px;
  min-height: 70px;
  background: rgba (0, 0, 0, 0.8);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0.8) 150%
  );
  color: #ffffff;
  padding-top: 55px;
}

.tnresult--card--inner {
  padding: 10px 10px 0;
}

.tnresult--small--card .tnresult--card--inner {
  padding: 2px 7px 0;
}

/*.tnresult--card--property-badges {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    z-index: 1;
}*/

.google--ad img {
  text-align: center;
}

.google--ad img {
  max-width: 100%;
  display: block;
  margin: auto;
}

.tnresult--googlead {
  background: none;
  border: none;
  box-shadow: none;
  padding: 78px 0;
}

.tnresult--card.tnresult--listing--googlead {
  background: none;
  border: none;
  box-shadow: none;
  min-height: 250px;
}

.tnresult--communityname {
  font-size: 14px;
  background: rgba(0, 161, 223, 0.9);
  padding: 7px 10px;
  font-family: 'poppinsmedium', sans-serif;
  color: #fff;
}

.tnresult--communityname a {
  font-size: 12px;
  color: #303e48 !important;
}

.tnresult--communityname a:hover {
  color: #00a1df !important;
}

.tnresult--communityname span.tooltipstered {
  font-size: 14px;
  color: #ffffff;
}

.tnresult--posted {
  width: 40%;
  float: right;
  text-align: right;
  font-size: 9px;
  color: #6c7e8e;
  padding-top: 2px;
  margin-bottom: 12px;
}

.property--landlord {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 14px;
  color: #fff;
  font-family: 'poppinsmedium', sans-serif;
}

.property--landlord img {
  width: 32px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 5px;
}

.tnresult--small--card {
  width: calc(50% - 15px);
  margin: 7px 8px 8px 7px;
  float: left;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  min-height: 105px;
  max-height: 205px;
  cursor: pointer;
  overflow: hidden;
}

.income--base--cards .tnresult--small--card {
  min-height: 150px;
  max-height: 150px;
}

.tnresult--small--card.with-info-badge.with-community-name.with-affordability {
  min-height: 170px;
  max-height: 170px;
}

.tnresult--small--card .tnresult--communityname {
  background: none;
  padding: 0 10px 0;
  font-size: 12px;
  color: #007bab;
  line-height: 16px;
}

.tnresult--small--card .tnresult--communityname span.tooltipstered {
  font-size: 12px;
  color: #303e48;
}

.tnresult--small--card .available--txt {
  font-size: 10px;
  width: auto;
}

.tnresult--smallcard-desc {
  width: calc(100% - 160px);
  float: left;
  padding-top: 3px;
}

.tnresult--smallcard--address {
  color: #6b6f81;
  font-size: 11px;
  min-height: 25px;
}

.tnresult--smallcard--posted {
  width: 35%;
  float: right;
  color: #6b6f81;
  font-size: 9px;
  text-align: right;
}

.tnresult--smallcard--details {
  clear: both;
  margin-bottom: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tnresult--smallcard--details em {
  font-style: normal;
  margin: 0 2px 0 0;
  display: inline-block;
  vertical-align: top;
  color: #848484;
  font-size: 11px;
}

.available--txt--green {
  color: #529d3f;
  font-size: 11px;
  clear: both;
  padding-top: 3px;
}

.tnresult--smallcard--price {
  width: 65%;
  float: left;
  font-size: 14px;
  font-family: 'poppinssemibold', sans-serif;
}

.tnresult--smallcard--price span {
  font-size: 11px;
}

.tnresult--pagging {
  display: block;
  text-align: center;
  padding-top: 10px;
  clear: both;
}

.tnresult--records--found {
  font-size: 16px;
  margin-top: 20px;
}

.tnresult--pagging a.previous--btn {
  background-color: #ffffff;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #303e48;
  display: inline-block;
  vertical-align: middle;
}

.tnresult--pagging a.previous--btn:hover {
  color: #303e48;
  background: #cad1d6;
}

.tnresult--pagging a.next--btn {
  background-color: #ffffff;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #303e48;
  display: inline-block;
  vertical-align: middle;
}

.tnresult--pagging a.next--btn:hover {
  color: #303e48;
  background: #cad1d6;
}

a.previous--btn em,
a.next--btn em {
  font-style: normal;
  display: none;
}

.previous--btn:hover span,
.next--btn:hover span {
  border-color: #000000;
}

.tnresult--pagging a {
  margin: 0 2px;
  background: #fff;
  border-radius: 50%;
  min-width: 38px;
  height: 38px;
  line-height: 38px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: inline-block;
  color: #303e48;
}

.tnresult--pagging .active a,
.tnresult--pagging .active a:hover {
  background-color: #00a1df;
  color: #fff;
}

.tnresult--pagging a:hover {
  border-color: #00a1df;
  color: #00a1df;
}

.housing--agencies--cnt {
  margin-top: 10px;
  padding: 0 0 0 30px;
}

.previous--btn span {
  border: solid #303e48;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  vertical-align: middle;
  margin-top: 13px;
  margin-left: 3px;
}

.next--btn span {
  border: solid #303e48;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  vertical-align: middle;
  margin-top: 13px;
  margin-right: 3px;
}

.googlead--horizontal {
  text-align: center;
  margin-bottom: 30px;
  padding: 0 15px;
}

.googlead--horizontal.noresult-ad {
  text-align: left;
  padding: 0;
}

.googlead--horizontal img {
  max-width: 100%;
}

h4.page--heading {
  font-size: 22px;
  font-family: 'poppinsmedium', sans-serif;
  margin-bottom: 20px;
  line-height: normal;
}

.housing--agencies-hd {
  width: 60%;
  float: left;
  font-size: 22px;
  font-family: 'poppinsmedium', sans-serif;
  margin-bottom: 20px;
}

.housing--agencies--seeall {
  width: 40%;
  float: right;
  text-align: right;
}

.housing--agencies--seeall a {
  font-family: 'poppinsmedium', sans-serif;
}

.housing--agencies--seeall a i {
  font-size: 18px;
  vertical-align: middle;
}

.housing--agencies--slider {
  margin-bottom: 30px;
}

.housing--agencies--card {
  border-radius: 6px;
  background-color: #ffffff;
  min-height: 140px;
  border: 1px solid #d9dadd;
  padding: 15px;
}

.housing--agencies-heading {
  width: 60%;
  float: left;
}

.housing--agencies-heading h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 5px;
}

.housing--agencies-subheading {
  font-size: 14px;
  color: #686868;
}

.housing--agencies--favshare {
  width: 40%;
  float: left;
  text-align: right;
}

.housing--agencies--favshare a {
  margin: 0 15px;
  font-size: 20px;
  color: #7a8b99;
}

.housing--agencies--favshare a:hover {
  color: #00a1df;
}

.housing--agencies--desc {
  width: 70%;
  float: left;
}

.housing--agencies--logo {
  width: 30%;
  float: right;
  text-align: right;
  padding-right: 10px;
}

.housing--agencies--logo img {
  width: auto !important;
  max-width: 100%;
  float: right;
}

.housing--agencies--desc {
  color: #6b6f81;
  font-size: 11px;
}

.housing--agencies--address {
  padding: 17px 0;
}

.housing--agencies--address i {
  color: #000;
  font-size: 13px;
  margin-right: 5px;
}

.housing--agencies--application {
  font-size: 12px;
}

.housing--agencies--application a {
  margin-left: 10px;
}

.green--dott {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  background: #529d3f;
  border-radius: 50%;
  margin-right: 5px;
}

.housing--agencies--slider .owl-theme .owl-nav [class*='owl-'] {
  background-color: #00a1df;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: block;
  font-size: 0;
}

.housing--agencies--slider .owl-theme .owl-nav [class*='owl-']:hover {
  background: #f9b501;
}

.housing--agencies--slider .owl-prev {
  position: absolute;
  top: 40px;
  left: -30px;
}

.housing--agencies--slider .owl-next {
  position: absolute;
  top: 40px;
  right: 0px;
}

.housing--agencies--slider .owl-prev:before {
  content: '';
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: 12px;
  margin-left: 5px;
}

.housing--agencies--slider .owl-next:before {
  content: '';
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-top: 12px;
  margin-right: 5px;
}

ul.tnresult--filter-list li a.reset--filter--link {
  border-color: #00a1df;
  color: #00a1df;
}

ul.tnresult--filter-list li a:hover.reset--filter--link {
  background: #00a1df;
  border-color: #007bab;
  color: #fff;
}

ul.tnresult--filter-list li a.current--selection {
  background: #00a1df;
  border-color: #007bab;
  color: #fff;
}

ul.tnresult--filter-list
  li
  a.filter--btns.current--selection
  span.morefilter-ico {
  background-position: 0 -10px;
}

ul.tnresult--filter-list li a.filter--btns span.morefilter-ico {
  width: 15px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  background: url(../../images/AffordableHousing/more-filter-icon.png) no-repeat
    0 0;
  margin-right: 10px;
}

ul.tnresult--filter-list li a.filter--btns:hover span.morefilter-ico {
  background-position: 0 -10px;
}

.tnresult--filter--dropdown {
  background: #fff;
  position: absolute;
  top: 52px;
  left: 0;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 358px;
  padding: 15px 10px;
  z-index: 11;
  border-radius: 6px;
}

.tnresult--filter--dropdown:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  display: block;
  position: absolute;
  top: -10px;
  left: 10px;
}

ul.tnresult--filter-list li.more--filters a.filter--btns {
  position: relative;
}

ul.tnresult--filter-list li.more--filters a.filter--btns em {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  display: block;
  position: absolute;
  bottom: -16px;
  left: 45px;
  z-index: 12;
  display: none;
}

.rent--range--cnt {
  margin-bottom: 20px;
  font-family: 'poppinssemibold', sans-serif;
}

.price--small--txt {
  font-size: 11px;
}

.price--dropdown .custom--radio,
.price--dropdown .custom--checkbox,
.affordability--dropdown--mobile .custom--checkbox {
  font-family: 'poppinssemibold', sans-serif;
}

.price--slider {
  position: relative;
  margin: 10px 0;
}

.price--slider img {
  max-width: 100%;
}

/* For Slider handler overlapping - START */
.price--slider span:nth-child(2),
.squareFeet--slider span:nth-child(2) {
  margin-left: -18px !important;
}

.price--slider span:nth-child(3),
.squareFeet--slider span:nth-child(3) {
  margin-left: 0px !important;
}

.price--slider.price--slider--left span:nth-child(2),
.squareFeet--slider.price--slider--left span:nth-child(2) {
  margin-left: -9px !important;
}

.price--slider.price--slider--minmax span:nth-child(2),
.squareFeet--slider.price--slider--minmax span:nth-child(2) {
  margin-left: -27px !important;
}

.price--slider.price--slider--right span:nth-child(3),
.squareFeet--slider.price--slider--right span:nth-child(3) {
  margin-left: -9px !important;
}

.price--slider.price--slider--maxmin span:nth-child(3),
.squareFeet--slider.price--slider--maxmin span:nth-child(3) {
  margin-left: 9px !important;
}
/* For Slider handler overlapping - END */

.price--min--max {
  margin: 15px 0;
}

.price--box {
  width: 120px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.price--dash {
  width: 6%;
  display: inline-block;
  text-align: center;
  font-family: 'poppinssemibold', sans-serif;
  line-height: 35px;
  vertical-align: middle;
  font-size: 20px;
}

.price--box input {
  width: 100%;
  padding-left: 22px;
  font-size: 14px;
}

.left--label--fixed {
  position: absolute;
  top: 8px;
  left: 10px;
  opacity: 0.7;
  font-size: 16px;
}

.affordability--search {
  position: relative;
}

.affordability--search.disabled {
  opacity: 0.7;
  background: none !important;
}

.affordability--search.disabled .radiobtn--custom {
  font-size: 18px;
  font-family: 'poppinssemibold', sans-serif;
}

ul.price--search--filter {
  margin: 0;
  padding: 0;
}

ul.price--search--filter li {
  margin-top: 5px;
  display: block;
  margin-left: 0;
  overflow: hidden;
}

.price--search--l {
  width: 62%;
  float: left;
  font-size: 14px;
  font-family: 'poppinsmedium', sans-serif;
  line-height: 36px;
}

.price--search--l img {
  vertical-align: middle;
}

.price--search--r {
  width: 38%;
  float: left;
  position: relative;
  padding-left: 1px;
  padding-right: 1px;
}

.price--search--r input {
  padding-left: 25px;
  font-size: 14px;
  color: #303e48;
}

.price--search--r select {
  padding-left: 10px;
  font-size: 14px;
  color: #303e48;
}

.affordability--search.disabled .price--search--r .radiobtn--custom {
  font-size: 14px;
  font-weight: 400;
}

.calculator-icon {
  position: absolute;
  top: 10px;
  right: 10px;
}

.qty--cnt {
  margin: 0 10px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}

a.minus--sign {
  width: 30px;
  height: 34px;
  display: inline-block;
  border-right: 1px solid #c6d1dc;
  text-align: center;
  line-height: 34px;
  color: #82919e;
  font-family: 'poppinssemibold', sans-serif;
  font-size: 18px;
  letter-spacing: -4px;
  position: absolute;
  top: 1px;
  left: 2px;
  background: #edeff1;
}

a.plus--sign {
  width: 30px;
  height: 34px;
  display: inline-block;
  border-left: 1px solid #c6d1dc;
  text-align: center;
  line-height: 34px;
  color: #82919e;
  font-family: 'poppinssemibold', sans-serif;
  font-size: 18px;
  letter-spacing: -2px;
  position: absolute;
  top: 1px;
  right: 2px;
  background: #edeff1;
}

ul.filter--dropdown--list {
  padding: 0;
  margin: 0;
}

ul.filter--dropdown--list li {
  margin-left: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}

ul.filter--dropdown--list li:last-child {
  margin-right: 0;
}

ul.filter--dropdown--list li a {
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  color: #303e48;
  border-radius: 3px;
  border: 1px solid #c6d0dc;
}

ul.filter--dropdown--list li a:hover,
ul.filter--dropdown--list li a.active {
  border: 1px solid #007bab;
  background: #00a1df;
  color: #ffffff;
}

ul.filter--dropdown--list li a.inActive {
  border: 1px solid #c6d0dc;
  background: #ffffff;
  color: #303e48;
}

.propertytype--dropdown ul.filter--dropdown--list li {
  width: 48%;
  padding: 5px 0;
}

#footerControlDiv {
  display: none;
}

.pagecontainer {
  padding-bottom: 0 !important;
}

.mobileonly {
  display: none !important;
}

.mobile--filter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 99;
  border-top: 1px solid #d7dee4;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

ul.footer--filter--list {
  margin: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #d7dee4;
}

ul.footer--filter--list li {
  list-style-type: none;
  padding: 0;
}

ul.footer--filter--list li img {
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
}

ul.footer--filter--list li a {
  display: block;
  padding: 10px 5px;
  font-size: 12px;
  color: #303e48;
}

ul.footer--filter--list li a .active svg g#Group path {
  fill: #00a1df;
}

ul.footer--filter--list li a .active {
  color: #00a1df;
}

.mobileonly.mobile--filter i.far.fa-heart {
  font-size: 25px;
  color: #303030;
}

.mobileonly.mobile--filter i.fas.fa-heart {
  font-size: 25px;
  color: #b30000;
}

.hide {
  display: none !important;
}

.filter--close {
  position: fixed;
  right: 15px;
  top: 17px;
  width: 32px;
  height: 32px;
  opacity: 1;
  cursor: pointer;
}

.filter--close:hover {
  opacity: 0.7;
}

.filter--close:before,
.filter--close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 22px;
  width: 3px;
  background-color: #ffffff;
}

.filter--close:before {
  transform: rotate(45deg);
}

.filter--close:after {
  transform: rotate(-45deg);
}

.filter--details--heading {
  background: #00a1df;
  min-height: 50px;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 40px 15px 15px;
  z-index: 9;
  display: flex;
  justify-content: space-between;
}

.filter--details--middle {
  margin-top: 50px;
  display: none;
}

.filter--details--footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  border-top: 1px solid #d7dee4;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  background: #ffffff;
  z-index: 100;
}

.savesearch--btn {
  /*border: 1px solid #00A1DF;
    border-radius: 3px;*/
  display: inline-block;
  text-align: center;
  font-size: 14px;
  color: #00a1df;
  padding: 7px 10px;
  line-height: normal;
}

.morefilters--dropdown .savesearch--btn {
  vertical-align: top;
  padding: 5px 10px 6px;
}

.filter--dropdown--menu a.m--right {
  margin-right: 5px;
}

.savesearch--btn:hover {
  background: transparent !important;
  color: #00a1df !important;
  border-color: transparent !important;
}

.savesearch--btn:hover .custom--checkbox input:checked ~ .checkmark {
  background-color: #00a1df;
}

.savesearch--btn:hover .custom--checkbox .checkmark:after {
  border-color: #ffffff;
}

.savesearch--btn:hover .custom--checkbox .checkmark {
  background-color: #ffffff;
}

.savesearch--btn:hover label {
  color: #00a1df;
}

.savesearch--btn .custom--checkbox {
  margin-bottom: 0;
  font-size: 14px;
  color: #00a1df;
}

a.resetfilters--link {
  font-size: 16px;
  font-family: 'poppinsmedium', sans-serif;
  margin-right: 10px;
  color: #00a1df;
}

a.resetfilters--link:hover {
  color: #f9b501;
}

h2.filter--heading {
  font-size: 18px;
  font-family: 'poppinssemibold', sans-serif;
  margin-bottom: 10px;
  position: relative;
}

.header--ad {
  display: block !important;
}

.records--count--text {
  clear: both;
  text-align: center;
  padding-top: 10px;
  font-size: 16px;
}

.tnresult--map.active-filter-line1 {
  height: calc(100vh - 285px);
}

.tnresult--listing--card.active-filter-line1 {
  height: calc(100vh - 394px);
}

.tnresult--map.active-filter-line2 {
  height: calc(100vh - 327px);
}

.tnresult--listing--card.active-filter-line2 {
  height: calc(100vh - 435px);
}

.tnresult--map.active-filter-line3 {
  height: calc(100vh - 365px);
}

.tnresult--listing--card.active-filter-line3 {
  height: calc(100vh - 477px);
}

.owner-body .tnresult--map.active-filter-line1 {
  height: calc(100vh - 180px);
}

.owner-body .tnresult--listing--card.active-filter-line1 {
  height: calc(100vh - 295px);
}


#header.tnresult--noad {
  display: none !important;
}

.tnresult--middle.tnresult--noad {
  padding: 0 !important;
}

.tnresult--map.tnresult--noad {
  height: calc(100vh - 55px);
}

.tnresult--map.tnresult--noad.active-filter-line1 {
  height: calc(100vh - 105px);
}

.tnresult--map.tnresult--noad.active-filter-line2 {
  height: calc(100vh - 147px);
}

.tnresult--map.tnresult--noad.active-filter-line3 {
  height: calc(100vh - 189px);
}

.tnresult--listing--card.tnresult--noad {
  height: calc(100vh - 162px);
}

.tnresult--listing--card.tnresult--noad.active-filter-line1 {
  height: calc(100vh - 211px);
}

.tnresult--listing--card.tnresult--noad.active-filter-line2 {
  height: calc(100vh - 253px);
}

.tnresult--listing--card.tnresult--noad.active-filter-line3 {
  height: calc(100vh - 295px);
}

/* Tnresults No Matching */
.tnresult--nomatching {
  max-width: 525px;
  margin: 50px auto 30px;
  background: url(../../images/AffordableHousing/noresults-bg.png) no-repeat
    bottom -50px left #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 30px 20px;
}

.tnresult--nomatching--icon {
  width: 70px;
  float: left;
  margin-right: 15px;
}

.tnresult--nomatching--text {
  width: calc(100% - 85px);
  float: left;
  padding-top: 10px;
}

.nomatcing--bluetxt {
  font-size: 16px;
  font-weight: 500;
  color: #00a1df;
  display: block;
  margin-bottom: 7px;
}

.property--comment {
  font-size: 12px;
  font-family: 'poppinsmedium', sans-serif;
  cursor: default;
  padding: 0 10px 10px;
  word-break: break-word;
  min-height: 50px;
}

.property--comment--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  line-height: 20px;
  font-family: 'poppinsmedium', sans-serif;
  cursor: default;
  word-break: break-all;
}

.property--overlay--close {
  text-align: right;
}

.property--overlay--close a i {
  font-size: 14px;
  color: #848484;
}

.property--overlay--close a:hover i {
  color: #303e48;
}

.filter--selection--cnt {
  padding: 0px 10px 0px 10px;
  max-height: 133px;
  background: #fff;
  box-shadow: 0 0 1px 0 rgba(78, 78, 78, 0.3),
    0 2px 4px -2px rgba(78, 78, 78, 0.3);
  overflow: auto;
}

.filter--selection--cnt .filter--selection--active {
  padding-bottom: 7px;
}

.filter--selected--value {
  background: rgba(0, 161, 223, 0.05);
  border: 1px solid rgba(0, 161, 223, 0.3);
  padding: 0 10px;
  margin: 7px 7px 0 0;
  display: inline-block;
  vertical-align: middle;
  border-radius: 3px;
  height: 33px;
  line-height: 33px;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}

.filter--selected--value i {
  margin-left: 5px;
}

.filter--selected--value a {
  color: #848484;
}

.filter--selected--value a:hover {
  color: #303e48;
}

.filter--dropdown--menu {
  margin-top: 15px;
}

a.filter--secondary--btn {
  background: #edeff1;
  border: 1px solid #d6d6d6;
  color: #303e48;
  height: 33px;
  line-height: 33px;
  padding: 0 10px;
  border-radius: 3px;
  display: inline-block;
}

a.filter--secondary--btn:hover {
  background: #fff !important;
  border-color: #d6d6d6 !important;
  color: #303e48 !important;
}

a.filter--primary--btn {
  background: #00a1df;
  border: 1px solid #007bab;
  color: #ffffff;
  height: 33px;
  line-height: 33px;
  padding: 0 10px;
  border-radius: 3px;
  display: inline-block;
}

a.filter--primary--btn:hover {
  background: #007bab !important;
  border-color: #007bab !important;
}

.tnresult--filter--dropdown.propertytype--dropdown {
  width: 405px;
}

.tnresult--filter--dropdown.price--dropdown,
.tnresult--filter--dropdown.affordability--dropdown {
  width: 465px;
}

.propertytype--dropdown .custom--checkbox {
  margin-bottom: 0;
}

a.reset--filters--link {
  text-decoration: underline;
  color: #fff;
}

a:hover.reset--filters--link {
  text-decoration: none;
}

a.reset-link {
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: -25px;
}

.price--slider {
  background: #dbdbdb;
  height: 8px;
  border-radius: 30px;
  position: relative;
}

.price--slider--selection {
  background: #00a1df;
  height: 8px;
  border-radius: 30px;
  width: 100%;
  display: block;
  position: relative;
}

.drag--min {
  position: absolute;
  top: -5px;
  left: 0;
  background: #fff;
  border: 2px solid #00a1df;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}

.drag--max {
  position: absolute;
  top: -5px;
  right: 0;
  background: #fff;
  border: 2px solid #00a1df;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2;
}

.price--filter--inner .ui-slider-horizontal .ui-slider-handle {
  width: 14px;
  height: 14px;
  border: 2px solid #00a1df !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 0 !important;
  top: -6px;
  border-radius: 50%;
  -webkit-overflow-scrolling: touch;
}

.price--filter--inner {
  padding: 5px 7px 0;
}

.price--filter--inner .ui-slider-horizontal .ui-slider-handle.ui-state-active {
  border-color: #fff !important;
}

.dollar--sign {
  font-size: 16px;
  color: #848484;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 10px;
}

ul.tnresult--filter-list li.more--filters {
  position: inherit;
}

ul.tnresult--filter-list li.more--filters .tnresult--filter--dropdown {
  width: 1270px;
  margin: auto;
  top: 57px;
  left: 0;
  right: 0;
}

ul.tnresult--filter-list li.more--filters .tnresult--filter--dropdown:before {
  display: none;
}

.tnresult--morefilter--details {
  width: 75%;
  float: left;
}

.tnresult--morefilter--details--right {
  width: 24%;
  float: left;
  border-left: 1px solid #c6d0dc;
  margin-left: 10px;
}

.no--border {
  border: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.tnresult--morefilter--row ul li {
  width: 50%;
  float: left;
  margin-right: 0;
  padding-right: 2px;
  box-sizing: border-box;
}

.tnresult--morefilter--row h3 {
  position: relative;
  font-size: 16px;
  margin-bottom: 12px;
  font-family: 'poppinssemibold', sans-serif;
}

.tnresult--morefilter--row .price--min--max {
  margin: 15px 0 0;
}

.square--feet--filter .ui-slider-horizontal {
  border-radius: 30px;
  height: 8px;
  background: #dbdbdb;
}

.square--feet--filter .price--filter--inner {
  padding: 0;
}

.square--feet--filter .price--box input {
  padding-left: 10px;
}

.tnresult--morefilter--row ul li.strike--through--item label,
ul.morefilter--dropdown--list li.strike--through--item label {
  opacity: 0.5;
  text-decoration: line-through;
}

.more--filter--info {
  position: absolute;
  top: 0;
  right: 0;
}

.income--restricted--info {
  top: 5px;
}

.tnresult--morefilter--left {
  width: 45%;
  float: left;
  padding: 0 10px;
}

.tnresult--morefilter--right {
  padding: 0 10px;
}

.affordability--search--cnt {
  font-size: 12px;
  font-style: italic;
  margin-top: 10px;
  color: #303e48;
}

.affordability--search--cnt i.ic--go8--badge {
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
}

.tnresult--morefilter--searchkeyword {
  border-top: 1px solid #c6d0dc;
  margin: 10px 0 0 10px;
  padding-top: 10px;
}

ul.filter--accessibility li {
  width: 100%;
  float: none;
  padding-right: 0;
  margin-bottom: 10px;
}

ul.filter--accessibility li em,
.morefilter--keyword--input em {
  opacity: 0.6;
  font-size: 11px;
  display: block;
  margin-top: 3px;
  margin-left: 25px;
}

ul.filter--accessibility li .custom--checkbox {
  margin-bottom: 0;
}

.tnresult--keyword-left {
  width: 44.5%;
  float: left;
  padding-right: 1.5%;
}

.tnresult--keyword-right {
  width: 52%;
  max-height: 85px;
  float: right;
  overflow: auto;
}

.morefilter--keyword--input {
  position: relative;
}

.morefilter--keyword--input input {
  width: 100%;
}

.morefilter--keyword--addlink {
  position: absolute;
  top: 1px;
  right: 1px;
  text-transform: uppercase;
  height: 34px;
  padding: 0 10px;
  line-height: 34px;
}

.morefilter--keyword--addlink:hover,
.tnresult--keyword-right a:hover,
.morefilter--keyword--addlink:focus {
  background: #cad1d6 !important;
  color: #00a1df !important;
}

.morefilter--keyword--addlink.disabled,
.morefilter--keyword--addlink.disabled:hover {
  opacity: 0.4 !important;
  color: #303e48 !important;
  cursor: default !important;
  background: none !important;
}

.morefilter--keyword--input em {
  margin-left: 0;
}

.ic--wheelchair {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-right: 0;
  vertical-align: middle;
  margin-top: 1px;
  background-color: #00a1df;
  border-radius: 50%;
  color: #fff !important;
  font-size: 14px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.tnresult--keyword-right .filter--selected--value {
  margin: 3px;
}

.more--filter--btn {
  margin: 20px 0;
}

.more--filter--btn a {
  height: 40px;
  line-height: 40px;
  border: 1px solid #00a1df;
  border-radius: 4px;
  text-align: center;
  font-family: 'poppinsmedium', sans-serif;
  display: block;
}

ul.morefilter--dropdown--list li {
  width: 48%;
  position: relative;
}

.tnresult--keyword-results {
  margin-top: 10px;
}

.tnresult--morefilter--amenities {
  width: 55%;
  float: left;
  border-right: 1px solid #c6d0dc;
  padding: 0 10px;
}

.square--feet--filter {
  border-bottom: 1px solid #c6d0dc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.square--feet--filter h3 {
  margin-bottom: 20px;
}

.accessibility--text {
  font-size: 12px;
  margin-top: 5px;
}

.savesearch--btn .fa-heart {
  font-size: 18px;
  vertical-align: middle;
}

.savesearch--btn .fas.fa-heart {
  font-size: 18px;
  vertical-align: bottom;
  color: #b30000;
}

.family-size-count {
  border: 1px solid #c6d1dc;
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
  height: 36px;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  padding: 0 30px;
}

.price-calc {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #00a1df;
  cursor: pointer;
  font-size: 18px;
}

.price-calc:hover i {
  color: #303e48;
}

.household--income {
  text-align: right;
}

.voucher--select {
  padding-top: 6px;
}

.freq--radio {
  display: inline-block;
  vertical-align: middle;
}

.price--dropdown .freq--radio .custom--radio {
  font-family: 'poppinsregular', sans-serif;
  margin-right: 5px;
  font-size: 14px;
}

input.qty--cnt {
  border: none;
  padding: 0;
  margin: 0;
  height: auto;
  line-height: normal;
  width: 100%;
  text-align: center;
}

input.qty--cnt:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

.tnresults--popular--searches {
  padding: 0 10px 0 7px;
}

.housing--agencies--list .cmn--hdr h2 {
  flex: 2.5;
}

.housing--agencies--list .near-by-listing .featured-dtls-blk {
  min-height: 145px;
}

.tnrslts--hdr--ad {
  min-height: 90px;
}

.tnrslt--btm--ad {
  display: none;
}

/* AH skeleton anim */

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.ah-skeleton .skeleton-text-bar,
.ah-skeleton .skeleton-bar,
.ah-skeleton .home--featured-section .tnresult--card .tnresult--price,
.ah-skeleton .tnresult--bedbath-row,
.ah-skeleton .tnresult--propertyaddress,
.ah-skeleton .tnresult--price,
.ah-skeleton .tnresult--smallcard--details,
.ah-skeleton .property--comment span,
.ah-skeleton .tnresult--heading,
.ah-skeleton .tnresult--records,
.ah-skeleton .tnresult--img {
  background: #e9e9e9;
  background-image: linear-gradient(
    to right,
    #e9e9e9 0%,
    #dfe0e1 20%,
    #e9e9e9 40%,
    #e9e9e9 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
  border-radius: 4px;
}

.ah-skeleton .tnresult--price {
  font-size: 0;
  display: block;
  height: 20px;
  width: 70px;
}

.ah-skeleton .tnresult--smallcard--details {
  font-size: 0;
  display: block;
  height: 12px;
  width: 150px;
  margin-top: 5px;
}

.ah-skeleton .tnresult--smallcard--details span,
.ah-skeleton .tnresult--smallcard--details em {
  display: none;
}

.ah-skeleton .property--fav--share,
.ah-skeleton .property--card--top,
.ah-skeleton .property--card--bottom {
  display: none;
}

.ah-skeleton .property--comment {
  font-size: 0;
}

.ah-skeleton .property--comment span {
  font-size: 0;
  height: 16px;
  display: none;
}

.ah-skeleton .property--comment .show--tooltip {
  display: none;
}

.ah-skeleton .available--txt,
.ah-skeleton .voucher--cnt {
  display: none;
}

.ah-skeleton .tnresult--bedbath-row {
  height: 17px;
  text-indent: -9999px;
  width: 60%;
}

.ah-skeleton .tnresult--propertyaddress {
  height: 10px;
  text-indent: -9999px;
  width: 40%;
  min-height: inherit;
}

.ah-skeleton .tnresult--img {
  height: 250px;
  width: 100%;
  background: #f3f3f3;
  background-image: linear-gradient(
    to right,
    #f3f3f3 0%,
    #e9e9e9 20%,
    #f3f3f3 40%,
    #f3f3f3 100%
  );
  background-size: 800px 100%;
}

.ah-skeleton .dashboardcontents,
.ah-skeleton .featured-img img,
.ah-skeleton .tnresult--img img {
  display: none;
}

.ah-skeleton .tnresult--card {
  pointer-events: none;
  max-height: 360px;
  min-height: 360px;
}

.ah-skeleton .tnresult--heading {
  font-size: 0;
  height: 34px;
  width: 400px;
  display: block;
}

.ah-skeleton .tnresult--records {
  font-size: 0;
  height: 18px;
  display: block !important;
  width: 90px;
  margin: 5px 0 0;
}
/* AH skeleton anim */

.brandpage--body .tnresult--map {
  height: calc(100vh - 141px);
}

.brandpage--body .tnresult--map.active-filter-line1 {
  height: calc(100vh - 190px);
}

.brandpage--body .tnresult--map.active-filter-line2 {
  height: calc(100vh - 232px);
}

.brandpage--body .tnresult--map.active-filter-line3 {
  height: calc(100vh - 273px);
}

.brandpage--ad--toast .tnresult--listing--card {
  height: calc(100vh - 436px);
}

.brandpage--ad--toast .tnresult--listing--card.active-filter-line1 {
  height: calc(100vh - 484px);
}

.brandpage--ad--toast .tnresult--listing--card.active-filter-line2 {
  height: calc(100vh - 525px);
}

.brandpage--ad--toast .tnresult--listing--card.active-filter-line3 {
  height: calc(100vh - 567px);
}

.brandpage--noad--notoast .tnresult--listing--card {
  height: calc(100vh - 256px);
}

.brandpage--noad--notoast .tnresult--listing--card.active-filter-line1 {
  height: calc(100vh - 304px);
}

.brandpage--noad--notoast .tnresult--listing--card.active-filter-line2 {
  height: calc(100vh - 345px);
}

.brandpage--noad--notoast .tnresult--listing--card.active-filter-line3 {
  height: calc(100vh - 387px);
}

.brandpage--noad--toast .tnresult--listing--card {
  height: calc(100vh - 346px);
}

.brandpage--noad--toast .tnresult--listing--card.active-filter-line1 {
  height: calc(100vh - 394px);
}

.brandpage--noad--toast .tnresult--listing--card.active-filter-line2 {
  height: calc(100vh - 435px);
}

.brandpage--noad--toast .tnresult--listing--card.active-filter-line3 {
  height: calc(100vh - 477px);
}

/* Co branded CSS */
.banner--co--branded {
  padding: 8px 16px;
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(48, 62, 72, 0.2);
  display: flex;
  align-items: center;
  gap: 8px;
}

.brand--logo {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 4px;
  flex-shrink: 0;
  border: 1px solid #eaebec;
  border-radius: 4px;
}

.brand--logo img {
  max-width: 100%;
  max-height: 100%;
}

.brand--cont {
  width: calc(100% - 88px);
  color: #fff;
  flex-shrink: 0;
}

.brand--cont p {
  color: #303e48;
  font-size: 14px;
  font-family: 'poppinssemibold', sans-serif;
  line-height: 18px;
  margin: 0;
}

.has--cobranded .tnresult--listing--card {
  height: calc(100vh - 420px);
}

.has--cobranded .brandpage--body .tnresult--listing--card {
  height: calc(100vh - 330px);
}

.jurisdiction-toast.has--cobranded .tnresult--listing--card {
  height: calc(100vh - 437px);
}

@media all and (-ms-high-contrast: none) {
  .tnresult--map {
    height: calc(100vh - 257px);
  }

  .tnresult--map.active-filter-line1 {
    height: calc(100vh - 306px);
  }

  .tnresult--map.active-filter-line2 {
    height: calc(100vh - 348px);
  }

  .tnresult--map.active-filter-line3 {
    height: calc(100vh - 390px);
  }

  .tnresult--map.tnresult--noad {
    height: calc(100vh - 55px);
  }

  .tnresult--map.tnresult--noad.active-filter-line1 {
    height: calc(100vh - 104px);
  }

  .tnresult--map.tnresult--noad.active-filter-line2 {
    height: calc(100vh - 146px);
  }

  .tnresult--map.tnresult--noad.active-filter-line3 {
    height: calc(100vh - 188px);
  }
}

.map--address {
  cursor: pointer;
}

.map--area {
  height: 100% !important;
  width: 100% !important;
}

.mapmarker--pin {
  background: url(../../images/map/map-pin.svg) no-repeat center top;
  background-size: 100% !important;
  height: 30px;
  width: 20px;
  background-repeat: no-repeat;
  z-index: 7;
}

.mapmarker--pin--green {
  background-image: url(../../images/map/map-pin-green.svg);
}

.mapmarker--pin--gray {
  background-image: url(../../images/map/map-pin-gray.svg);
}

.mapmarker--pin--yellow {
  background-image: url(../../images/map/map-pin-yellow.svg);
}

.mapmarker--pin--red {
  background-image: url(../../images/map/map-pin-red.svg);
}

.mapmarker--pin--green .map--itemrange {
  border-color: #529d3f;
}

.mapmarker--pin--yellow .map--itemrange {
  border-color: #ffb500;
}

.mapmarker--pin--red .map--itemrange {
  border-color: #b7312c;
}

.mapmarker-init-size {
  height: 30px !important;
  width: 20px !important;
}

.mapmarker--dot {
  background: url(../../images/map/map-dot.svg) no-repeat center top;
  background-size: 100% !important;
  height: 30px !important;
  width: 20px !important;
  background-repeat: no-repeat;
  z-index: 9;
}

.mapmarker--dot--green {
  background-image: url(../../images/map/map-dot-green.svg);
}

.mapmarker--dot--yellow {
  background-image: url(../../images/map/map-dot-yellow.svg);
}

.mapmarker--dot--red {
  background-image: url(../../images/map/map-dot-red.svg);
}

.mapmarker--dot--gray {
  background-image: url(../../images/map/map-dot-gray.svg);
}

.mapmarker--dot--green .map--itemrange {
  border-color: #529d3f;
}

.mapmarker--dot--yellow .map--itemrange {
  border-color: #ffb500;
}

.mapmarker--dot--red .map--itemrange {
  border-color: #b7312c;
}

.mapmarker--school {
  background: url(../../images/map/map-school.svg) no-repeat center top;
  background-size: 100% !important;
  height: 35px !important;
  width: 25px !important;
  background-repeat: no-repeat;
  margin-left: 20px;
  z-index: 7;
}

.map--itemrange {
  width: auto;
  background-color: #fff;
  position: absolute;
  bottom: -15px;
  border: 1px solid #00a1df;
  border-radius: 30px;
  padding: 0px 5px;
  line-height: 16px;
  font-size: 10px;
  color: #303e48;
  z-index: 7;
  min-width: 50px;
  text-align: center;
  font-family: 'poppinssemibold', sans-serif;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.mapmarker--school .map--itemrange {
  border-color: #529d3f;
}

.mapmarker--dot:hover .map--itemrange,
.mapmarker--pin:hover .map--itemrange,
.mapmarker--school:hover .map--itemrange,
.mapmarker--pin-card-h .map--itemrange,
.mapmarker--dot-card-h .map--itemrange,
.mapmarker--school-card-h .map--itemrange,
.mapmarker--dot-h .map--itemrange,
.mapmarker--pin-h .map--itemrange {
  background-color: #ff6b36;
  color: #fff;
  border: 1px solid #ffffff;
  cursor: pointer;
}
/*
.mapmarker--dot-card-h .map--itemrange, .mapmarker--dot-h .map--itemrange, .mapmarker--pin-card-h .map--itemrange, .mapmarker--pin-h .map--itemrange, .mapmarker--school-card-h .map--itemrange {
    background-color: #ff6B36;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    border: 1px solid #ffffff;
    bottom: -21px;
    cursor:pointer;
}*/

.mapmarker--dot:hover {
  background: url(../../images/map/map-dot-h.svg) no-repeat center top !important;
  height: 30px !important;
  width: 20px !important;
  z-index: 89;
  cursor: pointer;
  background-size: 100% !important;
}

.mapmarker--school:hover {
  background: url(../../images/map/map-school-h.svg) no-repeat center top !important;
  height: 35px !important;
  width: 25px !important;
  z-index: 990 !important;
  cursor: pointer;
  background-size: 100% !important;
}

.mapmarker--pin:hover {
  background: url(../../images/map/map-pin-h.svg) no-repeat center top !important;
  height: 30px !important;
  width: 20px !important;
  z-index: 89;
  cursor: pointer;
  background-size: 100% !important;
}

.mapmarker--dot-h,
.mapmarker--dot-card-h,
.mapmarker--dot-card-h:hover {
  background: url(../../images/map/map-dot-h.svg) no-repeat center top !important;
  height: 30px !important;
  width: 20px !important;
  z-index: 990 !important;
  cursor: pointer;
  background-size: 100% !important;
}

.mapmarker--school-h,
.mapmarker--school-card-h,
.mapmarker--school-card-h:hover {
  background: url(../../images/map/map-school-h.svg) no-repeat center top !important;
  height: 35px !important;
  width: 25px !important;
  z-index: 990 !important;
  cursor: pointer;
  background-size: 100% !important;
}

.mapmarker--pin-h,
.mapmarker--pin-card-h,
.mapmarker--pin-card-h:hover {
  background: url(../../images/map/map-pin-h.svg) no-repeat center top !important;
  height: 30px !important;
  width: 20px !important;
  z-index: 12;
  cursor: pointer;
  background-size: 100% !important;
}

.mapboxgl-popup {
  max-width: inherit !important;
  z-index: 990;
}

.mapboxgl-popup-content {
  background: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}

.mapboxgl-popup-tip {
  display: none;
}

.mapboxgl-popup-close-button,
.map-tooltip.closable .close {
  width: 24px !important;
  height: 24px !important;
  line-height: 26px;
  background: #303e48 !important;
  border-radius: 50% !important;
  text-align: center;
  color: #fff !important;
  font-size: 18px;
  text-indent: 0 !important;
  opacity: 1 !important;
  font-family: 'poppinsmedium', sans-serif;
  padding: 0 !important;
}

.mapboxgl-popup-close-button:hover {
  background: #00a1df !important;
  color: #fff;
}

.tnresult--map .map {
  margin: 0 !important;
  z-index: 2 !important;
}

.tnresult--middle .mbl-menu-searchbar {
  color: #00a1df;
  float: left;
  margin: 7px 10px 5px 5px;
  display: none;
}

.satellite-view-icon {
  position: absolute;
  right: 10px;
  top: 96px;
  background: url(../../images/AffordableHousing/satellite-map-view-icon.png)
    no-repeat 0 0 #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  z-index: 90;
  cursor: pointer;
  border: 1px solid #fff;
}

.satellite-view-icon.active {
  background: url(../../images/AffordableHousing/satellite-map-view-icon.png)
    no-repeat 0 -40px #ffffff;
}

.satellite-view-icon span {
  background: url(../../images/AffordableHousing/satellite-view-icon.svg)
    no-repeat 0 0;
  width: 22px;
  height: 22px;
  display: block;
  background-size: 100%;
  display: none;
}

.satellite-view-icon.active span {
  background: url(../../images/AffordableHousing/satellite-view-icon-h.svg)
    no-repeat 0 0;
  background-size: 100%;
  display: none;
}

.drawing--icon {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  padding: 9px;
  height: 38px;
  z-index: 8;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  min-width: 140px;
}

.drawing--icon:hover {
  background: #edeff1;
  color: #00a1df;
}

.drawing--icon.active {
  background: #00a1df;
  color: #fff;
}

.erase--icon {
  position: absolute;
  right: 10px;
  top: 188px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  padding: 9px;
  width: 40px;
  height: 40px;
  z-index: 90;
  cursor: pointer;
}

.erase--icon:hover {
  background: #edeff1;
}

.erase--icon span {
  background: url(../../images/AffordableHousing/erase-icon.svg) no-repeat 0 0;
  width: 22px;
  height: 24px;
  display: block;
  background-size: 100%;
}

.erase--icon.active span {
  background: url(../../images/AffordableHousing/erase-icon-h.svg) no-repeat 0 0;
  background-size: 100%;
}

.show--tooltip {
  text-transform: uppercase;
}

/* Mapbox Listing Card */
.mapbox--listing--main {
  display: block;
  background: #edeff1;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  width: 350px;
  padding: 10px 5px;
}

.mapbox--listing--main .mapbox--listing--premium--first {
  max-height: 330px;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.mapbox--listing--main .mapbox--listing--basic--first {
  max-height: 120px;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.mapbox--listing--main .premium--card .tnresult--img img {
  height: 200px;
}

.mapbox--listing--main .premium--card .tnresult--communityname {
  border-radius: 4px 4px 0 0;
  padding: 3px 5px;
  font-size: 10px;
}

.mapbox--listing--main .premium--card .tnresult--img {
  max-height: 200px;
  min-height: 200px;
}

.mapbox--listing--main .premium--card .property--tag {
  font-size: 9px;
  padding: 1px 5px 0;
}

.mapbox--listing--main .premium--card .featured--tag {
  margin-top: 7px;
  margin-left: 7px;
}

.mapbox--listing--main .premium--card .property--fav--share {
  margin-right: 7px;
  margin-top: 7px;
}

.mapbox--listing--main .premium--card .property--fav--share a {
  width: 24px;
  height: 20px;
  background-size: 100%;
}

.mapbox--listing--main .premium--card .property--card--bottom {
  padding: 55px 5px 5px;
}

.mapbox--listing--main .premium--card .tnresult--propertytype,
.mapbox--listing--main .premium--card .property--photo--count {
  font-size: 10px;
}

.mapbox--listing--main .premium--card .property--photo--icon {
  width: 16px;
  height: 16px;
  background-size: 100%;
}

.mapbox--listing--main .premium--card .tnresult--card--inner {
  padding: 5px 5px 0;
}

.mapbox--listing--main .premium--card .tnresult--price {
  font-size: 13px;
  margin-bottom: 0px;
}

.mapbox--listing--main .premium--card .tnresult--bedbath,
.mapbox--listing--main .premium--card .tnresult--bedbath-row em {
  font-size: 11px;
}

.mapbox--listing--main .premium--card .tnresult--bedbath-row {
  margin-bottom: 2px;
}

.mapbox--listing--main .premium--card .tnresult--propertyaddress {
  line-height: 16px;
  font-size: 11px;
}

.mapbox--listing--main .premium--card .ic--go8--badge {
  width: 18px;
  height: 18px;
  margin-left: 3px !important;
}

.mapbox--listing--main .premium--card .property--comment {
  padding: 0 5px 3px;
  line-height: 14px;
  font-size: 10px;
  min-height: inherit;
}

.mapbox--listing--main .premium--card .show--tooltip {
  font-size: 10px;
}

.mapbox--listing--main .mapresult--card {
  font-family: poppinsregular, sans-serif;
  margin: 0px 5px 10px 5px;
  background: #ffffff;
  border-radius: 4px;
}

.mapbox--listing--main .mapresult--card .property--tag {
  font-size: 10px;
}

.mapbox--listing--main .mapresult--card:last-child {
  margin-bottom: 0px !important;
}

.mapbox--listing--main .mapresult--card.tnresult--small--card {
  width: auto;
  margin: 0px 5px 10px 5px;
  float: none;
  background: none;
  box-shadow: none;
  min-height: inherit;
  max-height: inherit;
  background: #ffffff;
}

.mapbox--listing--main
  .mapresult--card.tnresult--small--card
  .tnresult--img
  img {
  height: 80px;
}

.mapbox--listing--main .mapresult--card.tnresult--small--card .tnresult--img {
  min-height: 80px;
  max-height: 80px;
}

.mapbox--listing--main .mapresult--card.tnresult--small--card .tnresult--img {
  width: 100px;
}

.mapbox--listing--main
  .mapresult--card.tnresult--small--card
  .tnresult--smallcard-desc {
  width: calc(100% - 100px);
  padding-top: 0;
}

.mapbox--listing--main
  .mapresult--card.tnresult--small--card
  .property--fav--share
  a,
.mapbox--listing--main
  .mapresult--card.tnresult--small--card
  .property--fav--share
  a:hover {
  width: 20px;
  height: 16px;
}

.mapbox--listing--main
  .mapresult--card.tnresult--small--card
  .tnresult--communityname {
  padding: 2px 5px 0;
  font-size: 11px;
  line-height: normal;
}

.mapbox--listing--main
  .mapresult--card.tnresult--small--card
  .tnresult--card--inner {
  padding: 0 5px 0;
}

.mapbox--listing--main
  .mapresult--card.tnresult--small--card
  .tnresult--propertyaddress {
  font-size: 10px;
  min-height: 27px;
  line-height: 12px;
}

.mapbox--listing--main .mapbox--card--close {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 22px;
  height: 22px;
  line-height: 24px;
  background: #303e48;
  border-radius: 50%;
  z-index: 100;
  text-align: center;
  color: #fff;
  font-size: 13px;
  display: none;
}

.mapbox--listing--main .mapbox--card--close:hover {
  background: #00a1df;
  color: #fff;
}

.mapbox--listing--main
  .mapresult--card.tnresult--small--card
  .property--card--bottom {
  min-height: 50px;
}

.mapbox--listing--main .property--comment--overlay {
  font-size: 10px;
  line-height: 16px;
  padding: 10px;
}

.mapbox--listing--main .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.mapbox--listing--main .mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}

.mapbox--listing--main .tnresult--propertyaddress {
  min-height: inherit;
  margin-bottom: 3px;
}

.mapbox--listing--main .available--txt {
  font-size: 10px;
  width: auto;
}

.mapbox--listing--main.basic--listing--map {
  margin-bottom: -22px;
}

.mapbox--listing--main .tnresult--small--card .tnresult--propertytype {
  font-size: 8px;
  line-height: 11px;
  letter-spacing: 0.5px;
  text-align: right;
}

.tnresult--conduct--search {
  width: 816px;
  float: left;
}

.tnresult--conduct--search--mobile {
  margin: 0 auto;
  float: none;
  margin-bottom: 10px;
  width: auto;
}

.loading--overlay {
  left: 0;
  right: 60%;
  margin: auto;
  top: 55%;
  width: 85px;
  height: 85px;
  display: block;
}

.ah--loading {
  width: 60px;
  height: 60px;
  margin: auto;
  margin-top: 13px;
}

.disabledMap {
  pointer-events: none;
  filter: blur(1px);
  -webkit-filter: blur(1px);
}

#layers-options {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#layers-options .layer-option-image {
  width: 64px;
  height: 64px;
  border-radius: 4px;
}

#layers-options li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px;
  font-size: 10px;
  line-height: 15px;
  cursor: pointer;
  border-radius: 4px;
}

#layers-options li:hover {
  background-color: rgba(0, 157, 219, 0.1);
}

#layers-options li.active {
  background-color: rgba(0, 157, 219, 0.1);
  border: 1px solid rgba(0, 157, 219, 1);
}

.layer-option-caption {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}

.layers--layer--info {
  background: #fff;
  color: #303e48;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  padding: 10px;
  z-index: 8;
  cursor: pointer;
  font-size: 14px;
  height: 38px;
  min-width: 109px;
}

.layers--layer--info.dropdown-open {
  width: 100%;
  max-width: 348px;
  height: fit-content;
}

.layers--layer--info.dropdown-open i.fa-chevron-down {
  transform: rotate(180deg);
}

.layers-layer-dropdown-control {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.layers--tutorial {
  position: absolute;
  top: 78px;
  right: 103px;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  background-color: rgba(0, 157, 219, 1);
  color: white;
  width: 480px;
  border-radius: 4px;
}

.layers--tutorial:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-bottom-color: rgba(0, 157, 219, 1);
  border-top: 0;
  margin-left: -12px;
  margin-top: -12px;
}

.layers--tutorial h4 {
  font-family: 'poppinssemibold';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}

.layers--tutorial-text {
  display: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.layers--tutorial-buttons {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 14px;
}

.layers--tutorial-button {
  display: flex;
  height: 45px;
  padding: 10px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  text-align: center;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}

.layers--tutorial-button.button-light {
  font-size: 18px;
  background-color: #ffffff;
  color: rgba(0, 157, 219, 1);
}

.layers--tutorial-button.button-dark {
  font-size: 16px;
}

.layers-layer-dropdown-control .dropdown-icon {
  height: 20px;
  width: 20px;
  margin-bottom: -6px;
}

.school--layer--info {
  background: #fff;
  color: #303e48;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  padding: 10px;
  z-index: 8;
  cursor: pointer;
  font-size: 14px;
  height: 38px;
  display: flex !important;
  align-items: center;
}

.school--layer--info::selection,
.layers--layer--info::selection {
  background: transparent;
  color: #303e48;
}

.school--layer--info:hover::selection,
.layers--layer--info:hover::selection {
  background: transparent;
  color: #00a1df;
}

.school--layer--info:hover,
.layers--layer--info:not(.dropdown-open):hover {
  color: #00a1df;
  background: #edeff1;
}

.layers--layer--info:not(.dropdown-open):hover .dropdown-icon {
  filter: invert(55%) sepia(90%) saturate(4244%) hue-rotate(168deg)
    brightness(99%) contrast(101%);
}

.map--legends {
  position: absolute;
  left: 15px;
  top: 15px;
  background: #fff;
  color: #303e48;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  padding: 10px;
  z-index: 8;
  cursor: pointer;
  font-size: 14px;
}

.school--layer--info::selection,
.map--legends::selection {
  background: transparent;
  color: #303e48;
}

.school--layer--info:hover::selection,
.map--legends:hover::selection {
  background: transparent;
  color: #00a1df;
}

.school--layer--info:hover,
.map--legends:hover {
  color: #00a1df;
  background: #edeff1;
}

.school--callout-hide {
  display: none;
}

.school--layer--info.active {
  color: #ffffff;
  background: #00a1df;
}

.school--layer--info span {
  width: 22px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  background: url(../../images/AffordableHousing/school-icon.png) no-repeat 0 0;
  background-size: 100%;
  margin-right: 3px;
}

.school--layer--info:hover span {
  background-position: 0 -18px;
}

.school--layer--info.active span {
  background-position: 0 -36px;
}

.school--layer--info a {
  margin-left: 5px;
  color: #848484 !important;
}

.school--layer--info a:hover {
  color: #303e48 !important;
}

.school--layer--info i.fa {
  margin-left: 8px;
}

.school--layer--info.dropdown-open i.fa {
  transform: rotate(180deg);
}

.mapboxgl-map {
  font-family: 'poppinsregular', sans-serif !important;
  font-size: 14px;
  color: #303e48 !important;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 16px;
}

.mapboxgl-ctrl-attrib {
  display: none;
}

.zindex--hide {
  z-index: -1 !important;
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  z-index: 998 !important;
}

.drawing--cursor .mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: url('../../images/AffordableHousing/cursor-draw.png'), auto !important;
}

.mapmarker--ha {
  background: url(../../images/map/map-ha.svg) no-repeat center top;
  background-size: 100% !important;
  height: 35px;
  width: 25px;
  background-repeat: no-repeat;
  z-index: 7;
}

.mapmarker--ha:hover {
  background: url(../../images/map/map-ha-h.svg) no-repeat center top !important;
  height: 35px !important;
  width: 25px !important;
  z-index: 990 !important;
  background-size: 100% !important;
}

.mapmarker--ha-h,
.mapmarker--ha-card-h,
.mapmarker--ha-card-h:hover {
  background: url(../../images/map/map-ha-h.svg) no-repeat center top !important;
  height: 41px !important;
  width: 30px !important;
  z-index: 990 !important;
  background-size: 100% !important;
  cursor: pointer;
}

.school--layer--popup {
  position: absolute;
  top: 58px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  width: 280px;
  z-index: 999;
  border-radius: 4px;
  padding: 0;
}

.layers--layer--popup {
  width: 100%;
  background: #ffffff;
  z-index: 999;
}

.school--layer--options {
  padding: 10px;
}

.school--layer--action {
  border-top: 1px solid #edeff1;
  padding: 10px;
}

ul.school--dropdown--list {
  width: 49%;
  float: left;
}

ul.school--dropdown--list li {
  /*width: 49%;
    display: inline-block;*/
  vertical-align: top;
}

ul.school--dropdown--list li .custom--checkbox {
  margin-bottom: 0px;
  font-size: 14px;
}

.school--layer--action a.filter--secondary--btn {
  color: #303e48;
}

.school--layer--action a.filter--primary--btn,
.school--layer--action a:hover.filter--primary--btn {
  color: #ffffff;
}

.great--school--rating {
  line-height: 36px;
}

.great--school--rating select {
  width: 80px;
  float: right;
  font-size: 14px;
}

.cmn--info--card {
  top: 0;
  left: 0;
  z-index: 99;
  padding: 10px;
  margin-bottom: -15px;
  background: #ffffff;
}

.cmn--main--info {
  cursor: pointer;
}

.cmn--info--left {
  width: 75%;
  float: left;
}

.cmn--info--right {
  width: 25%;
  float: left;
  text-align: center;
  font-size: 10px;
  color: #848484;
  line-height: 14px;
}

.cmn--info--left h2 {
  font-size: 12px !important;
  color: #00a1df;
  margin-bottom: 0 !important;
  font-family: 'poppinsmedium', sans-serif;
  /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/
}

.cmn--location {
  font-size: 12px;
  margin-bottom: 5px;
}

.cmn--type--grade {
  font-size: 12px;
}

.cmn--type--grade span {
  color: #848484;
}

.cmn--rating {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 33px;
  display: block;
  margin: auto;
  margin-bottom: 5px;
  color: #303e48;
  font-size: 11px;
  font-family: 'poppinsmedium', sans-serif;
  text-align: center;
}

.cmn--rating span {
  color: #848484;
}

.ha--callout .cmn--location {
  font-size: 10px;
  color: #848484;
}

.ha--callout .cmn--info--left {
  width: 70%;
}

.ha--callout .cmn--info--right {
  width: 30%;
}

.ha--callout .status--badges {
  font-size: 12px;
}

.ha--logo--img {
  background: #fff;
  border: 2px solid #edeff1;
  border-radius: 4px;
  width: 75px;
  height: 65px;
  float: right;
  margin-top: -25px;
  padding: 5px;
}

.mapboxgl-ctrl-group button {
  width: 40px !important;
  height: 40px !important;
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: #edeff1 !important;
}

.mapboxgl-ctrl-group {
  overflow: hidden;
}

.mapboxgl-marker {
  cursor: pointer;
}

.status--badges.moreinfo--text {
  padding-left: 0;
}

.status--badges {
  margin-right: 10px;
}

.status--badges i {
  margin-right: 8px;
}

.online--badge {
  color: #00a1df;
}

.showtooltip {
  cursor: pointer;
}

.incomebase--match--info {
  padding: 10px;
  font-size: 12px;
}

.mapbox--listing--main .incomebase--match--info {
  font-size: 10px;
  padding: 5px;
}

.incomebase--left {
  float: left;
}

.incomebase--right {
  float: right;
  text-align: right;
}

/*.property--info--badge-container, .property--info--layers-container {
    padding: 0 12px 12px 12px;
}

.tnresult--card--free .property--info--badge-container, .tnresult--card--free .property--info--layers-container {
    padding: 0 8px 8px 8px;
}

.property--info--badge-container:empty, .property--info--layers-container:empty {
    display: none;
}*/

.with-badge .tnresult--propertyaddress {
  min-height: unset;
}

.tnresult--card .property--info--layer,
.tnresult--small--card .property--info--layer {
  margin-bottom: unset;
}

.tnresult--small--card .property--info--layer {
  font-size: 10px;
}

.tnresult--map--area-controls {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  padding: 16px;
  flex-direction: row-reverse;
  gap: 8px;
}

.tnresult--card--property-badges .property--tag {
  margin: 0 5px 5px 0;
}

.income--match--badge {
  width: 100%;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  padding: 4px 8px;
  line-height: 16px;
  margin-bottom: 2px;
}

.tnresult--card--property-badges .income--match--badge {
  width: fit-content;
  margin: 0 5px 5px 0;
  display: inline-block;
  border: 1px solid white;
}

.tnresult--card--property-badges .property--tag {
  padding: 4px 8px;
  line-height: 16px;
}

.tnresult--card--property-badges .income--match--badge.trusted--owner {
  color: white;
  border: 1px solid white;
  background: rgba(48, 62, 72, 1);
  margin-bottom: -5px;
}

.tnresult--card--property-badges .income--match--badge.trusted--owner img {
  height: 16px !important;
  margin-bottom: -4px;
}

.income--match--badge.gray {
  color: rgba(48, 62, 72, 1);
  background-color: rgba(234, 235, 236, 1);
}

.income--match--badge.green {
  color: rgba(53, 100, 41, 1);
  background-color: rgba(235, 243, 234, 1);
}

.income--match--badge.yellow {
  color: rgba(139, 67, 1, 1);
  background-color: rgba(255, 240, 204, 1);
}

.income--match--badge.red {
  color: rgba(183, 49, 44, 1);
  background-color: rgba(248, 234, 234, 1);
}

.household--income.voucher--select {
  padding-top: 0;
  margin-bottom: 8px;
  padding-right: 5px;
}

.filter--required {
  min-height: 23px;
  text-align: right;
  padding: 0 !important;
  padding-right: 5px !important;
}

.mapbox--listing--main.affordability--map--cards
  .mapbox--listing--premium--first {
  max-height: 361px;
}

.mapbox--listing--main.affordability--map--cards
  .mapbox--listing--basic--first {
  max-height: 131px;
}

.mapbox--listing--main.affordability--map--cards.small--map--cards
  .mapbox--listing--premium--first {
  max-height: 250px;
}

.map--legends--info {
  background: #fff;
  position: absolute;
  bottom: 16px;
  left: 16px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 89;
  border-radius: 4px;
  width: auto;
}

.map--legends--info ul li {
  margin-bottom: 3px;
  font-size: 11px;
  padding: 0;
}

.map--legends--info ul li em {
  font-style: normal;
}

.map--legends--info ul li:last-child {
  margin-bottom: 0px;
}

.map--legends--info ul li span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  width: 20px;
  height: 10px;
  border-radius: 30px;
}

.map--legends--info-caption {
  font-size: 16px;
}

.map--legends span {
  width: 16px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background: url(../../images/AffordableHousing/legend-icon.svg) no-repeat 0 0;
  background-size: 100%;
  margin-right: 3px;
}

.map--legends {
  left: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.map--legends--popup {
  background: #fff;
  position: absolute;
  top: 58px;
  left: 16px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 8;
  border-radius: 4px;
  width: auto;
}

.map--legends--popup ul li {
  margin-bottom: 3px;
  font-size: 11px;
  padding: 0;
}

.map--legends--popup ul li em {
  font-style: normal;
}

.map--legends--popup ul li:last-child {
  margin-bottom: 0px;
}

.map--legends--popup ul li span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  width: 20px;
  height: 10px;
  border-radius: 30px;
}

ul.map--legends--feature {
  max-width: 320px;
}

ul.map--legends--feature .map--legends--more {
  margin-bottom: 7px;
}

ul.map--legends--feature li:last-child .map--legends--more {
  margin-bottom: 0;
}

.map--legends--more {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.map--legends--more span {
  margin-top: 3px;
}

.map--legends--info ul.map--legends--feature li em {
  width: 90%;
  line-height: 16px;
}

.map--legends--popup ul.map--legends--feature li em {
  width: 90%;
  line-height: 16px;
}

.green--dot {
  background: #529d3f;
}

.yellow--dot {
  background: #ffb500;
}

.red--dot {
  background: #b7312c;
}

#loadinganim path {
  stroke: #ffffff;
  fill: #ffffff;
}

.section8--status .incomebase--match--info {
  font-size: 11px;
}

.section8--status .income--match--badge span {
  width: 20px;
}

.section8--status .incomebase--left {
  width: 70px;
  line-height: 12px;
  margin-top: -2px;
}

.section8--status .incomebase--left .property--tag {
  padding-bottom: 2px;
  line-height: 12px;
}

.mapresult--card.section8--status .incomebase--left {
  width: 50px;
}

.mapresult--card.section8--status .incomebase--match--info {
  font-size: 10px;
}

.details--link {
  font-size: 12px;
  font-family: 'poppinsregular', sans-serif;
  margin-left: 5px;
  cursor: pointer;
  color: #00a1df;
}

ul.tnresult--filter-list li .details--link:hover {
  background: transparent;
  color: #303e48;
}

.accessiblity--list {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  border-radius: 4px;
  padding: 15px 0;
  display: none;
}

.accesibility--hd {
  font-size: 16px;
  font-family: 'poppinssemibold', sans-serif;
  margin-bottom: 20px;
  padding: 0 20px;
}

.accesibility--back {
  font-size: 16px;
  font-family: 'poppinsmedium', sans-serif;
  border-right: 2px solid #099ddd;
  padding-right: 10px;
  margin-right: 10px;
  cursor: pointer;
  color: #00a1df;
}

.accesibility--back i {
  margin-right: 5px;
  vertical-align: middle;
}

ul.tnresult--filter-list li .accesibility--back:hover {
  background: transparent;
  color: #303e48;
}

.accesibility--list--area {
  width: 25%;
  float: left;
  border-right: 1px solid #edeff1;
  padding: 0 20px;
  min-height: 360px;
}

.accesibility--list--area.last {
  border-right: none;
  margin-right: 0;
}

.accesibility--list--area h3 {
  font-size: 14px;
  font-family: 'poppinssemibold', sans-serif;
  margin-bottom: 10px;
}

.accesibility--list--area ul li {
  font-size: 14px;
  margin-left: 0;
  position: relative;
  display: block;
  padding: 0;
  padding-left: 20px;
  margin-bottom: 8px;
}

.accesibility--list--area ul li:last-child {
  margin-bottom: 0;
}

.accesibility--list--area ul li:before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  left: 0;
  background: #00a1df;
  border-radius: 50%;
}

.tnresult--additional--filters ul li:last-child,
.tnresult--additional--filters ul li:nth-last-child(2) {
  width: 100%;
  clear: both;
}

.owner-body #header,
.ha-body #header {
  position: relative;
}

.showing--rental {
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  z-index: 8;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
  top: 60px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.showing--rental span {
  margin-right: 5px;
}

#tooltiptext {
  display: block;
}

.tnresult--bottom-sticky {
  position: fixed;
  width: 100%;
  display: flex;
  margin: auto;
  justify-content: center;
  z-index: 110;
  bottom: 0;
}

.tnresult--bottom-sticky--inner {
  width: 728px;
  position: relative;
}

.loading--overlay {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
}

.loading--overlay::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: inherit;
  border-radius: 50%;
  z-index: -1;
  animation: ripple 1.2s ease-out infinite;
}

#toggle-boundaries-button {
  background-color: blue;
  color: white;
  position: absolute;
  top: 15px;
  left: 120px;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
}

.legendButtonShown {
  left: 228px !important;
}

#layers-legend {
  z-index: 90;
  position: absolute;
  background-color: white;
  border-radius: 10px;
  padding: 16px;
  right: 66px;
  bottom: 16px;
  width: 404px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#current-legend {
  width: 100%;
}

.current-legend-title {
  font-size: 16px;
  font-weight: bold;
}

.current-legend-colorbox {
  height: 12px;
  width: calc(10% - 1px);
}

.legend-boxes {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 1px;
  margin-bottom: 4px;
}

.legend-texts {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.legend-description {
  width: 100%;
  display: none;
  margin-top: 12px;
  font-size: 12px;
}

.legend-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.legend-header-caption {
  line-height: 24px;
  font-size: 16px;
}

.legend-description-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: underline;
  font-size: 12px;
  font-weight: 600;
}

.legend-description a .ref-underline {
  text-decoration: underline;
}

.legend-description a .img-svg {
  width: 11px;
  height: 12px;
  margin-bottom: -2px;
  filter: invert(44%) sepia(66%) saturate(2507%) hue-rotate(167deg)
    brightness(97%) contrast(101%);
}

.legend-description a:hover .img-svg {
  filter: invert(20%) sepia(27%) saturate(452%) hue-rotate(162deg)
    brightness(97%) contrast(90%);
}

.desc-source {
  margin-top: 12px;
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }

  to {
    opacity: 0;
    transform: scale(2);
  }
}

.tnresults--popular--searches.popular--searches--full--width {
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.tnresults--popular--searches.popular--searches--full--width .searches--col {
  flex-basis: 48%;
}

.tnresults--popular--searches.popular--searches--full--width
  .searches--col:nth-child(2n) {
  margin-right: 0 !important;
}

.more--filters .ic--trusted--badge,
.more--fillter--search .ic--trusted--badge {
  vertical-align: middle;
}

.more--filters--newbadge {
  position: relative;
}

.more--filters--newbadge span {
  position: absolute;
  top: -7px;
  right: 5px;
  z-index: 1;
  line-height: 12px;
  font-size: 11px;
  padding: 2px 5px 0;
  min-width: inherit;
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .loading--overlay {
    top: 56%;
    right: 56%;
  }

  .tnresult--search {
    width: 300px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 2399px) {
  .loading--overlay {
    top: 55%;
    right: 40%;
  }
}

@media screen and (min-width: 2400px) and (max-width: 2699px) {
  .loading--overlay {
    top: 55%;
    right: 30%;
  }
}

@media screen and (min-width: 2700px) {
  .loading--overlay {
    top: 55%;
    right: 20%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .tnresult--search {
    max-width: 240px;
  }

  .tnresult--card,
  .tnresult--small--card,
  .income--base--cards .tnresult--card,
  .with-badges .tnresult--card {
    width: calc(100% - 15px);
    max-height: inherit;
    min-height: inherit;
  }

  .tnresult--googlead {
    padding: 18px 0;
  }

  .tnresult--map {
    display: block !important;
    width: calc(100% - 400px);
    height: calc(100vh - 226px);
  }

  .tnresult--map.active-filter-line1 {
    height: calc(100vh - 299px);
  }

  .tnresult--map.active-filter-line2 {
    height: calc(100vh - 341px);
  }

  .tnresult--map.active-filter-line3 {
    height: calc(100vh - 383px);
  }

  .tnresult--listing {
    width: 400px;
  }

  h4.page--heading,
  .housing--agencies-hd {
    font-size: 20px;
    line-height: 24px;
  }

  .tnresult--listing--card {
    padding-left: 3px;
    padding-right: 2px;
    height: calc(100vh - 370px);
  }

  .tnresult--listing--card.active-filter-line1 {
    height: calc(100vh - 395px);
  }

  .tnresult--listing--card.active-filter-line2 {
    height: calc(100vh - 437px);
  }

  .tnresult--listing--card.active-filter-line3 {
    height: calc(100vh - 483px);
  }

  .tnresult--map.tnresult--noad {
    height: calc(100vh - 50px);
  }

  .tnresult--map.tnresult--noad.active-filter-line1 {
    height: calc(100vh - 99px);
  }

  .tnresult--map.tnresult--noad.active-filter-line2 {
    height: calc(100vh - 141px);
  }

  .tnresult--map.tnresult--noad.active-filter-line3 {
    height: calc(100vh - 183px);
  }

  .tnresult--listing--card.tnresult--noad {
    height: calc(100vh - 176px);
  }

  .tnresult--listing--card.tnresult--noad.active-filter-line1 {
    height: calc(100vh - 259px);
  }

  .tnresult--listing--card.tnresult--noad.active-filter-line2 {
    height: calc(100vh - 267px);
  }

  .tnresult--listing--card.tnresult--noad.active-filter-line3 {
    height: calc(100vh - 310px);
  }

  .housing--agencies--cnt {
    padding: 0 15px;
  }

  .housing--agencies--slider .owl-prev {
    left: -15px;
  }

  .housing--agencies--slider .owl-next {
    right: -15px;
  }

  .tnresults--footer {
    padding: 10px 0;
  }

  .filter--details {
    display: none;
  }

  .tnresult--heading {
    margin-bottom: 15px;
    font-size: 20px;
  }

  .tnresult--records {
    padding-top: 10px;
  }

  .tnresult--nomatching {
    margin: 20px 10px 30px 10px;
    padding: 15px;
  }

  .tnresult--nomatching--text {
    padding-top: 2px;
    font-size: 12px;
  }

  .nomatcing--bluetxt {
    font-size: 14px;
  }

  .property--comment {
    margin-top: 5px;
  }

  .property--comment--overlay {
    padding-top: 20px;
  }

  .property--comment--overlay .property--overlay--close {
    position: absolute;
    right: 10px;
    top: 3px;
  }

  .property--overlay--close a i {
    font-size: 16px;
  }

  .listing--breadcrumbs {
    margin-bottom: 20px;
  }

  .tnresult--morefilter--row .custom--checkbox {
    font-size: 12px;
  }

  .keyword--search--input {
    width: 100%;
  }

  .filter--selected--value {
    padding: 0 5px;
    font-size: 12px;
  }

  ul.tnresult--filter-list li.more--filters .tnresult--filter--dropdown {
    width: 98%;
  }

  .morefilter--keyword--input input {
    font-size: 14px;
  }

  .tnresult--keyword-left {
    width: 55.5%;
  }

  .tnresult--keyword-right {
    width: 44%;
  }

  ul.tnresult--filter-list li a:hover.reset--filter--link {
    background: #fff;
    border-color: #00a1df;
    color: #00a1df;
  }

  ul.tnresult--filter-list li a:hover.current--selection {
    background: #00a1df;
    border-color: #007bab;
    color: #fff;
  }

  ul.tnresult--filter-list li a.filter--btns {
    font-size: 14px;
    padding: 0 7px;
  }

  ul.tnresult--filter-list li {
    margin-left: 2px;
  }

  .tnresult--filter--dropdown {
    font-size: 14px;
    width: 337px;
  }

  .propertytype--dropdown .custom--checkbox {
    font-size: 14px;
  }

  .tnresult--filter--dropdown.propertytype--dropdown {
    width: 370px;
  }

  .tnresult--morefilter--details--right {
    width: 23%;
  }

  .tnresult--morefilter--right {
    padding: 0 0 0 10px;
  }

  .square--feet--filter .price--box {
    width: 100px;
  }

  ul.filter--accessibility li em,
  .morefilter--keyword--input em,
  .affordability--search--cnt {
    line-height: 16px;
  }

  .mapbox--listing--main .mapbox--listing--premium--first,
  .mapbox--listing--main .mapbox--listing--basic--first {
    overflow-y: auto;
    touch-action: manipulation;
  }

  .property--comment {
    min-height: inherit;
  }

  .accesibility--list--area ul li {
    padding-left: 15px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .accesibility--hd,
  .accesibility--list--area {
    padding: 0 15px;
  }

  .loading--overlay {
    right: 40%;
  }

  /* AH Skeleton Anim */
  .ah-skeleton .tnresult--heading {
    width: 100%;
  }

  .brandpage--body .tnresult--listing--card {
    height: calc(100vh - 396px);
  }

  .has--cobranded .tnresult--listing--card {
    height: calc(100vh - 398px);
  }

  .jurisdiction-toast.has--cobranded .tnresult--listing--card {
    height: calc(100vh - 441px);
  }
}

@media screen and (max-width: 1023px) {
  .tnresult--map,
  .housing--agencies--slider .owl-theme .owl-nav,
  .tnresult--sortby,
  .tnresult--filter--right {
    display: none;
  }

  .tnresult--listing {
    width: 100%;
    float: none;
  }

  .housing--agencies--cnt,
  .googlead--horizontal {
    padding: 0 15px;
  }

  .housing--agencies-hd {
    width: 70%;
    font-size: 20px;
  }

  .housing--agencies--seeall {
    width: 30%;
  }

  .housing--agencies--seeall a {
    font-size: 14px;
  }

  .layers--tutorial:after {
    content: '';
    position: absolute;
    top: unset;
    bottom: 1px;
    left: 12%;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top-color: rgba(0, 157, 219, 1);
    border-bottom: 0;
    margin-left: -12px;
    margin-bottom: -12px;
  }

  .layers--tutorial {
    width: calc(100% - 30px);
    right: unset;
    top: unset;
    bottom: 65px;
    left: 15px;
  }

  .tnresult--map .layers--tutorial {
    display: none;
  }

  .tnresult--records {
    width: 100%;
    float: none;
    text-align: center;
    padding-top: 0;
    font-size: 14px;
  }

  .tnresult--heading {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
  }

  h4.page--heading {
    font-size: 20px;
  }

  ul.tnresult--filter-list li,
  ul.tnresult--filter-list li a.filter--btns em {
    display: none;
  }

  ul.tnresult--filter-list li.morefilter--btn {
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 3;
  }

  .tnresult--filter--left {
    width: auto;
    float: none;
    padding-top: 7px;
  }

  ul.tnresult--filter-list li a.filter--btns {
    font-size: 14px;
  }

  .mobileonly {
    display: block !important;
  }

  .googlead--horizontal {
    margin-bottom: 15px;
  }

  .googlead--horizontal.mobileonly {
    border-top: 1px solid #d8dfe5;
    padding-top: 10px;
  }

  .tnresult--map,
  .tnresult--listing--card {
    height: inherit;
  }

  .tnresult--listing--card {
    padding-left: 3px;
    padding-right: 1px;
  }

  .tnresult--map {
    position: fixed;
    top: 179px;
    left: 0;
    width: 100%;
    height: calc(100% - 329px);
    z-index: 8;
  }

  .filter--details {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1005;
    top: 0;
    left: 0;
  }

  .filter--details--middle {
    display: block;
    overflow: auto;
    height: calc(100% - 112px);
    background: #edeff1;
    -webkit-overflow-scrolling: touch;
  }

  .filter--details--middle {
    margin-top: 54px;
  }

  ul.filter--dropdown--list li {
    font-size: 14px;
  }

  .keyword--txt .tnresult--search {
    width: 100%;
  }

  .header--ad {
    display: none !important;
  }

  .pagecontainer {
    /*padding-top: 128px !important;*/
    padding-top: 0 !important;
  }

  .topnavigation-main,
  .mobilemenu,
  body.tenant .mobilemenu {
    position: relative;
  }

  .mobilenav {
    display: none;
  }

  .tnresult--middle--sticky .tnresult--filter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1002;
  }

  .tnresult--nomatching {
    margin: 30px auto;
    padding: 25px;
  }

  .tnresult--nomatching--text {
    padding-top: 2px;
  }

  .housing--agencies--cnt {
    margin-top: 0;
  }

  .tnresult--filter--details {
    padding: 10px 15px;
    max-width: 565px;
    margin: auto;
  }

  .tnresult--filter--whitebox {
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding: 15px 10px;
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px;
  }

  .tnresult--filter--whitebox:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    display: block;
    position: absolute;
    top: -10px;
    left: 10px;
  }

  a.viewlisting--btn {
    height: 37px;
    line-height: 37px;
    background: #00a1df;
    border: 1px solid #007bab;
    color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 0 15px;
    min-width: 170px;
    text-align: center;
  }

  a.viewlisting--btn:hover {
    background: #007bab;
    color: #ffffff;
  }

  .filter--resetandlisting {
    width: 50%;
    float: left;
  }

  .filter--after--login .filter--resetandlisting {
    width: auto;
    float: none;
    text-align: center;
  }

  .filter--after--login .filter--resetandlisting a.viewlisting--btn {
    min-width: 250px;
  }

  .filter--save--search {
    width: 50%;
    float: right;
    text-align: right;
    margin-bottom: 0;
  }

  .savesearch--btn {
    min-width: 170px;
  }

  a.reset--filters--link {
    text-decoration: underline !important;
  }

  .price--filter--inner .ui-slider-horizontal .ui-slider-handle {
    width: 17px;
    height: 17px;
    top: -8px;
  }

  /* For Slider handler overlapping - START */
  .price--slider span:nth-child(2) {
    margin-left: -20px !important;
  }

  .price--slider.price--slider--minmax span:nth-child(2) {
    margin-left: -29px !important;
  }

  .price--slider.price--slider--maxmin span:nth-child(3) {
    margin-left: 11px !important;
  }
  /* For Slider handler overlapping - END */

  .filter--selection--cnt {
    display: none;
  }

  .tnresult--filter--whitebox.accessibility--categories--dropdown
    ul.morefilter--dropdown--list
    li {
    width: 100%;
  }

  .square--feet--dropdown .price--box input {
    padding-left: 10px;
  }

  .property--comment--overlay {
    padding-top: 20px;
  }

  .property--comment--overlay .property--overlay--close {
    position: absolute;
    right: 10px;
    top: 3px;
  }

  .property--overlay--close a i {
    font-size: 16px;
  }

  .tnresult--search {
    max-width: 360px;
  }

  .mapbox--listing--main .mapbox--listing--premium--first,
  .mapbox--listing--main .mapbox--listing--basic--first {
    overflow-y: auto;
    touch-action: manipulation;
  }

  .layers-layer-dropdown-control {
    display: none !important;
  }

  .layers--layer--info {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    z-index: 1001 !important;
    padding: unset;
    height: auto;
  }

  .layers--layer--info.dropdown-open {
    display: block;
    padding: 10px;
  }

  .school--layer--info {
    display: none !important;
  }

  .school--layer--popup {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1004;
    width: 100%;
  }

  ul.school--dropdown--list {
    width: 32%;
  }

  .income--match--badge span {
    width: 22px;
  }

  .voucher--select {
    padding-top: 0px;
  }

  .household--income.voucher--select {
    text-align: right;
    padding-right: 32px;
  }

  .map--legends--info {
    left: 15px;
  }

  .map--legends,
  .map--legends--popup {
    left: 15px;
  }

  .accessiblity--list--mobile.accessiblity--list {
    position: inherit;
    padding: 0;
    z-index: inherit;
  }

  .accessiblity--list--mobile .accesibility--hd {
    padding: 0;
    font-size: 14px;
  }

  .accessiblity--list--mobile .accesibility--list--area {
    padding: 0;
    width: auto;
    float: none;
    border-right: none;
    border-bottom: 1px solid #edeff1;
    padding-bottom: 15px;
    margin-bottom: 15px;
    min-height: inherit;
  }

  .accessiblity--list--mobile .accesibility--back {
    display: block;
    border-right: none;
    margin-bottom: 10px;
    font-size: 14px;
  }

  .accessiblity--list--mobile .accesibility--list--area ul li {
    padding-left: 15px;
  }

  .details--link {
    font-size: 14px;
  }

  .loading--overlay {
    right: 0;
    left: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
  }

  .tnresult--heading--main {
    padding: 10px 15px;
  }

  ul.footer--filter--list li img {
    margin-right: 7px;
    height: 17px;
  }

  ul.footer--filter--list li a {
    font-size: 14px;
    padding: 15px 5px;
  }

  .school--layer--action a.filter--primary--btn,
  .school--layer--action a:hover.filter--primary--btn {
    min-width: 120px;
    text-align: center;
  }

  .filter--details--heading {
    padding: 17px 40px 17px 15px;
  }

  .tnrslt--btm--ad {
    min-height: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
  }

  /* AH Skeleton Anim */
  .ah-skeleton .tnresult--heading {
    margin: auto;
  }

  .ah-skeleton .tnresult--records {
    margin: 5px auto 0;
  }

  .top--sticky--ad .tnresult--filter {
    top: 85px;
  }

  .top--sticky--ad .brandpage--body .tnresult--filter {
    top: 0;
  }

  .brandpage--body .tnresults--footer {
    margin-bottom: 50px;
  }

  .brandpage--result .tnresults--footer {
    padding-bottom: 50px;
  }

  .has--cobranded .tnresult--middle {
    padding-top: 50px;
  }

  /*.has--cobranded .brandpage--body .tnresult--listing--card {
        height: calc(100vh - 490px);
    }*/

  .has--cobranded .tnresult--listing--card {
    height: calc(100vh - 505px);
  }
}

@media screen and (max-width: 767px) {
  .tnresult--card,
  .tnresult--small--card,
  .income--base--cards .tnresult--card,
  .with-badges .tnresult--card {
    width: 96%;
    float: none;
    min-height: inherit;
    max-height: inherit;
    margin-left: 2%;
    margin-right: 2%;
  }

  .tnresult--listing--card {
    padding-left: 0;
    padding-right: 0;
  }

  .owner-body .tnresult--listing--card,
  .ha-body .tnresult--listing--card {
    height: calc(100vh - 225px);
  }

  .pagination > li.prev--arrow a,
  .pagination > li.next--arrow a {
    width: 110px;
    font-size: 14px;
  }

  .prev--last--arrow a,
  .prev--next--arrow a {
    width: auto !important;
  }

  .tnresult--googlead {
    padding: 0;
  }

  .prev--arrow span {
    display: inline-block;
    margin-right: 10px;
  }

  .next--arrow span {
    display: inline-block;
    margin-left: 15px;
  }

  .pagination > li.disabled i.pg-prev-arrow,
  .pagination > li i.pg-prev-arrow {
    margin-left: 7px;
  }

  .pagination > li.disabled i.pg-next-arrow,
  .pagination > li i.pg-next-arrow {
    margin-right: 7px;
  }

  .tnresult--nomatching {
    margin: 20px 10px;
    padding: 15px;
  }

  .tnresult--nomatching--text {
    padding-top: 2px;
    font-size: 12px;
  }

  .nomatcing--bluetxt {
    font-size: 14px;
  }

  .property--comment--overlay {
    padding-top: 20px;
  }

  .property--comment--overlay .property--overlay--close {
    position: absolute;
    right: 10px;
    top: 3px;
  }

  .property--overlay--close a i {
    font-size: 16px;
  }

  .property--comment--overlay {
    line-height: 18px;
  }

  .tnresult--listing {
    display: none;
  }

  .savesearch--btn,
  a.viewlisting--btn {
    min-width: inherit;
  }

  .propertytype--dropdown .custom--checkbox {
    font-size: 14px;
  }

  .price--filter--inner .ui-slider-horizontal .ui-slider-handle {
    width: 17px;
    height: 17px;
    top: -8px;
  }

  .filter--selection--cnt {
    display: none;
  }

  ul.morefilter--dropdown--list li {
    width: 100%;
    display: block;
  }

  ul.morefilter--dropdown--list li .custom--checkbox {
    font-size: 14px;
  }

  .morefilter--keyword--input input,
  a.morefilter--keyword--addlink {
    font-size: 14px;
  }

  .tnresult--keyword-results .filter--selected--value {
    font-size: 13px;
  }

  .square--feet--dropdown .price--box input {
    padding-left: 10px;
  }

  .tnresult--smallcard--details em {
    font-size: 10px;
  }

  .tnresult--search {
    max-width: 320px;
  }

  .price--search--l {
    width: 100%;
    float: none;
  }

  .price--search--r {
    width: 55%;
  }

  .mapbox--listing--main {
    position: fixed;
    bottom: 58px;
    left: 0;
    right: 0;
    max-width: 414px;
    width: auto;
    margin: auto;
    z-index: 999;
    display: block;
  }

  .mapbox--listing--main .mapbox--card--close {
    display: block;
    right: 0px;
    top: -25px;
  }

  .mapbox--listing--main.cmn--info--card .mapbox--card--close {
    right: -10px;
  }

  .mapbox--listing--main .premium--card .tnresult--img img {
    height: 220px;
  }

  .mapbox--listing--main .premium--card .tnresult--img {
    max-height: 220px;
    min-height: 220px;
  }

  .mapbox--listing--main .property--comment--overlay {
    padding: 20px 10px;
  }

  .mapbox--listing--main .mapbox--listing--basic--first {
    max-height: 115px;
  }

  .school--layer--popup {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
  }

  .school--layer--popup {
    width: 100%;
  }

  .cmn--info--card {
    top: auto;
    bottom: 58px;
  }

  ul.school--dropdown--list {
    width: 49%;
  }

  .affordability--search .custom--checkbox,
  .rent--range--cnt {
    font-size: 15px;
  }

  .voucher--select {
    padding-top: 0px;
  }

  .household--income.voucher--select {
    text-align: left;
    padding-right: 0;
  }

  .filter--required {
    text-align: left;
  }

  .tnresults--popular--searches {
    padding: 0 15px;
  }

  .section8--status .incomebase--left {
    width: 70px;
  }

  .filter--after--login .filter--resetandlisting {
    width: auto;
    float: none;
    text-align: center;
  }

  .filter--after--login .viewlisting--btn {
    min-width: 200px;
  }

  ul.tnresult--filter-list li a.filter--btns span.morefilter-ico {
    margin-right: 5px;
  }

  .showing--rental {
    font-size: 12px;
    padding: 5px;
    right: 55px;
    line-height: 16px;
  }

  .loading--overlay {
    width: 65px;
    height: 65px;
  }

  .ah--loading {
    width: 40px;
    height: 40px;
  }

  .map--legends--info {
    left: 10px;
  }

  .map--legends,
  .map--legends--popup {
    left: 10px;
  }

  .tnresult--heading--main {
    padding: 5px 15px;
  }

  ul.footer--filter--list li a {
    font-size: 12px;
    padding: 10px 5px;
  }

  .tnresult--map {
    height: calc(100% - 209px);
    top: 167px;
  }

  .owner-body .tnresult--map,
  .ha-body .tnresult--map {
    height: calc(100vh - 148px);
    top: 106px;
  }

  .owner-body .tnresult--listing--card.active-filter-line1 {
    height: calc(100vh - 340px);
    padding-bottom: 0;
  }

  .tnrslt--btm--ad {
    min-height: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
  }

  .tnrslt--btm--ad #div-gpt-ad-Nav-sticky {
    z-index: 1111 !important;
    position: relative;
    min-height: 100px;
  }

  .tnrslt--btm--ad .mobile--cb {
    position: absolute;
    visibility: visible !important;
    margin-left: 0;
    top: -12px;
    bottom: inherit;
    right: 10px;
    width: 20px;
    height: 20px;
    background: #fff;
    z-index: inherit !important;
  }

  .tnrslt--btm--ad .mobile--cb:after {
    content: '';
    width: 100%;
    height: 90%;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
  }

  .tnrslt--top--ad {
    min-height: 50px;
    /*padding: 5px 0 0;*/
  }

  .tnrslt--btm--ad .mobile--cb img {
    width: 15px;
    height: 15px;
    margin: 3px 0 0 4px;
    display: block;
    z-index: 111999 !important;
    position: relative;
  }

  body .near-by-listing {
    padding: 0 15px;
  }

  body .housing--agencies--list .cmn--hdr h2 {
    text-align: left !important;
  }

  body .hdr--view--link {
    text-align: right;
  }

  .tnresults--popular--searches.popular--searches--full--width .searches--col {
    margin: 0;
  }

  .tnresults--popular--searches.popular--searches--full--width {
    padding: 0 20px;
  }

  .rental--ad {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 0;
  }

  .filter--details--heading {
    padding: 15px 40px 15px 15px;
  }

  .filter--details--middle {
    margin-top: 50px;
  }

  .filter--details--middle {
    height: calc(100% - 107px);
  }

  /* AH Skeleton Anim */

  .ah-skeleton .tnresult--heading {
    width: 100%;
  }

  .ah-skeleton .tnresult--records {
    margin: 5px auto 0;
  }

  .tnresult--filter {
    position: fixed;
    top: 117px;
    left: 0;
    width: 100%;
  }

  .owner-body .tnresult--filter,
  .ha-body .tnresult--filter {
    top: 54px;
  }

  .tnresult--middle {
    padding-top: 70px;
  }

  .top--sticky--ad .top--ad {
    position: fixed;
  }

  .top--sticky--ad .tnresult--filter {
    top: 85px;
    z-index: 1111;
  }

  .static--ad--desktop .AdsDefaultHeight,
  .static--ad--desktop .AdsDefaultHeight {
    min-height: 50px;
    margin-top: 0;
  }

  .mobile--filter .tnrslt--btm--ad {
    min-height: inherit;
  }

  .brandpage--body .tnresult--filter {
    top: 54px;
  }

  .brandpage--body .tnresults--footer {
    margin-bottom: 40px;
  }

  .brandpage--result .tnresults--footer {
    padding-bottom: 40px;
  }

  .has--cobranded .tnresult--middle {
    padding-top: 50px;
  }

  .has--cobranded .tnresult--listing--card {
    height: calc(100vh - 350px);
  }

  .has--cobranded .brandpage--body .tnresult--listing--card {
    height: calc(100vh - 285px);
  }

  .brandpage--body .tnresult--map {
    height: calc(100vh - 145px);
    top: 104px;
  }

  .jurisdiction-toast.has--cobranded .tnresult--listing--card {
    height: calc(100vh - 470px);
  }
}

@media screen and (max-width: 438px) {
  .layers--tutorial {
    bottom: 65px;
  }

  #layers-legend {
    bottom: 40px;
  }

  .layers--layer--info {
    bottom: 18px;
  }

  .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
    margin: 16px 16px 40px 16px;
  }

  /*
    .tnresult--card--container {
        flex-direction: column;
    }

    .tnresult--card--free .tnresult--card--container {
        flex-direction: row;
    }

    .tnresult--card .tnresult--img {
        width: 100%;
        min-height: 200px;
        max-height: 280px;
    }

    .tnresult--price {
        font-size: 18px;
        line-height: 24px;
    }

    .tnresult--bedbath {
        font-size: 14px;
        line-height: 20px;
    }

    .tnresult--communityname {
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        color: rgba(48, 62, 72, 1);
    }

    .property--comment {
        font-size: 14px;
        line-height: 20px;
        color: rgba(89, 101, 109, 1);
    }

    .tnresult--card--photo-holder .property--fav--share {
        position: absolute;
        top: 4px;
        right: 5px;
        display: block;
    }

    .tnresult--card--inner .property--fav--share {
        display: none;
    }

    .property--fav--share a {
        background: url('/v4/images/heart-mobile.svg') no-repeat center center;
    }

    .tnresult--card--free .tnresult--img {
        min-width: unset;
        width: 130px;
    }

    .tnresult--card--photo-holder .swiper {
        max-width: unset;
        max-height: 270px;
    }

    .tnresult--card--photo-holder .swiper-slide img {
        display: block;
        width: auto;
        height: 438px;
     }
    */
}

@media only screen and (device-width: 375px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
  .mapbox--listing--main .mapbox--card--close {
    display: block;
    right: 0px;
    top: -18px;
  }

  .mapbox--listing--main {
    max-height: 300px;
    overflow-y: auto;
    padding-top: 20px;
  }
}

body .housing--agencies--list .cmn--hdr h2 {
  text-align: left !important;
}

body .hdr--view--link {
  text-align: right;
}

@media only screen and (device-width: 375px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
  .mapbox--listing--main .mapbox--card--close {
    display: block;
    right: 0px;
    top: -18px;
  }

  .mapbox--listing--main {
    max-height: 300px;
    overflow-y: auto;
    padding-top: 20px;
  }
}

@media screen and (min-width: 650px) and (max-width: 767px) {
  .tnresult--card,
  .tnresult--small--card {
    width: calc(50% - 15px);
    float: left;
    margin: 7px 8px 8px 7px;
  }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
  .tnresult--card,
  .tnresult--small--card {
    width: 380px;
    float: none;
    margin: 7px auto 8px auto;
  }

  .tnresults--popular--searches.popular--searches--full--width
    .popular--searches--flx {
    flex-direction: row;
  }

  .tnresults--popular--searches.popular--searches--full--width .searches--col {
    width: auto;
  }

  .tnresults--popular--searches.popular--searches--full--width
    .searches--col:nth-child(odd) {
    margin-right: 15px;
  }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 1100px) and (orientation: landscape) {
  html,
  body {
    position: relative;
    overflow: inherit;
  }
}

@media screen and (max-width: 470px) {
  .tnresult--bottom-sticky {
    position: fixed;
    bottom: 0px;
    z-index: 100;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
  }

  .mobile--cb {
    display: block;
    right: 20px;
    position: fixed;
    bottom: 0px;
    height: 50px;
    z-index: 112;
  }

  #layers-legend {
    width: calc(100% - 80px);
  }

  ul.footer--filter--list li img {
    margin-right: unset;
  }

  ul.footer--filter--list li a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
  }

  .school--layer--popup {
    bottom: 16px;
  }
}

@media screen and (max-width: 374px) {
  .propertytype--dropdown ul.filter--dropdown--list li {
    display: block;
    width: auto;
  }

  ul.filter--dropdown--list li a {
    padding: 0 7px;
  }

  .pagination > li.prev--arrow a,
  .pagination > li.next--arrow a {
    width: 90px;
    font-size: 13px;
    letter-spacing: 0.5px;
  }

  .nomatcing--bluetxt {
    font-size: 13px;
  }

  .property--comment {
    font-size: 9px;
  }

  .property--comment--overlay {
    font-size: 9px;
    line-height: 16px;
  }

  a.viewlisting--btn {
    padding: 0 10px;
  }

  .price--search--l {
    font-size: 12px;
  }

  ul.footer--filter--list li a {
    font-size: 11px;
  }

  .affordability--search .custom--checkbox,
  .rent--range--cnt {
    font-size: 14px;
  }

  .affordability--search .custom--checkbox {
    padding-right: 25px;
  }

  .showing--rental {
    width: 155px;
  }

  #tooltiptext {
    display: inline;
  }

  .savesearch--btn .custom--checkbox,
  a.viewlisting--btn {
    font-size: 12px;
  }
}

/* 15 feb */

.edit_card_sec .tnresult--price {
  color: #303e48;
}

.edit_card_sec .tnresult--bedbath span {
  color: #303e48;
}

/* 16 feb */

.paging-content.new_pag_sec ul.pagination li input {
  box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,
    0px 1px 3px rgba(0, 0, 0, 0.18) !important;
  background: #ffffff;
  width: 32px !important;
  height: 32px;
  padding: 0 !important;
  border: 0;
  line-height: 33px;
}

input.left_pag_s {
  color: #ababab;
}

input.right_pag_s {
  color: #000;
}

.paging-content.new_pag_sec {
  margin: 15px 0 10px;
}

.paging-content.new_pag_sec a {
  width: 32px;
  position: relative;
  background: transparent;
  cursor: pointer;
  height: 32px;
  min-width: 32px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  font-family: poppinsbold, sans-serif;
  color: #303e48;
  align-items: center;
  justify-content: center;
}

.paging-content.new_pag_sec ul.pagination li input.right_pag_s:hover {
  box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,
    0px 6px 16px rgba(0, 0, 0, 0.12) !important;
  color: #000;
}

.paging-content.new_pag_sec ul.pagination li input.left_pag_s:hover {
  box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,
    0px 6px 16px rgba(0, 0, 0, 0.12) !important;
  color: #ababab;
}

.tooltipster-box {
  border: 0 !important;
  background: #000000 !important;
}

.tooltipster-base {
  max-width: 250px;
  height: auto !important;
  border: 0px !important;
}

.tooltipster-arrow {
  border: 0px !important;
  bottom: 0px !important;
  /*    top: 66px;
    left: 125px !important;*/
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #000000;
}

/* 20 feb */

.paging-content.new_pag_sec li.pagingnone.active a {
  z-index: 3;
  background: #00a1df;
  border-color: #007bab;
  color: #ffffff;
  cursor: default;
}

.tnresult--small--card.bottom_card .voucher--cnt.tooltipstered {
  margin-left: 5px;
}

.tnresult--card--inner.edit_card_sec .tnresult--bedbath em {
  margin: 0px 4px 0px 0px;
}

/* 25 feb */

.paging-wrap.inner-wrap-sec {
  padding: 15px 0;
}

/* New listing cards design */
/* link styles for server side page*/
.freecard a, .premiumcard a, .spotlightcard a {
  color: #303e48;
}

.freecard .property--comment a, .premiumcard .property--comment a, .spotlightcard .property--comment a {
  color: #00a1df;
}

.spotlightcard--details i.fas {
  color: #00a1df;
}
/* end of link styles for server side page*/

/* Free card */
.freecard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  border-radius: 6px;
  background: #fff;
  flex: 0 0 100%;
  margin-bottom: 5px;
  font-size: 14px;
  cursor: pointer;
}

.freecard--dataholder {
  display: flex;
  gap: 8px;
  padding: 8px;
  flex-direction: column;
  width: 100%;
}

.freecard--data--row1 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.freecard--icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.freecard--icons .property--fav--share {
  margin-top: unset;
  margin-right: unset;
  margin-left: auto;
}

.freecard--price {
  font-family: 'poppinsregular';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: flex;
  white-space: nowrap;
}

.listing--card-free--top {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.freecard--imgholder {
  display: flex;
  padding: 2px 0px 2px 2px;
  position: relative;
}

.freecard--imgholder-toprow {
  position: absolute;
  padding: 5px;
  display: flex;
  width: 100%;
  z-index: 2;
}

.freecard--imgholder img {
  border-radius: 6px;
  width: 194px;
  height: 116px;
  object-fit: cover;
}

.freecard--details {
  color: rgba(89, 101, 109, 1);
  font-size: 14px;
}

.freecard--details .card--value {
  color: rgba(89, 101, 109, 1);
}

.value--separator {
  color: rgba(214, 216, 218, 1);
}

.freecard--availability .available--txt {
  width: unset;
  font-size: 14px;
  margin-left: 5px;
}

.freecard--availability .available--txt .green--text em {
  margin-top: -3px;
}

.freecard--data--row2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.freecard--address .tnresult--propertyaddress {
  color: unset;
  font-size: unset;
  min-height: unset;
}

.freecard--communityname {
  font-weight: bold;
}

.freecard--communityname .tooltipstered {
  font-size: 14px;
}

.freecard--bottom {
  display: flex;
  padding: 0px 2px 2px 2px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2px;
  flex-wrap: wrap;
  font-size: 12px;
}

.freecard--bottom:empty {
  display: none;
}

.freecard--bottom .income--match--badge {
  height: 24px;
}

.freecard--bottom .property--tag {
  height: 24px;
  padding: 4px 8px;
  margin-right: unset;
  line-height: 16px;
}

.freecard--bottom .property--info--layer {
  display: unset;
  margin-bottom: unset;
}

@media screen and (max-width: 1198px) {
  .freecard--data--row2 {
    flex-direction: column-reverse;
  }

  .freecard--availability {
    display: flex;
  }

  .freecard--availability .available--txt {
    margin-left: 0;
  }
}
/* End of free card */
/* Premium card */

.premiumcard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  border-radius: 6px;
  background: #fff;
  flex: 0 0 356px;
  margin-bottom: 5px;
  font-size: 14px;
  cursor: pointer;
  justify-content: space-between;
}

.premiumcard--dataholder {
  display: flex;
  gap: 8px;
  padding: 8px;
  flex-direction: column;
  width: 100%;
}

.premiumcard--data--row1 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.premiumcard--address .tnresult--propertyaddress {
  color: unset;
  font-size: unset;
  min-height: unset;
}

.premiumcard--icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.premiumcard--icons .property--fav--share {
  margin-top: unset;
  margin-right: unset;
  margin-left: auto;
}

.premiumcard--price {
  font-family: 'poppinsregular';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: flex;
  white-space: nowrap;
}

.premiumcard--icons .available--txt {
  width: 100%;
  font-size: 14px;
}

.premiumcard--icons .available--txt .green--text em {
  margin-top: -3px;
}

.premiumcard--top {
  display: flex;
  flex-direction: column;
  width: 356px;
}

.premiumcard--imgholder {
  display: flex;
  padding: 2px 2px 0px 2px;
  position: relative;
}

.premiumcard--gallery {
  width: 100%;
}

.premiumcard--gallery .owl-prev,
.premiumcard--gallery .owl-next {
  width: 36px;
  height: 36px;
  border: none;
}

.premiumcard--gallery .owl-prev {
  left: 4px !important;
  background: rgba(48, 62, 72, 0.7)
    url(../../images/AffordableHousing/left-angle.svg) no-repeat center !important;
  background-size: 18px auto !important;
}

.premiumcard--gallery .owl-next {
  right: 4px !important;
  background: rgba(48, 62, 72, 0.7)
    url(../../images/AffordableHousing/right-angle.svg) no-repeat center !important;
  background-size: 18px auto !important;
}

.premiumcard--imgholder-toprow {
  position: absolute;
  padding: 5px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  z-index: 2;
}

.premiumcard--imgholder-toprow .trusted--owner {
  border-radius: 4px;
  border: 1px solid #fff;
  background: #303e48;
  color: white;
  display: flex;
  padding: 6px;
  height: 24px;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

.premiumcard--imgholder-toprow .trusted--owner .trusted--owner--img {
  display: block;
  width: 17px;
  height: 17px;
}

.premiumcard--imgholder-toprow .property--fav--share {
  margin-top: 2px;
  margin-right: 5px;
}

.spotlightcard--imgholder .singleimg-holder, .premiumcard--imgholder .singleimg-holder {
  width: 100%;
}

.premiumcard--imgholder img {
  border-radius: 6px;
  width: 100%;
  height: 230px;
  object-fit: cover;
}

.premiumcard--details {
  color: rgba(89, 101, 109, 1);
  font-size: 14px;
}

.premiumcard--details .card--value {
  color: rgba(89, 101, 109, 1);
}

.value--separator {
  color: rgba(214, 216, 218, 1);
}

.premiumcard--availability .available--txt {
  width: unset;
  font-size: 14px;
  margin-left: 5px;
}

.premiumcard--data--row2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.premiumcard--communityname {
  font-weight: bold;
}

.premiumcard--communityname .tooltipstered {
  font-size: 14px;
}

.premiumcard--dataholder {
  position: relative;
}

.premiumcard--dataholder .property--comment {
  padding: 0;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  min-height: unset;
}

.premiumcard--dataholder .property--comment .show--tooltip {
  text-decoration: underline;
  text-transform: none;
}

.premiumcard--dataholder .property--comment--overlay .property--overlay--close {
  top: unset;
  bottom: 3px;
}

.premiumcard--dataholder
  .property--comment--overlay
  .property--overlay--close
  a
  i {
  color: #009ddb;
}

.premiumcard--dataholder .property--comment--overlay {
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #59656d;
  font-weight: 400;
  line-height: 20px;
  overflow: auto;
  background: white;
}

.premiumcard--badges {
  display: flex;
  gap: 6px;
}

.premiumcard--badges .property--tag {
  height: 24px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.premiumcard--bottom {
  display: flex;
  padding: 0px 2px 2px 2px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2px;
  flex-wrap: wrap;
  font-size: 12px;
}

.premiumcard--bottom:empty {
  display: none;
}

.premiumcard--bottom .income--match--badge {
  height: 24px;
}

.premiumcard--bottom .property--tag {
  height: 24px;
  padding: 4px 8px;
  margin-right: unset;
  line-height: 16px;
}

.premiumcard--bottom .property--info--layer {
  display: unset;
  margin-bottom: unset;
}
/* End of Premium card */

/* Spotlight card */
.spotlightcard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  border-radius: 6px;
  background: #fff;
  flex: 0 0 728px;
  margin-bottom: 5px;
  font-size: 14px;
  cursor: pointer;
  justify-content: space-between;
}

.spotlightcard--dataholder {
  display: flex;
  gap: 8px;
  padding: 11px 12px 12px 12px;
  flex-direction: column;
  width: 100%;
}

.spotlightcard--data--row1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.spotlightcard--data--row1-left {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.spotlightcard--data--row1 .available--txt {
  display: none;
}

.spotlightcard--data--row3 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.spotlightcard--address .tnresult--propertyaddress {
  color: unset;
  font-size: unset;
  min-height: unset;
}

.spotlightcard--icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.spotlightcard--icons .property--fav--share {
  margin-top: unset;
  margin-right: unset;
  margin-left: auto;
}

.spotlightcard--price {
  font-family: 'poppinsregular';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: flex;
  white-space: nowrap;
}

.spotlightcard--icons .available--txt {
  width: 100%;
  font-size: 14px;
}

.spotlightcard--icons .available--txt .green--text em {
  margin-top: -3px;
}

.spotlightcard--top {
  display: flex;
  flex-direction: column;
  width: 728px;
}

.spotlightcard--imgholder {
  display: flex;
  padding: 2px 2px 0px 2px;
  position: relative;
}

.spotlightcard--gallery {
  width: 462px;
  height: 278px;
}

.spotlightcard--gallery .owl-carousel {
  height: 278px;
}

.spotlightcard--gallery .owl-prev,
.spotlightcard--gallery .owl-next {
  width: 36px;
  height: 36px;
  border: none;
}

.spotlightcard--gallery .owl-prev {
  left: 4px !important;
  background: rgba(48, 62, 72, 0.7)
    url(../../images/AffordableHousing/left-angle.svg) no-repeat center !important;
  background-size: 18px auto !important;
}

.spotlightcard--gallery .owl-next {
  right: 4px !important;
  background: rgba(48, 62, 72, 0.7)
    url(../../images/AffordableHousing/right-angle.svg) no-repeat center !important;
  background-size: 18px auto !important;
}

.spotlightcard--imgholder-toprow {
  position: absolute;
  padding: 5px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  z-index: 2;
}

.spotlightcard--imgholder-toprow .trusted--owner {
  border-radius: 4px;
  border: 1px solid #fff;
  background: #303e48;
  color: white;
  display: flex;
  padding: 6px;
  height: 24px;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

.spotlightcard--imgholder-toprow .trusted--owner .trusted--owner--img {
  display: block;
  width: 17px;
  height: 17px;
}

.spotlightcard--imgholder-toprow .property--fav--share {
  margin-top: 2px;
  margin-right: 5px;
}

.spotlightcard--imgholder img {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 462px;
  height: 278px;
  object-fit: cover;
}

.spotlightcard--thumbs {
  display: flex;
  flex-direction: column;
  margin-left: 2px;
  gap: 2px;
}

.spotlightcard--imgholder img.spotlightcard--thumb {
  height: 138px;
  width: 260px;
}

.spotlightcard--imgholder img.spotlight--logo {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 120px;
  max-height: 80px;
  right: 12px;
  bottom: -27px;
  border-radius: 4px;
  z-index: 1;
  object-fit: contain;
}

.spotlight--availability {
  display: flex;
  flex-direction: row;
}

.spotlight--availability .available--txt {
  width: 100%;
  font-size: 14px;
}

.spotlightcard--viewall {
  width: 100%;
  padding: 8px;
  display: flex;
  gap: 4px;
  align-items: center;
}

.spotlightcard--viewall-text {
  text-decoration: underline;
  color: #00a1df;
  font-size: 14px;
  font-weight: 600;
}

.spotlightcard--viewall i.fas {
  color: #00a1df;
  font-size: 15px;
}

.spotlightcard--thumb.thumb-top {
  border-top-left-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.spotlightcard--thumb.thumb-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 6px;
}

.spotlightcard--comment-switcher span {
  text-decoration: underline;
  color: #00a1df;
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
}
.spotlightcard--comment-switcher:hover i {
  color: #00a1df;
}

.spotlightcard--comment-holder {
  position: relative;
}

.spotlightcard--comment-full {
  padding-right: 85px;
}

a.spotlightcard--comment-switcher {
  float: right;
  display: block;
}

.spotlightcard--details-iconblocks {
  display: flex;
  flex-direction: row;
  gap: 24px;
  margin-top: 20px;
  margin-bottom: 16px;
}

.spotlightcard--details-iconblock {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.spotlightcard--details-iconblock-text {
  font-size: 12px;
  line-height: 16px;
}

.spotlightcard--details-paidby,
.spotlightcard--details-leases,
.spotlightcard--details-amenities {
  margin-top: 16px;
}

.spotlightcard--details-paidby-none {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  margin-top: 8px;
  border-radius: 4px;
  border: 1px solid #EAEBEC;
  box-shadow: 0px 4px 8px -4px rgba(78, 78, 78, 0.30), 0px 0px 1px 0px rgba(78, 78, 78, 0.20);
  border-left: 4px solid #009DDB;
}

.spotlightcard--details-paidby-none i.fas {
  color: #009DDB;
  font-size: 18px;
}

.spotlightcard--details-leases {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.spotlightcard--details-leaseblocks {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}

.spotlightcard--details-leaseblock {
  display: flex;
  padding: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 8px;
  box-shadow: 0px 1px 4px 0px rgba(48, 62, 72, 0.2);
  width: calc(50% - 4px);
}

.spotlightcard--details-leaseblocks > .spotlightcard--details-leaseblock:only-child {
  width: 100%;
}

.spotlightcard--details-leaseblock-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.spotlightcard--details-leaseblock-head-price {
  font-weight: 600;
  color: #529d3f;
}

.spotlightcard--details-leaseblock-desc {
  word-break: break-word;
}

.spotlightcard--details {
  color: rgba(89, 101, 109, 1);
  font-size: 14px;
}

.spotlightcard--details .card--value {
  color: rgba(89, 101, 109, 1);
}

.value--separator {
  color: rgba(214, 216, 218, 1);
}

.spotlightcard--availability .available--txt {
  width: unset;
  font-size: 14px;
  margin-left: 5px;
}

.spotlightcard--data--row2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.spotlightcard--communityname {
  font-weight: bold;
}

.spotlightcard--communityname .tooltipstered {
  font-size: 14px;
}

.spotlightcard--dataholder {
  position: relative;
}

.spotlightcard--dataholder .property--comment {
  padding: 0;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  min-height: unset;
}

.spotlightcard--dataholder .property--comment .show--tooltip {
  text-decoration: underline;
  text-transform: none;
}

.spotlightcard--dataholder
  .property--comment--overlay
  .property--overlay--close {
  top: unset;
  bottom: 3px;
}

.spotlightcard--dataholder
  .property--comment--overlay
  .property--overlay--close
  a
  i {
  color: #009ddb;
}

.spotlightcard--dataholder .property--comment--overlay {
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #59656d;
  font-weight: 400;
  line-height: 20px;
  overflow: auto;
  background: white;
}

.spotlightcard--badges {
  display: flex;
  gap: 6px;
}

.spotlightcard--badges .property--tag {
  height: 24px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spotlightcard--bottom {
  display: flex;
  padding: 0px 12px 12px 12px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2px;
  flex-wrap: wrap;
  font-size: 12px;
}

.spotlightcard--bottom:empty {
  display: none;
}

.spotlightcard--bottom .income--match--badge {
  height: 24px;
}

.spotlightcard--bottom .property--tag {
  height: 24px;
  padding: 4px 8px;
  margin-right: unset;
  line-height: 16px;
}

.spotlightcard--bottom .property--info--layer {
  display: unset;
  margin-bottom: unset;
}
/* End of Spotlight card */
.listing--cards-v2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 728px;
}

.tnresult--listing-v2 .housing--agencies--cnt {
  padding: 0px;
}
/* Media queries for smaller screens */
@media screen and (min-width: 1199px) {
  .tnresult--listing.tnresult--listing-v2 {
    width: 768px;
  }

  .tnresult--map.tnresult--map-v2 {
    width: calc(100% - 768px);
  }
}

@media screen and (max-width: 1023px) {
  .premiumcard .premiumcard--singleimg {
    width: 100%;
  }

  .listing--cards-v2 {
    justify-content: center;
    column-gap: 8px;
    width: 100%;
    padding: 0 2px;
  }
}

@media screen and (max-width: 747px) {
  .premiumcard {
    width: 100%;
    flex: 0 0 100%;
  }

  .premiumcard--top {
    width: 100%;
  }

  .spotlightcard {
    flex: 0 0 100%;
    width: 100%;
  }

  .spotlightcard--top {
    width: 100%;
  }

  .spotlightcard--gallery {
    width: 100%;
    height: 230px;
  }

  .spotlightcard--imgholder img {
    width: 100%;
    border-radius: 6px;
    height: 230px;
  }

  .spotlightcard .spotlightcard--thumbs {
    display: none;
  }

  .spotlightcard .spotlightcard--data--row2 {
    flex-direction: column;
  }

  .spotlightcard--imgholder img.spotlight--logo {
    right: 6px;
    bottom: 6px;
    width: 90px;
    height: 60px;
  }

  .spotlightcard--data--row1 .available--txt {
    display: block;
  }

  .spotlightcard--data--row2 .available--txt {
    display: none;
  }

  .spotlightcard--data--row3 {
    flex-direction: column;
    gap: 0;
  }

  .spotlightcard--data--row3 .value--separator {
    display: none;
  }

  .spotlightcard--details-leaseblock {
    width: 100%;
  }
}

@media screen and (min-width: 748px) and (max-width: 1023px) {
  .premiumcard {
    flex: 0 0 calc(50% - 4px);
    width: calc(50% - 4px);
  }
  
  .premiumcard--top, .premiumcard--imgholder img {
    width: 100%;
  }

  .spotlightcard {
    flex: 0 0 100%;
  }

  .spotlightcard--top {
    width: 100%;
  }

  .spotlightcard--gallery {
    width: calc(100vw - 290px);
  }

  .spotlightcard--imgholder img {
    width: 100%;
  }
  /*
  .spotlightcard--imgholder {
    width: 100%;
  }

  .spotlightcard--gallery {
    position: relative;
    width: calc(100vw - 260px);
  }*/
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .tnresult--listing.tnresult--listing-v2 {
    width: 390px;
  }

  .tnresult--map.tnresult--map-v2 {
    width: calc(100% - 390px);
  }

  .listing--cards-v2 {
    width: 390px;
    flex-direction: column;
    padding-left: 7px;
  }

  .freecard {
    flex: unset;
    width: calc(100% - 20px);
  }

  .freecard--dataholder {
    gap: 0;
    padding: 8px 8px 0 8px;
  }

  .freecard--imgholder img {
    width: 160px;
  }

  .freecard,
  .freecard--availability .available--txt,
  .freecard--details,
  .freecard--communityname .tooltipstered {
    font-size: 11px;
  }

  .freecard--price {
    font-size: 14px;
  }

  .freecard .tnresult--propertyaddress {
    margin-bottom: 0;
  }

  .premiumcard {
    width: 356px;
  }

  .spotlightcard {
    flex: 0 0 356px;
    width: 356px;
  }

  .spotlightcard--top {
    width: 356px;
  }

  .spotlightcard--gallery {
    width: 100%;
  }

  .spotlightcard--imgholder img {
    width: 100%;
    border-radius: 6px;
  }

  .spotlightcard .spotlightcard--thumbs {
    display: none;
  }

  .spotlightcard .spotlightcard--data--row2 {
    flex-direction: column;
  }

  .spotlightcard--imgholder img.spotlight--logo {
    right: 6px;
    bottom: 6px;
    width: 90px;
    height: 60px;
  }

  .spotlightcard--data--row1 .available--txt {
    display: block;
  }

  .spotlightcard--data--row2 .available--txt {
    display: none;
  }

  .spotlightcard--data--row3 {
    flex-direction: column;
    gap: 0;
  }

  .spotlightcard--data--row3 .value--separator {
    display: none;
  }

  .spotlightcard--details-leaseblock {
    width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .freecard--price {
    font-size: 14px;
    word-spacing: -5px;
  }

  .freecard--imgholder img {
    width: 158px;
    height: 130px;
    object-fit: cover;
  }

  .freecard--dataholder {
    gap: 0;
    padding: 8px 8px 0 8px;
  }

  .tnresult--listing-v2 .property--fav--share a {
    width: 20px;
    height: 20px;
    background-size: contain;
  }

  .freecard--details, 
  .freecard--availability .available--txt, 
  .freecard--data--row2, 
  .freecard--data--row3 {
    font-size: 12px;
  }

  .freecard--data--row1 {
    gap: 2px;
  }

  .ic--go8--badge {
      width: 16px;
      height: 16px;
  }

  .tnresult--propertyaddress {
    margin-bottom: 0;
  }

  .category-separator {
    display: none;
  }

  .details-category {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 356px) {
  .spotlightcard, .premiumcard {
      flex: 0 0 100%;
      width: 100%;
  }

  .premiumcard--top {
    width: 100%;
  }

  .freecard {
    width: 100%;
  }
}
/* End of Media queries */
/* End of New listing cards design */

@media screen and (min-width: 1024px) {
  .tnresult--bottom-sticky {
    position: fixed;
    bottom: 0;
    z-index: 100;
    /*width: 100%;*/
    height: 90px;
    display: flex;
    justify-content: center;
  }

  .desktop--cb {
    display: block;
    right: 0; /*385px;*/
    position: absolute;
    bottom: 0;
    height: 90px;
    z-index: 101;
  }
}

@media screen and (max-height: 568px) {
  .mapbox--listing--main .mapbox--listing--premium--first {
    max-height: 250px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .tnresults--popular--searches.popular--searches--full--width .searches--col {
    flex-basis: 100%;
  }

  .tnresults--popular--searches.popular--searches--full--width {
    padding-left: 20px;
    padding-right: 20px;
  }

  .owner-body .tnresult--listing--card,
  .ha-body .tnresult--listing--card {
    height: calc(100vh - 248px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .tnresults--popular--searches.popular--searches--full--width {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tnresult--map {
    top: 179px;
    height: calc(100% - 230px);
  }

  .owner-body .tnresult--map,
  .ha-body .tnresult--map {
    height: calc(100vh - 165px);
    top: 116px;
  }

  .owner-body .tnresult--map.active-filter-line1 {
    height: calc(100vh - 160px);
  }

  .owner-body .tnresult--listing--card.active-filter-line1 {
    height: calc(100vh - 372px);
    padding-bottom: 0;
  }

  .tnresult--filter {
    top: 128px;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 99;
  }

  .owner-body .tnresult--filter,
  .ha-body .tnresult--filter {
    top: 64px;
  }

  .owner-body .tnresult--listing--card,
  .ha-body .tnresult--listing--card {
    height: calc(100vh - 349px);
  }

  .tnresult--middle {
    padding-top: 60px;
  }

  .header--inner--pages #header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
  }

  .top--sticky--ad .tnresult--filter {
    z-index: 1111;
  }

  .mobile--filter .tnrslt--btm--ad {
    min-height: inherit;
  }

  .brandpage--body .tnresult--filter {
    top: 64px;
  }

  .jurisdiction-toast.has--cobranded .tnresult--listing--card {
    height: calc(100vh - 465px);
  }
}

@media screen and (max-width: 768px) {
  .income--base--cards .tnresult--small--card {
    min-height: unset;
    max-height: unset;
  }

  .tnresult--small--card.with-info-badge.with-community-name.with-affordability {
    min-height: unset;
    max-height: unset;
  }
}