/*
Theme Name: Arrand
Author: Foresite Group
Author URI: https://foresitegrp.com
Version: 1.0

#D4451D - red
#064777 - blue

font-family: 'ClearSans', sans-serif;
font-family: 'TrajanSansPro', sans-serif;
font-family: 'AGaramondPro', serif;
*/

@font-face {
  font-family: 'ClearSans';
  src: url('inc/fonts/ClearSansBold.woff') format('woff'),
       url('inc/fonts/ClearSansBold.ttf') format('truetype');
  font-display: swap;
  font-weight: 700;
}

@font-face {
  font-family: 'ClearSans';
  src: url('inc/fonts/ClearSans.woff') format('woff'),
       url('inc/fonts/ClearSans.ttf') format('truetype');
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'TrajanSansPro';
  src: url('inc/fonts/TrajanSansPro.woff2') format('woff2'),
       url('inc/fonts/TrajanSansPro.woff') format('woff'),
       url('inc/fonts/TrajanSansPro.otf') format('opentype');
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: 'AGaramondPro';
  src: url('inc/fonts/AGaramondPro.woff2') format('woff2'),
       url('inc/fonts/AGaramondPro.woff') format('woff'),
       url('inc/fonts/AGaramondPro.otf') format('opentype');
  font-display: swap;
  font-weight: 400;
}

BODY {
  margin: 0;
  padding: 0;
  background: #EDEDED;
  color: #000000;
  font-family: 'ClearSans', sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1;
}

IMG { border: 0; }

A { text-decoration: none; transition: all 0.2s; }

.button {
  display: inline-block;
  border-radius: 0.375rem;
  box-sizing: border-box;
  margin-top: 1.1em;
  padding: 0.425em 1.148em 0.575em;
  background: #064777;
  color: #FFFFFF;
  font-family: 'ClearSans', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}

.button:hover { background: #D4451D; }

.red { color: #D4451D; }

.site-width { width: 1160px; margin: 0 auto; }


/* HEADER */
#header-spacer { height: 8.4375rem; }

HEADER {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 0 0.1875rem 0 rgba(0,0,0,0.3);
}

HEADER #top-menu {
  background: #D4451D;
  font-weight: 700;
  text-transform: uppercase;
}

HEADER #top-menu UL {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

HEADER #top-menu UL LI A {
  display: inline-block;
  margin: 1.1666em 0 1.1666em 3.534em;
  color: #FFFFFF;
}

HEADER #top-menu UL LI A:hover { color: #EDEDED; }

HEADER .row2 { display: flex; justify-content: space-between; position: relative; }

#header-logo {
  width: 23.5rem;
  height: 5.3125rem;
  background: url(images/logo.webp) no-repeat center left;
  background-size: contain;
  align-self: center;
}

LABEL[for="toggle-menu"], #toggle-menu { display: none; }

#main-menu { width: 58%; }

#main-menu UL {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  font-weight: 700;
  text-transform: uppercase;
}

#main-menu UL LI { position: relative; }

#main-menu UL LI A {
  display: flex;
  align-items: center;
  height: 5.3125rem;
  margin: 0 1.875rem;
  color: #707070;
  text-align: center;
}

#main-menu UL LI:hover A { color: #D4451D; }

#main-menu UL LI:first-of-type A { margin-left: 0; }
#main-menu UL LI:last-of-type A { margin-right: 0; }

#main-menu UL LI UL {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #FFFFFF;
}

#main-menu UL LI:last-of-type UL { left: auto; right: 0; }

#main-menu UL LI:hover UL { display: flex; }

#main-menu UL LI:hover UL LI A { color: #707070; }

#main-menu UL LI UL LI A {
  height: auto;
  margin: 0;
  padding: 0.5em;
  white-space: nowrap;
}

#main-menu UL LI UL LI A:hover { color: #D4451D; }

/* FOOTER */
#prefooter {
  padding: 1.25rem 0;
  background: #D4451D;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: uppercase;
}

#prefooter > .site-width {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 964px;
}

#prefooter INPUT[type="email"] {
  width: 23.5rem;
  margin: 0 0.75rem;
  outline: 0;
  border: 0;
  border-radius: 0.5625rem;
  box-sizing: border-box;
  padding: 0.767em 1em;
  background: #FFFFFF;
  color: #383838;
  font-family: 'ClearSans', sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
}

#prefooter INPUT[type="email"]:-ms-input-placeholder { color: #383838; text-transform: uppercase; }
#prefooter INPUT[type="email"]::placeholder { color: #383838; opacity: 1; text-transform: uppercase; }
#prefooter INPUT[type="email"]:focus::placeholder { color: transparent; opacity: 0; }

#prefooter INPUT[type="submit"] {
  outline: 0;
  border: 0;
  border-radius: 0.5625rem;
  box-sizing: border-box;
  padding: 0.333em 1.69em 0.533em ;
  background: #064777;
  color: #FFFFFF;
  font-family: 'ClearSans', sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
  text-transform: uppercase;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

#prefooter INPUT[type="submit"]:hover {
  background: #FFFFFF;
  color: #064777;
}

#social { display: flex; align-items: center; }

#social A {
  margin-left: 1.875rem;
  width: 2.25rem;
  height: 2.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#social A:first-of-type { margin-left: 0; }

#social A.instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");
}

#social A.instagram:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23DDDDDD' d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");
}

#social A.facebook {
  width: 2.375rem;
  height: 2.375rem;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.996 16.091c-0.001-8.281-6.714-14.994-14.996-14.994s-14.996 6.714-14.996 14.996c0 7.455 5.44 13.639 12.566 14.8l0.086 0.012v-10.478h-3.808v-4.336h3.808v-3.302c-0.019-0.167-0.029-0.361-0.029-0.557 0-2.923 2.37-5.293 5.293-5.293 0.141 0 0.281 0.006 0.42 0.016l-0.018-0.001c1.199 0.017 2.359 0.123 3.491 0.312l-0.134-0.019v3.69h-1.892c-0.086-0.012-0.185-0.019-0.285-0.019-1.197 0-2.168 0.97-2.168 2.168 0 0.068 0.003 0.135 0.009 0.202l-0.001-0.009v2.812h4.159l-0.665 4.336h-3.494v10.478c7.213-1.174 12.653-7.359 12.654-14.814v-0z'%3E%3C/path%3E%3C/svg%3E");
}

#social A.facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23DDDDDD' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.996 16.091c-0.001-8.281-6.714-14.994-14.996-14.994s-14.996 6.714-14.996 14.996c0 7.455 5.44 13.639 12.566 14.8l0.086 0.012v-10.478h-3.808v-4.336h3.808v-3.302c-0.019-0.167-0.029-0.361-0.029-0.557 0-2.923 2.37-5.293 5.293-5.293 0.141 0 0.281 0.006 0.42 0.016l-0.018-0.001c1.199 0.017 2.359 0.123 3.491 0.312l-0.134-0.019v3.69h-1.892c-0.086-0.012-0.185-0.019-0.285-0.019-1.197 0-2.168 0.97-2.168 2.168 0 0.068 0.003 0.135 0.009 0.202l-0.001-0.009v2.812h4.159l-0.665 4.336h-3.494v10.478c7.213-1.174 12.653-7.359 12.654-14.814v-0z'%3E%3C/path%3E%3C/svg%3E");
}

#social A.linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z'/%3E%3C/svg%3E");
}

#social A.linkedin:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23DDDDDD' d='M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z'/%3E%3C/svg%3E");
}

FOOTER { background: #383838; color: #FFFFFF; }

FOOTER .site-width {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4.3125rem 0;
}

FOOTER .row1 { width: 23.5rem; text-transform: uppercase; line-height: 1.6; }

#footer-logo {
  display: block;
  background: url(images/logo.webp) no-repeat center left;
  background-size: contain;
  margin-bottom: 2rem;
}

#footer-logo:before {
  content: ''; display: block; padding-top: 17%;
}

#footer-menu UL {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-transform: uppercase;
}

#footer-menu > UL { display: flex; }

#footer-menu UL LI A {
  display: inline-block;
  color: #FFFFFF;
  margin: 0 0 0.75em 2em;
}

#footer-menu UL LI.bold A,
#footer-menu > UL > LI > A { font-weight: 700; }

#footer-menu UL LI A:hover { color: #D4451D; }

#copyright { padding: 1.5em 2%; text-align: center; }

/* DEFAULT PAGES */
.page-header {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 6.85rem 2%;
  position: relative;
}

.page-header:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(56,56,56,0.75);
}

.page-header H1 {
  margin: 0 2%;
  color: #FFFFFF;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 3.125rem;
  line-height: 1;
  text-align: center;
  position: relative;
  z-index: 2;
}

.page-content {
  padding: 2.25rem 0 4rem;
  line-height: 1.3;
}

.page-content:after { content: ''; display: table; clear: both; }

.page-content UL LI { padding-bottom: 0.5em; }

.page-content .alignleft, .page-content .alignright {
  width: 40.8620%;
  height: auto;
}

.page-content .alignleft { float: left; margin-right: 10%; }
.page-content .alignright { float: right; margin-left: 10%; }

/* FORMS */
.form INPUT[name="username"] { position: absolute; left: -999999999px; }

.form LABEL { display: block; }

.form INPUT,
.form TEXTAREA {
  width: 100%;
  margin: 0.5em 0 1em;
  outline: 0;
  border-radius: 0.25rem;
  border: 0.0625rem solid #707070;
  padding: 0.17em 0.75em;
  box-sizing: border-box;
  background: transparent;
  color: #070707;
  font-family: 'ClearSans', sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
}

.form TEXTAREA { width: 100%; height: 5em; }

.form :-ms-input-placeholder { color: #070707; }
.form ::placeholder { color: #070707; opacity: 1; }
.form :focus::placeholder { color: transparent; opacity: 0; }

.form .alert:-ms-input-placeholder { color: #D4451D; }
.form .alert::placeholder { color: #D4451D; }
.form .alert { border-color: #D4451D; }

.form .submit-fields {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.form BUTTON {
  display: block;
  margin: 1em auto 0;
  outline: 0;
  border: 0;
  border-radius: 0.375rem;
  padding: 0.45em 4em 0.55em;
  background: #064777;
  color: #FFFFFF;
  font-family: 'ClearSans', sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.form BUTTON:disabled {
  pointer-events: none;
  background: #A0A0A0;
  color: #D8D8D8;
}

.form BUTTON:hover { background: #D4451D; }

.form BUTTON.loader {
  background: #A0A0A0; color: #D8D8D8; pointer-events: none; position: relative;
}

.form BUTTON.loader:before {
  --loader-size: 1.75rem;
  content: "";
  position: absolute;
  top: 0.375rem;
  left: calc(50% - (var(--loader-size) / 2));
  border: 0.1875rem solid #FFFFFF;
  border-top-color: #D4451D;
  border-radius: 50%;
  width: var(--loader-size);
  height: var(--loader-size);
  animation: spin 1s linear infinite;
  box-sizing: border-box;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#modal {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
}

#modal-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 31.25rem;
  box-sizing: border-box;
  padding: 1.75rem 2.25rem;
  background: #FFFFFF;
  color: #070707;
  font-size: 1.5rem;
  line-height: 1.2;
}

@media only screen and (max-width: 550px) { #modal-box { width: 96%; } }

#modal-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  cursor: pointer;
}

#modal-button:before {
  content: "\2715";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 70%;
}

/* HOME PAGE */
#home-hero {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

#home-hero:before { content: ''; display: block; padding-top: 46.875%; }

#home-hero VIDEO {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

#home-intro {
  width: 964px;
  box-sizing: border-box;
  margin: 0 auto 3.6875rem;
  padding: 3.375rem 7% 2.125rem;
  font-size: 1.25rem;
  line-height: 1.3;
  border-bottom: 0.0625rem solid #707070;
}

#home-intro H1 {
  margin: 0;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 150%;
  line-height: 1;
}

.home-property {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home-property .home-prop {
  display: flex;
  justify-content: space-between;
  width: 48%;
  min-height: 20.9375rem;
  margin-bottom: 4rem;
}

.home-property .text {
  width: 48%;
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.home-property .text H2 {
  margin: 0 0 0.75em;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 200%;
  line-height: 1.1;
}

.home-property .text P { margin: 0 0 1.5em; }

.home-property .text .button {
  align-self: flex-start;
  margin-top: auto;
  font-size: 133.3333%;
}

.home-property .images {
  width: 48%;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
}

.home-property .images .hp-slide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#home-banner-links { display: flex; background: #000000; }

#home-banner-links A {
  width: 100%;
  box-sizing: border-box;
  padding: 3.375rem 6.25%;
  background: #064777;
  color: #FFFFFF;
  line-height: 1.3;
}

#home-banner-links A:nth-of-type(even) { background: #043E69 }

#home-banner-links A:hover { background: rgba(6,71,119,0.75); }

#home-banner-links A H3 {
  margin: 0 0 0.75em;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 166.6666%;
  line-height: 1.1;
  text-align: center;
}

#home-banner-links A P { margin: 0 0 1.5em; }
#home-banner-links A P:last-of-type { margin-bottom: 0; }


/* PROPERTY */
.property-header { padding: 2.75rem 2%; }

.property-content {
  display: flex; justify-content: space-between; padding: 2.375rem 0;
}

.property-content .image {
  width: 40.8620%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
}

.property-content .image:before {
  content: ''; display: block; padding-top: 93.4599%;
}

.property-content .text { width: 55.2586%; line-height: 1.7; }
.property-content.noimg .text { width: 100%; }

.property-content .text P { margin: 0 0 1.5em; }

.property-content .text .address {
  width: 29.6875rem;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
  margin: 3rem auto 0;
  padding: 1.5em 0.25em;
  box-sizing: border-box;
  background: #FFFFFF;
  color: #222222;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 1.5625rem;
  line-height: 1.6;
  text-align: center;
}

.property-carousel { padding: 2.375rem 0; }

.property-carousel .flickity-page-dots { position: static; }
.property-carousel .flickity-page-dots .dot { background: #FFFFFF; opacity: 1; }
.property-carousel .flickity-page-dots .dot.is-selected { background: #D4451D; }

.property-carousel .awrap {
  width: 23.5rem;
  margin: 1rem 0.5rem;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.property-carousel .glightbox { width: 100%; }

.property-carousel .glightbox:before {
  content: ""; display: block; padding-top: 121.2765%;
}

#property-spaces { width: 964px; margin: 0 auto; padding: 1.625rem 0; }

#property-spaces H2 {
  margin: 0 0 2.4375rem;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1;
  text-align: center;
}

#property-spaces .space {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.6875rem;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
  background: #FFFFFF;
}

#property-spaces .space .image {
  width: 39.0041%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#property-spaces .space .image:before {
  content: ""; display: block; padding-top: 72.6063%;
}

#property-spaces .space .text {
  width: 54.0456%;
  box-sizing: border-box;
  padding: 2.25rem 7% 1.4375rem 0;
  line-height: 1.3;
}

#property-spaces .space .text H3 {
  margin: 0 0 0.5em;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 166.6666%;
  line-height: 1;
}

#property-spaces .space .text H4 { margin-bottom: 0.5em; font-size: 140%; }

#property-spaces .space .text .buttonwrap {
  display: flex; justify-content: space-between;
}


/* AVAILBLE SPACES */
#property-spaces.available H2 { margin: 3em 0 1rem; }

#property-spaces.available H2:first-of-type { margin-top: 1rem; }


/* SPACES SINGLE */
.spaces-single {
  display: flex;
  justify-content: space-between;
  padding: 2.3125rem 0 3.9375rem;
}

.spaces-single .images { width: 46.4655%; }

.spaces-single .images .carousel-main .slide {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #FFFFFF;
}

.spaces-single .images .carousel-main .slide:before {
  content: ""; display: block; padding-top: 72.9128%;
}

.spaces-single .images .carousel-nav { display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 1rem; }

.spaces-single .images .carousel-nav .slide-link {
  margin: 1rem 0.5rem 0;
  width: 13.65% !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;

  @media (max-width: 1200px) { & { width: 16.5% !important; } }
}

.spaces-single .images .carousel-nav .slide-link:before {
  content: ""; display: block; padding-top: 100%;
}

.spaces-single .images .carousel-nav .is-selected { display: none; }

.spaces-single .text { width: 49.3965%; line-height: 1.6; }

.spaces-single .text H2 {
  margin: 0 0 0.5em;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 200%;
  line-height: 1;
}

.spaces-single .text H3 {
  margin: 0 0 0.75em;
  line-height: 1;
}

.spaces-single .text H4 {
  margin: 0.75em 0;
  font-size: 175%;
  line-height: 1;
}

.spaces-single .text P { margin: 0 0 1.5rem; }

/* CONTACT */
#form-contact, #form-request {
  width: 768px;
  margin: 4.1875rem auto;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
  box-sizing: border-box;
  padding: 2.1875rem 6.125rem;
  background: #FFFFFF;
  color: #070707;
}

#form-contact P, #form-request P { margin: 0 0 1.75em; }

.contact-maps {
  display: flex;
  justify-content: space-between;
  padding: 1.111vw 0;
  background: #064777;
}

.contact-maps IFRAME { width: 49.4444%; }

.contact-text {
  display: flex;
  justify-content: space-around;
  padding: 0.9375rem 0;
}

.contact-text > DIV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 1%;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
  padding: 0.875rem 4.0517%;
  background: #FFFFFF;
  color: #070707;
  line-height: 1.3;
}

.contact-text > DIV > DIV H2 {
  margin: 0 0 0.5em;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 133.3333%;
  line-height: 1;
}

.contact-text > DIV > DIV .phone {
  display: inline-block;
  margin-top: 1em;
  color: #070707;
  line-height: 1;
}

.contact-text > DIV > DIV .phone:before {
  content: '';
  display: inline-block;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23070707' d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E");
  position: relative;
  top: 3px;
}

.contact-text > DIV .button {
  margin-left: 1.46875rem;
  font-size: 0.9375rem;
  line-height: 1;
}

/* REQUEST SHOWING */
.rs-wrap { width: 964px; margin: 3.125rem auto 0; }

.rs-wrap H2 {
  margin: 0 0 0.75em;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 1;
}

#rs { display: flex; justify-content: space-between; flex-wrap: wrap; }

#rs .nospaces A { color: #D4451D; }
#rs .nospaces A:hover { color: #064777; }

#rs .rs-space {
  display: flex;
  justify-content: space-between;
  width: 48.9626%;
  margin: 0.65rem 0;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
  background: #FFFFFF;
  color: #070707;
}

#rs .rs-space .image {
  width: 41.5254%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#rs .rs-space .image:before {
  content: ''; display: block; padding-top: 90.8163%;
}

#rs .rs-space .text {
  width: 55.7203%;
  box-sizing: border-box;
  padding: 1.875rem 0.9375rem 1.875rem 0;
}

#rs .rs-space .text H3,
#rs .rs-space .text H4 {
  margin: 0 0 0.75em;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1;
}

#rs .rs-space .text H4 { font-size: 1.25rem; }

#rs .rs-space .text .buttons {
  display: flex; flex-wrap: wrap; padding-top: 1.25em;
}

#rs .rs-space .text .button {
  margin: 0 1em 0.5rem 0; padding: 0.45em 2em 0.55em; font-size: 0.9375rem;
}

#rs .rs-space .text BUTTON {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.5rem;
  outline: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: #070707;
  font-family: 'ClearSans', sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

#rs .rs-space .text BUTTON:hover { color: #D4451D; }

#rs .rs-space .text BUTTON:before {
  content: '';
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.25em;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23070707' d='M3 6v18h18v-18h-18zm5 14c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm4-18v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.315c0 .901.73 2 1.631 2h5.712z'/%3E%3C/svg%3E");
}

#rs .rs-space .text BUTTON:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23D4451D' d='M3 6v18h18v-18h-18zm5 14c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm4-18v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.315c0 .901.73 2 1.631 2h5.712z'/%3E%3C/svg%3E");
}


/* FAQ */
.tenant-faq .page-header { margin-bottom: 4.1875rem; }

.tenant-faq .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 1.4375rem;
  width: 768px;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
  background: linear-gradient(to right, #D4451D, #D4451D 5.125rem, #FFFFFF 5.125rem);
  color: #070707;
  line-height: 1.4;

  @media (max-width: 800px) { & { width: 96%; } }
}

.tenant-faq .question .toggle-check { display: none; }

.tenant-faq .question .toggle-check + LABEL {
  width: 5.125rem;
  min-height: 2rem;
  padding: 1.0625rem 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2rem;
  cursor: pointer;
}

.tenant-faq .question .toggle-check:checked + LABEL {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FFFFFF' d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
}

.tenant-faq .question .toggle-check + LABEL + DIV .answer {
  height: 0; padding: 0; opacity: 0;
  transition: height 0.5s, padding 0.5s, opacity 0.25s;
}

.tenant-faq .question .toggle-check:checked + LABEL + DIV .answer {
  height: auto; padding: 1.5rem 0 0; opacity: 1; cursor: text;
}

.tenant-faq .question .text {
  width: calc(100% - 5.125rem);
  padding: 1.5rem 1rem;
  box-sizing: border-box;
}

.tenant-faq #prefooter { margin-top: 3.375rem; }




/* TEAM */
#team {
  width: 964px;
  margin: 0 auto;
  padding: 3rem 0 0.5rem;

  @media (max-width: 1000px) { & { width: 96%; } }
}

#team .person {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.6875rem;
  box-shadow: 0.25rem 0.25rem 0.4375rem 0 rgba(0,0,0,0.16);
  background: #FFFFFF;

  @media (max-width: 650px) { & { flex-direction: column-reverse; } }
}

.sc-person { display: flex; align-items: center; }

.residential .sc-person { margin-top: 3em; }

#team .person .image,
.sc-person .image {
  width: 30%;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: auto 95%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 1210'%3E%3Cpath transform='translate(0,1210) scale(0.1,-0.1)' fill='%23CFD1D2' d='M6475 12089 c-423 -52 -666 -123 -997 -290 -250 -127 -489 -300 -683 -494 -379 -379 -574 -785 -649 -1355 -31 -231 -38 -354 -43 -808 -8 -672 12 -930 85 -1086 16 -35 65 -117 110 -182 79 -119 142 -232 142 -256 0 -33 54 -121 122 -201 121 -140 172 -257 228 -523 42 -197 90 -342 151 -459 74 -141 101 -254 103 -430 2 -234 -24 -279 -202 -354 -182 -77 -299 -159 -497 -351 -186 -179 -277 -246 -476 -346 -363 -182 -874 -331 -1909 -558 -534 -117 -859 -205 -972 -262 -25 -13 -56 -37 -67 -53 -56 -79 -158 -354 -236 -636 -59 -214 -72 -273 -150 -657 -37 -178 -82 -369 -101 -425 -112 -330 -420 -1932 -431 -2240 l-5 -123 6402 0 c6093 0 6402 1 6395 18 -4 9 -34 220 -66 467 -180 1388 -267 1843 -406 2118 -94 188 -138 334 -153 507 -19 215 -90 380 -230 532 -146 160 -461 354 -710 438 -69 23 -366 134 -660 247 -644 247 -829 316 -1043 387 -90 29 -181 63 -204 74 -101 52 -259 201 -420 397 -145 176 -274 294 -376 344 -153 75 -236 172 -294 341 -41 123 -57 246 -49 378 13 208 48 339 162 626 88 218 127 338 143 444 16 104 71 203 261 472 69 97 161 279 215 424 85 229 142 529 132 691 -8 113 -20 157 -58 199 -16 19 -35 51 -43 72 -30 88 -56 446 -56 790 0 415 -28 719 -81 876 -95 285 -350 560 -667 721 -133 68 -254 108 -447 147 -261 53 -432 122 -560 225 -125 101 -175 122 -364 150 -113 16 -234 18 -346 4z'/%3E%3C/svg%3E");

  @media (max-width: 650px) { & { width: 100%; } }
}

.sc-person .image { width: 30% !important; }

#team .person .image.thumb,
.sc-person .image.thumb {
  background-position: center;
  background-size: cover;
}

#team .person .image:before,
.sc-person .image:before {
  content: ""; display: block; padding-top: 100%;
}

#team .person .text {
  width: 66%;
  box-sizing: border-box;
  padding: 2rem 7% 2rem 0;
  line-height: 1.3;

  @media (max-width: 650px) { & { width: 100%; padding: 2rem 7%; } }
}

.sc-person .text {
  width: 66%;
  box-sizing: border-box;
  padding-left: 1.5em;
  line-height: 1.3;
}

#team .person .text H2,
.sc-person .text H2 {
  margin: 0 0 0.5em;
  font-family: 'TrajanSansPro', sans-serif;
  font-weight: 400;
  font-size: 166.6666%;
  line-height: 1;
}

#team .person .text H3, .sc-person .text H3 { margin: 0 0 0.5em; }

#team .person .text P { margin: 1em 0 0; }

#team .person .text A,
.sc-person .text A { color: #064777; }
#team .person .text A:hover,
.sc-person .text A:hover { color: #D4451D; }

#team .person .text A[href^="tel:"],
.sc-person .text A[href^="tel:"] { color: #000000; }









@media only screen and (max-width: 1200px) {
  .site-width { width: 96%; }

  .home-property .home-prop { min-height: 0; }
  .home-property .text { font-size: 1.250vw; }
}

@media only screen and (max-width: 1100px) {
  #header-logo { width: 35%; }
  #main-menu UL { font-size: 1.364vw; }
  #main-menu UL LI A { margin: 0 2.727vw; }
}

@media only screen and (max-width: 1000px) {
  #prefooter > .site-width { width: 96%; flex-direction: column; }
  #prefooter FORM { width: 100%; text-align: center; margin-bottom: 2rem; }

  #home-intro { width: 96%; }

  .home-property .button { font-size: 1.8vw; }

  #property-spaces { width: 96%; }
  #property-spaces .space .text .buttonwrap .button { font-size: 2vw; }

  .contact-text > DIV { flex-direction: column; }
  .contact-text > DIV .button { margin-left: 0; }

  .rs-wrap { width: 96%; }
}

@media only screen and (max-width: 900px) {
  .home-property .home-prop { width: 100%; min-height: 18.75rem; }
  .home-property .text { font-size: 1rem; }

  .property-content { flex-direction: column-reverse; }
  .property-content .image { width: 100%; margin-top: 3rem; }
  .property-content .text { width: 100%; }
}

@media only screen and (max-width: 800px) {
  #home-banner-links { flex-direction: column; }

  #form-contact, #form-request { width: 96%; padding: 2.1875rem 10%; }
}

@media only screen and (max-width: 750px) {
  #header-spacer { height: 0; }
  HEADER { position: static; }

  HEADER #top-menu UL { width: 100%; justify-content: center; }
  HEADER #top-menu UL LI A { margin: 1.1666em 1.767em; text-align: center; }

  HEADER .row2 { width: 100%; }

  #header-logo { width: 23.5rem; margin-left: 2%; }

  #main-menu { width: 100%; }

  LABEL[for="toggle-menu"] {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    margin: 0;
  }

  LABEL[for="toggle-menu"] DIV,
  LABEL[for="toggle-menu"] DIV:before,
  LABEL[for="toggle-menu"] DIV:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 0.375rem;
    width: 100%;
    background: #D4451D;
    transition: all 0.2s ease-in-out;
  }

  LABEL[for="toggle-menu"] DIV:before,
  LABEL[for="toggle-menu"] DIV:after {
    content: "";
    top: -0.75rem;
    transform: none;
    transform-origin: 0% 0%;
  }

  LABEL[for="toggle-menu"] DIV:after { top: 0.75rem; }

  #toggle-menu:checked + LABEL[for="toggle-menu"] DIV { background: transparent; }

  #toggle-menu:checked + LABEL[for="toggle-menu"] DIV:before,
  #toggle-menu:checked + LABEL[for="toggle-menu"] DIV:after {
    top: 50%;
    left: 50%;
    transform: rotate(45deg) translate(-50%,-50%);
  }

  #toggle-menu:checked + LABEL[for="toggle-menu"] DIV:after { transform: rotate(-45deg) translate(-50%,-50%); }

  #toggle-menu:checked + LABEL[for="toggle-menu"]:after { display: none; }

  #toggle-menu + LABEL[for="toggle-menu"] + NAV { display: none; }
  #toggle-menu:checked + LABEL[for="toggle-menu"] + NAV { display: flex; }

  #main-menu {
    position: absolute;
    z-index: 99;
    top: 100%;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    flex-direction: column;
    padding-bottom: 1rem;
  }

  #main-menu UL {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 28px;
  }

  #main-menu UL LI { width: 100%; }

  #main-menu UL LI:hover A { color: #707070; }

  #main-menu UL LI A {
    display: block;
    height: auto;
    margin: 0;
    padding: 0.5em;
    box-sizing: border-box;
  }

  #main-menu UL LI A:hover { color: #D4451D; }

  #main-menu UL LI UL { display: flex; position: static; }

  #prefooter LABEL { display: block; padding-bottom: 0.5em; }

  #property-spaces .space { flex-direction: column-reverse; }
  #property-spaces .space .image { width: 100%; }
  #property-spaces .space .text { width: 100%; padding: 2.25rem 7%; }
  #property-spaces .space .text .buttonwrap .button { font-size: 1.25em; }

  .spaces-single { flex-direction: column-reverse; }
  .spaces-single .images { width: 100%; margin-top: 3rem; }
  .spaces-single .text { width: 100%; }

  #rs .rs-space { width: 100%; }
  #rs .rs-space .image:before { padding-top: 75%; }
  #rs .rs-space .text .buttons { padding-top: 2em; }
}

@media only screen and (max-width: 700px) {
  FOOTER .site-width { flex-direction: column; padding: 3rem 0 0; }
  FOOTER .row1 { margin: 0 auto 3rem; }
  #footer-logo { margin-bottom: 1rem };
  #footer-menu > UL { flex-wrap: wrap; justify-content: space-between; }
  #footer-menu > UL > LI { margin-bottom: 1rem; }
  #footer-menu UL LI A { margin: 0 1em 0.75em; }
}

@media only screen and (max-width: 600px) {
  #prefooter INPUT[type="email"] { margin-bottom: 0.5em; }

  .home-property .home-prop { flex-direction: column; }
  .home-property .text { width: 100%; }
  .home-property .images { width: 100%; margin-top: 2rem; }
  .home-property .images .hp-slide { height: auto; }
  .home-property .images .hp-slide:before {
    content: ''; display: block; padding-top: 121.2230%;
  }
}

@media only screen and (max-width: 525px) {
  .property-content .text .address { width: 100%; }
}

@media only screen and (max-width: 500px) {
  #property-spaces .space .text .buttonwrap .button { font-size: 3.75vw; }
}

@media only screen and (max-width: 475px) {
  #header-logo { width: 75%; }

  #prefooter INPUT[type="email"] { width: 100%; margin: 0 0 0.5em; }

  FOOTER .row1 { width: calc(100% - 2em); margin: 0 auto 2rem; }

  #form-contact, #form-request { width: 96%; padding: 2.1875rem 4%; }
}