.hero-section {
  overflow: visible;
}

.hero__sticky {
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.hero__sticky::after {
  content: '';
  position: absolute;
  display: block;
  height: 0;
  width: .1rem;
  background-color: #E5CCA8;
  -webkit-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
  z-index: 5;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.hero__slider {
  z-index: 3;
}

.hero__slider .swiper-container {
  height: 100vh;
}

.hero__slider__item {
  height: 100vh;
  width: 100%;
  will-change: transform, opacity;
}

.hero__slider__item > div {
  -webkit-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
  overflow: hidden;
}

.hero__slider__item > div img,
.hero__slider__item > div picture {
  -webkit-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
  will-change: transform, opacity;
}

.hero__slider__item__top {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hero__slider__item__top img,
.hero__slider__item__top picture {
  width: 100%;
  height: 80vh;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.hero__slider__item__bot {
  display: none;
  position: absolute;
  bottom: 0;
}

.hero__slider__item video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.hero__cont {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero__cont::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: .1rem;
  background-color: rgba(255, 255, 255, 0.4);
  top: 50%;
  left: 0;
}

.hero__cont__title {
  font-size: 2.4rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  font-weight: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: 'HPW-Thin', sans-serif;
}

.hero__cont__title i {
  font-weight: 400;
  -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-family: 'HPW-Book', sans-serif;
}

.hero__cont__title__item {
  -webkit-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
}

.hero__cont__title__item:nth-child(1) {
  -webkit-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  transform: translateX(-100vw);
}

.hero__cont__title__item:nth-child(2) {
  -webkit-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  transform: translateX(100vw);
}

.hero__cont__title__item:nth-child(2) span {
  padding-left: 5rem;
}

.hero__cont__title__item span {
  display: block;
}

.hero__cta {
  width: 17rem;
  height: 17rem;
  -webkit-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
  position: absolute;
  right: -1.5rem;
  top: 10rem;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  cursor: pointer;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hero__cta::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.hero__cta span {
  font-family: 'HPW-Bold';
  font-size: 1rem;
  line-height: 1.3rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  display: block;
  max-width: 50%;
  margin-top: 2rem;
  background: -webkit-linear-gradient(225deg, #E5CCA8, #88704E, #E5CCA8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 3s linear infinite;
  animation: shine 3s linear infinite;
  background-size: 200% auto;
}

.hero__cta svg {
  fill: white;
  width: 1.6rem;
  height: .8rem;
  margin-top: 1.6rem;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}

.hero__cta span,
.hero__cta svg {
  margin-left: 5rem;
}

.hero__cta__circle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
  overflow: hidden;
  z-index: 5;
}

.hero__cta__circle__inner {
  width: 100%;
  height: 100%;
  position: absolute;
}

.hero__cta__circle__inner::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.1rem solid #E5CCA8;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hero__scroller {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 5rem;
  width: 0.1rem;
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transform: translateY(30vh);
  -ms-transform: translateY(30vh);
  transform: translateY(30vh);
  -webkit-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
  z-index: 5;
}

.hero__scroller::after {
  content: '';
  position: absolute;
  display: block;
  width: .3rem;
  height: 2rem;
  background-color: white;
  top: 0;
  left: -.1rem;
  z-index: 2;
  -webkit-animation: scrollDown 3s ease-in-out infinite;
  animation: scrollDown 3s ease-in-out infinite;
}

@-webkit-keyframes scrollDown {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  90% {
    opacity: 1;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
  }

  100% {
    opacity: 0;
  }
}

@keyframes scrollDown {
  0% {
    opacity: 0;
  }

  15% {
    opacity: 1;
  }

  90% {
    opacity: 1;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
  }

  100% {
    opacity: 0;
  }
}

body.show .hero__sticky::after {
  height: 37vh;
}

body.show .hero__slider__item__top {
  height: 100vh;
}

body.show .hero__slider__item__top img {
  height: 100vh;
}

body.show .hero__slider__item > div img {
  opacity: 0.4;
}

body.show .hero__cont__title__item {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

body.show .hero__cont__title__item span {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

body.show .hero__cta {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

body.show .hero__cta::before {
  opacity: 1;
}

body.show .hero__scroller {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.home-galleries .btn {
  max-width: 100%;
  margin: 0 auto 5rem auto;
}

.home-gallery {
  min-height: 100vh;
}

.home-gallery-section {
  overflow: visible;
}

.home-gallery-section .marquee-title {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.home-gallery--1 {
  padding: 10rem 0 13.5rem;
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'img-1' 'img-2' 'title';
}

.home-gallery--1 .home-gallery__img--1 {
  margin-left: -2rem;
  width: 80vw;
  padding-bottom: 120%;
}

.home-gallery--1 .home-gallery__img--2 {
  z-index: 5;
  width: 75vw;
  margin: -6.5rem -2rem 0 auto;
  padding-bottom: 45%;
}

.home-gallery--2 {
  padding: 10rem 0 13.5rem;
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'img-1' 'title';
}

.home-gallery--2 .home-gallery__img--1 {
  width: 100vw;
  margin-left: -2rem;
  padding-bottom: 60%;
}

.home-gallery--3 {
  padding: 10rem 0 8rem;
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'img-1' 'img-2' 'title';
}

.home-gallery--3 .home-gallery__img--1 {
  margin: 0 -2rem 0 auto;
  width: 80vw;
  padding-bottom: 120%;
}

.home-gallery--3 .home-gallery__img--2 {
  z-index: 5;
  width: 75vw;
  margin: -6.5rem auto 0 -2rem;
  padding-bottom: 45%;
}

.home-gallery--3 .home-gallery__img--2::after {
  content: '';
  position: absolute;
  display: block;
  width: 5.5rem;
  height: .1rem;
  bottom: -1rem;
  right: 0;
  background-color: #E5CCA8;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateX(2.4rem) rotate(-45deg);
  -ms-transform: translateX(2.4rem) rotate(-45deg);
  transform: translateX(2.4rem) rotate(-45deg);
}

.home-gallery__img img,
.home-gallery__img picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  will-change: transform;
}

.home-gallery__img img {
  opacity: 0;
  -webkit-transform: translateY(5rem) rotate(-15deg);
  -ms-transform: translateY(5rem) rotate(-15deg);
  transform: translateY(5rem) rotate(-15deg);
}

.home-gallery__img--1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: img-1;
}

.home-gallery--2 > .home-gallery__img--1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}

.home-gallery--3 > .home-gallery__img--1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}

.home-gallery__img--2 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: img-2;
}

.home-gallery--3 > .home-gallery__img--2 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}

.home-gallery .title-link {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: title;
  margin-top: 3.2rem;
}

.home-galleries {
  overflow: hidden;
}

.quote {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  will-change: transform;
  margin-bottom: 10rem;
}

.quote__item {
  overflow: hidden;
}

.quote__item:nth-child(2) {
  text-indent: 4.5rem;
}

.quote__item:nth-child(3) {
  text-indent: 16rem;
}

.quote__item:nth-child(4) {
  text-indent: 10rem;
}

.quote__item:nth-child(odd) {
  -webkit-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  transform: translateX(100vw);
}

.quote__item:nth-child(even) {
  -webkit-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  transform: translateX(-100vw);
}

.quote__item__inner {
  padding-right: .8rem;
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 200;
  text-transform: uppercase;
  text-align: center;
  font-family: 'HPW-Thin', sans-serif;
}

.quote__item__inner i {
  font-family: 'HPW-Book', sans-serif;
}

.quote__cover {
  position: absolute;
  background-color: #0D0D0D;
}

.quote__cover--top {
  z-index: -1;
  left: 0;
  top: 50%;
  width: 12rem;
  height: 14rem;
  -webkit-transform: translateY(-110%) translateX(-100%) skewX(-45deg);
  -ms-transform: translateY(-110%) translateX(-100%) skewX(-45deg);
  transform: translateY(-110%) translateX(-100%) skewX(-45deg);
}

.quote__cover--top > div {
  position: absolute;
  display: block;
  height: 100%;
  width: 0.1rem;
  background-color: #E5CCA8;
  right: 0;
  top: 0;
}

.quote__cover--bot {
  border-left: 0.1rem solid #E5CCA8;
  width: 12rem;
  height: 12rem;
  -webkit-transform: translateY(125%) translateX(75%) skewX(-45deg);
  -ms-transform: translateY(125%) translateX(75%) skewX(-45deg);
  transform: translateY(125%) translateX(75%) skewX(-45deg);
  bottom: 50%;
  right: 0;
}

.quote__vertical {
  position: absolute;
  width: 0.1rem;
  height: 5.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  top: 25%;
}

.quote__vertical--1 {
  right: 2rem;
}

.quote__vertical--2 {
  right: 4rem;
}

.quote__horizontal {
  position: absolute;
  width: 25vw;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.2);
  top: calc(50% + 6.5rem);
  left: -2rem;
  margin-bottom: -5rem;
  z-index: -1;
}

.work-stages {
  padding: 0 2rem;
}

.work-stages-section {
  padding-top: 3rem;
  padding-bottom: 6rem;
}

.home .work-stages-section .marquee-title {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.home .work-stages-section .marquee-title__overlay {
  display: none;
}

.page-template-page-services .work-stages-section .marquee-title__overlay {
  display: none;
}

.work-stages__title {
  width: 100%;
  text-align: center;
  margin-bottom: 8rem;
}

.work-stages__title .title__item {
  font-size: 2.8rem;
  line-height: 3.2rem;
  overflow: visible;
}

.work-stages__title .title__item i {
  font-weight: 600;
}

.work-stages__title .title__item i::after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.1rem;
  height: 8rem;
  background-color: #E5CCA8;
}

.work-stages__item {
  padding: 3.2rem;
  min-height: calc(100vw - 2rem*4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  margin-bottom: 7rem;
}

.work-stages__item::before {
  content: '';
  position: absolute;
  display: block;
  height: 151%;
  width: .1rem;
  background-color: rgba(255, 255, 255, 0.1);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.work-stages__item__title {
  font-size: 1.3rem;
  line-height: 1.7rem;
  text-transform: uppercase;
}

.work-stages__item__desc {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: 300;
  font-family: 'HPW-Thin', sans-serif;
  margin-top: auto;
}

.work-stages__item__num {
  position: absolute;
  right: 2.5rem;
  top: 0;
  color: rgba(229, 204, 168, 0.5);
  font-size: 3.2rem;
  line-height: 3.8rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'HPW-Thin', sans-serif;
}

.work-stages + .btn-rect {
  margin: -2rem 0 10rem auto;
}

.home-owners-section {
  padding: 20rem 0 10rem;
}

.home-owners-section .marquee-title {
  -webkit-transform: translateY(10%);
  -ms-transform: translateY(10%);
  transform: translateY(10%);
}

.home-owners-section .marquee-title__overlay {
  left: -8rem;
}

.home-owners .title {
  padding-bottom: 3rem;
  font-size: 1.8rem;
  line-height: 2.3rem;
}

.home-owners .title__item:nth-child(2) {
  text-indent: 3rem;
}

.home-owners .title__item span {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.home-owners__desc {
  padding-bottom: 4rem;
  max-width: 46rem;
}

.home-owners__desc p {
  font-size: 1.1rem;
  line-height: 1.9;
  font-weight: 300;
}

.home-owners__photo {
  padding: 0 2rem;
}

.home-owners__photo img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.home-form-section .wpcf7 {
  padding-top: 8rem;
}

.home-form-section .form-submit {
  margin-top: 1.2rem;
}

.home-form-section .form-submit input {
  max-width: 100%;
}

.home .container {
  max-width: 122rem;
}

@media only screen and (min-width: 600px) {
  .work-stages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }

  .work-stages__item {
    width: 45%;
    min-height: calc(50vw - 2rem*4);
  }

  .home-form-section .form-submit input {
    max-width: 18rem;
  }
}

@media only screen and (min-width: 768px) {
  .hero__cont__title {
    font-size: 4rem;
    line-height: 4.8rem;
  }

  .hero__cta {
    width: 25.5rem;
    height: 25.5rem;
    top: 16rem;
  }

  .hero__cta span {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .hero__cta svg {
    width: 2.4rem;
    height: 1.2rem;
  }

  .hero__cta span,
  .hero__cta svg {
    margin-left: 8.5rem;
  }

  .hero__scroller {
    height: 9rem;
    bottom: 5rem;
  }

  .hero__scroller::after {
    height: 3rem;
  }

@-webkit-keyframes scrollDown {
    0% {
      opacity: 0;
    }

    15% {
      opacity: 1;
    }

    90% {
      opacity: 1;
      -webkit-transform: translateY(6rem);
      transform: translateY(6rem);
    }

    100% {
      opacity: 0;
    }
}

@keyframes scrollDown {
    0% {
      opacity: 0;
    }

    15% {
      opacity: 1;
    }

    90% {
      opacity: 1;
      -webkit-transform: translateY(6rem);
      transform: translateY(6rem);
    }

    100% {
      opacity: 0;
    }
}

  .home-galleries .btn {
    max-width: 25rem;
  }

  .home-gallery-section .marquee-title {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .home-gallery--3 {
    padding-bottom: 12rem;
  }

  .quote {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .quote__item:nth-child(3) {
    text-indent: 0;
  }

  .quote__item__inner {
    width: 100%;
    display: block;
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .home .work-stages-section .marquee-title {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .page-template-page-services .work-stages-section .marquee-title {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .work-stages__title {
    margin-bottom: 11rem;
  }

  .work-stages__title .title__item {
    font-size: 3.2rem;
    line-height: 3.6rem;
  }

  .work-stages__title .title__item i::after {
    height: 11rem;
  }

  .work-stages__item__title {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .work-stages__item__desc {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .home-owners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .home-owners-section {
    padding: 20rem 0 10rem;
  }

  .home-owners-section .marquee-title__overlay {
    left: 0;
    bottom: -5rem;
    height: 50vw;
  }

  .home-owners__info {
    width: 50%;
    padding-right: 3rem;
    padding-top: 6rem;
  }

  .home-owners__photo {
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .home-owners__photo img {
    max-width: 43rem;
  }

  .home-form-section .wpcf7 {
    padding-top: 18rem;
  }
}

@media only screen and (min-width: 1024px) {
  .hero__cta {
    top: 50%;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -70rem;
    margin-top: -11rem;
  }

  .hero__cta__circle {
    width: 0;
  }

  .hero__cta__circle__inner {
    width: 25.5rem;
    height: 25.5rem;
  }

  body.show .hero__cta {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: -40rem;
  }

  body.show .hero__cta__circle {
    width: 100%;
  }

  .work-stages-section {
    padding-bottom: 20rem;
  }

  .work-stages__item {
    width: auto;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 23rem;
    margin-bottom: 3rem;
  }

  .work-stages__item:not(:last-child) {
    margin-right: 3rem;
  }

  .work-stages__item:nth-child(3),
  .work-stages__item:nth-child(4) {
    -webkit-transform: translateY(5rem);
    -ms-transform: translateY(5rem);
    transform: translateY(5rem);
  }

  .work-stages + .btn-rect {
    margin: 0 auto;
    -webkit-transform: translateX(-8rem);
    -ms-transform: translateX(-8rem);
    transform: translateX(-8rem);
  }

  .home-owners .title {
    padding-bottom: 4rem;
    font-size: 3.2rem;
    line-height: 4.1rem;
  }
}

@media only screen and (min-width: 1280px) {
  .hero-section {
    position: fixed;
    top: 0;
    width: 100vw;
    will-change: opacity;
  }

  .hero__track {
    height: 100vh;
  }

  .hero__sticky {
    position: relative;
  }

  .hero__sticky::after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 73%;
    left: 25%;
  }

  .hero__slider {
    will-change: transform;
  }

  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide .hero__slider__item__top picture,
  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide .hero__slider__item__bot picture {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
  }

  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide .hero__slider__item__top picture {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
  }

  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide .hero__slider__item__bot picture {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
  }

  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide.swiper-slide-prev .hero__slider__item__top picture {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
  }

  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide.swiper-slide-prev .hero__slider__item__bot picture {
    -webkit-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
  }

  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide.swiper-slide-active picture {
    background-color: black;
  }

  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide.swiper-slide-next .hero__slider__item__top picture {
    -webkit-transform: translateY(30%) translateX(10%) rotate(15deg);
    -ms-transform: translateY(30%) translateX(10%) rotate(15deg);
    transform: translateY(30%) translateX(10%) rotate(15deg);
  }

  .hero__slider .swiper-container.swiper-container-initialized .swiper-slide.swiper-slide-next .hero__slider__item__bot picture {
    -webkit-transform: translateY(-30%) translateX(-10%) rotate(15deg);
    -ms-transform: translateY(-30%) translateX(-10%) rotate(15deg);
    transform: translateY(-30%) translateX(-10%) rotate(15deg);
  }

  .hero__slider__item > div picture {
    display: block;
    overflow: hidden;
  }

  .hero__slider__item__top {
    height: 50vh;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .hero__slider__item__top picture {
    height: 100vh;
    -webkit-transform: translateX(10vw) translateY(10vh);
    -ms-transform: translateX(10vw) translateY(10vh);
    transform: translateX(10vw) translateY(10vh);
  }

  .hero__slider__item__top img {
    width: 100vw;
    height: 100vh;
    -webkit-transform: translateX(-10vw) translateY(-10vw) scale(1.2);
    -ms-transform: translateX(-10vw) translateY(-10vw) scale(1.2);
    transform: translateX(-10vw) translateY(-10vw) scale(1.2);
  }

  .hero__slider__item__bot {
    display: block;
    height: 50vh;
    width: 100%;
  }

  .hero__slider__item__bot img {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateX(10vw) translateY(10vw) scale(1.2);
    -ms-transform: translateX(10vw) translateY(10vw) scale(1.2);
    transform: translateX(10vw) translateY(10vw) scale(1.2);
  }

  .hero__slider__item__bot picture {
    height: 100vh;
    width: 100vw;
    bottom: 0;
    position: absolute;
    -webkit-transform: translateX(-10vw) translateY(-10vh);
    -ms-transform: translateX(-10vw) translateY(-10vh);
    transform: translateX(-10vw) translateY(-10vh);
  }

  .hero__cont__title__item {
    overflow: hidden;
  }

  .hero__cont__title__item:nth-child(1) {
    margin-left: -9rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .hero__cont__title__item:nth-child(2) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .hero__cont__title__item:nth-child(2) span {
    padding-left: 0;
  }

  .hero__cont__title__item span {
    -webkit-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: translateY(100%) rotate(10deg);
    -ms-transform: translateY(100%) rotate(10deg);
    transform: translateY(100%) rotate(10deg);
  }

  .hero__cta:hover::before {
    width: 22rem;
    height: 22rem;
  }

  .hero__cta:hover svg {
    margin-left: 14rem;
  }

  .hero__cta:hover .hero__cta__circle__inner::before {
    width: 22rem;
    height: 22rem;
    border-color: #E5CCA8;
  }

  body.show .hero__sticky::after {
    height: 50rem;
  }

  body.show .hero__slider__item__top {
    height: 50vh;
  }

  body.show .hero__slider__item > div {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  body.show .hero__slider__item > div img,
  body.show .hero__slider__item > div picture {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .home-galleries {
    margin-top: 100vh;
  }

  .home-gallery-section .marquee-title {
    -webkit-transform: translateX(-20rem) translateY(50%);
    -ms-transform: translateX(-20rem) translateY(50%);
    transform: translateX(-20rem) translateY(50%);
  }

  .home-gallery-section .marquee-title__overlay {
    height: 50rem;
    left: -21rem;
  }

  .home-gallery-section .marquee-title__overlay::after {
    height: 145%;
    bottom: 0;
  }

  .home-gallery--1 {
    padding: 16.6rem 0 12rem;
    margin-left: calc((-100vw + 108rem) / 2);
    -ms-grid-columns: 60rem 63rem;
    grid-template-columns: 60rem 63rem;
    -ms-grid-rows: 34rem 1fr;
    grid-template-rows: 34rem 1fr;
    grid-template-areas: 'img-1 img-2' 'img-1 img-2' 'img-1 title';
  }

  .home-gallery--1 .home-gallery__img--1 {
    margin: 0 13.5rem 0 0;
    width: calc(100% - 13.5rem);
    height: 100%;
    max-height: 56rem;
    padding-bottom: 0;
  }

  .home-gallery--1 .home-gallery__img--2 {
    margin: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
  }

  .home-gallery--2 {
    padding: 20rem 0;
    -ms-grid-columns: 1fr 81rem;
    grid-template-columns: 1fr 81rem;
    -ms-grid-rows: 52rem;
    grid-template-rows: 52rem;
    grid-template-areas: 'title img-1';
  }

  .home-gallery--2 .home-gallery__img--1 {
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding-bottom: 0;
  }

  .home-gallery--3 {
    padding: 16rem 0;
    -webkit-transform: translateX(calc((100vw - 108rem) / 2));
    -ms-transform: translateX(calc((100vw - 108rem) / 2));
    transform: translateX(calc((100vw - 108rem) / 2));
    -ms-grid-columns: 63rem 60rem;
    grid-template-columns: 63rem 60rem;
    -ms-grid-rows: 34rem 1fr;
    grid-template-rows: 34rem 1fr;
    grid-template-areas: 'img-2 img-1' 'img-2 img-1' 'title img-1';
  }

  .home-gallery--3 .home-gallery__img--1 {
    margin: 0 0 0 13.5rem;
    width: calc(100% - 13.5rem);
    height: 100%;
    max-height: 56rem;
    padding-bottom: 0;
  }

  .home-gallery--3 .home-gallery__img--2 {
    margin: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
  }

  .home-gallery--3 .home-gallery__img--2::after {
    width: 14rem;
    bottom: -3rem;
    -webkit-transform: translateX(7.4rem) rotate(-45deg);
    -ms-transform: translateX(7.4rem) rotate(-45deg);
    transform: translateX(7.4rem) rotate(-45deg);
  }

  .home-gallery--3 .title-link {
    margin-top: 5.6rem;
  }

  .home-gallery__img--1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }

  .home-gallery--2 > .home-gallery__img--1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }

  .home-gallery--3 > .home-gallery__img--1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2;
  }

  .home-gallery__img--2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }

  .home-gallery--3 > .home-gallery__img--2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }

  .home-gallery .title-link {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .home-gallery--2 > .title-link {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .home-gallery--3 > .title-link {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .home-gallery .title-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .quote-section .container {
    margin-left: 5rem;
  }

  .quote__item:nth-child(1) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .quote__item:nth-child(2) {
    margin-left: -10rem;
    text-indent: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 10;
  }

  .quote__item:nth-child(2) .quote__item__inner {
    -webkit-transform: translateY(3rem) rotate(25deg);
    -ms-transform: translateY(3rem) rotate(25deg);
    transform: translateY(3rem) rotate(25deg);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
  }

  .quote__item:nth-child(3) {
    -webkit-transform: translateX(15rem);
    -ms-transform: translateX(15rem);
    transform: translateX(15rem);
  }

  .quote__item:nth-child(4) {
    text-indent: 31rem;
    -webkit-transform: translateX(5rem);
    -ms-transform: translateX(5rem);
    transform: translateX(5rem);
  }

  .quote__item__inner {
    font-size: 4rem;
    line-height: 4.8rem;
  }

  .quote__cover--top {
    left: 20%;
    z-index: 5;
    width: 20vw;
    margin-left: 20vw;
    top: 50%;
  }

  .quote__cover--top > div {
    right: 8vw;
  }

  .quote__cover--bot {
    right: 15vw;
    bottom: 60%;
    height: 18rem;
    width: 50vw;
  }

  .quote__vertical {
    height: 10rem;
  }

  .quote__vertical--2 {
    right: 6rem;
    top: calc(25% + 5rem);
  }

  .quote__horizontal {
    width: 70vw;
    left: -70vw;
  }

  .home .work-stages-section .marquee-title {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }

  .page-template-page-services .work-stages-section .marquee-title {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

  .work-stages__item {
    min-height: 28.5rem;
  }

  .work-stages__item:nth-child(1),
  .work-stages__item:nth-child(2) {
    -webkit-transform: translateY(15rem);
    -ms-transform: translateY(15rem);
    transform: translateY(15rem);
  }

  .work-stages__item__num {
    font-size: 4rem;
    line-height: 4.8rem;
    top: -0.5rem;
  }

  .home-owners-section .marquee-title {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  .home-owners-section .marquee-title__overlay {
    left: auto;
    width: 60vw;
    right: -30vw;
  }

  .home-owners-section .marquee-title__overlay::after {
    left: 0;
    right: auto;
  }

  .home-owners .title__item:nth-child(2) {
    text-indent: 11rem;
  }

  .home-owners__desc {
    margin-left: 7rem;
  }

  .home-owners__desc p {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }

  .home-owners__photo img {
    -webkit-transform: translateY(15rem) rotate(45deg);
    -ms-transform: translateY(15rem) rotate(45deg);
    transform: translateY(15rem) rotate(45deg);
    opacity: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .hero__sticky::after {
    top: 70%;
  }
}