*:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) {
}

* {
  margin: 0;
  padding: 0;
}
/*
  3. Allow percentage-based heights in the application
*/
html,
body {
  height: 100%;
}
/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
  6. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
/*
  7. Remove built-in form typography styles
*/
input,
textarea,
select {
  font: inherit;
}
button {
  all: unset;
  display: revert;
}
/*
  8. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

a {
  color: inherit;
  text-decoration: none;
}
/*  9. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* Reapply the pointer cursor for anchor tags */
a,
button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol,
ul,
menu {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
  -webkit-user-drag: element;
}

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}

:root {
  /* Fonts: */
  --font-display: neue-haas-grotesk-display, sans-serif;
  --font-text: neue-haas-grotesk-text, sans-serif;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-style-normal: normal;
  --font-size10: 10px;
  --font-size12: 12px;
  --font-size14: 14px;
  --font-size18: 18px;
  --font-size20: 20px;
  --font-size22: 22px;
  --font-size24: 24px;
  --font-size26: 26px;
  --font-size32: 32px;
  --font-size36: 36px;
  --font-size64: 64px;
  /*var(--font-text) var(--font400) var(--font700) var(--fontnormal)*/
  /* Colors: */
  --white: #ffffff;
  --off-white: #f4f4f4;
  --grey-light-lines: #dedede;
  --grey: #c6c6c6;
  --grey-dark: #737373;
  --black: #2d2d2d;
  --unnamed-color-cc1f12: #cc1f12;
}
body {
  font-family: var(--font-display);
  font-weight: var(--font-weight-normal);
  font-style: var(--fontnormal);
  color: var(--black);
  font-size: var(--font-size18);
  line-height: 26px;
  background-color: var(--off-white);
}
strong {
  color: var(--black);
  font-weight: var(--font-weight-bold);
}
.holding {
  border-bottom: 1px solid var(--grey-light-lines);
}
.offset1 {
    background-position: 200px 100px;
}
.offset2 {
    background-position: 100px 400px;
}
.offset3 {
    background-position: 600px 800px;
}
.offset4 {
    background-position: 145px 373px;
}
.offset5 {
    background-position: -200px 600px;
}
.offset164 {
    background-position: 775px 800px;
}
.offset165 {
    background-position: 791px 958px;
}
.offset166 {
    background-position: 145px 373px;
}


.non {
  border-bottom: 0px solid var(--grey-light-lines);
}
.internal {
  margin: 0 auto;
  width: 100%;
  max-width: 1366px;
  padding: 0 clamp(18px, 5vw, 81px);
}
header {
  position: fixed;
  width: 100%;
  z-index: 999;
}
.header {
  display: flex;
  justify-content: space-between;
  height: 50px;
  align-items: center;
}
.topactive {
  margin-top: 30px;
}
.topactive2 {
  margin-top: 29px;
}
.topbanner {
  background: var(--black);
  position: fixed;
  width: 100%;
  z-index: 999;
  height: 30px;
}
.topitems {
  text-align: center;
}
.topitems ul {
  display: flex;
  overflow: hidden;
  font-size: var(--font-size12);
  color: var(--off-white);
}
main {
  padding-top: 50px;
}
.logo {
  width: 162px;
}
@media only screen and (min-width: 57rem) {
  .header {
    height: 62px;
  }
  main {
    padding-top: 62px;
  }
}
#overview,
#studentrent,
#requirerent,
#registerrent,
#faqrent,
#tenantspm,
#servicespm,
#servicesland,
#infoland,
#faqland,
#testiland,
#contactpm {
  scroll-margin-top: 120px;
}

.listings {
  padding-top: 4.25rem;
  padding-bottom: 12.25rem;
}

.listingstitle {
  padding-bottom: 4.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.listingstitle h1 {
  font-size: var(--font-size36);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.78px;
  line-height: 38px;
}
@media only screen and (min-width: 48rem) {
  .listingstitle {
    flex-direction: row;
  }
}
.dark {
  background-color: var(--black);
}
.mid {
  background-color: var(--off-white);
}
.light {
  background-color: var(--white);
}

.homeheader {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
  grid-gap: clamp(1rem, 3vw, 1rem);
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.homemask {
  -webkit-mask-image: url(/assets/svg/homemask.svg);
  mask-image: url(/assets/svg/homemask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.hometitle {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-evenly;
  height: 100%;
}
.hometitle h1 {
  font-size: var(--font-size32);
  letter-spacing: -0.92px;
  font-weight: bold;
  line-height: 1.1;
}
.hometitle p {
  font-size: var(--font-size18);
  color: #737373;
  line-height: 26px;
}

.doublelink {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(262px, 100%), 1fr));
  grid-gap: clamp(1rem, 3vw, 1rem);
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-size: var(--font-size12);
}
.doublelink span {
  font-weight: bold;
}
.darkbutton {
  background-color: var(--black);
  border: 1px solid var(--black);
  color: var(--white);
  padding: 14px 20px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.72px;
  line-height: 22px;
}
.darkbutton:hover {
  background-color: var(--grey-dark);
  color: var(--white);
}

.lightbutton {
  background-color: var(--white);
  border: 1px solid var(--black);
  padding: 14px 0;
  color: var(--black);
  text-align: center;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.72px;
  line-height: 22px;
}
.lightbutton:hover {
  background-color: var(--grey-dark);
  color: var(--white);
}
.greybutton {
  background-color: var(--off-white);
  border: 1px solid var(--black);
  padding: 18px 24px;
  color: var(--black);
  text-align: center;
  width: 100%;
  display: block;
  font-size: var(--font-size12);
  line-height: 14px;
  font-weight: bold;
  letter-spacing: 0.72px;
}
.greybutton:hover {
  background-color: var(--grey-dark);
  color: var(--white);
}
@media only screen and (min-width: 57rem) {
  .hometitle p {
    max-width: 400px;
    font-size: 22px;
  }
  .doublelink {
    grid-template-columns: repeat(auto-fill, minmax(min(190px, 100%), 1fr));
    max-width: 400px;
  }
  .doublelink a {
  font-size:14px;
  }
  .greybutton,
  .lightbutton,
  .darkbutton {
    width: auto;
  }
}
@media only screen and (min-width: 76rem) {
  .hometitle {
  }
  .hometitle h1 {
    font-size: 54px;
    letter-spacing: -1.92px;
  }
  .hometitle p {
    font-size: 24px;
    max-width: 528px;
  }
  .doublelink {
    grid-template-columns: repeat(auto-fill, minmax(min(236px, 100%), 1fr));
    max-width: 528px;
    font-size: var(--font-size12);
  }
}

.staff {
  padding-top: 3.5rem;
  padding-bottom: 5.5rem;
}

.staff h2 {
  font-size: var(--font-size10);
  color: var(--black);
  padding-bottom: 2rem;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  line-height: 2;
  max-width: 75%;
  text-underline-offset: 5px;
  letter-spacing: 2px;
}


.stafflist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(236px, 100%), 1fr));
  gap: 1rem;
}

.stafflist h2 {
}

.stafflist h2 {
  font-size: var(--font-size26);
  line-height:30px;
  color: var(--black);
  font-weight: bold;
  padding-bottom: 1rem !important;
  padding-top: 1rem;
  text-decoration: none !important;
  letter-spacing: -0.78px;
}
.stafflist h3 {
  font-size: var(--font-size26);
  line-height:30px;
  color: var(--black);
  font-weight: bold;
  padding-bottom: 1rem !important;
  padding-top: 1rem;
  text-decoration: none !important;
  letter-spacing: -0.78px;
}

.stafflist p {
  text-transform: uppercase;
  font-size: var(--font-size10);
  color: var(--grey-dark);
  padding-bottom: 1rem;
  font-weight: bold;
  text-decoration: underline;
  line-height: 26px;
  max-width: 75%;
  text-underline-offset: 5px;
  letter-spacing: 2px;
}

.office {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
  grid-gap: clamp(1rem, 3vw, 1rem);
  padding-top: 2rem;
}
.officetitle {
  grid-column: 1 / 2;
}
.officelist {
  grid-column: 1 / 2;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  grid-gap: 1rem clamp(2rem, 1vw, 0rem);
}

.office h2 {
  color: var(--black);
  font-size: var(--font-size36);
  font-weight: var(--font-weight-bold);
  letter-spacing: -1.08px;
  max-width: 100%;
  line-height: 38px;
  padding-bottom: 1rem;
}

.officeitem {
  padding: 0 0 2rem 0;
  max-width: 400px;
}
.officeitem h3 {
  color: var(--black);
  font-size: var(--font-size18);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  max-width: 100%;
  padding-bottom: 0.5rem;
  line-height:26px;

}
.officeitem p {
  color: var(--grey-dark);
  font-size: var(--font-size18);
  font-weight: 400;
  letter-spacing: -0.02px;
  max-width: 100%;
  line-height: 26px;
}

.officeitem a {
  color: var(--black);
  text-decoration: underline;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size18);
}
.officeitem a:hover {
  color: var(--grey-dark);
  text-decoration: none;
}
.officeitem ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0;
}

.officeitem li h3 {
  padding-bottom: 0.5rem;
}

.arealist {
}
.officeitem li {
  padding-right: 4px;
}
.officeitem li:after {
  content: " / ";
}
.officeitem li:last-child:after {
  content: "";
}

.officedetail {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(355px, 100%), 1fr));
  grid-gap: 2rem clamp(5.5rem, 1vw, 0rem);
}

@media only screen and (min-width: 48rem) {
  .officetitle {
    grid-column: 1 / 3;
  }
  .officelist {
    grid-column: 1 / 3;
  }
  .officelist {
  }
  .staff h2 {
    padding-bottom: 4rem;
  }
    .staff h3 {
    padding-bottom: 4rem;
  }
}

@media only screen and (min-width: 64rem) {
.stafflist h2 {
  font-size: var(--font-size26);
  color: var(--black);
  font-weight: bold;
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem;
  text-decoration: none !important;
  letter-spacing: -0.78px;
}
.stafflist h3 {
  font-size: var(--font-size26);
  color: var(--black);
  font-weight: bold;
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem;
  text-decoration: none !important;
  letter-spacing: -0.78px;
}

.stafflist p {
  text-transform: uppercase;
  font-size: var(--font-size10);
  color: var(--grey-dark);
  padding-bottom: 4rem;
  font-weight: bold;
  text-decoration: underline;
  line-height: 26px;
  max-width: 75%;
  text-underline-offset: 5px;
  letter-spacing: 2px;
}

  .office {
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
	padding-top: 6.25rem;
  }
  .officetitle {
    grid-column: 1 / 3;
  }
  .officelist {
    grid-column: 3 / 5;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
    grid-gap: 2rem clamp(4.8rem, 1vw, 0rem);
  }

  .office h2 {
    color: var(--black);
    font-size: var(--font-size64);
    font-weight: var(--font-weight-bold);
    letter-spacing: -1.92px;
    max-width: 408px;
    line-height: 68px;
	padding-bottom: 3rem;
  }
 .officeitem h3 {

 }
 .officeitem ul {
  padding-bottom: 2rem;
}
  
}

.generic {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.generic h2 {
  font-weight: var(--font-weight-bold);
  padding: 0 0 1rem 0;
  color: var(--black);
  font-size: var(--font-size24);
  line-height: 1.2;
}
.generic h3 {
  padding: 0 0 1rem 0;
}
.generic p {
  color: var(--grey-dark);
  padding: 0 0 1rem 0;
  letter-spacing: 0.78px;
}
.generic a {
  text-decoration: underline;
  color: var(--black);
  padding: 0 0 1rem 0;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size18);
}
.generic a:hover {
  text-decoration: none;
  color: var(--grey-dark);
  padding: 0 0 1rem 0;
}
.generic ul,
ol {
  padding: 0 0 1rem 1rem;
}
.generic li {
  list-style-position: outside;
  list-style-type: disc;
  padding: 0 0 1rem 0;
}
@media only screen and (min-width: 64rem) {
  .generic {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .generic h2 {
    font-size: var(--font-size36);
    padding: 0 0 2rem 0;
    font-size: var(--font-size32);
  }
  .generic h3 {
    font-size: var(--font-size24);
    padding: 0 0 1rem 0;
  }
  .generic p {
    padding: 0 0 rem 0;
  }
  .generic a {
  }
  .generic a:hover {
  }
  .generic ul {
    padding: 0 0 2rem 2rem;
  }
  .generic li {
    padding: 0 0 1.5rem 0;
  }
}

#map {
  margin: 0px auto 0px auto;
  width: 100%;
  height: 556px;
  background-color: #fcfcfc;
}
.officeinfo {
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.officeinfo h2 {

  text-align: left;
  padding-bottom: 1rem;
  color: var(--black);
  font-size: var(--font-size24);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.72px;
  line-height: 26px;

}

.mask {
  display: flex;
  flex-direction: column;
  grid-gap: clamp(1rem, 3vw, 1rem);
  flex-direction: column-reverse;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.rightmask {
  -webkit-mask-image: url(/assets/svg/photomask.svg);
  mask-image: url(/assets/svg/photomask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.masklimit ul {
  padding: 0 0 1rem 1rem;
}
.masklimit li {
  list-style-position: outside;
  list-style-image: none;
  padding: 0 0 0.5rem 0;
}
.masktitle {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
}

.masktitle h2 {
  font-size: var(--font-size36);
  letter-spacing: -1.08px;
  font-weight: bold;
  line-height: 38px;
}
.masktitle h3 {
  font-size: var(--font-size18);
  letter-spacing: 0;
  margin-bottom: -1rem;
  font-weight: bold;
  line-height: 26px;
}
.masktitle p {
  font-size: var(--font-size18);
  color: #737373;
  line-height: 26px;
}
.masktitle a {
  font-size: 17px;
  color: var(--black);
  padding-bottom: 5px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.1;
  text-underline-offset: 5px;
}
.masktitle span {
  font-size: var(--font-size12);
  color: var(--black);
  padding-bottom: 5px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.1;
  text-underline-offset: 5px;
}

.masktestimonial {
  max-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 398px;
}
.masktestimonial h3 {
  font-size: var(--font-size32);
}
.masktestimonial h3 {
  font-size: var(--font-size32);
  letter-spacing: -0.78px;
  font-weight: bold;
  line-height: 1;
}

.masktestimonial p {
  font-size: var(--font-size18);
  color: #737373;
  line-height: 26px;
}
.masktestimonial h4 {
  font-size: var(--font-size12);
  color: #737373;
  line-height: 1.1;
}
.masktestimonial a {
  font-size: 17px;
  color: var(--black);
  padding-bottom: 5px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.1;
  text-underline-offset: 5px;
}
.masktestimonial h2 {
  font-size: var(--font-size12);
  color: var(--black);
  font-weight: bold;
  text-decoration: underline;
  line-height: 26px;
  text-underline-offset: 5px;
  letter-spacing: 0.72px;
}
.adjust {
  flex-direction: column;
}
@media only screen and (min-width: 57rem) {
  .masklimit {
    max-width: 500px;
  }
  .maskindent {
    padding-left: 200px;
    max-width: 540px;
  }
}
@media only screen and (min-width: 37rem) {
  .masktitle h2 {
    font-size: 40px;
  }
  .masktestimonial h3 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 43rem) {
  .masktitle h3 {
    font-size: 42px;
	margin-bottom: 0;
  }
  .masktestimonial h3 {
    font-size: 42px;
  }
}

@media only screen and (min-width: 63.6rem) {

.officeinfo {
  padding-top: 5rem;
  padding-bottom: 7rem;
}

.officeinfo h2 {
  text-align: center;
  padding-bottom: 5rem;
  font-size: var(--font-size32);
  letter-spacing: -0.96px;
  line-height: 34px;
  margin: 0 auto;
}
  .mask {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .masktitle {
    max-width: 320px;
  }
  .masktitle h3 {
    font-size: 48px;
  }

  .maskindent {
    max-width: 540px;
  }
  .masklimit {
    max-width: 500px;
  }
}

@media only screen and (min-width: 76.376rem) {
  .masktitle h2 {
    font-size: 56px;
  }
}
@media only screen and (min-width: 80.376rem) {
  .masktitle h2 {
    font-size: var(--font-size64);
    letter-spacing: -1.92px;
    line-height: 68px;
  }
}

.full {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.quote {
  padding-top: 2rem;
  padding-bottom: 3rem;
  text-align: center;
  max-width: 700px;
}

.quote h2 {
  font-size: var(--font-size24);
  line-height: 26px;
  letter-spacing: -0.72px;
  font-weight: bold;
  padding-bottom: 1rem;
}
.quote p {
  font-size: var(--font-size18);
  padding-bottom: 2rem;
  line-height: 26px;
}
.photo img {
  width: 100%;
  max-height: 610px;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}
.titlephoto {
  display: grid;
  grid-template: "container";
  overflow: hidden;
  max-height: 710px;
}
.titlephoto > * {
  grid-area: container;
}
.titlephoto img {
  width: 100%;
  object-fit: cover;
  max-height: 710px;
}

.fullphototitle {
  text-align: center;
  margin: 0 auto;
  display: grid;
  align-items: center;
  padding: 0;
}

.fullphototitle h1 {
  font-size: var(--font-size32);
  line-height: 1.1;
  letter-spacing: -0.92px;
  font-weight: bold;
  color: var(--white);
  text-align: center;
  place-self: center center;
  z-index: 3;
  padding: 20px;
}
.fullphototitle img {
  max-width: 32px;
  margin: 0 auto;
}

@media only screen and (min-width: 37rem) {
  .titlephoto h1 {
    font-size: var(--font-size32);
    max-width: 80vw;
  }
}
@media only screen and (min-width: 43rem) {
  .titlephoto h1 {
    font-size: 52px;
    max-width: 70vw;
    padding: 0;
  }
}

@media only screen and (min-width: 63.6rem) {
.fullphototitle {

  padding: 5%;
}
  .full {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .titlephoto h1 {
    font-size: 62px;
    max-width: 70vw;
  }
  .quote {
    padding-top: 6rem;
    padding-bottom: 6rem;
    text-align: center;
    max-width: 700px;
  }

  .quote h2 {
    font-size: var(--font-size32);
    line-height: 36px;
    letter-spacing: -0.96px;
    font-weight: bold;
    padding-bottom: 1rem;
  }
}

@media only screen and (min-width: 76.376rem) {
  .titlephoto h1 {
    font-size: 78px;
    max-width: 70vw;
  }
}

@media only screen and (min-width: 85.376rem) {
  .titlephoto h1 {
    font-size: 80px;
    max-width: 50vw;
    max-width: 960px;
  }
  .photo img {
    max-height: 710px;
  }
  .titlephoto {
  }
}
.shortphoto img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 75%;
}
.officephoto0 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 50%;
}
.officephoto0 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 50%;
}
.officephoto7 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 50%;
}

.officephoto1 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 25%;
}
.officephoto2 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 50%;
}
.officephoto3 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 50%;
}
.officephoto4 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 70%;
}
.officephoto5 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 70%;
}
.officephoto6 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 30%;
}
.officephoto10 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 50%;
}

.officephoto11 img {
  width: 100%;
  max-height: 346px;
  object-fit: cover;
  object-position: 50% 70%;
}




.cta {
  color: var(--white);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
  grid-gap: clamp(1rem, 3vw, 10rem);
  padding-top: 5rem;
  padding-bottom: 6rem;
  font-size: var(--font-size12);
  font-weight: bold;
}
.cta h3 {
  font-size: var(--font-size32);
  overflow-wrap: break-word;
    font-weight: bold;
    line-height: 38px;
    letter-spacing: 0;
    padding-bottom: 2rem;
}
.cta p {
  font-size: var(--font-size18);
  line-height: 26px;
    letter-spacing: 0;
    font-weight: 400;
}
.cta a {
  border: ipx solid var(--off-white);
  background: var(--off-white);
  color: var(--black);
  padding: 14px 60px;
  font-size:12px;
  line-height:22px;
  letter-spacing:0.78px;
}
.cta a:hover {
}

.ctabutton {
  display: grid;
  place-items: center right;
  padding-top: 2rem;
}

@media only screen and (min-width: 486rem) {
  .ctabutton {
    padding-top: 0rem;
  }
}
.propertylist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  grid-gap: 3.75rem 3rem;
}
.propertylist a {
  font-size: var(--font-size14);
}
.propertycard {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.propertycardimg {
  display: grid;
  grid-template: "container";
  overflow: hidden;
}

.propertycardimg > * {
  grid-area: container;
}

.cardstrapline {
  background: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-size: var(--font-size10);
  color: var(--black);
  font-weight: var(--font-weight-bold);
  letter-spacing: 2px;
  line-height: 26px;
  height: 30px;
  display: grid;
  align-items: center;
  padding: 0 0.5rem;
}

.propertycardlocation {
  display: flex;
  flex-direction: column;
  font-weight: var(--font-weight-bold);
}

.propertycardlocation p {

	line-height: 20px;
}

.propertycardlocation p:first-letter {
    text-transform : uppercase;
}


.propertycardprice {
  display: flex;
  flex-direction: column;
  text-align: right;
  line-height: 20px;
}
.propertycard img {
  object-fit: cover;
  height: 100%;
  aspect-ratio: 6 / 4;
  width: 100%;
}
.propertycardinfo {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.propertyad {
  background-image: url(/assets/svg/adpath.svg);
  background-position: right;
  background-repeat: no-repeat;
  aspect-ratio: 6 / 4;
  display: flex;
}


.propertyaditem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
    padding: 30px;
    height: 100%;
}
@media only screen and (min-width: 34rem) {
.propertyaditem {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 1rem;
  padding: 40px;
}
.propertylist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(337px, 1fr));
  grid-gap: 3.75rem 3rem;
}
}
@media only screen and (min-width: 50.1875rem) {
.propertyad {
aspect-ratio: auto;
    display: flex;
    height: 100%;
    background-size: cover;
}
.propertyaditem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    height: 100%;
    padding: 40px;
}
}

.propertyad p {
  color: var(--off-white);
  font-size: var(--font-size26);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.78px;
  max-width: 200px;
  line-height: 1.1;
}

.ad2 p {
  max-width: 205px;
}

.propertyad button {
  font-size: var(--font-size12);
  color: var(--off-white);
  line-height: 26px;
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 1rem;
  text-align: center;
  border: 1px solid var(--off-white);
  letter-spacing: 0.78px;
}

.officeslist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(289px, 1fr));
  gap: 5rem 0.5vw;
  padding: 3rem 0 6rem;
}
.officeslist a {
}
.offices {
  display: flex;
  flex-direction: column;
  font-size: var(--font-size18);
  line-height: 26px;
  gap: 2rem;
  height: 100%;
}
.offices h2 {
  color: var(--black);
  font-size: var(--font-size26);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.78px;
}
.offices p {
  color: var(--grey-dark);
  font-size: var(--font-size18);
  line-height: var(--font-size26);
}
.offices span {
  color: var(--black);
  text-decoration: underline;
  margin-top: auto;
  font-weight: 700;
    font-size: var(--font-size18);
  line-height: var(--font-size26);
}

.lines {
  background-image: url(/assets/svg/BK-lines.svg);
}

.buttonair {
  margin: 3rem auto 3rem;
  max-width: 290px;
  width: auto;
  font-size: var(--font-size12);
      font-weight: 600;
}

small {
  font-size: 10px;
  line-height: 14px;
  display: block;
}
small a {
  color: var(--black);
  text-decoration: underline;
  font-weight: var(--font-weight-bold);
}
small a:hover {
  color: var(--grey-dark);
  text-decoration: none;
}

.content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
  grid-gap: clamp(1rem, 3vw, 1rem);
  padding-top: 3rem;
}
.contenttitle {
  grid-column: 1 / 2;
}
.contentlist {
  grid-column: 1 / 2;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  grid-gap: 1rem clamp(2rem, 1vw, 0rem);
}

.content h2 {
  color: var(--black);
  font-size: var(--font-size36);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.96px;
  max-width: 100%;
  line-height: 1.2;
  padding-bottom: 3rem;
}

.contentitem {
  padding: 0 0 2rem 0;
}
.contentitem h3 {
  color: var(--black);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.78px;
  max-width: 100%;
  line-height: 1.2;
  padding-bottom: 2rem;
  font-size: var(--font-size26);
}
.contentitem p {
  color: var(--grey-dark);
  font-size: var(--font-size18);
  font-weight: 400;
  max-width: 100%;
  line-height: 26px;
}
.contentitem ul {
  padding-bottom: 2rem;
  padding: 0 0 1rem 1rem;
}
.contentitem li {
  list-style-position: outside;
  list-style-type: disc;
  padding: 0 0 0.5rem 0;
}

.contentitem li h3 {
  padding-bottom: 0.5rem;
}

@media only screen and (min-width: 48rem) {
  .contenttitle {
    grid-column: 1 / 3;
  }
  .contentlist {
    grid-column: 1 / 3;
  }
  .contentlist {
  }
}

@media only screen and (min-width: 64rem) {
  .buttonair {
   margin: 8rem auto 11rem;
  }
  .content {
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    padding-top: 6.25rem;
  }
  .contenttitle {
    grid-column: 1 / 3;
  }
  .contentlist {
    grid-column: 3 / 5;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
    grid-gap: 2rem clamp(4.8rem, 1vw, 0rem);
  }

  .content h2 {
    color: var(--black);
    font-size: var(--font-size64);
    font-weight: var(--font-weight-bold);
    letter-spacing: -1.92px;
    max-width: 408px;
    line-height: 1.1;
  }
}

.dropline {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.dropline h1 {
  color: var(--black);
  font-size: var(--font-size36);
  font-weight: var(--font-weight-bold);
  letter-spacing: -1.08px;
  line-height: 38px;
  padding-bottom: 2rem;
}

.secondnav {
  display: none;
}

.dropline .darkbutton {
  font-size: var(--font-size12);
      font-weight: 600;
}

@media only screen and (min-width: 64rem) {
  .dropline .darkbutton {
    max-width: 300px;
  }
  .secondnav {
    display: block;
    height: 58px;
    color: var(--black);
    font-size: var(--font-size18);
    font-weight: 400;
    letter-spacing: -0.02px;
    max-width: 100%;
    line-height: 26px;
    text-align: right;
    background-color: var(--off-white);
    border-top: 1px solid var(--grey-light-lines);
  }
  .dropline h1 {
    font-size: var(--font-size64);
    font-weight: var(--font-weight-bold);
    letter-spacing: -1.92px;
    max-width: 500px;
    line-height: 1.1;
    padding-bottom: 2rem;
  }
  .sticky {
    position: fixed;
    top: 63px;
    width: 100%;
    border-bottom: 1px solid var(--grey-light-lines);
    z-index: 999;
  }

  .sticky + .photofull {
    padding-top: 120px;
  }

  .contextnav {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 clamp(18px, 5vw, 81px);
    height: 100%;
  }
  .contextnav ul {
    display: flex;
    justify-content: end;
    gap: 2rem;
    height: 100%;
    align-items: center;
  }
  .contextnav a {
    color: var(--black);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    font-size: var(--font-size12);
    letter-spacing: 1.2px;
  }
  .contextnav a:hover {
    color: #000000;
  }
}

.numbers {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}

.numberstitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  align-content: center;
  gap: 2rem;
}

.numberrow {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.numberstitle h2 {
  font-size: var(--font-size12);
  color: var(--black);
  font-weight: bold;
  text-decoration: underline;
  line-height: 2;
  text-underline-offset: 5px;
  display: grid;
}

.numberstitle h3 {
  color: var(--black);

  font-weight: var(--font-weight-bold);
  letter-spacing: -0.78px;
  font-size: 24px;
}

.numbersitem {
  max-width: 98px;
  text-align: center;
  height: 132px;
  display: grid;
  place-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.numbersitem:nth-child(1) {
  background-image: url(/assets/svg/1.svg);
}
.numbersitem:nth-child(2) {
  background-image: url(/assets/svg/2.svg);
}
.numbersitem:nth-child(3) {
  background-image: url(/assets/svg/3.svg);
}
@media only screen and (min-width: 64rem) {
  .numberstitle {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    align-content: center;
    gap: 0;
  }
  .numberstitle h2 {
    height: 165px;
    place-items: center;
    max-width: 66px;
    margin-right: 150px;
  }
  .numbersitem {
    max-width: 130px;
    height: 165px;
  }
  .numberstitle h3 {
    font-size: var(--font-size36);
  }
}
.accords {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
  grid-gap: clamp(1rem, 1vw, 1rem);
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.accordtitle {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.accordtitle h2 {
  color: var(--black);
  font-size: var(--font-size36);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.96px;
  line-height: 1;
}

.accordtitle small {
  max-width: 350px;
  color: var(--grey-dark);
  margin-top: auto;
  font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.72px;
}

@media only screen and (min-width: 63rem) {
  .accordtitle h2 {
    color: var(--black);
    font-size: var(--font-size64);
    letter-spacing: -1.92px;
  }
  .accordtitle {
    max-width: 388px;
  }
  .accords {
    padding-top: 6.375rem;
    padding-bottom: 5.625rem;
  }
}
.accordtitle p {
  max-width: 350px;
  color: var(--grey-dark);

}

.accord {
  border-top: 1px solid var(--black);
}
.accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--black);
  cursor: pointer;
  padding: 14px;
  border: none;
  text-align: left;
  outline: none;
  font-weight: bold;
  font-size: var(--font-size18);
  line-height: 26px;
  transition: 0.4s;
  width: calc(100% - 28px);
}
.active,
.accordion:hover {
}
.accordion:after {
  content: "\002B";
  color: #c6c6c6;
  font-weight: bold;
  margin-left: 2rem;
  font-size: 40px;
  line-height: 1;
  align-self: flex-start;
}
.active:after {
  content: "\2212";
}
.panel {
  padding: 0 18px;
  background-color: var(--white);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px solid var(--black);
}
.accinfo h3 {
  font-weight: var(--font-weight-bold);
  padding: 0 0 0.5rem 0;
}
.accinfo h4 {
  padding: 0 0 1rem 0;
}
.accinfo p {
  padding: 0 0 1rem 0;
}
.accinfo a {
  text-decoration: underline;
  color: var(--black);
  padding: 0 0 1rem 0;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size20);
}
.accinfo a:hover {
  text-decoration: none;
  color: var(--grey-dark);
  padding: 0 0 1rem 0;
}
.accinfo ul {
  padding: 0 0 1rem 1rem;
}
.accinfo li {
  list-style-position: outside;
  list-style-type: disc;
  padding: 0 0 0.5rem 0;
}

.search {
  display: flex;
  flex-direction: column;
}

#searchForm {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
#searchForm span {
  border: 1px solid var(--black);
  font-size: var(--font-size12);
  color: var(--black);

  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 2rem;
}
.search .panel {
  border-bottom: 0;
}
.gbutton {
  display: block;
  padding: 10px 24px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.72px;
}
.search button {
  font-size: var(--font-size10);
  color: var(--black);
  font-weight: bold;
  line-height: 26px;
  letter-spacing: 2px;
  text-underline-offset: 5px;
  text-transform: uppercase;
}

.searchform span {
  text-decoration: underline;
}

@media only screen and (min-width: 63rem) {
  .search {
    flex-direction: row;
  }

  .search button {
    max-width: 72px;
    font-size: var(--font-size12);
    color: var(--black);
    font-weight: bold;
    text-decoration: underline;
    line-height: 2;
    text-underline-offset: 5px;
    text-transform: uppercase;
  }
  .search .panel {
    padding: 1.5rem 0;
    background-color: var(--white);
    overflow: hidden;
    transition: 0s;
    border-bottom: 0;
    width: 100%;
    max-height: 100px !important;
  }
  .searchform {
    max-width: 77px;
    font-size: var(--font-size12);
    padding: 0;
    margin-right: 40px;
  }
  .searchform:after {
    display: none;
  }
  .searchform:after {
    display: none;
  }
  #searchForm span {
    margin-bottom: 0;
  }
  #searchForm {
    flex-direction: row;
    align-items: center;
    height: 100%;
    gap: 2.5rem;
  }
  .form select {
  }
}

footer {
  font-family: var(--font-text);
}
.footer {
  font-size: var(--font-size14);
  line-height: 1.8;
  padding-top: 3rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 37.75rem) {
  .footer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(160px, 100%), 1fr));
    grid-gap: clamp(1rem, 3vw, 1rem);
  }
}

.footerlogo {
  grid-column: 1 / 2;
}
.footerlogo img {
  width: clamp(167px, 20vw, 231px);
}
.footerpagelist {
  grid-column: 2 / 3;
}
.footer h3 {
  font-weight: var(--font-weight-bold);
line-height: 26px;
    padding-bottom: 1rem;
    font-size: 12px;
}
.footer a {
  font-weight: var(--font-weight-normal);
  
}
footer h2 {
  font-size: var(--font-size24);
  font-weight: bold;
  letter-spacing: -0.72px;
  padding-top: 2rem;
  line-height: 1.2;
  max-width: 180px;
}
.footerpagelist {
  font-size: var(--font-size26);
  font-weight: normal;
  letter-spacing: -0.78px;
  line-height: 1.2;
  padding-top: 2rem;
}
.footerpagelist li {
  padding-bottom: 1rem;
}
.footerlists {
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(160px, 100%), 1fr));
  grid-gap: clamp(1rem, 3vw, 1rem);
  padding-top: 3rem;
  padding-bottom: 1rem;
}
.footerlists a {
line-height: 22px;
    font-size: 12px;
}
.footerlist {
  padding: 0 0 20px 0;
}
@media only screen and (min-width: 37rem) {
  .footerlogo {
    grid-column: 1 / 3;
  }
  .footerpagelist {
    grid-column: 3 / 5;
  }
  .footerlists {
    grid-column: 1 / 5;
    padding-top: 2rem;
    padding-bottom: 0;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
  }
}
@media only screen and (min-width: 43rem) {
  .footerlogo {
    grid-column: 1 / 3;
  }
  .footerpagelist {
    grid-column: 3 / 5;
    padding-top: 4rem;
  }
  .footerlists {
    grid-column: 1 / 5;
    padding-top: 4rem;
    padding-bottom: 20px;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
  }
}
@media only screen and (min-width: 63.6rem) {
  .footerlogo {
    grid-column: 1 / 3;
  }
  .footerpagelist {
    grid-column: 3 / 5;
  }
  .footerlists {
    grid-column: 5 / 6;
  }
}
@media only screen and (min-width: 76.376rem) {
  .footerlogo {
    grid-column: 1 / 4;
  }
  .footerpagelist {
    grid-column: 4 / 6;
  }
  .footerlists {
    grid-column: 6 / 7;
  }
}
.copyright {
  grid-column: 1 / 7;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(510px, 100%), 1fr));
  grid-gap: clamp(1rem, 1vw, 1rem);
  line-height: 1.5;
  width: 100%;
  font-size: var(--font-size12);
}
.copyright p {
  padding-top: 5px;
}
.copyright a {
  text-decoration: underline;
  color: var(--grey-dark);
}
.built {
}
@media only screen and (min-width: 72rem) {
  .built {
    padding-top: 25px;
  }
}

/* START NAV */

#nav {
  width: 0;
  display: flex;
  flex-direction: column;
}
#Sidenav {
  height: 100vh;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  transition: width 0.5s;
}
.sidenav {
  height: 100vh;
  max-width: 300px;
  z-index: 20;
  top: 0;
  position: fixed;
  right: 0;
  background-color: var(--white);
  overflow-x: hidden;
  transition: width 0.5s;
}

.hamburger-lines {
  height: 14px;
  width: 22.5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hamburger-lines .line {
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 10px;
  background: var(--black);
}

.mobnav {
  border-bottom: 1px solid var(--grey-light-lines);
}
.mobtop {
  display: flex;
  justify-content: space-between;
}
.moblogo {
  max-width: 180px;
  height: 200px;
  margin: 0 0 60px 0;
}
.mobclose {
  padding: 0 10px 0 0;
  width: 26px;
}
.sidenav ul {
  width: 300px;
}
.sidenav a {
  padding: 8px 8px 8px 25px;
  text-decoration: none;
  font-size: 22px;
  font-weight: var(--font-weight-bold);
  color: var(--black);
  display: block;
  transition: 0.3s;
  letter-spacing: -0.66px;
  line-height: 26px;
  margin-top: 14px;
}
.sidenav a:hover {
  color: var(--grey-dark);
}
.sidenav .closebtn {
}

@media only screen and (min-width: 63rem) {
  .sidenav a {
    padding: 8px 8px 8px 25px;
    text-decoration: none;
    font-size: 22px;
    font-weight: var(--font-weight-bold);
    color: var(--black);
    display: block;
    transition: 0.3s;
    letter-spacing: -0.66px;
    line-height: 26px;
    margin-top: 0;
  }
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: var(--font-size18);
    line-height: 26px;
  }
}
@media screen and (min-width: 63rem) {
  .header button {
    display: none;
  }
  #Sidenav {
    position: static;
    width: 100%;
    z-index: 10;
    top: 0;
    right: 0;
    background-color: transparent;
    overflow-x: hidden;
    transition: 0s;
    height: 100%;
    min-height: 100%;
  }
  .sidenav {
    height: auto;
    max-width: 100%;
    z-index: 20;
    top: 0;
    right: 0;
    background-color: transparent;
    overflow-x: hidden;
    transition: 0s;
    height: 100%;
    min-height: 100%;
  }
  .sidenav ul {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .mobtop {
    display: none;
  }
  .mobnav {
    border-bottom: 0;
    text-align: center;
    display: grid;
  }
  .sidenav a {
    padding: 20px 1rem 0 1rem;
    text-decoration: none;
    font-size: var(--font-size12);
    font-weight: var(--font-weight-bold);
    color: var(--black);
    transition: 0s;
    line-height: 26px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    height: 100%;
    min-height: 100%;
    align-self: center;
    display: flex;
  }
  .mobnav a:hover {
    border-bottom: 2px solid var(--black);
  }

  #nav {
    position: static;
    width: 100%;
    flex-direction: row;
    height: 100%;
    min-height: 100%;
  }
  .navactive {
    border-bottom: 2px solid var(--black);
  }
}

/* END NAV */

/* START MODAL */

/* The Modal (background) */

#callback_modal {
  background-image: url(../img/About-image.jpg);
  background-size: cover;
  background-position: center;
}
#vip_modal {
  background-image: url(../img/fasttrack.jpg);
  background-size: cover;
  background-position: center;
}

#ValModal {
  background-image: url(../img/Free-valuations-image.jpg);
  background-size: cover;
  background-position: center;
}

#DivModal {
  background-image: url(../img/About-image.jpg);
  background-size: cover;
  background-position: center;
}

#StreetModal,
#MapModal {
  background-image: url(../img/white.jpg);
  background-size: cover;
  background-position: center;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Sit on top */
  padding: 18px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */

  background-size: cover;
}

/* Modal Content */
.modal-content {
  background-color: var(--white);
  margin: auto;
  padding: 18px;
  width: 100%;
  max-width: 339px;
}

.fullwidth {
  background-color: var(--white);
  max-width: 100% !important;
  padding: 0 !important;
}

.fullgrid {
  display: grid;
  grid-template: "container";
  overflow: hidden;
}
.fullgrid > * {
  grid-area: container;
}

#sview {
  width: 100vw;
  height: 100vh;
  margin: 0;
}
#gmap {
  width: 100vw;
  height: 100vh;
  margin: 0;
}

@media screen and (min-width: 63rem) {
}

.modal-content span {
  font-size: var(--font-size12);
  color: var(--black);
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-transform: uppercase;
  max-width: 204px;
  letter-spacing: 0.78px;
}

.modal-content small {
  font-size: var(--font-size10);
  color: var(--black);
  letter-spacing: 0.32px;
}

.modal-content small a {
  font-size: var(--font-size12);
  color: var(--black);
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}

.modal-content small a:hover {
  font-size: var(--font-size12);
  color: var(--black);
  text-decoration: none;
}

.modal-content h2 {
  font-size: var(--font-size32);
  letter-spacing: -0.96px;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-width: 388px;
}
.modal-content p {
  font-size: var(--font-size18);
  line-height: 26px;
  color: #737373;
  line-height: var(--font-size26);
  max-width: 388px;
}
@media screen and (min-width: 36rem) {
  .modal {
    padding-top: 8vh;
  }
  .modal-content {
    max-width: 545px;
    padding: 60px;
  }
  .modal-content h2 {
    padding-bottom: 2rem;
  }
  .modal-content p {
    padding-bottom: 1rem;
  }
}

/* The Close Button */
.close {
  color: var(--black);
  float: right;
  font-size: 28px !important;
  text-decoration: none !important;
}
.gmapclose {
  font-size: 26px !important;
  z-index: 999;
  text-decoration: none !important;
  text-align: center;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: #fff;
  width: 38px;
  padding-top: 4px;
  height: 38px;
  object-position: 0;
  position: fixed;
  place-self: end;
  top: 10px;
  right:0;
  margin-right: 10px;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* END MODAL */

.propertygrid {
  display: grid;
}

.propertyphoto {
  width: 100%;
  display: grid;
  grid-template: "propertydetail" 1fr;
}

.detailbuttons {
  display: grid;
  padding: 1.5rem 0;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(min(236px, 100%), 1fr));
  max-width: 528px;
  font-size: var(--font-size12);
}

.detaillinks {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-decoration: underline;
  line-height: 1;
  text-underline-offset: 5px;
  text-transform: uppercase;
  font-size: var(--font-size10);
  color: var(--black);
  font-weight: var(--font-weight-bold);
  letter-spacing: 2px;
}

.detailsoffice {
  display: flex;
  gap: 2rem;
  flex-direction: column;

  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.detailsoffice h2 {
  color: var(--black);
  font-size: var(--font-size32);
  font-weight: var(--font-weight-bold);
}
.detailsoffice {
}
.detailsoffice {
}

.detaillinksoffice {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
  text-decoration: underline;
  line-height: 2;
  text-underline-offset: 5px;
  text-transform: uppercase;
  font-size: var(--font-size10);
  color: var(--black);
  font-weight: var(--font-weight-bold);
  letter-spacing: 2px;
}
@media only screen and (min-width: 63rem) {
.detaillinksoffice {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    padding-bottom: 2rem;
    text-decoration: underline;
    line-height: 2;
    text-underline-offset: 5px;
    text-transform: uppercase;
    font-size: var(--font-size10);
    color: var(--black);
    font-weight: var(--font-weight-bold);
    letter-spacing: 2px;
	    margin: 0 auto;
    padding-top: 4rem;
}
}
.propertyinfo {
  display: none;
  flex-direction: column;
  padding: 1.5rem 0;
}

.propertyinfo h1 {
  font-size: var(--font-size18);
  line-height: 26px;
  color: var(--black);
  font-weight: var(--font-weight-bold);
}

.propertyinfo p {
  font-size: var(--font-size18);
  color: var(--grey-dark);
  line-height: 26px;
}

.propertytitles {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.propertytitles h1 {
  font-size: var(--font-size18);
  font-weight: var(--font-weight-bold);
  line-height: 26px;
}

.propertytitles p {
  font-weight: 400;
  font-size: var(--font-size18);
  line-height: 26px;
}

.propertytitles p a {
  text-decoration: underline;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size18);
}
.propertyphoto p a {
  color: var(--black);
  text-decoration: underline;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size18);
}
.propertyphoto img {
  width: 100%;
  max-height: 710px;
  object-fit: cover;
  aspect-ratio: 6 / 4;
}

.propertydetail {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.propertydetail p {
  padding-bottom: 1.5rem;
  font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
	    max-width: 585px;
}

.propertytitle {
  font-size: var(--font-size32);
  color: var(--black);
  letter-spacing: -0.96px;
  line-height: 1.2;
}

.propertytitle h2 {
  font-size: 36px;
  line-height: 38px;
  letter-spacing: -1.08px;
  padding-bottom: 1rem;
}

.propertytitle h2 {
    text-transform : lowercase;
}

.propertytitle h2:first-letter {
    text-transform : uppercase;
}

.propertytitle p {
  font-size: 18px;
  line-height: 26px;

  padding-bottom: 1rem;
}

.propertyphotos {
  padding-bottom: 1.5rem;
}

.propertyphotos ul {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.propertyphotos ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 0.5rem;
}

.propertyphotos img {
  object-fit: cover;
  height: 100%;
  aspect-ratio: 6 / 4;
  width: 100%;
}

.searchback {
  display: none;
}
  .searchback2 a {
    font-size: var(--font-size18);
    color: var(--black);
    padding-bottom: 2rem;
    text-decoration: underline;
    line-height: 26px;
    text-underline-offset: 5px;
    font-weight: var(--font-weight-bold);
  }

@media only screen and (min-width: 63rem) {
  .detailsoffice {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .detailsoffice h2 {
    font-size: var(--font-size64);
	line-height: 68px;
  }
  .propertygrid {
  }
  .propertyphotos {
    padding-bottom: 7.5rem;
  }
  .propertyphotos ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
    grid-gap: 2rem;
  }
  .propertyphoto > * {
    grid-area: propertydetail;
  }
  .propertyinfo {
    display: grid;
    place-self: center right;
    width: 380px;
    padding: 3rem;
    background: var(--off-white);
  }
  .propertytitle {
    padding-top: 2rem;
  }
  .propertytitle h2 {
    font-size: 64px;
    line-height: 68px;
    letter-spacing: -1.92px;
    padding-bottom: 4rem;
	max-width: 760px;
  }

  .propertytitle p {
    font-size: 18px;
    line-height: 26px;

    padding-bottom: 3rem;
  }

  .propertytitles {
    min-width: 305px;
  }
  .detailbuttons {
    display: flex;
    flex-direction: column;
  }
  .detailcontainer {
    display: flex;
    flex-direction: column-reverse;
  }
  .detailpropertytitle {
    display: none;
  }
  .detailcontent {
    display: flex;
    flex-direction: row-reverse;
    grid-gap: 6rem;
	justify-content: space-between;
  }
  .detaillinks {
    gap: 1rem;
    padding-bottom: 0;
  }
  .searchback2 {
  display: none;
}
  .searchback {
    display: block;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .searchback a {
    font-size: var(--font-size18);
    color: var(--black);
    padding-bottom: 2rem;
    text-decoration: underline;
    line-height: 26px;
    text-underline-offset: 5px;
    font-weight: var(--font-weight-bold);
  }
}

.aboutheading h2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: var(--black);
  font-size: var(--font-size36);
  line-height: 1;
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.96px;
  max-width: 100%;
}

.abouthold {
  padding-bottom: 2rem;
}

.aboutcontent p {
  padding: 0 0 1rem 0;
  color: var(--grey-dark);
}

.aboutspace {
}

.aboutbottom {
  color: var(--grey-dark);
  display: grid;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.aboutbottom small {
  padding-top: 1rem;
}

@media only screen and (min-width: 46rem) {
  .aboutheading h2 {
    padding-top: 5rem;
    padding-bottom: 5rem;
    font-size: var(--font-size64);
    letter-spacing: -1.92px;
    max-width: 85%;
  }

  .abouthold {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
    grid-gap: 2rem clamp(4.8rem, 1vw, 0rem);
    padding-bottom: 5rem;
  }
  .aboutcontent p {
    padding: 0 0 2rem 0;
  }
  .aboutbottom {
    align-content: end;
    padding-bottom: 2rem;
  }
}

/* START TESTIMONIAL MASK CAROUSEL */

.testiSlides {
  display: none;
  flex-direction: column;
  gap: 2rem;
  height: 100%;
}

/* The dots/bullets/indicators */
.dot {
  height: 9px;
  width: 9px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.selected {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 2.5s;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
}

/* END TESTIMONIAL MASK CAROUSEL */

/* START HITS CAROUSEL */
.hits {
  padding-top: 3rem;
  padding-bottom: 2rem;
  text-align: center;
}
.hits h2 {
  font-size: var(--font-size36);
  line-height: 38px;
  font-weight: bold;
  padding-bottom: 1rem;
  letter-spacing: -1.08px;
}

.hits p {
  font-size: var(--font-size22);
  line-height: 30px;
  font-weight: normal;
  max-width: 428px;
  padding-bottom: 3.75rem;
  margin: 0 auto;
  color: var(--grey-dark);
}

@media screen and (min-width: 63rem) {
  .hits {
    padding-top: 7.375rem;
    padding-bottom: 6.75rem;
  }
  .hits h2 {
    font-size: var(--font-size64);
    letter-spacing: -1.92px;
    padding-bottom: 1.5rem;
  }

  .hits p {
    font-size: 24px;
    padding-bottom: 6.75rem;
    letter-spacing: -0.96px;
  }
}

.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.splide__slide__container {
  padding: 0 0 1rem 0;
  min-height: 250px;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}
.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

/* END HITS CAROUSEL */

/* FORMS */

.required {
  color: #ff0000;
  margin: 0 20px 0 0;
}

form {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(196px, 100%), 1fr));
  grid-gap: 1rem clamp(1rem, 1vw, 0rem);
}
.full-width {
}
label {
}
input,
button {
}

.button-container {
  text-align: center;
}

fieldset {
  margin: 0 0 3rem;
  padding: 0;
  border: none;
}

.form-radio,
.form-group {
  position: relative;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.form-inline > .form-group,
.form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}

.form-help {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  color: #b3b3b3;
  font-size: 0.8rem;
}
.checkbox .form-help,
.form-radio .form-help,
.form-group .form-help {
  position: absolute;
  width: 100%;
}
.checkbox .form-help {
  position: relative;
  margin-bottom: 1rem;
}
.form-radio .form-help {
  padding-top: 0.25rem;
  margin-top: -1rem;
}

.form-group input {
  height: 1.9rem;
}
.form-group textarea {
  resize: none;
}
.form-group select {
  width: 100%;
  font-size: 1rem;
  height: 1.6rem;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  box-shadow: none;
}
.form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
}
.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.form-group .bar::before {
  content: "";
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #337ab7;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}
.form-group input[type="file"] {
  line-height: 1;
}
.form-group input[type="file"] ~ .bar {
  display: none;
}
.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #333;
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: gray;
  top: -1rem;
  left: 0;
}
.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}
.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #337ab7;
}
.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.checkbox label,
.form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #333;
  display: block;
}
.checkbox input,
.form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio {
  margin-bottom: 1rem;
}
.radio .helper {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #999;
}
.radio .helper::before,
.radio .helper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}
.radio .helper::after {
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #337ab7;
  border-color: #337ab7;
}
.radio label:hover .helper {
  color: #337ab7;
}
.radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
  color: #337ab7;
}

.checkbox {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
}
.checkbox .helper::before,
.checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #337ab7;
  display: block;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 0.25rem;
  content: "";
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}
.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkbox label:hover .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper::after,
.checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  -webkit-transition-delay: 0.28s;
  transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 1rem;
}

.has-error .legend.legend,
.has-error.form-group .control-label.control-label {
  color: #d9534f;
}
.has-error.form-group .form-help,
.has-error.form-group .helper,
.has-error.checkbox .form-help,
.has-error.checkbox .helper,
.has-error.radio .form-help,
.has-error.radio .helper,
.has-error.form-radio .form-help,
.has-error.form-radio .helper {
  color: #d9534f;
}
.has-error .bar::before {
  background: #d9534f;
  left: 0;
  width: 100%;
}

.button {
  position: relative;
  background: currentColor;
  border: 1px solid currentColor;
  font-size: 1.1rem;
  color: #4f93ce;
  margin: 3rem 0;
  padding: 0.75rem 3rem;
  cursor: pointer;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease,
    box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease,
    box-shadow 0.28s ease;
  overflow: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.button span {
  color: #fff;
  position: relative;
  z-index: 1;
}
.button::before {
  content: "";
  position: absolute;
  background: #071017;
  border: 50vh solid #1d4567;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}
.button:hover {
  color: #337ab7;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
    0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.button:active::before,
.button:focus::before {
  -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s,
    -webkit-transform 1.12s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}
.button:focus {
  outline: none;
}

.form {
}

.form input[type="text"],
.form input[type="date"],
.form input[type="datetime"],
.form input[type="email"],
.form input[type="number"],
.form input[type="search"],
.form input[type="time"],
.form input[type="url"],
.form input[type="password"],
.form textarea,
.form select {
  box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--black);
  background: transparent;
  font-size: 16px;
  padding: 0.5rem;
  line-height: 26px;
}
.form textarea {
  resize: none;
  overflow: hidden;
}
.form input[type="button"],
.form input[type="submit"] {
  background-color: var(--black);
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: var(--font-size12);
  padding: 1rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 1rem;
  text-align: center;
  letter-spacing: 0.72px;
  border: 0;
}
.form input[type="button"]:hover,
.form input[type="submit"]:hover {
  background-color: var(--black);
}
::placeholder {
  color: #c6c6c6;
  font-size: var(--font-size16);
  opacity: 1; /* Firefox */
  line-height: var(--font-size24);
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #c6c6c6;
  font-size: var(--font-size12);
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #c6c6c6;
  font-size: 16px;
}
input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: #fff !important;
  color: fieldtext !important;
}

.listsort select {
  box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #c6c6c6;
  background: transparent;
  padding: 0.5rem;
}

.gridform {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(147px, 100%), 1fr));
  grid-gap: 1rem clamp(1rem, 1vw, 0rem);
}

.fasttdrop {
  box-sizing: border-box;
  outline: none;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--black);
  background: transparent;
  padding: 0.5rem;
}

ul.propicons  {
    display: flex;
	flex-direction:row;
	gap: 0.5rem;
	justify-content: end;
}
.propicons li {
    display: flex;
	flex-direction:row;
	gap: 0.25rem;
	align-items: center;
    justify-content: center;
	font-size: var(--font-size14);
}
.propicons img {
aspect-ratio: unset;
    height: 13px;
    width: 20px;
}
.shower img {
    height: 15px;
    width: 18px;
}
ul.propiconslist  {
    display: flex;
	flex-direction:row;
	gap: 1.5rem;
}
.propiconslist li {
    display: flex;
	flex-direction:row;
	gap: 0.4rem;
	    align-items: center;
    justify-content: center;
	font-size: var(--font-size14);
}
.propiconslist img {
aspect-ratio: unset;
    max-width: 100%;
    max-height: 20px;
}
.deta	ilbuttons  a{
    font-weight: 600;
}