@font-face {
  font-family: 'fluxregular';
  src: url("fonts/flux_regular_macroman/Flux_Architect_Regular-webfont.eot");
  src: url("fonts/flux_regular_macroman/Flux_Architect_Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/flux_regular_macroman/Flux_Architect_Regular-webfont.woff") format("woff"), url("fonts/flux_regular_macroman/Flux_Architect_Regular-webfont.ttf") format("truetype"), url("fonts/flux_regular_macroman/Flux_Architect_Regular-webfont.svg#fluxregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'archisticonormal';
  src: url("fonts/archistico-fontfacekit/Archistico_Simple-webfont.eot");
  src: url("fonts/archistico-fontfacekit/Archistico_Simple-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/archistico-fontfacekit/Archistico_Simple-webfont.woff") format("woff"), url("fonts/archistico-fontfacekit/Archistico_Simple-webfont.ttf") format("truetype"), url("fonts/archistico-fontfacekit/Archistico_Simple-webfont.svg#archisticonormal") format("svg");
  font-weight: normal;
  font-style: normal; }

.archistico-example {
  font-family: "archisticonormal", sans-serif;
  line-height: 1;
  font-size: 6rem; }

/*Arboria Book font-weight: 400;

Arboria Medium font-weight: 500;

Arboria Bold font-weight: 700;*/
/* misc */
/*calc(12px + .15vw);*/
:root {
  font-size: clamp(12px, 1vw, 26px); }

body {
  font-family: arboria, sans-serif;
  font-weight: 400;
  color: #4b4f54;
  font-size: clamp(14px, clamp(12px, 1vw, 26px), 21px);
  line-height: 1.5;
  overflow-x: hidden;
  margin: 0;
  padding: 182px 0 0;
  background-image: radial-gradient(rgba(212, 202, 191, 0.6) 2px, white 2px);
  /*height: $dot-space;
        width: $dot-space;*/
  /*background:linear-gradient(90deg, $bg-color ($dot-space - $dot-size), transparent 1%) center,
		linear-gradient($bg-color ($dot-space - $dot-size), transparent 1%) center,
		$dot-color;*/
  background-size: 40px 40px; }

a, a:visited {
  color: #4b4f54;
  opacity: 1;
  transition: opacity .3s linear;
  text-decoration: none; }
  a:hover, a:visited:hover {
    opacity: .7; }

h1, h2, h3 {
  font-weight: 700; }

a.btn {
  background: #dda888;
  border: 1px solid #4b4f54;
  color: #4b4f54;
  font-family: "fluxregular", sans-serif;
  padding: .5rem 1rem;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 0;
  margin-top: 2rem; }

nav.navbar {
  padding: 0;
  flex-direction: column;
  text-transform: uppercase;
  font-weight: 700;
  background: white !important;
  border-bottom: 1px solid rgba(107, 119, 133, 0.22);
  box-shadow: 0 1px 5px rgba(75, 79, 84, 0.2); }
  nav.navbar .top {
    font-size: .75rem;
    background: rgba(107, 119, 133, 0.22); }
    nav.navbar .top ul {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      list-style: none; }
      nav.navbar .top ul li {
        padding: .25rem 1rem; }
        nav.navbar .top ul li:last-of-type {
          padding-right: 0; }
        nav.navbar .top ul li a {
          color: #4b4f54;
          transition: color .3s linear; }
          nav.navbar .top ul li a:hover {
            color: #b17050 !important; }
  nav.navbar .top, nav.navbar .bottom {
    padding: 0 2rem; }
  nav.navbar.navbar-light .navbar-nav {
    justify-content: space-between;
    width: 80%; }
    nav.navbar.navbar-light .navbar-nav .nav-link {
      color: #4b4f54;
      transition: color .3s linear; }
      nav.navbar.navbar-light .navbar-nav .nav-link:hover, nav.navbar.navbar-light .navbar-nav .nav-link.active {
        color: #b17050 !important; }
  nav.navbar .navbar-collapse img {
    display: none; }

#mobile-brand {
  display: none; }

#footer-contact {
  background: #8aa1ac;
  color: white;
  padding: 3rem 0;
  align-items: center;
  display: none; }
  #footer-contact .cta {
    font-weight: 700;
    font-size: 1.5rem; }
  #footer-contact input[type=email] {
    background: #6b7785;
    width: 80%;
    border: none;
    height: 2rem;
    color: white;
    padding-left: .5rem; }
  #footer-contact a.btnSend {
    background: #dce5e7;
    color: #6b7785;
    height: 2rem;
    padding: .5rem 1.5rem;
    line-height: 1rem;
    border: 1px solid #6b7785;
    margin: 0; }
  #footer-contact ::-webkit-input-placeholder {
    /* Edge */
    color: #dce5e7; }
  #footer-contact :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #dce5e7; }
  #footer-contact ::placeholder {
    color: #dce5e7; }
  #footer-contact #form {
    display: flex; }

#footer {
  background: #4b4f54;
  color: white;
  width: 100%;
  clear: both;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  font-size: .8rem; }
  #footer .crescent, #footer .address, #footer .legal {
    display: flex;
    align-items: center; }
  #footer .crescent {
    padding: 2rem 8vw 2rem 8vw;
    background: #2c2d2c; }
  #footer .address {
    padding: 2rem;
    font-size: 1rem; }
  #footer .legal {
    padding: 2rem 8vw 2rem 0;
    background: url(/img/rings-quarter-right.jpg) no-repeat bottom right;
    background-size: cover; }
    #footer .legal ul {
      margin-left: auto; }
    #footer .legal img {
      margin-left: 2rem; }
  #footer img.logo {
    height: 10vh; }
  #footer a, #footer a:visited {
    color: white; }
  #footer ul {
    padding: 2rem 0;
    list-style: none;
    display: flex;
    align-items: center; }
    #footer ul li {
      margin: 0 0 0 2rem; }
  #footer img#accommodations {
    height: 15px;
    width: auto;
    margin-left: 2rem; }
    #footer img#accommodations.axial {
      display: none; }
    #footer img#accommodations.office {
      display: none; }

/* Components */
.cHero {
  color: white; }
  .cHero h1 {
    color: #dda888; }
  .cHero .bgDarkGrey {
    background: #4b4f54; }
  .cHero .bgTree {
    background: url(/img/rings-quarter-right.jpg) no-repeat bottom right;
    background-size: cover; }
  .cHero .copy, .cHero .title {
    padding: 6rem; }
  .cHero a, .cHero a:visited, .cHero a:hover {
    color: white; }
  .cHero a.btn, .cHero a.btn:visited, .cHero a.btn:hover {
    background: #4b4f54;
    color: #dda888;
    border: 1px solid #dda888; }
  .cHero .title {
    background: url(/img/rings-quarter-left.jpg) no-repeat bottom left;
    background-size: cover; }
    .cHero .title h2 {
      font-family: "fluxregular", sans-serif;
      font-size: 1rem;
      font-weight: 500; }

.cSectionHeading {
  margin: 3rem 0;
  padding: 6rem 0 0;
  text-align: center;
  background: url(/img/rings-copper.png) no-repeat center 1rem; }
  .cSectionHeading h3 {
    font-weight: 500;
    color: #4b4f54;
    font-size: 1rem;
    font-family: "fluxregular", sans-serif;
    margin-bottom: -.5rem; }
  .cSectionHeading h2 {
    color: #4b4f54;
    font-size: 4rem;
    border-style: solid;
    display: inline-block;
    padding: 0 3rem;
    border-width: 0px 0px 13px 0px;
    -moz-border-image: url(/img/title-underline.png) 0 0 12 0 stretch repeat;
    -webkit-border-image: url(/img/title-underline.png) 0 0 12 0 stretch repeat;
    -o-border-image: url(/img/title-underline.png) 0 0 12 0 stretch repeat;
    border-image: url(/img/title-underline.png) 0 0 12 0 stretch repeat; }

.cSectionBreak .inset {
  /*border-left:8px solid $darkgrey;*/
  padding: 0 0 .5rem;
  margin-left: 2rem;
  position: relative; }
  .cSectionBreak .inset:before {
    content: '';
    position: absolute;
    top: 0;
    margin-left: -1rem;
    height: 5rem;
    width: 8px;
    background: #6b7785; }

.cImage3Stats .stats .stat {
  font-family: "archisticonormal", sans-serif;
  font-size: 2rem; }

.cImage3Stats .stats .left .stat-caption {
  color: #b17050;
  border-bottom: 8px solid #b17050; }

.cImage3Stats .stats .middle .stat-caption {
  color: #6b7785;
  border-bottom: 8px solid #6b7785; }

.cImage3Stats .stats .right .stat-caption {
  color: #b0a394;
  border-bottom: 8px solid #b0a394; }

.cButtonRow {
  padding: 2rem 0 3rem; }
  .cButtonRow a.Middle {
    margin-left: 50%;
    transform: translateX(-50%); }
  .cButtonRow a.Right {
    margin-left: 100%;
    transform: translateX(-100%); }

/*.cImageCopy {
    .copy {
        ul { margin:0; padding:0; 
             li { background:url(/img/bullet-rust.svg) no-repeat; background-size:20px; background-position:0 5px; padding:0 30px; list-style:none; margin-bottom:1.5rem;  }
        }
    }
}*/
.cMap .pois ul {
  border-left: 8px solid #4b4f54;
  padding: 0;
  margin: 0 0 2rem 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center; }
  .cMap .pois ul:nth-of-type(1) {
    border-color: #b17050; }
  .cMap .pois ul:nth-of-type(2) {
    border-color: #6b7785; }
  .cMap .pois ul:nth-of-type(3) {
    border-color: #8aa1ac; }
  .cMap .pois ul:nth-of-type(4) {
    border-color: #b0a394; }
  .cMap .pois ul:nth-of-type(5) {
    border-color: #e6c59e; }
  .cMap .pois ul.active {
    background: rgba(220, 229, 231, 0.5); }
  .cMap .pois ul li {
    margin-bottom: 1rem;
    text-transform: uppercase;
    cursor: pointer; }
    .cMap .pois ul li.distance {
      font-family: "archisticonormal", sans-serif;
      font-size: 6rem;
      padding: 0 1.5rem;
      line-height: 1; }
    .cMap .pois ul li .unit {
      font-size: 1.3rem;
      line-height: 1; }
    .cMap .pois ul li .caption {
      font-size: .8rem;
      line-height: 1;
      font-weight: 700; }

.cCaption2Images {
  margin: 3rem 0;
  text-align: center; }

.cTwoColumnLayout {
  margin: 3rem 0; }
  .cTwoColumnLayout .title {
    padding: 3rem 3rem 0; }
  .cTwoColumnLayout .cWYSIWYG {
    padding: 0 3rem 3rem; }
  .cTwoColumnLayout .cSectionHeading {
    margin: 0 0 3rem;
    background-color: white;
    border: 1px solid rgba(107, 119, 133, 0.22);
    border-radius: .5rem;
    box-shadow: 1px 1px 5px #6b7785; }
    .cTwoColumnLayout .cSectionHeading .inner {
      margin: 0;
      padding: 0 8vw 3rem;
      width: 100%; }
    .cTwoColumnLayout .cSectionHeading h2 {
      font-size: 2rem; }
  .cTwoColumnLayout .cSectionBreak .copy {
    width: 100%;
    margin: 0;
    padding: 0 2rem 0 2rem; }

.cHistoryItem {
  align-items: center;
  margin: 0 8vw; }
  .cHistoryItem .copy {
    padding: 0 3rem;
    background: rgba(212, 202, 191, 0.27); }
    .cHistoryItem .copy .inner {
      padding: 1rem; }
      .cHistoryItem .copy .inner .inset {
        border-left: 8px solid #6b7785;
        padding-left: 1rem; }
  .cHistoryItem:nth-of-type(2n+1) {
    flex-direction: row-reverse; }
    .cHistoryItem:nth-of-type(2n+1) .copy {
      text-align: right; }
      .cHistoryItem:nth-of-type(2n+1) .copy .inset {
        border-right: 8px solid #6b7785;
        border-left: none;
        padding-right: 1rem; }

.cGallery {
  padding: 3rem 5vw 0; }
  .cGallery .slick-slide {
    padding: 0 0.5rem; }
    .cGallery .slick-slide img:first-of-type {
      margin-bottom: 1rem; }
  .cGallery .slick-prev, .cGallery .slick-next {
    height: auto;
    width: auto;
    z-index: 998; }
  .cGallery .slick-prev {
    left: 1vw; }
    .cGallery .slick-prev:before {
      content: "\f053";
      color: #dda888;
      font-size: 5rem;
      font-family: 'Font Awesome 6 Pro'; }
  .cGallery .slick-next {
    right: 1vw; }
    .cGallery .slick-next:before {
      content: "\f054";
      color: #dda888;
      font-size: 5rem;
      font-family: 'Font Awesome 6 Pro'; }

.c3ColsChecks {
  padding: 3rem 0; }
  .c3ColsChecks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .c3ColsChecks ul li {
      background: url(/img/check-circle.svg) no-repeat;
      background-size: 30px;
      background-position: 0 5px;
      padding: 0 35px;
      list-style: none;
      margin-bottom: 1.5rem;
      max-width: 30vw;
      font-size: 1.5rem;
      font-family: "fluxregular", sans-serif;
      font-weight: 500; }

.cLogoRow {
  padding: 1rem 3rem;
  background: rgba(220, 229, 231, 0.27); }
  .cLogoRow .logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .cLogoRow .logos a img {
      width: 9vw; }
  .cLogoRow h2 {
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 1rem; }

.cLogoGrid .filters {
  background: #8aa1ac;
  padding: 2rem; }
  .cLogoGrid .filters ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0; }
    .cLogoGrid .filters ul li {
      padding: .5rem 0;
      font-size: 1.2rem;
      background: #dce5e7;
      font-family: "fluxregular", sans-serif;
      cursor: pointer;
      width: 100%;
      text-align: center;
      margin: 0 1rem; }
      .cLogoGrid .filters ul li:first-of-type {
        margin-left: 0; }
      .cLogoGrid .filters ul li:last-of-type {
        margin-right: 0; }
      .cLogoGrid .filters ul li.active {
        color: #dce5e7;
        background: #4b4f54; }
  .cLogoGrid .filters h2 {
    color: white;
    text-align: center; }
  .cLogoGrid .filters h5 {
    font-family: "fluxregular", sans-serif;
    text-align: center;
    font-size: 1rem; }

.cLogoGrid .logos-container {
  padding: 2rem; }
  .cLogoGrid .logos-container .logos a {
    padding: 0 .5rem;
    /*position:absolute; top:0; left:0; width:100%; height:100%;*/
    background: white;
    display: flex;
    justify-content: center;
    align-items: center; }
    .cLogoGrid .logos-container .logos a img {
      width: 100%;
      height: auto; }

.popup-container {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2rem; }
  .popup-container .cWYSIWYG {
    margin-left: 8vw; }

.cSliderWithCopy__slider .slick-track {
  width: 100% !important; }

.cSliderWithCopy__slider .slick-slide.slick-active {
  width: 100% !important; }

ul.fancy, .cSectionBreak ul, .cImageCopy ul {
  margin: 0;
  padding: 0; }
  ul.fancy li, .cSectionBreak ul li, .cImageCopy ul li {
    /*background:url(/img/bullet-rust.svg) no-repeat; background-size:20px; background-position:0 5px;*/
    list-style-type: '\f111';
    padding-inline-start: 1ch; }
    ul.fancy li::marker, .cSectionBreak ul li::marker, .cImageCopy ul li::marker {
      color: #dda888;
      font-weight: bold;
      font-family: "Font Awesome 6 Pro"; }

.bg-tan-bar {
  /*background: rgb(204,204,204);*/
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(230, 197, 158, 0.27) 20%, rgba(230, 197, 158, 0.27) 80%, rgba(255, 255, 255, 0) 80%); }

/* home */
#home .row.news-article {
  margin-bottom: 2rem; }
  #home .row.news-article:last-of-type {
    margin-bottom: 0; }
  #home .row.news-article .copy {
    padding: 3rem 2rem; }
    #home .row.news-article .copy .inner {
      padding: 1rem 1.5rem;
      background: rgba(212, 202, 191, 0.5); }
      #home .row.news-article .copy .inner .inset {
        /*border-left:8px solid $darkgrey;*/
        padding-left: 1rem;
        position: relative; }
        #home .row.news-article .copy .inner .inset:before {
          content: '';
          position: absolute;
          top: 0;
          margin-left: -1rem;
          height: 5rem;
          width: 8px;
          background: #6b7785; }
    #home .row.news-article .copy .btn {
      justify-self: center; }

/* history */
#history .cTwoColumnLayout .cSectionHeading a {
  display: block;
  color: #4b4f54;
  margin-bottom: 1rem; }

/* about */
#about {
  /* hiding floorplans on desktop */ }
  #about .st0 {
    fill: rgba(221, 168, 116, 0);
    cursor: pointer; }
    #about .st0:hover {
      fill: rgba(221, 168, 116, 0.6); }
  #about #tip {
    display: none;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background: #4b4f54;
    color: #dda888;
    font-family: arboria, sans-serif;
    padding: 1rem 2rem; }
    #about #tip.active {
      display: inline-block; }
  #about .cSectionBreak:nth-of-type(1), #about .cSliderWithCopy {
    display: none !important; }
  #about .cTwoColumnLayout .cSectionBreak {
    display: block !important; }
  #about ul.fancy {
    background: rgba(230, 197, 158, 0.27);
    padding: 2rem; }
  #about .bg-tan-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem; }
  #about .developer {
    background: #dce5e7;
    padding: 3rem;
    display: flex;
    justify-content: center;
    align-items: center; }

/* locaiton */
#location .cMap {
  margin-top: 3rem; }

/* leasing */
#leasing .cSectionBreak {
  margin: 3rem 0 0 0; }

#leasing .cSectionBreak ~ .cWYSIWYG {
  margin-left: 8vw; }

#leasing ul.agents {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0; }
  #leasing ul.agents li {
    padding: 1rem; }
    #leasing ul.agents li h3 {
      color: #8aa1ac; }
    #leasing ul.agents li a {
      color: #dda888; }
    #leasing ul.agents li:first-of-type {
      margin-left: 0; }

#leasing .cTwoColumnLayout .cWYSIWYG {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgba(220, 229, 231, 0.42) 10%, rgba(220, 229, 231, 0.42) 80%, rgba(255, 255, 255, 0) 80%); }

#leasing .cImageBullets {
  margin: 3rem 0; }

/* contact us */
#contact-us .form {
  padding: 3rem 0; }
  #contact-us .form .form-control {
    background: #dce5e7; }
    #contact-us .form .form-control.error {
      border: 1px solid red; }
  #contact-us .form a.btnSend, #contact-us .form input[type=submit] {
    background: #dda888;
    color: #4b4f54;
    font-family: "fluxregular", sans-serif;
    font-size: 1.5rem;
    letter-spacing: .2rem;
    padding: .5rem 2rem;
    margin-top: 1rem;
    display: inline-block;
    border: none; }
    #contact-us .form a.btnSend:hover, #contact-us .form input[type=submit]:hover {
      color: #4b4f54; }
  #contact-us .form .error {
    color: red; }

/* news */
#news .news-list {
  padding: 3rem 0; }
  #news .news-list .news-article {
    padding: 1.5rem; }
    #news .news-list .news-article .copy .inner {
      padding: 1rem; }
      #news .news-list .news-article .copy .inner .inset {
        border-left: 8px solid #6b7785;
        padding-left: 1rem; }
    #news .news-list .news-article a.btn {
      width: 80%;
      display: block;
      background: #dce5e7;
      margin-left: 10%; }

/* news article */
#news-article .copy {
  padding: 3rem 0; }
  #news-article .copy img {
    width: 400;
    max-width: 90%;
    float: right;
    margin: 0 0 1.5rem 1.5rem; }

/*RECAPTCHA*/
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  right: 1rem !important; }

.grecaptcha-badge:hover {
  width: 256px !important; }

@media only screen and (max-width: 768px) {
  body {
    padding: 40px 0 0; }
  #mobile-brand {
    display: block;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 0 2rem; }
    #mobile-brand a, #mobile-brand a:visited, #mobile-brand a:hover {
      opacity: 1; }
  nav.navbar {
    background: #4b4f54 !important;
    width: 100vw; }
    nav.navbar .navbar-brand {
      display: none; }
    nav.navbar .top {
      display: none; }
    nav.navbar.navbar-light .navbar-toggler {
      border-color: transparent; }
    nav.navbar.navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%28221,168,136%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
    nav.navbar.navbar-light .navbar-nav {
      width: 100%;
      padding: 2rem 0; }
    nav.navbar .navbar-collapse {
      padding: 2rem 0;
      text-align: center;
      min-height: 100vh; }
      nav.navbar .navbar-collapse img {
        filter: invert(100);
        display: block;
        margin: 0 auto; }
      nav.navbar .navbar-collapse a.nav-link, nav.navbar .navbar-collapse a.nav-link:visited {
        color: white !important;
        font-size: 2rem; }
  #footer-contact .cta {
    padding: 0 0 1rem 0;
    text-align: center; }
  #footer {
    flex-direction: column;
    padding: 2rem 0 0 0; }
    #footer .crescent {
      padding: 1rem 0;
      display: flex;
      align-items: center;
      justify-content: center; }
    #footer .address {
      padding: 1rem 0;
      display: flex;
      align-items: center;
      justify-content: center; }
    #footer .legal {
      padding: 1rem 0;
      display: flex;
      align-items: center;
      justify-content: center; }
  .cMap .maps {
    margin: 0 0 1rem 0; }
  .cMap .pois {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .cMap .pois ul {
      width: 40%;
      margin: 0;
      margin: 0 5% 1rem; }
      .cMap .pois ul li.distance {
        font-size: 5rem; }
  .cImageCopy .copy {
    padding-top: 1rem; }
  .cGallery {
    padding: 0; }
    .cGallery .slick-dots li button:before {
      height: 30px;
      width: 30px;
      font-size: 9px;
      line-height: 30px; }
    .cGallery .slick-next {
      right: 0;
      transform: translate(-100%, -50%);
      top: 50%; }
  .cHistoryItem {
    margin: 1rem 8vw; }
  .cLogoRow .logos {
    flex-wrap: wrap;
    justify-content: space-evenly; }
    .cLogoRow .logos a {
      margin: 1rem 0; }
      .cLogoRow .logos a img {
        width: 25vw; }
  #home .row.news-article .img {
    min-height: 35vh; }
  #home .row.news-article .copy {
    padding: 0; }
  #about {
    /* hiding floorplans on desktop */ }
    #about .cSectionBreak:nth-of-type(1), #about .cSliderWithCopy {
      display: block; }
    #about .bg-tan-bar {
      flex-direction: column; } }