:root {
  --mastermind: #7f54b3;
  --mm-green: #7ad03a;
  --mm-red: #a00;
  --mm-orange: #ffba00;
  --mm-blue: #2ea2cc;
  --mm-primary: #7f54b3;
  --mm-primary-text: white;
  --mm-secondary: #e9e6ed;
  --mm-secondary-text: #515151;
  --mm-highlight: #b3af54;
  --mm-highligh-text: white;
  --mm-content-bg: #fff;
  --mm-subtext: #767676;
}
.mastermind .mastermind-error .button,
.mastermind .mastermind-info .button,
.mastermind .mastermind-message .button,
.mastermind-page .mastermind-error .button,
.mastermind-page .mastermind-info .button,
.mastermind-page .mastermind-message .button {
  float: right;
}
.mastermind .col2-set,
.mastermind-page .col2-set {
  width: 100%;
}
.mastermind .col2-set::after,
.mastermind .col2-set::before,
.mastermind-page .col2-set::after,
.mastermind-page .col2-set::before {
  content: " ";
  display: table;
}
.mastermind .col2-set::after,
.mastermind-page .col2-set::after {
  clear: both;
}
.mastermind .col2-set .col-1,
.mastermind-page .col2-set .col-1 {
  float: left;
  width: 48%;
}
.mastermind .col2-set .col-2,
.mastermind-page .col2-set .col-2 {
  float: right;
  width: 48%;
}
.mastermind img,
.mastermind-page img {
  height: auto;
  max-width: 100%;
}
.mastermind #content div.property div.images,
.mastermind div.property div.images,
.mastermind-page #content div.property div.images,
.mastermind-page div.property div.images,
.mastermind div.property .mastermind-property-content-area {
  float: left;
  width: 58.57%;
}
.mastermind #content div.property div.thumbnails::after,
.mastermind #content div.property div.thumbnails::before,
.mastermind div.property div.thumbnails::after,
.mastermind div.property div.thumbnails::before,
.mastermind-page #content div.property div.thumbnails::after,
.mastermind-page #content div.property div.thumbnails::before,
.mastermind-page div.property div.thumbnails::after,
.mastermind-page div.property div.thumbnails::before {
  content: " ";
  display: table;
}
.mastermind #content div.property div.thumbnails::after,
.mastermind div.property div.thumbnails::after,
.mastermind-page #content div.property div.thumbnails::after,
.mastermind-page div.property div.thumbnails::after {
  clear: both;
}
.mastermind #content div.property div.thumbnails a,
.mastermind div.property div.thumbnails a,
.mastermind-page #content div.property div.thumbnails a,
.mastermind-page div.property div.thumbnails a {
  float: left;
  width: 30.75%;
  margin-right: 3.8%;
  margin-bottom: 1em;
}
.mastermind #content div.property div.thumbnails a.last,
.mastermind div.property div.thumbnails a.last,
.mastermind-page #content div.property div.thumbnails a.last,
.mastermind-page div.property div.thumbnails a.last {
  margin-right: 0;
}
.mastermind #content div.property div.thumbnails a.first,
.mastermind div.property div.thumbnails a.first,
.mastermind-page #content div.property div.thumbnails a.first,
.mastermind-page div.property div.thumbnails a.first {
  clear: both;
}
.mastermind #content div.property div.thumbnails.columns-1 a,
.mastermind div.property div.thumbnails.columns-1 a,
.mastermind-page #content div.property div.thumbnails.columns-1 a,
.mastermind-page div.property div.thumbnails.columns-1 a {
  width: 100%;
  margin-right: 0;
  float: none;
}
.mastermind #content div.property div.thumbnails.columns-2 a,
.mastermind div.property div.thumbnails.columns-2 a,
.mastermind-page #content div.property div.thumbnails.columns-2 a,
.mastermind-page div.property div.thumbnails.columns-2 a {
  width: 58%;
}
.mastermind #content div.property div.thumbnails.columns-4 a,
.mastermind div.property div.thumbnails.columns-4 a,
.mastermind-page #content div.property div.thumbnails.columns-4 a,
.mastermind-page div.property div.thumbnails.columns-4 a {
  width: 22.05%;
}
.mastermind #content div.property div.thumbnails.columns-5 a,
.mastermind div.property div.thumbnails.columns-5 a,
.mastermind-page #content div.property div.thumbnails.columns-5 a,
.mastermind-page div.property div.thumbnails.columns-5 a {
  width: 16.9%;
}
.mastermind #content div.property div.summary,
.mastermind div.property div.summary,
.mastermind-page #content div.property div.summary,
.mastermind-page div.property div.summary {
  float: right;
  width: 36%;
  clear: none;
}
.mastermind #content div.property .mastermind-tabs,
.mastermind div.property .mastermind-tabs,
.mastermind-page #content div.property .mastermind-tabs,
.mastermind-page div.property .mastermind-tabs {
  clear: both;
}
.mastermind #content div.property .mastermind-tabs ul.tabs::after,
.mastermind #content div.property .mastermind-tabs ul.tabs::before,
.mastermind div.property .mastermind-tabs ul.tabs::after,
.mastermind div.property .mastermind-tabs ul.tabs::before,
.mastermind-page #content div.property .mastermind-tabs ul.tabs::after,
.mastermind-page #content div.property .mastermind-tabs ul.tabs::before,
.mastermind-page div.property .mastermind-tabs ul.tabs::after,
.mastermind-page div.property .mastermind-tabs ul.tabs::before {
  content: " ";
  display: table;
}
.mastermind #content div.property .mastermind-tabs ul.tabs::after,
.mastermind div.property .mastermind-tabs ul.tabs::after,
.mastermind-page #content div.property .mastermind-tabs ul.tabs::after,
.mastermind-page div.property .mastermind-tabs ul.tabs::after {
  clear: both;
}
.mastermind #content div.property .mastermind-tabs ul.tabs li,
.mastermind div.property .mastermind-tabs ul.tabs li,
.mastermind-page #content div.property .mastermind-tabs ul.tabs li,
.mastermind-page div.property .mastermind-tabs ul.tabs li {
  display: inline-block;
}
.mastermind #content div.property #reviews .comment::after,
.mastermind #content div.property #reviews .comment::before,
.mastermind div.property #reviews .comment::after,
.mastermind div.property #reviews .comment::before,
.mastermind-page #content div.property #reviews .comment::after,
.mastermind-page #content div.property #reviews .comment::before,
.mastermind-page div.property #reviews .comment::after,
.mastermind-page div.property #reviews .comment::before {
  content: " ";
  display: table;
}
.mastermind #content div.property #reviews .comment::after,
.mastermind div.property #reviews .comment::after,
.mastermind-page #content div.property #reviews .comment::after,
.mastermind-page div.property #reviews .comment::after {
  clear: both;
}
.mastermind #content div.property #reviews .comment img,
.mastermind div.property #reviews .comment img,
.mastermind-page #content div.property #reviews .comment img,
.mastermind-page div.property #reviews .comment img {
  float: right;
  height: auto;
}
/* Container */
.mastermind ul.properties,
.mastermind-page ul.properties {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  margin-left: -25px; /* negative padding for gutters */
  margin-right: -25px;
}

/* Property item base */
.mastermind ul.properties li.property,
.mastermind-page ul.properties li.property,
.mastermind ul.properties li.no-property,
.mastermind-page ul.properties li.no-property {
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 50px; /* vertical spacing */
  padding-left: 25px;  /* horizontal gutter */
  padding-right: 25px;  
}

/* Mobile first: 1 column by default */
.mastermind ul.properties.columns-1 li.property,
.mastermind-page ul.properties.columns-1 li.property {
  flex: 0 0 100%;
  max-width: 100%;
}

/* 2 columns for small tablets */
@media (min-width: 576px) {
  .mastermind ul.properties.columns-2 li.property,
  .mastermind-page ul.properties.columns-2 li.property {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* 3 columns for tablets / small desktops */
@media (min-width: 768px) {
  .mastermind ul.properties.columns-3 li.property,
  .mastermind-page ul.properties.columns-3 li.property {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mastermind ul.properties.columns-4 li.property,
  .mastermind-page ul.properties.columns-4 li.property {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mastermind ul.properties.columns-5 li.property,
  .mastermind-page ul.properties.columns-5 li.property {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mastermind ul.properties.columns-6 li.property,
  .mastermind-page ul.properties.columns-6 li.property {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* 4 columns for desktops */
@media (min-width: 992px) {
  .mastermind ul.properties.columns-3 li.property,
  .mastermind-page ul.properties.columns-3 li.property {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .mastermind ul.properties.columns-4 li.property,
  .mastermind-page ul.properties.columns-4 li.property {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .mastermind ul.properties.columns-5 li.property,
  .mastermind-page ul.properties.columns-5 li.property {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .mastermind ul.properties.columns-6 li.property,
  .mastermind-page ul.properties.columns-6 li.property {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

/* 5 columns for large desktops */
@media (min-width: 1200px) {
  .mastermind ul.properties.columns-4 li.property,
  .mastermind-page ul.properties.columns-4 li.property {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mastermind ul.properties.columns-5 li.property,
  .mastermind-page ul.properties.columns-5 li.property {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mastermind ul.properties.columns-6 li.property,
  .mastermind-page ul.properties.columns-6 li.property {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* 6 columns for extra large screens */
@media (min-width: 1400px) {
  .mastermind ul.properties.columns-5 li.property,
  .mastermind-page ul.properties.columns-5 li.property {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .mastermind ul.properties.columns-6 li.property,
  .mastermind-page ul.properties.columns-6 li.property {
    flex: 0 0 16.66%;
    max-width: 16.66%;
  }
}

.mastermind .mastermind-pagination ul.page-numbers::after,
.mastermind .mastermind-pagination ul.page-numbers::before,
.mastermind-page .mastermind-pagination ul.page-numbers::after,
.mastermind-page .mastermind-pagination ul.page-numbers::before {
  content: " ";
  display: table;
}
.mastermind .mastermind-pagination ul.page-numbers::after,
.mastermind-page .mastermind-pagination ul.page-numbers::after {
  clear: both;
}
.mastermind .mastermind-pagination ul.page-numbers li,
.mastermind-page .mastermind-pagination ul.page-numbers li {
  display: inline-block;
}
.mastermind ul.property_list_widget li::after,
.mastermind ul.property_list_widget li::before,
.mastermind-page ul.property_list_widget li::after,
.mastermind-page ul.property_list_widget li::before {
  content: " ";
  display: table;
}
.mastermind ul.property_list_widget li::after,
.mastermind-page ul.property_list_widget li::after {
  clear: both;
}
.mastermind ul.property_list_widget li img,
.mastermind-page ul.property_list_widget li img {
  float: right;
  height: auto;
}
.mastermind form .form-row::after,
.mastermind form .form-row::before,
.mastermind-page form .form-row::after,
.mastermind-page form .form-row::before {
  content: " ";
  display: table;
}
.mastermind form .form-row::after,
.mastermind-page form .form-row::after {
  clear: both;
}
.mastermind form .form-row label,
.mastermind-page form .form-row label {
  display: block;
}
.mastermind form .form-row label.checkbox,
.mastermind-page form .form-row label.checkbox {
  display: inline;
}
.mastermind form .form-row select,
.mastermind-page form .form-row select {
  width: 100%;
}
.mastermind form .form-row .input-text,
.mastermind-page form .form-row .input-text {
  box-sizing: border-box;
  width: 100%;
}
.mastermind form .form-row-first,
.mastermind form .form-row-last,
.mastermind-page form .form-row-first,
.mastermind-page form .form-row-last {
  width: 47%;
  overflow: visible;
}
.mastermind form .form-row-first,
.mastermind-page form .form-row-first {
  float: left;
}
.mastermind form .form-row-last,
.mastermind-page form .form-row-last {
  float: right;
}
.mastermind form .form-row-wide,
.mastermind-page form .form-row-wide {
  clear: both;
}
.mastermind form .password-input,
.mastermind-page form .password-input {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.mastermind form .password-input input[type="password"],
.mastermind-page form .password-input input[type="password"] {
  padding-right: 2.5rem;
}
.mastermind form .password-input input::-ms-reveal,
.mastermind-page form .password-input input::-ms-reveal {
  display: none;
}
.mastermind form .show-password-input,
.mastermind-page form .show-password-input {
  position: absolute;
  right: 0.7em;
  top: 0.7em;
  cursor: pointer;
}
.mastermind form .show-password-input::after,
.mastermind-page form .show-password-input::after {
  font-family: Mastermind;
  speak: never;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: 0.618em;
  content: "\e010";
  text-decoration: none;
}
.mastermind form .show-password-input.display-password::after,
.mastermind-page form .show-password-input.display-password::after {
  color: #585858;
}

.mastermind .mastermind-terms-and-conditions,
.mastermind-page .mastermind-terms-and-conditions {
  margin-bottom: 1.618em;
  padding: 1.618em;
}
.mastermind .mastermind-oembed,
.mastermind-page .mastermind-oembed {
  position: relative;
}

.rtl .mastermind .col2-set .col-1,
.rtl .mastermind-page .col2-set .col-1 {
  float: right;
}
.rtl .mastermind .col2-set .col-2,
.rtl .mastermind-page .col2-set .col-2 {
  float: left;
}
section.related{
  float: left;
  width: 100%;
  position: relative;
}