:root {
  --body-background: #333;
  --body-color: #ccc;
  --white-color: #fff;
  --primary-color: #111;
  --hover-effect: brightness(75%) contrast(125%);
  --color-body_background: inherit;
  --color-links: inherit;
  --color-header_background: inherit;
  --color-header_links: inherit;
  --color-header_text: inherit;
  --color-menu_background: inherit;
  --color-hero-title_text: inherit;
  --color-icons: inherit;
  --color-social-icons: inherit;
  --color-button_background: inherit;
  --color-button_text: inherit;
  --color-footer_background: inherit;
  --color-footer_text: inherit;
}

.mg_edit a {
  display: none;
}
html, body {
  font-size: 13px;
}
body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
.mg_filter-bar ul {
list-style: none;
padding: 0;
}
h1, h2, h3, h4 {
  font-weight: 600;
}
.filter-fields ul, .property-price ul li {
  list-style: none;
  padding-left: 0;
}
.filter-fields .child-filters {
  padding-left: 10px;
}
#sidebar .sidebar-content {
  padding: 15px;
}
.navbar-default, .navbar-default .navbar-nav>.active>a {
  background-color: transparent;
}
input, .btn {
  outline: none;
  border: 0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: unset;
}
/* Layout */

#body_header {
  margin-top: 50px;
  margin-bottom: 15px;
  font-size: 11px;
  position: relative;
  padding-right: 0;
}
#languages a {
  padding: 0 5px;
}
#languages a {
  color: #989898;
}
#languages a:hover {
  color: #CCC;
}
#languages a.current {
  color: var(--white-color);
}
#header #logo {
  float: left;
  margin-left: 15px;
}
#header #logo h1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}
#header #logo h1 a span {
  float: left;
  margin: 20px;
}
#header #logo a {
  display: block;
}
#header #logo h1 a span {
  display: block;
  float: none;
  margin: 0;
  padding: 20px;
}
.navbar {
  border: 0;
}
#main_menu {
  font-size: 14px;
  text-transform: uppercase;
}
#main_menu ul {
  float:right;
  margin-bottom: 20px;
}
#main_menu li a {
  color: var(--white-color);
  font-size: 13px;
}
#main_menu li a:hover {
  color: #ccc;
  background: none;
}
#main_menu .dropdown:hover .dropdown-menu {
  display: block;
  text-align: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  left: 0;
  top: 98px;
  position: absolute;
  height: auto;
  float: none;
  z-index: 1000;
}
#main_menu .dropdown-menu li {
  margin: 0;
  clear: both;
  z-index: 1000;
  padding: 0;
  float: none;
}
#main_menu .dropdown-menu li a {
  display: block;
  float: none;
  padding: 5px 10px;
  white-space: normal;
  line-height: 1.4;
}
#content {
  min-height: 500px;
  padding-bottom: 20px;
}

/* Pagination */

.pagination {
  float: left;
  width: 100%;
  margin: 0 0 20px;
  padding: 2px;
  overflow: hidden;
  font-size: 14px;
  text-align: center;
  }
.pagination li {
  display: inline;
  list-style-type: none;
  margin: 0 2px;
  }
.pagination li.currentpage {
  background-color: #6d6d6d;
  border: medium none;
  color: var(--white-color);
  font-weight: bold;
  padding: 2px 5px;
  }
.pagination li.disablepage {
  border: medium none;
  color: #666;
  padding: 2px 5px;
  }
 .pagination a {
  color: #ddd;
  }
.pagination a, .pagination a:visited {
  border: medium none;
  color: #ddd;
  font-weight: bold;
  padding: 2px 5px;
  text-decoration: none;
  }

/* Property listings */



/* ---------- Contact Form ---------- */

#content .mg-notice,
#contact_form #errorExplanation {
margin: 0 0 20px;
padding: 20px 0px;
margin-top: 20px;
}
#contact_form #errorExplanation h2 {
  display: none;
}
#contact_form #errorExplanation p {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
#errorExplanation {
  background-color: #444;
  margin: auto auto 20px;
  padding: 10px;
}
#contact_form #errorExplanation h2 {
  font-size: 18px;
}

/* ---------- end Contact Form ---------- */

#content.one-column #parent {
float: none;
width: 100%;
}
#properties #content #sidebar {
background: url("../images/results-sidebar-bg-top-1.png") no-repeat scroll 0 0 #555;
float: left;
margin: 42px 0 0;
}
#profile_image img {
  box-shadow: 0 0 5px rgba(0,0,0,.15);
  margin: 0 0 20px;
  max-width: 218px;
}
#content div#slideshow, #profile_image img {
  box-shadow: 0 0 5px rgba(0,0,0,.15);
}
#content #sidebar #mg_profile_image,
#content #sidebar #mg_contact_info {
  float: left;
	display: inline;
}
#content #sidebar .contact-us .user-content a {
  display: inline-block;
  line-height: 54px;
  width: 204px;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

/* ---------- Property ---------- */

.socialite {
	display: inline;
}
.socialite a {
  margin-left: 3px;
}
.property .title {
	margin-bottom: 5px;
}
.property .location, .property .location a {
	color: #999;
	font-size: 13px;
}
#mg_property_show {
	position: relative;
  overflow: hidden;
}
#mg_property_show h2 {
  margin: 0 0 10px;
  font-size: 15px;
}
#mg_property_show #main_features ul {
  padding: 0;
}
#mg_property_show #main_features ul li {
  display: inline-block;
  margin: 5px 7px 0 0;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.05);
}

.icon.icon-bed:before, #main_features ul li.beds:before,
.icon.icon-bath:before, #main_features ul li.baths:before,
.icon.icon-bath:before, #main_features ul li.lot-size:before,
.icon.icon-area:before, #main_features ul li.space:before {
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  margin-right: 8px;
  vertical-align: baseline;
}

.icon.icon-bed:before, #main_features ul li.beds:before { content: "\f236" }
.icon.icon-bath:before, #main_features ul li.baths:before { content: "\f2cd" }
.icon.icon-lot-size:before, #main_features ul li.lot-size:before { content: "\f065" }
.icon.icon-area:before, #main_features ul li.space:before { content: "\f1b2" }


#mg_property_show #overview #prices ul, #mg_property_show #video ul {
  list-style: none;
  padding: 0;
}
#mg_property_show .property-status-badge {
  padding: 10px;
  font-size: 14px;
  color: var(--white-color);
  border-radius: 5px;
}
#mg_property_show #files ul li a {
  margin-bottom:  5px;
  display: block;
  text-decoration: underline;
}
#mg_property_show #files ul, #amenities ul {
  padding: 0;
  list-style: none;
}
#mg_property_show #amenities h5 {
  font-weight: 600;
  margin-bottom: 5px;
}
#mg_property_show #amenities ul li {
  display: inline-block;
}
#mg_property_show #amenities ul li:after {
  content: ',';
}
#mg_property_show #amenities ul li:last-child:after {
  display: none;
}
#mg_property_show #financing-options ul {
  padding: 0;
}
#mg_property_show #financing-options ul li {
  display: inline-block;
}
#mg_property_show #financing-options ul li:after {
  content: ',';
}
#mg_property_show #financing-options ul li:last-child:after {
  display: none;
}
#content .property-main .map .map-container {
  height: 315px;
}
.tab-pane iframe {
  min-height: 450px;
}
#map {
  border: 0;
}
#mg_property_show .property-main h5, #contact_form_wrapper h4, #description h4, #amenities h4, #financing-options h4 {
font-size: 16px;
margin-top: 20px;
}
#summary ul {
  list-style: none;
  padding-left: 0;
}
/* ----------- end Property ------------ */

/* -----  Property List and filters ----- */

/* Aside */

    .aside {
      padding: 0;
    }
    .aside .separator {
      padding: 20px 20px 0;
      font-size: 17px;
    }
    .aside .separator h3 {
      color: var(--white-color);
    }
    .aside .filter {
      background: none;
    }
    .aside .filter:not(:last-child) {
      margin-bottom: 0px;
    }
    .filter-fields .child-filters {
      padding-left: 10px;
    }
    .filter.panel {
      background: none;
    }
    .filter .panel-heading h4 {
      margin-bottom: 0;
    }
    .filter .panel-body {
      background: rgba(0,0,0,.1);
    }
    .filter-fields ul {
      list-style: none;
      padding-left: 0;
    }
    .filter-fields .field, .filter-fields .filter-action {
      margin-bottom: 10px;
    }
    .filter-fields .input-button {
      min-height: 40px;
      margin: 0;
    }
    .field-group {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: .5rem;
      width: 100%;
    }

    .filter-link {
      display: grid;
      grid-template-columns: 1fr max-content;
      text-align: left;
    }

  /* Sort By */

    .sort-by {
      text-align: right;
      font-size: 13px;
    }
    .sort-by-label {
      float: left;
      margin-right: 10px;
      margin-top: 7px;
    }


#content .mg_filter-bar h3 {
  margin: 15px;
}
#content .mg_filter-bar h4 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}
#content .mg_filter-bar .LV_validation_message {
  display: block;
  margin: 0 0 20px;
}
#content .mg_filter-bar .LV_validation_message.LV_valid {
  display: none;
}
#content .mg_filter-bar .filter-action .input-button {
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0 -78px;
  background-repeat: no-repeat;
  border: medium none;
  font-size: 12px;
  height: 25px;
  margin: 0;
  padding: 0;
  width: 81px;
  margin-top: 5px;
}
#content .mg_filter-bar .field label {
  display: block;
  margin: 10px 0 0 0;
  font-size: 12px;
}

.pagination {
  text-align: right;
  margin: 0;
}
.pagination ul {
  margin: 0;
}
.pagination ul li {
  display: inline;
  margin: 0 2px;
}
.pagination ul li.currentpage {
  padding: 1px 6px;
}
.header-pagination {
  display: none;
}
.sort-by {
  float: right;
  display: inline;
  margin: 10px 0;
}
.sort-by span {
  float: left;
  margin-right: 10px;
}
.sort-by form {
  float: left;
  margin-top: -7px;
}
.sort-by form select {
  font-size: 12px;
}

.sort-by-container {
  padding-block: .5rem;
}
#mg_property_listings {
	clear: both;
}
.property-listing {
  border-style: solid;
  border-width: 1px;
  margin: 0 0 30px;
  padding: 20px;
  overflow: hidden;
}
#content .property-listing .code {
  float: right;
  font-size: 11px;
}
#content .property-listing h5 {
  margin: 0;
  padding: 0;
}
#content .property-listing p {
  margin: 0 0 0.4em;
}
#content .property-listing .property-photo {
  display: block;
  position: relative;
  width: 300px;
}
#content .property-listing .property-photo a {
  display: block;
  text-align: center;
  text-decoration: none;
}
#content .property-listing .property-photo a img {
  border-style: solid;
  border-width: 1px;
  width: 100%;
}
#content .property-listing .property-photo a .property-status-badge {
  width: 202px;
  color: var(--white-color);
  margin: 0px auto;
  margin-top: -35px;
  z-index: 1;
  position: relative;
  padding: 3px 0;
}
.property-status-badge {
  background-color: #bf1e2d;
}
.property-status-badge.reserved {
  background-color: #fdbe45;
}
.property .property-status-badge {
  border: 2px solid #e8e8e8;
  color: var(--white-color);
  padding: 5px 10px;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
}
#content .property-listing .property-description {
  margin-bottom: 10px;
}
#content .property-listing .property-description, #content .property-listing .view-details {
  margin-left: 320px;
}
#content .property-listing .property-description h4 a {
  font-size: 16px;
}
#content .property-listing .property-description .property-price {
  float: right;
  margin-top: 5px;
}
#content .property-listing .property-description .property-price h4 {
  font-family: "Lucida Grande","Lucida Sans Unicode", sans-serif;
  font-size: 16px;
  float: right;
}
#content .property-listing .property-description .property-price ul {
  padding-left: 0px;
}
#content .property-listing, #content .mg_filter-bar  {
  background-color: #f9f9f9 ;
  border: 1px solid #eee;
  box-shadow: 0px 1px 1px rgba(0,0,0,.1);
}
#content .property-listing .property-description .property-price h5 {
  border: none;
  font-size: 13px;
  font-weight: 700;
}
#content .property-listing .view-details a,.input-button,#featured_properties .button a {
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0 -232px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 36px;
  line-height: 35px;
  text-align: center;
  width: 102px;
}
.input-button {
  line-height: normal;
}
#content .property-listing .property-photo {
  float: left;
	text-align: center;
}
#content .mg_filter-bar .filter {
  margin: 0;
}
#content .mg_filter-bar .filter h3 {
  margin: 0 0 20px;
  font-weight: bold;
}

#main_content .share {
  display: none;
}


/* -----  end property List and filters ----- */

/* ----- Footer ----- */
#footer {
	font-size: 11px;
	padding: 20px 30px;
}
/* ----- end Footer ----- */

#mg_preview_banner {
  margin: 60px 0 0;
  position: absolute;
  text-align: center;
  width: 920px;
}
#mg_preview_banner div {
	margin: 0 auto;
  padding: 10px;
  width: 500px;
  border-width: 1px;
  border-style: solid;
}
#mg_preview_banner div a:hover {
	border-bottom: 1px dotted;
}

/*---- Styles only applying to the site-builder ----*/

#content .mg_edit {
  top: 0;
  right: 0;
}
#content #mg_main_image .mg_edit {
  right: -8px;
}
#content #sidebar #mg_profile_image .mg_edit_link img,
#content #slideshow #mg_main_image .mg_edit_link img,
#content #sidebar #mg_contact_info .mg_edit_link img,
#content #sidebar #mg_contact_us_home_button .mg_edit_link img {
  border: 0;
  margin: 0;
  padding: 1px;
  background: none;
}
#content #sidebar #mg_profile_image .mg_edit_link img,
#content #slideshow #mg_main_image .mg_edit_link img{
  background-color: #ddd;
}
#content #sidebar #mg_contact_us_home_button .mg_edit {
  right: 5px;
}
/*---- end Styles only applying to the site-builder ----*/

/* end Menu Item Styles */

/* Property Layout */

.mg_widget.mg_property-details {
  margin: 0px -20px 0 -20px;
  padding: 20px;
}
#overview {
  margin-bottom: 20px;
}
.listing {
  width: 600px;
  float: left;
  margin: 30px 0 30px 0;
}
.mg_widget.mg_property-sidebar {
  float: right;
}
#property_sidebar {
  width: 220px;
  margin-top: 20px;
  font-size: 12px;
}
.nav-tabs {
  margin-bottom: 15px;
}
#media {
  margin-bottom: 30px;
}
#property_sidebar h5 {
  font-size: 14px;
  font-weight: bold;
}
#prices li {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
}
.calendar_date_select_popup_icon {
  margin-left: 370px;
}

.property-header {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  margin-block: 15px;
  padding-bottom: 8px;
}
.property-listing h5 {
  border-bottom: 0!important;
}
.property-listing .property-price h5 {
  display: none;
}
.property-listing .property-price ul li {
  font-size: 17px;
}
.property-listing .listing-type-price {
  font-weight: 600;
}
.property-listing .listing-type {
  font-size: 14px;
}

#details table tr td:nth-child(2) {
  font-weight: bold;
 }
#details table tr td:first-child {
  padding-right: 10px;
 }
#details table tr td {
  padding: 3px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  background: var(--white-color);
  font-size: 12px;
  border: 1px solid #e8e8e8;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
}
.datepicker table tr td {
  padding-top: 6px;
  height: 26px;
}
.datepicker thead tr:first-child th, .datepicker tfoot tr th {
  padding-top: 3px;
  height: 26px;
}
.datepicker table tr th {
  font-weight: bold;
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-right { margin-right: 0!important; }
.glyphicon-chevron-left  { margin-left: 0!important;  }

.glyphicon-chevron-right::before { content: "\f054" }
.glyphicon-chevron-left::before  { content: "\f053" }

.glyphicon-chevron-right::before,
.glyphicon-chevron-left::before {
  font-weight: 900;
  font-size: 50px;
}

.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.glyphicon-th:before {
  content: '\e011';
}
.input-group.date {
  width: 100%;
}
.print-link-text {
  display: none;
}
#code_search_form {
  position: relative;
  display: none;
  width: 250px;
}
#code_search_form #menu_search_code {
  border: 0;
}
#code_search_form .input-button {
  position: absolute;
  top: 0;
  right: -1px;
  border: 0;
  width: 34px;
  border-radius: 0 5px 5px 0;
  height: 34px;
  font-weight: bold;
  color: var(--white-color);
  background: #777;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background: none;
}
#mg_property_show #main_features ul li {
  background: rgba(0,0,0,.05);
}
#prices .temporary-rates li {
color: #333;
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
.temporary-rates h5 {
  display: none;
}
.temporary-rates ul ul li {
  font-weight: bold!important;
  font-size: 16px;
}
.map-empty-container {
  background: url('/themes/minimaloide/images/map-placeholder.png') center center no-repeat;
  height: 400px;
  text-align: center;
  border: 5px solid #f1f1f1;
}
#mg_property_show .map-empty-container .map-text {
  color: #888;
  display: inline-block;
  margin-top: 150px;
  font-size: 22px;
  font-weight: bold;
  max-width: 400px;
  background: var(--white-color);
  padding: 20px;
  border-radius: 4px;
}
#contact_form_wrapper {
  padding: 20px;
  margin-top: 15px;
  border-radius: 5px;
  background: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.1);
}
.media.agent {
  margin: 0 15px 15px 0;
}
.media.agent .media-left {
  float: left;
  margin-right: 15px;
}
.agent {
  margin: 1rem;
}
.agent-info {
  margin-top: 10px;
}
.agent-image img {
  width: 75px;
  height: 75px;
  border: 1px solid #e4e8eb;
}
.agent-name, #contact_form_wrapper h4 {
  margin-top: 0;
}

.agent .cell,
.agent .phone {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
}

.agent .cell::before,
.agent .phone::before {
  font-family: 'Font Awesome 6 Pro';
  display: inline-block;
  font-weight: 900;
  background: none;
  color: var(--color_links, var(--white-color));

}
.agent .phone::before { content: '\f095'}
.agent .cell::before  { content: '\f3ce'}

.modal-dialog {
  z-index: 1050;
}
#agents .user .media-left img {
  width: 75px;
  border: 1px solid #e4e8eb;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.05);
  box-shadow: 1px 1px 2px rgba(0,0,0,.05);
}

/* Agents */

  .company {
    display: none;
  }
  .company img {
    max-width: 95px;
    margin: 5px 0;
  }
  .modal-dialog {
    z-index: 1050;
  }
  .modal-dialog h4 {
    color: #000;
  }
  .modal-dialog label {
    color: #333;
  }
  .modal-dialog table td {
    padding-right: 15px;
  }
  .modal-dialog table input, .modal-dialog table textarea {
    margin-bottom: 15px
  }
  .modal-dialog .field_with_errors input, .modal-dialog .field_with_errors textarea {
    border: 1px solid #f7887d;
  }
  .modal-dialog .mg-notice {
    box-shadow: none;
    border: 0;
  }
  .modal-dialog .mg-notice h1 {
    margin-top: 0px;
  }
  .agents .user .media-left img {
    width: 75px;
    border-radius: 6px;
    overflow: hidden;
  }
  .modal .mg-notice, .modal .mg-notice h1 {
    text-align: center;
    color: #000;
  }


@media (max-width: 991px) {
  .agents .col-sm-4 + .col-sm-4 {
    margin-top: 2.5rem;
  }
}

.divider {
  padding-block: 1.5rem;
  height: 0px;
}

.agents .phone,
.agents .cell {
  margin-top: .25rem;
}

.agents .media-body {
  width: 100%;
  text-align: left;
}

.social-links {
  position: absolute;
  margin-top: -35px;
  right: 0;
}
.social-links a {
  color: var(--white-color);
  padding: 0;
  opacity: .6;
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
}
.social-links a:before {
  font-family: "Font Awesome 6 Brands";
}
.social-links a:hover {
  text-decoration: none;
  opacity: 1;
}
.social-links a.whatsapp:before {
  content: "\f40c";
}
.social-links a.facebook:before {
  content: "\f082";
}
.social-links a.twitter:before {
  content: "\e61a";
}
.social-links a.linkedin:before {
  content: "\f08c";
}
.social-links a.youtube:before {
  content: "\f431";
}
.social-links a.instagram:before {
  content: "\e055";
}
.social-links a.pinterest:before {
  content: "\f0d3";
}
.social-links a.tiktok:before {
  content: "\e07b";
  font-size: 24px;
}

/* Carousel */

    #slideshow .container {
      width: auto;
    }
    #slideshow .carousel-control, .featured-properties .carousel-control {
      background: none;
      background-image: none;
      z-index: 2;
      width: 5%;
      top: 30%;
      bottom: 40%;
    }
    #slideshow .carousel-indicators {
      display: none;
    }
    .carousel-inner .item .card .picture, .carousel-inner .item .card .info {
      float: none;
      width: 100%;
    }
    .carousel-inner .item .card .picture {
      height: 400px;
      overflow: hidden;
      text-align: center;
      background: #ccc;
      padding: 0;
    }
    .carousel-inner .item .card .picture img {
      width: 100%;
      position: absolute;
      left: 0;
    }
    .carousel-inner .item .card .info {
      background: rgba(0,0,0,.5);
      position: absolute;
      bottom: 0px;
      color: var(--white-color);
      width: 100%;
      left: 0;
      padding: 10px;
    }
    .carousel-inner .item .card .info h3 {
      font-size: 16px;
      margin: 0;
    }
    .carousel-inner .item .card .info p {
      margin: 5px 0;
      font-style: italic;
      font-family: 'georgia', serif;
      color: #ccc;
    }
    .carousel-inner .item .card .info .price {
      font-size: 18px;
      position: absolute;
      top: 15px;
      right: 15px;
    }
    .carousel-inner .item .card .info .btn {
      display: none;
    }
    .carousel-inner .item .card .info .property-status-badge {
      width: auto!important;
      border-radius: 4px;
      padding: 7px 12px;
      font-size: 16px;
    }

@media (max-width: 767px) {
  #gallery .royal-image-slideshow:not(.rsFullscreen) {
    height: 350px !important;
  }
}

/* Contact Modal Styles */

.fixed-bottom {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  left: 0;
}
.fixed-bottom .btn {
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  padding: 15px;
}
#contactModal {
  background: var(--white-color);
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  line-height: 1;
}

#contactModal .modal-header {
  flex-direction: row-reverse;
}

#contact_form_wrapper .user-content h4,
#contactModal .info-box .user-content h4 {
  display: none;
}

#contactModal .modal-dialog {
  margin: 0;
}

#contact_form_wrapper form + .form-group {
  margin-bottom: 0;
}

#contactModal .agent-info {
  text-align: center;
}

.modal-header .close {
  padding: 0 .5rem;
  float: unset;
  opacity: 1;
  height: 100%;
  text-shadow: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content {
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
.modal-content #contact_form_wrapper {
  background: #fff!important;
  border: 0!important;
  box-shadow: none!important;
}
.modal-content .form-wrapper .user-content {
  display: none;
}
.modal-content .form-wrapper .info-box {
  text-align: left;
}
.modal-content .form-wrapper .media {
  margin-top: 0;
}
.modal-content .form-wrapper #contact_form_wrapper td {
  padding: 0;
}
.modal-content .print-property {
  display: none;
}

#mg_property_show #prices .listing-type-price {
  font-size: 24px;
}
#prices .listing-type li {
  font-size: 18px;
}
#prices .listing-type li:last-child {
  margin-bottom: 5px;
}
#mg_property_show #prices ul li:not(.price-type) {
  font-size: 14px;
}
#mg_property_show #prices .listing-type ul li {
  background: none;
  font-size: 24px;
}
#mg_property_show #prices .temporary-rates li {
  font-size: 1.4em;
}
#mg_property_show #prices .period {
  font-size: 16px;
  margin-left: 3px;
}
#mg_property_show #prices .price-type > .listing-type {
  text-transform: lowercase;
}
.property-listing li {
  list-style: none;
}
#website_translator {
  margin: 10px 0;
}
#virtual_tour iframe {
  margin-bottom: 0;
}
.toggle-virtual-full {
  margin: 10px 15px 15px;
}
:-webkit-full-screen #virtual_tour_iframe {
  width: 100%!important;
  height: 100%!important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
}
.custom-select {
  border-radius: 2px!important;
  border: 1px solid #dbe4ea;
}
.custom-select select {
  height: 40px;
  padding: 10px 16px;
}
.btn-light {
  height: 42px;
  padding-top: 11px;
  margin-top: 10px;
  border-radius: 2px;
  font-size: 14px;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
  border: 1px solid #dbe4ea;
}


/* Pagination */

  .pagination {
    margin: 5rem 0 3rem;
    float: none;
    border: 0;
    text-align: center;
  }

  .pagination .page a:hover,
  .pagination .page a:focus,
  .pagination .page a:active {
    text-decoration: none;
    background: #444;
  }

  .pagination .page > a,
  .pagination .current,
  .pagination .page > span {
    margin: 0 .25rem;
    min-width: 3rem;
    height: 3rem;
    font-size: 1rem;
    border-radius: 2.5rem;
    display: inline-block;
    font-weight: 600;
    box-shadow: 0px 1px 3px rgba(0,0,0,.05);
    background: #333;
    border: 1px solid #222;
    line-height: 1rem;
    padding: 1rem;
  }

  .pagination .current {
    color: var(--white-color);
    font-style: normal;
  }

  .pagination span > i {
    font-size: .9rem;
  }


.location-search-filter .search-bar-icon {
  top: 50%;
  translate: 0 -50%;
}

.location-search-filter .reset-search i {
  top: 0;
  color: #ccc;
}


/* Color variables for palettes */

body {
  background: var(--body-background);
  color: var(--body-color);
}

h1,h2,h3,h4, a {
  color: var(--white-color);
}

#content {
  background-color: var(--primary-color);
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 0 20px rgba(0,0,0,.8);
}

#content .mg_filter-bar,
#content .property-listing,
#sidebar .sidebar-content {
  background-color: rgba(0,0,0,.05);
  border: 1px solid rgba(0,0,0,.05);
}

#featured_properties ul li h3 {
  color: var(--white-color);
  border-color: var(--white-color);
}

#featured_properties p,#featured_properties h4 {
  color:#fef6b4;
}

.pagination ul li.currentpage {
  background-color:#676767;
  color: var(--white-color);
}

#content .property-listing h5 {
  border-bottom:1px dotted gray;
}

#content .property-listing .view-details a,
#contact_form .input-button,
#featured_properties .button a,
#content .mg_filter-bar .filter-action .input-button {
  color:var(--white-color);
  background-color: #555;
  border: 2px solid rgba(255,255,255,.5);
  border-radius: 6px;
}

#content .mg-notice,
#contact_form #errorExplanation {
  color: #eaeae3;
  background-color: #222;
}

#content .mg-notice a {
  color:#333;
}

#content .mg-notice h1 {
  color:#eaeae3;
}

#contact_form #errorExplanation h2 {
  color: var(--primary-color);
}

#body_footer .mg-attribution {
  color:#b7b0b0;
}

#body_footer .mg-attribution a {
  color:#a39b9b;
}

#body_footer .mg-attribution a:hover {
  color:#666;
}

#main_menu a,
#main_menu li.active a:hover,
#content .mg_filter-bar a,
#content .mg_filter-bar .LV_validation_message {
  color: var(--white-color);
}

#main_menu li.active {
  background-color: #444;
}

#content .property-main .graphic-section {
  background-color: var(--primary-color);
}

.eb .nav-tabs > li > a {
  color: var(--white-color);
}

.eb .nav-tabs > li > a:hover, .eb .nav-tabs > li > a:visited {
  color: #666!important;
}

#featured_properties h2,#featured_properties ul li h5 {
  color:#a26427;
}

#content .mg_filter-bar h3,
#content .mg_filter-bar h4,
#content .mg_filter-bar .count,
#footer .menu li a {
  color:#999;
}

#content .mg_filter-bar input,
#content .mg_filter-bar select,
#contact_form .input-text,
#contact_form textarea,
#contact_form .date,
#featured_properties ul li img,
#content .property-listing .property-photo a img {
  border-color:#b3b3b3;
}

.pagination ul li a,
.pagination ul li.nextpage a {
  color:#eaeae3;
}

#mg_footer {
  width: 680px;
}

h1.logo span {
  color: #cacaca;
}

#content #sidebar .contact-us .user-content a,
.btn,
.btn:hover,
.btn:focus,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.navbar-default .navbar-toggle .icon-bar {
  background: var(--white-color);
}

.navbar-default .navbar-collapse {
  border-color: rgba(255,255,255,.1);
}

#content .property-listing,
#content .mg_filter-bar {
  background-color: rgba(255,255,255,.05);
}

a,
a:hover,
a:focus {
  color: var(--primary-color)
}

/* ---------- Property ---------- */

#mg_property_show h1 {
  color: var(--white-color);
}
#mg_property_show h2 a {
	color: #ccc;
}

/* ---------- end Property ---------- */

#mg_preview_banner div {
  background-color:#ed1c24;
  border-color: #c11e2a;
  color:var(--white-color);
}

#mg_preview_banner div a {
  color:#f4bec2;
}

#prices li {
  color: var(--white-color);
}

.property-header {
  border-bottom: 1px solid #444;
}

#prices .temporary-rates li {
  color: var(--white-color);
}

#code_search_form .input-button {
  background: #333;
}

.nav-tabs>li>a {
  color: #999
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  background: #222;
  border-color: #444;
  color: var(--white-color);
}
.nav>li>a:hover, .nav>li>a:focus {
  background: #333;
  border-color: #444;
  color: var(--white-color);
}
.nav-tabs {
  border-color: #444;
}
#main_menu .dropdown-menu li {
  background: #333;
}
#main_menu .dropdown-menu li a {
  color: var(--white-color);
  background: #333;
}
#main_menu .dropdown-menu li a:hover,
.eb .dropdown-menu > .active > a,
.eb .dropdown-menu > .active > a:hover,
.eb .dropdown-menu > .active > a:focus {
  background: #222;
  color: var(--white-color);
}
#contact_form_wrapper {
  border: 1px solid rgba(255,255,255,.05);
}
  .agents hr {
    border-color: #444;
  }

/* Gallery */
  #gallery .rsUni, #gallery .rsUni .rsOverflow, #gallery .rsUni .rsSlide, #gallery .rsUni .rsVideoFrameHolder {
    background: #222;
  }
  #gallery .rsGCaption {
  background: #222;
  }
  #gallery .rsUni .rsThumbs {
    border-top: 1px solid #333;
  }
  #gallery .rsUni .rsThumbs, #gallery .rsUni .rsThumbs .rsThumb, #gallery .rsUni .rsThumbs .rsThumb.rsNavSelected {
    background: #222;
  }
  #gallery .rsUni .rsThumbs .rsThumb.rsNavSelected img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


/* Universal Color Variables */

/* Body Background */
body {
  background: var(--color-body_background, var(--body-background));
}

/* Links */
a,
a:hover,
a:focus {
  color: var(--color_links, var(--white-color))
}

/* Header Background */
#header {
  background-color: var(--color-header_background, transparent);
}

/* Header Links */
#main_menu .dropdown-menu li a,
#main_menu .dropdown-menu li a:hover,
#main_menu li a,
#main_menu li a:hover,
#main_menu li a:focus {
  color: var(--color-header_links, var(--white-color));
}

/* Header text */
#header p {
  color: var(--color-header_text, var(--white-color));
}

/* Menu Background */
.navbar-collapse .navbar-nav {
  background-color: var(--color-menu_background, transparent);
}

#main_menu .dropdown-menu li a:hover,
#main_menu .dropdown-menu li {
  background-color: var(--color-menu_background, var(--body-background));
}

@media (max-width: 767px) {
  #bs-example-navbar-collapse-1 {
    background-color: var(--color-menu_background, transparent);
  }

  #main_menu .dropdown-menu li a {
    background-color: transparent;
  }

  .navbar {
    margin-bottom: 0;
  }
}

/* Icons */
.glyphicon-chevron-left::before,
.glyphicon-chevron-right::before {
  color: var(--color-social-icons, var(--white-color));
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--color-social-icons, var(--white-color));
}

/* Social Icons */
.social-links a::before {
  color: var(--color-social-icons, #fff);
}

/* Buttons Background */
#content .property-listing .view-details a,
#contact_form .input-button,
#featured_properties .button a,
#content .mg_filter-bar .filter-action .input-button,
#content #sidebar .contact-us .user-content a,
.btn,
.btn:hover,
.btn:focus,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
  background-color:var(--color-button_background, var(--primary-color));
  color:var(--color-button_text, #fff);
}

#content .property-listing .view-details a:hover,
#contact_form .input-button:hover,
#featured_properties .button a:hover,
#content .mg_filter-bar .filter-action .input-button:hover,
#content #sidebar .contact-us .user-content a:hover,
.btn:hover,
.btn-primary:hover {
  filter: var(--hover-effect);
}

#main_menu li.active,
#main_menu li.active a:hover,
#main_menu li.active a {
  background-color:var(--color-button_background, var(--primary-color));
  color:var(--color-button_text, #fff);
}

#main_menu li.active a {
  color:var(--color-button_text, #fff);
}

/* Footer Background */
#footer {
  background-color: var(--color-footer_background, transparent);
}

/* Footer Text */
#footer a,
#footer a:hover,
#footer a:focus,
#footer p,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: var(--color-footer_text, var(--body-color));
}

/** Hide property badge */
.property-status-badge.not_published,
.property-status-badge.published {
  display: none !important;
}


/** translation toggler **/
.translation-toggler .hidden,
.translation-toggler .d-none {
  display: none!important;
}

[data-translation].hidden,
[data-translation].d-none {
  display: none!important;
}

.summary-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.translation-toggler {
  display: inline-flex;
  align-items: flex-start;
  font-size: .9rem;
  margin-top: 20px;
  line-height: 1;
  gap: .25rem;
  color: var(--color-header_links, var(--white-color));
}

.translation-toggler:hover {
  text-decoration: none;
  color: var(--color-header_links, var(--white-color));
}

h1.title div {
  display: inline;
}

.title .translation-icon {
  position: relative;
  top: -2px;
  height: .8em;
  filter: invert(1);
}

/** WhatsApp button **/
.btn-outline {
  border: 1px solid hsl(from var(--color-button_background, var(--primary-color)) h s l / 33%) !important;
  background: white !important;
  color: var(--color-button_background, var(--primary-color)) !important;
  cursor: pointer;
  box-shadow: unset!important;
  transition: border ease-in .3s;
}

.btn-outline:hover {
  border-color: hsl(from var(--color-button_background, var(--primary-color)) h s l / 80%) !important;
  filter: unset;
  box-shadow: unset!important;
}

/** Applied filters **/
@media (min-width: 992px) {
  .filters-container .applied-filters {
    --chip-text-color: white;
    --chip-border-color: white;
    --chip-background: rgba(255,255 ,255, .2);
    --chip-background-hover: rgba(255,255 ,255, .15);
    --chip-icon-background: rgba(255,255 ,255, .2);
    --chip-icon-background-hover: rgba(255,255 ,255, .1);
    padding: 0 1rem;
  }
}

@media (max-width: 991px) {
  .filters-container .applied-filters {
    padding: 0 15px;
  }

  .filters-container .dropdown-content {
    padding: 0;
  }
}

/** Map **/
.map-wrap {
  --map-wrap-border: none;
  --map-wrap-radius: 0;
  --map-wrap-height: 700px;
  --button-radius: 0;
}

/** Filters **/
.properties-header {
  margin-bottom: 1rem;
}

.properties-header .custom-select,
.properties-header .btn {
  height: 40px;
  border-radius: 0;
}

.properties-header .sort-by {
  margin: 0;
  display: inline-block;
}

.properties-header .sort-by form {
  margin: 0;
  float: none;
}

.search-results .row:has(.properties-header) {
  margin: 0;
}

/** Agent contact button **/
.agent-contact-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
}

.agent-contact-button :where(button, a) {
  width: 100%;
  text-transform: unset;
  letter-spacing: normal;
  font-size: .9rem;
  min-height: 2rem;
}

@media (min-width: 992px) {
  .agent-contact-button :where(button, a) {
    max-width: 11rem;
  }
}
