@import url("https://use.typekit.net/dub1yxq.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://use.typekit.net/ngm6snx.css');
@import url('https://fonts.cdnfonts.com/css/angelface');
@font-face {
  font-family: 'Tofino Pro Reg';
  src: url('/nts-community-animated/assets/fonts/Tofino_Pro_Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/averiaseriflibre/v19/neIbzD2ms4wxr6GvjeD0X88SHPyX2xYOpzMmw60u.ttf) format('truetype');
}
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/averiaseriflibre/v19/neIUzD2ms4wxr6GvjeD0X88SHPyX2xYOpwuK.ttf) format('truetype');
}
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/averiaseriflibre/v19/neIbzD2ms4wxr6GvjeD0X88SHPyX2xYOpzM2xK0u.ttf) format('truetype');
}
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/averiaseriflibre/v19/neIVzD2ms4wxr6GvjeD0X88SHPyX2xYGCSmqwQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/averiaseriflibre/v19/neIWzD2ms4wxr6GvjeD0X88SHPyX2xY-pQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/averiaseriflibre/v19/neIVzD2ms4wxr6GvjeD0X88SHPyX2xYGGS6qwQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Angelface';
  font-style: normal;
  font-weight: 400;
  src: local('Angelface'), url('https://fonts.cdnfonts.com/s/13597/Angelface.woff') format('woff');
}
.indent {
  text-indent: -9999em;
}
.clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.mobile {
  display: block;
}
.desktop {
  display: none;
}
@media screen and (min-width: 960px) {
  .mobile {
    display: none;
  }
  .desktop {
    display: block;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
	========================================================================== */
figure {
  margin: 0;
  padding: 0;
}
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
  display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
	========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
	========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
	========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
  border-style: none;
}
/* Forms
	========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
  /* 1 */
  overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
* Rhatchetre the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
  overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
	========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
  display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
  display: list-item;
}
/* Misc
	========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
  display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
  display: none;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*:focus-visible {
  outline: var(--button-bg-color) auto 3px;
}
img {
  max-width: 100%;
}
a {
  text-decoration: none;
  transition: ease all 0.3s;
  outline: none;
  color: var(--text-link-color);
  cursor: pointer;
  /* mobile tap color */
}
a:hover,
a:focus-visible {
  text-decoration: none;
  color: var(--text-link-color-hover);
}
a:active {
  text-decoration: none;
}
a:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  text-rendering: optimizelegibility;
  margin: 0;
  font-weight: 400;
  line-height: 1.3;
  font-family: var(--heading-font);
  letter-spacing: 6.5px;
  color: var(--heading-color);
  text-transform: uppercase;
}
h1,
.h1 {
  font-size: calc(2.7*1rem);
}
@media screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: calc(3.3*1rem);
  }
}
@media screen and (min-width: 960px) {
  h1,
  .h1 {
    font-size: calc(3.9*1rem);
  }
}
h2,
.h2 {
  font-size: calc(2.4*1rem);
  padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: calc(3*1rem);
  }
}
@media screen and (min-width: 960px) {
  h2,
  .h2 {
    font-size: calc(3.6*1rem);
  }
}
button,
.button,
a.button {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 12px 20px;
  background: var(--button-bg-color);
  border: 2px solid var(--button-border-color);
  color: var(--button-text-color);
  font-size: 1.8rem;
  text-transform: uppercase;
  border-radius: 30px;
  transition: ease all 0.3s;
  text-align: center;
  margin: auto;
  cursor: pointer;
  min-width: 250px;
  letter-spacing: 3px;
}
button.ghost,
.button.ghost,
a.button.ghost {
  background: none;
  color: var(--button-bg-color);
  border: 0;
  border-bottom: 3px solid var(--button-border-color);
}
button.inline,
.button.inline,
a.button.inline {
  display: inline-block;
}
button:hover,
.button:hover,
a.button:hover {
  background: var(--button-bg-color-hover);
}
.medium-editor-toolbar li button {
  border-radius: 0 !important;
  letter-spacing: unset !important;
}
#resite-exit-draft-mode {
  margin: 0;
  min-width: unset;
  text-transform: unset;
  letter-spacing: unset;
  font-size: 12px !important;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 4px;
}
#resite-draft-mode-banner {
  position: fixed !important;
  top: 0;
  left: 0;
  width: unset !important;
  z-index: 100000;
  background: #11182787 !important;
  color: #ffffff;
  box-sizing: border-box;
  padding: 10px 20px !important;
  font-size: 12px !important;
  font-family: Arial, sans-serif;
  border-bottom-right-radius: 10px;
}
#resite-draft-mode-banner-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.outline {
  background: none;
  border: 2px solid blue;
  color: #000;
}
p {
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
nav,
.nav,
nav ul,
.nav ul {
  list-style-type: none;
  padding-left: 0;
}
hr {
  border: none;
  background: #eee;
  height: 2px;
  width: 60px;
  margin: 35px auto 0;
}
.alignleft,
.alignright {
  margin-bottom: 1em;
}
address {
  font-style: normal;
}
.center {
  text-align: center;
}
.upper {
  text-transform: uppercase;
}
.screen-reader-text {
  position: absolute !important;
  left: -999em;
}
.html-times {
  font-size: 1.5em;
  vertical-align: sub;
}
.title * {
  font-family: var(--text-font);
}
#rs-builder #rs-bar #rs-add-block {
  min-width: unset;
  border-radius: 0;
  letter-spacing: unset;
}
#rs-builder #rs-bar #rs-exit {
  min-width: unset;
  border-radius: 0;
  letter-spacing: unset;
}
#rs-builder #rs-bar #rs-move {
  min-width: unset;
  letter-spacing: unset;
}
#rs-builder #rs-bar #rs-clone {
  min-width: unset;
  border-radius: 0;
  letter-spacing: unset;
}
#rs-builder #rs-bar #rs-delete {
  min-width: unset;
  border-radius: 0;
  letter-spacing: unset;
}
#rs-builder #rs-bar #rs-publish {
  min-width: unset;
  width: fit-content;
  letter-spacing: unset;
}
#rs-builder #rs-bar #rs-update {
  min-width: unset;
  width: fit-content;
  letter-spacing: unset;
}
article.text-content {
  padding: 60px 20px;
  position: relative;
}
article.text-content h2,
article.text-content h3,
article.text-content h4,
article.text-content h5,
article.text-content h6 {
  margin-bottom: 10px;
  font-weight: 500;
}
article.text-content p,
article.text-content ul,
article.text-content ol,
article.text-content dl {
  list-style: none;
  padding-bottom: 3rem;
}
form {
  margin: auto;
}
form input[type="text"],
form input[type="password"],
form input[type="datetime"],
form input[type="datetime-local"],
form input[type="date"],
form input[type="month"],
form input[type="time"],
form input[type="week"],
form input[type="number"],
form input[type="email"],
form input[type="url"],
form input[type="search"],
form input[type="tel"],
form input[type="phone"],
form select,
form textarea {
  box-sizing: border-box;
  width: 100%;
  height: 5rem;
  border: 0;
  text-indent: 20px;
  border-radius: 0px;
  background-color: var(--page-bg-color);
  border: 1px solid var(--button-bg-color);
  font-family: var(--text-font);
}
form textarea {
  min-height: 120px;
  width: 100%;
  padding: 15px 20px;
  border: 0;
  text-indent: 0px;
  border-radius: 0px;
  background-color: var(--page-bg-color);
  border: 1px solid var(--button-bg-color);
  font-family: var(--text-font);
  box-sizing: border-box;
  resize: vertical;
  max-height: 500px;
}
form input[type="submit"],
form input[type="button"],
form input[type="reset"],
form button {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 12px 20px;
  background: var(--button-bg-color);
  border: 2px solid var(--button-border-color);
  color: var(--button-text-color);
  font-size: 1.8rem;
  text-transform: uppercase;
  border-radius: 30px;
  transition: ease all 0.3s;
  text-align: center;
  margin: auto;
  cursor: pointer;
  min-width: 250px;
  letter-spacing: 3px;
  border: 0;
  display: block;
}
form input[type="submit"].ghost,
form input[type="button"].ghost,
form input[type="reset"].ghost,
form button.ghost {
  background: none;
  color: var(--button-bg-color);
  border: 0;
  border-bottom: 3px solid var(--button-border-color);
}
form input[type="submit"].inline,
form input[type="button"].inline,
form input[type="reset"].inline,
form button.inline {
  display: inline-block;
}
form input[type="submit"]:hover,
form input[type="button"]:hover,
form input[type="reset"]:hover,
form button:hover {
  background: var(--button-bg-color-hover);
}
form input[type="password"] {
  letter-spacing: 0.3em;
}
form label {
  font-weight: bold;
}
form .field-wrapper {
  padding-bottom: 25px;
}
form .form-group.required > label:after,
form .form-group:has(input[required]) > label:after,
form .form-group:has(input[required="required"]) > label:after {
  content: "*";
  color: currentColor;
  font-size: 1.13rem;
  font-weight: 400;
  vertical-align: super;
  margin-left: 2px;
}
@media screen and (min-width: 768px) {
  .fields,
  reform {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .iwrap,
  .form-group,
  .field-wrap {
    width: 100%;
    padding-bottom: 12px;
  }
  .iwrap.quarter,
  .form-group.quarter,
  .field-wrap.quarter {
    width: 23%;
  }
  .iwrap.half,
  .form-group.half,
  .field-wrap.half {
    width: 48%;
  }
  .iwrap.third,
  .form-group.third,
  .field-wrap.third {
    width: 73%;
  }
  .iwrap.one-third,
  .form-group.one-third,
  .field-wrap.one-third {
    width: 31%;
  }
  .iwrap.two-thirds,
  .form-group.two-thirds,
  .field-wrap.two-thirds {
    width: 65%;
  }
  .iwrap.textarea,
  .form-group.textarea,
  .field-wrap.textarea,
  .iwrap.submit,
  .form-group.submit,
  .field-wrap.submit,
  .iwrap.full,
  .form-group.full,
  .field-wrap.full {
    width: 100%;
  }
  .iwrap.submit,
  .form-group.submit,
  .field-wrap.submit {
    padding-left: 0;
    margin-left: 0;
  }
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
  background-color: var(--page-bg-color);
  scroll-behavior: smooth;
}
html *,
html *:before,
html *:after {
  box-sizing: border-box;
}
body {
  font-size: 2rem;
  line-height: 1.75;
  color: var(--text-color);
  font-family: var(--text-font);
}
img {
  display: block;
}
#wrap {
  position: relative;
}
#mainwrap {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
#footer,
#footer-wrap {
  position: relative;
}
.inner {
  position: relative;
  margin: auto;
  max-width: 1300px;
  width: 100%;
}
#skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  padding: 10px;
}
#skip-link a,
#skip-link button {
  color: var(--button-text-color);
  text-decoration: underline;
}
#skip-link:focus-within {
  left: 0;
  z-index: 20;
}
#rs-adder #rs-adder-list li * {
  box-sizing: unset;
}
#rs-adder #rs-adder-list li span {
  height: 100%;
  width: 100%;
  display: block;
}
#rs-adder #rs-adder-list li img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
#rs-adder #rs-adder-list li strong {
  height: auto;
  max-height: 100%;
}
.rs-rs-inner-markup {
  overflow-x: hidden;
}
.slbWrap {
  cursor: zoom-out;
}
.slbCloseBtn,
.slbArrows button {
  background: unset !important;
  border: 0 !important;
  color: #fff;
  position: absolute !important;
  margin: unset !important;
  padding: unset !important;
  min-width: unset !important;
  font-weight: unset !important;
}
.slbCloseBtn:hover,
.slbArrows button:hover,
.slbCloseBtn:focus-visible,
.slbArrows button:focus-visible {
  color: #fff !important;
  opacity: 0.4 !important;
}
.slbArrows button {
  margin-top: -5em !important;
}
.slbCloseBtn {
  top: 0.5em !important;
}
.slbContentOuter {
  max-width: 80% !important;
}
.slbContentOuter .slbImage {
  padding: 3em 0 5em !important;
  cursor: default;
}
.slbContentOuter button {
  box-shadow: none !important;
  font-weight: 300 !important;
  font-family: var(--heading-font) !important;
  cursor: pointer;
}
.slbContentOuter .slbCloseBtn {
  right: 15px !important;
  top: 0 !important;
  height: unset !important;
  width: unset !important;
  line-height: 1;
  cursor: pointer;
}
.slbContentOuter .slbCaption {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  /* Limits to 2 lines */
  line-clamp: 2;
  padding: 0.21429em 6ch 0.21429em 0.21429em !important;
  margin-bottom: 1em;
  font-size: 20px;
  height: 7rem;
  white-space: unset !important;
  text-align: left !important;
  cursor: default;
}
.slbContentOuter .slb-counter {
  position: absolute;
  right: 0;
  top: 0.21429em;
}
.slbContentOuter .slb-caption {
  display: block;
  width: calc(100% - 75px);
}
#rs-frame .rs-rs-inner {
  background-color: var(--page-bg-color);
}
.rs-editor h2,
.rs-rs-settings h2 {
  color: #fff;
  letter-spacing: unset;
  text-transform: unset;
}
@media (max-width: 767px) {
  #cookie-box-inner {
    flex-direction: column;
    gap: 15px;
  }
  #cookie-button {
    margin: 0 auto !important;
  }
}
.block.animated-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 600px;
  background-color: var(--page-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  opacity: 1;
  visibility: visible;
}
.block.animated-overlay #animated-overlay-close {
  box-shadow: 20px 20px 30px #0000006b;
  outline: none;
  font-family: 'Angelface', cursive;
  font-size: 2.4rem;
  line-height: 1;
  padding: 16px 32px 10px;
}
.block.animated-overlay .animated-overlay-content {
  position: relative;
  z-index: 10;
}
.block.animated-overlay.animated-overlay-hidden {
  opacity: 0;
  visibility: hidden;
}
body.no-animate .block.animated-overlay {
  transition: none !important;
}
body.intro-seen .block.animated-overlay {
  display: none !important;
}
#rs-builder .block.animated-overlay {
  position: relative;
  z-index: 1;
  height: 900px;
}
.block.topbar {
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: transparent;
  transition: background-color 1s ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
}
.block.topbar * {
  box-sizing: border-box;
  line-height: 1.5;
}
.block.topbar::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--page-bg-color);
  opacity: 0;
  transition: opacity 1s ease-in-out 0.2s;
}
.block.topbar span:not(.fab) {
  font-size: 1.8rem;
  color: var(--button-text-color);
  vertical-align: middle;
}
.block.topbar button,
.block.topbar .button {
  border: none;
  text-transform: uppercase;
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  font-weight: 700;
  font-family: var(--heading-font);
  cursor: pointer;
  padding: 10px;
}
.block.topbar .skip {
  position: absolute;
  left: -999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.block.topbar .skip:focus {
  color: var(--text-color);
  background-color: var(--text-link-color-hover);
  left: 1rem;
  top: 1rem;
  width: auto;
  height: auto;
  overflow: auto;
  padding: 0.5rem 1rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: var(--heading-font);
  z-index: 99999999;
  text-decoration: none;
}
.block.topbar .inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 20px;
  margin: 0;
  align-items: center;
}
.block.topbar .inner .logo-wrapper {
  margin: 10px 0 7px;
  transition: all 1s ease 0.2s;
}
.block.topbar .inner .logo-wrapper a {
  width: 120px;
  height: 60px;
  display: block;
  margin: 16px 0;
}
.block.topbar .inner .logo-wrapper a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.block.topbar .inner .nav-icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}
.block.topbar .inner .nav-icons .text-link {
  display: none;
}
.block.topbar .inner .menu-btn {
  background-color: transparent;
  cursor: pointer;
  padding: 1px 6px 0 6px;
  margin: 10px 0 0 auto;
  height: 40px;
  min-width: unset;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.block.topbar .inner .menu-btn .bar {
  width: 35px;
  height: 2px;
  margin-top: 5px;
  transition: width 0.2s ease-in-out;
  background-color: var(--text-color);
}
.block.topbar .inner .menu-btn:hover .bar:nth-child(1),
.block.topbar .inner .menu-btn:focus .bar:nth-child(1) {
  width: 50px;
}
.block.topbar .inner .menu-btn:hover .bar:nth-child(2),
.block.topbar .inner .menu-btn:focus .bar:nth-child(2) {
  width: 40px;
}
.block.topbar .inner .menu-btn:hover .bar:nth-child(3),
.block.topbar .inner .menu-btn:focus .bar:nth-child(3) {
  width: 45px;
}
.block.topbar .menu {
  position: fixed;
  transform: translateX(-100%);
  visibility: hidden;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: block;
  background-color: var(--footer-bg-color);
  background-image: url("/nts-community-animated/assets/img/dark-stripes-light.png");
}
.block.topbar .menu .menu-top {
  height: 100px;
  width: 100%;
}
.block.topbar .menu .menu-top .logo-desktop,
.block.topbar .menu .menu-top .logo-mobile {
  position: absolute;
  z-index: 10;
}
.block.topbar .menu .menu-top .logo-mobile {
  display: block;
  width: 120px;
  left: 20px;
  top: 20px;
}
.block.topbar .menu .menu-top .logo-desktop {
  display: none;
}
.block.topbar .menu .menu-left {
  display: none;
}
.block.topbar .menu .menu-right {
  width: 100%;
  height: calc(100% - 100px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 32px;
}
.block.topbar .menu .menu-right a {
  position: relative;
}
.block.topbar .menu .menu-right a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--text-link-color-hover);
  transition: width 0.2s ease-in-out;
  z-index: -1;
}
.block.topbar .menu .menu-right a:not(.social):hover::before,
.block.topbar .menu .menu-right a:not(.social):focus::before {
  width: 100%;
}
.block.topbar .menu .menu-right .menu-close {
  position: fixed;
  top: 20px;
  right: 30px;
  height: 48px;
  cursor: pointer;
  border: 1px solid var(--text-color-alt);
  padding: 8px 6px 11px 10px;
  background-color: transparent;
  transition: transform 0.4s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  min-width: unset;
  border-radius: 0;
}
.block.topbar .menu .menu-right .menu-close .bar {
  width: 35px;
  height: 1.2px;
  margin-top: 5px;
  background-color: var(--text-color-alt);
  transform: rotate(45deg) translate(-2px, 1px);
  transition: transform 0.2s ease-in-out;
}
.block.topbar .menu .menu-right .menu-close .bar:nth-child(2) {
  margin-top: 0;
}
.block.topbar .menu .menu-right .menu-close:hover .bar,
.block.topbar .menu .menu-right .menu-close:focus .bar {
  background-color: var(--text-color-alt);
}
.block.topbar .menu .menu-right .menu-close:hover .bar:nth-child(2),
.block.topbar .menu .menu-right .menu-close:focus .bar:nth-child(2) {
  transform: rotate(0deg);
  margin-top: 2px;
}
.block.topbar .menu .menu-right ul {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}
.block.topbar .menu .menu-right ul li {
  text-transform: capitalize;
  font-size: 2.2rem;
  color: var(--text-link-color);
  font-family: var(--heading-font);
}
.block.topbar .menu .menu-right ul li a {
  color: var(--text-color-alt);
}
.block.topbar .menu .menu-right .button {
  padding: 10px;
  font-size: 1.1rem;
  width: 200px;
  letter-spacing: 3px;
  margin-top: 5px;
  border: 1px solid var(--button-border-color);
  color: var(--button-text-color);
}
.block.topbar .menu .menu-right .button:hover,
.block.topbar .menu .menu-right .button:focus {
  opacity: 0.8;
}
.block.topbar .menu .menu-right .btns {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  width: 200px;
}
.block.topbar .menu .menu-right .btns .button {
  padding: 10px;
  font-size: 1.1rem;
  width: 100%;
  letter-spacing: 3px;
  margin-top: 5px;
  border: 1px solid var(--button-border-color);
}
.block.topbar .menu .menu-right .btns .button:hover,
.block.topbar .menu .menu-right .btns .button:focus {
  opacity: 0.8;
}
.block.topbar .menu .menu-right .contact {
  width: 288px;
  margin-top: 20px;
}
.block.topbar .menu .menu-right .contact * {
  color: var(--text-color-alt);
}
.block.topbar .menu .menu-right .contact a {
  height: fit-content;
  display: block;
  padding-bottom: 3px;
  margin: 0 20px 10px 0;
  color: var(--text-link-color);
  font-family: var(--text-font);
  font-size: 1.6rem;
  letter-spacing: 0;
}
.block.topbar .menu .menu-right .contact a p {
  text-wrap: balance;
}
.block.topbar .menu .menu-right .socials {
  padding-bottom: 40px;
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.block.topbar .menu .menu-right .socials a {
  border: 1px solid var(--text-color-alt);
  text-align: center;
  transition: all 0.5s ease-in-out;
  height: 46px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block.topbar .menu .menu-right .socials a i,
.block.topbar .menu .menu-right .socials a span {
  color: var(--button-text-color);
  font-size: 18px;
  line-height: 1;
}
.block.topbar .menu .menu-right .socials a:hover,
.block.topbar .menu .menu-right .socials a:focus {
  background-color: var(--text-color-alt);
}
.block.topbar .menu .menu-right .socials a:hover i,
.block.topbar .menu .menu-right .socials a:focus i,
.block.topbar .menu .menu-right .socials a:hover span,
.block.topbar .menu .menu-right .socials a:focus span {
  color: var(--button-bg-color);
}
.block.topbar .menu .menu-right .socials a[href=""] {
  display: none;
}
.block.topbar .menu .menu-right .slide-in {
  animation: menuSlideIn 1s ease-in-out forwards;
}
.block.topbar .menu .menu-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block.topbar .menu.active {
  transform: translateX(0);
  visibility: visible;
}
.block.topbar.scrolled {
  backdrop-filter: blur(3px);
}
.block.topbar.scrolled::before {
  opacity: 0.5;
}
.block.topbar.scrolled .logo-wrapper {
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 480px) {
  .block.topbar .menu .menu-top {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
  }
  .block.topbar .menu .menu-left,
  .block.topbar .menu .menu-right {
    display: inline-block;
    width: 50%;
    height: 100%;
  }
  .block.topbar .menu .menu-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background: linear-gradient(90deg, #c5c8cae0 0%, transparent 80%);
    z-index: 0;
  }
  .block.topbar .menu .menu-right {
    padding-left: 20px;
  }
  .block.topbar .menu .menu-right .menu-close {
    right: 30px;
    top: 20px;
  }
  .block.topbar .menu .menu-right ul {
    padding-top: 50px;
  }
  .block.topbar .menu .menu-right ul li {
    font-size: 2.5rem;
  }
  .block.topbar .menu.active {
    display: flex !important;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .block.topbar .inner .logo-wrapper {
    width: 180px;
    margin-top: 5px;
  }
  .block.topbar .inner .nav-icons .icon {
    display: none;
  }
  .block.topbar .inner .nav-icons .text-link {
    display: inline-block;
    color: var(--text-color);
    margin-right: 30px;
    font-size: 1.8rem;
    font-family: var(--heading-font);
    letter-spacing: 2.5px;
  }
  .block.topbar .inner .nav-icons .text-link:hover,
  .block.topbar .inner .nav-icons .text-link:focus {
    text-decoration: underline;
  }
  .block.topbar .menu .menu-top .logo-mobile {
    display: none;
  }
  .block.topbar .menu .menu-top .logo-desktop {
    display: block;
    width: 220px;
    top: 20px;
    left: 50px;
  }
  .block.topbar .menu .menu-right {
    padding-left: 98px;
    padding-top: 20px;
  }
  .block.topbar .menu .menu-right ul {
    padding-top: 0;
  }
  .block.topbar .menu .menu-right ul li {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 960px) {
  .block.topbar .inner .logo-wrapper {
    margin: 5px 0;
  }
  .block.topbar .menu .menu-right .menu-close {
    right: 80px;
    top: 50px;
  }
  .block.topbar .menu .menu-top .logo-desktop {
    top: 50px;
    left: 80px;
  }
  .block.topbar .menu .menu-right {
    padding-left: 110px;
    padding-top: 40px;
  }
  .block.topbar .menu .menu-right ul li {
    font-size: 3.8rem;
  }
}
@keyframes menuSlideIn {
  0% {
    transform: translateX(-130%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
body:has(.animated-overlay) .block.topbar {
  opacity: 0;
  visibility: hidden;
}
body:has(.animated-overlay).no-animate .block.topbar {
  transition: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#specials {
  display: none;
}
#special-popdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  background: #c6d2c8;
}
#special-popdown *,
#special-popdown *:before,
#special-popdown *:after {
  box-sizing: inherit;
  color: #3e444a;
}
#special-popdown #specials-inner {
  width: 100%;
  max-width: unset;
  padding: 50px 10px 0;
  margin: 0;
  display: flex;
  flex-direction: column-reverse;
  text-align: left;
}
#special-popdown #specials-inner .special {
  text-align: center;
  width: 100%;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#special-popdown #specials-inner .special h3 {
  font-size: 2rem;
  margin: 0 0 10px;
  color: #3e444a;
  padding-bottom: 0;
  font-family: var(--heading-font);
  display: none;
}
#special-popdown #specials-inner .special p {
  font-size: 1.6rem;
  text-align: center;
  font-family: var(--heading-font);
}
#special-popdown .special-image {
  max-width: 350px;
  padding: 0;
}
#special-popdown .special-image img {
  width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
  object-position: center;
}
#special-popdown #special-popdown-button {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  height: 24px;
  width: 24px;
  cursor: pointer;
}
#special-popdown #special-popdown-button svg {
  width: 100%;
  height: 100%;
  fill: #3e444a;
  transition: all 0.3s ease;
}
#special-popdown #special-popdown-button:hover svg,
#special-popdown #special-popdown-button:focus svg {
  opacity: 0.4;
}
#special-popdown.special-popdown--show {
  max-height: 600px;
}
#special-popdown.special-popdown--hiding {
  max-height: 0;
}
#special-popdown.special-popdown--hidden {
  max-height: 0;
  display: none;
}
#special-popdown .swiper {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
}
#special-popdown .swiper-wrapper {
  display: flex;
  align-items: center;
}
#special-popdown .swiper-pagination {
  bottom: 0;
}
#special-popdown .swiper-pagination-bullet {
  background: #3e444a;
  opacity: 0.4;
}
#special-popdown .swiper-pagination-bullet-active {
  background: #3e444a;
  opacity: 0.8;
}
#special-popdown .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  #special-popdown #specials-inner {
    flex-direction: row-reverse;
    justify-content: center;
  }
  #special-popdown #specials-inner .special {
    width: unset;
  }
  #special-popdown #specials-inner .special * {
    text-align: left;
  }
  #special-popdown .swiper {
    padding-bottom: 20px;
  }
  #special-popdown .swiper-slide {
    flex-direction: row;
  }
  #special-popdown #specials-inner .special-image + .special {
    align-items: start;
  }
  #special-popdown #specials-inner .special-image + .special p {
    text-align: left;
  }
  #special-popdown .special-image img {
    max-height: 200px;
  }
}
.block.hero {
  padding: 45px 20px;
  position: relative;
}
.block.hero.home {
  height: 100vh;
  min-height: 600px;
}
.block.hero.home.has-logo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.block.hero.home .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 2;
}
.block.hero.home .logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 1000px;
  max-height: calc(100% - 200px);
}
.block.hero.sub {
  height: 60vh;
  min-height: 400px;
  position: relative;
  padding: 110px 20px 45px;
}
.block.hero.sub::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.block.hero.sub .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 2;
}
.block.hero.sub .inner h1 {
  color: var(--heading-color-alt);
}
.simple-text {
  position: relative;
  padding: 60px 20px;
  background-color: var(--page-bg-color);
}
.simple-text .inner {
  max-width: 1300px;
}
.simple-text .text-content {
  text-align: center;
}
.simple-text .text-content h1,
.simple-text .text-content h2,
.simple-text .text-content h3,
.simple-text .text-content h4,
.simple-text .text-content h5 {
  color: var(--heading-color);
}
.simple-text .text-content p + p {
  padding-top: 1.5em;
}
.simple-text .text-content a {
  color: var(--text-link-color);
}
.simple-text .text-content a:hover,
.simple-text .text-content a:focus-visible {
  color: var(--text-link-color-hover);
}
.simple-text .cta-content {
  display: flex;
  justify-content: center;
  margin-top: 1.5em;
}
.simple-text .cta-content a {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 12px 20px;
  background: var(--button-bg-color);
  border: 2px solid var(--button-border-color);
  color: var(--button-text-color);
  font-size: 1.8rem;
  text-transform: uppercase;
  border-radius: 30px;
  transition: ease all 0.3s;
  text-align: center;
  margin: auto;
  cursor: pointer;
  min-width: 250px;
  letter-spacing: 3px;
}
.simple-text .cta-content a.ghost {
  background: none;
  color: var(--button-bg-color);
  border: 0;
  border-bottom: 3px solid var(--button-border-color);
}
.simple-text .cta-content a.inline {
  display: inline-block;
}
.simple-text .cta-content a:hover {
  background: var(--button-bg-color-hover);
}
.simple-text.alt {
  background-color: var(--primary-bg-color);
}
.simple-text.alt .text-content h1,
.simple-text.alt .text-content h2,
.simple-text.alt .text-content h3,
.simple-text.alt .text-content h4,
.simple-text.alt .text-content h5 {
  color: var(--heading-color-alt);
}
.simple-text.alt .text-content p,
.simple-text.alt .text-content a {
  color: var(--text-color-alt);
}
.block.quote {
  position: relative;
  background-color: var(--tertiary-bg-color);
  padding: 4cqb 20px;
}
.block.quote .quote-body {
  margin: 0;
}
.block.quote .quote-body * {
  color: var(--text-color-alt);
  text-align: center;
}
.block.quote .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.block.quote .background-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.block.quote svg {
  opacity: 0;
  height: 3.5rem;
  max-width: 100%;
  margin: 30px auto 0;
  display: block;
}
@media screen and (min-width: 768px) {
  .block.quote {
    padding: 60px 20px;
  }
}
#rs-builder .block.quote svg,
body.no-animate .block.quote svg {
  opacity: 1 !important;
}
#rs-builder .block.quote {
  padding: 40px 20px;
}
.block.contact {
  position: relative;
  padding: 100px 20px;
  z-index: -1;
}
.block.contact header .title {
  text-align: center;
  width: fit-content;
  padding: 0 60px 20px;
  position: relative;
  margin: 0 auto 20px;
}
.block.contact header .title h2 {
  padding-bottom: 0;
}
.block.contact header .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 2px;
  background-color: var(--heading-color);
  width: 100%;
}
.block.contact header .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 12px;
  width: 100%;
  border-left: 2px solid var(--heading-color);
  border-right: 2px solid var(--heading-color);
}
.block.contact header .content {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 20px;
}
.block.contact .image {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50%;
  height: 100%;
  max-height: 100%;
  max-width: 300px;
  z-index: -1;
}
.block.contact .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top right;
}
.block.contact input,
.block.contact textarea {
  background-color: transparent;
}
@media (min-width: 768px) {
  .block.contact header .title {
    padding: 0 100px 30px;
  }
}
#rs-builder .block.contact {
  z-index: 0;
}
#rs-builder .block.contact form .fields {
  display: none;
}
#rs-builder .block.contact form {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
#rs-builder .block.contact form::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='rgba(51, 51, 51, 1)' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 384C302.3 384 288 398.3 288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416C352 398.3 337.7 384 320 384zM320 192C301.8 192 287.3 207.5 288.6 225.7L296 329.7C296.9 342.3 307.4 352 319.9 352C332.5 352 342.9 342.3 343.8 329.7L351.2 225.7C352.5 207.5 338.1 192 319.8 192z'/%3E%3C/svg%3E");
  height: 28px;
  width: 20px;
  display: inline-block;
}
#rs-builder .block.contact form::after {
  content: "Form is not visible in the editor. Please preview the page to see the form.";
  display: inline-block;
  color: #333;
  opacity: 0.8;
}
.block.floorplans-carousel {
  padding: 60px 60px;
  position: relative;
  background-color: var(--page-bg-color);
}
.block.floorplans-carousel .carousel-wrapper {
  z-index: 1;
}
.block.floorplans-carousel .swiper-button-wrapper {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
  max-width: 1500px;
  margin: 0 auto;
  z-index: 2;
}
.block.floorplans-carousel .swiper-button-prev {
  left: 10px;
  user-select: none;
  pointer-events: auto;
}
.block.floorplans-carousel .swiper-button-prev svg {
  fill: var(--heading-color);
  color: var(--heading-color);
}
.block.floorplans-carousel .swiper-button-next {
  right: 10px;
  user-select: none;
  pointer-events: auto;
}
.block.floorplans-carousel .swiper-button-next svg {
  fill: var(--heading-color);
  color: var(--heading-color);
}
.block.floorplans-carousel .swiper {
  user-select: none;
}
.block.floorplans-carousel.alt .swiper-slide {
  border: 2px solid var(--heading-color);
  padding: 20px 10px;
  height: auto;
}
.block.floorplans-carousel .floorplans-header .title {
  width: fit-content;
  position: relative;
  margin: 0 0 40px;
  padding: 0 0 20px 0;
}
.block.floorplans-carousel .floorplans-header .title h2 {
  padding-bottom: 0;
}
.block.floorplans-carousel .floorplans-header .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 2px;
  background-color: var(--heading-color);
  width: 180%;
  max-width: calc(100vw - 135px);
}
.block.floorplans-carousel .floorplans-header .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 12px;
  width: 180%;
  max-width: calc(100vw - 135px);
  border-left: 2px solid var(--heading-color);
  border-right: 2px solid var(--heading-color);
}
.block.floorplans-carousel .floorplan-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
  text-align: center;
}
.block.floorplans-carousel .floorplan-header .floorplan-count p {
  color: var(--page-bg-color);
  text-shadow: -1px -1px 0 var(--heading-color), 1px -1px 0 var(--heading-color), -1px 1px 0 var(--heading-color), 1px 1px 0 var(--heading-color);
  font-size: 6.6rem;
  line-height: 1;
  font-family: var(--heading-font);
  font-weight: 600;
}
.block.floorplans-carousel .floorplan-header .details-overview {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.block.floorplans-carousel .floorplan-header .details-overview h3 {
  color: var(--heading-color);
}
.block.floorplans-carousel .floorplan-header .details-overview .details {
  font-size: 1.6rem;
  color: var(--text-color);
}
.block.floorplans-carousel .floorplan-header .details-overview .details span:not(:last-child)::after {
  content: " | ";
  padding: 0 5px;
}
.block.floorplans-carousel .floorplan-image {
  width: 100%;
}
.block.floorplans-carousel .floorplan-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  max-height: 450px;
}
@media screen and (min-width: 960px) {
  .block.floorplans-carousel .floorplans-header .title {
    padding: 0 0 30px 0;
  }
}
#rs-builder .swiper {
  display: none;
}
#rs-builder .carousel-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
#rs-builder .carousel-wrapper::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='rgba(51, 51, 51, 1)' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 384C302.3 384 288 398.3 288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416C352 398.3 337.7 384 320 384zM320 192C301.8 192 287.3 207.5 288.6 225.7L296 329.7C296.9 342.3 307.4 352 319.9 352C332.5 352 342.9 342.3 343.8 329.7L351.2 225.7C352.5 207.5 338.1 192 319.8 192z'/%3E%3C/svg%3E");
  height: 28px;
  width: 20px;
  display: inline-block;
}
#rs-builder .carousel-wrapper::after {
  content: "Carousel is not visible in the editor. Please preview the page to see the carousel.";
  display: inline-block;
  color: #333;
  opacity: 0.8;
}
.block.history {
  padding: 60px 20px;
  position: relative;
}
.block.history .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.block.history .background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.block.history .background::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c4c4c4ed;
  z-index: 1;
  pointer-events: none;
}
.block.history .history-header .title {
  width: 100%;
  position: relative;
  margin: 0 0 40px;
  padding: 0 0 20px 0;
}
.block.history .history-header .title h2 {
  padding-bottom: 0;
}
.block.history .history-header .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 2px;
  background-color: var(--heading-color);
  width: 100%;
}
.block.history .history-header .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 12px;
  width: 100%;
  border-left: 2px solid var(--heading-color);
  border-right: 2px solid var(--heading-color);
}
.block.history .inner {
  z-index: 1;
}
.block.history .inner p + p {
  margin-top: 1.5em;
}
.block.history .secondary {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  opacity: 0.25;
}
.block.history .secondary img {
  display: none;
}
.block.history #sprite-canvas {
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 325px;
}
@media screen and (min-width: 768px) {
  .block.history {
    min-height: 600px;
  }
  .block.history .inner {
    padding-right: 270px;
  }
  .block.history .secondary {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: 1;
  }
  .block.history .background::after {
    background: #c4c4c4de;
  }
}
@media screen and (min-width: 960px) {
  .block.history .inner {
    padding-right: 270px;
  }
  .block.history .history-header .title {
    padding: 0 0 30px 0;
  }
}
@media (min-width: 1750px) {
  .block.history .inner {
    padding-right: 0;
  }
}
#rs-builder .block.history .background::before {
  content: " Click here to edit background image";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23dfdcdc' d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 384C302.3 384 288 398.3 288 416C288 433.7 302.3 448 320 448C337.7 448 352 433.7 352 416C352 398.3 337.7 384 320 384zM320 192C301.8 192 287.3 207.5 288.6 225.7L296 329.7C296.9 342.3 307.4 352 319.9 352C332.5 352 342.9 342.3 343.8 329.7L351.2 225.7C352.5 207.5 338.1 192 319.8 192z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center left 10px;
  padding-left: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  background-color: #333;
  color: #dfdcdc;
  z-index: 1;
  pointer-events: none;
  font-size: medium;
}
#rs-builder .block.history .background::after {
  height: calc(100% - 45px);
  bottom: 0;
  top: 45px;
}
#rs-builder .block.history #sprite-canvas {
  opacity: 1 !important;
  transform: translateX(10%) !important;
}
.block.interior {
  background-color: #EFEAE1;
  position: relative;
  padding: 50px 20px 80px;
}
.block.interior header {
  padding-top: 30px;
  margin-bottom: 20px;
}
.block.interior header .title {
  text-align: left;
  width: 100%;
  padding: 0 0 20px;
  position: relative;
  margin: 0 auto 20px;
}
.block.interior header .title h2 {
  padding-bottom: 0;
}
.block.interior header .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 2px;
  background-color: var(--heading-color);
  width: 100%;
}
.block.interior header .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 12px;
  width: 100%;
  border-left: 2px solid var(--heading-color);
  border-right: 2px solid var(--heading-color);
}
.block.interior .inner {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.block.interior .inner .primary {
  width: 100%;
}
.block.interior .inner .secondary {
  width: 100%;
}
.block.interior .secondary {
  padding: 30px 30px 0 0;
  position: relative;
  aspect-ratio: 1/1;
}
.block.interior .secondary::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100% - 30px);
  width: calc(100% - 30px);
  border: 2px solid var(--heading-color);
  z-index: 0;
}
.block.interior .secondary .image-container {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.block.interior .secondary .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .block.interior header .title {
    padding: 0 0 30px;
  }
  .block.interior .inner {
    display: flex;
    gap: 40px;
  }
  .block.interior .inner .primary {
    width: calc(50% - 20px);
  }
  .block.interior .inner .secondary {
    width: calc(50% - 20px);
  }
}
.block.amenities-ov {
  position: relative;
  padding: 80px 20px 80px;
}
.block.amenities-ov header {
  margin-bottom: 50px;
}
.block.amenities-ov header .title {
  text-align: left;
  width: 100%;
  padding: 0 0 20px;
  position: relative;
  margin: 0 auto 20px;
}
.block.amenities-ov header .title h2 {
  padding-bottom: 0;
}
.block.amenities-ov header .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 2px;
  background-color: var(--heading-color);
  width: 100%;
}
.block.amenities-ov header .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 12px;
  width: 100%;
  border-left: 2px solid var(--heading-color);
  border-right: 2px solid var(--heading-color);
}
.block.amenities-ov header .subtitle {
  margin: 0 auto 20px;
}
.block.amenities-ov header .subtitle * {
  font-family: var(--text-font);
  color: var(--text-color);
  text-transform: none;
  letter-spacing: normal;
  font-size: calc(2*1rem);
}
@media screen and (min-width: 768px) {
  .block.amenities-ov header .subtitle * {
    font-size: calc(2.7*1rem);
  }
}
@media screen and (min-width: 960px) {
  .block.amenities-ov header .subtitle * {
    font-size: calc(3.4*1rem);
  }
}
.block.amenities-ov .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.block.amenities-ov .image-container {
  width: 100%;
  aspect-ratio: 1/1;
  max-height: 500px;
  padding: 30px 0 0 30px;
  position: relative;
  z-index: 1;
}
.block.amenities-ov .image-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 30px);
  width: calc(100% - 30px);
  border: 2px solid var(--heading-color);
  z-index: -1;
}
.block.amenities-ov .image-container img {
  height: calc(100% - 30px);
  width: calc(100% - 30px);
  object-fit: cover;
  position: absolute;
  left: 30px;
  right: 0;
  bottom: 0;
  top: 30px;
}
.block.amenities-ov .amenities-list {
  width: 100%;
}
.block.amenities-ov .amenities-list ul {
  list-style: none;
}
.block.amenities-ov .amenities-list ul li {
  padding: 15px 0;
}
.block.amenities-ov .amenities-list ul li:not(:last-child) {
  border-bottom: 1px solid var(--heading-color);
}
.block.amenities-ov .cta {
  margin-top: 30px;
}
.block.amenities-ov .cta:not(:has(a)) {
  display: none;
}
.block.amenities-ov .cta a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--heading-color);
  text-transform: uppercase;
  font-family: var(--heading-font);
  font-weight: 600;
}
.block.amenities-ov .cta a:hover,
.block.amenities-ov .cta a:focus-visible {
  color: var(--text-link-color);
}
.block.amenities-ov .cta a::after {
  content: '→';
  position: relative;
  display: inline-block;
  font-size: 1.25em;
  line-height: 1;
  margin-top: -5px;
}
@media screen and (min-width: 768px) {
  .block.amenities-ov header .title {
    padding: 0 0 30px;
  }
  .block.amenities-ov .content-wrapper {
    display: flex;
    gap: 40px;
  }
  .block.amenities-ov .image-container {
    width: calc(50% - 20px);
    aspect-ratio: unset;
    min-height: 300px;
    max-height: unset;
  }
  .block.amenities-ov .amenities-list {
    width: calc(50% - 20px);
  }
}
#rs-builder .block.amenities-ov .cta:not(:has(a)) {
  display: block !important;
}
.block.images-right {
  position: relative;
  padding: 60px 20px;
  background-color: var(--page-bg-color);
}
.block.images-right .images-right-header .title {
  width: 100%;
  position: relative;
  margin: 0 0 40px;
  padding-bottom: 20px;
}
.block.images-right .images-right-header .title h2 {
  padding-bottom: 0;
}
.block.images-right .images-right-header .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 2px;
  background-color: var(--heading-color);
  width: 100%;
}
.block.images-right .images-right-header .title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 12px;
  width: 100%;
  border-left: 2px solid var(--heading-color);
  border-right: 2px solid var(--heading-color);
}
.block.images-right img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.block.images-right .inner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.block.images-right .primary {
  position: relative;
  margin-bottom: 25px;
  z-index: 2;
  padding: 0 20px;
}
.block.images-right .primary .content-wrapper {
  position: relative;
  padding: 40px 30px 100px;
  background-color: #E6D9CD;
  z-index: 1;
  margin-bottom: 25px;
}
.block.images-right .primary .content-wrapper .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block.images-right .primary .content-wrapper .content p + p {
  margin-top: 1.5em;
}
.block.images-right .primary .content-wrapper header,
.block.images-right .primary .content-wrapper .content {
  position: relative;
  z-index: 2;
}
.block.images-right .primary .images-wrapper {
  width: 100%;
  aspect-ratio: 16/10;
}
.block.images-right .primary .images-wrapper .image.pattern {
  width: 100%;
  height: 100%;
}
.block.images-right .secondary {
  z-index: 2;
  width: 100%;
  position: relative;
  margin-top: -75%;
  pointer-events: none;
}
.block.images-right .secondary .image {
  pointer-events: auto;
  opacity: 0;
}
.block.images-right .secondary .image.overlay {
  width: 10%;
  max-width: 50px;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 30px;
  border-radius: 10px;
  border: 2px solid var(--text-color);
}
.block.images-right .secondary .image.overlay img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.block.images-right .secondary .image.top {
  width: 80%;
  aspect-ratio: 16/10;
  margin-left: auto;
  margin-bottom: 25px;
}
.block.images-right .secondary .image.bottom {
  width: 60%;
  aspect-ratio: 4/3;
  margin-right: auto;
}
@media screen and (min-width: 960px) {
  .block.images-right .inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .block.images-right .images-right-header .title {
    padding-bottom: 30px;
  }
  .block.images-right .primary {
    position: relative;
    grid-area: 1 / 1 / 6 / 6;
    padding: 0;
  }
  .block.images-right .primary .content-wrapper {
    padding: 60px 80px;
    width: 50%;
    margin-bottom: 100px;
  }
  .block.images-right .primary .images-wrapper {
    width: 60%;
    aspect-ratio: 17/9;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .block.images-right .primary .images-wrapper .image.overlay img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .block.images-right .primary .content-wrapper .title {
    width: calc(100% - 100px);
  }
  .block.images-right .primary .content-wrapper .content::before {
    float: right;
    content: "";
    top: 0;
    left: 0;
    width: 12%;
    height: clamp(115px, calc(125px + (100vw - 920px) * 0.515), 330px);
  }
  .block.images-right .secondary {
    position: relative;
    transform: unset;
    grid-area: 1 / 3 / 6 / 6;
    margin-top: 50px;
  }
  .block.images-right .secondary .image.top {
    width: 100%;
  }
  .block.images-right .secondary .image.bottom {
    margin-left: auto;
    margin-right: 60px;
  }
}
#rs-builder .block.images-right .image {
  opacity: 1;
}
.block.outro {
  position: relative;
  pointer-events: none;
}
.block.outro .inner {
  max-width: 1400px;
}
.block.outro #outro-target {
  height: 150px;
  width: 100%;
  position: relative;
}
.block.outro #outro-target img {
  display: none;
}
.block.outro #outro-canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
  width: auto;
  max-width: 250px;
}
@media screen and (min-width: 768px) {
  .block.outro #outro-target {
    height: 200px;
  }
}
@media screen and (min-width: 960px) {
  .block.outro #outro-target {
    height: 250px;
  }
}
#rs-builder .block.outro {
  margin-top: 0;
  pointer-events: auto;
}
.block.contact + .block.outro {
  margin-top: -110px;
}
@media screen and (min-width: 768px) {
  .block.contact + .block.outro {
    margin-top: -180px;
  }
}
@media screen and (min-width: 960px) {
  .block.contact + .block.outro {
    margin-top: -200px;
  }
}
.block.footer {
  padding: 0 20px;
  background-color: var(--footer-bg-color);
  color: var(--footer-color);
}
.block.footer a,
.block.footer p,
.block.footer span {
  color: var(--footer-color);
  font-size: 1.6rem;
}
.block.footer a:hover,
.block.footer a:focus-visible {
  text-decoration: underline;
  color: var(--footer-color) !important;
}
.block.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.block.footer h2,
.block.footer h3,
.block.footer h4,
.block.footer h5,
.block.footer h6 {
  color: var(--footer-color);
  margin-bottom: 20px;
  font-weight: 700;
}
.block.footer .socials {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.block.footer .socials a {
  border: 1px solid var(--footer-color);
  text-align: center;
  transition: all 0.5s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  min-width: 44px;
}
.block.footer .socials a i,
.block.footer .socials a span {
  color: var(--footer-color);
  font-size: 18px;
  line-height: 1;
}
.block.footer .socials a svg {
  height: 18px;
  width: auto;
}
.block.footer .socials a svg path {
  fill: var(--footer-color);
}
.block.footer .socials a:hover,
.block.footer .socials a:focus {
  background-color: var(--footer-color);
}
.block.footer .socials a:hover i,
.block.footer .socials a:focus i,
.block.footer .socials a:hover span,
.block.footer .socials a:focus span {
  color: var(--button-bg-color);
}
.block.footer .socials a:hover svg path,
.block.footer .socials a:focus svg path {
  fill: var(--button-bg-color);
}
.block.footer .socials a[href=""] {
  display: none;
}
.block.footer .logo-container {
  max-width: 160px;
  margin: 0 auto 20px;
}
.block.footer .logo-container img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.block.footer .top {
  position: relative;
  background-image: url('https://resiteimages.nyc3.digitaloceanspaces.com/medium-1778099004454-Arden%20Oxmoor%20Footer.webp');
}
.block.footer .top .inner {
  padding: 80px 0 60px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.block.footer .top::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--footer-bg-color);
  opacity: 0.6;
  z-index: 0;
}
.block.footer .top .details-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
}
.block.footer .top .map-link,
.block.footer .top .phone-link {
  margin-top: 20px;
  display: block;
}
.block.footer .bottom {
  text-align: center;
  font-size: 1.6rem;
}
.block.footer .bottom a:hover,
.block.footer .bottom a:focus-visible {
  color: var(--primary-bg-color);
}
.block.footer .bottom .inner {
  display: flex;
  flex-direction: column;
  padding: 20px;
}
.block.footer .bottom .links,
.block.footer .bottom .copyright,
.block.footer .bottom .icons,
.block.footer .bottom .resite {
  margin-bottom: 5px;
}
.block.footer .bottom .links nav ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.block.footer .bottom .links nav ul li:not(:last-child) {
  margin-right: 5px;
}
.block.footer .bottom .links nav ul li:not(:last-child)::after {
  content: '|';
  margin: 0 5px;
}
.block.footer .bottom .right {
  display: flex;
  flex-direction: column;
}
.block.footer .bottom .right .icons img {
  height: 30px;
  width: auto;
  margin: auto;
  filter: contrast(0) brightness(0) invert(1);
}
@media screen and (min-width: 768px) {
  .block.footer .logo-container {
    margin: 0 0 20px;
  }
  .block.footer .bottom .inner {
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
  }
  .block.footer .bottom .links {
    width: 50%;
  }
  .block.footer .bottom .links nav ul {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .block.footer .bottom .right {
    width: 50%;
    flex-direction: row;
    justify-content: flex-end;
    word-break: keep-all;
    flex-wrap: wrap;
    gap: 10px;
  }
  .block.footer .bottom .right .copyright {
    text-align: end;
  }
  .block.footer .bottom .right .icons img {
    margin: 0;
  }
}

/*# sourceMappingURL=style.css.map */