a {
  color: #ded6cb;
  text-decoration: underline;
}

a:hover {
  color: #4733eb;
}

.main {
  min-height: 100vh;
}

.main.horizontal {
  display: flex;
}

.body {
  color: #fff;
  background-color: #171c2e;
  font-family: Circular, sans-serif;
}

.body.design-bg {
  background-color: #ded6cb;
}

.body.sustainability-bg {
  background-color: #f7bab4;
}

.side-nav {
  z-index: 1000;
  width: 40px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 22px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.side-nav.page-side-nav {
  z-index: 1000;
  width: 40px;
  background-color: #171c2e;
}

.burger-button {
  width: 40px;
  height: 42px;
  cursor: pointer;
  background-color: #4733eb;
  background-image: url('../images/burger-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.burger-button:hover {
  background-color: #171c2e;
}

.burger-button.burger-close {
  background-color: #f7bab4;
  background-image: url('../images/burger-close-icon.svg');
}

.side-logo {
  width: 100%;
  height: 38px;
  background-image: url('../images/tide-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  flex: none;
}

.side-section {
  color: #ded6cb;
  text-align: center;
  white-space: nowrap;
  transform: rotate(-90deg);
}

.section {
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  left: 0;
}

.section.contact-section {
  background-color: #171c2e;
  justify-content: flex-start;
  align-items: center;
  padding-left: 170px;
  padding-right: 45px;
}

.section.vert-align {
  min-width: 100vw;
  flex-direction: column;
}

.section.vert-align.worflow-1 {
  width: 70vw;
  min-width: auto;
}

.section.vert-align.workflow-2 {
  width: 60vw;
  min-width: auto;
}

.section.vert-align.workflow-3 {
  width: 80vw;
  min-width: auto;
  flex-direction: row;
}

.section.vert-align.workflow-4 {
  width: 100vw;
  min-width: auto;
  background-image: url('../images/workflow-right-svg.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  flex-direction: row;
  padding-left: 10%;
}

.section.vert-align.workflow-5 {
  width: 130vw;
  min-width: auto;
  flex-direction: row;
}

.section.vert-align.workflow-6 {
  width: 70vw;
  min-width: auto;
  flex-direction: row;
  padding-left: 10%;
}

.section.vert-align.workflow-7 {
  width: 60vw;
  min-width: auto;
  flex-direction: row;
  padding-left: 10%;
}

.section.vert-align.workflow-8 {
  width: 100vw;
  min-width: auto;
  flex-direction: row;
}

.section.vert-align.sustainability-intro {
  background-image: url('../images/sustainability-intro-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.section.vert-align.sustainability-green-intro {
  background-color: #4733eb;
  background-image: url('../images/sustain-green-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.section.vert-align.sustainability-bigfeature-wrapper {
  background-color: #4733eb;
}

.section.vert-align.detail-bg {
  background-image: url('../images/detail_bg.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.section.end-section {
  background-color: #171c2e;
}

.section.end-section.workflow-cta {
  height: 100vh;
  flex-wrap: wrap;
  overflow: visible;
}

.section.bankside-1 {
  width: 750px;
  padding-left: 25px;
}

.section.bankside-2 {
  width: 640px;
  align-items: flex-end;
  padding-bottom: 5vw;
  padding-left: 0;
}

.section.bankside-3, .section.bankside-5 {
  width: 600px;
  padding-left: 0;
}

.section.bankside-6 {
  width: 600px;
  flex-direction: column;
  padding-left: 0;
}

.section.bankside-7 {
  width: 600px;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 15%;
  padding-left: 0;
}

.section.bankside-8 {
  width: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 20%;
}

.section.detail-bg {
  background-image: url('../images/detail_bg.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: stretch;
  padding-left: 80px;
}

.section.expertise-bg {
  background-color: #ded6cb;
  background-image: url('../images/workflow-right-svg.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 620px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 80px;
}

.section.sust-content-section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15%;
}

.section.sust-content-section.blue-bg {
  background-color: #4733eb;
}

.home-bg {
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url('../images/t_home-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.intro-wrapper {
  width: 90%;
  height: 80vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.intro-title {
  z-index: 10;
  width: 50%;
  height: 40%;
  background-image: url('../images/t_tide-intro-title.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.intro-poetry-wrap {
  z-index: 10;
  position: absolute;
  bottom: -20px;
  left: 50%;
}

.intro-poem-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.intro-poem {
  text-transform: uppercase;
  background-color: #171c2e;
  padding: 5px;
  font-size: 24px;
  font-weight: 500;
}

.purple {
  color: #4733eb;
}

.intro-line-wrap {
  width: 300px;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.intro-line {
  width: 100%;
  height: 1px;
  background-color: #ded6cb;
}

.design-title {
  z-index: 100;
  width: 79%;
  height: 80vh;
  max-height: 534px;
  max-width: 1164px;
  background-image: url('../images/t_design-headline.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: -16px;
}

.design-img {
  width: 620px;
  height: 620px;
  background-image: url('../images/t_design_img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1000px;
  position: absolute;
  right: 10%;
}

.home-sections-thumbs-wrapper {
  z-index: 1;
  width: 100%;
  height: 40px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.section-thumbs-list {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.section-thumb-item {
  width: 20px;
  height: 20px;
  cursor: pointer;
  flex: none;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  display: flex;
}

.section-thumb {
  width: 100%;
  height: 1px;
  background-color: #4733eb;
}

.section-thumb.section-thumb-active {
  background-color: #ded6cb;
}

.workflow-title {
  z-index: 100;
  width: 85%;
  height: 600px;
  background-image: url('../images/t_workflow-title.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: -16px;
}

.workflow-img1 {
  width: 272px;
  height: 272px;
  background-image: url('../images/t_workflow-img1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1000px;
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 8%;
  right: auto;
}

.workflow-img2 {
  z-index: 90;
  width: 253px;
  height: 253px;
  background-image: url('../images/t_workflow-img2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1000px;
  position: absolute;
  bottom: 10%;
  right: 15%;
}

.bankside-title {
  z-index: 100;
  width: 85%;
  height: 523px;
  background-image: url('../images/t_bankside-title.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: -16px;
}

.bankside-img1 {
  width: 380px;
  height: 380px;
  background-image: url('../images/t_bankside-img1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1000px;
  position: absolute;
  top: 5%;
  left: 10%;
}

.bankside-img2 {
  width: 470px;
  height: 470px;
  background-image: url('../images/t_bankside-img2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1000px;
  position: absolute;
  bottom: 10%;
  right: 5%;
}

.sustainability-title {
  z-index: 100;
  width: 78%;
  height: 486px;
  background-image: url('../images/t_sustainability-title.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: -16px;
}

.sustainability-img1 {
  width: 396px;
  height: 396px;
  background-image: url('../images/t_sustainability-img2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1000px;
  position: absolute;
  bottom: 5%;
  left: 5%;
}

.sustainability-img2 {
  width: 233px;
  height: 233px;
  background-image: url('../images/t_sustainability-img1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1000px;
  position: absolute;
  top: 10%;
  right: 5%;
}

.expertise-title {
  z-index: 100;
  width: 85%;
  height: 550px;
  background-image: url('../images/t_expertise-title.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: -16px;
}

.expertise-img1 {
  width: 299px;
  height: 299px;
  background-image: url('../images/t_expertise-img1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1000px;
  position: absolute;
  top: 5%;
  left: 10%;
}

.expertise-img2 {
  z-index: 90;
  width: 233px;
  height: 233px;
  background-image: url('../images/t_expertise-img2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1000px;
  position: absolute;
  bottom: 15%;
  right: 18%;
}

.detail-img {
  width: 70vh;
  height: 70vh;
  background-image: url('../images/t_detail-img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1000px;
  flex: none;
  position: relative;
}

.detail-title {
  z-index: 100;
  width: 428px;
  height: 333px;
  background-image: url('../images/t_detail-title.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: -21%;
}

.contact-left {
  width: 30%;
  height: 80vh;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.contact-right {
  height: 80vh;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.contact-title {
  color: #ded6cb;
  margin-top: 0;
  font-size: 20px;
}

.contact-squire-logo {
  width: 180px;
  height: 16px;
  background-image: url('../images/contact-squire-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 61px;
  margin-bottom: 35px;
}

.contact-heyne-logo {
  width: 103px;
  height: 66px;
  background-image: url('../images/contact-heyne-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 35px;
}

.contact-hoare-logo {
  width: 144px;
  height: 30px;
  background-image: url('../images/contact-hoare-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 35px;
}

.contact-development {
  margin-top: 100px;
}

.contact-lbs-logo {
  width: 72px;
  height: 37px;
  background-image: url('../images/contact-lbs-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 60px;
  margin-bottom: 60px;
}

.contact-barings-logo {
  width: 94px;
  height: 25px;
  background-image: url('../images/contact-barings-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.contact-cols {
  height: 100%;
  display: flex;
}

.contact-col {
  width: 33%;
  margin-top: 54px;
}

.contact-cushman-logo {
  width: 143px;
  height: 30px;
  background-image: url('../images/contact-cushman-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 70px;
}

.contact-list {
  margin-top: 0;
  margin-bottom: 0;
}

.contact-item {
  color: #ded6cb;
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 500;
}

.contact-rx-logo {
  width: 61px;
  height: 53px;
  background-image: url('../images/contact-rx-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 45px;
}

.contact-union-logo {
  width: 79px;
  height: 54px;
  background-image: url('../images/usp-logo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 45px;
}

.contact-misrep-button {
  height: 26px;
  cursor: pointer;
  background-color: #4733eb;
  align-items: center;
  display: flex;
}

.contact-misrep-button:hover {
  background-color: #f7bab4;
}

.contact-misrep-button-icon {
  width: 26px;
  height: 26px;
  background-color: #171c2e;
  background-image: url('../images/contact-misrep-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #4733eb;
}

.contact-misrep-button-icon.collapse-icon {
  background-image: url('../images/contact-misrep-collapse.svg');
}

.contact-misrep-label {
  margin-left: 6px;
  font-size: 10px;
}

.contact-misrep-text {
  border: 1px solid #4733eb;
  padding: 10px;
  font-size: 11px;
  line-height: 14px;
}

.cursor-controls-wrapper {
  justify-content: space-between;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 32px;
  right: 0%;
}

.cursor-controls-wrapper.hidden {
  display: none;
  left: 40px;
}

.cursor-control {
  width: 10%;
}

.cursor-control.control-right {
  cursor: e-resize;
}

.cursor-control.control-right:hover {
  background-image: linear-gradient(to right, rgba(23, 28, 46, 0), rgba(23, 28, 46, .5));
}

.cursor-control.control-left {
  cursor: w-resize;
}

.cursor-control.control-left:hover {
  background-image: linear-gradient(to right, rgba(23, 28, 46, .5), rgba(255, 255, 255, 0));
}

.cursor-hover {
  cursor: pointer;
  flex: 1;
}

.section-cursor-info {
  z-index: 500;
  width: 300px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.cursor-info-title {
  letter-spacing: .5px;
  background-color: #4733eb;
  padding: 3px 5px;
  font-size: 12px;
}

.cursor-info-copy {
  letter-spacing: .25px;
  background-color: #171c2e;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.cursor-cta {
  color: #f7bab4;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 5px;
  font-size: 10px;
  display: block;
  position: relative;
}

.cursor-cta:hover {
  color: #4733eb;
}

.sequence-container {
  width: 100%;
  min-height: 100vh;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.sequence-container.hero-sequence {
  height: 300vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.left-content-section {
  width: 100%;
  height: 100vh;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  padding-left: 110px;
  display: flex;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.section-header {
  color: #4733eb;
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 75px;
  font-weight: 700;
  line-height: 74px;
}

.section-header.white {
  color: #fff;
}

.tan {
  color: #ded6cb;
}

.section-copy {
  width: 460px;
  color: #171c2e;
  font-weight: 500;
}

.section-copy.left-content-section-copy {
  margin-left: 84px;
}

.section-copy.left-content-section-copy.smart-copy {
  width: 350px;
  color: #fff;
  margin-left: 30%;
}

.section-copy.left-content-section-copy.white {
  color: #fff;
}

.section-copy.flowing-section-copy {
  width: 350px;
  text-align: left;
  margin-top: 35px;
  margin-left: 0;
  position: absolute;
  bottom: 110px;
  left: 110px;
}

.page-header {
  color: #4733eb;
  text-align: center;
  letter-spacing: -3px;
  margin-top: 10px;
  font-size: 100px;
  font-weight: 700;
  line-height: 105px;
}

.page-header.white {
  color: #fff;
}

.page-header.sustainability-header {
  color: #fff;
  letter-spacing: -2px;
  font-size: 80px;
  line-height: 83px;
}

.page-label {
  color: #fff;
  letter-spacing: .2px;
  background-color: #171c2e;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
}

.page-title-block {
  z-index: 500;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.page-scroll-block {
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.scroll-line {
  width: 1px;
  height: 30vh;
  background-color: #fff;
}

.scroll-text {
  margin-top: 10px;
  font-size: 10px;
  font-weight: 700;
}

.page-title-wrapper {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.design-exterior-image {
  z-index: 300;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.blue-wash {
  z-index: 250;
  background-color: #4733eb;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blue-wash.reception-wash {
  z-index: 350;
}

.blue-wash.terrace-wash {
  z-index: 450;
}

.design-reception-image {
  z-index: 400;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
}

.design-terrace-image {
  z-index: 500;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.features-wrapper {
  z-index: 600;
  width: 100%;
  position: relative;
}

.feature-slide {
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.svg-bg {
  z-index: 10;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.feature-temp-bg {
  z-index: -1;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.feature-temp-bg.temp-freshair-bg {
  background-image: url('../images/t_temp-freshair-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature-temp-bg.temp-green-bg {
  background-image: url('../images/t_temp-greenterrace-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature-temp-bg.temp-smart-bg {
  background-image: url('../images/t_temp-smartphone-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.feature-temp-bg.temp-arrive-bg {
  background-image: url('../images/t_temp-arrive-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pink {
  color: #f7bab4;
}

.right-content-section-copy {
  width: 50%;
  height: 100vh;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  padding-left: 30px;
  display: flex;
  position: absolute;
  bottom: 0%;
  right: 0;
}

.smart-features-wrapper {
  width: 32%;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.smart-features-wrapper.mob-closed {
  display: flex;
}

.smart-feature-list {
  width: 100%;
  height: auto;
  flex-flow: column wrap;
  align-content: center;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.smart-feature-item {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 87px;
}

.smart-feature-item.smart-hands-icon {
  background-image: url('../images/smart-hands-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 60px;
  flex: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.smart-feature-item.smart-schedule-icon {
  background-image: url('../images/smart-schedule-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 61px;
}

.smart-feature-item.smart-journey-icon {
  background-image: url('../images/smart-journey-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 76px;
}

.smart-feature-item.smart-order-icon {
  background-image: url('../images/smart-order-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 64px;
}

.smart-feature-item.smart-communicate-icon {
  background-image: url('../images/smart-communicate-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 64px;
}

.smart-feature-item.smart-environment-icon {
  background-image: url('../images/smart-environment-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 64px;
}

.smart-feature-headline {
  color: #f7bab4;
}

.smart-feature-copy {
  padding-right: 20px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.arrive-feature-list {
  width: 40%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  margin-left: 80px;
  display: flex;
}

.arrive-feature-item {
  width: 45%;
  height: 55px;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 0;
  padding-left: 84px;
  display: flex;
}

.arrive-feature-item.arrive-towel-icon {
  background-image: url('../images/arrive-towel-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 56px;
}

.arrive-feature-item.arrive-shower-icon {
  background-image: url('../images/arrive-shower-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 47px;
}

.arrive-feature-item.arrive-cycle-icon {
  background-image: url('../images/arrive-cycle-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 69px;
}

.arrive-feature-item.arrive-repair-icon {
  background-image: url('../images/arrive-bike-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 44px;
}

.arrive-feature-item.arrive-gym-icon {
  background-image: url('../images/arrive-gym-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 45px;
}

.arrive-feature-item.arrive-charging-icon {
  background-image: url('../images/arrive-electric-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 42px;
}

.arrive-feature-item.arrive-lift-icon {
  background-image: url('../images/arrive-lift-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 54px;
}

.arrive-feature-item.arrive-folding-icon {
  background-image: url('../images/arrive-folding-icon.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 49px;
}

.arrive-feature-heading {
  color: #f7bab4;
  line-height: 17px;
}

.dollhouse-wrapper {
  background-color: #ded6cb;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.dollhouse-interface {
  color: #4733eb;
  border: 1px solid #4733eb;
  position: absolute;
  top: 35px;
  bottom: 35px;
  left: 70px;
  right: 35px;
}

.dollhouse-title-block {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
  left: -1px;
  right: auto;
}

.dollhouse-header {
  color: #171c2e;
  border: 1px solid #4733eb;
  margin-bottom: -1px;
  padding: 5px 10px;
  font-weight: 700;
}

.dollhouse-header.dollhouse-area {
  color: #4733eb;
}

.dollhouse-controls {
  flex-direction: column;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: -1px;
}

.dollhouse-control-button {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border: 1px solid #4733eb;
  margin-bottom: -1px;
}

.dollhouse-control-button:hover {
  background-color: #f7bab4;
}

.dollhouse-control-button.dollhouse-zoom-in {
  background-image: url('../images/dollhouse-zoomin-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.dollhouse-control-button.dollhouse-zoom-out {
  background-image: url('../images/dollhouse-zoomout-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.dollhouse-control-button.dollhouse-zoom-center {
  background-image: url('../images/dollhouse-zoomcenter-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.dollhouse-image {
  z-index: 1000;
  width: 65%;
  height: 94%;
  background-image: url('../images/temp-dollhouse-img.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.cta-wrapper {
  width: 100%;
  justify-content: space-between;
  padding-bottom: 40px;
  padding-left: 110px;
  padding-right: 80px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0;
}

.cta-left {
  width: 300px;
  color: #4733eb;
  cursor: pointer;
  border-top: 1px solid #4733eb;
  flex: none;
  padding-top: 5px;
  font-size: 16px;
}

.cta-left:hover {
  color: #f7bab4;
}

.cta-right {
  max-width: 400px;
  flex: 1;
  padding-right: 0;
  position: relative;
}

.cta-copy {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.cta-link {
  color: #f7bab4;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 8px;
}

.cta-link:hover {
  color: #4733eb;
}

.cta-link.cta-current {
  color: #fff;
}

.workflow-left-bg {
  width: 55%;
  height: 100vh;
  background-image: url('../images/workflow-left-svg.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.workflow-right-bg {
  width: 40%;
  height: 100vh;
  background-image: url('../images/workflow-right-svg.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.workflow-introline-wrapper {
  width: 300px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.workflow-intro-line {
  width: 100%;
  height: 1px;
  background-color: #4733eb;
}

.page-title-copy {
  max-width: 400px;
  color: #171c2e;
  margin-top: 80px;
  margin-bottom: -113px;
  margin-left: 50%;
}

.page-title-copy.white {
  color: #fff;
}

.page-title-copy.white.bankside-intro-copy {
  position: absolute;
  bottom: 195px;
  left: 0;
}

.page-title-copy.sustainability-intro-copy {
  margin-left: 56%;
}

.page-title-copy.sustainability-green-copy {
  max-width: 800px;
  color: #fff;
  margin-left: 56%;
}

.page-title-copy.sust-intro-note {
  color: #4733eb;
  text-align: right;
  margin-top: 55px;
  margin-left: -50%;
}

.workflow-intro-wrapper {
  z-index: 200;
  width: 40vw;
  height: 70vh;
  background-image: url('../images/workflow-intro-img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.workflow-intro-info {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.workflow-intro-header {
  text-align: center;
  font-size: 50px;
  line-height: 55px;
}

.workflow-intro-copy {
  text-align: center;
  margin-top: 20px;
}

.workflow-time-wrapper {
  align-items: flex-end;
  display: flex;
}

.workflow-time-wrapper.workflow-time-intro {
  position: absolute;
  top: 90px;
  left: -105px;
}

.workflow-time-wrapper.workflow4-time {
  flex-flow: column wrap;
  align-content: flex-end;
  align-items: flex-end;
  position: absolute;
  top: auto;
  bottom: 24px;
  left: -141px;
  right: auto;
}

.workflow-time-wrapper.workflow6-time {
  justify-content: flex-end;
  margin-bottom: 20px;
}

.workflow-time-wrapper.workflow8-time {
  margin-bottom: 20px;
}

.workflow-time {
  color: #4733eb;
  letter-spacing: -4px;
  font-size: 100px;
  font-weight: 700;
  line-height: 73px;
}

.workflow-time-sub {
  color: #4733eb;
  margin-top: 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 26px;
}

.workflow-time-sub.workflow4-sub {
  flex: 0 auto;
  padding-right: 64px;
}

.workflow-time-sub.workflow6-sub {
  width: auto;
  flex: 0 auto;
  padding-right: 0;
}

.workflow-line-wrapper {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.workflow-touch-wrapper {
  z-index: 200;
  width: 40vw;
  height: 100vh;
  background-color: #ded6cb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.workflow-touch-bg {
  width: 70%;
  height: 100%;
  background-color: #f7bab4;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: absolute;
}

.workflow-touch-bgmask {
  width: 100%;
  height: 70%;
  background-color: #ded6cb;
}

.workflow-touch-img {
  width: 100%;
  height: 60vh;
  background-image: url('../images/workflow-touch-img.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.workflow-touch-info {
  width: 330px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 70px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0;
}

.workflow-sub-header {
  color: #171c2e;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 37px;
}

.workflow-sub-header.purple {
  color: #4733eb;
}

.workflow-touch-copy {
  color: #171c2e;
  text-align: left;
  margin-top: 15px;
}

.workflow-touch-link {
  color: #4733eb;
  position: relative;
  top: 10px;
}

.workflow-selector-wrapper {
  z-index: 100;
  width: 30vw;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.workflow-selector-item {
  width: 100%;
  height: 50vh;
  background-image: url('../images/workflow-pick1-img1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.workflow3-info-wrapper {
  height: auto;
  margin-left: 25px;
  margin-right: 25px;
}

.workflow3-feature-block {
  max-width: 510px;
  min-width: 250px;
  margin-top: 10vh;
}

.workflow4-img {
  width: 400px;
  height: 478px;
  background-image: url('../images/worflow-present-img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  position: relative;
}

.workflow4-phoneimg {
  width: 103px;
  height: 160px;
  background-image: url('../images/workflow-presentphone-img.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.workflow4-info-wrapper {
  height: auto;
  margin-top: -50px;
  margin-left: 25px;
}

.workflow-line5-img {
  width: 100%;
  height: 600px;
  background-image: url('../images/workflow-lunch-line.svg');
  background-position: 100% 49%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
  position: absolute;
}

.workflow6-info-wrapper {
  z-index: 100;
  height: auto;
  margin-top: 120px;
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
}

.workflow6-feature-block {
  max-width: 510px;
  min-width: 310px;
  text-align: right;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 140px;
  display: flex;
}

.workflow6-img {
  width: 400px;
  height: 478px;
  background-image: url('../images/workflow-terrace-img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.workflow6-leafbg {
  z-index: -1;
  width: 500px;
  height: 100%;
  background-image: url('../images/workflow6-leaf-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 45%;
}

.workflow6-leaf-img {
  width: 300px;
  height: 270px;
  background-image: url('../images/workflow6-leaf-img.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: -110px;
  left: -146px;
}

.workflow7-img {
  width: 150px;
  height: 478px;
  background-image: url('../images/workflow7-img.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.workflow7-bg {
  z-index: -2;
  width: 400px;
  height: 400px;
  background-image: url('../images/workflow7-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  margin-left: 60px;
  position: relative;
  left: 70px;
}

.workflow7-feature-block {
  max-width: 510px;
  min-width: 250px;
  margin-top: 180px;
}

.workflow-feature-sub {
  font-size: 15px;
}

.workflow8-feature-block {
  max-width: 540px;
  min-width: 250px;
  margin-top: 225px;
}

.timeline-intro {
  width: 100%;
  height: 100vh;
  background-image: url('../images/temp-walk-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bankside1-img {
  width: 594px;
  height: 673px;
  background-image: url('../images/bankside-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bankside-walk-label {
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.bankside-walk-time {
  background-color: #4733eb;
  padding: 4px 8px;
  font-size: 16px;
  font-weight: 500;
}

.bankside-walk-text {
  background-color: #171c2e;
  padding: 4px 8px;
  font-size: 16px;
  font-weight: 500;
}

.bankside2-img {
  width: 448px;
  height: 508px;
  background-image: url('../images/bankside-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bankside3-img {
  width: 421px;
  height: 604px;
  background-image: url('../images/bankside-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bankside4-container {
  width: 360px;
  height: auto;
  background-color: #ded6cb;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  display: flex;
  position: relative;
}

.bankside4-container.blackfriar-card {
  top: 83px;
}

.bankside4-container.southwark-card {
  top: -98px;
}

.travel-info-hero {
  width: 280px;
  height: 280px;
  background-image: url('../images/travel-info-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.travel-type-list {
  justify-content: center;
  display: flex;
}

.travel-type-info.rail-icon {
  width: 36px;
  height: 23px;
  background-image: url('../images/rail-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.travel-type-info.tube-icon {
  width: 40px;
  height: 25px;
  background-image: url('../images/tube-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.travel-info-name {
  color: #171c2e;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 38px;
  font-size: 45px;
  line-height: 42px;
}

.travel-info-name.two-line {
  margin-top: 6px;
}

.travel-tubeline-list {
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

.travel-tubeline-item {
  width: 26px;
  height: 26px;
  border-radius: 100px;
  margin-left: 5px;
  margin-right: 5px;
}

.travel-tubeline-item.circle-line {
  background-color: #f3c205;
}

.travel-tubeline-item.district-line {
  background-color: #007a32;
}

.travel-tubeline-item.jubilee-line {
  background-color: #b4b4b4;
}

.travel-tubeline-item.northern-line {
  background-color: #171c2e;
}

.travel-walk-label {
  color: #171c2e;
  text-align: center;
  background-image: url('../images/walk-icon.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-size: 16px;
}

.travel-times-list {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 0;
  padding-left: 0;
}

.travel-times-item {
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.travel-time-label {
  color: #171c2e;
  font-size: 16px;
}

.bankside5-img {
  width: 448px;
  height: 508px;
  background-image: url('../images/bankside-5.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bankside6a-img {
  width: 304px;
  height: 264px;
  background-image: url('../images/bankside-6a.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 50px;
  margin-right: 56px;
  position: relative;
}

.bankside6b-img {
  width: 479px;
  height: 304px;
  background-image: url('../images/bankside-6b.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
  position: relative;
}

.bankside7-img {
  width: 354px;
  height: 243px;
  background-image: url('../images/bankside-7.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
  position: relative;
}

.bankside8-img {
  width: 562px;
  height: 421px;
  background-image: url('../images/bankside-8.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
  position: relative;
}

.bankside-timeline-bg {
  width: 100%;
  height: 100vh;
  background-image: url('../images/temp-waves-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bankside-introline-wrapper {
  z-index: 15;
  width: 250px;
  justify-content: flex-end;
  align-items: center;
  padding-right: 40px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.bankside-intro-line {
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-top: 6px;
  margin-right: 20px;
}

.blue {
  color: #4733eb;
}

.sustain-video-cont {
  width: 608px;
  height: 608px;
  background-image: url('../images/sustain-vid-placeholder.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1000px;
  position: relative;
}

.sustain-video-play {
  width: 148px;
  height: 148px;
  cursor: pointer;
  background-image: url('../images/sustainability-vig-play.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 40px;
  bottom: auto;
  left: auto;
  right: 0;
}

.sustain-video-play:hover {
  background-image: url('../images/sustainability-vig-play-hover.svg');
}

.sustain-vid-bg {
  z-index: -1;
  width: 60%;
  height: 100vh;
  background-image: url('../images/sustainability-vid-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.sustain-vid-info-wrapper {
  width: 600px;
  position: absolute;
  top: auto;
  bottom: 80px;
  left: 80px;
  right: auto;
}

.sustain-vid-quote {
  color: #4733eb;
  font-size: 31px;
  font-weight: 700;
  line-height: 37px;
}

.sustain-vid-signoff {
  color: #171c2e;
  margin-top: 25px;
  line-height: 18px;
}

.sustain-features-wrapper {
  width: 100%;
  height: 100vh;
  position: relative;
}

.sustain-feature-item {
  flex-direction: row;
  align-items: center;
  display: flex;
  position: absolute;
  left: 42px;
}

.sustain-feature-item.sustain-years-item {
  top: 28%;
  left: 20%;
}

.sustain-feature-item.sustain-grid-item {
  top: 12%;
  left: 41%;
}

.sustain-feature-item.sustain-unique-item {
  top: 46%;
  left: 45%;
}

.sustain-feature-item.sustain-materials-item {
  top: 32%;
  left: 64%;
}

.sustain-feature-item.sustain-annum-item {
  top: 61%;
  left: 67%;
}

.sustain-feature-item.sustain-leti-item {
  top: 74%;
  left: 45%;
}

.sustain-feature-icon {
  width: 76px;
  height: 76px;
  margin-right: 10px;
}

.sustain-feature-icon.sustain-years-icon {
  background-image: url('../images/sustain-years-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sustain-feature-icon.sustain-grid-icon {
  width: 92px;
  background-image: url('../images/sustain-grid-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sustain-feature-icon.sustain-unique-icon {
  width: 76px;
  background-image: url('../images/sustain-efficient-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sustain-feature-icon.sustain-materials-icon {
  width: 76px;
  background-image: url('../images/sustain-materials-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sustain-feature-icon.sustain-annum-icon {
  width: 76px;
  background-image: url('../images/sustain-annum-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sustain-feature-icon.sustain-leti-icon {
  width: 76px;
  background-image: url('../images/sustain-leti-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sustain-feature-info {
  display: flex;
}

.sustain-feature-label {
  color: #ded6cb;
  background-color: #171c2e;
  padding: 4px 10px;
}

.sustain-feature-toggle {
  width: 30px;
  height: 30px;
  background-color: #ded6cb;
  background-image: url('../images/sustain-feature-expand.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.sustain-feature-toggle.collapse-toggle {
  background-color: #171c2e;
  background-image: url('../images/sustain-feature-collapse.svg');
}

.sustain-info-expanded {
  width: 250px;
  max-width: 400px;
  color: #171c2e;
  background-color: #ded6cb;
  margin-top: 35px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  position: absolute;
}

.sustain-feature-copy {
  max-width: 400px;
  color: #171c2e;
  position: absolute;
  top: auto;
  bottom: 80px;
  left: 80px;
  right: auto;
}

.sustainability-green-leaf {
  width: 550px;
  height: 650px;
  background-image: url('../images/sustain-leaf-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: auto;
  bottom: -215px;
  left: -24px;
  right: auto;
}

.sustainability-plant-bg {
  width: 960px;
  height: 820px;
  background-image: url('../images/sustain-plant-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -364px;
  bottom: auto;
  left: auto;
  right: -592px;
}

.sustain-bigfeature-list {
  width: 100%;
  height: 100vh;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
}

.sustain-bigfeature-item {
  width: 40%;
  align-items: center;
  margin: 60px 40px;
  display: flex;
}

.sustain-bigfeature-icon {
  width: 165px;
  height: 165px;
  flex: none;
  margin-right: 30px;
}

.sustain-bigfeature-icon.sustain-bigfeature-smart {
  background-image: url('../images/sustain-bigfeature-smart.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.sustain-bigfeature-icon.sustain-bigfeature-performance {
  background-image: url('../images/sustain-bigfeature-performance.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.sustain-bigfeature-icon.sustain-bigfeature-teamwork {
  background-image: url('../images/sustain-bigfeature-teamwork.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.sustain-bigfeature-icon.sustain-bigfeature-energy {
  background-image: url('../images/sustain-bigfeature-energy.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.sustain-bigfeature-header {
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 5px;
}

.sustain-bigfeature-copy {
  max-width: 330px;
}

.detail-content {
  width: 70%;
  padding-bottom: 100px;
  padding-right: 80px;
}

.detail-sub {
  width: 30%;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 60px;
  display: flex;
}

.detail-header {
  color: #171c2e;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 45px;
}

.detail-header.blue {
  max-width: 700px;
  color: #4733eb;
}

.detail-header.blue.expertise-header {
  margin-bottom: 110px;
}

.detail-spacer {
  height: 60vh;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detail-gallery {
  height: 80vh;
  margin-bottom: 70px;
}

.detail-gallery-image {
  width: 100%;
  height: 100%;
  background-image: url('../images/detail-gallery-img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.detail-gallery-controls {
  width: 100%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gallery-button {
  width: 55px;
  height: 55px;
  cursor: pointer;
  background-color: #4733eb;
}

.gallery-button:hover {
  background-color: #171c2e;
}

.gallery-button.prev-button {
  background-image: url('../images/gallery-prev.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.gallery-button.next-button {
  background-image: url('../images/gallery-next.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.gallery-thumbs-container {
  height: 55px;
  background-color: #171c2e;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 20px;
  display: flex;
}

.gallery-thumb {
  width: 20px;
  height: 1px;
  cursor: pointer;
  background-color: #fff;
  margin-left: 2px;
  margin-right: 2px;
}

.gallery-thumb:hover {
  background-color: #f7bab4;
}

.gallery-thumb.thumb-active {
  background-color: #4733eb;
}

.detail-map {
  border-top: 1px solid #000;
  margin-bottom: 70px;
  position: relative;
}

.detail-section-label {
  color: #4733eb;
  font-size: 30px;
  line-height: 32px;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.detail-map-wrapper {
  height: 62vh;
  margin-top: 40px;
  position: relative;
}

.detail-map-img {
  width: 100%;
  height: 100%;
  background-image: url('../images/detail-map-placeholder.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.map-controls {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 90px;
  left: auto;
  right: 0%;
}

.map-button {
  width: 31px;
  height: 31px;
  cursor: pointer;
  background-color: #171c2e;
  margin-top: 1px;
  margin-bottom: 1px;
}

.map-button:hover {
  background-color: #f7bab4;
}

.map-button.zoom-in {
  background-image: url('../images/map-zoomin.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.map-button.zoom-out {
  background-image: url('../images/map-zoomout.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.map-button.zoom-reset {
  background-image: url('../images/map-zoomreset.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.detail-section {
  border-top: 1px solid #171c2e;
  margin-bottom: 70px;
  position: relative;
}

.detail-section.plan-section {
  height: 90vh;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detail-elev-wrapper {
  height: 835px;
  align-items: flex-end;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.toggle {
  z-index: 200;
  width: auto;
  cursor: pointer;
  flex: none;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.toggle-label {
  color: #171c2e;
  font-size: 10px;
  font-weight: 700;
}

.toggle-label.toggle-active {
  color: #4733eb;
}

.toggler {
  width: 40px;
  height: 20px;
  cursor: pointer;
  background-image: url('../images/elev-wave.svg');
  background-position: 51% 73%;
  background-repeat: no-repeat;
  border-radius: 20px;
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.toggler.toggled {
  justify-content: flex-end;
}

.toggler-pip {
  width: 16px;
  height: 16px;
  background-color: #4733eb;
  border-radius: 20px;
  position: absolute;
}

.elev-table {
  width: 340px;
  margin-bottom: 16px;
  padding-left: 0;
}

.elev-item {
  border-top: 1px solid #e48f87;
  margin-bottom: 15px;
  padding-top: 10px;
  display: flex;
}

.elev-item.top-floor {
  border-top-style: none;
}

.elev-item.elev-total {
  border-bottom: 1px solid #e48f87;
  margin-top: 25px;
  padding-bottom: 10px;
}

.elev-floor {
  min-width: 90px;
  color: #171c2e;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.elev-area {
  min-width: 85px;
  color: #4733eb;
  letter-spacing: -.5px;
  font-size: 16px;
  font-weight: 700;
}

.elev-sub-item {
  flex-wrap: wrap;
  display: flex;
}

.elev-sub-label {
  min-width: 70px;
  color: #171c2e;
  flex: none;
  align-items: center;
  font-size: 10px;
  line-height: 11px;
  display: flex;
}

.elev-sub-group {
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  display: flex;
}

.elev-col-label {
  min-width: 85px;
  color: #171c2e;
  letter-spacing: -.5px;
  font-size: 12px;
  font-weight: 700;
}

.elev-img {
  width: 100%;
  height: 100%;
  background-image: url('../images/detail-elev.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.detail-plan {
  height: 100%;
  margin-top: 40px;
  display: flex;
}

.detail-info {
  z-index: 100;
  width: 205px;
  height: 100%;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  margin-right: 15px;
  display: flex;
  position: relative;
}

.detail-plan-container {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.detail-plan-img {
  width: 68vh;
  height: 80%;
  max-height: 590px;
  max-width: 600px;
  background-image: url('../images/plan-placeholder-img.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
}

.detail-plan-controls {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.detail-plan-control {
  width: 31px;
  height: 32px;
  cursor: pointer;
  border: 1px solid #4733eb;
  margin-top: 2px;
}

.detail-plan-control:hover {
  background-color: #e48f87;
  border-color: #e48f87;
}

.detail-plan-control.zoom-in {
  background-image: url('../images/plan-zoomin.svg');
  background-position: 51%;
  background-repeat: no-repeat;
  background-size: auto;
}

.detail-plan-control.zoom-out {
  background-image: url('../images/plan-zoomout.svg');
  background-position: 56% 52%;
  background-repeat: no-repeat;
  background-size: auto;
}

.detail-plan-control.zoom-reset {
  background-image: url('../images/plan-zoomreset.svg');
  background-position: 57%;
  background-repeat: no-repeat;
  background-size: auto;
}

.plan-level {
  flex-direction: row;
  align-items: stretch;
  display: flex;
  position: relative;
}

.plan-label {
  color: #171c2e;
  padding-right: 5px;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.plan-label.blue {
  color: #4733eb;
}

.plan-dropdown {
  width: 20px;
  height: 34px;
  background-image: url('../images/dropdown-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.plan-area-group {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.plan-area-label {
  color: #171c2e;
  font-weight: 700;
}

.plan-elevation {
  width: 206px;
  height: 194px;
  background-image: url('../images/plan-elev-27.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.specification-wrapper {
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.specification-list {
  width: 50%;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 30px;
}

.specification-item {
  color: #171c2e;
  background-image: url('../images/spec-bullet.svg');
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 20px;
  padding-left: 25px;
}

.spec-download-link {
  color: #171c2e;
  cursor: pointer;
  background-image: url('../images/spec-full-icon.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 29px;
  font-size: 24px;
  font-weight: 700;
}

.spec-download-link:hover {
  color: #4733eb;
}

.download-list {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.download-item {
  color: #171c2e;
  cursor: pointer;
  background-image: url('../images/download-icon.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 10px;
  padding: 5px 15px 5px 30px;
  font-size: 16px;
  font-weight: 700;
}

.download-item:hover {
  color: #4733eb;
}

.download-sub {
  font-size: 10px;
}

.detail-sub-list {
  width: 100%;
  max-width: 250px;
  border-top: 1px solid #171c2e;
  margin-bottom: 0;
  padding-top: 15px;
  padding-left: 0;
}

.detail-sub-item {
  color: #4733eb;
  text-align: right;
  cursor: pointer;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 700;
}

.detail-sub-item:hover {
  color: #171c2e;
}

.expertise-content {
  width: 100%;
  padding: 130px 0 0;
}

.expertise-featured {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 80px;
  padding-right: 60px;
  display: flex;
}

.expertise-featured-item {
  width: 49%;
  height: 650px;
  background-color: #171c2e;
  position: relative;
}

.moorgate-featured-img {
  opacity: .9;
  background-image: url('../images/moorgate-featured-img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.expertise-featured-fade {
  width: 100%;
  height: 200px;
  background-image: linear-gradient(to top, #171c2e, rgba(23, 28, 46, 0));
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.expertise-featured-label {
  color: #171c2e;
  background-color: #f7bab4;
  padding: 12px 20px 15px 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  position: absolute;
}

.expertise-featured-info {
  flex-direction: column;
  padding: 0 26px 15px 20px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.expertise-featured-copy {
  max-width: 450px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}

.featured-logo-list {
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.featured-logo-item.lbs-white-logo {
  width: 52px;
  height: 28px;
  background-image: url('../images/lbs-logo-white.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.featured-logo-item.barings-white-logo {
  width: 77px;
  height: 20.4px;
  background-image: url('../images/barings-logo-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.featured-logo-item.squire-white-logo {
  width: 148px;
  height: 14px;
  background-image: url('../images/squire-logo-white.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.featured-logo-divider {
  width: 1px;
  height: 30px;
  background-color: #4733eb;
  margin-left: 20px;
  margin-right: 20px;
}

.bold {
  font-weight: 700;
}

.landmark-featured-img {
  opacity: .9;
  background-image: url('../images/landmark-featured-img.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.expertise-team {
  margin-top: 40px;
  margin-bottom: 100px;
}

.development-team-list {
  display: flex;
}

.development-team-item {
  width: 31%;
  height: 580px;
  background-color: #f7bab4;
  margin-right: 20px;
  position: relative;
}

.development-team-item.barrings-bg {
  background-image: url('../images/expertise-barings-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-team-item.barrings-bg.dev-collapsed {
  width: 105px;
}

.development-team-item.lbs-bg {
  background-image: url('../images/expertise-lbs-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-team-item.squire-bg {
  background-image: url('../images/expertise-squire-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-team-item.dev-expanded {
  width: 100%;
  margin-right: 0;
  display: flex;
}

.development-expand-button {
  z-index: 10;
  width: 40px;
  height: 100%;
  cursor: pointer;
  background-color: #171c2e;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.development-expand-button:hover {
  background-color: #4733eb;
}

.development-team-content {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 100px 70px 30px 26px;
  display: flex;
  position: relative;
}

.development-team-content.hidden {
  display: none;
}

.development-team-content.barrings-bg {
  background-image: url('../images/expertise-barings-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-team-content.barrings-bg.dev-expanded {
  width: 80px;
  padding-left: 40px;
}

.development-team-content.lbs-bg {
  background-image: url('../images/expertise-lbs-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.development-team-content.squire-bg {
  background-image: url('../images/expertise-squire-bg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.developement-team-label {
  color: #171c2e;
  background-color: #f7bab4;
  padding: 10px 12px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.barrings-logo {
  width: 207px;
  height: 55px;
  background-image: url('../images/barings-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.development-copy {
  color: #171c2e;
  font-size: 16px;
  line-height: 21px;
}

.development-sub {
  font-size: 10px;
}

.development-collapse-bar {
  width: 70px;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.barrings-vert-logo {
  width: 35px;
  height: 130px;
  background-image: url('../images/barings-vert-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.development-expand-text {
  width: auto;
  color: #ded6cb;
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: rotate(-90deg);
}

.development-expand-text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.dev-icon.dev-expand-icon {
  background-image: url('../images/dev-expand-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  top: 1px;
}

.dev-icon.dev-collapse-icon {
  background-image: url('../images/dev-collapse-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  top: 1px;
}

.lbs-logo {
  width: 137px;
  height: 73px;
  background-image: url('../images/lbs-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.lbs-vert-logo {
  width: 35px;
  height: 69px;
  background-image: url('../images/lbs-vert-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.squire-logo {
  width: 314px;
  height: 25px;
  background-image: url('../images/squire-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.squire-vert-logo {
  width: 20px;
  height: 210px;
  background-image: url('../images/squire-vert-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.dev-expanded-wrapper {
  width: 100%;
  background-color: #171c2e;
  align-items: center;
  padding-left: 75px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dev-info-wrapper {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.dev-info-wrapper.dev-expanded {
  display: none;
}

.dev-projects-list {
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.dev-project-item {
  width: 300px;
  margin-right: 50px;
}

.dev-project-img {
  margin-bottom: 30px;
}

.dev-project-title {
  color: #ded6cb;
  font-weight: 500;
}

.dev-project-stats {
  margin-top: 15px;
  margin-bottom: 0;
}

.dev-project-stat-item {
  color: #ded6cb;
  background-image: url('../images/spec-bullet.svg');
  background-position: 0 9px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 10px;
  padding-left: 25px;
  font-weight: 500;
}

.burger-wrapper {
  z-index: 2000;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 0 40px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.burger-wrapper.hidden {
  display: none;
}

.burger-bg {
  width: 100%;
  height: 100%;
  opacity: .9;
  background-color: #4733eb;
  position: relative;
}

.burger-content {
  flex-direction: row;
  padding: 62px 25px 62px 30px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.burger-nav-list {
  width: 100%;
  height: 100%;
  flex-flow: wrap;
  align-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.burger-nav-item {
  width: 45%;
  color: #f7bab4;
  cursor: pointer;
  border-top: 1px solid #f7bab4;
  margin-left: 0;
  margin-right: 30px;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-right: 25px;
}

.burger-nav-item:hover {
  color: #fff;
  border-top-color: #fff;
}

.burger-nav-item.burger-summary-item {
  width: 100%;
}

.burger-nav-header {
  margin-top: 0;
  font-size: 30px;
  font-weight: 500;
}

.burger-nav-header.summary-nav {
  font-size: 20px;
  line-height: 20px;
}

.burger-copy {
  margin-top: 0;
}

.workflow5-info-wrapper, .workflow5-time-wrapper {
  height: auto;
  margin-left: 25px;
  margin-right: 25px;
}

.page-transition-wrapper {
  z-index: 500;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.page-transition-wrapper.hidden {
  display: none;
}

.outro-wipe {
  width: 100%;
  height: 0%;
  background-color: #4733eb;
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.outro-wipe.fired {
  height: 100%;
}

.intro-wipe {
  width: 100%;
  height: 100%;
  background-color: #4733eb;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
}

.intro-wipe.fired {
  height: 0%;
}

.feature-slide-wrapper {
  width: 100%;
  height: auto;
  position: relative;
}

.features-mob-link {
  display: none;
}

.arrive-feature-wrapper.mob-closed {
  display: flex;
}

.dark-blue {
  color: #4733eb;
}

.intro-video {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/t_intro-title-hero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

.loader-wrapper {
  z-index: 3000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.loader-wrapper.hidden {
  display: none;
}

.loader-bg {
  background-color: #171c2e;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.loader {
  width: 260px;
  height: 130px;
  background-image: url('../images/loader.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.cta-container {
  width: 100%;
  height: 100vh;
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cta-container.fade {
  opacity: 0;
}

.worflow-titles-wrapper {
  z-index: 100;
  width: 100%;
  height: 100vh;
  padding-top: 100vh;
  padding-bottom: 100vh;
  position: relative;
  overflow: hidden;
}

.video-player {
  width: 100%;
  height: 100%;
}

.video-player.walk-video {
  z-index: 1;
  position: absolute;
}

.timeline-intro-content {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.burger-summary-col {
  width: 33%;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  padding-right: 30px;
  display: flex;
}

.burger-summary-header {
  color: #fff;
  font-size: 30px;
  line-height: 34px;
}

.bold-text-3 {
  font-weight: 500;
}

.burger-summary-links {
  margin-bottom: 0;
}

.burger-summary-links small a {
  color: #ffffff;
}

.burger-summary-links small a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.burger-summary-link {
  color: #f7bab4;
  cursor: pointer;
  margin-bottom: 15px;
  font-size: 30px;
  line-height: 30px;
}

.burger-sub-copy {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 5px;
}

.center-content-section {
  width: 100%;
  height: 100vh;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  padding-left: 110px;
  display: flex;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.center-content-section.mob-center-aligned {
  align-items: center;
  padding-left: 0;
}

.plan-dropdown-list {
  z-index: 100;
  background-color: #171c2e;
  display: none;
  position: absolute;
  top: 30px;
}

.plan-dropdown-item {
  min-width: 200px;
  cursor: pointer;
  padding: 8px 10px;
  font-size: 16px;
}

.plan-dropdown-item:hover {
  background-color: #4733eb;
}

.plan-dropdown-item.plan-active {
  color: #4733eb;
}

.plan-dropdown-item.plan-active:hover {
  background-color: rgba(0, 0, 0, 0);
}

.contact-gt-logo {
  width: 165px;
  height: 40px;
  background-image: url('../images/gt-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-quote {
  max-width: 90%;
  text-align: center;
  font-size: 60px;
  line-height: 70px;
}

.bold-text-4 {
  text-align: center;
}

.navy {
  color: #171c2e;
}

.sust-quote-signoff {
  color: #171c2e;
  text-align: center;
  margin-top: 25px;
  line-height: 18px;
}

.sust-quote-signoff.white {
  color: #fff;
}

.sust-quote-signoff.tan {
  color: #ded6cb;
}

.sust-cred-list {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15%;
  padding-left: 130px;
  padding-right: 110px;
  display: flex;
}

.sust-cred-item {
  width: 30%;
  margin-bottom: 110px;
  margin-right: 20px;
}

.sust-cred-icon {
  width: 127px;
  height: 127px;
  margin-bottom: 21px;
  margin-left: -5px;
}

.sust-cred-icon.sust-leti {
  background-image: url('../images/sust-leti.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-cred-icon.sust-nabers {
  background-image: url('../images/sust-nabers.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-cred-icon.sust-breeam {
  background-image: url('../images/sust-breeam.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-cred-icon.sust-bco {
  background-image: url('../images/sust-bco.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-cred-icon.sust-ukgc {
  background-image: url('../images/sust-gbc.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-cred-icon.sust-carbon {
  background-image: url('../images/sust-carbon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-cred-icon.sust-wired {
  background-image: url('../images/sust-wired.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-cred-icon.sust-well {
  background-image: url('../images/sust-well.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.sust-cred-icon.sust-smart {
  background-image: url('../images/sust-smartscore.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.occ-features-list {
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15%;
  margin-bottom: 15%;
  padding-left: 130px;
  padding-right: 110px;
  display: flex;
}

.occ-feature-item {
  width: 39%;
  margin-bottom: 100px;
  margin-left: 20px;
  margin-right: 20px;
}

.occ-feature-icon {
  width: 140px;
  height: 140px;
  margin-bottom: 20px;
}

.occ-feature-icon.occ-43 {
  width: 193px;
  height: 68px;
  background-image: url('../images/43-carbon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 23px;
}

.occ-feature-icon.occ-energy {
  width: 162px;
  height: 90px;
  background-image: url('../images/occ-energy.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.occ-feature-icon.occ-glazing {
  width: 119px;
  height: 127px;
  background-image: url('../images/occ-glazing.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.occ-feature-icon.occ-windows {
  width: 119px;
  height: 122px;
  background-image: url('../images/occ-windows.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.occ-feature-icon.occ-efficient {
  width: 118px;
  height: 118px;
  background-image: url('../images/occ-efficient.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 15px;
  margin-left: -6px;
}

.occ-feature-icon.occ-lighting {
  width: 124px;
  height: 129px;
  background-image: url('../images/occ-lighting.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.occ-feature-icon.occ-smart {
  width: 66px;
  height: 123px;
  background-image: url('../images/occ-smart.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
}

.occ-feature-icon.occ-bike {
  width: 152px;
  height: 80px;
  background-image: url('../images/occ-bike.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 35px;
  margin-left: -4px;
}

.occ-feature-icon.occ-water {
  width: 130px;
  height: 105px;
  background-image: url('../images/occ-water.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 15px;
  margin-left: -4px;
}

.occ-feature-icon.occ-green {
  width: 166px;
  height: 127px;
  background-image: url('../images/occ-green.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.feature-sub {
  font-size: 16px;
}

.video-overlay {
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-overlay.hidden {
  display: none;
}

.video-content {
  width: 89%;
  height: 50vw;
  background-color: #171c2e;
  position: relative;
}

.close-button {
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: #4733eb;
  background-image: url('../images/close-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.close-button:hover {
  background-color: #171c2e;
}

.fiveatheart-logo {
  width: 97px;
  height: 82px;
  background-image: url('../images/fiveatheart-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 30px;
  bottom: auto;
  left: auto;
  right: 30px;
}

.dev-gallery-controls {
  width: 100px;
  justify-content: space-between;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 0%;
  right: auto;
}

.dev-control-button {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.dev-control-button:hover {
  background-color: #4733eb;
}

.dev-control-button.prev-button {
  background-image: url('../images/gallery-prev.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.dev-control-button.next-button {
  background-image: url('../images/gallery-next.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.dev-control-button.next-button:hover {
  background-color: #4733eb;
}

.space-info-list {
  margin-top: 20px;
}

.space-info-item {
  color: #171c2e;
  justify-content: space-between;
  margin-bottom: 3px;
  display: flex;
}

.space-info-text {
  font-style: normal;
}

.space-note-block {
  margin-top: 15px;
  display: flex;
}

.space-note-icon {
  width: 30px;
  height: 30px;
  background-color: #eae6e2;
  border: 1px dashed #8e8c8e;
  flex: none;
  margin-right: 15px;
}

.space-note-text {
  color: #171c2e;
  font-size: 9px;
  line-height: 10px;
}

.space-note-title {
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 700;
  display: block;
  position: relative;
}

.flythrough-button {
  height: 68px;
  cursor: pointer;
  background-image: url('../images/sustainability-vig-play.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 68px 68px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 6px;
  padding-left: 80px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 20px;
  right: auto;
}

.flythrough-button:hover {
  background-image: url('../images/sustainability-vig-play-hover.svg');
}

.flythrough-play-icon {
  width: 68px;
  height: 68px;
  background-image: url('../images/sustainability-vig-play.svg');
  background-position: 0 0;
  background-size: contain;
}

.flythrough-label {
  background-color: #171c2e;
  margin-bottom: -8px;
  padding: 3px 5px;
  font-size: 15px;
}

.detail-flythrough-video {
  height: 35vw;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
  position: relative;
}

.flythrough-video-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.detail-flythrough-play {
  z-index: 100;
  width: 100px;
  height: 100px;
  cursor: pointer;
  background-image: url('../images/sustainability-vig-play.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.detail-flythrough-play:hover {
  background-image: url('../images/sustainability-vig-play-hover.svg');
}

@media screen and (max-width: 991px) {
  .side-nav {
    width: 100%;
    height: 42px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 20px;
    right: 0;
  }

  .side-nav.page-side-nav {
    width: 100%;
  }

  .burger-button {
    width: 42px;
    flex: none;
    order: 1;
  }

  .side-logo {
    width: 38px;
    height: 42px;
    background-image: url('../images/side-nav-logo-horiz.svg');
    align-self: stretch;
  }

  .side-section-wrap {
    display: none;
  }

  .section {
    min-height: 90vh;
  }

  .section.contact-section {
    height: 100vh;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    padding: 90px 20px;
    overflow: scroll;
  }

  .section.vert-align.worflow-1, .section.vert-align.workflow-3 {
    width: 100vw;
  }

  .section.vert-align.workflow-4 {
    background-position: 100% 0;
  }

  .section.vert-align.workflow-5 {
    width: 100vw;
    margin-left: 0%;
    left: 0%;
  }

  .section.vert-align.workflow-6 {
    width: 100vw;
  }

  .section.vert-align.workflow-7 {
    width: 70vw;
  }

  .section.vert-align.sustainability-green-intro {
    padding-right: 20px;
  }

  .section.bankside-1 {
    width: 100%;
  }

  .section.detail-bg {
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.expertise-bg {
    padding-left: 20px;
  }

  .intro-poetry-wrap {
    left: auto;
    right: 5%;
  }

  .intro-poem {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    font-size: 18px;
    line-height: 18px;
  }

  .intro-line-wrap {
    width: 100%;
    height: 130px;
    justify-content: center;
    align-items: center;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .intro-line {
    width: 1px;
    height: 100%;
  }

  .design-title {
    width: 87%;
    height: 350px;
    position: absolute;
    bottom: 161px;
    left: auto;
  }

  .design-img {
    width: 55vh;
    height: 55vh;
    margin-top: auto;
    top: 5%;
    right: auto;
  }

  .workflow-title {
    width: 87%;
    height: 300px;
    margin-top: -33px;
    left: 0;
  }

  .workflow-img2 {
    bottom: 15%;
  }

  .bankside-title {
    left: 0;
  }

  .bankside-img2 {
    width: 450px;
    height: 450px;
    bottom: 16%;
  }

  .sustainability-title {
    height: 310px;
    top: -86px;
    left: 0;
  }

  .sustainability-img1 {
    bottom: 15%;
  }

  .sustainability-img2 {
    top: 7%;
  }

  .expertise-title {
    left: 0;
  }

  .detail-img {
    width: 60vh;
    height: 60vh;
  }

  .detail-title {
    width: 60%;
    height: 230px;
    right: 0%;
  }

  .contact-left {
    width: 100%;
    height: auto;
    flex-flow: wrap;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .contact-right {
    height: auto;
  }

  .contact-team {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

  .contact-title {
    width: 100%;
    margin-right: 34px;
  }

  .contact-squire-logo {
    flex: none;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 40px;
  }

  .contact-heyne-logo {
    flex: none;
    margin-bottom: 20px;
    margin-right: 40px;
  }

  .contact-hoare-logo {
    flex: none;
  }

  .contact-development {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .contact-lbs-logo {
    flex: none;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 40px;
  }

  .contact-barings-logo {
    flex: none;
  }

  .contact-cols {
    height: auto;
    margin-bottom: 60px;
  }

  .contact-col {
    margin-top: 21px;
  }

  .contact-cushman-logo {
    margin-bottom: 55px;
  }

  .contact-rx-logo {
    margin-bottom: 30px;
  }

  .contact-union-logo {
    margin-bottom: 37px;
  }

  .section-cursor-info {
    width: 100%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .cursor-info-title {
    width: 100%;
    padding-left: 15px;
  }

  .cursor-info-copy {
    width: 100%;
    padding-left: 15px;
    padding-right: 242px;
  }

  .left-content-section {
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-bottom: 70px;
    padding-left: 35px;
    padding-right: 35px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .left-content-section.mob-top-aligned {
    justify-content: flex-start;
    padding-top: 110px;
  }

  .left-content-section.mob-center-aligned {
    min-height: 100vh;
    justify-content: center;
    top: auto;
  }

  .section-header {
    font-size: 60px;
    line-height: 58px;
  }

  .section-copy.left-content-section-copy {
    width: 350px;
    margin-left: 0;
  }

  .section-copy.left-content-section-copy.smart-copy {
    margin-left: 0%;
  }

  .section-copy.left-content-section-copy.white {
    margin-left: 0;
  }

  .section-copy.flowing-section-copy {
    margin-left: 0;
    left: 35px;
  }

  .page-header {
    letter-spacing: -2px;
    font-size: 60px;
  }

  .page-header.sustainability-header {
    letter-spacing: -1.5px;
    font-size: 51px;
    line-height: 60px;
  }

  .feature-slide {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
  }

  .feature-slide.mob-center-slide {
    justify-content: center;
  }

  .feature-slide.mob-center-slide.temp, .feature-slide.temp {
    position: relative;
  }

  .feature-temp-bg.temp-freshair-bg {
    height: 50vh;
    background-position: 100%;
    background-size: cover;
    position: absolute;
    bottom: auto;
  }

  .feature-temp-bg.temp-green-bg {
    height: 50vh;
    background-position: 11%;
    background-size: auto;
    bottom: auto;
  }

  .feature-temp-bg.temp-smart-bg {
    height: 50vh;
    bottom: auto;
  }

  .feature-temp-bg.temp-arrive-bg {
    height: 50vh;
  }

  .right-content-section-copy {
    width: 100%;
    height: 50vh;
    position: relative;
  }

  .smart-features-wrapper {
    width: 100%;
    background-color: rgba(71, 51, 235, .7);
    flex-direction: column;
    padding-left: 80px;
    padding-right: 80px;
    display: flex;
    position: absolute;
  }

  .smart-features-wrapper.hidden, .smart-features-wrapper.mob-closed {
    display: none;
  }

  .smart-feature-list {
    flex-direction: row;
    margin-bottom: 25px;
  }

  .smart-feature-item {
    width: 45%;
    margin-bottom: 20px;
  }

  .smart-feature-item.smart-hands-icon {
    margin-top: auto;
    margin-bottom: auto;
  }

  .arrive-feature-list {
    width: 100%;
    margin-left: 0;
  }

  .arrive-feature-item {
    width: 45%;
    margin-bottom: 0;
    padding-left: 72px;
    font-size: 12px;
  }

  .arrive-feature-item.arrive-towel-icon {
    height: 50px;
  }

  .arrive-feature-heading {
    line-height: 15px;
  }

  .dollhouse-wrapper {
    margin-top: 38px;
  }

  .dollhouse-interface {
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
  }

  .dollhouse-image {
    width: 87%;
    height: 60%;
  }

  .cta-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-right {
    display: none;
  }

  .workflow-left-bg {
    width: 60%;
    background-size: contain;
  }

  .workflow-right-bg {
    width: 80%;
    background-position: 100% 0;
  }

  .workflow-introline-wrapper {
    width: 90px;
  }

  .page-title-copy.white.bankside-intro-copy {
    margin-left: 10%;
  }

  .page-title-copy.sustainability-green-copy {
    padding-right: 30px;
  }

  .workflow-intro-wrapper {
    width: 63vw;
  }

  .workflow-intro-header {
    font-size: 30px;
  }

  .workflow-intro-copy {
    font-size: 12px;
    line-height: 14px;
  }

  .workflow-time-wrapper.workflow4-time {
    left: -59px;
  }

  .workflow-time {
    font-size: 70px;
    line-height: 55px;
  }

  .workflow-sub-header {
    max-width: 290px;
    font-size: 20px;
    line-height: 24px;
  }

  .workflow-selector-wrapper {
    width: 40vw;
  }

  .workflow-selector-item {
    padding-left: 25px;
    padding-right: 25px;
  }

  .workflow3-feature-block {
    margin-top: 5vh;
  }

  .workflow4-img {
    height: 370px;
  }

  .bankside-introline-wrapper {
    width: 170px;
    padding-right: 20px;
  }

  .sustain-feature-item.sustain-unique-item {
    left: 37%;
  }

  .sustain-feature-item.sustain-materials-item {
    left: 60%;
  }

  .sustain-feature-item.sustain-annum-item {
    left: 61%;
  }

  .sustainability-green-leaf {
    width: 380px;
    bottom: -255px;
    left: -38px;
  }

  .sustain-bigfeature-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sustain-bigfeature-item {
    flex-direction: column;
    align-items: flex-start;
    margin: 30px 20px;
  }

  .sustain-bigfeature-icon.sustain-bigfeature-smart, .sustain-bigfeature-icon.sustain-bigfeature-performance, .sustain-bigfeature-icon.sustain-bigfeature-teamwork, .sustain-bigfeature-icon.sustain-bigfeature-energy {
    width: 100px;
    height: 100px;
    background-size: contain;
  }

  .sustain-bigfeature-header {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .detail-content {
    width: auto;
    flex: 1;
    padding-right: 0;
  }

  .detail-sub {
    width: 150px;
    flex: none;
    align-items: flex-end;
    padding-right: 20px;
  }

  .detail-header {
    max-width: 500px;
    font-size: 34px;
    line-height: 40px;
  }

  .detail-header.blue {
    max-width: 550px;
  }

  .detail-spacer {
    width: 100%;
  }

  .gallery-thumb {
    width: 10px;
  }

  .detail-map-wrapper {
    height: 45vh;
  }

  .detail-elev-wrapper {
    height: 710px;
  }

  .detail-plan-img {
    width: 60%;
    height: 60vw;
  }

  .detail-sub-list {
    width: 100%;
    max-width: none;
  }

  .expertise-featured {
    padding-right: 20px;
  }

  .expertise-featured-item {
    height: 390px;
  }

  .expertise-featured-label {
    padding: 8px 10px 8px 8px;
    font-size: 12px;
    line-height: 13px;
  }

  .expertise-featured-info {
    padding-left: 10px;
    padding-right: 15px;
  }

  .development-team-list {
    flex-direction: column;
    padding-left: 0;
  }

  .development-team-item {
    width: 97%;
    height: auto;
    margin-bottom: 20px;
    margin-right: 10px;
  }

  .development-team-item.dev-expanded {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }

  .development-expand-button {
    width: 100%;
    height: 22px;
    top: auto;
    left: 0;
  }

  .development-team-content.barrings-bg {
    height: 320px;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 30px;
  }

  .development-team-content.barrings-bg.dev-expanded {
    width: 100%;
    height: 120px;
  }

  .development-team-content.lbs-bg {
    height: 320px;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 30px;
  }

  .development-team-content.squire-bg {
    height: 320px;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 30px;
  }

  .developement-team-label {
    font-size: 12px;
  }

  .barrings-logo {
    width: 130px;
    height: 50px;
    background-size: contain;
  }

  .development-copy {
    max-width: 500px;
    font-size: 13px;
    line-height: 18px;
  }

  .development-collapse-bar {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 15px;
    padding-left: 15px;
  }

  .barrings-vert-logo {
    width: 105px;
    height: 50px;
    background-image: url('../images/barings-logo.svg');
  }

  .development-expand-text {
    font-size: 12px;
    transform: rotate(0);
  }

  .lbs-logo {
    width: 100px;
    background-size: contain;
  }

  .lbs-vert-logo {
    width: 75px;
    height: 45px;
    background-image: url('../images/lbs-logo.svg');
  }

  .squire-logo {
    width: 240px;
    height: 25px;
  }

  .squire-vert-logo {
    width: 239px;
    height: 25px;
    background-image: url('../images/squire-logo.svg');
  }

  .dev-expanded-wrapper {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 39px;
  }

  .dev-project-img {
    margin-bottom: 16px;
  }

  .dev-project-title {
    font-size: 12px;
    line-height: 16px;
  }

  .dev-project-stat-item {
    font-size: 12px;
    line-height: 17px;
  }

  .burger-wrapper {
    margin-top: 42px;
    margin-left: 0;
  }

  .burger-nav-item {
    width: 43.5%;
    margin-bottom: 25px;
    padding-right: 0;
  }

  .burger-nav-header, .burger-nav-header.summary-nav {
    font-size: 24px;
  }

  .burger-copy {
    font-size: 12px;
    line-height: 17px;
  }

  .bold-text {
    font-size: 35px;
  }

  .bold-text-2 {
    font-size: 30px;
  }

  .features-mob-link {
    color: #4733eb;
    cursor: pointer;
    background-color: #fff;
    background-image: url('../images/plan-zoomin.svg');
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 4px;
    margin-top: 15px;
    padding: 10px 10px 10px 35px;
    font-size: 12px;
    display: block;
  }

  .features-mob-link:hover {
    background-color: #f5dad7;
  }

  .features-mob-link.close-icon {
    background-image: url('../images/dollhouse-zoomout-icon.svg');
    background-position: 13px;
  }

  .arrive-feature-wrapper {
    background-color: rgba(71, 51, 235, .7);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 80px;
    padding-right: 80px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .arrive-feature-wrapper.hidden, .arrive-feature-wrapper.mob-closed {
    display: none;
  }

  .dark-blue {
    color: #171c2e;
  }

  .burger-summary-header {
    font-size: 20px;
    line-height: 27px;
  }

  .burger-summary-link {
    font-size: 24px;
    line-height: 24px;
  }

  .center-content-section {
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-bottom: 70px;
    padding-left: 35px;
    padding-right: 35px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .center-content-section.mob-top-aligned {
    justify-content: flex-start;
    padding-top: 110px;
  }

  .center-content-section.mob-center-aligned {
    min-height: 100vh;
    justify-content: center;
    top: auto;
  }

  .contact-gt-logo {
    flex: none;
  }

  .sust-quote {
    font-size: 38px;
    line-height: 40px;
  }

  .sust-quote.dark-blue {
    color: #4733eb;
    font-size: 38px;
    line-height: 40px;
  }

  .sust-cred-list {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sust-cred-item {
    width: 45%;
    margin-bottom: 80px;
    margin-right: 30px;
  }

  .occ-features-list {
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
  }

  .occ-feature-item {
    margin-left: 0;
    margin-right: 40px;
  }

  .bold-text-5 {
    font-size: 38px;
    line-height: 40px;
  }

  .video-content {
    width: 95%;
    height: 53vw;
  }

  .fiveatheart-logo {
    width: 80px;
    height: 69px;
  }

  .dev-gallery-controls {
    z-index: 1000;
    width: 70px;
    bottom: 15px;
    left: 15px;
  }

  .dev-control-button {
    width: 25px;
    height: 25px;
  }

  .detail-flythrough-video {
    height: 45vw;
  }
}

@media screen and (max-width: 767px) {
  .section.vert-align.workflow-2 {
    width: 100vw;
  }

  .section.vert-align.workflow-3 {
    justify-content: center;
  }

  .section.vert-align.workflow-4 {
    flex-direction: column;
  }

  .section.vert-align.workflow-5 {
    justify-content: flex-start;
  }

  .section.vert-align.workflow-6 {
    flex-direction: column;
  }

  .section.vert-align.workflow-7 {
    width: 100vw;
  }

  .section.vert-align.workflow-8 {
    justify-content: center;
    padding-left: 0;
  }

  .section.vert-align.sustainability-bigfeature-wrapper {
    height: auto;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section.bankside-1 {
    padding-right: 25px;
  }

  .section.bankside-2, .section.bankside-3, .section.bankside-5, .section.bankside-6, .section.bankside-7 {
    width: 100%;
  }

  .section.bankside-8 {
    align-items: center;
    padding-left: 0%;
  }

  .intro-wrapper {
    height: 85vh;
  }

  .intro-title {
    width: 70%;
  }

  .intro-poetry-wrap {
    right: 2%;
  }

  .intro-poem {
    font-size: 14px;
    line-height: 14px;
  }

  .intro-line-wrap {
    height: 112px;
  }

  .bankside-title {
    width: 90%;
    height: 220px;
    bottom: 73px;
  }

  .bankside-img1 {
    width: 20vh;
    height: 20vh;
  }

  .bankside-img2 {
    width: 30vh;
    height: 30vh;
  }

  .sustainability-img1 {
    width: 30vh;
    height: 30vh;
    bottom: 20%;
  }

  .sustainability-img2 {
    width: 20vh;
    height: 20vh;
  }

  .expertise-title {
    width: 90%;
  }

  .detail-img {
    width: 50vh;
    height: 50vh;
  }

  .contact-right {
    flex-wrap: nowrap;
  }

  .contact-cols {
    flex-direction: column;
  }

  .contact-col {
    width: 100%;
    margin-top: 50px;
  }

  .contact-item {
    margin-bottom: 20px;
  }

  .cursor-info-copy {
    padding-right: 40px;
  }

  .left-content-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-header {
    letter-spacing: -1px;
    margin-bottom: 24px;
    font-size: 45px;
    line-height: 41px;
  }

  .section-copy.left-content-section-copy {
    margin-left: 0;
  }

  .section-copy.left-content-section-copy.smart-copy {
    margin-left: 0%;
  }

  .section-copy.left-content-section-copy.white {
    margin-left: 0;
  }

  .section-copy.flowing-section-copy {
    left: 20px;
  }

  .page-header {
    letter-spacing: -1px;
    font-size: 7vw;
    line-height: 50px;
  }

  .page-header.sustainability-header {
    letter-spacing: -1px;
    font-size: 38px;
    line-height: 40px;
  }

  .page-title-block {
    width: 90%;
  }

  .scroll-line {
    height: 12vh;
  }

  .smart-features-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .smart-feature-item {
    width: 100%;
  }

  .arrive-feature-item {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .cta-wrapper {
    flex-direction: column;
  }

  .cta-left {
    width: 70%;
    order: 1;
    margin-top: 30px;
  }

  .cta-right {
    width: 100%;
    max-width: 70%;
    display: none;
  }

  .workflow-introline-wrapper {
    width: 40px;
  }

  .page-title-copy {
    text-align: center;
    margin-left: 0%;
  }

  .page-title-copy.white.bankside-intro-copy {
    text-align: left;
  }

  .page-title-copy.sustainability-intro-copy {
    margin-left: 0%;
  }

  .page-title-copy.sustainability-green-copy {
    margin-top: 23px;
    margin-bottom: 0;
    margin-left: 0%;
  }

  .workflow-intro-wrapper {
    width: 85vw;
    height: 40vh;
  }

  .workflow-intro-header {
    line-height: 28px;
  }

  .workflow-time-wrapper.workflow-time-intro {
    left: -26px;
  }

  .workflow-time-wrapper.workflow4-time {
    flex-direction: row;
    bottom: -32px;
    left: 169px;
  }

  .workflow-time {
    font-size: 51px;
    line-height: 48px;
  }

  .workflow-time-sub {
    margin-left: 4px;
    font-size: 15px;
  }

  .workflow-touch-wrapper {
    width: 70vw;
  }

  .workflow-touch-bg {
    width: 100%;
  }

  .workflow-sub-header {
    font-size: 16px;
    line-height: 19px;
  }

  .workflow-selector-wrapper {
    width: 240px;
    flex: none;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .workflow-selector-item {
    height: 24vh;
  }

  .workflow3-info-wrapper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .workflow3-feature-block {
    margin-top: 9vh;
  }

  .workflow4-info-wrapper {
    margin-top: 31px;
    margin-left: 0;
    display: flex;
  }

  .workflow6-info-wrapper {
    order: 1;
    margin-top: 0;
  }

  .workflow6-feature-block {
    text-align: left;
    align-items: flex-start;
    margin-top: 24px;
    margin-left: -95px;
  }

  .workflow6-img {
    height: 370px;
    margin-top: 227px;
  }

  .workflow6-leaf-img {
    top: -113px;
    left: -109px;
  }

  .workflow8-feature-block {
    max-width: 250px;
    min-width: 200px;
    margin-left: 13px;
  }

  .bankside1-img {
    width: 100%;
  }

  .bankside6b-img {
    width: 420px;
  }

  .bankside8-img {
    width: 90vw;
  }

  .sustain-video-cont {
    width: 90vw;
    height: 90vw;
    margin-bottom: 80px;
  }

  .sustain-video-play {
    width: 120px;
    height: 120px;
  }

  .sustain-vid-info-wrapper {
    width: 430px;
    left: 20px;
  }

  .sustain-vid-quote {
    font-size: 22px;
    line-height: 27px;
  }

  .sustain-feature-item.sustain-years-item {
    top: 23%;
    left: 5%;
  }

  .sustain-feature-item.sustain-grid-item {
    left: 20%;
  }

  .sustain-feature-item.sustain-unique-item {
    left: 5%;
  }

  .sustain-feature-item.sustain-materials-item {
    top: 36%;
    left: 28%;
  }

  .sustain-feature-item.sustain-annum-item {
    top: 61%;
    left: 14%;
  }

  .sustain-feature-item.sustain-leti-item {
    left: 6%;
  }

  .sustainability-green-leaf {
    width: 290px;
    height: 600px;
    bottom: -241px;
  }

  .sustainability-plant-bg {
    width: 880px;
    height: 420px;
    top: -186px;
    right: -519px;
  }

  .sustain-bigfeature-list {
    height: auto;
    flex-direction: column;
    justify-content: center;
  }

  .sustain-bigfeature-item {
    width: 100%;
  }

  .detail-sub {
    display: none;
  }

  .detail-gallery {
    height: 40vh;
  }

  .gallery-button.prev-button, .gallery-button.next-button {
    width: 40px;
    height: 40px;
  }

  .gallery-thumbs-container {
    height: 40px;
  }

  .detail-section.plan-section {
    height: 90vh;
  }

  .detail-elev-wrapper {
    margin-top: 110px;
  }

  .elev-table {
    width: 100%;
  }

  .elev-img {
    display: none;
  }

  .detail-info {
    width: 120px;
  }

  .detail-plan-container {
    height: 100%;
  }

  .plan-elevation {
    width: 100%;
    height: 110px;
  }

  .specification-wrapper {
    flex-direction: column;
  }

  .specification-list {
    width: 100%;
  }

  .expertise-featured-copy {
    font-size: 13px;
    line-height: 18px;
  }

  .featured-logo-divider {
    margin-left: 10px;
    margin-right: 10px;
  }

  .squire-vert-logo {
    width: 14px;
    height: 138px;
  }

  .burger-content {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 0;
  }

  .burger-nav-item {
    width: 100%;
    margin-bottom: 26px;
    margin-right: 10px;
    padding-top: 10px;
  }

  .burger-nav-header {
    font-size: 20px;
    line-height: 22px;
  }

  .burger-nav-header.summary-nav {
    font-size: 20px;
  }

  .burger-copy {
    margin-top: 0;
    display: none;
  }

  .workflow5-info-wrapper {
    order: 1;
    margin-left: -134px;
    margin-right: auto;
    position: relative;
  }

  .workflow5-time-wrapper {
    order: 1;
    position: relative;
  }

  .features-mob-link {
    font-size: 12px;
  }

  .arrive-feature-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .burger-summary-link {
    font-size: 20px;
    line-height: 20px;
  }

  .burger-sub-copy {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .center-content-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sust-quote, .sust-quote.dark-blue {
    font-size: 22px;
    line-height: 27px;
  }

  .sust-cred-list {
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
  }

  .sust-cred-item {
    margin-right: 10px;
  }

  .occ-features-list {
    padding-left: 30px;
    padding-right: 30px;
  }

  .occ-feature-item {
    width: 100%;
  }

  .bold-text-6 {
    font-size: 22px;
    line-height: 27px;
  }

  .video-content {
    width: 95%;
    height: 54vw;
  }

  .fiveatheart-logo {
    width: 70px;
    height: 60px;
    top: 20px;
    right: 20px;
  }

  .space-note-block {
    flex-direction: column;
  }

  .flythrough-label {
    margin-bottom: -5px;
    padding: 1px 3px;
    font-size: 12px;
  }

  .detail-flythrough-video {
    height: 50vw;
  }
}

@media screen and (max-width: 479px) {
  .section.vert-align.workflow-3 {
    flex-direction: column;
  }

  .section.vert-align.workflow-4 {
    padding-left: 0%;
  }

  .section.vert-align.workflow-5 {
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
  }

  .section.vert-align.workflow-8 {
    flex-direction: column;
  }

  .section.detail-bg {
    padding-left: 15px;
    padding-right: 15px;
  }

  .intro-wrapper {
    height: 80vh;
  }

  .intro-line-wrap {
    height: 31px;
  }

  .design-title {
    height: 200px;
  }

  .design-img {
    width: 80vw;
    height: 80vw;
    top: 9%;
  }

  .workflow-title {
    height: 230px;
    top: -48px;
  }

  .workflow-img1 {
    width: 50vw;
    height: 50vw;
    top: 5%;
  }

  .workflow-img2 {
    width: 40vw;
    height: 40vw;
    bottom: 29%;
  }

  .bankside-img1 {
    width: 40vw;
    height: 40vw;
  }

  .bankside-img2 {
    width: 60vw;
    height: 60vw;
    bottom: 26%;
    right: 11%;
  }

  .sustainability-img1 {
    width: 50vw;
    height: 50vw;
    bottom: 32%;
  }

  .sustainability-img2 {
    width: 40vw;
    height: 40vw;
    top: 4%;
  }

  .expertise-title {
    height: 180px;
    bottom: 48px;
  }

  .expertise-img1 {
    width: 60vw;
    height: 60vw;
  }

  .expertise-img2 {
    width: 40vw;
    height: 40vw;
    bottom: 23%;
    right: 3%;
  }

  .detail-img {
    width: 90vw;
    height: 90vw;
    margin-bottom: 20%;
    bottom: 0%;
  }

  .section-header {
    letter-spacing: -.5px;
    font-size: 26px;
    line-height: 26px;
  }

  .section-copy.left-content-section-copy, .section-copy.left-content-section-copy.smart-copy {
    width: 100%;
  }

  .section-copy.flowing-section-copy {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    left: 0;
  }

  .page-header {
    letter-spacing: -.5px;
    font-size: 26px;
    line-height: 40px;
  }

  .page-header.sustainability-header {
    letter-spacing: -1px;
    font-size: 25px;
    line-height: 29px;
  }

  .page-header.scroll-title {
    font-size: 22px;
  }

  .page-title-block {
    justify-content: center;
    display: flex;
  }

  .page-scroll-block {
    padding-bottom: 20px;
  }

  .scroll-line {
    height: 10vh;
  }

  .right-content-section-copy, .smart-features-wrapper {
    padding-right: 20px;
  }

  .smart-feature-item {
    margin-bottom: 0;
    padding-left: 66px;
  }

  .smart-feature-item.smart-hands-icon {
    background-size: 45px;
  }

  .smart-feature-item.smart-schedule-icon {
    background-size: 46px;
  }

  .smart-feature-item.smart-journey-icon {
    background-size: 55px;
  }

  .smart-feature-item.smart-order-icon {
    background-size: 49px;
  }

  .smart-feature-item.smart-communicate-icon {
    background-size: 51px;
  }

  .smart-feature-item.smart-environment-icon {
    background-size: 50px;
  }

  .smart-feature-headline {
    font-size: 12px;
    line-height: 16px;
  }

  .smart-feature-copy {
    font-size: 12px;
    line-height: 14px;
  }

  .arrive-feature-item {
    width: 100%;
    height: 52px;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 63px;
  }

  .arrive-feature-item.arrive-towel-icon, .arrive-feature-item.arrive-shower-icon {
    background-size: 40px;
  }

  .arrive-feature-item.arrive-cycle-icon {
    background-size: 53px;
  }

  .arrive-feature-item.arrive-repair-icon {
    background-size: 37px;
  }

  .arrive-feature-item.arrive-gym-icon {
    background-size: 36px;
  }

  .arrive-feature-item.arrive-charging-icon {
    background-size: 35px;
  }

  .arrive-feature-item.arrive-lift-icon {
    background-size: 42px;
  }

  .arrive-feature-item.arrive-folding-icon {
    background-size: 38px;
  }

  .cta-left {
    width: 90%;
  }

  .cta-right {
    max-width: 90%;
    display: none;
  }

  .cta-copy {
    font-size: 14px;
    line-height: 20px;
  }

  .workflow-time-wrapper.workflow-time-intro {
    top: -33px;
    left: -16px;
  }

  .workflow-time-wrapper.workflow4-time {
    flex-wrap: nowrap;
    margin-left: auto;
    left: 70px;
  }

  .workflow-time-wrapper.workflow6-time, .workflow-time-wrapper.workflow8-time {
    justify-content: flex-start;
  }

  .workflow-time {
    margin-bottom: -7px;
    margin-left: 0;
  }

  .workflow-line-wrapper {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }

  .workflow-touch-wrapper {
    width: 80vw;
  }

  .workflow-touch-bgmask {
    height: 40%;
  }

  .workflow-touch-img {
    height: 40vh;
  }

  .workflow-touch-info {
    width: 210px;
  }

  .workflow-selector-wrapper {
    height: 75vh;
  }

  .workflow3-feature-block {
    margin-top: 20px;
  }

  .workflow4-img {
    width: 300px;
    height: 320px;
  }

  .workflow4-phoneimg {
    width: 46px;
    height: 70px;
  }

  .workflow4-info-wrapper {
    flex-direction: column;
  }

  .workflow-line5-img {
    background-size: contain;
    display: none;
  }

  .workflow6-feature-block {
    margin-left: 0;
  }

  .workflow6-img {
    width: 320px;
    height: 320px;
    margin-top: 148px;
  }

  .workflow8-feature-block {
    margin-top: 0;
  }

  .bankside1-img {
    height: 380px;
  }

  .bankside2-img {
    width: 90%;
    height: 370px;
  }

  .bankside3-img {
    width: 290px;
    height: 360px;
  }

  .bankside4-container {
    width: 90%;
  }

  .bankside5-img {
    width: 90%;
    height: 420px;
  }

  .bankside6a-img {
    margin-right: 0;
  }

  .bankside6b-img, .bankside7-img {
    width: 90%;
  }

  .bankside-introline-wrapper {
    width: 140px;
  }

  .sustain-video-cont {
    margin-bottom: 100px;
  }

  .sustain-vid-info-wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    left: 0;
  }

  .sustain-vid-quote {
    font-size: 17px;
    line-height: 20px;
  }

  .sustain-vid-signoff {
    margin-top: 15px;
  }

  .sustain-feature-item.sustain-years-item, .sustain-feature-item.sustain-grid-item {
    left: 5%;
  }

  .sustain-feature-item.sustain-unique-item {
    top: 49%;
    left: 5%;
  }

  .sustain-feature-item.sustain-materials-item, .sustain-feature-item.sustain-annum-item, .sustain-feature-item.sustain-leti-item {
    left: 5%;
  }

  .sustain-feature-icon.sustain-years-icon, .sustain-feature-icon.sustain-grid-icon {
    width: 60px;
  }

  .sustain-feature-icon.sustain-unique-icon {
    width: 62px;
  }

  .sustain-feature-icon.sustain-materials-icon {
    width: 61px;
  }

  .sustain-feature-icon.sustain-annum-icon, .sustain-feature-icon.sustain-leti-icon {
    width: 63px;
  }

  .sustain-feature-label {
    font-size: 12px;
  }

  .sustain-info-expanded {
    width: 210px;
  }

  .sustainability-green-leaf {
    width: 190px;
    height: 551px;
  }

  .sustainability-plant-bg {
    width: 520px;
    height: 370px;
    top: -164px;
    right: -336px;
  }

  .sustain-bigfeature-header {
    font-size: 16px;
    line-height: 20px;
  }

  .detail-header {
    max-width: none;
    font-size: 27px;
    line-height: 33px;
  }

  .detail-header.blue {
    width: 100%;
    max-width: none;
  }

  .detail-spacer {
    height: 70vh;
    padding-top: 39px;
  }

  .detail-gallery {
    height: 35vh;
  }

  .gallery-button.prev-button, .gallery-button.next-button {
    width: 30px;
    height: 30px;
    background-size: 8px;
  }

  .gallery-thumbs-container {
    height: 30px;
    padding: 5px 10px;
  }

  .detail-map-wrapper {
    height: 30vh;
  }

  .detail-section.plan-section {
    height: auto;
  }

  .detail-elev-wrapper {
    margin-top: 140px;
  }

  .elev-floor {
    min-width: 60px;
  }

  .elev-area, .elev-col-label {
    min-width: 70px;
  }

  .detail-plan {
    width: 100%;
    flex-direction: column;
  }

  .detail-info {
    width: 100%;
    flex-direction: column;
    margin-right: 0;
  }

  .detail-plan-container {
    height: 300px;
    order: -1;
    position: relative;
  }

  .detail-plan-img, .plan-level {
    width: 100%;
  }

  .plan-area-group {
    flex: 1;
  }

  .plan-info-group {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
  }

  .plan-elevation {
    height: 180px;
    display: none;
  }

  .expertise-featured {
    flex-direction: column;
  }

  .expertise-featured-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .dev-expanded-wrapper {
    padding-left: 20px;
  }

  .dev-project-item {
    width: 220px;
    margin-right: 20px;
  }

  .burger-content {
    flex-direction: column;
    padding-right: 20px;
  }

  .burger-nav-item {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
    padding-top: 5px;
  }

  .burger-nav-header {
    font-size: 22px;
  }

  .burger-copy {
    font-size: 12px;
    line-height: 15px;
    display: none;
  }

  .workflow5-info-wrapper {
    margin-left: auto;
  }

  .workflow5-time-wrapper {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    left: -72px;
  }

  .features-mob-link.close-icon {
    margin-top: 0;
  }

  .burger-summary-col {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .burger-summary-header {
    display: none;
  }

  .burger-summary-link {
    margin-bottom: 8px;
  }

  .sust-quote, .sust-quote.dark-blue {
    font-size: 17px;
    line-height: 20px;
  }

  .sust-quote-signoff {
    margin-top: 15px;
  }

  .sust-cred-item {
    width: 100%;
    margin-right: 0;
  }

  .occ-features-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .occ-feature-item {
    margin-right: 0;
  }

  .feature-sub {
    font-size: 12px;
  }

  .video-content {
    width: 100%;
    height: 55vw;
  }

  .dev-gallery-controls {
    z-index: 400;
    width: 55px;
  }

  .dev-control-button {
    width: 15px;
    height: 15px;
  }

  .dev-control-button.prev-button, .dev-control-button.next-button {
    background-size: contain;
  }

  .space-info-list {
    width: 100%;
  }

  .space-note-icon {
    margin-bottom: 8px;
  }

  .space-note-text {
    max-width: 200px;
  }

  .flythrough-button {
    height: 54px;
    background-size: auto 100%;
    padding-left: 60px;
    bottom: 15px;
    left: 10px;
  }

  .flythrough-label {
    display: none;
  }

  .detail-flythrough-video {
    height: 55vw;
  }
}


@font-face {
  font-family: 'Circular';
  src: url('../fonts/lineto-circular-bold.woff2') format('woff2'), url('../fonts/lineto-circular-bold.eot') format('embedded-opentype'), url('../fonts/lineto-circular-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular';
  src: url('../fonts/lineto-circular-medium.woff2') format('woff2'), url('../fonts/lineto-circular-medium.eot') format('embedded-opentype'), url('../fonts/lineto-circular-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}