/* Main styles */
@media only screen and (min-width: 576px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 13.4736px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}
#main {
  margin: 0;
}
@media only screen and (max-width: 575.98px) {
  #main .container {
    padding: 0;
  }
}
p {
  margin-bottom: 0;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* Filter */
#listFilterForm, #filterModal {
  /* Category */
  /* End Category */
  /* Location */
  /* End Location */
  /* Price */
  /* End Price */
  /* Map */
  /* End Map */
  /* Keyword */
  /* End Keyword */
  /* Filter submit */
  /* End Filter submit */
}
@media only screen and (min-width: 576px) {
  #listFilterForm, #filterModal {
    width: 25%;
  }
}
#listFilterForm .filter-box, #filterModal .filter-box {
  background-color: #FCFCFC;
}
#listFilterForm .filter-box > div:first-child, #filterModal .filter-box > div:first-child {
  color: #373535;
  font-weight: 500;
  font-size: calc(17rem / 16);
}
#listFilterForm .filter-box > div:first-child svg, #filterModal .filter-box > div:first-child svg {
  width: calc(11rem / 16);
  height: auto;
}
#listFilterForm .filter-box > div:last-child, #filterModal .filter-box > div:last-child {
  max-height: 11rem;
}
#listFilterForm .filter-box > div:last-child label, #filterModal .filter-box > div:last-child label {
  font-size: calc(14rem / 16);
}
#listFilterForm #category, #filterModal #category {
  background-color: #FCFCFC;
}
#listFilterForm #category #categoryNav a, #filterModal #category #categoryNav a {
  border-bottom: calc(2rem / 16) solid #D7DEEC;
}
#listFilterForm #category #categoryNav a svg, #filterModal #category #categoryNav a svg {
  height: 1rem;
  width: 1rem;
}
#listFilterForm #category #categoryNav a p, #filterModal #category #categoryNav a p {
  color: #9FA4A4;
  font-weight: 500;
  font-size: calc(17rem / 16);
}
#listFilterForm #category #categoryNav a.active, #filterModal #category #categoryNav a.active {
  border-bottom-color: #373535;
}
#listFilterForm #category #categoryNav a.active svg path, #filterModal #category #categoryNav a.active svg path {
  fill: #373535;
}
#listFilterForm #category #categoryNav a.active p, #filterModal #category #categoryNav a.active p {
  color: #373535;
}
#listFilterForm #category #categoryList, #filterModal #category #categoryList {
  max-height: 24rem;
}
#listFilterForm #category #categoryList > li, #filterModal #category #categoryList > li {
  margin-bottom: 0.4rem;
}
#listFilterForm #category #categoryList > li > div div, #filterModal #category #categoryList > li > div div {
  line-height: 1;
}
#listFilterForm #category #categoryList > li > div div.sub-cat, #filterModal #category #categoryList > li > div div.sub-cat {
  margin-left: 1.65rem;
}
#listFilterForm #category #categoryList > li > div svg, #listFilterForm #category #categoryList > li > div img, #filterModal #category #categoryList > li > div svg, #filterModal #category #categoryList > li > div img {
  width: 1.15rem;
  height: 1.15rem;
  overflow: hidden;
  object-fit: contain;
  flex-shrink: 0;
}
#listFilterForm #category #categoryList > li > div a, #filterModal #category #categoryList > li > div a {
  color: #183F8A;
  font-size: calc(13rem / 16);
  line-height: 1;
}
#listFilterForm #category #categoryList > li > div .sub-cat a, #filterModal #category #categoryList > li > div .sub-cat a {
  font-size: calc(12rem / 16);
}
#listFilterForm #category #categoryList > li > div .sub-cat li, #filterModal #category #categoryList > li > div .sub-cat li {
  margin-bottom: 0.25rem;
}
#listFilterForm #category #categoryList > li > div .sub-cat li ul, #filterModal #category #categoryList > li > div .sub-cat li ul {
  padding-left: 0.5rem;
  margin-top: 0.25rem;
}
#listFilterForm #location button:not(.filter-modal-close), #filterModal #location button:not(.filter-modal-close) {
  height: 2rem;
  background: #fff;
  color: #707070;
  font-size: calc(12rem / 16);
  padding: 0 1.25rem;
}
#listFilterForm #location button:not(.filter-modal-close) svg, #filterModal #location button:not(.filter-modal-close) svg {
  width: 0.48rem;
  height: auto;
  flex-shrink: 0;
}
#listFilterForm #price li + #listFilterForm #price li, #listFilterForm .range-filter li + #listFilterForm #price li, #filterModal #price li + #listFilterForm #price li, #filterModal .range-filter li + #listFilterForm #price li, #listFilterForm #price li + #listFilterForm .range-filter li, #listFilterForm .range-filter li + #listFilterForm .range-filter li, #filterModal #price li + #listFilterForm .range-filter li, #filterModal .range-filter li + #listFilterForm .range-filter li, #listFilterForm #price li + #filterModal #price li, #listFilterForm .range-filter li + #filterModal #price li, #filterModal #price li + #filterModal #price li, #filterModal .range-filter li + #filterModal #price li, #listFilterForm #price li + #filterModal .range-filter li, #listFilterForm .range-filter li + #filterModal .range-filter li, #filterModal #price li + #filterModal .range-filter li, #filterModal .range-filter li + #filterModal .range-filter li {
  margin-left: 0.5em;
}
#listFilterForm #price li label, #listFilterForm .range-filter li label, #filterModal #price li label, #filterModal .range-filter li label {
  display: inline-block;
  padding: 0.15em;
  color: #373535;
  border: calc(1rem / 16) solid #E5E5E5;
  font-size: calc(13rem / 16);
  cursor: pointer;
}
#listFilterForm #price li input[type=radio], #listFilterForm .range-filter li input[type=radio], #filterModal #price li input[type=radio], #filterModal .range-filter li input[type=radio] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: calc(1rem / 16);
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: calc(1rem / 16);
}
#listFilterForm #price li input[type=radio]:checked + label, #listFilterForm .range-filter li input[type=radio]:checked + label, #filterModal #price li input[type=radio]:checked + label, #filterModal .range-filter li input[type=radio]:checked + label {
  background-color: #E5E5E5;
  border: calc(1rem / 16) solid #E5E5E5;
  font-weight: 500;
}
#listFilterForm #price .range-input-wrapper ::placeholder, #listFilterForm .range-filter .range-input-wrapper ::placeholder, #filterModal #price .range-input-wrapper ::placeholder, #filterModal .range-filter .range-input-wrapper ::placeholder {
  color: #DFDFDF;
  opacity: 1;
}
#listFilterForm #price .range-input-wrapper :-ms-input-placeholder, #listFilterForm .range-filter .range-input-wrapper :-ms-input-placeholder, #filterModal #price .range-input-wrapper :-ms-input-placeholder, #filterModal .range-filter .range-input-wrapper :-ms-input-placeholder {
  color: #DFDFDF;
}
#listFilterForm #price .range-input-wrapper ::-ms-input-placeholder, #listFilterForm .range-filter .range-input-wrapper ::-ms-input-placeholder, #filterModal #price .range-input-wrapper ::-ms-input-placeholder, #filterModal .range-filter .range-input-wrapper ::-ms-input-placeholder {
  color: #DFDFDF;
}
#listFilterForm #price .range-input-wrapper input, #listFilterForm .range-filter .range-input-wrapper input, #filterModal #price .range-input-wrapper input, #filterModal .range-filter .range-input-wrapper input {
  width: 5rem;
  font-size: calc(14rem / 16);
}
#listFilterForm #mapFilter label, #filterModal #mapFilter label {
  font-size: calc(14rem / 16);
}
#listFilterForm #keywordFilter input, #listFilterForm .text-filter input, #filterModal #keywordFilter input, #filterModal .text-filter input {
  font-size: calc(14rem / 16);
}
#listFilterForm #filterSubmit button, #listFilterForm #filterReset button, #filterModal #filterSubmit button, #filterModal #filterReset button {
  background-color: #52C946;
  font-size: calc(12rem / 16);
}
/* End Filter */
/* End Main styles */
#listingPage {
  /* Breadcrumb */
  /* End Breadcrumb */
}
#listingPage #breadcrumb {
  padding-left: 0.5rem;
}
#listingPage #breadcrumb div span {
  margin-right: 0.2rem;
  font-size: 0.8rem;
}
#listingPage #breadcrumb div span:not(:last-child):after {
  content: ">";
  margin-left: 0.2rem;
}
#listingPage #breadcrumb .mobile-breadcrmub li {
  display: inline;
}
#listingPage #mainContainer {
  margin-top: 0.75rem;
  /* Listing container */
  /* End Listing container */
}
#listingPage #mainContainer #listingContainer {
  min-width: 0;
  /* Page title */
  /* End Page title */
  /* Query bar */
  /* End Query bar */
  /* View types */
  /* End View types */
  /* Listing */
  /* End Listing */
  /* Mobile Listing Nav */
  /* Mobile Listing Nav */
  /* Mobile Sub Cats Page (Opening with a setting)*/
  /* Mobile Sub Cats Page (Opening with a setting)*/
}
#listingPage #mainContainer #listingContainer #pageTitle p, #listingPage #mainContainer #listingContainer #pageTitle a {
  color: #8598AA;
}
#listingPage #mainContainer #listingContainer #pageTitle p {
  font-size: calc(14rem / 16);
}
#listingPage #mainContainer #listingContainer #pageTitle a {
  font-size: calc(14rem / 16);
}
#listingPage #mainContainer #listingContainer #pageTitle a svg {
  height: 0.8rem;
  width: auto;
}
#listingPage #mainContainer #listingContainer #queryBar > div {
  width: 100%;
  margin: calc(3rem / 16) calc(16rem / 16) calc(4rem / 16) 0;
}
#listingPage #mainContainer #listingContainer #queryBar > div > span {
  font-weight: 500;
  color: #292d2e;
  font-size: calc(13rem / 16);
}
#listingPage #mainContainer #listingContainer #queryBar a {
  background-color: #eee;
  font-size: calc(12rem / 16);
  padding: calc(4rem / 16) calc(7rem / 16);
  border-radius: calc(2rem / 16);
  text-decoration: none;
  max-width: calc(400rem / 16);
}
#listingPage #mainContainer #listingContainer #queryBar a:hover {
  background-color: #e0e0e0;
}
#listingPage #mainContainer #listingContainer #queryBar a span {
  color: #666;
}
#listingPage #mainContainer #listingContainer #queryBar a button {
  height: calc(22rem / 17);
  width: calc(22rem / 18);
  background-color: #ec9c4a;
  border-radius: calc(2rem / 16);
  padding: 0;
}
#listingPage #mainContainer #listingContainer #queryBar a button:focus {
  outline: none;
}
#listingPage #mainContainer #listingContainer #queryBar a svg {
  flex-shrink: 0;
  height: calc(6rem / 6);
  width: calc(6rem / 12);
}
#listingPage #mainContainer #listingContainer #queryBar div:last-child a {
  background-color: unset;
  font-size: calc(10rem / 16);
  padding: 0;
  text-decoration: none;
  color: #039;
}
#listingPage #mainContainer #listingContainer #queryBar div:last-child a:hover {
  text-decoration: underline;
}
#listingPage #mainContainer #listingContainer #queryBar div:last-child a:hover span {
  color: #444;
}
#listingPage #mainContainer #listingContainer #queryBar div:last-child a:hover button {
  background-color: #CD7D22;
}
#listingPage #mainContainer #listingContainer #viewTypes {
  margin-bottom: 0.75rem;
}
#listingPage #mainContainer #listingContainer #viewTypes ul {
  background-color: #F0F2F4;
}
#listingPage #mainContainer #listingContainer #viewTypes ul li {
  font-size: calc(13rem / 16);
  font-weight: 500;
}
#listingPage #mainContainer #listingContainer #viewTypes ul li:not(:first-child) {
  border-left: calc(1rem / 16) solid rgba(72, 154, 241, 0.33);
}
#listingPage #mainContainer #listingContainer #viewTypes ul li a {
  color: #489AF1;
}
#listingPage #mainContainer #listingContainer #viewTypes ul li.active a {
  color: #707070;
}
#listingPage #mainContainer #listingContainer #viewTypes > div {
  background-color: #F0F2F4;
  padding: calc(5.5rem / 16) 0.5rem;
}
#listingPage #mainContainer #listingContainer #viewTypes > div p {
  font-size: calc(12rem / 16);
  font-weight: 500;
  color: #707070;
  margin-right: 0.75rem;
}
#listingPage #mainContainer #listingContainer #viewTypes > div svg {
  width: auto;
  height: 0.75rem;
}
#listingPage #mainContainer #listingContainer #viewTypes > div a.active svg path {
  fill: #489AF1;
}
#listingPage #mainContainer #listingContainer #viewTypes > div .dropdown button {
  background: none;
}
#listingPage #mainContainer #listingContainer #viewTypes > div .dropdown button:after {
  content: none;
}
#listingPage #mainContainer #listingContainer #viewTypes > div .dropdown .dropdown-item {
  cursor: pointer;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table {
  border-collapse: separate;
  border-spacing: 0 0.25rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table thead tr th {
  background-color: #3F475F;
  font-weight: 400;
  font-size: calc(12rem / 16);
  padding: 0.2rem 0.5rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table thead tr th.sortable {
  cursor: pointer;
  color: #adb4c9;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table thead tr th.sortable:hover {
  text-decoration: underline;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table thead tr th:not(.sort-by) svg {
  display: none;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table thead tr th.sort-desc svg {
  transform: scaleY(-1);
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table thead tr th svg {
  height: 0.5rem;
  width: auto;
  margin-left: 0.2rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table thead tr th:first-child {
  border-top-left-radius: 0.25rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table thead tr th:last-child {
  border-top-right-radius: 0.25rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr {
  background-color: #F6F6F6;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr:hover .action-data > a {
  visibility: visible;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td {
  padding: 0.4rem 0.5rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td > a img {
  width: 6.5rem;
  height: 5rem;
  object-fit: cover;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td:first-child {
  width: 17%;
  border-radius: 0.25rem 0 0 0.25rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td .id-data {
  font-size: calc(10rem / 16);
  color: rgba(34, 34, 34, 0.29);
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td h6 {
  font-size: calc(14rem / 16);
  color: #489AF1;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td .cat-data {
  font-size: calc(13rem / 16);
  color: rgba(34, 34, 34, 0.4);
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td .action-data {
  color: #A1A1A1;
  font-size: calc(10.7rem / 16);
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td .action-data > a {
  visibility: hidden;
  color: #A1A1A1;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td .action-data > a.active {
  visibility: visible;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td .action-data > a.active svg path {
  fill: #FFE900;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td .action-data > a.active svg rect {
  fill: #EDA862;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td .action-data svg {
  width: 0.45rem;
  height: auto;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td.location-data, #listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td.date-data {
  font-size: calc(13rem / 16);
  color: #707070;
}
#listingPage #mainContainer #listingContainer #listingWrapper #listing table tbody tr td.price-data {
  width: 20%;
  color: #D33023;
  font-weight: 700;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper:nth-child(odd) {
  padding-right: 0.125rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper:nth-child(even) {
  padding-left: 0.125rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper:hover .action-data > a {
  visibility: visible !important;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item {
  background-color: #F6F6F6;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item img {
  width: 6.5rem;
  height: 5rem;
  object-fit: cover;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .action-data-wrapper .action-data {
  margin-top: 0.7rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .action-data-wrapper .action-data > a {
  visibility: hidden;
  font-size: calc(8rem / 16);
  color: #A1A1A1;
  margin-bottom: 0.25rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .action-data-wrapper .action-data > a svg {
  width: calc(6rem / 16);
  height: auto;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .action-data-wrapper .action-data > a.active {
  visibility: visible;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .action-data-wrapper .action-data > a.active svg path {
  fill: #FFE900;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .action-data-wrapper .action-data > a.active svg rect {
  fill: #EDA862;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .id-data {
  font-size: calc(10rem / 16);
  color: #B8B8B8;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item h6 {
  font-size: calc(14rem / 16);
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item h6 a {
  color: #489AF1;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .cat-data {
  font-size: calc(11rem / 16);
  color: #A1A1A1;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .price-data {
  color: #D33023;
  font-weight: 700;
  font-size: calc(15rem / 16);
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .location-data {
  margin-bottom: 0.15rem;
}
#listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .location-data, #listingPage #mainContainer #listingContainer #listingWrapper #gallerying .gallery-item-wrapper .gallery-item .date-data {
  color: #707070;
  font-size: calc(12rem / 16);
}
#listingPage #mainContainer #listingContainer #listingWrapper .pagination {
  overflow: auto;
}
#listingPage #mainContainer #listingContainer #mobileListNav {
  background-color: #F8F9FA;
}
#listingPage #mainContainer #listingContainer #mobileListNav > .mobile-list-nav-item {
  width: 33.3333333333%;
  font-size: calc(11rem / 16);
  color: #4D5359;
}
#listingPage #mainContainer #listingContainer #mobileListNav > .mobile-list-nav-item svg {
  height: 1.1rem;
  width: auto;
}
#listingPage #mainContainer #listingContainer #mobileListNav .divider {
  border-left: calc(1rem / 16) solid #E1E1E2;
  height: 1.8rem;
}
#listingPage #mainContainer #listingContainer .mobile-sub-cats {
  top: 45px;
}
#filterModal #modalListFilterForm form {
  display: block !important;
}
#mobileListingPage #breadcrumb {
  padding: 0.6rem 1rem;
}
#mobileListingPage #breadcrumb ul {
  font-size: calc(11rem / 16);
  color: #8598AA;
}
#mobileListingPage #breadcrumb ul li:not(:first-child):before {
  content: ">";
  margin-left: 0.125rem;
}
#mobileListingPage #breadcrumb ul li a {
  color: #8598AA;
}
#mobileListingPage #mobileListing .listing-item:nth-child(odd) {
  background-color: #F6F6F6;
}
#mobileListingPage #mobileListing .listing-item img {
  height: 5rem;
  width: 7rem;
  object-fit: cover;
}
#mobileListingPage #mobileListing .listing-item div h6 {
  font-size: calc(13rem / 16);
  color: #393939;
}
#mobileListingPage #mobileListing .listing-item div p:first-of-type {
  color: #A1A1A1;
  font-size: calc(10rem / 16);
}
#mobileListingPage #mobileListing .listing-item div p:last-of-type {
  color: #1592E6;
  font-size: calc(14rem / 16);
  font-weight: 700;
}