/*This contains the variables, functions and mixins of the v2 style that can be used on the block and page css.*/
/*$input-height-inner: add($btn-line-height * 1, $input-btn-padding-y * 2);
$input-height-inner-half: add($btn-line-height * .5, $input-btn-padding-y);
$input-height-inner-quarter: add($btn-line-height * .25, $input-btn-padding-y * .5);

$input-height: add($btn-line-height * 1, add($input-btn-padding-y * 2, 1, false));
$input-height-sm: add($btn-line-height * 1, add($input-btn-padding-y-sm * 2, 1, false));
$input-height-lg: add($btn-line-height * 1, add($input-btn-padding-y-lg * 2, 1, false));*/
.is-kiosk .residence__gallery .lightSlider li img, .is-kiosk .residence-gallery-plan-page .lightSlider li img {
  height: 1024px;
  object-fit: cover; }

@media (max-width: 991.98px) {
  .is-kiosk .residence__gallery .lSSlideOuter .lSPager.lSGallery, .is-kiosk .residence-gallery-plan-page .lSSlideOuter .lSPager.lSGallery {
    display: block !important; } }

.is-kiosk .lg-close.lg-icon, .is-kiosk .lg-download {
  display: none; }

.wrapper--floorplans {
  margin: 0 auto;
  width: 100%; }

@media (min-width: 1200px) {
  .wrapper--floorplans {
    width: 872px; } }

.wrapper--floorplans .actions {
  justify-content: center;
  padding-top: 3.75rem; }

.floor-plans {
  position: relative;
  overflow-x: hidden; }

.floor-plans__btn {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem; }

.floor-plans__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  transition: all 1.25s ease; }

.floor-plans__header {
  padding: 0 0 2.5rem;
  text-align: center; }

@media (min-width: 992px) {
  .floor-plans__header {
    padding-top: 2.5rem; } }

.plan__img-container {
  user-select: none;
  flex: 0 1 100%;
  float: left;
  position: relative;
  max-width: 48%;
  transition: all 0.75s ease;
  margin: 0 auto; }

.zoomed .plan__img-container {
  max-width: 100%; }

.plan__img-container img {
  width: 100%;
  height: auto;
  transition: all 0.25s ease; }

.arrow {
  position: absolute;
  background: #22A2E4;
  padding: 1.25rem;
  text-align: center;
  font-weight: 700;
  display: none;
  user-select: none;
  transition: all 0.25s ease;
  cursor: pointer;
  right: 10px;
  width: 80px; }

.arrow .icon {
  fill: #fff; }

.arrow .icon__arrow {
  width: 2.5rem;
  height: 2.5rem; }

.arrow:hover {
  background: #064692; }

.arrow--right {
  left: 10px; }

.focused .arrow {
  display: block; }

.fp-highlight {
  position: absolute;
  cursor: pointer; }

.fp-highlight:before {
  content: '';
  background: #22A2E4;
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 0 rgba(32, 37, 42, 0.4);
  transition: all 0.25s ease; }

.fp-highlight:hover:before {
  box-shadow: 0 5px 5px 0 rgba(32, 37, 42, 0.7); }

.hl-detail {
  position: absolute;
  background: rgba(32, 37, 42, 0.75);
  z-index: 10;
  display: flex;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.hl-detail__inner {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.hl-detail__content {
  max-width: 750px;
  position: relative;
  width: 75%; }

.hl-detail__image {
  width: 100%; }

.hl-detail__title {
  color: #22A2E4; }

.hl-detail__close {
  position: absolute;
  top: -1.25rem;
  right: 0;
  text-decoration: none;
  color: #fff; }

.structural-wrapper {
  display: flex; }

@media (max-width: 767.98px) {
  .structural-wrapper {
    display: block; } }

.structural-opts {
  flex: 2;
  margin-right: 1.25rem;
  padding: 0.625rem 1.25rem;
  border: 5px solid #e0e0e0;
  background: #efefef; }

@media (max-width: 767.98px) {
  .structural-opts {
    margin-right: 0;
    margin-bottom: 1.25rem; } }

.structural__opt {
  display: block;
  color: #032349;
  text-decoration: none;
  transition: all 0.25s ease; }

.structural__opt:not(:last-child) {
  padding: 0 0 0.625rem; }

.structural__opt.is-active, .structural__opt:hover {
  color: #22A2E4; }

.structural__opt:hover {
  text-decoration: underline; }

.structural-details {
  flex: 5; }

.structural__img {
  margin-bottom: 1.25rem;
  display: block;
  height: auto;
  max-width: 100%; }

.structural__title {
  color: #22A2E4; }

.residence {
  background-color: #efefef;
  padding: 3.75rem 0;
  position: relative; }
  @media (min-width: 992px) {
    .residence .loading-placeholder {
      padding-right: 93.5px; } }
  @media (min-width: 1200px) {
    .residence .loading-placeholder {
      padding-right: 124.75px; } }
  @media (min-width: 1470px) {
    .residence .loading-placeholder {
      padding-right: 159px; } }
  @media (min-width: 992px) {
    .residence .loading-placeholder__inner {
      overflow: hidden; } }
  @media (max-width: 991.98px) {
    .residence .container {
      display: flex;
      flex-direction: column; } }

.residence__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: -1.875rem;
  position: relative; }
  .residence__header .collection-name {
    width: 300px;
    text-align: right; }
    @media (max-width: 991.98px) {
      .residence__header .collection-name {
        width: 100%; } }
  .residence__header .page-header-content-area {
    display: inline-block; }
    @media (max-width: 991.98px) {
      .residence__header .page-header-content-area {
        width: 100%; } }
  @media (max-width: 991.98px) {
    .residence__header {
      width: 100%;
      flex-flow: column; } }

.residence__collection {
  color: #042348;
  display: block;
  font-size: 1.15rem;
  letter-spacing: 3px;
  margin-bottom: -1px;
  padding: 0.625rem 0;
  text-transform: uppercase;
  transtion: all .25s ease;
  text-align: right; }
  @media (max-width: 991.98px) {
    .residence__collection {
      font-size: 1.5rem;
      letter-spacing: 2px;
      padding: 0 0 1.25rem;
      text-align: center; } }
  .residence__collection:hover {
    color: #7c8a9a; }

.residence__name {
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0 0 0.625rem 0;
  text-transform: uppercase;
  text-align: right; }
  @media (max-width: 991.98px) {
    .residence__name {
      padding: 0.625rem 0 1.25rem;
      text-align: center; } }

.residence__body {
  background-color: #fff;
  border-left: 6px solid #e0e0e0;
  border-bottom: 6px solid #e0e0e0;
  border-top: 6px solid #e0e0e0;
  letter-spacing: 1px;
  float: left;
  padding: 1.25rem 1.25rem 2.5rem;
  position: relative;
  text-align: right;
  width: 300px; }
  @media (max-width: 991.98px) {
    .residence__body {
      border-right: 6px solid #e0e0e0;
      border-top: none;
      float: none;
      margin: 0 auto;
      order: 3;
      text-align: center;
      width: 90%; } }
  @media print {
    .residence__body {
      text-align: left; } }

.residence__desc {
  list-style: none;
  padding: 0; }
  @media (max-width: 991.98px) {
    .residence__desc::after {
      clear: both;
      content: '';
      display: block; }
    .residence__desc li {
      word-break: break-word; } }

.residence__prices {
  margin-top: 1.25rem; }
  .residence__prices span {
    display: block; }
  .residence__prices strong {
    display: block; }

.residence__sqft {
  margin-top: 1.25rem; }
  .residence__sqft > span {
    display: block; }

.residence__offer {
  color: #042348;
  display: block;
  margin-top: 1.25rem; }

.residence__gallery .lSAction, .residence-gallery-plan-page .lSAction {
  display: none !important; }
  .residence__gallery .lSAction > a, .residence-gallery-plan-page .lSAction > a {
    background-color: rgba(255, 255, 255, 0.8);
    background-size: 150px auto;
    display: inline-block;
    height: 48px;
    opacity: 1;
    position: absolute;
    text-indent: -9999px;
    transform: translateY(-50%);
    width: 48px; }
    .residence__gallery .lSAction > a:hover, .residence-gallery-plan-page .lSAction > a:hover {
      background-color: rgba(255, 255, 255, 0.9); }
  .residence__gallery .lSAction > .lSPrev, .residence-gallery-plan-page .lSAction > .lSPrev {
    left: 0;
    background-size: 150px auto;
    background-position: -70px 5px;
    background-image: url("/Areas/GLHomes/Images/sprite.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px; }
    @media (min-width: 768px) {
      .residence__gallery .lSAction > .lSPrev, .residence-gallery-plan-page .lSAction > .lSPrev {
        background-size: auto;
        background-position: -84px 14px;
        background-image: url("/Areas/GLHomes/Images/sprite.png");
        background-repeat: no-repeat;
        height: 48px;
        width: 48px; } }
  .residence__gallery .lSAction > .lSNext, .residence-gallery-plan-page .lSAction > .lSNext {
    right: 0;
    background-size: 150px auto;
    background-position: -105px 5px;
    background-image: url("/Areas/GLHomes/Images/sprite.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px; }
    @media (min-width: 768px) {
      .residence__gallery .lSAction > .lSNext, .residence-gallery-plan-page .lSAction > .lSNext {
        background-size: auto;
        background-position: -130px 14px;
        background-image: url("/Areas/GLHomes/Images/sprite.png");
        background-repeat: no-repeat;
        height: 48px;
        width: 48px; } }

.residence__gallery .lSSlideOuter.vertical .lSGallery, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery {
  left: auto; }
  @media (max-width: 991.98px) {
    .residence__gallery .lSSlideOuter.vertical .lSGallery, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery {
      display: none; } }
  .residence__gallery .lSSlideOuter.vertical .lSGallery li, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery li {
    transition: all .5s ease; }
    .residence__gallery .lSSlideOuter.vertical .lSGallery li img, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery li img {
      opacity: 0.6; }
    .residence__gallery .lSSlideOuter.vertical .lSGallery li a, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery li a {
      background-color: #000;
      border-bottom: 0;
      display: block;
      transition: all .5s ease; }
    .residence__gallery .lSSlideOuter.vertical .lSGallery li.active, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery li.active {
      border-radius: 0 !important; }
      .residence__gallery .lSSlideOuter.vertical .lSGallery li.active a, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery li.active a {
        background-color: transparent;
        z-index: 1000; }
      .residence__gallery .lSSlideOuter.vertical .lSGallery li.active img, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery li.active img {
        opacity: 1; }
    .residence__gallery .lSSlideOuter.vertical .lSGallery li:hover, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery li:hover {
      border-radius: 0 !important; }
      .residence__gallery .lSSlideOuter.vertical .lSGallery li:hover img, .residence-gallery-plan-page .lSSlideOuter.vertical .lSGallery li:hover img {
        opacity: 1; }

.residence__gallery .lSSlideOuter .lSPager.lSGallery, .residence-gallery-plan-page .lSSlideOuter .lSPager.lSGallery {
  left: auto; }
  @media (max-width: 991.98px) {
    .residence__gallery .lSSlideOuter .lSPager.lSGallery, .residence-gallery-plan-page .lSSlideOuter .lSPager.lSGallery {
      display: none; } }

.gallery__data {
  height: 100%;
  position: relative;
  display: flex; }

.gallery-promotion {
  position: absolute;
  top: 7.5%;
  left: 0; }

.gallery__label {
  background-color: rgba(0, 0, 0, 0.35);
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 0.75rem;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  z-index: 2; }

.gallery__counter {
  border-right: 1px solid #fff;
  margin: 0;
  padding: 0.416rem 1.25rem; }

.gallery__info {
  margin: 0;
  padding: 0.416rem 1.25rem; }
  .gallery__info strong {
    font-weight: 1rem; }

.gallery__full-screen {
  border: 0;
  border-left: 1px solid #fff;
  background: none;
  display: flex;
  transition: all .25s ease;
  margin-left: auto;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
  .gallery__full-screen svg {
    fill: #fff; }
  .gallery__full-screen:hover {
    opacity: 0.5; }

.r-drop {
  margin-left: -0.416rem;
  padding: 1.25rem 0;
  position: absolute;
  right: 1.25rem;
  text-align: left;
  width: 100%; }
  @media (max-width: 991.98px) {
    .r-drop {
      margin-left: 0;
      margin-right: 0;
      padding: 1.25rem;
      right: 0; } }

.r-drop__btn {
  align-items: center;
  background-color: #22A2E4;
  border: none;
  color: #fff;
  display: flex;
  justify-content: space-between;
  outline: none;
  padding: 0.625rem 1.041rem;
  text-align: left;
  width: 100%;
  z-index: 2;
  transition: all .25s ease; }
  .r-drop__btn:hover {
    background-color: #1474a5; }
  .r-drop__btn .icon {
    fill: #fff;
    height: 6px;
    width: 8px; }

.r-drop.r-drop--show .r-drop__btn {
  background-color: #1474a5; }
  .r-drop.r-drop--show .r-drop__btn .icon {
    transform: scaleY(-1);
    filter: FlipY; }

.r-drop__items {
  background-color: #fff;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.2);
  display: none;
  left: -3.75rem;
  position: absolute;
  width: calc(100% + 3.75rem);
  z-index: 10; }
  @media (max-width: 1469.98px) {
    .r-drop__items {
      left: 0;
      width: 100%; } }

.r-drop.r-drop--show .r-drop__items {
  display: block; }

.r-drop__item {
  color: #042348;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem;
  position: relative;
  text-decoration: none; }
  .r-drop__item:not(:last-child):after {
    background-color: #e0e0e0;
    content: '';
    height: 1px;
    left: 50%;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    width: calc(100% - 2.5rem); }

.r-drop__details {
  list-style: none;
  padding: 0; }
  .r-drop__details address {
    font-style: normal; }

.r-drop__highlight {
  color: #22A2E4; }

.article-main .r-nav {
  display: none; }

@media (max-width: 767.98px) {
  .r-nav {
    display: none; } }

.r-nav__btn {
  background-color: #efefef;
  color: #042348;
  letter-spacing: 1px;
  padding: 45px 10px 5px;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  transition: all .25s ease; }
  .r-nav__btn:active, .r-nav__btn:hover, .r-nav__btn:focus {
    opacity: 0.9; }
  .r-nav__btn span {
    font-size: 0.75rem;
    position: absolute; }
  .r-nav__btn .icon {
    margin-top: 50px; }

.article-layout .r-nav__btn {
  transform: translateY(-50%); }

.r-nav__btn--prev {
  left: 0; }
  @media (max-width: 991.98px) {
    .r-nav__btn--prev span {
      transform: rotate(-90deg); } }

.r-nav__btn--next {
  right: 0; }
  @media (max-width: 991.98px) {
    .r-nav__btn--next span {
      transform: rotate(90deg); } }

.lSPager-nav {
  position: relative;
  overflow: hidden; }