@font-face {
  font-family: Sortsmillgoudy;
  src: url('../fonts/SortsMillGoudy-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Didactgothic;
  src: url('../fonts/DidactGothic-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --mosaic-blue-1: #5788b1;
  --mosaic-yellow: #dbad20;
  --blue-drk: #133049;
  --a-bkye: #284964;
  --white: white;
  --black: black;
  --accessible-components--dark-grey: #9b9b9b;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  z-index: 2;
  color: #1a3f5e;
  text-align: left;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: -3px;
  font-family: Didactgothic, Verdana, sans-serif;
  font-size: 41px;
  font-weight: 400;
  line-height: 44px;
  position: relative;
}

h2 {
  color: var(--mosaic-blue-1);
  text-align: left;
  letter-spacing: 0.6%;
  text-transform: uppercase;
  margin-top: 9px;
  margin-bottom: 13px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  display: inline-block;
}

p {
  z-index: 2;
  color: #2d5679;
  text-align: left;
  margin-bottom: 17px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1.5em;
  position: relative;
}

a {
  color: var(--mosaic-blue-1);
  text-decoration: underline;
}

li {
  color: #1f1e1c;
  text-align: left;
  margin-bottom: 12px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
}

label {
  color: #495158;
  margin-bottom: 5px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.container-full-1140 {
  z-index: 1;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5%;
  padding-right: 1.5%;
  display: block;
  position: relative;
}

.image {
  margin-bottom: 62px;
}

.slider {
  z-index: 10;
  text-align: center;
  background-color: #0000;
  width: 370px;
  height: auto;
}

.slider.mosaic-size {
  width: 420px;
  margin-bottom: 47px;
  margin-left: 73px;
  margin-right: 50px;
}

.slider.mod-with-video-above {
  width: 370px;
}

.slider.is-splash {
  width: 340px;
}

.h1-indent {
  margin-bottom: 19px;
}

.h1-indent.designed-footer {
  margin-bottom: 3px;
  font-size: 37px;
  font-weight: 700;
  display: inline-block;
}

.h1-indent.designed-footer.you {
  color: #da2129;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.h1-indent.yellow {
  color: var(--mosaic-yellow);
}

.h1-indent.blue {
  color: var(--mosaic-blue-1);
}

.h1-indent.sand {
  color: #b6b1a1;
}

.h1-indent.sand-drk {
  color: #5b5850;
}

.h1-indent.sand-drk-2 {
  color: #35332f;
}

.h1-indent.k {
  color: var(--blue-drk);
  text-transform: none;
  margin-bottom: 33px;
  font-family: Didact Gothic;
  font-size: 58px;
  left: -32px;
}

.h1-indent.inline {
  border-top: 4px solid #e2b838;
  padding-top: 3px;
  display: inline-block;
}

.h1-indent.inline.mt-blue {
  border-top-color: #5788b1;
}

.h1-indent.designed-you-head {
  color: #4e4e4f;
  margin-bottom: 3px;
  margin-left: 7px;
  margin-right: 7px;
  font-size: 37px;
  font-weight: 700;
  display: inline-block;
}

.h1-indent.designed-footer {
  margin-bottom: 3px;
  font-size: 37px;
  font-weight: 700;
  line-height: 1em;
  display: inline-block;
}

.a-masterpiece {
  text-align: left;
  padding-top: 111px;
  padding-bottom: 83px;
  position: relative;
}

.a-masterpiece.home.first {
  margin-top: 89px;
}

.p90 {
  width: 90%;
}

.p90._4 {
  font-family: Droid Sans, sans-serif;
  font-size: 17.4px;
}

.p90._4.withiinlne {
  color: #333;
  margin-top: 16px;
}

.p90.location-pop {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 20.5px;
  line-height: 1.45em;
}

.p90.center {
  margin-bottom: 11px;
  margin-left: auto;
  margin-right: auto;
  font-size: 19.5px;
}

.more-info-ani-pic {
  width: 100%;
}

.mr5 {
  margin-right: 5px;
}

.go-to-top {
  color: #fff;
  background-color: #4a3921;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 3px 8px;
  font-size: 15px;
  display: inline-block;
}

.go-to-top:hover {
  background-color: #cfab79;
}

.go-to-top.wescott {
  background-color: #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 9px 14px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.go-to-top.wescott:hover {
  background-color: #de2b32;
}

.padding {
  padding: 59px;
}

.sales-center-text {
  color: #fff;
  text-align: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
  display: inline-block;
}

.text-block {
  color: #231f20;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.separator {
  background-color: var(--mosaic-blue-1);
  height: 3px;
  margin-top: 26px;
  margin-bottom: 26px;
}

.separator.yellow {
  background-color: var(--mosaic-yellow);
}

.separator.form {
  background-color: #748fa5;
  height: 2px;
  margin-top: 14px;
  margin-bottom: 14px;
}

.slider-4 {
  background-color: #0000;
  height: auto;
  padding: 12px;
}

.slider-4.mosaic-size {
  width: 420px;
  margin-bottom: 47px;
  margin-left: 73px;
  margin-right: 50px;
}

.button-bottomline {
  z-index: 2;
  background-color: #000;
  width: 3px;
  height: 3px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.interest-list-p {
  color: #5a89b4;
  text-align: center;
  margin-bottom: 26px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5em;
}

.r {
  font-size: 11px;
  position: relative;
  bottom: 11px;
}

.interest-list-foot-wrapper {
  border: 4px solid var(--mosaic-blue-1);
  background-color: #ffffffb8;
  padding: 66px 66px 30px;
}

.interest-list-foot-wrapper.shadow {
  text-align: center;
  background-color: #ffffffd6;
  border-radius: 7px;
  box-shadow: 1px 1px 26px #384d5d;
}

.interest-list-foot-header {
  color: #393d41;
  text-align: center;
  border-bottom: 1px #4d4d4d;
  margin-top: 7px;
  margin-bottom: 4px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.1em;
}

.designed-slogan {
  display: inline-block;
}

.button-rightline {
  z-index: 2;
  background-color: #000;
  width: 3px;
  height: 3px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.checkbox-broker {
  text-align: left;
  margin-bottom: 8px;
  font-size: 16px;
  display: inline-block;
}

.grow-line {
  position: absolute;
}

.grow-line.left.yellow {
  background-color: var(--mosaic-yellow);
}

.grow-line.left {
  background-color: #de2b32;
  width: 5px;
}

.p-2.mb0.lt-grey {
  color: #e0dfda;
}

.p-2.mb0.white {
  color: #fff;
}

.p-2.line-left {
  border-left: 5px solid var(--mosaic-yellow);
  padding-left: 25px;
}

.p-2.lt-grey {
  color: #e2e2e2;
}

.p-2.space-line-ani-left {
  border-left: 5px solid #de2b3200;
  padding-left: 25px;
}

.p-2.space-line-ani-left.lt-grey {
  color: #e2e2e2;
}

.p-2.colorblocks {
  text-align: left;
  font-family: Droid Sans, sans-serif;
  line-height: 1.2em;
}

.p-2.colorblock {
  text-align: left;
}

.p-2.colorblock.white {
  color: #fff;
}

.button-leftline {
  z-index: 2;
  background-color: #000;
  width: 3px;
  height: 3px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.more-info-ani-block {
  position: relative;
  overflow: hidden;
}

.body-container-example-content-list-page {
  background-color: #fff;
  margin: 53px;
  padding: 100px;
}

.body-container-example-content-list-page.trans {
  background-color: #fff0;
}

.block {
  text-align: center;
}

.block._50p-add-bottom-test {
  width: 50%;
  margin-bottom: 6px;
}

.block.add-sp-bottom {
  margin-bottom: 128px;
}

.block.padding {
  padding: 60px;
}

.block.padding._60p {
  width: 60%;
}

.block.padding.white {
  background-color: #fff;
}

.block.padding.white.top-add-sp {
  margin-top: 33px;
}

.block.padding.grey-drk {
  background-color: #353330;
}

.block.padding.grey-med {
  background-color: #5b584f;
}

.block.padding.grey-lt {
  background-color: #b6b1a1;
}

.block.padding.med-grey {
  background-color: #5b584f;
}

.block.white {
  background-color: #fff;
}

.block.white.padding.color {
  background-color: #dce2eb;
}

.block.white.padding.more {
  border: 5px #000;
}

.block.white.padding.for-colorblocks {
  padding: 83px 92px 0;
}

.block.white.padding.for-colorblocks.location {
  margin-top: 59px;
  padding-top: 0;
}

.block.bg.testimg1 {
  background-image: url('../images/55-Group-Outside-Mixer--Stock_155+-Group-Outside-Mixer--Stock.webp');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  height: 450px;
}

.block.grey-drk {
  background-color: #353330;
}

.block.grey-med {
  background-color: #5b584f;
}

.block.grey-lt {
  background-color: #b6b0a1;
}

.block.location-info-block {
  width: 32%;
  position: absolute;
  inset: 9% 8% auto auto;
}

.block.nearby-map {
  position: relative;
}

.block.flex3 {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.block.designed-with-you-in-mind {
  text-align: center;
  background-color: #fff;
  background-image: none;
  height: auto;
  padding-top: 85px;
  padding-bottom: 65px;
  position: relative;
}

.block.designed-with-you-in-mind.foot {
  padding-top: 40px;
  padding-bottom: 40px;
}

.block.mosiac-tag {
  z-index: 80;
  border-top: 12px solid var(--mosaic-blue-1);
  border-bottom: 12px none var(--mosaic-blue-1);
  text-align: center;
  background-color: #fff;
  background-image: url('../images/chris-mosaic-Tile-Border-1c.gif');
  background-position: 0 0;
  background-size: contain;
  height: auto;
  padding-top: 63px;
  padding-bottom: 47px;
  position: relative;
  box-shadow: inset 1px 1px 72px #1f2429ad;
}

.block.padding {
  color: #4e4e4e;
  text-align: center;
  padding: 44px 60px 60px;
}

.view-brochure {
  color: #4d4d4d;
  text-transform: none;
  font-size: 13px;
  position: relative;
  bottom: 7px;
}

.view-brochure:hover {
  text-decoration: none;
}

.phone-ico {
  filter: invert();
  width: 24px;
  margin-left: 7px;
  margin-right: 0;
}

.sales-center-bottom-info {
  background-color: var(--mosaic-blue-1);
  opacity: .87;
  color: #333;
  text-align: center;
  border: 1px solid #4f687c;
  border-radius: 7px;
  margin: 16px auto 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  position: relative;
  bottom: 7px;
}

.div-block {
  margin-bottom: 39px;
}

.section-interest-list {
  z-index: 6;
  border-top: 11px solid var(--mosaic-blue-1);
  background-color: #5e656b;
  height: auto;
  padding-top: 104px;
  padding-bottom: 104px;
}

.rm-phone {
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  display: inline-block;
}

.colors {
  background-color: #fff;
}

.logo-interest-list {
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.designed-slogan-wrap-main {
  display: inline-block;
}

.element-number {
  color: #d4d4d4;
  font-size: 10px;
}

.element-number.larger {
  color: #242424;
  text-align: left;
  font-size: 12px;
}

.designed-because {
  display: block;
}

.designed-slogan-wrap {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.ml-5 {
  margin-left: 5px;
}

.label-broker {
  color: #424242;
  text-align: left;
  font-weight: 400;
}

.text-field {
  border: 1px solid #9e9e9e;
  border-radius: 2px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
}

.text-field:hover {
  border: 1px solid #617f97;
}

.more-info-ani-text {
  color: #fff;
  text-align: center;
}

.designed-wrap {
  text-align: center;
  margin-bottom: 13px;
}

.add-space {
  height: 100px;
}

.logo-int-list {
  opacity: 1;
  width: 90%;
  margin-top: 4px;
  margin-bottom: 62px;
  transition: opacity 1s;
  position: relative;
}

.logo-int-list:hover {
  opacity: .73;
}

.logo-int-list._2 {
  width: 100%;
  margin-bottom: 15px;
}

.more-info-ani-cover {
  z-index: 5;
  border: 5px solid var(--mosaic-blue-1);
  background-color: #5b5850;
  background-image: linear-gradient(#070e144d, #070e144d), url('../images/chris-mosaic-Tile-Border-1b.gif');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 88px;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: inset 1px 1px 100px #74726c8c;
}

.address-phone, .address-phone.rm {
  color: #333;
}

.footer-mosaic {
  z-index: 3;
  opacity: 1;
  background-color: #ececec;
  border-top: 4px solid #005288;
  border-radius: 15px;
  padding-top: 94px;
  padding-bottom: 0;
  position: relative;
}

.columns {
  margin-bottom: 46px;
}

.white {
  color: #fff;
}

.button {
  background-color: var(--mosaic-yellow);
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 50px;
  margin-bottom: 15px;
  margin-right: 18px;
  padding: 7px 16px 8px 25px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .75s;
  box-shadow: inset 1px 1px 3px #30353a78, 5px 6px 7px #21405a45;
}

.button:hover {
  background-color: var(--mosaic-blue-1);
  border-color: #fff;
  text-decoration: none;
}

.button:active {
  box-shadow: none;
  border-color: #c8d4e2;
  position: relative;
  top: 3px;
  left: 3px;
}

.button.interest-list {
  border-width: 2px;
  margin-top: 7px;
  padding: 10px 23px 10px 29px;
  font-size: 18px;
  transition: all .1s;
}

.button.interest-list.hide-for-recapcha {
  display: block;
}

.button.mt {
  border-radius: 30px;
  margin-top: 19px;
}

.button.mt.home {
  z-index: 11;
  margin: 15px 12px 0;
  position: relative;
}

.button.mt.mosaic {
  margin-right: 18px;
  box-shadow: inset 1px 1px 3px #30353a78, 3px 4px 5px #21405a8c;
}

.button.mt.mosaic.amen {
  margin-bottom: -2px;
  box-shadow: inset 1px 1px 3px #30353a78, 4px 4px 12px #21405a8c;
}

.button.mt.mosaic.homes {
  margin-right: 12px;
}

.button.al {
  float: left;
}

.button.al.learn-more {
  float: none;
  margin-top: 21px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 26px;
  padding-right: 26px;
  display: inline-block;
}

.button.mobile-center.mb {
  margin-bottom: 28px;
}

.button.directions {
  text-shadow: 1px 1px 3px #3b3b3b;
  align-self: flex-start;
  margin-top: 5px;
  margin-right: 0;
  padding-top: 9px;
}

.button.directions.mr {
  margin-right: 17px;
}

.button.visit-other {
  margin-bottom: 52px;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 18px;
  padding-right: 18px;
}

.button.visit-other._2 {
  margin-bottom: 65px;
  padding-top: 8px;
}

.button.amenities-on-map {
  z-index: 300;
  margin-top: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: inset 1px 1px 3px #30353a78, 13px 15px 7px #21405a;
}

.button.amenity-more {
  z-index: 2001;
  transition: background-color .75s;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: inset 1px 1px 3px #30353a78;
}

.button.amenity-more.maptab {
  z-index: 2001;
}

.button.hoa-login {
  margin-top: 10px;
}

.button.lifestyle {
  letter-spacing: .3px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 15.5px;
}

.button.location-back {
  z-index: 9999999;
  text-shadow: 1px 1px 3px #3b3b3b;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  align-self: flex-start;
  margin-top: 5px;
  margin-right: 0;
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 20px;
  position: fixed;
  inset: 24% auto auto 0%;
}

.button.life-at-mosaic {
  margin-top: 1rem;
  margin-right: 0;
}

.button.is-homes-nav-link {
  padding-top: 8px;
}

.button.is-lifestyle {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-top: 8px;
  padding-left: 21px;
  padding-right: 21px;
  font-size: 16px;
}

.button.is-lifestyle.last {
  margin-right: 0;
}

.p-wrap-growline {
  position: relative;
}

.div-height-adjust {
  height: 20px;
}

.button-topline {
  z-index: 2;
  background-color: #000;
  width: 3px;
  height: 3px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.designed-redline {
  background-color: #de2b32;
  width: 600px;
  height: 5px;
  margin-bottom: 41px;
  margin-right: 21px;
  display: inline-block;
}

.nav-wrap {
  z-index: 10002;
  opacity: 1;
  background-color: #d6e4f3;
  background-image: linear-gradient(272deg, #1e65a096, #fff0), url('../images/top-border-with-fade_1top-border-with-fade.webp');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, contain;
  background-attachment: scroll, fixed;
  border-bottom: 5px solid #43627e;
  padding: 22px 54px 25px;
  position: relative;
  inset: 0% 0% auto;
  box-shadow: inset 0 0 50px #ffffffd9, 0 14px 30px #192936a8;
}

.nav-wrap.hide-scroll {
  z-index: 10001;
  background-color: #d6e4f3;
  background-image: linear-gradient(272deg, #1e65a096 50%, #fff0), url('../images/top-border-with-fade_1top-border-with-fade.webp');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  margin-top: 0;
  padding-left: 37px;
  padding-right: 48px;
  text-decoration: none;
}

.logo.nav {
  margin-left: 0;
  margin-right: 16px;
  transition: opacity .2s;
}

.logo.mobile {
  display: none;
}

.nav-links {
  float: right;
  text-transform: uppercase;
  margin-top: 33px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
}

.nav-link-block {
  float: left;
  color: #000;
  border-bottom: 3px solid #fff0;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
  text-shadow: none;
  border-bottom: 3px solid #fff0;
  margin-top: 14px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 500;
  transition: all .5s;
  display: inline-block;
}

.nav-link:hover {
  border-bottom: 3px solid var(--mosaic-yellow);
  color: #f1bf26;
  -webkit-text-stroke-color: #dbad20;
  text-shadow: none;
}

.nav-link.w--current {
  color: #fff;
  border-bottom-color: #ffc412;
}

.nav-vert {
  background-color: #ffc412;
  width: 2px;
  height: 32px;
  margin-left: 24px;
  margin-right: 24px;
  display: inline-block;
  position: relative;
  top: 28px;
}

.pic-ani-shadow {
  z-index: 2;
  border: 3px solid #fff;
  align-self: center;
  display: block;
  position: relative;
  box-shadow: 13px 13px 20px #6e6e6e63;
}

.body-mosaic {
  background-color: #f9fbfd;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.body-mosaic.bg-bike {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #0000, var(--mosaic-blue-1));
  transition: all 2s;
}

.body-mosaic.bg2 {
  background-image: linear-gradient(#ffffffe3, #00000096), url('../images/side-bar-2.gif');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat-y;
  background-size: auto, 125px;
  background-attachment: scroll, scroll;
}

.body-mosaic.white {
  background-color: #fff;
}

.body-mosaic.lt-blue {
  background-color: #e9f5ff;
}

.body-mosaic.lt-blue.house {
  background-color: #cde0f0;
}

.body-mosaic.thank-you {
  text-align: center;
  background-color: #b4c9db;
  background-image: none;
  background-size: auto;
}

.image-4 {
  overflow: visible;
}

.blue {
  color: var(--mosaic-blue-1);
}

.yellow {
  color: var(--mosaic-yellow);
}

.mb {
  margin-bottom: 43px;
}

.div-working {
  margin-bottom: 86px;
  position: relative;
}

.div-working.al {
  text-align: left;
}

.p-logo {
  z-index: 1;
  opacity: 1;
  width: 59px;
  position: absolute;
  inset: -2% auto auto -5%;
}

.p-logo._3 {
  opacity: .19;
  width: 173px;
}

.p-logo.rotate {
  opacity: .19;
  width: 190px;
  display: block;
}

.p-testing-1 {
  width: 513px;
}

.mosaic-circle.in-pop-box {
  width: 100px;
  margin-bottom: 11px;
}

.under-line {
  z-index: 11;
  background-color: var(--mosaic-yellow);
  width: 150px;
  height: 3px;
  margin-top: 17px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  inset: auto 0% 0%;
}

._75 {
  text-align: left;
  width: 75%;
}

.section.bg-pool {
  background-image: radial-gradient(circle, #ffffff3d, #fff);
  display: flex;
}

.section.bg-another {
  background-image: radial-gradient(circle, #ffffff59, #fff), url('../images/55-Piggy-Back-Stock_155+-Piggy-Back-Stock.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.bg-3 {
  background-image: radial-gradient(circle, #ffffff59, #fff), url('../images/55-Male-Technology-Stock_155+-Male-Technology-Stock.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section._55rule {
  width: 1000px;
  max-width: 90%;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 54px;
}

.section.location-more {
  border-top: 13px solid var(--mosaic-blue-1);
  background-image: radial-gradient(circle, #fffffff5, #0c3f69a6), url('../images/55-Vespa-Summer-Bright_155+-Vespa-Summer-Bright.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 133px;
  padding-bottom: 133px;
}

.section.location-more.adjust {
  background-image: radial-gradient(circle, #fffffff5, #0c3f69a6 56%), url('../images/55-Vespa-Summer-Bright_155+-Vespa-Summer-Bright.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.homes-forever {
  border-top: 13px solid var(--mosaic-blue-1);
  background-image: radial-gradient(circle, #fffffff5, #0c3f69a6), url('../images/DSCF4472-HDR_1DSCF4472-HDR.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 109px;
  padding-bottom: 113px;
  position: relative;
  bottom: 0;
}

.section.overvierw {
  background-image: url('../images/bgtile1.gif');
  background-position: 0%;
  background-size: cover;
  padding-top: 65px;
  padding-bottom: 65px;
}

.section.overvierw.bg-adjust {
  background-image: none;
  background-position: 0 0;
  padding-bottom: 89px;
  overflow: hidden;
}

.section.overvierw.bg-adjust.overview {
  background-image: linear-gradient(#9bc2e2, #9bc2e2), url('../images/bgtile1.gif');
  background-position: 0 0, 50% 0;
  padding-top: 0;
  position: relative;
}

.section.schedtour {
  border-top: 13px solid var(--mosaic-blue-1);
  background-image: linear-gradient(#ffffffed, #ffffffed), url('../images/DSCF4472-HDR_1DSCF4472-HDR.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 70px;
  padding-bottom: 31px;
  position: static;
  bottom: 0;
}

.image-5 {
  margin-bottom: 140px;
}

.h1-k {
  text-transform: none;
  font-size: 46px;
}

.button-2 {
  opacity: 1;
  color: #fff;
  text-align: center;
  background-color: #005288;
  background-image: radial-gradient(circle, #004979, #005288);
  border: 2px solid #cca56f;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 9px;
  padding: 9px 16px 10px;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  transition: all .25s;
  display: inline-block;
  position: static;
  top: 140px;
  left: 105px;
  transform: translate(0, -3px);
  box-shadow: 1px 1px 14px #3b3e4147;
}

.button-2:hover {
  opacity: .94;
  color: #fff;
  text-shadow: 1px 1px 4px #6d4d1e;
  background-color: #cfab79;
  background-image: none;
  border-color: #b18037;
  text-decoration: none;
  box-shadow: inset 0 0 8px #ac8b5e;
}

.button-2:active {
  box-shadow: none;
  opacity: 1;
  text-shadow: 1px 1px 4px #6d4d1e;
  background-image: none;
  transform: translate(0, -2px);
}

.button-2.brochure {
  margin-top: 36px;
  position: relative;
}

.button-2.brochure.flipbook {
  top: -9px;
  left: 0;
}

.button-text {
  letter-spacing: .5px;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px #090e1338;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.button-text.welcome {
  letter-spacing: .6px;
}

.button-icon {
  opacity: 1;
  width: 30px;
  margin-left: 6px;
  margin-right: 0;
  position: relative;
  bottom: -1px;
}

.button-icon.vip {
  margin-bottom: 1px;
  margin-left: 0;
  bottom: 2px;
}

.pic-wrap {
  text-align: center;
  position: relative;
}

.pic-wrap._40p {
  width: 40%;
  margin-bottom: 49px;
  margin-left: 3%;
  margin-right: 2%;
  position: absolute;
  inset: 17% 0% auto auto;
  overflow: visible;
}

.radio-button-label {
  font-size: 16px;
  font-weight: 700;
}

.radio-inline {
  margin-right: 19px;
  display: inline-block;
}

.main-wrapper {
  text-align: center;
  background-color: #9bc2e2;
  max-width: 2560px;
  padding-top: 3%;
  position: relative;
  overflow: hidden;
}

.main-wrapper.thank-you {
  height: 100%;
  padding-bottom: 62px;
}

.main-wrapper.no-top-space, .main-wrapper.no-top-space.amen {
  padding-top: 0;
}

.main-wrapper.no-top-space.development-update {
  background-color: #ecf1f5;
  padding-top: 0;
  box-shadow: inset 1px 1px 20px #0000005c;
}

.main-wrapper.aroundmap {
  padding-top: 0;
}

.main-wrapper.mod-without-vip {
  padding-top: 24px;
}

.main-wrapper.directoins {
  background-color: #f4f8fc;
  padding-top: 0%;
}

.main-wrapper.life-at-mosaic {
  padding-top: 0%;
}

.main-wrapper.is-overview {
  padding-top: 5%;
}

.opening-sequence-wrapper {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.slide-nav-hide, .arrow-hide {
  display: none;
}

.home-splash-logo-ani {
  z-index: 1;
  background-color: #fff;
  background-image: radial-gradient(circle, #fff, #acd9ff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  min-height: 700px;
  display: flex;
}

.p-narrow {
  color: #383632;
  width: 75%;
  margin-bottom: 43px;
  font-size: 20.5px;
}

.p-narrow._2 {
  width: 86%;
}

.pagetop {
  background-color: #0000;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.section-hoa {
  background-color: #fff;
}

.section-hoa.head {
  z-index: 3;
  background-color: #eaeaeb;
  position: relative;
}

.section-hoa.head.mosaic {
  border: 3px #00565c;
  border-bottom-style: solid;
  height: 420px;
  box-shadow: 0 13px 50px #000e1f3b;
}

.section-hoa.head.mosaic.hoa {
  background-image: radial-gradient(circle, #5535355e 54%, #111d19ad), url('../images/55-Vespa-Summer-Bright_155+-Vespa-Summer-Bright.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-bottom-color: #43627e;
  justify-content: center;
  align-items: center;
  height: 501px;
  padding-top: 36px;
  display: flex;
}

.section-hoa.body {
  position: relative;
}

.section-hoa.body.mosaic {
  background-color: #d9d9d9;
  background-image: linear-gradient(#ddddddc9, #ddddddc9), url('../images/55-Group-Outside-Mixer--Stock_155+-Group-Outside-Mixer--Stock.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 141px;
  padding-bottom: 8px;
  font-size: 15px;
}

.section-hoa.body.mosaic.hoa {
  background-image: linear-gradient(#ddddddf0, #ddddddf0), url('../images/55-Group-Outside-Mixer--Stock_155+-Group-Outside-Mixer--Stock.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 118px;
}

.section-hoa.body.mosaic.life-at-mosaic-hoa {
  background-image: linear-gradient(#ddddddf0, #ddddddf0), url('../images/55-Group-Outside-Mixer--Stock_155+-Group-Outside-Mixer--Stock.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-top: 3px solid #b5aca3;
  height: 300px;
  padding-top: 118px;
}

.section-hoa.body.mosaic.life-at-mosaic-hoa.top {
  border-top: 3px solid var(--mosaic-yellow);
  height: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mosiac-info-box-flex {
  border-left: 5px solid var(--mosaic-yellow);
  background-color: #ffffff85;
  border-radius: 0;
  align-items: flex-start;
  padding: 38px 25px;
  display: flex;
}

.mosiac-info-box-flex.shadow {
  justify-content: center;
  align-items: center;
  display: block;
  box-shadow: 1px 1px 40px #0000008f;
}

.mosiac-info-box-flex.shadow.lifestyle {
  background-color: #ffffffba;
  border-left-style: none;
  border-radius: 7px;
  width: 62%;
  padding: 43px 54px;
}

.m-info-box-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  margin-right: 21px;
  display: flex;
}

.m-info-box-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.m-info-box-right.al {
  text-align: left;
}

.container-2 {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.home-sub {
  z-index: 10;
  color: #35526b;
  text-align: center;
  text-transform: none;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3em;
  position: relative;
}

.home-flex-buttons {
  flex-direction: row;
  display: flex;
  position: relative;
}

.home-flex-buttons.explore {
  z-index: 11;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  position: static;
  inset: 40% 0% auto;
}

.heading-3 {
  color: #456783;
  text-transform: none;
  margin-top: -5px;
  font-size: 21px;
}

.foot-slogan-wrap {
  z-index: 2;
  background-color: #005288;
  border-top: 4px solid #b2a98b;
  border-bottom: 4px solid #b2a98b;
  position: relative;
  box-shadow: inset 0 0 35px #000000a1;
}

.foot-slogan-mosaic {
  color: #f7f5f5;
  text-align: center;
  letter-spacing: .8px;
  cursor: default;
  padding-top: 35px;
  padding-bottom: 25px;
  font-family: Sortsmillgoudy, Times New Roman, sans-serif;
  font-size: 37px;
}

.foot-slogan-mosaic.hoa {
  padding-bottom: 0;
}

.how-you-live-underline {
  border-bottom: 2px solid #cfab79;
  padding-bottom: 5px;
  display: inline-block;
}

.how-you-live-underline.foot-mod {
  color: #fff;
  padding-bottom: 7px;
}

.r-2 {
  font-size: 15px;
  position: relative;
  bottom: 13px;
}

.interest-list-tab {
  background-color: var(--a-bkye);
  background-image: linear-gradient(to bottom, #5890be, var(--a-bkye));
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #9e8026;
  border-right-style: none;
  border-radius: 7px 0 0 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 13px 4px 11px 7px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  box-shadow: -5px 4px 11px #0003;
}

.interest-list-tab:hover {
  background-image: linear-gradient(#c9ad5a, #767a5d);
}

.join-vip-text {
  color: #fdfdfd;
  text-transform: uppercase;
  text-shadow: 1px 1px 4px #08223882;
  margin-bottom: 7px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 13.5px;
  line-height: 17.5px;
  display: inline-block;
}

.int-list-tab-link {
  z-index: 10001;
  text-decoration: none;
  display: none;
  position: fixed;
  inset: 25% 0% auto auto;
}

.mosaic-brochure {
  text-transform: lowercase;
  text-decoration: none;
}

.home-type-form_heading {
  text-align: left;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 6px;
}

.location-info {
  background-color: #23323ff5;
  padding: 47px 46px 37px;
}

.location-info.mosaic {
  border: 7px solid var(--mosaic-yellow);
  background-color: var(--mosaic-blue-1);
  border-radius: 300px;
  width: 500px;
  height: 500px;
  padding: 64px 63px 0;
  position: absolute;
  box-shadow: inset 1px 1px 31px #262e35d1, 1px 1px 61px #000000b3;
}

.map-pin-link {
  cursor: default;
}

.page-inset {
  background-color: #e2e2e2;
  background-image: linear-gradient(337deg, #0000, #ffffffc4 67%, #231f2000);
  margin: 68px;
  padding-bottom: 56px;
}

.page-inset.subpage {
  text-align: center;
}

.page-inset.subpage.location {
  margin: 0;
  padding-bottom: 0;
  position: relative;
}

.page-inset.subpage.amenities {
  box-shadow: inset 1px 1px 100px #66696912;
  box-shadow: none;
  background-color: #fff0;
  background-image: none;
  border: 1px #ddd;
  margin: 0;
  padding-bottom: 0;
}

.location-wescott-logo {
  z-index: 2;
  background-color: #fff;
  border-radius: 2px;
  position: absolute;
  inset: 20% auto auto 17%;
}

.pic-ani-outline-and-color-2 {
  z-index: 1;
  border: 5px #0000;
  position: absolute;
}

.map-pin-wrap {
  z-index: 3;
  position: absolute;
  inset: 13% 14% auto auto;
}

.map-pin-wrap.parks {
  inset: 32% auto auto 6%;
}

.map-pin-wrap.groceries {
  inset: 14% auto auto 32%;
}

.map-pin-wrap.hospital {
  inset: 30% auto auto 38%;
}

.map-pin-wrap.restaurants {
  inset: 36% auto auto 20%;
}

.h1-location-head {
  color: #fff;
  text-align: center;
  text-transform: none;
  text-shadow: 1px 1px 6px #14334c;
  border-bottom: 1px solid #ffffffbd;
  width: 95%;
  margin: 28px auto 13px;
  padding-bottom: 16px;
  font-size: 32px;
  line-height: 1.1em;
}

.logo-location {
  background-color: #e5e2d6;
  border: 1px solid #a7a4a4;
  border-radius: 11px;
  width: 199px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block;
  box-shadow: 5px 3px 20px #231f20;
}

.map-pin-txt {
  background-color: var(--mosaic-yellow);
  color: #fff;
  cursor: default;
  border-radius: 3px;
  margin-left: 3px;
  padding: 3px 7px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  display: inline-block;
  box-shadow: 9px 9px 20px #4d4d4d87;
}

.map {
  z-index: 1;
  border-top: 3px solid var(--mosaic-yellow);
  opacity: .81;
  width: 100%;
  position: relative;
  box-shadow: 0 0 20px #231f2029;
}

.map-legend-wrap {
  opacity: .87;
  width: 328px;
  position: absolute;
  inset: 42% 8% auto auto;
}

.comm-map-legend {
  z-index: 104;
  opacity: .95;
  width: 350px;
  position: absolute;
  inset: 0% 0% 0 0;
}

.comm-map-legend.clubhouse {
  width: 300px;
  inset: -56% auto auto 82%;
}

.comm-map-legend.trails {
  inset: 41% auto auto 87%;
}

.comm-map-legend.conservatory {
  inset: 24% auto auto 85%;
}

.comm-map-legend._288 {
  width: 200px;
  inset: 76% 10% auto auto;
}

.comm-map-legend.sports {
  position: absolute;
  inset: 74% auto auto -312%;
}

.comm-map-legend.pool {
  inset: -82% auto auto -339%;
}

.comm-map-legend.dog {
  top: -86%;
  left: 60%;
}

.map-legend {
  background-color: var(--mosaic-blue-1);
  color: #fff;
  letter-spacing: .2px;
  text-shadow: 1px 1px 4px #00000054;
  background-image: radial-gradient(circle, #a7a7a7, #16568b);
  border: 2px solid #9e9e9e;
  border-radius: 7px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.4em;
  box-shadow: 13px 13px 20px #4d4d4d;
}

.comm-map-icon {
  z-index: 105;
  width: 55px;
  position: relative;
  inset: auto;
}

.button-3 {
  letter-spacing: .75px;
  text-transform: uppercase;
  background-color: #de2b32;
  border: 2px solid #fff;
  padding: 9px 17px;
  font-family: Droid Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: all .2s;
  position: relative;
}

.button-3:hover {
  background-color: #000;
  border-color: #000;
  text-decoration: none;
}

.button-3:active {
  transform: translate(1px, 1px);
}

.button-3.iframe-back {
  background-color: var(--mosaic-yellow);
  text-transform: uppercase;
  margin-bottom: 12px;
  padding: 6px 24px;
  font-size: 15px;
  display: none;
  box-shadow: 1px 1px 10px #0000005e;
}

.button-3.iframe-back:hover {
  border-color: var(--mosaic-blue-1);
}

.location-mobile {
  display: none;
}

.block-flex3child {
  align-items: center;
  width: 33%;
  display: flex;
}

.block-flex3child.drk-grey {
  background-color: #231f20;
}

.block-flex3child.lt-grey {
  background-color: #e2e2e2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.block-flex3child.med-grey {
  background-color: #4d4d4d;
}

.button-ani-label-2 {
  z-index: 102;
  letter-spacing: .75px;
  text-transform: uppercase;
  font-size: 14.5px;
  font-weight: 700;
  position: relative;
}

.color-box-header {
  color: #fff;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3em;
}

.color-box-header.on-light {
  color: #4d4d4d;
}

.h2-as-primary {
  color: #231f20;
  text-transform: uppercase;
  border-bottom: 3px solid #de2b32;
  margin: 9px auto 38px;
  padding-bottom: 15px;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.1em;
  display: inline-block;
}

.button-ani-2 {
  color: #fff;
  text-align: center;
  background-color: #de2b32;
  width: 250px;
  padding: 18px 47px;
  font-family: Droid Sans, sans-serif;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.button-color-roll-2 {
  background-color: #fff;
  width: 0;
  height: 100px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-3block {
  flex-direction: column;
  width: 100%;
  padding: 60px;
  display: block;
}

.link-3block:hover {
  text-decoration: none;
}

.designed-wrap-2 {
  text-align: center;
  margin-top: 0;
}

.tag-ani-line {
  background-color: var(--mosaic-blue-1);
  width: 600px;
  height: 5px;
  margin-bottom: 41px;
  margin-right: 21px;
  display: inline-block;
}

.because-head-ani {
  color: #231f20;
  text-align: right;
  letter-spacing: .5px;
  font-family: Droid Sans, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5em;
}

.designed-slogan-wrap-head {
  display: inline-block;
}

.because-tag-ani {
  color: #596772;
  text-align: center;
  letter-spacing: .5px;
  margin-top: 7px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
}

.tag-line {
  color: #396990;
  text-transform: none;
  font-family: Didactgothic, Verdana, sans-serif;
  font-size: 64px;
  font-weight: 400;
  position: relative;
}

.flex-50 {
  width: 50%;
}

.flex-50.lifestyle {
  z-index: 4;
  position: relative;
}

.flex-50.homes {
  z-index: 4;
  width: 65%;
  position: relative;
}

.hide-me {
  margin-left: 15px;
  display: none;
}

.small-head {
  border-bottom: 3px solid var(--mosaic-yellow);
  color: var(--a-bkye);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.15em;
  display: inline-block;
  position: relative;
}

.small-head.life-at-mosaic {
  margin-top: 33px;
}

.small-head.life-at-mosaic.large {
  letter-spacing: 1px;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  margin-left: 0;
  padding-bottom: .25rem;
  font-size: 1.75rem;
}

.h2-mosiac {
  text-transform: uppercase;
  margin-top: 13px;
  margin-bottom: 16px;
  font-size: 38px;
  line-height: 1.1em;
}

.h2-mosiac.life {
  color: #fff;
  text-align: center;
  margin-bottom: 4px;
  font-size: 43px;
}

.slider-mask-round {
  border: 3px solid var(--mosaic-yellow);
  border-radius: 700px;
  box-shadow: 1px 1px 20px #1330498c;
}

.mosaic-flex-wrap {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.mosaic-flex-wrap.rm-location {
  align-items: center;
}

.mosaic-flex-wrap.rm-location.m10p {
  margin: 6% 10% 7%;
}

.mosaic-flex-wrap.rm-location.m10p.reverse.lifestyle {
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: 0%;
  margin-bottom: 3%;
}

.section-lifestyle {
  text-align: center;
}

.section-lifestyle.mosaic-lifestyle {
  padding-top: 0;
  padding-bottom: 0;
}

.slider-rm-round {
  background-color: #0000;
  height: auto;
  display: block;
  position: relative;
}

.slider-rm-round.ani-in {
  padding-right: 19px;
}

.logo-builder {
  width: 239px;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 2px solid #e2b838;
  border-radius: 7px;
  margin-bottom: 8px;
  padding: 28px;
  transition: all .5s;
  display: block;
  position: relative;
  box-shadow: 1px 1px 14px #0000005e;
}

.logo-builder:hover {
  opacity: 1;
  transform: scale3d(1none, 1none, 1none);
}

.logo-builder.is-boone {
  padding-top: 58px;
  padding-bottom: 58px;
}

.logo-builder.is-schell {
  padding-top: 21px;
  padding-bottom: 21px;
}

.logo-builder.schedule {
  border-radius: 0;
}

.logo-builder.is-homes {
  padding-bottom: 23px;
}

.bldr-logo-wrap-rn {
  text-align: center;
  display: inline-block;
}

.builder-link-block {
  margin-left: 0;
  text-decoration: none;
  position: relative;
}

.builder-ani-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
  transition: all 1s;
  display: flex;
  position: relative;
}

.builder-ani-wrap:hover {
  transform: scale(1.1);
}

.homes-slide-overlay-wrap {
  border-top: 3px solid var(--mosaic-yellow);
  border-bottom: 3px solid var(--mosaic-yellow);
  background-color: #5d8fb9;
  background-image: linear-gradient(to bottom, var(--mosaic-blue-1), #e2b838a3 52%, var(--mosaic-blue-1));
  opacity: 1;
  padding-top: 33px;
  padding-bottom: 38px;
  display: block;
  box-shadow: 1px 1px 45px #133049c4;
}

.homes-slide-overlay-wrap._2 {
  border: 3px solid var(--mosaic-yellow);
  box-shadow: none;
  background-image: none;
  border-radius: 7px;
  margin-top: 0;
  padding-top: 11px;
  padding-bottom: 25px;
}

.headerlabelwrap {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 1px 1px 12px #271e11ad;
  background-color: #627586;
  padding: 35px 35px 33px;
  font-family: Droid Sans, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.headerlabelwrap.shadow {
  position: relative;
  box-shadow: 0 1px 19px #2c2b25;
}

.headerlabelwrap.shadow.shorter {
  background-color: var(--mosaic-blue-1);
  padding-top: 24px;
  padding-bottom: 24px;
  box-shadow: 0 1px 19px #2c2b25;
}

.headerlabelwrap.shadow.video {
  background-color: var(--mosaic-blue-1);
  padding-top: 13px;
  padding-bottom: 16px;
  box-shadow: 0 1px 19px #2c2b25;
}

.headerlabelwrap.shadow.meet-the-builder {
  background-color: var(--mosaic-blue-1);
  padding-top: 13px;
  padding-bottom: 16px;
  display: block;
  box-shadow: 0 1px 19px #2c2b25;
}

.h1-header {
  text-align: center;
  padding-top: 21px;
  padding-bottom: 15px;
  font-size: 34px;
}

.h1-header.mosaic {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 44px;
  line-height: 1em;
}

.h1-header.mosaic.bruchure {
  margin-bottom: 9px;
  margin-right: 22px;
  font-size: 43px;
  display: inline-block;
}

.h1-header.mosaic.bruchure.hide-me {
  display: none;
}

.center {
  text-align: center;
}

.center.white {
  background-color: #cddae5;
}

.request-brochure {
  color: var(--mosaic-blue-1);
  text-transform: none;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  bottom: 7px;
}

.request-brochure:hover {
  text-decoration: none;
}

.brochure-form {
  padding-top: 54px;
  padding-bottom: 54px;
}

.al {
  text-align: left;
  padding-left: 2px;
}

.form-brohcure {
  width: 690px;
  margin-left: auto;
  margin-right: auto;
}

.h2-brohcure {
  text-transform: none;
  margin-bottom: 0;
  font-size: 25px;
}

.link-white {
  color: #fff;
}

.iframe-mosaic {
  border-bottom: 3px solid var(--mosaic-yellow);
  background-color: var(--mosaic-blue-1);
  text-align: center;
  box-shadow: inset 1px 1px 16px #0000004f;
}

.h1 {
  margin-bottom: 23px;
  font-size: 58px;
}

.h1.indent {
  margin-left: -32px;
}

.h1.indent.not-caps {
  text-transform: none;
}

.h1.indent.not-caps.welcome {
  z-index: 7;
  color: var(--mosaic-yellow);
  text-transform: uppercase;
  text-shadow: 0 0 19px #fff;
  margin-top: 14px;
  margin-bottom: 19px;
  margin-left: 0;
}

.h1.h2-follow {
  margin-bottom: 19px;
}

.h1.masterpiece {
  margin-left: 0;
}

.h1.center {
  color: #577da5;
  font-size: 43px;
}

.h2.after-h1 {
  margin-top: -8px;
  margin-bottom: 23px;
}

.h2.explore {
  z-index: 7;
  color: var(--mosaic-yellow);
  margin-bottom: 14px;
  font-size: 30px;
  position: relative;
}

.h2.explore.overview {
  color: var(--mosaic-yellow);
  font-size: 31px;
}

.h2.as-described {
  color: var(--white);
  font-size: 29px;
  line-height: 1.2em;
}

.p.indent {
  border-left: 3px solid var(--mosaic-yellow);
  margin-left: 2px;
  padding-bottom: 1px;
  padding-left: 19px;
}

.p.narrow {
  flex: 0 auto;
  width: 88%;
}

.p.narrow.destination-text {
  width: 100%;
  padding-right: 58px;
}

.p.welcome-intro {
  width: 90%;
  margin-bottom: 25px;
  font-size: 23px;
}

.p.welcome-intro.treat {
  color: #2168a3;
  width: 50%;
  font-size: 22px;
  line-height: 1.45em;
}

.h1-home {
  z-index: 1044;
  color: var(--mosaic-blue-1);
  text-transform: none;
  margin-top: 7px;
  margin-bottom: 18px;
  font-size: 60px;
}

.h1-home._2 {
  margin-left: 0;
  font-size: 47px;
}

.loc-pin {
  opacity: .48;
  margin-left: 4px;
  margin-right: 4px;
}

.river-mill-loc {
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;
  padding: 11px 11px 11px 0;
  display: inline-block;
}

.river-mill-loc.mb {
  text-align: left;
  margin-bottom: 0;
}

.list {
  margin-bottom: 32px;
}

.h1-directons {
  margin-top: 18px;
  margin-bottom: 16px;
  font-size: 33px;
  line-height: 1.4em;
}

.directions-block {
  text-align: left;
  padding-top: 49px;
  padding-left: 47px;
  padding-right: 94px;
}

.location-map {
  border: 1px solid #b1b1b1;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 0 0 6px #d5d3d3;
}

.sales-center-text-2 {
  text-align: center;
  font-size: 17px;
  line-height: 1.5em;
  display: inline-block;
}

.sales-center-text-2.loc {
  color: #002e62;
  font-size: 18px;
}

.li-directions {
  font-size: 19px;
  line-height: 1.3em;
}

.rm-loc-link {
  color: #333;
}

.nav-mosaic-foot {
  z-index: 70;
  opacity: 1;
  text-align: center;
  background-color: #718eac;
  background-image: linear-gradient(272deg, #1e65a096, #fff0);
  border-bottom: 5px solid #43627e;
  padding: 6px 54px 12px;
  position: relative;
  inset: 0% 0% auto;
  box-shadow: inset 0 0 50px #ffffffd9, 0 14px 30px #192936a8;
}

.nav-link-mosaic-foot {
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px #0000007d;
  border-bottom: 3px solid #fff0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: all .5s;
  display: inline-block;
}

.nav-link-mosaic-foot:hover {
  border-bottom: 3px solid var(--mosaic-yellow);
  color: #f1bf26;
  text-shadow: none;
  padding-bottom: 1px;
}

.nav-link-block-foot {
  color: #000;
  border-bottom: 3px solid #fff0;
}

.nav-vert-foot {
  background-color: #ffc412;
  width: 2px;
  height: 33px;
  margin-left: 29px;
  margin-right: 29px;
  display: inline-block;
  position: relative;
  top: 9px;
}

.nav-links-foot {
  text-transform: uppercase;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
}

._55-icon-wrap {
  position: absolute;
  inset: -3% -1% auto auto;
}

._55-icon {
  width: 150px;
  transform: none;
}

._55-icon.homes {
  width: 99px;
  margin-top: 1px;
  position: relative;
}

.logo-m {
  margin-top: 20px;
}

.logo-m.homes {
  width: 150px;
  display: none;
  position: absolute;
  inset: auto 4% 4% auto;
  transform: rotate(-17deg);
}

.h1-cap {
  text-transform: uppercase;
  font-size: 46px;
}

.h1-cap.your-forever-home {
  background-color: var(--mosaic-yellow);
  width: 100%;
  box-shadow: none;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 2px #000000a6;
  border: 3px solid #fff;
  border-radius: 7px;
  align-self: center;
  margin-bottom: 13px;
  margin-left: 0;
  padding: 18px 16px;
  font-size: 41px;
}

.h1-cap.sched-tour {
  background-color: var(--a-bkye);
  width: 100%;
  box-shadow: none;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 2px #000000a6;
  border: 3px solid #fff;
  align-self: center;
  margin-bottom: 13px;
  margin-left: 0;
  padding: 18px 16px;
  font-size: 41px;
}

.img-treatment-1-mosaic {
  border-radius: 0 40px 0 0;
  transition: all 1s;
  box-shadow: 1px 1px 200px #111d19;
}

.img-treatment-1-mosaic:hover {
  border-radius: 40px 0;
}

.img-treatment-1-mosaic.round-in-slider {
  border-radius: 700px;
  width: 100%;
  box-shadow: 1px 1px 200px #111d19;
}

.bold-text {
  color: var(--mosaic-blue-1);
}

.cb {
  height: 1px;
}

.cb.temp-add-space {
  margin-top: 17px;
  margin-bottom: 17px;
}

.p-indent {
  text-shadow: 8px 8px 7px #000e1f14;
  margin-left: 50px;
  margin-right: 50px;
  font-size: 17px;
  line-height: 1.6em;
}

.p-indent.rg {
  border-left: 3px solid #cfab79;
  margin-left: 49px;
  padding-left: 23px;
}

.h1-hoa {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 72px;
  margin-bottom: 1px;
  font-size: 57px;
  line-height: 1em;
  display: block;
}

.interest-list-tab-2 {
  z-index: 1002;
  float: none;
  color: #f8f8f8;
  text-align: center;
  text-transform: uppercase;
  background-color: #00565c;
  border: 2px solid #fff;
  border-right-style: none;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.15em;
  transition: opacity .5s;
  display: inline-block;
  position: fixed;
  bottom: 289px;
  right: 0;
  box-shadow: -1px 2px 6px #000203b0;
}

.interest-list-tab-2:hover {
  background-color: #007f5c;
}

.rm-sub-shared-head {
  z-index: 5002;
  background-color: #f7f6eb;
  height: 7px;
  display: none;
  position: static;
}

.h2-hoa {
  color: var(--a-bkye);
  text-align: center;
  text-transform: none;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.2em;
}

.h1-builders {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px #414141;
  margin-top: -26px;
  margin-bottom: 13px;
  margin-left: 0;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 43px;
  line-height: 1em;
}

.home-arrow {
  z-index: 301;
}

.homes-arrow.hideme {
  display: none;
}

.homes-by-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 566px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.homes-by {
  border-bottom: 3px solid var(--mosaic-yellow);
  color: var(--a-bkye);
  text-align: center;
  margin-bottom: 27px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.35em;
}

.visit-builder {
  color: #8f8f8f;
  text-transform: none;
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 1.3em;
  text-decoration: none;
}

.p-your-forever-home {
  margin-top: 7px;
  margin-bottom: 0;
  padding-bottom: 19px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18.5px;
}

.clouds-place {
  z-index: 5005;
  opacity: 1;
  position: relative;
  inset: 3% auto auto 7%;
}

.clouds-place.move-right {
  left: 30%;
}

.clouds-place.move-right.lifestyle {
  z-index: 0;
  opacity: .41;
  position: absolute;
  top: 0%;
  left: 21%;
}

.clouds-place.overview {
  z-index: 2;
  display: block;
  position: fixed;
  top: 19%;
  left: 56%;
}

.clouds-place.homepage {
  z-index: 2;
  opacity: .74;
  position: fixed;
  inset: 29% auto auto 0%;
}

.clouds-place.homes2 {
  z-index: 4;
  opacity: .74;
  position: absolute;
  inset: 3% 11% auto auto;
}

.clouds {
  position: relative;
}

._5-what-is {
  font-size: 18px;
  line-height: 1.7em;
}

.overview-wrap {
  z-index: 7;
  text-align: left;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 7%;
  display: flex;
  position: relative;
}

.li-overview {
  color: #2168a3;
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 1.35em;
}

.li-overview.is-builder {
  margin-bottom: 11px;
  font-size: 18px;
}

.home-picture {
  z-index: 505;
  border: 3px solid var(--mosaic-yellow);
  border-radius: 7px;
  width: 34%;
  margin-top: 47px;
  margin-right: 4%;
  display: block;
  position: absolute;
  inset: 4% 5% auto auto;
  transform: rotate(5deg);
  box-shadow: 1px 1px 30px #02060aad;
}

._100p {
  width: 100%;
}

.big-pic-flezx-wrap {
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.big-pic-box-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.p-mb-0 {
  margin-bottom: 0;
  font-size: 19px;
  line-height: 1.53em;
  display: block;
  top: 4px;
}

.mosiac-info-flex-2 {
  border-left: 5px solid var(--mosaic-yellow);
  background-color: #ffffff85;
  border-radius: 0;
  align-items: flex-start;
  padding: 38px 25px;
  display: flex;
}

.mosiac-info-flex-2.shadow {
  border-top: 5px solid var(--mosaic-yellow);
  border-right: 5px solid var(--mosaic-yellow);
  border-bottom: 5px solid var(--mosaic-yellow);
  border-radius: 7px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 45px 40px;
  display: flex;
  box-shadow: 1px 1px 40px #0000008f;
}

.overview-button-wrap {
  margin-top: 18px;
}

.overview-button-wrap.is-overview {
  margin-top: 28px;
}

.overview-wrap-left {
  transform: rotate(0);
}

.overview-wrap-righ {
  position: static;
}

.tabcontent {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 9px 9px 19px #14222e63;
}

.tab100p {
  text-transform: uppercase;
  border-left: 5px solid #0000;
  width: 100%;
  padding: 28px 27px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  transition: all .35s;
}

.tab100p:hover {
  border-left-color: var(--mosaic-blue-1);
}

.tab100p.w--current {
  background-color: var(--mosaic-blue-1);
  color: #fff;
  border-left-style: solid;
}

.tab100p.w--current:hover {
  border-left-color: #0c645c00;
}

.tab100p._2 {
  width: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 11px;
  font-size: 16px;
  display: block;
}

.tab100p._2.w--current {
  background-color: #8fb1ce;
}

.tab100p._2.shadow {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 1px 1px 11px #414040;
}

.welcome-bullets {
  z-index: 101;
  position: relative;
}

.link-mosaic-p-default {
  border-bottom: 1px dashed var(--mosaic-blue-1);
  color: var(--a-bkye);
  text-decoration: none;
}

.link-mosaic-p-default:hover {
  border-bottom-color: var(--mosaic-blue-1);
  color: #0c3966;
  text-decoration: none;
}

.spoiled {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: .25rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3em;
}

.bold {
  font-weight: 700;
}

.life-a-masterpiece {
  text-align: left;
  width: 75%;
}

.builder-flex {
  border-left: 5px solid var(--mosaic-yellow);
  background-color: #ffffff85;
  border-radius: 0;
  align-items: flex-start;
  padding: 38px 25px;
  display: flex;
}

.builder-flex.shadow {
  border: 5px solid var(--mosaic-yellow);
  background-color: #ffffffbd;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 0;
  box-shadow: 1px 1px 40px #0000008f;
}

.builder-flex.shadow._2 {
  border-radius: 7px;
}

.loc-map-wrap {
  position: relative;
}

.comm-plot-map {
  width: 100%;
  position: relative;
  inset: 0%;
}

.xhomes-by-text {
  z-index: 1009;
  background-color: var(--a-bkye);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 23px;
  display: block;
  position: absolute;
  inset: auto 0% 20%;
}

.thank-you {
  text-align: center;
  font-size: 28px;
}

.thank-you.caps {
  text-transform: uppercase;
  margin-top: 7px;
  font-size: 30px;
}

.thank-you.caps.white {
  text-shadow: none;
}

.thank-you.brochured {
  letter-spacing: -1px;
  text-transform: none;
  margin-top: 34px;
  margin-bottom: 22px;
}

.navbar-o {
  background-color: #ddd0;
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}

.welcome-back-block {
  z-index: 5;
  border: 2px solid var(--mosaic-yellow);
  width: 70vw;
  height: 160vh;
  transform-style: preserve-3d;
  background-color: #fffffff0;
  position: absolute;
  inset: -3% auto auto 0%;
  transform: rotateX(26deg)rotateY(0)rotateZ(-5deg);
  box-shadow: -11px 9px 20px #66737e;
}

.welcome-back-block.img {
  filter: saturate(43%);
  background-image: linear-gradient(#f8f8f8cf, #f8f8f8cf), url('../images/mosiac-amenities-fields.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.welcome-back-block.img._2 {
  height: 200vh;
  transform-style: preserve-3d;
  top: -3%;
  transform: rotateX(26deg)rotateY(0)rotateZ(-5deg);
}

.conatiner-relative {
  position: relative;
}

.section-4 {
  background-color: #fff;
}

.hoa-slide-txt {
  text-align: left;
  margin-bottom: 0;
  padding: 20px 32px;
  font-size: 17px;
  line-height: 1.5em;
}

.hoa-thumb-frame {
  box-shadow: none;
  text-align: center;
  background-color: #00568f;
  border: 1px solid #7f6a4c;
  border-radius: 0;
  margin-left: 8px;
  margin-right: 8px;
  transition: all .5s;
  position: relative;
  overflow: hidden;
}

.hoa-thumb-frame:hover {
  text-decoration: none;
}

.hoa-flex-item-bottom {
  background-color: #ddd;
  border: 1px #000;
  border-top: 2px #796f61;
  flex: 1;
  height: auto;
  box-shadow: inset 1px 1px 20px #8d8b7c75;
}

.sldie-nav {
  display: none;
}

.hoa-slider {
  background-color: #0000;
  width: 90%;
  height: auto;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

.hoa-fakup {
  background-color: #b2b0b0;
  padding-top: 73px;
  padding-bottom: 49px;
  box-shadow: inset 1px 1px 73px #4c4c4cd4;
}

.hoa-fakup.mosaic {
  background-color: #bdd3e8;
  border-top: 3px solid #43627e;
  border-bottom: 3px solid #43627e;
  display: block;
}

.slides {
  width: 33.33%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.mask {
  margin-left: 44px;
  margin-right: 44px;
}

.hoa-thumb {
  border: 1px #cfab79;
  border-bottom: 1px solid #7f6a4c;
  border-radius: 0;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  transition: all 1s;
  position: relative;
}

.hoa-thumb:hover {
  opacity: 1;
  filter: saturate(137%);
}

.arrow {
  color: #dfd9c5;
}

.arrow.right {
  color: #fff;
  margin-right: 10px;
}

.arrow.right.white {
  color: #fff;
}

.arrow.left {
  color: #fff;
  margin-left: 10px;
}

.arrow.left.white {
  color: #fff;
}

.inspired-by-you {
  border-bottom: 3px solid var(--mosaic-yellow);
  color: var(--a-bkye);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1em;
  display: inline-block;
  position: relative;
}

.forever-home-wrap2 {
  border: 3px solid var(--mosaic-yellow);
  opacity: 1;
  background-color: #5d8fb9;
  border-radius: 7px;
  margin-top: 9px;
  margin-right: 28px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  box-shadow: 1px 1px 45px #133049c4;
}

.h2-destinatin {
  color: var(--a-bkye);
  align-self: flex-start;
  margin-top: 20px;
  margin-bottom: 17px;
  margin-left: -2px;
  font-size: 39px;
}

.tabs-menu {
  float: left;
}

.map-interaction-wrap.dgpark {
  position: absolute;
  inset: 24% auto auto 15%;
}

.map-interaction-wrap.sportscourts {
  z-index: 103;
  position: absolute;
  inset: 39% auto auto 13%;
}

.map-interaction-wrap.pool {
  z-index: 102;
  position: absolute;
  inset: 33.5% auto auto 15%;
}

.map-interaction-wrap._288 {
  position: absolute;
  inset: 22% auto auto 75%;
}

.map-interaction-wrap.clubhouse {
  position: absolute;
  inset: 36% auto auto 17.6%;
}

.map-interaction-wrap.conservatory {
  z-index: 101;
  position: absolute;
  inset: 3% auto auto 22%;
}

.map-interaction-wrap.trails {
  display: none;
  position: absolute;
  inset: 29% auto auto 24%;
}

.map-interaction-wrap.trails20 {
  position: absolute;
  inset: 61% auto auto 58%;
}

.link-block {
  color: #c0cfc1;
  display: block;
}

.link-block:hover {
  color: #c5cfda;
  text-decoration: none;
}

.link-block.relative {
  z-index: 10;
  position: relative;
}

.section-relative {
  z-index: 102;
  position: relative;
}

.section-relative.commmap {
  z-index: 10;
}

.comm-map-wrap {
  z-index: 10;
  position: relative;
}

.comm-map-wrap.desktop {
  display: block;
}

.comm-map-wrap.mobile {
  display: none;
}

.container-full-1500 {
  z-index: 1;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5%;
  padding-right: 1.5%;
  display: block;
  position: relative;
  bottom: 47px;
}

.container-full-1500.amenities {
  max-width: 1500px;
  margin-top: 93px;
  margin-left: auto;
  margin-right: auto;
}

.container-full-1500.amenities.desk {
  max-width: 1400px;
  display: block;
}

.container-full-1500.amenities.mobile {
  max-width: 1400px;
  display: none;
}

.map-line {
  z-index: 100;
  display: none;
  position: absolute;
  top: 56px;
  bottom: auto;
  right: 40px;
}

.amen-ico-nav {
  width: 38px;
  margin-right: 6px;
}

.amen-nav {
  color: #1b496f;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.hoa-logo {
  border-left: 3px solid #e2b838;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 27px;
  position: relative;
  top: 16px;
}

._288 {
  width: 100px;
}

.builder-join-us {
  margin-top: 50px;
  margin-bottom: 37px;
}

.builder-join-us.rg {
  width: 100%;
  margin-top: 0;
}

.div-separator {
  background-color: #cfab79;
  height: 4px;
  margin-top: 68px;
  margin-bottom: 68px;
}

.div-separator.mosiac {
  background-color: var(--mosaic-blue-1);
  margin-top: 30px;
  margin-bottom: 30px;
}

.div-separator.mosiac.hoa {
  height: 6px;
  margin-top: 0;
  margin-bottom: 0;
}

.h1-center-2 {
  text-align: center;
  border-bottom: 1px solid #bd965c;
  padding-bottom: 15px;
  font-size: 29px;
}

.h1-center-2.mosaic {
  color: #5585b1;
  border-bottom-color: #b3b3b3;
  margin-top: 28px;
  margin-bottom: 22px;
  padding-bottom: 12px;
  padding-left: 47px;
  padding-right: 47px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 34px;
  line-height: 1.2em;
}

.h1-center-2.meet-the-builder {
  color: #5585b1;
  border-bottom-color: #b3b3b3;
  margin-top: 0;
  margin-bottom: 13px;
  margin-left: 0;
  padding-bottom: 12px;
  padding-left: 47px;
  padding-right: 47px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 27px;
  line-height: 1.2em;
}

.flex-618 {
  width: 61.8%;
}

.flex-618.vid-spacer {
  background-color: #3b3e41;
  margin-top: 27px;
  margin-bottom: 17px;
  box-shadow: 0 0 39px #000000b3;
}

.flex-100 {
  justify-content: center;
  display: flex;
}

.flex-100.meet-builder-page {
  flex-direction: column;
  align-items: center;
  padding-top: 57px;
  padding-bottom: 19px;
}

.flex-100.meet-builder-page.gradient {
  background-image: radial-gradient(circle, #fff, #dfd3c6);
  padding-top: 39px;
  padding-bottom: 54px;
  box-shadow: 1px 1px 3px #000;
}

.link-block-2 {
  position: relative;
}

.p-thankyou-mosaic {
  text-align: center;
  width: 50%;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
}

.slide-info-link-mosaic {
  opacity: 1;
  color: #fcfcfd;
  text-align: left;
  cursor: default;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  flex-direction: column;
  justify-content: center;
  height: 65px;
  padding: 15px 39px 18px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  box-shadow: inset 1px 1px 15px #1330493b;
}

.slide-info-link-mosaic:hover {
  color: #ddd;
  text-decoration: none;
}

.slide-in-info-mosaic {
  z-index: 1010;
  border-left-color: var(--mosaic-yellow);
  background-color: #131313a8;
  width: 100%;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: 6px 6px 11px #00000052;
}

.slide-in-info-mosaic.mobiel {
  position: static;
}

.slideshow {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.slideshow.life-at-msoaic_top {
  width: 98%;
}

.disable-slide-touch {
  z-index: 90;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.h1-comm-map {
  z-index: -1;
  position: absolute;
}

.mosaic-brochure-form {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.amenitiesbox {
  z-index: 18;
  border-radius: 7px;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 6.5% 34% auto auto;
}

.slide-box-overlay {
  z-index: 90;
  opacity: .98;
  align-self: flex-start;
  margin-left: 7%;
  margin-right: 7%;
  position: absolute;
  inset: 5% auto auto 2%;
}

.artistryvision {
  text-align: center;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 17px;
}

.artistryvision.mobile {
  display: none;
}

.link-expand-roll {
  color: #28689e;
  border-bottom: 1px dotted #d5ccaf;
  text-decoration: none;
  transition: letter-spacing .6s;
}

.link-expand-roll:hover {
  letter-spacing: .4px;
}

.highlights-wrap {
  background-color: var(--mosaic-yellow);
  border-radius: 2px;
  flex-direction: row;
  justify-content: center;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: 1px 1px 20px #0000001a;
}

.highlight {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.highlight.left {
  cursor: default;
  background-color: #deb538;
}

.highlight.right {
  cursor: pointer;
  background-color: #336ea0;
}

.highlight.right:hover {
  background-color: var(--mosaic-blue-1);
}

.slider-5 {
  cursor: default;
  background-color: #ddd0;
  height: auto;
}

.text-block-2 {
  text-align: center;
  font-size: 15px;
}

.highlights-link-block, .highlights-link-block:hover {
  text-decoration: none;
}

.highlights-link-block._50p {
  width: 50%;
}

.buttons-inline {
  width: 100%;
}

.see-video {
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  inset: 107px 0% auto auto;
}

.whats-new-arrow {
  margin-right: 16px;
}

.whats-new-vid-text {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  padding: 13px 9px 13px 19px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.whats-new-lightbox {
  background-color: #43627e;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  align-items: center;
  text-decoration: none;
  transition: background-color .5s;
  display: none;
}

.whats-new-lightbox:hover {
  background-color: #417daf;
}

.slider-amen {
  z-index: 10;
  text-align: center;
  background-color: #0000;
  width: 100%;
  height: auto;
}

.amen-mobile {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.amen-slide-nav-mobile {
  display: none;
}

.tabs-amenities {
  background-color: #fff0;
  margin-left: auto;
  margin-right: auto;
}

.tab-pane-black {
  height: 585px;
}

.coming {
  color: #abd6fa;
}

.blue-star-logo {
  border-right: 3px solid #e2b838;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 27px;
  position: relative;
  top: 16px;
}

.h3-mosaic-life {
  color: #4c7ba3;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.interest-list-p-q {
  color: #525252;
  text-align: center;
  margin-bottom: 7px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3em;
}

.foot-contact-ld {
  z-index: 444;
  box-shadow: none;
  opacity: 1;
  background-color: #63615d24;
  border: 1px solid #a1a1a1;
  border-radius: 20px;
  margin-top: 4px;
  margin-bottom: 30px;
  padding: 22px 63px 19px;
  display: inline-block;
  position: static;
  transform: skew(0deg);
}

.int-l-phone {
  color: #353535;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5em;
}

.phone-link {
  color: #525252;
  letter-spacing: .1px;
  text-decoration: none;
}

.mosaic-gmap {
  height: 500px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.mosaic-located {
  color: #336ea0;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 500;
}

.text-block-3 {
  font-size: 15px;
}

.link-located-in {
  color: #1e5380;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
}

.your-forever-home {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin: 16px 4px;
  padding: 0 16px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 41px;
}

.builder-container {
  margin-left: auto;
  margin-right: auto;
}

.builder-website-link-video-page {
  background-color: var(--mosaic-yellow);
  color: #fff;
  letter-spacing: .1px;
  text-transform: uppercase;
  border-radius: 20px;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: 11px 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: all .25s;
  box-shadow: 1px 1px 11px #0000001a;
}

.builder-website-link-video-page:hover {
  box-shadow: none;
}

._55rule-image {
  border-radius: 5px;
}

.h1-55rule {
  line-height: 1.1em;
}

.pdf-desktop-wrapper {
  position: relative;
}

.pdf-mobile-wrapper {
  display: none;
}

.pdf-floating-buttons_component {
  z-index: 1;
  background-color: #d0ab7a;
  justify-content: center;
  align-items: center;
  height: 47px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.pdf-floating-buttons_button {
  text-transform: uppercase;
  background-color: #80756700;
  border-radius: 3px;
  margin-left: 7px;
  margin-right: 7px;
  padding: 4px 19px;
  font-size: 13px;
  font-weight: 700;
}

.pdf-floating-buttons_button:hover {
  background-color: #b49367;
}

.overview-group {
  border-left: 3px solid #e2b838;
  border-radius: 20px;
  margin-bottom: 5px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 9px;
  position: relative;
}

.overview-group:hover {
  border-left-width: 3px;
  border-left-color: #50677a;
  border-radius: 17px;
}

.overview-call-out {
  color: #474439;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Varela Round, sans-serif;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  inset: 83px auto auto -67px;
  transform: rotate(-90deg);
}

.overview-call-out.homes {
  top: 45px;
}

.overview-call-out.lifestyle {
  top: 135px;
}

.overview-call-out.location {
  top: 103px;
}

.overview-call-out.lifestyle {
  color: #50677a;
  font-size: 14px;
  top: 89px;
}

.overview-call-out.amenities {
  top: 114px;
}

.overlay-video-wrapper {
  z-index: 2147483647;
  border: 3px solid #cfab79;
  width: 30%;
  display: none;
  position: absolute;
  inset: 7% auto auto 2%;
  box-shadow: 2px 2px 20px #00000078;
}

.no-wrap {
  white-space: nowrap;
}

.h1-abs {
  font-size: 15px;
  position: absolute;
  top: 24px;
}

.home-type-form_component, .home-type-form_choices {
  text-align: left;
}

.how-we-got-here_year {
  margin-bottom: 1.5rem;
}

.how-we-got-here_year.last {
  margin-bottom: 0;
}

.how-we-got-here_link {
  color: #666c75;
  margin-bottom: 18px;
  font-size: 19px;
  line-height: 1.4em;
  text-decoration: underline;
  display: block;
}

.how-we-got-here_heading {
  text-align: center;
  border-bottom: 2px solid #00568f;
  margin: 12px auto 21px;
  font-size: 42px;
  line-height: 1.2em;
  display: block;
}

.bigpictextbox {
  z-index: 3;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nav-link-rm {
  color: #002e62;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 22px;
  line-height: 1.5em;
  transition: letter-spacing .5s;
}

.nav-link-rm:hover {
  color: #008e8a;
  letter-spacing: 1px;
  text-decoration: none;
}

.nav-link-rm.w--current {
  color: #e7e2cc;
  background-color: #008e8a;
  display: block;
}

.nav-link-rm.other-hhh-comm {
  background-color: #cfab792e;
  border: 1px solid #cea976;
  border-radius: 4px;
  margin-top: 13px;
  padding: 6px 10px;
  font-size: 16px;
  display: none;
}

.nav-link-rm.other-hhh-comm:hover {
  color: #15202a;
}

.h1-behind-header {
  color: var(--a-bkye);
  text-align: center;
  font-size: 21px;
  position: absolute;
  inset: -3% 0% auto;
}

.development-update_vip_link {
  width: 100%;
}

.developent-update_video {
  border: 4px solid #fff;
  border-radius: 0;
  box-shadow: 1px 1px 20px #00000059;
}

.link-no-fx {
  color: #3b3e41;
  border-bottom: 1px #bebebe;
  text-decoration: none;
}

.link-no-fx:hover {
  color: #00565c;
  border-bottom-color: #395c77;
  text-decoration: none;
}

.container-full-1501 {
  z-index: 1;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 1.5%;
  padding-right: 1.5%;
  display: block;
  position: relative;
}

.development-update_top-bar-heading {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 54px;
  line-height: 1.1em;
}

.section-development-update_header {
  background-image: linear-gradient(#21598bd6, #21598bd6), radial-gradient(circle, #fff0, #00000057), url('../images/mosaic-boone-exterior-1.jpg');
  background-position: 0 0, 0 0, 50% 100%;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, fixed;
}

.development-update_wrapper-2 {
  justify-content: center;
  display: flex;
}

.development-update_p {
  font-size: 16.5px;
}

.development-update_wrapper-wrapper {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.development_container {
  margin-left: auto;
  margin-right: auto;
}

.development-update_right-wrapper-2 {
  text-align: left;
  justify-content: flex-start;
  width: 50%;
  padding-left: 3.4rem;
  padding-right: 3.4rem;
}

.container_development-update-1400 {
  max-width: 1400px;
}

.how-we-got-here_wrapper {
  border-radius: 50px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 578px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.5rem;
  padding-bottom: .5rem;
}

.developent-update_left-wrapper-2 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  width: 50%;
}

.development-update_separator-line {
  background-image: linear-gradient(to right, #0000, var(--mosaic-blue-1) 50%, #fff0);
  width: 75%;
  height: 5px;
  margin: 2rem auto .5rem;
}

.how-we-got-here_right {
  flex: 1;
}

.how-we-got-here_year-wrapper {
  text-align: left;
  border-top: 1px solid #7e7e7e73;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.development-update_button-wrapper {
  justify-content: flex-start;
}

.development-update_heading {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 1.2em;
}

.development-update_link {
  color: var(--blue-drk);
}

._55-icon-wrap-homes {
  z-index: 9999;
  position: static;
  inset: 3% auto auto 33%;
}

._55-graphic-link-homes {
  z-index: 999999;
  position: relative;
  top: -32px;
}

.p-sched-tour {
  text-align: center;
  max-width: 739px;
  margin: 16px auto 35px;
  font-size: 21px;
}

.page-wrap-sched-tour {
  text-align: center;
  background-color: #9bc2e2;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.section-5 {
  padding-top: 26px;
  padding-bottom: 26px;
}

.navigation-custom-breakpoint-hide {
  display: inline-block;
}

.brand {
  padding-left: 0;
}

.amenities_slide {
  background-image: url('../images/mapcrop_1mapcrop.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
}

.amenities_slide.conservatory {
  background-image: url('../images/mosaic-conservatory-thumbnail_1mosaic-conservatory-thumbnail.webp');
}

.amenities_slide.connexion {
  background-image: url('../images/the-connexion-3d-rendering_1the-connexion-3d-rendering.webp');
}

.amenities_slide.dog {
  background-image: url('../images/dog-park-1.jpg');
}

.amenities_slide.walking {
  background-image: url('../images/mosaic-amenities-trail-walking2.jpg');
}

.amenities_slide.fitness {
  background-image: url('../images/fitness-center_1fitness-center.webp');
}

.amenities_slide.pickleball {
  background-image: url('../images/mosaic-pickleball.JPG');
}

.amenities_slide.bocce {
  background-image: url('../images/mosaic-bocce.jpg');
}

.amenities_slide.pool {
  background-image: url('../images/mosaic-pool.JPG');
}

.amenities_slide.firepit {
  background-image: url('../images/firepit2.jpg');
}

.amenities_lightbox {
  width: 100%;
  height: 100%;
}

.amenities_mobile-list-text {
  text-align: left;
}

.meet-the-builder-name {
  color: #5585b1;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 38px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 40px;
  line-height: 1;
}

.how-we-got-here-heading {
  color: #1b4468;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 33px;
  line-height: 41px;
}

.interest-list-behind-nav {
  z-index: 10000;
  border-bottom: 3px solid var(--mosaic-yellow);
  text-align: center;
  text-transform: uppercase;
  background-image: linear-gradient(to right, #456c8d, #45769e 50%, #456c8d);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.interest-list-behind-nav_text {
  color: #e5f0fa;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.interest-list-behind-nav_text:hover {
  color: var(--mosaic-yellow);
}

.interest-list-behind-nav_icon {
  color: #becdda;
  margin-left: .25rem;
  margin-right: .25rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  display: none;
}

.hoa-slide-description {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.2em;
}

.blog-slider-section {
  background-color: #b2b0b0;
  box-shadow: inset 1px 1px 73px #4c4c4cd4;
}

.hoa-slide-head {
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 700;
}

.hoa-slide-head.nocaps {
  text-transform: none;
}

.blog-slider {
  background-color: #0000;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.blog-lifestyle-slide_link {
  color: #000;
  text-align: center;
  background-color: #00568f;
  border-left: 1px solid #b5aca3;
  border-right: 1px solid #7f6a4c;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.blog-lifestyle-slide_link:hover {
  text-decoration: none;
}

.blog-lifestyle_slider-full-text {
  color: #fff;
  background-color: #231f20c7;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: Droid Sans, sans-serif;
  display: none;
  position: absolute;
  inset: 0%;
}

.blog-slider_heading {
  z-index: 1002;
  background-color: var(--a-bkye);
  color: #e2e2e2;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #231f202e;
  border: 3px solid #b5aca3;
  border-style: solid none;
  flex-direction: row;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 35px;
  font-size: 1.4rem;
  line-height: 1em;
  display: block;
  box-shadow: 1px 1px 20px #000;
}

.blog-lifestyle_slider-bottom {
  color: #fff;
  background-color: #231f209e;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: .25rem 1rem;
  font-family: Droid Sans, sans-serif;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  box-shadow: inset 1px 1px 20px #8d8b7c75;
}

.blog-lifestyle-slider_image {
  width: 100%;
  height: 100%;
  transition: all 1s;
  position: absolute;
}

.blog-lifestyle-slider_image:hover {
  opacity: 1;
  filter: saturate(137%);
}

.blog-lifestyle-slider_image.bark-park {
  background-image: url('../images/mosaic-bark-park-grand-opening.jpeg');
  background-position: 50%;
  background-size: cover;
}

.blog-lifestyle-slider_image.for-your-lifestyle {
  background-image: url('../images/hhhunt-communities-for-your-lifestyle.jpeg');
  background-position: 50%;
  background-size: cover;
}

.blog-lifestyle-slider_image._55-plus {
  background-image: url('../images/benefits-of-55-plus-community_1benefits-of-55-plus-community.webp');
  background-position: 50%;
  background-size: cover;
}

.blog-lifestyle-slider_image.hbav-community {
  background-image: url('../images/mosaic-best-hbv-community_1mosaic-best-hbv-community.webp');
  background-position: 50%;
  background-size: cover;
}

.blog-lifestyle-slider_image.connexion-grand-opening {
  background-image: url('../images/6491e2d24d74bfeaa4325567_MWC-Connexion-Grand-Opening-BOD-1_16491e2d24d74bfeaa4325567_MWC-Connexion-Grand-Opening-BOD (1).webp');
  background-position: 50%;
  background-size: cover;
}

.blog-lifestyle-slider_image.development-update-spring {
  background-image: url('../images/mosaic-development-update.jpg');
  background-position: 50%;
  background-size: cover;
}

.blog-lifestyle-slide {
  width: 33.3333%;
}

.blog-slider_mask {
  margin-left: 0;
  margin-right: 0;
}

.blog-slider-nav.hise {
  display: none;
}

.section-masterpiece.bg-another, .section-foreverhome.bg-another {
  background-image: radial-gradient(circle, #ffffff59, #fff), url('../images/55-Piggy-Back-Stock_155+-Piggy-Back-Stock.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.blog-lifestyle-slider_button {
  background-color: var(--mosaic-yellow);
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 50px;
  margin-top: 1rem;
  padding: 6px 21px 10px 23px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .75s;
  box-shadow: inset 1px 1px 3px #30353a78, 5px 6px 7px #21405a8c;
}

.blog-lifestyle-slider_button:hover {
  background-color: var(--mosaic-blue-1);
  border-color: #fff;
  text-decoration: none;
}

.blog-lifestyle-slider_button:active {
  box-shadow: none;
  border-color: #c8d4e2;
  position: relative;
  top: 3px;
  left: 3px;
}

.blog-lifestyle-slider_aspect-ratio {
  padding-top: 56.25%;
  position: relative;
}

.blog-lifestyle-slider_button-text {
  text-transform: uppercase;
  text-shadow: 1px 1px 3px #090e1338;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: 2px;
}

.community-map-list_wrapper {
  z-index: 99999999;
  text-transform: uppercase;
  width: 400px;
  height: 564px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: none;
  position: absolute;
  inset: 28% 0% auto 67%;
  box-shadow: 1px 1px 13px #0000008f;
}

.community-map-list_top {
  background-color: #7a89a8;
  border-bottom: 6px solid #e7b123;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  justify-content: center;
  align-items: center;
  height: 9%;
  display: flex;
}

.community-map-list_top-heading {
  color: #ebebeb;
  font-size: 1.5rem;
}

.community-map-list_bottom {
  background-color: #fcfcf7;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  height: 91%;
  padding: .5rem;
}

.community-map-list_entry {
  align-items: center;
  display: flex;
}

.community-map-list_icon {
  height: 50px;
}

.community-map-list_entry-heading {
  color: #7b8aa9;
  font-size: 1.25rem;
  font-weight: 700;
  display: inline;
}

.text-block-5 {
  padding-left: 9px;
  display: inline;
}

.community-map-list_entry-description {
  color: #7b8aa9;
  font-size: .6rem;
}

.nav-near-mosaic {
  background-color: var(--mosaic-blue-1);
  text-align: center;
  justify-content: center;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
}

.nav-near-mosaic_text {
  display: none;
}

.nav-text {
  letter-spacing: .6px;
  text-transform: uppercase;
  border: 2px #fff;
  margin-left: 8px;
  margin-right: 8px;
  padding: 11px 9px;
  font-family: Droid Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  transition: all .75s;
}

.nav-text:hover {
  text-decoration: none;
}

.nav-link-blk {
  color: #de2b32;
  letter-spacing: .6px;
  text-transform: uppercase;
  border: 3px solid #fff;
  margin-left: 5px;
  margin-right: 5px;
  padding: 11px;
  font-family: Droid Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.nav-link-blk:hover {
  border-color: #9e9e9e;
  text-decoration: none;
}

.nav-link-blk.w--current {
  color: #de2b32;
  border-color: #de2b32;
}

.nav-link-blk.overview:hover {
  text-decoration: none;
}

.nav-link-blk.overview.w--current {
  border-color: #de2b32;
}

.nav-link-blk.overview.w--current:hover {
  color: #000;
}

.nav-link-blk.overview.near-wescott {
  color: #fff;
  border-style: solid;
  border-color: #231f2000;
  padding: 0;
  text-decoration: none;
  transition: border .2s;
}

.nav-link-blk.overview.near-wescott.w--current {
  border-style: solid;
  border-color: var(--mosaic-yellow);
}

.nav-link-blk.overview.near-wescott.w--current:hover {
  color: #fff;
}

.section-amenities {
  text-align: center;
  background-color: #e8eff5;
  background-image: linear-gradient(#e8eff5, #5788b13d);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section-amenities-header-new {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.amenities_nav-wrapper {
  z-index: 999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.amenities_amenity-image-wrapper {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 60%;
  position: relative;
  box-shadow: 0 2px 20px #0003;
}

.amenities_amenity_text {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  padding-left: 4rem;
  display: flex;
}

.amenities_amenity-content {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.amenities_amenity-heading {
  color: var(--blue-drk);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
}

.amenities_amenity_availability {
  color: var(--mosaic-blue-1);
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
}

.amenities_amenity-description {
  border-left: 3px solid var(--mosaic-yellow);
  color: #414141;
  margin-top: 1rem;
  padding-left: .75rem;
}

.amenities_amenity {
  width: 75%;
  margin-bottom: 7rem;
  position: relative;
}

.amenities_amenity-slider {
  float: right;
  background-color: #fff0;
  width: 100%;
  height: 100%;
}

.amenities_wrapepr {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.amenities_gold-angle {
  z-index: 5;
  opacity: 1;
  position: absolute;
  inset: auto auto 0% 0%;
}

.amenities_nav-link-icon {
  width: 40px;
  margin-right: 3px;
}

.amenities_nav-link-text {
  color: var(--a-bkye);
  text-align: left;
  text-transform: uppercase;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
  display: inline-block;
}

.amenities_nav-link {
  align-items: center;
  margin-bottom: .7rem;
  text-decoration: none;
  display: flex;
}

.amenities_nav-link-column {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.amenities_nav-content {
  opacity: .84;
  background-color: #d6d6d6;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
  padding: 1rem 3rem;
  position: relative;
  box-shadow: inset 0 -2px 5px 2px #0003, 0 0 20px #00000026;
}

.amenities_background-video {
  background-image: linear-gradient(#0000, #e8eff5);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.amenities-box-image {
  z-index: 18;
  border-radius: 7px;
  width: 400px;
  box-shadow: 1px 1px 100px #000;
}

.lightbox-link-3 {
  text-decoration: none;
}

.lightbox-fake-button {
  background-color: var(--mosaic-yellow);
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 50px;
  margin-top: 1rem;
  margin-right: 0;
  padding: 6px 21px 10px 23px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .75s;
  box-shadow: inset 1px 1px 3px #30353a78, 5px 6px 7px #21405a8c;
}

.lightbox-fake-button:hover {
  background-color: var(--mosaic-blue-1);
  border-color: #fff;
  text-decoration: none;
}

.lightbox-fake-button:active {
  box-shadow: none;
  border-color: #c8d4e2;
  position: relative;
  top: 3px;
  left: 3px;
}

.footer_social-icon:hover {
  border-bottom: 1px #000;
}

.anchor {
  height: 0;
}

.sitemap_wrapper {
  width: 50%;
  margin: 5rem auto;
}

.sitemap_link {
  margin-bottom: .75rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3em;
}

.sitemap_link.sub-1 {
  margin-left: 2rem;
  font-size: 1.25rem;
  font-weight: 500;
}

.life-at-mosaic_amenities-line-separator {
  background-color: var(--mosaic-yellow);
  height: 2px;
  margin-bottom: 1rem;
}

.life-at-mosaic_paragraph {
  text-align: center;
  margin-bottom: 0;
  font-size: 19px;
}

.life-at-mosaic_paragraph.smaller {
  font-size: 18px;
}

.life-at-mosaic_paragraph._90 {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
}

.life-at-mosaic_header {
  background-image: linear-gradient(#9bc2e2, #b3d0e8 78%, #e9f0f6);
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 54px;
}

.life-at-mosaic_events-section {
  text-align: center;
  background-image: linear-gradient(#fff0, #a5c6e6);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
}

.life-at-mosaic_events-slider-section-wrapper {
  flex-direction: column;
  height: 100%;
  margin-top: 1rem;
  display: flex;
}

.life-at-mosaic_events-top-cell {
  background-image: url('../images/life-at-mosaic-background-no-top.png');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  padding-top: 1rem;
}

.life-at-mosaic_events-sub-heading {
  border-bottom: 3px solid var(--mosaic-yellow);
  color: var(--a-bkye);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 14px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.15em;
  display: inline-block;
}

.life-at-mosaic_events-and-clubs-columns {
  grid-column-gap: 2rem;
  width: 85%;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.life-at-mosaic_events-and-clubs-wrapper {
  z-index: 2;
  background-color: #d9ecfd;
  border-radius: 20px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 3rem 2rem;
  position: relative;
  box-shadow: 0 2px 20px #0003;
}

.custom_right-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  right: -40px;
}

.custom_left-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
  left: -40px;
}

.overview_slideshow {
  z-index: 505;
  width: 41%;
  position: absolute;
  top: 1%;
  right: 8%;
}

.custom_arrow-icon {
  width: 45px;
}

.paragraph-3 {
  margin-bottom: 0;
  font-size: 1rem;
}

.cell {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.homes-townhomes_nav-content {
  opacity: .84;
  background-color: #d6d6d6;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
  padding: 2rem 2.3rem 1.75rem;
  box-shadow: inset 0 -2px 5px 2px #0003, 0 0 20px #00000026;
}

.homes-townhomes_nav-wrapper {
  z-index: 999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.div-block-2 {
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

.flex-block {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.flex-block-2 {
  z-index: 7;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.life-at-mosaic_events-and-clubs-header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-3 {
  padding-left: 88px;
  padding-right: 88px;
}

.life-at-mosaic-sizing-wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.homes-townhomes_home-type-heading {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: 700;
}

.b-site_builder-logo-overlay {
  z-index: 2;
  background-color: #ffffff96;
  border-top-right-radius: 80px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.b-site_builder-logo {
  width: 200px;
  padding: 1rem 2rem .5rem 1rem;
}

.b-site_builder-logo.is-stylecraft, .b-site_builder-logo.is-stylecraft-hhhunt {
  padding: 1rem 3rem 1rem 2rem;
}

.life-at-mosaic_bottom-slideshow {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.lowercase {
  text-transform: none;
}

.living {
  letter-spacing: -2px;
}

.homes_background-video {
  background-image: linear-gradient(#0000, #e8eff5);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-life-at-mosaic {
  text-align: center;
  background-color: #e8eff5;
  background-image: linear-gradient(#e8eff5, #5788b13d);
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.life-at-mosaic_text-right-wrapper {
  justify-content: center;
  align-items: center;
  width: 50%;
}

.life-at-mosaic_top-heading {
  border-top: 0px solid var(--mosaic-yellow);
  text-align: center;
  margin-top: 7px;
  margin-bottom: .125rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 1.3em;
}

.lifestyle_slider-image {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 100%;
}

.lightbox-link-4 {
  text-decoration: none;
}

.logo_m {
  width: 100px;
}

.how-we-got-here-date {
  color: var(--black);
  letter-spacing: 2px;
  background-color: #3898ec00;
  margin-bottom: 17px;
  padding: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 700;
}

.how-we-got-here-list {
  padding-left: 20px;
}

.slide {
  background-color: #fff0;
}

.around-mosaic, .hide-side-arrow {
  display: none;
}

.link-block-overview-group {
  text-decoration: none;
}

.form_disclaimer {
  color: #777;
  text-align: left;
  margin-top: 4px;
  font-size: 9.5px;
  font-style: italic;
  line-height: 1.5em;
}

.meet-builder-right {
  width: 45%;
}

.meet-builder-left {
  width: 55%;
  padding-right: 12px;
}

.video-meet-builder {
  border: 3px solid #43627e;
  margin-bottom: 34px;
  box-shadow: 0 2px 40px #0003;
}

.flex-meet-builder-wrap {
  min-width: 1000px;
}

.flex-meet-builder-wrap.dim {
  opacity: .28;
}

.hide {
  display: none;
}

.soldout {
  text-transform: uppercase;
  border: 1px solid #dbad20;
  border-radius: 3px;
  padding: 10px;
  font-size: 21px;
  font-weight: 500;
}

.hide-buttons {
  display: none;
}

.spacer {
  height: 50px;
}

.sold-out {
  color: #426f93;
  font-weight: 700;
}

.checkbox_label_old {
  z-index: 5;
  text-align: right;
  width: 100%;
  margin-bottom: 0;
  padding-top: .45rem;
  padding-right: .65rem;
  font-size: 1rem;
  position: absolute;
  inset: 0%;
}

.builder-icons_wrapper {
  background-color: #3e6a9259;
  width: 30%;
  min-width: 400px;
  max-width: 1000px;
  box-shadow: -3px 4px 12px #0003;
}

.quick-stack-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  height: 100%;
  padding: 1.25rem;
}

.builder-icons_image {
  width: 100%;
}

.builder-icons_builder {
  background-color: #ffffff9e;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1rem;
  transition: all .2s;
  display: flex;
}

.builder-icons_builder:hover {
  background-color: #fff;
  transform: scale(1.04);
}

.cell-3 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.builder-icons_title {
  font-size: 1.5rem;
}

.builder-icons_title-bar {
  background-color: #00000038;
  flex: 1;
  height: .125rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.buiilder-name-heading {
  color: var(--blue-drk);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
}

.buiilder-name-heading.is-sold-out {
  margin-bottom: 6px;
}

.checkbox_field {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  height: 2.75rem;
  margin-bottom: 0;
  padding-left: .75rem;
  padding-right: .75rem;
  display: flex;
}

.fs_checkbox-1_component {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.fs_checkbox-1_embed {
  margin-bottom: 0;
}

.fs_checkbox-1_group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: start;
}

.fs_checkbox-1_field {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 2.5rem;
  margin-bottom: .75rem;
  margin-right: .75rem;
  padding: .5rem 1rem;
  transition: border-color .2s;
  display: inline-flex;
  position: relative;
}

.fs_checkbox-1_field:hover {
  border-color: #1b1b1b;
}

.fs_checkbox-1_button {
  background-color: #dbdbdb;
  background-image: url('../images/close-black.svg');
  background-position: 0 0;
  background-size: auto;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
  transition: box-shadow .2s, transform .2s;
  transform: rotate(-45deg);
  box-shadow: 0 0 2px #00000080;
}

.fs_checkbox-1_button.w--redirected-checked {
  background-color: #dbdbdb;
  background-image: url('../images/tick-black.svg');
  border-style: solid;
  border-color: #ccc;
  width: 1.125rem;
  height: 1.125rem;
  transform: rotate(0);
}

.fs_checkbox-1_button.w--redirected-focus {
  border-style: solid;
  width: 1.125rem;
  height: 1.125rem;
  box-shadow: 0 0 2px #00000080;
}

.fs_checkbox-1_button.w--redirected-focus-visible {
  width: 1.125rem;
  height: 1.125rem;
}

.fs_checkbox-1_label {
  margin-bottom: 0;
}

.address {
  color: #fff;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 500;
  display: block;
}

.footer_biz-info {
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.5;
}

.footer_biz-info-hhhc {
  color: #00375c;
  text-align: left;
  text-transform: uppercase;
  margin-top: 1rem;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  display: inline-block;
}

.footer_secondary-links {
  text-align: center;
  white-space: nowrap;
  width: 16%;
  line-height: 1;
  display: inline-block;
}

.footer_secondary-copyright-wrap {
  text-align: center;
  width: 18%;
  padding-top: 2px;
  padding-bottom: 5px;
  display: inline-block;
}

.footer_secondary-copyright-wrap.is-mobile {
  display: none;
}

.footer_secondary-copyright-wrap.is-desktop {
  order: -1;
}

.footer_heading {
  color: #00375c;
  text-align: left;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.footer_social-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: flex;
}

.footer_col-1 {
  text-align: center;
}

.footer_social-link {
  border: 1px #000;
  width: 35px;
}

.footer_social-link:hover {
  border-bottom-style: none;
}

.footer_button {
  opacity: 1;
  color: #fff;
  text-align: center;
  letter-spacing: .25px;
  text-transform: none;
  background-color: #00426f;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  width: 193px;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 12px;
  font-family: Lato, sans-serif;
  font-size: .915rem;
  font-weight: 400;
  line-height: 1.7em;
  text-decoration: none;
  transition: all .2s;
  display: block;
  box-shadow: 1px 1px 17px #3d230070;
}

.footer_button:hover {
  color: #fefefe;
  text-shadow: 1px 1px 9px #00000096;
  background-color: #cfab7a;
  border: 1px solid #fff;
  border-radius: 20px;
  text-decoration: none;
  position: relative;
  bottom: 0;
  box-shadow: 1px 1px 6px #0000004d;
}

.footer_button:active {
  box-shadow: none;
  opacity: 1;
  background-color: #015288;
  position: relative;
  bottom: -1px;
  transform: translate(0);
}

.footer_heading-2 {
  color: #00375c;
  text-align: left;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.footer_heading-2.is-communities-ipad {
  display: none;
}

.footer_seperator {
  background-color: #cac6b1;
  background-image: none;
  width: 90%;
  height: 1px;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.footer_seperator.col-1 {
  width: 100%;
  margin-top: 1.67rem;
  margin-bottom: .75rem;
}

.footer_seperator.col-4 {
  width: 100%;
}

.footer_primary-wrap {
  width: 1250px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.footer_secondary-copyright {
  color: #dedbc8;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  line-height: 1;
}

.eho-logo {
  opacity: .81;
  height: 14px;
  margin-left: 6px;
  display: inline;
}

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

.footer_social-wrapper {
  clear: both;
  text-align: center;
}

.footer_links {
  color: #271e11;
  text-align: left;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.footer_get-social {
  color: #00375c;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.335;
  display: block;
}

.footer_link {
  color: #4a3921;
  margin-bottom: .2rem;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  display: block;
}

.footer_link:hover {
  color: #c29b65;
  text-decoration: underline;
}

.footer_link.is-state-short {
  display: none;
}

.footer_link.inline {
  color: #09395a;
  width: auto;
  line-height: 1.25;
}

.footer_link.inline.rva {
  color: #1d1d1d;
  display: inline-block;
}

.footer_link.inline.rva:hover {
  color: #c29b65;
}

.footer_secondary-link {
  color: #dedbc8;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: Lato, sans-serif;
  font-size: 11px;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}

.footer_secondary-link:hover {
  color: #ccc6af;
}

.footer_biz-info-address-phone {
  color: #4a3921;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  display: inline-block;
}

.footer_biz-info-address-phone:hover {
  color: #39628b;
  text-decoration: none;
}

.footer_component {
  z-index: 2;
  background-color: #e9e6db;
  transition: background-color .5s;
  position: relative;
}

.footer_component:hover {
  background-color: #e2decf;
}

.footer_logo {
  width: 185px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  font-family: Lato, sans-serif;
  transition: all .2s;
  display: block;
}

.footer_logo:hover {
  border-bottom: 1px #000;
  bottom: 5px;
}

.footer_subheading-2 {
  color: #151c20;
  text-transform: none;
  margin-bottom: .125rem;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.footer_video-wrap {
  border: 1px solid #005286;
}

.footer_block.indent {
  border-left: 1px solid #c7c7c7;
  margin-left: 0;
  padding-left: 21px;
}

.footer_block.center {
  margin-left: auto;
  margin-right: auto;
}

.footer_secondary-wrap-2 {
  text-align: center;
  background-color: #3d3d3d;
  justify-content: center;
  align-items: center;
}

.sold-out-banner {
  color: #fff;
  background-color: #a03119;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.broker-checkbox_group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: start;
}

.broker-checkbox_field {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 2.5rem;
  margin-right: .75rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-right: 1rem;
  transition: border-color .2s;
  display: inline-flex;
}

.broker-checkbox {
  cursor: pointer;
  border: 1px solid #414141;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0;
  margin-right: .5rem;
  transition: border .2s;
  box-shadow: 0 0 2px #00000080;
}

.broker-checkbox:hover {
  border-color: #000;
}

.broker-checkbox.w--redirected-checked {
  background-color: #cfab7a;
  border-color: #1d1d1d;
}

.broker-checkbox.w--redirected-focus {
  border-style: solid;
  width: 1.125rem;
  height: 1.125rem;
  box-shadow: 0 0 2px #00000080;
}

.broker-checkbox.w--redirected-focus-visible {
  width: 1.125rem;
  height: 1.125rem;
}

.broker-checkbox_label {
  color: #414141;
  cursor: pointer;
  margin-bottom: 0;
  font-weight: 500;
}

.mosaic-is-sold-out {
  color: var(--white);
  background-color: #133049cc;
  border-radius: .4rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: 1.25rem;
  display: inline-block;
}

.mosaic-is-sold-out.is-homes-page {
  margin-top: 0;
}

html.w-mod-js [data-ix="fade-in-you"] {
  opacity: .11;
}

html.w-mod-js [data-ix="scroll-fade-in"] {
  opacity: 0;
}

html.w-mod-js [data-ix="rm-fade-in-logo-hero"] {
  opacity: 0;
  transform: scale(.8);
}

html.w-mod-js [data-ix="rm-fade-in-h1-hero"] {
  opacity: .01;
  transform: scale(.9);
}

html.w-mod-js [data-ix="rm-hero-line-2-fade-in"] {
  opacity: 0;
}

html.w-mod-js [data-ix="interest-list-tab"] {
  opacity: 0;
  transform: translate(100px);
}

html.w-mod-js [data-ix="slide-info-division-2-pages"] {
  transform: translate(1400px);
}

@media screen and (min-width: 1920px) {
  .logo.nav {
    background-image: radial-gradient(circle, #ffffff59 78%, #fff0);
  }

  .main-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .slider.mod-with-video-above {
    width: 150px;
  }

  .slider.is-splash {
    width: 300px;
  }

  .h1-indent.k.first {
    margin-left: 0;
  }

  .a-masterpiece {
    padding: 93px 56px;
  }

  .sales-center-text {
    font-size: 16px;
  }

  .interest-list-p {
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
  }

  .interest-list-foot-wrapper {
    padding-left: 23px;
    padding-right: 23px;
  }

  .interest-list-foot-header {
    margin-top: 4px;
    margin-bottom: 2px;
    font-size: 29px;
  }

  .checkbox-broker {
    margin-left: 0;
    margin-right: 0;
  }

  .p-2.white {
    font-size: 17px;
  }

  .p-2.colorblock {
    font-size: 16px;
    line-height: 1.5em;
  }

  .block.white.padding.for-colorblocks {
    padding-top: 55px;
    padding-left: 0;
    padding-right: 0;
  }

  .block.white.padding.for-colorblocks.location {
    margin-top: 53px;
  }

  .block.location-info-block {
    width: 100%;
    margin-bottom: 0;
    position: static;
  }

  .block.mosiac-tag {
    padding-top: 58px;
  }

  .sales-center-bottom-info {
    bottom: 14px;
  }

  .section-interest-list {
    padding-left: 15px;
    padding-right: 15px;
  }

  .rm-phone, .label-broker {
    font-size: 15px;
  }

  .button.mt.mosaic.amen {
    margin-bottom: 0;
  }

  .button.al.learn-more {
    padding-left: 25px;
    padding-right: 25px;
  }

  .button.mobile-center.mb {
    margin-bottom: 32px;
  }

  .button.directions {
    align-self: flex-start;
  }

  .button.amenity-more {
    margin-bottom: 81px;
    inset: 8% 0% auto auto;
  }

  .button.amenity-more.maptab {
    inset: 7% auto auto 7%;
  }

  .button.location-back {
    align-self: flex-start;
  }

  .nav-wrap.hide-scroll {
    background-image: linear-gradient(272deg, #1e65a096 9%, #fff0), url('../images/top-border-with-fade_1top-border-with-fade.webp');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-attachment: scroll, fixed;
    padding-right: 19px;
    display: block;
  }

  .nav-link {
    text-align: right;
    border-bottom-style: none;
    border-bottom-color: #fff0;
    margin-top: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
    font-size: 18px;
    display: block;
    position: static;
  }

  .nav-link:hover {
    text-shadow: none;
    border-bottom-style: none;
  }

  .nav-vert {
    display: none;
  }

  .section.location-more.adjust {
    border-top-style: none;
  }

  .section.homes-forever {
    padding-top: 114px;
  }

  .section.overvierw.bg-adjust {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.overvierw.bg-adjust.overview {
    background-image: linear-gradient(#c6dff5, #c6dff5);
    background-position: 0 0;
    padding-top: 0;
    padding-bottom: 47px;
  }

  .section.schedtour {
    padding-top: 114px;
  }

  .button-2 {
    font-size: 15px;
  }

  .button-text {
    font-size: 17.5px;
    top: 3px;
  }

  .button-icon {
    width: 29px;
  }

  .radio-button-label {
    font-size: 15px;
  }

  .main-wrapper {
    padding-top: 0%;
  }

  .main-wrapper.life-at-mosaic {
    padding-top: 3%;
  }

  .main-wrapper.is-overview {
    padding-top: 0%;
  }

  .section-hoa.head.mosaic {
    height: 370px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-hoa.head.mosaic.hoa {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-hoa.body {
    background-color: #0000;
  }

  .section-hoa.body.mosaic {
    padding: 102px 33px 24px;
  }

  .section-hoa.body.mosaic.hoa, .section-hoa.body.mosaic.life-at-mosaic-hoa {
    padding-top: 84px;
    padding-bottom: 0;
  }

  .mosiac-info-box-flex.shadow.lifestyle {
    margin-left: 4%;
    margin-right: 4%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .foot-slogan-mosaic {
    font-size: 33px;
  }

  .foot-slogan-mosaic.hoa {
    padding-bottom: 0;
    font-size: 30px;
  }

  .how-you-live-underline {
    padding-bottom: 1px;
  }

  .interest-list-tab {
    border-radius: 0;
  }

  .home-type-form_heading {
    font-size: 15px;
  }

  .location-info.mosaic {
    border-radius: 0;
    width: 100%;
    height: auto;
    padding: 25px 29px 39px;
    position: relative;
  }

  .page-inset {
    margin: 17px;
  }

  .page-inset.subpage.location {
    background-color: #fff;
    border-style: none;
  }

  .page-inset.subpage.amenities {
    background-image: none;
    border-style: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .location-wescott-logo {
    top: 20%;
    left: 17%;
  }

  .pic-ani-outline-and-color-2.fixed {
    position: relative;
  }

  .map-pin-wrap.parks {
    top: 57%;
    bottom: 4%;
  }

  .map-pin-wrap.groceries {
    top: 53%;
    bottom: 35%;
  }

  .map-pin-wrap.hospital {
    bottom: 26%;
  }

  .h1-location-head {
    margin-bottom: 17px;
  }

  .map-pin-img {
    width: 50px;
  }

  .logo-location {
    width: 150px;
  }

  .map {
    display: block;
  }

  .map-legend-wrap {
    inset: 60% auto auto 0%;
  }

  .comm-map-legend {
    width: 160px;
    display: block;
    inset: auto 12% 16% auto;
  }

  .comm-map-legend.clubhouse {
    width: 273px;
    inset: 55% auto auto 71%;
  }

  .comm-map-legend.trails {
    width: 200px;
    inset: -224% auto auto 50%;
  }

  .comm-map-legend.conservatory {
    width: 200px;
    top: 0%;
    left: 86%;
  }

  .comm-map-legend._288 {
    width: 182px;
    inset: 80% 0% auto auto;
  }

  .comm-map-legend.sports {
    width: 200px;
    top: -136%;
  }

  .comm-map-legend.pool {
    width: 250px;
    inset: 10% auto auto 86%;
  }

  .comm-map-legend.dog {
    width: 250px;
    top: -61%;
    left: 98%;
  }

  .map-legend {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 13px;
    display: block;
  }

  .comm-map-icon {
    width: 36px;
    bottom: 28%;
    right: 23%;
  }

  .block-flex3child {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .color-box-header {
    margin-bottom: 9px;
  }

  .h2-as-primary {
    margin-bottom: 29px;
    font-size: 31px;
  }

  .button-ani-2 {
    text-align: center;
    width: 180px;
    padding: 15px 27px;
  }

  .link-3block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    display: block;
  }

  .designed-wrap-2 {
    padding-top: 23px;
  }

  .tag-ani-line {
    width: 400px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .designed-slogan-wrap-head {
    margin-top: 3px;
    margin-bottom: 0;
  }

  .tag-line {
    font-size: 53px;
  }

  .flex-50 {
    width: 100%;
  }

  .flex-50.lifestyle {
    width: 100%;
    margin-bottom: 33px;
  }

  .flex-50.homes {
    width: 100%;
    margin-top: 185px;
    margin-bottom: 33px;
  }

  .mosaic-flex-wrap.rm-location {
    flex-direction: column;
  }

  .mosaic-flex-wrap.rm-location.m10p.reverse.lifestyle {
    flex-direction: column-reverse;
    margin-top: 0%;
    padding-top: 0;
  }

  .logo-builder {
    width: 203px;
    margin-left: 0;
  }

  .logo-builder.is-boone {
    padding-top: 53px;
    padding-bottom: 53px;
  }

  .logo-builder.is-schell {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .logo-builder.is-homes {
    padding-bottom: 26px;
  }

  .bldr-logo-wrap-rn {
    margin-left: 6px;
  }

  .builder-link-block {
    margin-left: 0;
  }

  .homes-slide-overlay-wrap._2 {
    margin-top: 19px;
  }

  .headerlabelwrap {
    font-size: 27px;
  }

  .headerlabelwrap.shadow.shorter {
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .headerlabelwrap.shadow.video, .headerlabelwrap.shadow.meet-the-builder {
    padding-top: 7px;
    padding-bottom: 10px;
  }

  .h1-header.mosaic {
    font-size: 41px;
  }

  .h1-header.mosaic.bruchure {
    font-size: 37px;
  }

  .al {
    font-size: 15px;
  }

  .h1.indent.not-caps.welcome {
    text-shadow: 0 0 19px #ffffff63;
    margin-top: 50px;
    font-size: 45px;
    font-weight: 400;
  }

  .h2.explore.overview {
    font-size: 31px;
    font-weight: 400;
  }

  .h2.as-described {
    font-size: 25px;
  }

  .p.welcome-intro.treat {
    color: #1a5383;
    width: 90%;
    font-size: 20px;
  }

  .h1-home {
    font-size: 58px;
  }

  .loc-pin {
    display: inline-block;
  }

  .river-mill-loc.mb {
    text-align: center;
    margin-top: 4px;
    margin-bottom: 0;
  }

  .list {
    font-size: 15px;
  }

  .h1-directons {
    font-size: 21px;
  }

  .directions-block {
    margin-top: 0;
    padding: 24px 31px 49px 19px;
  }

  .sales-center-text-2.loc {
    text-align: center;
    font-size: 14px;
  }

  .li-directions {
    font-size: 16px;
  }

  .rm-loc-link.w--current {
    text-align: center;
  }

  .nav-link-mosaic-foot {
    font-size: 19px;
  }

  ._55-icon {
    width: 105px;
  }

  ._55-icon.homes {
    width: 80px;
  }

  .img-treatment-1-mosaic.round-in-slider {
    width: 100%;
  }

  .p-indent {
    margin-left: 35px;
  }

  .h1-hoa {
    font-size: 46px;
  }

  .interest-list-tab-2 {
    z-index: 6001;
    bottom: 270px;
  }

  .h2-hoa {
    text-align: center;
    margin-top: 10px;
    font-size: 25px;
  }

  .h1-builders {
    font-size: 40px;
  }

  .homes-by {
    font-size: 20px;
  }

  .p-your-forever-home {
    font-size: 18px;
    line-height: 1.53em;
  }

  .clouds-place.overview {
    display: block;
    top: 12%;
    left: -16%;
  }

  .overview-wrap {
    flex-direction: row;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .li-overview {
    color: #1a5383;
    font-size: 18px;
  }

  .home-picture {
    width: 79%;
    margin-top: 21px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0%;
    left: 0;
    right: 0%;
    transform: none;
  }

  .big-pic-box-text {
    flex-direction: column;
    width: 100%;
  }

  .overview-button-wrap.is-overview {
    margin-top: 13px;
  }

  .overview-wrap-left {
    margin-left: 70px;
    margin-right: 27px;
  }

  .overview-wrap-righ {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    display: block;
    position: relative;
  }

  .tabcontent {
    padding-left: 0;
  }

  .tab100p {
    padding-top: 19px;
    padding-bottom: 19px;
  }

  .tab100p._2 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .life-a-masterpiece {
    width: 100%;
  }

  .thank-you.caps.white {
    margin-top: 91px;
  }

  .nav-hamburger {
    color: #fff;
    font-size: 45px;
  }

  .menu-button {
    background-color: #5788b100;
  }

  .menu-button.w--open {
    background-color: #5688b100;
  }

  .nav-menu-o {
    z-index: 100002;
    background-color: #5788b1;
    width: 290px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: Ubuntu, Helvetica, sans-serif;
    display: block;
    inset: 97% 0% auto auto;
    box-shadow: 1px 1px 4px #0c273d;
  }

  .welcome-back-block {
    display: none;
  }

  .hoa-slide-txt {
    padding: 13px 20px 18px;
    font-size: 15px;
  }

  .hoa-thumb-frame {
    border-width: 1px;
  }

  .hoa-slider {
    width: 96%;
  }

  .slides {
    width: 50%;
  }

  .mask {
    margin-left: 40px;
    margin-right: 40px;
  }

  .arrow.right {
    margin-right: 8px;
  }

  .arrow.left {
    margin-left: 8px;
  }

  .h2-destinatin {
    margin-bottom: 14px;
  }

  .map-interaction-wrap.dgpark {
    display: none;
    top: 26%;
  }

  .map-interaction-wrap.sportscourts {
    display: none;
    top: 22%;
  }

  .map-interaction-wrap.pool {
    display: none;
    top: 31%;
  }

  .map-interaction-wrap._288, .map-interaction-wrap.clubhouse {
    display: none;
  }

  .map-interaction-wrap.conservatory {
    display: none;
    top: 7%;
  }

  .map-interaction-wrap.trails20, .comm-map-wrap.desktop {
    display: none;
  }

  .comm-map-wrap.mobile {
    display: block;
  }

  .container-full-1500.amenities {
    margin-top: 76px;
  }

  .container-full-1500.amenities.desk {
    display: none;
  }

  .container-full-1500.amenities.mobile {
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
    position: static;
  }

  .map-line {
    top: 45px;
    right: 94px;
  }

  .hoa-logo {
    border-right-style: none;
    margin-bottom: 16px;
    padding-right: 0;
  }

  .builder-join-us {
    width: 80%;
  }

  .h1-center-2.mosaic, .h1-center-2.meet-the-builder {
    font-size: 28px;
  }

  .flex-618.vid-spacer {
    width: 100%;
  }

  .flex-100.meet-builder-page {
    flex-direction: column;
  }

  .flex-100.meet-builder-page.gradient.with-builder-icons {
    padding-bottom: 0;
  }

  .p-thankyou-mosaic {
    width: 80%;
  }

  .slide-info-link-mosaic {
    height: 76px;
    padding-top: 7px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.3em;
  }

  .slide-info-link-mosaic.color {
    background-color: #396183;
    height: 110px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
  }

  .slide-in-info-mosaic {
    background-color: #fff0;
    position: relative;
    inset: auto 0% 0%;
  }

  .slideshow {
    float: none;
  }

  .amenitiesbox {
    display: none;
  }

  .slide-box-overlay {
    inset: 29px 0% auto;
  }

  .tab-pane-black {
    background-color: #3f4244;
  }

  .blue-star-logo {
    border-right-style: none;
    margin-bottom: 16px;
    padding-right: 0;
  }

  .h3-mosaic-life {
    font-size: 30px;
  }

  .interest-list-p-q {
    font-size: 17px;
  }

  .your-forever-home {
    text-align: center;
  }

  .builder-container {
    margin-top: 36px;
  }

  ._55rule-image {
    display: none;
  }

  .h1-55rule {
    text-align: center;
  }

  .pdf-floating-buttons_button {
    width: auto;
  }

  .overview-group {
    border-left-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  .overview-call-out {
    margin-bottom: 11px;
  }

  .overview-call-out.homes {
    border: 2px solid var(--white);
    color: #fff;
    text-align: center;
    background-color: #d1a51ded;
    border-radius: 20px;
    width: 154px;
    padding: 11px 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    transition: opacity .2s;
    display: inline-block;
    position: static;
    transform: none;
  }

  .overview-call-out.homes:hover {
    background-color: #2c5374;
  }

  .overview-call-out.location {
    color: #fff;
    background-color: #d1a51ded;
    border: 2px solid #fff;
    border-radius: 20px;
    width: 154px;
    padding: 11px 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 15px;
    transition: opacity .2s;
    display: inline-block;
    position: static;
    transform: none;
  }

  .overview-call-out.location:hover {
    background-color: #284964;
  }

  .overview-call-out.lifestyle {
    color: #fff;
    background-color: #d1a51ded;
    border: 2px solid #fff;
    border-radius: 20px;
    width: 154px;
    padding: 11px 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 15px;
    transition: opacity .2s;
    display: inline-block;
    position: static;
    transform: none;
  }

  .overview-call-out.lifestyle:hover {
    background-color: #284964;
  }

  .overview-call-out.amenities {
    color: #fff;
    background-color: #d1a51ded;
    border: 2px solid #fff;
    border-radius: 20px;
    width: 154px;
    padding: 11px 24px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 15px;
    transition: opacity .2s;
    display: inline-block;
    position: static;
    transform: none;
  }

  .overview-call-out.amenities:hover {
    background-color: #284964;
  }

  .overlay-video-wrapper {
    width: 71%;
    margin: 35px auto 26px;
    position: static;
    top: 2%;
    left: 0%;
    right: 0%;
  }

  .how-we-got-here_heading {
    font-size: 38px;
  }

  .nav-link-rm {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 21px;
  }

  .nav-link-rm.other-hhh-comm {
    color: #fff;
    background-color: #5788b1;
    margin-top: 6px;
    font-size: 15px;
    display: inline-block;
  }

  .nav-link-rm.other-hhh-comm:hover {
    color: var(--mosaic-yellow);
    letter-spacing: 0;
  }

  .development-update_top-bar-heading {
    font-size: 42px;
  }

  .development-update_wrapper-2 {
    flex-direction: column;
    align-items: center;
  }

  .development-update_p {
    text-align: center;
  }

  .development_container {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .development-update_right-wrapper-2 {
    text-align: center;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .developent-update_left-wrapper-2 {
    width: 100%;
  }

  .development-update_separator-line {
    margin-top: 3.5rem;
    display: none;
  }

  .development-update_button-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .development-update_heading {
    text-align: center;
    font-size: 29px;
  }

  .navigation-custom-breakpoint-hide {
    display: block;
  }

  .amenities_mobile-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #5788b105;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 1rem 3rem;
    display: flex;
  }

  .amenities_mobile-list-text {
    color: var(--a-bkye);
    text-transform: uppercase;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 700;
  }

  .amenities_mobile-list-entry-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding: 10px 27px 10px 11px;
    display: flex;
  }

  .amenities_mobile-list-image {
    height: 50px;
    margin-right: 2px;
  }

  .text-span {
    font-weight: 300;
  }

  .how-we-got-here-heading {
    text-align: center;
    font-size: 29px;
  }

  .hoa-slide-description, .hoa-slide-head {
    font-size: 14px;
  }

  .blog-lifestyle-slide_link {
    border-width: 1px;
  }

  .blog-slider_heading {
    font-size: 1.2rem;
  }

  .blog-lifestyle-slide {
    width: 50%;
  }

  .blog-lifestyle-slider_button {
    margin-top: .5rem;
    padding-top: 3px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-lifestyle-slider_button-text {
    font-size: 14px;
    top: 3px;
  }

  .nav-near-mosaic {
    color: #fff;
    text-transform: uppercase;
    border-bottom: 3px solid #fff;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    font-family: Droid Sans, sans-serif;
    font-weight: 700;
    display: none;
  }

  .nav-near-mosaic_menu {
    float: right;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-near-mosaic_menu.w--open {
    background-color: #423c3e;
  }

  .nav-menu {
    background-color: #ffffffd6;
    flex-direction: column;
    align-items: center;
  }

  .nav-near-mosaic_text {
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .nav-text {
    color: #000;
    margin-left: 0;
    margin-right: 0;
    padding: 6px 10px;
    font-size: 13px;
  }

  .nav-link-blk {
    color: #fff;
    text-align: center;
    border-style: none;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    transition: background-color .2s;
  }

  .nav-link-blk:hover {
    background-color: #de2b32;
  }

  .nav-link-blk.overview.w--current {
    border-color: #d32222;
  }

  .nav-link-blk.overview.near-wescott {
    border-bottom: 3px solid var(--mosaic-yellow);
    background-color: #f2f2f2;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    box-shadow: 0 2px 14px #0003;
  }

  .nav-link-blk.overview.near-wescott.w--current {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--mosaic-yellow);
    border-style: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    text-decoration: none;
  }

  .nav-near-mosaic_hamburger {
    color: #fff;
    font-size: 34px;
  }

  .amenities_nav-wrapper {
    width: 70%;
  }

  .amenities_amenity-image-wrapper {
    border-bottom-left-radius: 20px;
    width: 100%;
    margin-bottom: 22px;
    box-shadow: 0 2px 20px #0003;
  }

  .amenities_amenity_text {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .amenities_amenity-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .amenities_amenity-heading {
    font-size: 28px;
  }

  .amenities_amenity-description {
    font-size: 19px;
  }

  .amenities_amenity {
    width: 100%;
    margin-bottom: 5rem;
  }

  .amenities_wrapepr {
    width: 90%;
  }

  .amenities_gold-angle {
    display: none;
  }

  .amenities_nav-content {
    padding-left: 1rem;
    padding-right: 2rem;
  }

  .amenities-box-image {
    display: none;
  }

  .lightbox-fake-button {
    margin-top: .5rem;
    padding: 7px 16px;
    font-size: 14px;
  }

  .life-at-mosaic_header {
    padding-right: 0;
  }

  .life-at-mosaic_events-and-clubs-columns {
    width: 90%;
  }

  .life-at-mosaic_events-and-clubs-wrapper {
    width: 80%;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .overview_slideshow {
    width: 79%;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    transform: none;
  }

  .custom_arrow-icon {
    width: 40px;
  }

  .paragraph-3 {
    text-align: center;
  }

  .homes-townhomes_nav-wrapper {
    width: 83%;
  }

  .div-block-2 {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-bottom: 1rem;
    display: flex;
  }

  .flex-block {
    width: auto;
  }

  .flex-block-2 {
    flex-direction: column;
  }

  .nabr-logo {
    margin-top: 13px;
  }

  .b-site_builder-logo-overlay {
    border-bottom-left-radius: 20px;
    inset: auto auto 0% 0%;
  }

  .b-site_builder-logo {
    width: 150px;
    padding-top: .5rem;
  }

  .b-site_builder-logo.is-stylecraft, .b-site_builder-logo.is-stylecraft-hhhunt {
    padding: .75rem 2.5rem .75rem 1rem;
  }

  .life-at-mosaic_bottom-slideshow {
    float: none;
    width: 90%;
  }

  .life-at-mosaic_text-right-wrapper {
    width: auto;
  }

  .life-at-mosaic_top-heading {
    margin-bottom: .5rem;
  }

  .lifestyle_slider-image {
    border-radius: 20px;
  }

  .around-mosaic-mobile {
    background-color: var(--a-bkye);
  }

  .around-mosaic {
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Ubuntu, Helvetica, sans-serif;
    display: block;
  }

  .hide-side-arrow {
    display: inline-block;
    position: relative;
    left: 3px;
  }

  .meet-builder-right {
    width: 100%;
  }

  .meet-builder-left {
    width: 100%;
    padding-right: 0;
  }

  .flex-meet-builder-wrap {
    flex-direction: column;
    min-width: auto;
  }

  .nav_x-icon-wrapper {
    opacity: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0% 0% 5%;
  }

  .nav_x-icon {
    width: 45px;
  }

  .builder-icons_wrapper {
    width: 100%;
    min-width: auto;
  }

  .builder-icons_builder {
    background-color: #ffffff4a;
  }

  .buiilder-name-heading {
    font-size: 28px;
  }

  .address {
    font-size: 16px;
  }

  .footer_biz-info {
    line-height: 1.25;
  }

  .footer_biz-info-hhhc {
    margin-bottom: 2px;
    font-size: .9rem;
    line-height: 1.25;
  }

  .footer_secondary-links {
    width: auto;
    display: block;
  }

  .footer_secondary-copyright-wrap {
    width: 25%;
  }

  .footer_secondary-copyright-wrap.is-mobile {
    flex: 0 auto;
    order: -1;
    width: 100%;
    display: block;
  }

  .footer_secondary-copyright-wrap.is-desktop {
    display: none;
  }

  .footer_heading {
    font-size: .9rem;
  }

  .footer_social-link {
    flex: 1;
  }

  .footer_button {
    width: 100%;
    font-size: .8rem;
    line-height: 1.5em;
  }

  .footer_heading-2 {
    font-size: .9rem;
  }

  .footer_heading-2.is-communities-ipad {
    display: none;
  }

  .footer_secondary-copyright {
    font-size: 13px;
  }

  .footer_content {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
  }

  .footer_get-social {
    text-align: center;
    font-size: .9rem;
  }

  .footer_link {
    margin-bottom: .5rem;
    font-size: .9rem;
    line-height: 1.4;
  }

  .footer_link.is-state-short {
    color: #09395a;
    display: inline-block;
  }

  .footer_secondary-link {
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 13px;
  }

  .footer_biz-info-address-phone {
    font-size: .9rem;
  }

  .footer_logo {
    width: 150px;
  }

  .footer_subheading-2 {
    display: none;
  }

  .footer_secondary-wrap-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .broker-checkbox {
    border-color: #000;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }

  p {
    font-size: 19px;
  }

  .container-full-1140 {
    padding-top: 0;
  }

  .slider {
    width: 400px;
  }

  .slider.is-splash {
    width: 250px;
  }

  .h1-indent.k.first {
    margin-bottom: 23px;
    font-size: 47px;
  }

  .h1-indent.designed-you-head {
    margin-top: 7px;
    margin-bottom: 0;
    font-size: 35px;
  }

  .h1-indent.designed-footer {
    font-size: 35px;
  }

  .mr5.interest-list {
    margin-right: 0;
  }

  .sales-center-text {
    line-height: 1.5em;
    display: block;
  }

  .separator.form {
    height: 1px;
  }

  .interest-list-p {
    margin-bottom: 0;
    font-family: Ubuntu, Helvetica, sans-serif;
    line-height: 1.4em;
  }

  .interest-list-foot-header {
    margin-bottom: 7px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2em;
  }

  .rm-brochure-link {
    display: none;
  }

  .p-2.colorblock.white {
    margin-bottom: 18px;
  }

  .block.white.padding.for-colorblocks {
    padding-top: 38px;
  }

  .block.flex3 {
    flex-direction: column;
  }

  .block.mosiac-tag {
    border-top-width: 9px;
    border-bottom-width: 9px;
  }

  .block.padding {
    padding-left: 33px;
    padding-right: 33px;
  }

  .phone-ico {
    margin-right: -1px;
  }

  .sales-center-bottom-info {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 28px;
    bottom: 0;
  }

  .section-interest-list {
    padding-top: 74px;
    padding-bottom: 49px;
  }

  .logo-interest-list {
    margin-bottom: 16px;
  }

  .ml-5.interest-list {
    margin-left: 0;
  }

  .label-broker {
    font-size: 16px;
  }

  .logo-int-list {
    margin-bottom: 8px;
  }

  .button {
    margin-bottom: 17px;
  }

  .button.mt.mosaic {
    margin-left: 16px;
    margin-right: 16px;
  }

  .button.mt.mosaic.homes {
    margin-left: 7px;
    margin-right: 7px;
  }

  .button.mobile-center.mb {
    margin-bottom: 15px;
  }

  .button.directions {
    padding-right: 18px;
  }

  .button.visit-other {
    padding-left: 29px;
    padding-right: 29px;
  }

  .button.amenities-on-map {
    inset: 31% 7% auto auto;
  }

  .button.amenity-more {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
    inset: auto auto 7% 7%;
  }

  .button.lifestyle {
    font-size: 13px;
    line-height: 1.4em;
  }

  .button.location-back {
    top: 24%;
  }

  .button.is-homes-nav-link, .button.no-margin-right-mobile {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-wrap {
    text-align: center;
    background-image: linear-gradient(#ffffff8a, #ffffff8a), url('../images/top-border-with-fade_1top-border-with-fade.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-attachment: scroll, fixed;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-wrap.hide-scroll {
    background-image: linear-gradient(272deg, #1e65a096, #fff0), url('../images/top-border-with-fade_1top-border-with-fade.webp');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-attachment: scroll, fixed;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .logo.nav {
    width: 290px;
    margin-right: -8px;
    position: relative;
    top: -8px;
  }

  .logo.mobile {
    width: 300px;
    position: relative;
    top: -9px;
  }

  .nav-links {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-link {
    color: #fff;
    text-shadow: none;
    font-size: 18px;
  }

  .nav-link.w--current {
    color: var(--mosaic-yellow);
  }

  .nav-vert {
    margin-left: 13px;
    margin-right: 13px;
  }

  .body-mosaic.lt-blue.house {
    background-color: #456c8d;
  }

  .section._55rule {
    margin-top: 57px;
  }

  .section.location-more.adjust {
    background-image: radial-gradient(circle, #fffffff5, #0c3f69a6), url('../images/55-Vespa-Summer-Bright_155+-Vespa-Summer-Bright.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.homes-forever {
    background-image: radial-gradient(circle, #fffffff5, #0c3f69a6);
    background-position: 0 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.overvierw.bg-adjust.overview {
    padding-top: 0;
  }

  .section.schedtour {
    background-image: linear-gradient(#ffffff80, #ffffff80);
    background-position: 0 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .button-2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    line-height: 26px;
    display: block;
  }

  .button-2.brochure.flipbook {
    margin-top: 16px;
  }

  .button-text {
    font-size: 17px;
  }

  .button-icon.vip {
    margin-right: 3px;
  }

  .button-icon.vip.istop {
    margin-bottom: 0;
  }

  .main-wrapper.mod-without-vip {
    padding-top: 32px;
  }

  .section-hoa.head.mosaic {
    text-align: center;
    height: 350px;
  }

  .section-hoa.body.mosaic {
    padding-top: 81px;
  }

  .section-hoa.body.mosaic.hoa, .section-hoa.body.mosaic.life-at-mosaic-hoa {
    padding-top: 95px;
  }

  .mosiac-info-box-flex.shadow.lifestyle {
    box-shadow: none;
    opacity: 1;
  }

  .m-info-box-left {
    width: 29%;
  }

  .m-info-box-right.al {
    padding-left: 0;
  }

  .home-sub {
    z-index: 3;
    position: relative;
  }

  .foot-slogan-mosaic {
    letter-spacing: .4px;
    padding-top: 20px;
    padding-bottom: 14px;
    font-size: 24px;
  }

  .foot-slogan-mosaic.hoa {
    font-size: 26px;
  }

  .how-you-live-underline {
    padding-bottom: 2px;
  }

  .interest-list-tab {
    margin-right: 0;
  }

  .int-list-tab-link, .mosaic-brochure {
    display: none;
  }

  .location-info.mosaic {
    border-style: none;
  }

  .page-inset.subpage.amenities {
    margin-top: 0;
    margin-bottom: 0;
  }

  .location-wescott-logo {
    top: 4%;
  }

  .map-pin-wrap.parks {
    z-index: 3;
    top: 51%;
    bottom: auto;
    right: auto;
  }

  .map-pin-wrap.groceries {
    top: 37%;
    bottom: auto;
  }

  .map-pin-wrap.hospital {
    top: 57%;
    bottom: auto;
  }

  .map-pin-wrap.restaurants {
    top: 20%;
    left: 10%;
  }

  .map {
    border-bottom: 8px solid var(--a-bkye);
    position: relative;
  }

  .map-legend-wrap {
    margin-top: 18px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .comm-map-legend {
    position: absolute;
  }

  .comm-map-legend.clubhouse {
    top: 36%;
    left: 45%;
  }

  .comm-map-legend.conservatory, .comm-map-legend._288 {
    top: 12%;
    left: 49%;
  }

  .comm-map-legend.sports, .comm-map-legend.pool {
    top: 36%;
    left: 45%;
  }

  .map-legend {
    letter-spacing: .1px;
    margin-left: auto;
    margin-right: auto;
  }

  .comm-map-icon {
    display: none;
  }

  .block-flex3child {
    width: 70%;
    margin-bottom: 21px;
    margin-left: auto;
    margin-right: auto;
  }

  .color-box-header.on-light {
    margin-bottom: 7px;
  }

  .h2-as-primary {
    margin-bottom: 24px;
    font-size: 28px;
  }

  .button-ani-2 {
    text-align: center;
  }

  .link-3block {
    margin-left: auto;
    margin-right: auto;
    padding: 48px 37px;
  }

  .designed-wrap-2 {
    margin-top: 0;
    padding-top: 5px;
  }

  .because-head-ani, .because-tag-ani {
    text-align: center;
    margin-top: -5px;
  }

  .tag-line {
    letter-spacing: -.6px;
    font-size: 47px;
  }

  .flex-50 {
    width: 100%;
    margin-bottom: 47px;
  }

  .h2-mosiac {
    font-size: 29px;
  }

  .h2-mosiac.life {
    font-size: 43px;
  }

  .mosaic-flex-wrap {
    flex-direction: column-reverse;
  }

  .mosaic-flex-wrap.rm-location {
    padding-top: 0;
  }

  .logo-builder {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .logo-builder.is-boone {
    padding-top: 49px;
    padding-bottom: 49px;
  }

  .logo-builder.is-schell {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .bldr-logo-wrap-rn {
    margin-left: 12px;
    margin-right: 12px;
  }

  .homes-slide-overlay-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: block;
  }

  .homes-slide-overlay-wrap._2 {
    margin-top: 0;
  }

  .headerlabelwrap {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .headerlabelwrap.shadow.shorter {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .headerlabelwrap.shadow.video, .headerlabelwrap.shadow.meet-the-builder {
    padding-bottom: 17px;
  }

  .h1-header.mosaic {
    font-size: 37px;
  }

  .h1-header.mosaic.bruchure {
    letter-spacing: 1.5px;
    margin-left: 0;
    margin-right: 0;
    font-size: 32px;
  }

  .brochure-form {
    padding-left: 36px;
    padding-right: 36px;
  }

  .form-brohcure {
    width: 100%;
  }

  .h2-brohcure {
    text-align: center;
  }

  .h1 {
    font-size: 58px;
  }

  .h1.indent.not-caps.welcome {
    margin-bottom: 11px;
    font-size: 44px;
  }

  .h1.masterpiece {
    margin-bottom: 18px;
    font-size: 48px;
  }

  .h2.explore {
    color: #1f6096;
    font-size: 27px;
    font-weight: 500;
  }

  .h2.explore.overview {
    display: none;
  }

  .h2.as-described {
    text-align: center;
    font-size: 18px;
  }

  .p.narrow.destination-text {
    padding-right: 11px;
  }

  .p.welcome-intro.treat {
    color: #1a5383;
    font-size: 20px;
  }

  .h1-home {
    z-index: 3;
    font-size: 56px;
  }

  .loc-pin {
    margin-right: 7px;
    display: inline-block;
  }

  .river-mill-loc.mb {
    margin-bottom: 18px;
    padding-right: 0;
  }

  .h1-directons {
    color: var(--mosaic-blue-1);
    margin-bottom: 15px;
    font-size: 27px;
  }

  .directions-block {
    margin-top: 0;
    padding-top: 24px;
  }

  .sales-center-text-2 {
    font-size: 14px;
    display: block;
  }

  .sales-center-text-2.loc {
    color: #002e62;
    font-size: 16px;
    display: inline-block;
  }

  .li-directions {
    font-size: 16px;
  }

  .nav-mosaic-foot {
    text-align: center;
    background-image: linear-gradient(#ffffff8a, #ffffff8a), url('../images/top-border-with-fade_1top-border-with-fade.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-attachment: scroll, fixed;
    padding: 14px 0;
  }

  .nav-link-mosaic-foot {
    color: var(--mosaic-blue-1);
    text-shadow: none;
    margin-left: 19px;
    margin-right: 19px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
  }

  .nav-link-mosaic-foot:hover {
    border-bottom-style: none;
  }

  .nav-link-mosaic-foot.is-community-map {
    display: none;
  }

  .nav-vert-foot {
    margin-left: 16px;
    margin-right: 16px;
    display: none;
  }

  .nav-links-foot {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 53px;
    padding-right: 53px;
  }

  ._55-icon-wrap {
    z-index: 11;
    right: 0%;
  }

  ._55-icon {
    width: 118px;
  }

  .h1-cap.your-forever-home, .h1-cap.sched-tour {
    text-align: center;
    align-self: center;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 32px;
  }

  .hoa-head {
    margin-top: 78px;
  }

  .p-indent {
    margin-bottom: 28px;
  }

  .p-indent.rg {
    margin-left: 37px;
  }

  .h1-hoa {
    text-align: center;
    font-size: 38px;
    line-height: 1.1em;
  }

  .interest-list-tab-2 {
    z-index: 50002;
    display: none;
  }

  .h2-hoa {
    text-align: center;
    text-transform: none;
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.3em;
  }

  .h1-builders {
    font-size: 32px;
    line-height: 36px;
  }

  .homes-by {
    border-bottom-color: var(--mosaic-blue-1);
    font-size: 19px;
  }

  .visit-builder {
    color: #fff;
  }

  .p-your-forever-home {
    text-align: center;
  }

  .clouds-place.homepage, .clouds-place.homes2 {
    top: 8%;
  }

  .overview-wrap {
    margin-top: 21px;
    margin-left: 0;
    margin-right: 0;
  }

  .li-overview {
    color: #1a5383;
    margin-bottom: 12px;
    font-size: 18px;
  }

  .home-picture {
    text-align: center;
    width: 74%;
  }

  .big-pic-box-text {
    flex-direction: column;
  }

  .p-mb-0 {
    display: none;
  }

  .mosiac-info-flex-2.shadow {
    border-style: none;
    border-right-width: 5px;
    border-right-color: var(--mosaic-yellow);
    border-radius: 0;
  }

  .overview-wrap-left {
    margin-left: 55px;
  }

  .overview-wrap-righ {
    display: block;
  }

  .tab100p {
    padding: 19px;
  }

  .tab100p._2 {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
  }

  .tab100p._2.shadow {
    margin-top: 8px;
  }

  .builder-flex.shadow {
    flex-direction: column;
    align-items: center;
  }

  .thank-you.brochured {
    margin-top: 17px;
    font-size: 26px;
  }

  .conatiner-relative {
    background-color: #3d586e;
  }

  .hoa-slide-txt {
    color: #4e4e4e;
    padding-top: 15px;
    font-size: 14px;
  }

  .hoa-thumb-frame {
    border-style: solid;
    border-width: 1px;
    display: block;
    overflow: visible;
  }

  .slides {
    width: 50%;
  }

  .mask {
    margin-left: 34px;
    margin-right: 34px;
  }

  .arrow.right {
    margin-right: 5px;
  }

  .arrow.left {
    margin-left: 5px;
  }

  .forever-home-wrap2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 11px;
    margin-right: 0;
    display: block;
  }

  .h2-destinatin {
    font-size: 32px;
  }

  .map-interaction-wrap, .map-interaction-wrap._288, .comm-map-wrap.desktop {
    display: none;
  }

  .container-full-1500 {
    padding-top: 0;
  }

  .container-full-1500.amenities {
    margin-top: 68px;
  }

  .container-full-1500.amenities.desk {
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .container-full-1500.amenities.mobile {
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
    position: static;
  }

  .hoa-logo {
    border-left-style: none;
    padding-left: 0;
    display: none;
  }

  .h1-center-2.mosaic {
    margin-bottom: 16px;
    font-size: 21px;
    font-weight: 500;
  }

  .h1-center-2.meet-the-builder {
    margin-top: 21px;
    font-size: 21px;
    font-weight: 500;
  }

  .flex-100 {
    flex-direction: column;
  }

  .flex-100.meet-builder-page {
    padding-top: 42px;
  }

  .flex-100.meet-builder-page.gradient {
    background-image: radial-gradient(circle, #fff, #e2deda);
  }

  .mosiac-bottom-right {
    display: none;
  }

  .slide-info-link-mosaic {
    text-align: center;
    height: 126px;
    font-size: 15px;
  }

  .slide-info-link-mosaic.color {
    flex-direction: column;
    justify-content: center;
  }

  .slideshow.life-at-msoaic_top {
    width: 90%;
  }

  .mosaic-brochure-form {
    width: 100%;
  }

  .slide-box-overlay {
    z-index: 101;
    margin-top: 0;
  }

  .artistryvision.desk {
    padding-left: 25px;
    padding-right: 25px;
  }

  .highlights-wrap {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .highlights-link-block._50p {
    width: 100%;
  }

  .tabs-amenities {
    flex-direction: column;
  }

  .coming {
    color: #9fc3e0;
  }

  .h3-mosaic-life {
    font-size: 29px;
  }

  .interest-list-p-q {
    font-family: Ubuntu, Helvetica, sans-serif;
  }

  .foot-contact-ld {
    padding: 25px 39px 11px;
  }

  .int-l-phone {
    margin-bottom: 10px;
    font-family: Ubuntu, Helvetica, sans-serif;
    line-height: 1.4em;
  }

  .your-forever-home {
    text-align: center;
    font-size: 29px;
    line-height: 34px;
  }

  .builder-website-link-video-page {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .h1-55rule {
    font-size: 28px;
  }

  .pdf-desktop-wrapper.hide-mobile {
    display: none;
  }

  .pdf-mobile-wrapper {
    display: block;
  }

  .pdf-floating-buttons_component {
    position: static;
  }

  .overview-group {
    border: 1px #000;
    width: 99%;
    margin-bottom: 0;
  }

  .overview-group:hover {
    border-left-color: #5788b13d;
  }

  .overview-call-out {
    background-color: var(--mosaic-blue-1);
    color: #fff;
    letter-spacing: 1px;
    border-radius: 20px;
    margin-bottom: 12px;
    padding: 6px 8px;
    font-size: 14px;
    position: static;
    top: 111px;
    left: -61px;
    transform: none;
  }

  .overview-call-out.homes, .overview-call-out.location, .overview-call-out.lifestyle, .overview-call-out.amenities {
    margin-bottom: 12px;
    top: 54px;
  }

  .list-overview {
    padding-right: 13px;
  }

  .overlay-video-wrapper {
    width: 100%;
    margin-top: 23px;
    margin-left: auto;
    margin-right: auto;
  }

  .how-we-got-here_link {
    font-size: 17px;
  }

  .how-we-got-here_heading {
    font-size: 29px;
  }

  .nav-link-rm {
    font-size: 18px;
    line-height: 1em;
  }

  .nav-link-rm.w--current {
    background-color: #027470;
  }

  .nav-link-rm.other-hhh-comm {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .development-update_top-bar-heading {
    text-align: center;
    padding-top: 2rem;
    font-size: 34px;
  }

  .development-update_wrapper-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .development-update_wrapper-wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .development-update_right-wrapper-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .how-we-got-here_wrapper {
    padding-top: .4rem;
  }

  .development-update_separator-line {
    margin-top: 2.2rem;
    margin-bottom: .1rem;
  }

  .how-we-got-here_year-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .development-update_button-wrapper {
    flex-direction: column;
  }

  .development-update_heading {
    font-size: 26px;
  }

  .col-center {
    text-align: center;
  }

  ._55-icon-wrap-homes {
    z-index: 11;
    right: 0%;
  }

  .p-sched-tour {
    color: #dbe2e7;
    margin-bottom: 27px;
    font-size: 19px;
  }

  .amenities_mobile-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .amenities_mobile-list-entry-wrapper {
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .how-we-got-here-heading {
    font-size: 27px;
  }

  .interest-list-behind-nav {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
  }

  .interest-list-behind-nav_text, .hoa-slide-description, .hoa-slide-head {
    font-size: 14px;
  }

  .blog-lifestyle-slide_link {
    border-width: 1px;
    display: block;
    overflow: visible;
  }

  .blog-slider_heading {
    position: static;
    inset: auto 0% 19%;
  }

  .blog-lifestyle-slide {
    width: 100%;
  }

  .blog-lifestyle-slider_button-text {
    font-size: 14px;
  }

  .nav-near-mosaic {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .nav-near-mosaic_menu, .nav-near-mosaic_menu.w--open {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-near-mosaic_text {
    height: 36px;
  }

  .nav-text {
    margin-left: 4px;
    margin-right: 4px;
    padding: 7px 5px;
  }

  .nav-link-blk.overview.near-wescott {
    width: 50%;
  }

  .nav-near-mosaic_hamburger {
    font-size: 35px;
  }

  .amenities_nav-wrapper {
    width: 80%;
  }

  .amenities_amenity {
    margin-bottom: 4rem;
  }

  .amenities_wrapepr, .amenities_nav-link-column {
    width: 100%;
  }

  .lightbox-fake-button {
    margin-bottom: 10px;
  }

  .amenities_nav-links {
    flex-direction: column;
    align-items: center;
  }

  .sitemap_wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .life-at-mosaic_paragraph, .life-at-mosaic_paragraph.smaller {
    font-size: 1rem;
  }

  .life-at-mosaic_paragraph._90 {
    font-size: 1.1rem;
  }

  .life-at-mosaic_events-and-clubs-wrapper {
    width: 90%;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .custom-slider-arrow {
    width: 40px;
    position: relative;
  }

  .custom_right-arrow {
    right: -35px;
  }

  .custom_right-arrow.life-at-mosaic {
    right: -40px;
  }

  .custom_left-arrow {
    left: -35px;
  }

  .custom_left-arrow.life-at-mosaic {
    left: -40px;
  }

  .overview_slideshow {
    width: 85%;
    margin-top: .6rem;
  }

  .custom_arrow-icon {
    width: 35px;
  }

  .homes-townhomes_nav-content {
    text-align: center;
  }

  .homes-townhomes_nav-wrapper, .flex-block {
    width: 80%;
  }

  .flex-block-2 {
    width: auto;
  }

  .hide-mobile {
    display: none;
  }

  .life-at-mosaic_bottom-slideshow {
    width: 90%;
  }

  .life-at-mosaic_text-right-wrapper {
    width: 80%;
  }

  .life-at-mosaic_top-heading {
    font-size: 1.9rem;
    line-height: 1.2em;
  }

  .how-we-got-here-date {
    cursor: default;
  }

  .meet-builder-right {
    padding-right: 15px;
  }

  .checkbox_label_old {
    padding-top: .4rem;
    font-size: .75rem;
  }

  .quick-stack-4 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding: 1rem;
  }

  .builder-icons_title {
    font-size: 1.25rem;
  }

  .checkbox_field {
    height: 2.25rem;
  }

  .fs_checkbox-1_group {
    grid-auto-flow: row;
  }

  .address {
    line-height: 1.5em;
    display: block;
  }

  .footer_biz-info {
    text-align: center;
  }

  .footer_biz-info-hhhc {
    text-align: center;
    font-size: 1.05rem;
    display: inline-block;
  }

  .footer_secondary-links {
    width: auto;
  }

  .footer_secondary-copyright-wrap {
    width: 50%;
  }

  .footer_heading {
    text-align: center;
    letter-spacing: .05rem;
    border-top: 1px solid silver;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    padding-top: .75rem;
    font-size: 1.05rem;
    display: block;
  }

  .footer_heading.is-communities-desk {
    line-height: 1.5;
  }

  .footer_social-links {
    justify-content: center;
  }

  .footer_social-link {
    flex: none;
  }

  .footer_button {
    width: 90%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9px;
    padding-bottom: 9px;
    display: block;
  }

  .footer_heading-2 {
    text-align: center;
    letter-spacing: .07rem;
    border-top: 1px solid silver;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    padding-top: .75rem;
    font-size: 1.1rem;
    display: block;
  }

  .footer_heading-2.is-communities-ipad {
    display: none;
  }

  .footer_seperator {
    width: 95%;
    display: none;
  }

  .footer_seperator.hide-mobile, .footer_seperator.col-1 {
    display: none;
  }

  .footer_secondary-copyright {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .footer_social-wrapper {
    margin-top: 34px;
    margin-bottom: 24px;
    margin-left: 0;
  }

  .footer_links {
    text-align: center;
    margin-bottom: 0;
  }

  .footer_get-social {
    margin-bottom: 7px;
    font-size: 1rem;
  }

  .footer_link {
    font-size: 1rem;
  }

  .footer_link.is-state-short {
    display: none;
  }

  .footer_link.inline {
    color: #000;
    letter-spacing: .15rem;
    font-size: .85rem;
  }

  .footer_link.inline.rva {
    color: #67553c;
    letter-spacing: .1rem;
    font-size: .9rem;
  }

  .footer_biz-info-address-phone {
    font-size: 1rem;
    line-height: 1.5;
  }

  .footer_component {
    padding-top: 21px;
  }

  .footer_logo {
    width: 206px;
    margin-bottom: 15px;
  }

  .footer_subheading-2 {
    text-transform: uppercase;
    margin-top: 0;
    display: block;
  }

  .footer_video-wrap {
    margin-bottom: 20px;
  }

  .footer_block {
    text-align: center;
    margin-left: 0;
  }

  .footer_block.indent {
    border-left-style: none;
    padding-left: 0;
  }

  .footer_secondary-wrap-2 {
    text-align: center;
    border-top: 1px solid #cfab7a;
    flex-flow: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .sold-out-banner {
    font-size: 1rem;
  }

  .broker-checkbox_group {
    grid-auto-flow: row;
  }
}

@media screen and (max-width: 479px) {
  p {
    color: #0a3c66;
    font-size: 18px;
  }

  .slider {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
  }

  .h1-indent.k.first {
    margin-left: 0;
    font-size: 39px;
    left: 0;
  }

  .h1-indent.designed-you-head {
    margin-top: 0;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 19px;
  }

  .h1-indent.designed-footer {
    font-size: 19px;
  }

  .a-masterpiece {
    text-align: center;
    padding-top: 45px;
    padding-left: 19px;
    padding-right: 19px;
  }

  .p90.center {
    font-size: 19px;
  }

  .sales-center-text {
    margin-left: 12px;
    margin-right: 12px;
    font-size: 15px;
  }

  .interest-list-foot-wrapper.shadow {
    padding-left: 9px;
    padding-right: 9px;
  }

  .interest-list-foot-header {
    margin-bottom: 17px;
    font-size: 20px;
    font-weight: 500;
  }

  .checkbox-broker {
    margin-bottom: 10px;
    margin-left: 1px;
    margin-right: 1px;
  }

  .p-2.white {
    font-size: 16px;
  }

  .p-2.colorblocks {
    text-align: center;
    font-size: 16.5px;
  }

  .p-2.colorblock {
    text-align: center;
    font-size: 16.3px;
  }

  .p-2.colorblock.white {
    font-size: 16px;
  }

  .block.white.padding.for-colorblocks {
    padding-top: 39px;
  }

  .block.white.padding.for-colorblocks.location {
    padding-top: 30px;
  }

  .block.designed-with-you-in-mind.foot {
    padding-top: 0;
    padding-bottom: 0;
  }

  .block.mosiac-tag {
    border-top-width: 7px;
    border-bottom-style: solid;
    border-bottom-width: 7px;
    padding: 50px 5px 46px;
  }

  .block.padding {
    padding: 24px 11px 8px;
  }

  .phone-ico {
    margin-left: 1px;
  }

  .sales-center-bottom-info {
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    bottom: 0;
  }

  .section-interest-list {
    padding-bottom: 29px;
  }

  .rm-phone {
    margin-top: 12px;
    margin-bottom: 5px;
    font-weight: 700;
  }

  .logo-interest-list {
    width: 85%;
  }

  .logo-int-list {
    filter: saturate(142%);
    width: 93%;
    margin-top: 0;
    margin-bottom: 4px;
  }

  .button {
    text-align: center;
    margin-bottom: 21px;
    margin-left: 18px;
  }

  .button.interest-list {
    font-size: 17px;
  }

  .button.mt.home {
    margin-bottom: 6px;
  }

  .button.mt.mosaic {
    margin-bottom: 8px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .button.mobile-center {
    margin-right: 0;
  }

  .button.mobile-center.mb {
    margin-bottom: 17px;
  }

  .button.directions {
    align-self: center;
  }

  .button.directions.mr._2 {
    margin-bottom: 11px;
  }

  .button.visit-other {
    margin-bottom: 36px;
    margin-left: 31px;
    margin-right: 31px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 15px;
    line-height: 1em;
  }

  .button.visit-other._2 {
    margin-bottom: 22px;
  }

  .button.amenities-on-map {
    inset: 41% 4% auto auto;
  }

  .button.amenity-more {
    display: none;
    bottom: 20%;
  }

  .button.hoa-login {
    margin-bottom: 21px;
  }

  .button.mr0 {
    margin-right: 0;
  }

  .button.lifestyle {
    border-radius: 31px;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .button.location-back {
    align-self: center;
    top: 26%;
  }

  .button.is-lifestyle {
    margin-left: 0;
    margin-right: 0;
    padding-top: 8px;
    display: block;
  }

  .button.no-margin-right-mobile {
    margin-bottom: 9px;
  }

  .nav-wrap {
    padding-bottom: 17px;
  }

  .nav-wrap.hide-scroll {
    background-image: linear-gradient(272deg, #1e65a096, #fff0), url('../images/top-border-with-fade_1top-border-with-fade.webp');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-attachment: scroll, fixed;
    padding-right: 0;
  }

  .logo.nav {
    width: 186px;
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 0;
    display: none;
    position: relative;
    top: 1px;
  }

  .logo.mobile {
    width: 216px;
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    position: relative;
    top: 6px;
  }

  .nav-links {
    margin-top: 18px;
  }

  .nav-link-block {
    float: none;
    text-decoration: none;
    display: block;
  }

  .nav-link {
    margin-bottom: 5px;
    font-size: 18px;
    display: block;
  }

  .nav-vert {
    float: none;
    display: none;
  }

  .section.bg-another {
    background-image: radial-gradient(circle, #ffffff59, #fff);
    background-position: 0 0;
  }

  .section._55rule {
    margin-top: 58px;
  }

  .section.location-more.adjust {
    background-image: radial-gradient(circle, #ffffffd9 29%, #0c3f69a6), url('../images/55-Vespa-Summer-Bright_155+-Vespa-Summer-Bright.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .button-2 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 21px;
    display: block;
  }

  .button-text {
    margin-bottom: 4px;
    margin-right: 0;
    font-size: 16px;
  }

  .button-icon {
    width: 29px;
    margin-left: 5px;
    margin-right: 0;
  }

  .button-icon.hidemobile {
    display: none;
  }

  .radio-button-label, .radio-button-label.inline {
    font-weight: 500;
  }

  .main-wrapper.mod-without-vip {
    padding-top: 14px;
  }

  .home-splash-logo-ani {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-hoa.head.mosaic {
    text-align: center;
    padding-left: 14px;
    padding-right: 14px;
  }

  .section-hoa.body.mosaic {
    padding-top: 76px;
    padding-bottom: 0;
  }

  .mosiac-info-box-flex.shadow.lifestyle {
    background-color: #5788b178;
    padding: 0 44px;
  }

  .m-info-box-left {
    width: 46%;
    margin-bottom: 9px;
    margin-right: 0;
  }

  .m-info-box-right {
    align-items: stretch;
    width: 90%;
  }

  .m-info-box-right.al {
    padding-left: 0;
  }

  .home-sub {
    margin-left: 13px;
    margin-right: 13px;
    font-size: 16px;
  }

  .home-flex-buttons {
    flex-direction: column;
  }

  .home-flex-buttons.explore {
    top: 40%;
  }

  .foot-slogan-mosaic {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 17px;
  }

  .foot-slogan-mosaic.hoa {
    padding-top: 0;
    font-size: 15px;
  }

  .how-you-live-underline {
    padding-bottom: 0;
  }

  .r-2 {
    font-size: 11px;
    bottom: 9px;
  }

  .location-info {
    padding-left: 22px;
    padding-right: 22px;
  }

  .location-info.mosaic {
    padding-top: 17px;
  }

  .page-inset.subpage.amenities {
    padding-bottom: 0;
  }

  .location-wescott-logo {
    display: block;
  }

  .map-pin-wrap {
    display: none;
  }

  .map-pin-wrap.parks {
    display: block;
    top: 59%;
  }

  .map-pin-wrap.groceries {
    display: block;
    top: 38%;
    left: 55%;
  }

  .map-pin-wrap.hospital {
    display: block;
    top: 64%;
    left: 50%;
  }

  .map-pin-wrap.restaurants {
    display: block;
    top: 31%;
    left: 7%;
  }

  .h1-location-head {
    font-size: 35px;
  }

  .map-pin-img {
    width: 40px;
  }

  .logo-location {
    width: 113px;
    display: block;
  }

  .comm-map-legend {
    width: 100px;
  }

  .comm-map-legend.clubhouse {
    top: 18%;
    left: 45%;
  }

  .comm-map-legend.conservatory, .comm-map-legend._288 {
    top: 11%;
    left: 40%;
  }

  .comm-map-legend.sports, .comm-map-legend.pool {
    top: 18%;
    left: 45%;
  }

  .comm-map-icon {
    width: 52px;
  }

  .button-3.location-mobile {
    text-transform: none;
    width: 140px;
    margin: 2px;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
  }

  .location-mobile {
    margin-bottom: 34px;
    display: block;
  }

  .h2-expore-mobile {
    margin-top: -1px;
  }

  .map-mobile {
    margin-bottom: 18px;
  }

  .block-flex3child {
    width: 100%;
    margin-bottom: 0;
  }

  .button-ani-label-2 {
    font-size: 13px;
  }

  .color-box-header {
    font-size: 19px;
  }

  .color-box-header.on-light {
    margin-bottom: 10px;
  }

  .h2-as-primary {
    text-align: center;
    margin-bottom: 0;
    font-size: 25px;
    display: block;
  }

  .h2-as-primary.discover-location-page {
    display: none;
  }

  .button-ani-2 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-3block {
    margin-bottom: 0;
    padding-left: 18px;
    padding-right: 18px;
  }

  .designed-wrap-2 {
    padding-top: 0;
  }

  .because-head-ani, .because-tag-ani {
    margin-top: -7px;
    font-size: 15px;
  }

  .tag-line {
    font-size: 37px;
    line-height: 28px;
  }

  .flex-50 {
    margin-bottom: 39px;
  }

  .h2-mosiac {
    font-size: 27px;
  }

  .h2-mosiac.life {
    text-align: center;
    margin-bottom: 6px;
    font-size: 29px;
  }

  .mosaic-flex-wrap.rm-location.m10p {
    margin-left: 0%;
    margin-right: 0%;
  }

  .homes-slide-overlay-wrap {
    margin-top: 35px;
  }

  .homes-slide-overlay-wrap._2 {
    padding-top: 0;
    padding-bottom: 18px;
  }

  .headerlabelwrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 23px;
    display: block;
  }

  .headerlabelwrap.shadow.shorter {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .headerlabelwrap.shadow.video, .headerlabelwrap.shadow.meet-the-builder {
    padding-top: 13px;
    padding-bottom: 11px;
  }

  .h1-header.mosaic {
    font-size: 31px;
  }

  .h1-header.mosaic.bruchure {
    margin-left: 1px;
    margin-right: 1px;
    font-size: 25px;
    line-height: 1.1em;
  }

  .brochure-form {
    padding-left: 13px;
    padding-right: 13px;
  }

  .h2-brohcure {
    margin-top: 0;
  }

  .h1.indent.not-caps.welcome {
    text-align: center;
    margin-top: 33px;
    margin-bottom: 15px;
    margin-left: 0;
    font-size: 40px;
    line-height: 1;
  }

  .h1.masterpiece {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 34px;
  }

  .h1.center {
    font-size: 26px;
  }

  .h2.explore {
    color: #1f6096;
    text-align: center;
    margin-bottom: 17px;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.1;
  }

  .h2.as-described {
    font-size: 20px;
  }

  .p.narrow.destination-text {
    text-align: left;
    width: 100%;
    padding-right: 0;
    font-size: 18px;
  }

  .p.welcome-intro.treat {
    color: #174e7c;
    text-align: center;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 19px;
    line-height: 1.5em;
  }

  .h1-home {
    text-align: center;
    margin-bottom: 11px;
    font-size: 42px;
  }

  .h1-home._2 {
    margin-left: 22px;
    margin-right: 22px;
    font-size: 28px;
  }

  .h1-directons {
    text-align: left;
    margin-bottom: 13px;
    font-size: 23px;
  }

  .directions-block {
    padding-top: 17px;
    padding-left: 13px;
    padding-right: 13px;
  }

  .sales-center-text-2 {
    margin-bottom: 4px;
  }

  .nav-mosaic-foot {
    padding-top: 0;
    padding-bottom: 11px;
  }

  .nav-link-mosaic-foot {
    border-bottom: 1px #82a7c7;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 16px;
    display: block;
  }

  .nav-link-mosaic-foot:hover {
    border-bottom-width: 1px;
    padding-bottom: 3px;
  }

  .nav-link-block-foot {
    float: none;
    text-decoration: none;
    display: block;
  }

  .nav-vert-foot {
    float: none;
    display: none;
  }

  .nav-links-foot {
    margin-top: 18px;
  }

  ._55-icon-wrap {
    top: -3%;
  }

  ._55-icon {
    width: 98px;
  }

  .h1-cap.your-forever-home, .h1-cap.sched-tour {
    margin-top: 16px;
    font-size: 22px;
  }

  .p-indent {
    margin-left: 25px;
  }

  .p-indent.rg {
    border-left-style: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .h1-hoa {
    margin-bottom: 10px;
    font-size: 35px;
  }

  .interest-list-tab-2 {
    z-index: 10002;
  }

  .rm-sub-shared-head {
    display: none;
  }

  .h2-hoa {
    text-align: center;
    margin-bottom: 0;
    font-size: 19px;
  }

  .h1-builders {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 31px;
  }

  .homes-by-wrap {
    display: block;
  }

  .homes-by {
    font-size: 15px;
  }

  .p-your-forever-home {
    padding-left: 14px;
    padding-right: 14px;
  }

  .li-overview {
    color: #174e7c;
    text-align: left;
    margin-bottom: 11px;
    font-size: 17.5px;
    line-height: 1.3em;
  }

  .mosiac-info-flex-2.shadow {
    border-right: 5px solid var(--mosaic-yellow);
    flex-direction: column;
    align-items: center;
    padding-left: 23px;
    padding-right: 23px;
  }

  .overview-button-wrap {
    text-align: center;
  }

  .overview-wrap-left {
    margin-left: 19px;
    margin-right: 19px;
  }

  .tabcontent {
    margin-top: 1px;
  }

  .tab100p {
    padding: 10px 14px;
    font-size: 13px;
  }

  .tab100p._2 {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
  }

  .welcome-bullets {
    text-align: center;
  }

  .link-mosaic-p-default {
    color: #23659c;
  }

  .spoiled {
    margin-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    line-height: 1.2em;
  }

  .life-a-masterpiece {
    text-align: center;
  }

  .builder-flex.shadow {
    border-left-style: solid;
    padding-left: 0;
    padding-right: 0;
  }

  .builder-flex.shadow._2 {
    border: 3px solid var(--mosaic-blue-1);
    padding-top: 18px;
  }

  .xhomes-by-text {
    font-size: 13px;
  }

  .thank-you.caps.white {
    margin-top: 69px;
    font-size: 28px;
  }

  .thank-you.brochured {
    margin-top: 8px;
    font-size: 21px;
  }

  .nav-hamburger {
    position: relative;
    top: -7px;
  }

  .hoa-slide-txt {
    padding: 11px 15px 14px;
  }

  .hoa-thumb-frame {
    margin-bottom: 7px;
  }

  .hoa-slider {
    height: auto;
    margin-top: 10px;
    margin-bottom: 8px;
  }

  .hoa-fakup {
    padding-top: 32px;
  }

  .slides {
    width: 100%;
  }

  .mask {
    margin-left: 29px;
    margin-right: 29px;
  }

  .arrow {
    font-size: 32px;
  }

  .inspired-by-you {
    font-size: 15px;
  }

  .h2-inspired {
    margin-top: 0;
    font-size: 22px;
    font-style: normal;
  }

  .forever-home-wrap2 {
    margin-top: 35px;
    display: none;
  }

  .h2-destinatin {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .builder-join-us {
    width: 89%;
  }

  .div-separator {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .h1-center-2.mosaic, .h1-center-2.meet-the-builder {
    font-size: 19px;
    line-height: 1.23em;
  }

  .flex-618.vid-spacer {
    margin-bottom: 0;
  }

  .flex-100.meet-builder-page {
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-info-link-mosaic {
    text-align: center;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 13px;
  }

  .slide-info-link-mosaic.color {
    flex-direction: column;
    align-items: center;
    height: 120px;
    display: flex;
  }

  .slide-in-info-mosaic {
    position: relative;
    inset: auto 0% 0%;
  }

  .slideshow.life-at-msoaic_top {
    width: 85%;
  }

  .slide-box-overlay {
    top: 42px;
  }

  .artistryvision {
    font-size: 15px;
  }

  .artistryvision.mobile {
    display: block;
  }

  .artistryvision.desk {
    display: none;
  }

  .slider-amen {
    margin-left: auto;
    margin-right: auto;
  }

  .tabs-amenities {
    flex-direction: column;
    display: flex;
  }

  .left-arrow-2 {
    bottom: 39px;
  }

  .right-arrow-2 {
    top: -39px;
  }

  .h3-mosaic-life {
    font-size: 26px;
  }

  .interest-list-p-q {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .foot-contact-ld {
    border-radius: 10px;
    padding: 22px 18px 9px;
  }

  .int-l-phone {
    margin-bottom: 14px;
    font-size: 15px;
  }

  .overview-call-out {
    background-color: var(--a-bkye);
    padding-top: 10px;
    padding-bottom: 10px;
    top: 164px;
  }

  .overview-call-out.homes, .overview-call-out.location, .overview-call-out.lifestyle, .overview-call-out.amenities {
    padding-top: 11px;
    display: inline-block;
    top: 82px;
  }

  .list-overview {
    padding-left: 26px;
    padding-right: 10px;
  }

  .how-we-got-here_link {
    font-size: 14px;
  }

  .how-we-got-here_heading {
    font-size: 22px;
  }

  .development-update_top-bar-heading {
    font-size: 24px;
  }

  .development_container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .how-we-got-here_wrapper {
    padding-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .developent-update_left-wrapper-2 {
    margin-bottom: -25px;
  }

  .how-we-got-here_year-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .development-update_button-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
  }

  .development-update_heading {
    font-size: 25px;
  }

  ._55-icon-wrap-homes {
    top: -3%;
  }

  .p-sched-tour {
    font-size: 18px;
  }

  .amenities_mobile-list {
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .meet-the-builder-name {
    font-size: 30px;
  }

  .how-we-got-here-heading {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 700;
  }

  .hoa-slide-description {
    font-size: 12px;
    display: none;
  }

  .blog-slider-section {
    padding-top: 0;
  }

  .hoa-slide-head {
    padding-left: 35px;
    padding-right: 35px;
  }

  .blog-slider {
    height: auto;
  }

  .blog-slider_heading {
    padding-left: 14px;
    padding-right: 14px;
    position: static;
  }

  .blog-lifestyle_slider-bottom {
    height: 100%;
  }

  .blog-lifestyle-slide {
    width: 100%;
  }

  .section-masterpiece.bg-another, .section-foreverhome.bg-another {
    background-image: radial-gradient(circle, #ffffff59, #fff);
    background-position: 0 0;
  }

  .blog-lifestyle-slider_button {
    text-align: center;
    margin-top: .25rem;
    margin-bottom: 7px;
  }

  .blog-lifestyle-slider_button-text {
    margin-bottom: 4px;
    margin-right: 0;
    font-size: 16px;
  }

  .nav-near-mosaic {
    padding-left: 0;
  }

  .nav-near-mosaic_menu.w--open {
    padding-right: 0;
  }

  .nav-near-mosaic_text {
    font-size: 13px;
  }

  .nav-text {
    padding: 5px 9px;
    font-size: 13px;
  }

  .nav-link-blk {
    width: 100%;
    font-size: 14px;
  }

  .nav-link-blk.w--current, .nav-link-blk.overview.w--current {
    border-color: #de2b32;
  }

  .nav-link-blk.overview.near-wescott {
    width: 50%;
    box-shadow: none;
    background-color: #231f2000;
  }

  .section-amenities {
    padding-top: .7rem;
  }

  .amenities_nav-wrapper {
    width: 90%;
  }

  .amenities_amenity-heading {
    color: var(--a-bkye);
    font-size: 27px;
    line-height: 31px;
  }

  .amenities_amenity-description {
    margin-top: .5rem;
    font-size: 18px;
  }

  .amenities_wrapepr {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .amenities_nav-link-column {
    margin-left: .75rem;
    margin-right: .5rem;
  }

  .amenities_nav-content {
    padding-right: 1rem;
  }

  .lightbox-fake-button {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
  }

  .life-at-mosaic_events-slider-section-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .life-at-mosaic_events-and-clubs-columns {
    width: 100%;
  }

  .life-at-mosaic_events-and-clubs-wrapper {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .custom-slider-arrow {
    width: 35px;
  }

  .overview_slideshow {
    width: 90%;
  }

  .custom_arrow-icon {
    width: 30px;
  }

  .homes-townhomes_nav-content {
    text-align: center;
    align-items: center;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .homes-townhomes_nav-wrapper {
    width: 90%;
  }

  .flex-block {
    width: 100%;
  }

  .quick-stack-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .homes-townhomes_home-type-heading {
    margin-bottom: 1rem;
    font-size: 24px;
  }

  .b-site_builder-logo {
    width: 125px;
    padding-left: .5rem;
    padding-right: 1.5rem;
  }

  .b-site_builder-logo.is-stylecraft, .b-site_builder-logo.is-stylecraft-hhhunt {
    padding-top: 1rem;
    padding-right: 2rem;
  }

  .section-life-at-mosaic {
    padding-top: 0;
  }

  .life-at-mosaic_text-right-wrapper {
    width: 100%;
  }

  .life-at-mosaic_top-heading {
    margin-bottom: 1rem;
    font-size: 1.9rem;
    line-height: 1.15em;
  }

  .lifestyle_button-wrapper {
    width: 80%;
  }

  .logo_m.is-life-at {
    margin-top: 17px;
  }

  .how-we-got-here-date {
    margin-bottom: 13px;
  }

  .how-we-got-here-list {
    padding-left: 20px;
  }

  .meet-builder-right {
    padding-right: 14px;
  }

  .nav_x-icon-wrapper {
    bottom: 20%;
  }

  .checkbox_label_old {
    font-size: .75rem;
  }

  .buiilder-name-heading {
    color: var(--a-bkye);
    margin-bottom: 7px;
    font-size: 27px;
    line-height: 31px;
    display: block;
  }

  .address {
    margin-left: 12px;
    margin-right: 12px;
    font-size: 16px;
  }

  .footer_biz-info-hhhc {
    margin-top: 18px;
    padding-bottom: 6px;
    font-size: 17px;
  }

  .footer_secondary-copyright-wrap {
    width: 100%;
  }

  .footer_secondary-copyright-wrap.is-mobile {
    padding-top: 7px;
  }

  .footer_heading {
    margin-top: 18px;
    padding-bottom: 8px;
    font-size: 17px;
  }

  .footer_social-links {
    justify-content: center;
  }

  .footer_social-link {
    margin-left: 0;
    margin-right: 0;
  }

  .footer_button {
    margin-top: 17px;
    margin-bottom: 0;
    font-size: 14px;
    display: inline-block;
  }

  .footer_heading-2 {
    margin-top: 18px;
    padding-bottom: 8px;
    font-size: 17px;
  }

  .footer_seperator {
    background-color: #cfc8a6;
    width: 100%;
    display: none;
  }

  .footer_secondary-copyright {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .footer_social-wrapper {
    text-align: center;
    margin-top: 28px;
    margin-bottom: 13px;
  }

  .footer_links {
    text-align: center;
    margin-bottom: 3px;
  }

  .footer_link {
    margin-bottom: 14px;
    font-size: 15px;
  }

  .footer_biz-info-address-phone:hover {
    color: #39628b;
  }

  .footer_logo {
    margin-bottom: -1px;
  }

  .footer_subheading-2 {
    margin-bottom: 4px;
  }

  .footer_block {
    margin-left: 0;
  }

  .footer_secondary-wrap-2 {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .mosaic-is-sold-out.is-homes-page {
    line-height: 26px;
  }
}

#w-node-_1ef1b6e2-1c9f-0830-313c-ff8e45d34cde-45d34cdd {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1ef1b6e2-1c9f-0830-313c-ff8e45d34cdf-45d34cdd {
  grid-column: span 2 / span 2;
}

#w-node-_9677a091-1ca5-c256-c3fb-51768616778d-ab06884e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9677a091-1ca5-c256-c3fb-51768616778e-ab06884e, #w-node-_9677a091-1ca5-c256-c3fb-51768616778f-ab06884e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4fb44cb7-0954-55e4-58b8-922269ac1eb2-ab06884f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_4fb44cb7-0954-55e4-58b8-922269ac1eb3-ab06884f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_83701d5d-827e-99f8-daa1-3965567714bc-ab06884f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_83701d5d-827e-99f8-daa1-3965567714bd-ab06884f, #w-node-c7022ab3-4057-08ba-ab5a-838f11a4d7f0-ab06884f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9677a091-1ca5-c256-c3fb-51768616778d-ab06884f {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9677a091-1ca5-c256-c3fb-51768616778e-ab06884f, #w-node-_9677a091-1ca5-c256-c3fb-51768616778f-ab06884f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2712df45-f1a2-6199-81f3-46d93cc59fc3-ab068872 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_2712df45-f1a2-6199-81f3-46d93cc59fc4-ab068872 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_1ef1b6e2-1c9f-0830-313c-ff8e45d34cde-45d34cdd {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  #w-node-_9677a091-1ca5-c256-c3fb-51768616778d-ab06884e {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9677a091-1ca5-c256-c3fb-51768616778e-ab06884e, #w-node-_9677a091-1ca5-c256-c3fb-51768616778f-ab06884e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9677a091-1ca5-c256-c3fb-51768616778d-ab06884f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_9677a091-1ca5-c256-c3fb-51768616778e-ab06884f, #w-node-_9677a091-1ca5-c256-c3fb-51768616778f-ab06884f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1ef1b6e2-1c9f-0830-313c-ff8e45d34cde-45d34cdd {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_1ef1b6e2-1c9f-0830-313c-ff8e45d34cdf-45d34cdd {
    grid-column: span 2 / span 2;
  }

  #w-node-_4fb44cb7-0954-55e4-58b8-922269ac1eb2-ab06884f {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_4fb44cb7-0954-55e4-58b8-922269ac1eb3-ab06884f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_83701d5d-827e-99f8-daa1-3965567714bc-ab06884f {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_83701d5d-827e-99f8-daa1-3965567714bd-ab06884f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1ef1b6e2-1c9f-0830-313c-ff8e45d34cde-45d34cdd {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_1ef1b6e2-1c9f-0830-313c-ff8e45d34cdf-45d34cdd {
    grid-column: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Sortsmillgoudy';
  src: url('../fonts/SortsMillGoudy-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Didactgothic';
  src: url('../fonts/DidactGothic-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}