
.faq-container[data-v-2b9a1942] {
  width: 600px;
  margin: 0 auto;
}
.faq-question[data-v-2b9a1942] {
  padding: 0px;
  transition: all 0.3s;
}
.faq-content[data-v-2b9a1942] {
  padding: 20px 40px;
}
.faq-description[data-v-2b9a1942] {
  font-size: 24px;
  color: #4a4a4a;
  letter-spacing: -1.03px;
  padding: 23px 100px 20px 40px;
  border-top: 1px solid #d1d3d4;
  position: relative;
  transition: all 0.3s;
}
.faq-description span[data-v-2b9a1942]:last-child {
  cursor: pointer;
  transition: all 0.3s;
  position: absolute;
  right: 20px;
  top: 0px;
  color: #979797;
  font-size: 2em;
}
.faq-description .faq-number[data-v-2b9a1942] {
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid black;
  padding-right: 1px;
  display: inline-block;
  text-align: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  margin-right: 10px;
  font-size: 20px;
  color: #4a4a4a;
  letter-spacing: -0.86px;
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 5px;
  transition: all 0.3s;
  font-weight: normal;
}
.faq-question.open[data-v-2b9a1942] {
  background: #f7f7f7;
}
.faq-question.open .faq-description[data-v-2b9a1942] {
  font-weight: 600;
}
.faq-question.open .faq-description .faq-number[data-v-2b9a1942] {
  color: white;
  background: #4a4a4a;
}
.faq-question.open .faq-description span[data-v-2b9a1942]:last-child {
  transform: rotate(45deg);
  font-weight: normal;
}
@media (max-width: 767px) {
.faq-container[data-v-2b9a1942] {
    width: 100%;
    border-radius: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #D9D9D9;
    padding: 0;
}
.content-title[data-v-2b9a1942] {
    font-size: 28px;
    text-align: center;
    font-weight: 600;
}
.faq-description[data-v-2b9a1942] {
    font-size: 18px;
}
.faq-question .faq-description span[data-v-2b9a1942]:last-child {
    top: 8px;
}
}
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@charset "UTF-8";

@media only screen and (min-width: 768px) {
  .visible-mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

td:not([align]),
th:not([align]) {
  text-align: left;
}

.delay0-1s {
  animation-delay: 100ms;
}

.delay0-2s {
  animation-delay: 200ms;
}

.delay0-3s {
  animation-delay: 300ms;
}

.delay0-4s {
  animation-delay: 400ms;
}

.delay0-5s {
  animation-delay: 500ms;
}

.delay0-6s {
  animation-delay: 600ms;
}

.delay0-7s {
  animation-delay: 700ms;
}

.delay0-8s {
  animation-delay: 800ms;
}

.delay0-9s {
  animation-delay: 900ms;
}

:root {
  --animate-delay: 0.25s;
}

.animate__animated {
  opacity: 0;
}

.slide-from-right-enter-active {
  transition: all 0.3s ease;
}

.slide-from-right-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-from-right-enter,
.slide-from-right-leave-to {
  transform: translate3d(30px, 0, 0);
  opacity: 0;
}

.slide-from-top-enter-active {
  transition: all 0.3s ease;
}

.slide-from-top-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-from-top-enter,
.slide-from-top-leave-to {
  transform: translate3d(0, -30px, 0);
  opacity: 0;
}

.slide-from-top2-enter-active {
  transition: all 0.3s ease;
}

.slide-from-top2-leave-active {
  transition: all 0.3s ease;
}

.slide-from-top2-enter,
.slide-from-top2-leave-to {
  margin-top: -60px;
  opacity: 0;
}

.fade-enter-active {
  transition: all 0.3s;
  transition-delay: 0.5s;
}

.fade-leave-active {
  transition: all 0.3s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.fade-enter {
  transition-delay: 1s;
}

@media (prefers-reduced-motion) {
  .slide-from-right-enter-active,
  .slide-from-right-leave-active,
  .slide-from-top-enter-active,
  .slide-from-top-leave-active,
  .fade-enter,
  .fade-leave-to {
    transition: 0;
  }
}

@font-face {
  font-family: "Perfetto";
  src: url("/fonts/site/Perfetto.woff2") format("woff2"), url("/fonts/site/Perfetto.woff") format("woff");
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "Proxima Nova Regular";
  src: url("/fonts/site/Proxima-Nova-Reg.woff2") format("woff2"), url("/fonts/site/Proxima-Nova-Reg.woff") format("woff");
  font-weight: 400;
  font-display: block;
}

html {
  --fontHeading: Proxima Nova Regular, sans-serif;
  --fontScript: Perfetto, Brush Script MT Full Stack, Brush Script MT, cursive;
  --fontBase: Proxima Nova Regular, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Oxygen, Cantarell, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  scroll-behavior: smooth;
}

body {
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  font-size: 16px;
  line-height: 1.66667;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
}

button {
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Proxima Nova Regular", sans-serif;
  color: #101F44;
  line-height: 1.3;
}

h1 {
  font-size: 2.125rem;
  margin-bottom: 3.125rem;
}

h2 {
  font-size: 1.75rem;
  margin-bottom: 2.5rem;
}

h3 {
  font-size: 1.375rem;
  margin-bottom: 1rem;
}

h4 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

h5 {
  font-size: 1rem;
  margin-bottom: 1rem;
}

h6 {
  font-size: 1rem;
  margin-bottom: 1rem;
}

a {
  color: #E87217;
  text-decoration: none;
  transition: 0.1s ease;
}

a:hover {
  text-decoration: none;
  color: #101F44;
}

a:focus,
a:active {
  color: #101F44;
}

a:visited {
  color: #101F44;
}

p {
  color: #2a2727;
  margin-bottom: 1.5rem;
  line-height: 1.7;
  font-size: 1rem;
}

ul,
ol {
  padding-left: 1rem;
}

li {
  margin-bottom: 0.5rem;
}

abbr {
  border: 0;
  text-decoration: none;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.quote {
  display: inline;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

.quote p {
  display: inline;
}

.quote::before {
  content: open-quote;
}

.quote::after {
  content: close-quote;
}

sup {
  vertical-align: unset;
}

.lead {
  background: #F2EADE;
  color: #333;
  padding: var(--basePadding2x);
  font-size: 1.25rem;
}

.lead__title {
  color: #101F44;
  letter-spacing: unset;
  line-height: 1.3;
}

.lead p {
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .lead,
  .lead p {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .lead {
    padding: calc(var(--basePadding) * 4);
    display: grid;
    grid-template-columns: minmax(0, 1200px);
    justify-content: center;
  }
}

@media only screen and (min-width: 1276px) {
  .lead {
    padding: calc(var(--basePadding) * 6) calc(var(--basePadding) * 8);
  }
}

.panel {
  padding: var(--basePadding2x);
  border: 1px solid #897355;
  margin-bottom: calc(var(--basePadding) * 2);
}

@media only screen and (min-width: 992px) {
  .panel {
    margin: 0 auto var(--basePadding);
    padding: calc(var(--basePadding) * 4);
    font-size: 1.125rem;
  }

  .panel p,
  .panel li {
    font-size: 1.125rem;
  }
}

.checklist {
  margin-bottom: 1.5rem;
  padding: 0;
}

.checklist > li {
  padding-left: 0;
  display: flex;
  align-items: flex-start;
  line-height: 1;
  margin-bottom: var(--basePadding);
}

.checklist > li::before {
  content: "";
  display: block;
  width: 33px;
  min-width: 33px;
  height: 39px;
  background: white url("/images/site/first-story/checkmark.png") no-repeat top left;
  margin-right: var(--basePadding);
  margin-top: var(--basePaddingN);
}

/**
 * Added higher specificity (.find__disclaimer) - li > ul is too ubiquitous (and used in main nav)
 */

.find__dislcaimer li > ul {
  margin-top: 5px;
}

.find__dislcaimer li > ul li {
  list-style: circle;
}

.force-fixed {
  overflow: hidden !important;
}

.force-fixed .intercom-lightweight-app {
  z-index: unset !important;
}

.fill-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.global-header-padding {
  padding-top: 86px;
  transition: padding 0.2s ease-out;
}

@media only screen and (min-width: 768px) {
  .global-header-padding {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 992px) {
  .global-header-padding {
    padding-top: 120px;
  }
}

.global-horizontal-padding {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (min-width: 768px) {
  .global-horizontal-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .global-horizontal-padding {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (min-width: 1276px) {
  .global-horizontal-padding {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (min-width: 1500px) {
  .global-horizontal-padding {
    padding-left: 90px;
    padding-right: 90px;
  }
}

.global-vertical-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .global-vertical-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .global-vertical-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 1276px) {
  .global-vertical-padding {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media only screen and (min-width: 1500px) {
  .global-vertical-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.global-max-width {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 1500px) {
  .global-max-width {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1500px) {
  .global-max-width {
    max-width: 1400px;
  }
}

@media only screen and (max-width: 767px) {
  .hide--phone {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .hide--gt-phone {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hide--tablet {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) {
  .hide--gt-tablet {
    display: none !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .hide--desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 1276px) {
  .hide--gt-desktop {
    display: none !important;
  }
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

body.body--modal {
  position: fixed;
  top: var(--scrollPosition);
  left: 0;
  width: 100%;
}

body.body--modal .intercom-lightweight-app {
  z-index: 1 !important;
}

.sr-only {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  margin: -1px;
}

button {
  cursor: pointer;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button::-moz-focus-inner {
  border: 0;
}

button,
a {
  transition: color 0.2s ease-out, background 0.2s ease-out, border 0.2s ease-out;
}

button:focus,
a:focus {
  outline: 0;
}

:root {
  --basePadding: 15px;
  --basePadding2x: calc(var(--basePadding) * 2);
  --basePaddingN: calc(var(--basePadding) * -1);
  --basePadding2xN: calc(var(--basePadding) * -2);
  --scrollPosition: 0;
}

html {
  scroll-behavior: smooth;
}

body [v-cloak] {
  display: none;
}

#app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main,
.main,
.no-scroll {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
  z-index: 2147483010 !important;
}

input,
select,
textarea {
  font-family: var(--fontBase);
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 14px;
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: normal;
  color: #101F44;
  border: 1px solid #D8D8D8;
  border-radius: 0;
  background: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border 0.2s ease-out, background 0.2s ease-out, color 0.2s ease-out;
}

input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
  outline: 0;
  border-color: #666;
  background: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill::first-line,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
select:-webkit-autofill::first-line,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill::first-line {
  font-family: var(--fontBase);
  font-size: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: #101F44;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active,
input:autofill::first-line,
select:autofill,
select:autofill:hover,
select:autofill:focus,
select:autofill:active,
select:autofill::first-line,
textarea:autofill,
textarea:autofill:hover,
textarea:autofill:focus,
textarea:autofill:active,
textarea:autofill::first-line {
  font-family: var(--fontBase);
  font-size: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: #101F44;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 9999s ease-in-out 0s;
}

input.danger,
select.danger,
textarea.danger {
  border-color: #ad1717;
}

input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: unset;
  display: inline-block;
  height: unset;
}

input,
select {
  height: 50px;
}

select {
  cursor: pointer;
}

option:disabled {
  color: black;
}

option[disabled] {
  color: black;
}

option {
  color: black;
}

select::-ms-expand {
  display: none;
}

.form-input__select-wrap,
.form-field.state {
  position: relative;
  line-height: 1;
}

.form-input__select-wrap::after,
.form-field.state::after {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  content: url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M509.121 125.966a9.821 9.821 0 00-13.893 0L256.005 365.194 16.771 125.966a9.821 9.821 0 00-13.893 0 9.821 9.821 0 000 13.893l246.18 246.175a9.819 9.819 0 0013.893 0l246.17-246.175a9.821 9.821 0 000-13.893z"/></svg>');
  width: 20px;
  right: var(--basePadding);
  top: 50%;
  height: 16px;
  display: block;
  transform: translateY(-8px);
}

.form-input__label,
.field-label {
  cursor: pointer;
  display: block;
  padding: 0 0 5px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.3;
  color: #333;
}

.form-input__error,
#pardot-form .error.no-label {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  font-size: 0.875rem;
  color: #fff;
  font-style: normal;
  background: #ad1717;
  transform: translateY(-10px);
}

.form-input__error::before,
#pardot-form .error.no-label::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #ad1717 transparent;
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
}

.label-required {
  display: none;
}

.label-required.show {
  display: inline;
}

.form-success {
  display: none;
}

.alert {
  margin: 15px 0;
  padding: 20px 15px;
  font-size: 1rem;
  line-height: inherit;
}

.alert.alert-success {
  padding: 0;
  line-height: inherit;
  color: inherit;
  background-color: inherit;
}

.alert.alert-danger {
  font-weight: 600;
  color: #fff;
  background-color: #ad1717;
}

.alert.alert-success a,
.alert.alert-danger a {
  color: #fff;
  text-decoration: underline !important;
}

.form-input__wrap {
  position: relative;
}

.form-input__wrap--prefix input {
  padding-left: 50px;
}

.form-input__wrap--suffix input {
  padding-right: 50px;
}

.form-input__prefix,
.form-input__suffix {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 40px;
  height: 100%;
  z-index: 1;
}

.form-input__prefix {
  left: 0;
}

.form-input__suffix {
  right: 0;
}

textarea {
  font-family: var(--fontBase);
  min-height: 100px;
}

.form-input__radio,
.form-input__checkbox {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.form-input__radio .form-input__label,
.form-input__checkbox .form-input__label,
.form-input__radio-label {
  cursor: pointer;
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.form-input__radio .form-input__label::before,
.form-input__checkbox .form-input__label::before,
.form-input__radio-label::before {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  border: 1px solid #767676;
  margin-right: 10px;
}

.form-input__radio .form-input__label::before,
.form-input__radio-label::before {
  display: block;
  border-radius: 9px;
  background: #fff;
  transition: border 0.2s ease-out, background 0.2s ease-out;
}

.form-input__radio .form-input__label:hover::before,
.form-input__radio-label:hover::before {
  border-color: #E87217;
}

.form-input__checkbox .form-input__label::before {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\2714";
  color: #101F44;
  background: #101F44;
}

.form-input__radio-inner input[type=radio],
.form-input__checkbox-inner input[type=checkbox] {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  min-width: 0;
  margin: -1px;
  padding: 0;
  border: 0;
}

.form-input__radio-inner input[type=radio]:checked + .form-input__label::before,
.form-input__radio-inner input[type=radio]:checked + .form-input__radio-label::before {
  border-color: #E87217;
  background: #E87217;
}

.form-input__checkbox-inner input[type=checkbox]:checked + .form-input__label::before {
  border-color: #fff;
  background: #fff;
}

.form-input__label--success {
  color: #08810e;
  font-weight: 700;
}

.grecaptcha-badge {
  visibility: hidden;
}

.phone-cover {
  font-size: 1rem;
}

.phone-wrap {
  --phoneTextColor: white;
  position: relative;
  font-family: var(--fontBase);
  font-size: 1rem;
  font-weight: normal;
  color: #101F44;
  transition: color 0.2s ease-out;
}

.phone-wrap input {
  color: var(--phoneTextColor) !important;
}

.phone-wrap input:-webkit-autofill,
.phone-wrap input:-webkit-autofill:hover,
.phone-wrap input:-webkit-autofill:focus,
.phone-wrap input:-webkit-autofill:active,
.phone-wrap input:-webkit-autofill::first-line {
  -webkit-text-fill-color: var(--phoneTextColor) !important;
}

.phone-wrap input:autofill,
.phone-wrap input:autofill:hover,
.phone-wrap input:autofill:focus,
.phone-wrap input:autofill:active,
.phone-wrap input:autofill::first-line {
  -webkit-text-fill-color: var(--phoneTextColor) !important;
}

.phone-wrap .phone-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 15px;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.fixed-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fixed-video__video,
.fixed-video__thumbnail {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 85.3333333333vw;
  width: 151.7037037037vw;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}

@media only screen and (min-width: 992px) {
  .fixed-video__video,
  .fixed-video__thumbnail {
    width: 100vw;
    height: 56.25vw;
  }
}

.fixed-video__thumbnail {
  background-position: top center;
  background-size: cover;
}

.parallax {
  scroll-behavior: smooth;
  overflow: hidden;
}

.parallax__image {
  width: 100%;
  overflow: hidden;
  height: 100%;
  transition: transform 0.1s ease-out;
}

@media only screen and (min-width: 768px) {
  .parallax__image {
    height: 120%;
  }
}

.parallax__image > img,
.parallax__image .parallax__img {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.parallax__image.is-parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
}

@media only screen and (max-width: 767px) {
  .parallax__image.is-parallax {
    transform: none !important;
  }
}

.parallax__image.is-parallax > img,
.parallax__image.is-parallax .parallax__img {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.parallax__image.is-fixed {
  position: fixed;
  will-change: transform;
}

.parallax__image.is-fixed > img,
.parallax__image.is-fixed .parallax__img {
  height: 100%;
  max-height: none;
}

.parallax__img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.parallax__image--up .parallax__img {
  background-position: top center;
}

.parallax__image--down {
  transform: translate3d(0, -20%, 0);
}

.parallax__image--down.is-parallax {
  top: auto;
  bottom: 0;
}

.parallax__image--down .parallax__img {
  background-position: bottom center;
}

.parallax__image--loading,
.parallax__image--loaded {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.static-map {
  position: relative;
}

.static-map__img {
  display: block;
  width: 100%;
  height: auto;
}

.cta,
#pardot-form input[type=submit] {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.2em 1.2em;
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  font-size: 1.3125rem;
  line-height: 1.5;
  text-transform: capitalize;
  transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
}

@media only screen and (min-width: 768px) {
  .cta,
  #pardot-form input[type=submit] {
    font-weight: normal;
    font-size: 1.5rem;
  }
}

.cta__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.cta__text {
  margin-bottom: -2px;
}

.cta__icon svg {
  display: block;
  max-width: 32px;
  max-height: 24px;
}

.cta__icon--left {
  margin-right: 1em;
}

.cta--yelling {
  text-transform: uppercase;
}

.cta--rounded,
#pardot-form input[type=submit] {
  border-radius: 999px;
}

.cta--orange,
#pardot-form input[type=submit] {
  color: #fff;
  border: 2px solid #E87217;
  background: #E87217;
}

.cta--orange:visited,
#pardot-form input[type=submit]:visited {
  color: #fff;
}

.cta--orange:hover,
.cta--orange:focus,
#pardot-form input[type=submit]:hover,
#pardot-form input[type=submit]:focus {
  color: #E87217;
  background: #fff;
}

.cta--blue {
  padding: 1em 1.5em;
  font-size: 0.875rem;
  font-weight: 600;
  color: #101F44;
  border: 1px solid #101F44;
}

.cta--blue:visited {
  color: #101F44;
}

.cta--blue:hover,
.cta--blue:focus {
  color: #fff;
  background: #101F44;
}

.cta--white-orange {
  padding: 1em 1.5em;
  font-size: 0.875rem;
  font-weight: 600;
  color: #E87217;
  border: 1px solid #E87217;
}

.cta--white-orange:visited {
  color: #E87217;
}

.cta--white-orange:hover,
.cta--white-orange:focus {
  color: #fff;
  background: #E87217;
}

.cta--outline-orange {
  padding: 8px var(--basePadding) 5px;
  border: 2px solid #E87217;
  justify-self: flex-end;
  font-size: 1rem;
  display: inline-block;
  align-self: center;
  font-weight: 700;
  color: #E87217;
}

.cta--outline-orange:hover,
.cta--outline-orange:active,
.cta--outline-orange:focus {
  background: #E87217;
  color: white;
}

@media only screen and (max-width: 767px) {
  .cta--quick-move-in-homes-available .cta__icon--left {
    display: none;
  }
}

.filter {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  align-items: center;
  width: 100%;
}

.filter::after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 36px;
  height: 100%;
  line-height: 1;
  background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 17 9' xmlns='http://www.w3.org/2000/svg' class='svg-chevron' fill='%23ffffff'%3E%3Cpath d='M16.749.356l-.255-.255a.43.43 0 00-.61 0L8.878 7.113 1.866.1a.43.43 0 00-.61 0l-.255.255a.43.43 0 000 .61l7.568 7.57a.43.43 0 00.61 0l7.566-7.57a.428.428 0 00.004-.61z' fill-rule='nonzero'/%3E%3C/svg%3E") center no-repeat;
}

.filter__select {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 5px 36px 5px 15px;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0;
  border: 0;
  background: unset;
  color: transparent;
}

.filter__select:hover,
.filter__select:focus {
  background: unset;
}

.filter__select:focus {
  outline: 1px solid #7187e2;
}

.filter__select:disabled {
  cursor: default;
  background: #f6f6f6;
}

.filter__select option {
  color: #767676;
}

.filter__text {
  pointer-events: none;
  grid-row: 1;
  grid-column: 1;
  height: 100%;
  padding: 5px 36px 5px 15px;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  color: #fff;
}

.filter__text-inner {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.number {
  position: relative;
  display: grid;
  grid-template-areas: "a a a" "b c d";
  align-items: center;
  justify-content: space-between;
}

.number__label {
  display: block;
  grid-area: a;
  padding-bottom: 10px;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
}

.number__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.number__input:focus ~ .number__output,
.number__button:focus ~ .number__output {
  color: #E87217;
}

.number__output {
  grid-area: c;
  padding: 0 10px;
  font-size: 1.875rem;
  line-height: 1;
  text-align: center;
}

.number__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 2px 0 0 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  color: #E87217;
  border: 1px solid #D8D8D8;
  border-radius: 15px;
  background: #fff;
  transition: color 0.2s ease-out, background 0.2s ease-out, border 0.2s ease-out;
}

.number__button:hover,
.number__button:focus {
  color: #fff;
  border-color: #E87217;
  background: #E87217;
}

.number__button:disabled {
  color: #fff;
  border-color: #767676;
  background: #767676;
}

.number__button--minus {
  grid-area: b;
  padding-left: 1px;
}

.number__button--plus {
  grid-area: d;
}

.range {
  --dif: calc(var(--max) - var(--min));
  --left: calc((var(--a) - var(--min)) / var(--dif) * 100%);
  --leftWidth: calc((var(--b) - var(--a)) / var(--dif) * 100%);
  --right: calc((var(--b) - var(--min)) / var(--dif) * 100%);
  --rightWidth: calc((var(--a) - var(--b)) / var(--dif) * 100%);
  display: grid;
  grid-template: repeat(2, max-content) 36px / 1fr 1fr;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: linear-gradient(0deg, transparent calc(18px - 1.5px), #D8D8D8 calc(18px - 1.5px), #D8D8D8 calc(18px + 1.5px), transparent calc(18px + 1.5px), transparent 0);
}

.range::before,
.range::after {
  content: "";
  grid-column: 1/span 2;
  grid-row: 3;
  align-self: center;
  width: 0;
  height: 3px;
  margin: 0;
  background: #E87217;
}

.range::before {
  margin-left: var(--left);
  width: var(--leftWidth);
}

.range::after {
  margin-left: var(--right);
  width: var(--rightWidth);
}

.range .range__title {
  grid-column: 1/span 2;
  padding-bottom: 10px;
  font-size: 1rem;
  text-align: center;
}

.range .range__input {
  display: block;
  grid-column: 1/span 2;
  grid-row: 3;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: unset;
  border: 0;
  background: none;
  /* get rid of white Chrome background */
  --col: #000;
  pointer-events: none;
}

.range .range__input::-webkit-slider-runnable-track,
.range .range__input::-webkit-slider-thumb,
.range .range__input {
  -webkit-appearance: none;
}

.range .range__input::-webkit-slider-runnable-track {
  width: 100%;
  height: 100%;
  background: none;
}

.range .range__input::-moz-range-track {
  width: 100%;
  height: 100%;
  background: none;
}

.range .range__input::-webkit-slider-thumb {
  pointer-events: auto;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z" fill="%23E87217"/></svg>') center no-repeat;
  background-size: 30%;
}

.range .range__input::-moz-range-thumb {
  pointer-events: auto;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z" fill="%23E87217"/></svg>') center no-repeat;
  background-size: 30%;
}

.range .range__input.range__input--a::-webkit-slider-thumb {
  pointer-events: auto;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 10h24v4h-24z" fill="%23E87217" /></svg>') center no-repeat;
  background-size: 30%;
}

.range .range__input.range__input--a::-moz-range-thumb {
  pointer-events: auto;
  cursor: pointer;
  width: 36px;
  height: 36px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 10h24v4h-24z" fill="%23E87217" /></svg>') center no-repeat;
  background-size: 30%;
}

.range .range__input:focus {
  --col: color(orange);
  z-index: 2;
  box-shadow: 0 0 0 1px rgba(232, 114, 23, 0.2) inset;
}

.range .range__input--a:focus ~ .range__result .range__output--a,
.range .range__input--b:focus ~ .range__result .range__output--b {
  color: #E87217;
}

.range .range__result {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  grid-row: 2;
  grid-column: 1/span 2;
  padding-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .range .range__result {
    padding-bottom: 10px;
  }
}

.range .range__output {
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 600;
}

.range .range__output:first-of-type {
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .range .range__output {
    font-size: 1.375rem;
  }
}

.range__monthly-payment {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 5px;
  font-size: 16px;
  color: #E87217;
  font-weight: 700;
}

.ribbon {
  position: absolute;
  top: 0;
  left: 0;
}

.ribbon__inner {
  position: absolute;
  left: -11.25rem;
  width: 22.5rem;
  padding: 0.375rem 8.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background: #E87217;
  transform-origin: top center;
  transform: translate(1.875rem, 1.875rem) rotate(-45deg);
}

.share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #101F44;
}

.share__label {
  font-size: 0.875rem;
  font-weight: 600;
  margin-right: var(--basePadding);
}

.share__list {
  padding: 0;
  display: flex;
  align-items: center;
}

.share__item {
  margin-right: 7px;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.share__link,
.share__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.share__link {
  padding: 0;
  border: 0;
}

.share__link:hover svg,
.share__link:focus svg {
  color: #E87217;
  fill: #E87217;
}

.share__icon svg {
  width: var(--basePadding);
  height: auto;
  color: #101F44;
  fill: #101F44;
  transition: color 0.2s ease-out, fill 0.2s ease-out;
}

.sort {
  display: inline-flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1;
  color: #333333;
  border: 0;
}

.sort .svg-sort {
  color: #b5a6a5;
  overflow: visible;
}

.sort .svg-sort__ascend,
.sort .svg-sort__descend {
  transition: transform 0.3s ease-out, color 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .sort {
    font-size: 1rem;
  }
}

.sort__label {
  padding-right: 0.35em;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(16, 31, 68, 0);
          text-decoration-color: rgba(16, 31, 68, 0);
  transition: color 0.3s ease-out, -webkit-text-decoration-color 0.3s ease-out;
  transition: color 0.3s ease-out, text-decoration-color 0.3s ease-out;
  transition: color 0.3s ease-out, text-decoration-color 0.3s ease-out, -webkit-text-decoration-color 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .sort__label {
    padding-right: 0.5em;
  }
}

.sort--ascend {
  color: #101F44;
}

.sort--ascend .sort__label {
  -webkit-text-decoration-color: #101F44;
          text-decoration-color: #101F44;
}

.sort--ascend .svg-sort__ascend {
  color: #101F44;
  animation: bounce-up 0.3s ease-in-out 1 forwards;
}

.sort--ascend .svg-sort__descend {
  color: #b5a6a5;
}

.sort--descend {
  color: #101F44;
}

.sort--descend .sort__label {
  -webkit-text-decoration-color: #101F44;
          text-decoration-color: #101F44;
}

.sort--descend .svg-sort__ascend {
  color: #b5a6a5;
}

.sort--descend .svg-sort__descend {
  color: #101F44;
  animation: bounce-down 0.3s ease-in-out 1 forwards;
}

@keyframes bounce-up {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes bounce-down {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(15%);
  }

  100% {
    transform: translate(0);
  }
}

.stacked-image {
  display: inline-block;
  position: relative;
  width: 100%;
}

.stacked-image__img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  border: 8px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transform-origin: center;
}

.stacked-image__img:not(:last-child) {
  position: absolute;
}

.stacked-image--animate {
  z-index: 1;
}

.stacked-image--animate .stacked-image__img {
  z-index: 3;
}

.stacked-image--animate .stacked-image__img:nth-child(1) {
  animation: rotate-by-12 2s ease-in-out forwards 1, cycle-off 12s ease-in-out 10s forwards infinite;
}

.stacked-image--animate .stacked-image__img:nth-child(2) {
  animation: rotate-by-6 2s ease-in-out forwards 1, cycle-off 12s ease-in-out 6s forwards infinite;
}

.stacked-image--animate .stacked-image__img:nth-child(3) {
  animation: cycle-off 12s ease-in-out 2s forwards infinite;
}

@keyframes cycle-off {
  0%, 8.33333% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }

  16.66666% {
    transform: rotate(30deg) translate3d(100%, -100%, 0);
  }

  25%, 41.33333% {
    transform: rotate(12deg) translate3d(0, 0, 0);
  }

  58.33333%, 74.99999% {
    transform: rotate(6deg) translate3d(0, 0, 0);
  }

  91.66666%, 100% {
    transform: rotate(0deg) translate(0, 0, 0);
  }

  0%, 16.66665% {
    z-index: 3;
  }

  16.66666%, 24.99999% {
    z-index: -1;
  }

  25%, 58.33332% {
    z-index: 1;
  }

  58.33333%, 91.66665% {
    z-index: 2;
  }

  91.66666%, 100% {
    z-index: 3;
  }
}

@keyframes rotate-by-6 {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(6deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes rotate-by-12 {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(12deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@media (prefers-reduced-motion) {
  .stacked-image.stacked-image--animate .stacked-image__img {
    animation: none !important;
  }

  .stacked-image.stacked-image--animate .stacked-image__img:nth-child(1) {
    transform: rotate(12deg);
  }

  .stacked-image.stacked-image--animate .stacked-image__img:nth-child(2) {
    transform: rotate(6deg);
  }
}

.swoosh {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: white;
  opacity: 0.55;
  overflow: hidden;
}

.swoosh__svg {
  position: absolute;
  top: -0.8vw;
  left: 0;
  width: calc(100% + 1vw);
  height: calc(100% + 1vw);
  stroke-width: 4;
  stroke-dasharray: 2928.1 2928.1;
  stroke-dashoffset: -2928.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .swoosh__svg {
    stroke-width: 3;
  }
}

@media only screen and (min-width: 992px) {
  .swoosh__svg {
    stroke-width: 2;
  }
}

@media only screen and (min-width: 1276px) {
  .swoosh__svg {
    stroke-width: 1;
  }
}

.swoosh--reverse .swoosh__svg {
  stroke-dashoffset: 2928.1;
  transform: scaleX(-1);
}

.swoosh--immediate .swoosh__svg {
  animation: stroke-from-left 1.5s 1s ease-in 1 forwards;
}

.swoosh--immediate.swoosh--reverse .swoosh__svg {
  animation: stroke-from-right 1.5s 1s ease-in 1 forwards;
}

@keyframes stroke-from-left {
  from {
    stroke-dashoffset: -2928.1;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke-from-right {
  from {
    stroke-dashoffset: 2928.1;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.loading-swoosh {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ccc;
  overflow: hidden;
}

.loading-swoosh .swoosh__svg {
  stroke-width: 4;
  animation: stroke-from-left-infinite 2s ease-out infinite forwards;
}

.loading-swoosh--reverse .swoosh__svg {
  stroke-dashoffset: 2928.1;
  transform: scaleX(-1);
  animation: stroke-from-right-infinite 2s ease-out infinite forwards;
}

@keyframes stroke-from-left-infinite {
  from {
    stroke-dashoffset: -2928.1;
  }

  to {
    stroke-dashoffset: 2928.1;
  }
}

@keyframes stroke-from-right-infinite {
  from {
    stroke-dashoffset: 2928.1;
  }

  to {
    stroke-dashoffset: -2928.1;
  }
}

.floorplan-disclaimer {
  background: #F2EADE;
}

.floorplan-disclaimer__content {
  font-size: 0.875rem;
  color: #333333;
  text-align: center;
}

.concierge-form__button {
  transform: rotate(90deg);
  transform-origin: right;
  background: #101F44;
  color: white;
  position: fixed;
  right: 12px;
  border: none;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 0.875rem;
  padding: 5px 10px;
  top: 83%;
  z-index: 15;
}

@media only screen and (min-width: 992px) {
  .concierge-form__button {
    top: 61%;
  }
}

@media only screen and (min-width: 768px) {
  .concierge-form__button {
    font-size: 1rem;
    right: 14px;
    top: 61%;
  }
}

.concierge-form__button svg.svg-journey-hayden {
  width: 15px;
  display: none;
  height: -moz-max-content;
  height: max-content;
}

@media only screen and (min-width: 768px) {
  .concierge-form__button svg.svg-journey-hayden {
    display: block;
  }
}

.concierge-form__button svg.down-chevron path {
  fill: white;
}

.concierge-form__button:hover {
  background: #E87217;
}

.form-loading > *:not(.form-loading-indicator) {
  opacity: 0;
}

.form-loading {
  position: relative;
}

.form-loading-indicator {
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  padding: 0;
}

.form-loading-indicator svg {
  max-width: 50%;
}

.form-loading-indicator svg g {
  transform-origin: 32px;
  animation: spinAnimation 1s linear infinite;
}

@keyframes spinAnimation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.hh-form {
  padding: var(--basePadding2x);
}

.hh-form__header {
  margin: var(--basePadding2xN) var(--basePadding2xN) var(--basePadding2x);
  background: #101F44;
  color: white;
}

.hh-form__header :is(p, li, h1, h2, h3, h4, h5, h6) {
  color: white;
}

.hh-form__captcha {
  line-height: 1.2;
  margin: var(--basePadding) 0;
}

.hh-form__captcha-notice a {
  color: #101F44;
}

.hh-form__group {
  margin-bottom: var(--basePadding);
}

.lead-capture {
  padding: 0;
}

.lead-capture .hh-form__header {
  margin: 0 0 40px;
  background: transparent;
}

.lead-capture .lead-capture__title {
  font-size: 1.5rem;
  text-transform: capitalize;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .lead-capture .lead-capture__title {
    font-size: remc-calc(30);
  }
}

.lead-capture .lead-capture__copy {
  font-size: 1rem;
  line-height: 1.66667;
  color: #333333;
}

@media only screen and (min-width: 768px) {
  .lead-capture .lead-capture__copy {
    font-size: 1.125rem;
  }
}

.lead-capture .hh-form__main {
  display: grid;
}

@media only screen and (min-width: 768px) {
  .lead-capture .hh-form__main {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
  }
}

@media only screen and (min-width: 992px) {
  .lead-capture .hh-form__main {
    grid-template-columns: repeat(4, 1fr);
  }
}

.lead-capture .hh-form__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .lead-capture .hh-form__footer {
    justify-content: space-between;
  }
}

.lead-capture .hh-form__footer-content {
  display: none;
}

.lead-capture .hh-form__group--cta {
  display: flex;
  align-self: center;
  width: 100%;
  margin: 0;
}

.lead-capture .hh-form__group--cta .cta {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .lead-capture .hh-form__group--cta {
    width: auto;
  }

  .lead-capture .hh-form__group--cta .cta {
    width: auto;
  }
}

.hh-form__additional-btn {
  border: 0;
  display: flex;
  align-items: center;
  padding: 5px;
  font-size: 1rem;
  color: #101F44;
  font-weight: 700;
  transition: 0.2s ease all;
}

.hh-form__additional-btn svg {
  margin-right: 10px;
  fill: #101F44;
  transition: 0.2s ease all;
}

.hh-form__additional-btn:hover {
  color: #E87217;
}

.hh-form__additional-btn:hover svg {
  fill: #E87217;
}

.form-input.form-upload,
.form-input__upload-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.form-input.form-upload .form-input__error {
  flex: 0 0 100%;
  margin-top: 10px;
}

.form-input__upload-label::after {
  content: "Choose Image";
  display: inline-block;
  border: 2px solid #101F44;
  border-radius: 27px;
  font-size: 1rem;
  padding: 10px var(--basePadding2x);
  line-height: 1;
  color: #101F44;
  transition: 0.2s ease all;
}

.form-input__upload-label--attachment::after {
  display: none;
}

.form-input.form-upload .form-input__label {
  margin-right: var(--basePadding);
}

.form-input__upload-label:hover::after {
  background: #101F44;
  color: white;
}

input[type=file] {
  display: none;
}

.state_select select {
  color: #666;
}

.state_select.stateSelected select {
  color: #101F44;
}

.form-input__button {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  background: #101F44;
  border: 2px solid #101F44;
  border-radius: 40px;
  overflow: hidden;
}

.form-input__button-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 36px;
  color: #101F44;
  background: white;
  transition: color 0.2s ease-out, background 0.2s ease-out;
}

.form-input__button-inner:hover,
.form-input__button-inner:focus {
  color: white;
  background: #101F44;
}

.hh-form--realtors {
  padding: 0;
}

.realtors-form__content {
  display: grid;
}

.realtors__reg-box {
  grid-column: 1;
  grid-row: 1;
  background: #eee;
}

.search-realtors__results-close {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
}

.search-realtors__results-close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #625b5b;
  border: 1px solid #625b5b;
  border-radius: 10px;
  padding: 5px;
}

.search-realtors__results-close-button .svg-times {
  width: 18px;
  height: 18px;
  fill: #101F44;
}

.search-realtors__results-list {
  border: 1px solid #ccc;
  margin: var(--basePadding) 0;
  height: 0;
  overflow: hidden;
}

.search-realtors__results-list.search-realtors__results-list--active {
  height: auto;
}

@media only screen and (min-width: 768px) {
  .search-realtors__results-list {
    max-height: 500px;
    overflow-y: auto;
  }
}

.search-realtors__result {
  width: 100%;
  border: 0;
  border-bottom: 5px solid #eee;
  text-align: left;
  line-height: 1.2;
  padding: var(--basePadding);
  transition: 0.2s ease all;
  background: white;
}

.search-realtors__result:last-child {
  border: 0;
}

.search-realtors__result:hover,
.search-realtors__result:focus,
.search-realtors__result:active {
  background: #101F44;
  color: white;
}

.search-realtors__result:hover p,
.search-realtors__result:focus p,
.search-realtors__result:active p {
  color: white;
}

.search-realtors__result-title {
  font-size: 1rem;
  text-transform: capitalize;
}

.search-realtors__result p {
  margin: 0;
  line-height: inherit;
  transition: 0.2s ease all;
}

.search-realtors__results-add-new-btn,
.realtors__reset-realtor {
  padding: 0.5em 1em;
}

.search-realtors__add-realtor p {
  margin-top: var(--basePadding);
  margin-bottom: var(--basePadding);
}

.realtors__selected-realtor {
  border: 2px solid #ccc;
  padding: var(--basePadding);
  margin: var(--basePadding) 0;
  display: grid;
  justify-content: center;
  gap: var(--basePadding);
  align-items: center;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .realtors__selected-realtor {
    grid-template-columns: 1fr 1fr;
    text-align: left;
  }
}

.realtors__selected {
  display: flex;
  flex-direction: column;
}

.realtors__selected-value {
  text-transform: capitalize;
}

.realtors__reset-realtor {
  margin-left: auto;
}

.realtors__internally-completed {
  margin: var(--basePadding) 0;
}

@media only screen and (min-width: 768px) {
  .hh-form--realtors-add-new .hh-form__main,
  .hh-form--realtors-add-new .hh-form__additional {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: 0 var(--basePadding);
  }

  .hh-form__group--full {
    grid-column: 1/span 2;
  }
}

.hh-form--realtors input[type=checkbox] {
  margin-bottom: 0;
  width: var(--basePadding);
  height: var(--basePadding);
  margin-right: 5px;
  padding: 0;
}

.hh-form--realtors input[type=checkbox]:checked {
  background: #E87217;
}

.hh-form--realtors .form-input__checkbox {
  align-items: center;
  display: flex;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #E87217;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.search-realtors__btn-icon.loadingRealtors .loader {
  display: block;
}

.search-realtors__btn-icon .loader,
.search-realtors__btn-icon.loadingRealtors svg {
  display: none;
}

.hh-form--realtors-add-new,
.add-realtor .modal__content {
  padding: 0;
}

.realtors-form__add-new-nav--top {
  text-align: right;
  margin: -16px -16px var(--basePadding);
  border: 1px solid #EEE;
  border-bottom: 1px solid #625b5b;
  padding: var(--basePadding) 0;
}

.realtors-form__add-new-back svg {
  fill: #101F44;
  stroke: #101F44;
  height: 14px;
  transform: rotate(180deg);
  display: inline-block;
  margin-right: 5px;
  transition: 0.2s ease all;
}

.realtors-form__add-new-back:hover svg {
  fill: white;
  stroke: white;
}

.regional-form {
  position: relative;
  padding: 20px;
  margin: -1px -20px;
  background: #F2EADE;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .regional-form {
    padding: 20px 30px;
    margin: -31px -30px 0;
  }
}

@media only screen and (min-width: 992px) {
  .regional-form {
    padding: 20px 40px;
    margin: -41px -40px 0;
  }
}

@media only screen and (min-width: 1276px) {
  .regional-form {
    padding: 30px 50px;
    margin: -41px -50px 0;
  }
}

@media only screen and (min-width: 1500px) {
  .regional-form {
    padding: 30px 90px;
    margin: -41px -90px 0;
  }
}

.hh-form--regional {
  padding: 0;
}

.hh-form--regional input {
  margin: 0;
}

.hh-form--regional .hh-form__main {
  display: grid;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .hh-form--regional .hh-form__main {
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
  }
}

@media only screen and (min-width: 992px) {
  .hh-form--regional .hh-form__main {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 30px;
  }
}

.hh-form--regional .hh-form__group--cta {
  display: flex;
  align-items: flex-end;
}

.hh-form--regional .hh-form__group--cta .cta {
  height: 50px;
}

.hh-form--regional .form-input__error {
  transform: translateY(10px);
}

.regional-form__header {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  color: white;
  background: #101F44;
}

.regional-form__header svg {
  height: 26px;
  width: auto;
}

@media only screen and (min-width: 768px) {
  .regional-form__header {
    padding: 10px 30px;
  }
}

@media only screen and (min-width: 992px) {
  .regional-form__header {
    padding: 10px 40px;
  }
}

.regional-form__header-title {
  margin: 0 0 0 1em;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  color: white;
}

.regional-form__body {
  padding: 30px 20px;
  background: white;
}

@media only screen and (min-width: 768px) {
  .regional-form__body {
    padding: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .regional-form__body {
    padding: 30px 40px;
  }
}

.breadcrumbs {
  position: sticky;
  top: var(--headerHeight);
  padding: 0 15px;
  overflow: hidden;
  background: #101F44;
  z-index: 7;
  transition: top 0.3s ease-out;
}

.breadcrumbs__list {
  display: flex;
  max-width: 100%;
  margin: 0;
  padding: 10px 0;
  flex-wrap: unset;
  word-wrap: none;
  word-break: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.breadcrumbs__item {
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #fff;
}

.breadcrumbs__item:not(:first-child)::before {
  content: "\203A";
  display: inline-block;
  font-weight: 400;
  padding: 0 0.45em 0 0.55em;
}

.breadcrumbs__item:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs__item .breadcrumbs__link {
  font-size: inherit;
  font-weight: 400;
  color: inherit;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(255, 255, 255, 0);
          text-decoration-color: rgba(255, 255, 255, 0);
  transition: -webkit-text-decoration-color 0.2s ease-out;
  transition: text-decoration-color 0.2s ease-out;
  transition: text-decoration-color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
}

.breadcrumbs__item .breadcrumbs__link:hover {
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
          text-decoration-color: rgba(255, 255, 255, 0.5);
}

.breadcrumbs__item:nth-last-child(2n)::before {
  display: none;
}

@media only screen and (min-width: 992px) {
  .breadcrumbs__item:nth-last-child(2n)::before {
    display: inline-block;
  }
}

.breadcrumbs__item:nth-last-child(n+3) {
  display: none;
}

@media only screen and (min-width: 992px) {
  .breadcrumbs__item:nth-last-child(n+3) {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .breadcrumbs__item {
    font-size: 0.9375rem;
  }
}

.breadcrumbs--slotted {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.breadcrumbs--slotted .filter option {
  color: #000;
}

.call-out {
  display: grid;
  gap: 20px;
  border: 1px solid #8b5d2e;
}

@media only screen and (min-width: 768px) {
  .call-out {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
}

@media only screen and (min-width: 992px) {
  .call-out {
    grid-template-columns: 1fr 2fr fit-content(25%);
    grid-template-rows: none;
  }
}

@media only screen and (min-width: 1276px) {
  .call-out {
    grid-template-columns: 300px 1fr fit-content(25%);
    gap: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .call-out__image {
    grid-row: span 2;
  }
}

@media only screen and (min-width: 992px) {
  .call-out__image {
    grid-row: unset;
  }
}

.call-out__img {
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 1px);
  max-width: none;
  margin: -1px -1px 0 -1px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .call-out__img {
    width: calc(100% + 1px);
    height: calc(100% + 2px);
    margin: -1px 0 -1px -1px;
  }
}

.call-out__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
}

@media only screen and (min-width: 768px) {
  .call-out__content {
    padding: 20px 20px 20px 0;
  }
}

@media only screen and (min-width: 1276px) {
  .call-out__content {
    padding: 30px 0;
  }
}

.call-out__title {
  margin-bottom: 0.08em;
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 3.75rem;
  line-height: 1;
  text-align: center;
  color: #101F44;
}

@media only screen and (min-width: 992px) {
  .call-out__title {
    text-align: left;
  }
}

@media only screen and (min-width: 1276px) {
  .call-out__title {
    margin-bottom: 0;
    font-size: 5rem;
  }
}

.call-out__copy {
  font-size: 1.25rem;
  text-align: center;
}

@media only screen and (min-width: 992px) {
  .call-out__copy {
    text-align: left;
  }
}

@media only screen and (min-width: 1276px) {
  .call-out__copy {
    font-size: 1.5rem;
  }
}

.call-out__action {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 20px 20px 20px;
}

@media only screen and (min-width: 768px) {
  .call-out__action {
    padding: 0 20px 20px 0;
  }
}

@media only screen and (min-width: 992px) {
  .call-out__action {
    align-items: center;
    padding: 20px 20px 20px 0;
  }
}

@media only screen and (min-width: 1276px) {
  .call-out__action {
    align-items: flex-end;
    justify-content: flex-end;
    padding: 30px 30px 30px 0;
  }
}

.call-out-title {
  max-width: 760px;
  outline: 1px solid #8b5d2e;
  border-top: 10px solid #E87217;
  background: #fff;
}

.call-out-title__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 20px 20px 40px;
}

.call-out-title__line-1 {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
}

.call-out-title__line-2 {
  display: block;
  text-align: left;
  color: #E87217;
}

.call-out-title__line-2__perfetto {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 5rem;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .call-out-title__line-2__perfetto {
    font-size: 7.5rem;
  }
}

.call-out-title__line-2__proxima-nova {
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  font-size: 2.625rem;
  font-weight: 600;
  line-height: 1.5;
}

@media only screen and (min-width: 768px) {
  .call-out-title__line-2__proxima-nova {
    font-size: 3.75rem;
  }
}

.call-out-title__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 30px 20px;
  font-size: 1.125rem;
  line-height: 2;
  color: #333333;
}

.call-out-title__content p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

@media only screen and (min-width: 768px) {
  .call-out-title--cta {
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
    max-width: none;
  }

  .call-out-title--cta .call-out-title__title {
    grid-column: span 2;
  }
}

@media only screen and (min-width: 992px) {
  .call-out-title--cta {
    grid-template-columns: auto auto auto;
  }

  .call-out-title--cta .call-out-title__title {
    grid-column: 1;
  }
}

.call-out-title__action {
  display: flex;
  align-items: center;
  padding: 0 20px 20px;
}

@media only screen and (min-width: 992px) {
  .call-out-title__action {
    justify-content: flex-end;
    padding: 20px 30px 20px 0;
  }
}

.community-card__image {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.community-card__img-wrap {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}

.community-card__img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.community-card__banner {
  padding: 8px 10px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #E87217;
}

.community-card__header {
  padding-bottom: 20px;
}

.community-card__title {
  margin: 0;
  padding-right: 20px;
  font-size: 1.1875rem;
  line-height: 1.5;
  color: #101F44;
}

.community-card__title-top {
  display: flex;
  align-items: center;
  font-weight: 600;
}

.community-card__title-name {
  display: flex;
}

@media only screen and (min-width: 992px) {
  .community-card__title-name {
    align-items: center;
    gap: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .community-card__title-name {
    align-items: flex-start;
    flex-direction: column;
  }
}

.community-card__title-name .usda-financing-available {
  background-color: #636363;
  border-radius: 3.75px;
  color: #fff;
  font-size: 0.75rem;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.community-card__title-bottom {
  font-size: 1rem;
  color: #333333;
}

.community-card__price {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: var(--basePadding);
}

.community-card__price em {
  font-size: 1.25rem;
  font-style: normal;
}

.community-card__subheader {
  padding-bottom: 20px;
}

.community-card__snapshot-list {
  display: flex;
  padding: 0;
  font-size: 0.875rem;
}

.community-card__snapshot-item {
  margin: 0;
}

.community-card__snapshot-item::before {
  content: "|";
  display: inline-block;
  padding: 0 0.3em;
  color: #b7a6a4;
}

.community-card__snapshot-item:first-child::before {
  display: none;
}

.community-card__body {
  padding-bottom: 20px;
  font-size: 1rem;
  line-height: 1.66667;
  color: #333333;
}

.community-card__body p {
  margin-bottom: 1em;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.community-card__body p:last-child {
  margin-bottom: 0;
}

.community-card__actions {
  display: inline-grid;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .community-card__actions {
    display: grid;
    margin: 0 auto;
    max-width: 300px;
    gap: 10px;
  }

  .community-card__actions a.cta {
    margin: 0;
  }
}

.community-card__actions .cta {
  width: 100%;
  margin: 0 10px 10px 0;
  min-width: 270px;
}

.community-card__actions .cta:last-child {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .community-card__actions {
    display: flex;
    flex-wrap: wrap;
  }

  .community-card__actions .cta {
    width: auto;
  }
}

.community-card__actions-cta--visit {
  min-width: 270px;
}

.community-card__price--value,
.community-card__price--coming-soon {
  font-weight: 700;
  font-size: 1.125rem;
  color: #E87217;
}

.community-card--dynamic .community-card__article {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.community-card--dynamic .community-card__image {
  flex: 0;
  height: 0;
  padding-top: 75%;
  margin-bottom: 0;
}

.community-card--dynamic .community-card__body {
  flex: 1 1 auto;
}

.community-card--dynamic .community-card__img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.community-card--dynamic .community-card__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.community-card--dynamic .community-card__banner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.community-card--dynamic .community-card__section {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 30px 20px;
  border: 1px solid #ccc;
  border-top: 0;
}

@media only screen and (min-width: 1276px) {
  .community-card--dynamic .community-card__section {
    padding: 30px;
  }
}

@media only screen and (min-width: 1500px) {
  .community-card--dynamic .community-card__actions {
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1500px) {
  .community-card--dynamic .community-card__actions .cta {
    margin: 0 10px 0 0;
    min-width: 50%;
  }

  .community-card--dynamic .community-card__actions .cta:last-child {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  .community-card--static .community-card__article {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: 40px;
  }

  .community-card--static .community-card__image {
    margin-bottom: 0;
  }

  .community-card--static .community-card__header {
    display: flex;
    justify-content: space-between;
  }

  .community-card--static .community-card__price {
    margin-top: 0;
  }

  .community-card--static .community-card__snapshot-list {
    font-size: 1rem;
  }

  .community-card--static .community-card__snapshot-item::before {
    padding: 0 0.75em;
  }

  .community-card--static .community-card__actions {
    grid-template-columns: repeat(2, max-content);
  }

  .community-card--static .community-card__actions .cta {
    margin: 0 var(--basePadding) var(--basePadding) 0;
  }
}

@media only screen and (min-width: 992px) {
  .community-card--static .community-card__article {
    grid-template-columns: 320px 1fr;
  }
}

.no-results {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6667;
  text-align: center;
  border: 1px solid #ccc;
}

.no-results p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.no-results a,
.no-results .link {
  padding: 0;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: 0;
  text-decoration: underline;
  color: #2957b9;
  -webkit-text-decoration-color: rgba(16, 31, 68, 0);
          text-decoration-color: rgba(16, 31, 68, 0);
  text-decoration-thickness: 1px;
  transition: color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
  transition: color 0.2s ease-out, text-decoration-color 0.2s ease-out;
  transition: color 0.2s ease-out, text-decoration-color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
}

.no-results a:hover,
.no-results a:focus,
.no-results .link:hover,
.no-results .link:focus {
  color: #101F44;
  -webkit-text-decoration-color: #101F44;
          text-decoration-color: #101F44;
}

@media only screen and (min-width: 768px) {
  .no-results {
    padding: 50px;
    font-size: 1.25rem;
  }
}

.no-results__body {
  padding-top: 40px;
  font-size: 1.125rem;
}

.popup {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s ease-out;
}

.popup__dialog {
  display: block;
  max-width: 90vw;
  max-height: 90vh;
  padding: 0;
  opacity: 0;
  border: 0;
  background: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transform: scale(0.8);
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .popup__dialog {
    max-width: 53.125rem;
    max-height: 90vh;
  }
}

.popup__form {
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  justify-content: center;
  justify-items: center;
}

.popup__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .popup__header {
    right: 10px;
    top: 10px;
  }
}

.popup__header:empty {
  display: none;
}

.popup__content {
  position: relative;
  max-height: calc(100vh - 168px);
  overflow-y: auto;
}

.popup__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 30px;
  transition: background 0.2s ease-out;
  position: absolute;
  top: -45px;
  right: 0;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.popup__close svg {
  fill: white;
}

@media only screen and (min-width: 768px) {
  .popup__close {
    width: 40px;
    height: 40px;
  }
}

.popup__close:hover,
.popup__close:focus {
  background: #C3C3C3;
}

.popup__confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: white;
  transition: background 0.2s ease-out;
}

.popup--open {
  position: fixed;
  opacity: 1;
  z-index: 9999999999;
}

.popup--open .popup__dialog {
  opacity: 1;
  transform: scale(1);
}

.popup__copy {
  padding: 20px;
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-position: right bottom;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .popup__copy {
    padding: 20px 25px;
  }
}

@media only screen and (min-width: 992px) {
  .popup__copy {
    padding: 30px 50px;
  }
}

.popup__copy .triangle {
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  border-left: 65px solid transparent;
  border-right: 65px solid transparent;
  border-top: 30px solid #ECECEC;
}

@media only screen and (min-width: 768px) {
  .popup__copy .triangle {
    border-left: 105px solid transparent;
    border-right: 105px solid transparent;
    border-top: 60px solid #ECECEC;
  }
}

.popup__copy .popup__ctas {
  margin: 15px auto 15px auto;
  display: flex;
  flex-direction: column;
  width: -moz-max-content;
  width: max-content;
}

.popup__copy .cta {
  color: white;
  width: -moz-max-content;
  width: max-content;
  margin: auto auto 20px auto;
  background: #017C93;
  font-size: 16px;
  padding: 5px 26px;
}

@media only screen and (min-width: 768px) {
  .popup__copy .cta {
    font-size: 20px;
    padding: 10px 50px;
  }
}

.popup__copy .cta:hover {
  background-color: #114a5d;
  border-color: rgba(255, 255, 255, 0.7);
}

.popup__image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hayden-pop__title {
  margin: 0;
  line-height: 0;
  text-align: center;
}

.hayden-pop__header {
  position: relative;
  padding: 10px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .hayden-pop__header {
    padding: 20px;
  }
}

.hayden-pop__title-img {
  display: block;
  width: 100%;
}

.hayden-pop__content,
.hayden-pop__footer {
  background: #F2EADE;
  padding: 15px 25px;
}

@media only screen and (min-width: 768px) {
  .hayden-pop__content,
  .hayden-pop__footer {
    padding: 30px 50px;
  }
}

.hayden-pop__content p {
  font-size: 1.125rem;
}

@media only screen and (min-width: 768px) {
  .hayden-pop__content p {
    font-size: 1.375rem;
  }
}

@media only screen and (min-width: 768px) {
  .hayden-pop__footer {
    padding-top: 10px;
  }
}

.hayden-pop__footer p {
  font-size: 0.75rem;
  color: #9E9E9E;
  line-height: 18px;
}

@media only screen and (min-width: 768px) {
  .hayden-pop__footer p {
    font-size: 0.875rem;
    line-height: 21px;
  }
}

.hayden-pop__footer p:last-child {
  margin-bottom: 0;
}

.hayden-pop__ctas {
  text-align: center;
}

.hayden-pop__title-img + .hayden-pop__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hayden-pop__title {
  display: grid;
  align-items: center;
  justify-content: center;
  width: calc(100% - 20px);
  color: white;
}

@media only screen and (min-width: 768px) {
  .hayden-pop__title {
    width: calc(100% - 40px);
  }
}

.hayden-pop__title-1 {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.hayden-pop__title-2 {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 9.375rem;
  font-size: clamp(1.875rem, 23vw, 9.375rem);
  line-height: 0.625;
}

.alert-banner {
  width: 100%;
  text-align: center;
  border: 0;
  background: #333;
  color: white;
  position: static;
  align-items: center;
  justify-content: center;
  padding: 5px var(--basePadding);
  flex-wrap: wrap;
}

.alert-banner.open {
  display: flex;
}

.alert-banner a {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  color: white;
}

.alert-banner a:hover,
.alert-banner a:active,
.alert-banner a:focus {
  color: #E87217;
}

.alert-banner__content {
  display: inline;
}

.alert-banner__close {
  border: 0;
  box-shadow: 0;
  padding: 0;
  margin-left: 5px;
  color: white;
  display: inline-flex;
  align-items: center;
  border: 1px solid white;
  border-radius: 5px;
  justify-content: center;
  padding: 3px 5px;
  transition: 0.2s ease all;
}

.alert-banner__close-icon {
  display: inline-flex;
  font-size: 1.625rem;
  line-height: 0.5;
  transform: translateY(1px);
}

.alert-banner__close:hover,
.alert-banner__close:focus,
.alert-banner__close:active {
  background: white;
  color: #333;
}

.hdr-sub-nav {
  --basePadding: 15px;
  --basePadding2x: calc(var(--basePadding) * 2);
  --basePaddingN: calc(var(--basePadding) * -1);
  --basePadding2xN: calc(var(--basePadding) * -2);
}

.hdr-sub-nav--desktop {
  display: none;
}

@media only screen and (min-width: 992px) {
  .hdr-sub-nav--desktop {
    display: block;
    grid-area: subn;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
  }

  .hdr-sub-nav--mobile {
    display: none;
  }
}

.hdr-sub-nav--mobile {
  border-top: 5px solid rgb(240, 236, 231);
  border-bottom: 5px solid rgb(240, 236, 231);
  padding: var(--basePadding);
  margin-bottom: var(--basePadding2x);
}

.hdr-sub-nav--mobile .hdr-sub-nav__list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.hdr-sub-nav--mobile .hdr-sub-nav__item {
  margin: calc(var(--basePadding) / 2) var(--basePadding);
}

.hdr-sub-nav__link {
  display: inline-block;
  position: relative;
  margin: 0;
  font-size: 1rem;
  line-height: 1;
  border: 0;
}

.hdr-sub-nav__link:visited {
  color: #101F44;
}

@media only screen and (min-width: 992px) {
  .hdr-sub-nav--desktop {
    grid-area: subn;
    border-bottom: 1px solid #D8D8D8;
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__list,
  .hdr-sub-nav--desktop .hdr-sub-nav__login {
    display: flex;
    justify-content: flex-end;
    line-height: 1;
    padding: 0 var(--basePadding);
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__item {
    margin: 0 0 0 var(--basePadding);
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__link {
    font-size: 0.8125rem;
    color: #767676;
    padding: calc(var(--basePadding) / 2) 0;
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__link:visited {
    color: #767676;
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__link::after {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    background: #101F44;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: 0.1s ease opacity;
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__link:hover,
  .hdr-sub-nav--desktop .hdr-sub-nav__link:focus {
    color: #101F44;
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__link:hover::after,
  .hdr-sub-nav--desktop .hdr-sub-nav__link:focus::after {
    opacity: 1;
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__list {
    padding-left: 0;
  }

  .hdr-sub-nav--desktop .hdr-sub-nav__list > li:first-child {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 992px) {
  .hdr-sub-nav--desktop .hdr-sub-nav__list {
    display: none;
  }
}

@media greaterthan-desktop {
  .hdr-sub-nav--desktop .hdr-sub-nav__list,
  .hdr-sub-nav--desktop .hdr-sub-nav__login {
    padding: 0 var(--basePadding2x);
  }
}

.hdr__main-nav {
  --basePadding: 15px;
  --basePadding2x: calc(var(--basePadding) * 2);
  --basePaddingN: calc(var(--basePadding) * -1);
  --basePadding2xN: calc(var(--basePadding) * -2);
  padding: 0;
}

.hdr__main-nav:focus {
  outline: 0;
}

@media only screen and (min-width: 992px) {
  .hdr__main-nav {
    display: flex;
    align-items: stretch;
    height: 100%;
  }
}

.hdr__main-nav-item {
  margin: 0;
  background: white;
}

@media only screen and (min-width: 992px) {
  .hdr__main-nav-item {
    position: relative;
    display: flex;
    align-items: stretch;
    margin-right: var(--basePadding);
    background: none;
  }

  .hdr__main-nav-item:last-child .hdr__subnav {
    right: 0;
    transform: translate3d(var(--basePadding), var(--basePaddingN), 0);
  }

  .hdr__main-nav-item:last-child .hdr__main-nav-button[aria-expanded=true] + .hdr__subnav {
    transform: translate3d(var(--basePadding), 0, 0);
  }
}

@media only screen and (min-width: 1276px) {
  .hdr__main-nav-item {
    margin-right: var(--basePadding2x);
  }

  .hdr__main-nav-item::before {
    content: " | ";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: var(--basePaddingN);
    margin-right: var(--basePadding);
    transform: translateY(-50%);
    color: #767676;
  }

  .hdr__main-nav-item:first-child::before {
    display: none;
  }

  .hdr__main-nav-item:last-child .hdr__subnav {
    right: 0;
    transform: translate3d(var(--basePadding), var(--basePaddingN), 0);
  }

  .hdr__main-nav-item:last-child .hdr__main-nav-button[aria-expanded=true] + .hdr__subnav {
    transform: translate3d(var(--basePadding), 0, 0);
  }
}

.hdr__main-nav-button {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--basePadding) var(--basePadding2x);
  font-size: 1.25rem;
  text-align: left;
  text-transform: uppercase;
  color: #101F44;
  border: 0;
  background: #fff;
}

.hdr__main-nav-button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--basePadding2x);
  width: 100px;
  height: 5px;
  background: rgba(16, 31, 68, 0);
  transform-origin: bottom;
  transform: scaleY(0);
  transition: transform 0.3s ease-out, background 0.3s ease-out;
}

.hdr__main-nav-button::after {
  content: "";
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 100%;
  line-height: 1;
  background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 17 9' xmlns='http://www.w3.org/2000/svg' class='svg-chevron' fill='%23767676'%3E%3Cpath d='M16.749.356l-.255-.255a.43.43 0 00-.61 0L8.878 7.113 1.866.1a.43.43 0 00-.61 0l-.255.255a.43.43 0 000 .61l7.568 7.57a.43.43 0 00.61 0l7.566-7.57a.428.428 0 00.004-.61z' fill-rule='nonzero'/%3E%3C/svg%3E") center no-repeat;
  transition: transform 0.2s ease-out;
  min-height: 11px;
}

.hdr__main-nav-button:hover::before,
.hdr__main-nav-button:focus::before,
.hdr__main-nav-button[aria-expanded=true]::before {
  transform: scaleY(1);
  background: #101F44;
}

.hdr__main-nav-button[aria-expanded=true]::after {
  transform: rotate(180deg);
}

@media only screen and (min-width: 992px) {
  .hdr__main-nav-button {
    padding: var(--basePadding) 0;
    font-size: 0.875rem;
    background: none;
  }

  .hdr__main-nav-button::before {
    left: 0;
    width: calc(100% - 14px);
    height: 10px;
  }

  .hdr__main-nav-button::after {
    width: 24px;
  }
}

@media screen and (min-width: 1108px) {
  .hdr__main-nav-button {
    font-size: 1rem;
  }

  .hdr__main-nav-button::after {
    width: 36px;
  }
}

.hdr__main-nav-item.hdr__main-nav-item--mega-menu {
  position: static;
}

.hdr__main-nav-item.hdr__main-nav-item--mega-menu .hdr__subnav {
  left: 0;
  right: 0;
  width: 100%;
  padding: 0;
}

.hdr__subnav {
  height: 100%;
  max-height: 0;
  padding: 0 var(--basePadding2x);
  background: #fff;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
}

@media only screen and (min-width: 992px) {
  .hdr__subnav {
    pointer-events: none;
    position: absolute;
    top: 100%;
    right: 50%;
    height: unset;
    min-width: -moz-max-content;
    min-width: max-content;
    max-height: calc(100vh - var(--headerHeight));
    padding: var(--basePadding) var(--basePadding2x) var(--basePadding);
    opacity: 0;
    overflow: auto;
    z-index: -1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transform: translate3d(50%, var(--basePaddingN), 0);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
}

@media only screen and (min-width: 1276px) {
  .hdr__subnav {
    max-height: none;
    overflow: unset;
  }
}

.hdr__main-nav-button[aria-expanded=true] + .hdr__subnav {
  max-height: 6000px;
  transition: max-height 1.6s ease-out;
}

@media only screen and (min-width: 992px) {
  .hdr__main-nav-button[aria-expanded=true] + .hdr__subnav {
    pointer-events: unset;
    max-height: calc(100vh - var(--headerHeight));
    overflow: auto;
    opacity: 1;
    transform: translate3d(50%, 0, 0);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
}

@media only screen and (min-width: 1276px) {
  .hdr__main-nav-button[aria-expanded=true] + .hdr__subnav {
    max-height: none;
    overflow: hidden;
  }
}

@media only screen and (min-width: 992px) {
  .hdr__main-nav-item.hdr__main-nav-item--mega-menu .hdr__subnav {
    transform: translate3d(0, var(--basePaddingN), 0);
  }

  .hdr__main-nav-item.hdr__main-nav-item--mega-menu .hdr__main-nav-button[aria-expanded=true] + .hdr__subnav {
    transform: translate3d(0, 0, 0);
  }
}

.hdr__subnav-item {
  margin: 0;
  padding: 0.25em 0;
}

.hdr__subnav-item:first-child {
  margin-top: 0.5em;
}

.hdr__subnav-item:last-child {
  margin-bottom: 0.5em;
}

a.hdr__subnav-link {
  display: inline-block;
  color: #101F44;
  border-bottom: 4px solid #fff;
  transition: border 0.2s ease-out;
}

a.hdr__subnav-link:hover,
a.hdr__subnav-link:focus {
  border-color: #101F44;
}

.hdr-mega-menu {
  --basePadding: 15px;
  --basePadding2x: calc(var(--basePadding) * 2);
  --basePaddingN: calc(var(--basePadding) * -1);
  --basePadding2xN: calc(var(--basePadding) * -2);
  display: grid;
  max-width: 100vw;
}

@media only screen and (min-width: 768px) {
  .hdr-mega-menu {
    display: block;
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 1px;
         column-gap: 1px;
    margin-bottom: var(--basePadding);
    background: #767676;
  }
}

@media only screen and (min-width: 992px) {
  .hdr-mega-menu {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .hdr-mega-menu {
    display: grid;
    grid-template-columns: minmax(max-content, 1fr) max-content minmax(max-content, 1fr) minmax(max-content, 1fr);
    -moz-columns: unset;
         columns: unset;
    -moz-column-gap: 0;
         column-gap: 0;
    background: white;
    max-height: calc(100vh - var(--headerHeight));
  }

  .hdr-mega-menu[tabindex="0"] {
    overflow: auto;
  }
}

.hdr-mega-menu__item {
  padding: var(--basePadding) var(--basePadding2x) 0;
}

@media only screen and (min-width: 768px) {
  .hdr-mega-menu__item {
    padding: 0 var(--basePadding2x);
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    background: white;
  }

  .hdr-mega-menu__item:nth-last-child(2) .hdr-mega-menu__list {
    border: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .hdr-mega-menu__item {
    margin: var(--basePadding) 0 0;
    border-left: 1px solid #D8D8D8;
  }

  .hdr-mega-menu__item:first-child {
    border-left: 0;
  }
}

.hdr-mega-menu__title {
  margin-bottom: var(--basePadding);
  padding-right: var(--basePadding);
  font-size: 1.3125rem;
  color: #625b5b;
}

@media only screen and (min-width: 768px) {
  .hdr-mega-menu__title {
    padding-top: var(--basePadding);
  }
}

.hdr-mega-menu__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  border-bottom: 1px solid #767676;
}

@media only screen and (min-width: 1276px) {
  .hdr-mega-menu__list {
    border: 0;
  }
}

.hdr-mega-menu__list--single {
  grid-template-columns: 1fr;
}

.hdr-mega-menu__list-item {
  margin: 0;
  padding-right: var(--basePadding);
  padding-bottom: var(--basePadding2x);
}

.hdr-mega-menu__sublist {
  display: block;
  border-bottom: 0;
}

.hdr-mega-menu__sublist-item {
  padding-left: var(--basePadding);
}

.hdr-mega-menu__item--other {
  grid-row: 1;
  margin-top: 20px;
  padding: 10px;
  border: 0;
  background: #767676;
}

.hdr-mega-menu__item--other .hdr-mega-menu__list-item {
  width: auto;
}

.hdr-mega-menu__item--other .hdr-mega-menu__title {
  display: none;
  margin-bottom: var(--basePadding2x);
  line-height: 1.3;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .hdr-mega-menu__item--other .hdr-mega-menu__title {
    display: block;
    padding-top: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .hdr-mega-menu__item--other .hdr-mega-menu__title {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  .hdr-mega-menu__item--other {
    grid-row: unset;
    margin-top: 0;
    margin-bottom: 0;
    padding: var(--basePadding2x);
  }
}

@media only screen and (min-width: 1276px) {
  .hdr-mega-menu__item--other {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column: span 4;
    align-items: center;
  }
}

.hdr-mega-menu__item--other .hdr-mega-menu__list {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .hdr-mega-menu__item--other .hdr-mega-menu__list {
    grid-template-columns: unset;
    border: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .hdr-mega-menu__item--other .hdr-mega-menu__list {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    align-items: center;
  }
}

.hdr-mega-menu__item--other .hdr-mega-menu__list-item {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .hdr-mega-menu__item--other .hdr-mega-menu__list-item {
    border-top: 1px solid #898989;
  }

  .hdr-mega-menu__item--other .hdr-mega-menu__list-item:first-child {
    border-top: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .hdr-mega-menu__item--other .hdr-mega-menu__list-item {
    border: 0;
    border-left: 1px solid #898989;
  }

  .hdr-mega-menu__item--other .hdr-mega-menu__list-item:first-child {
    border-left: 0;
  }
}

a.hdr__subnav-link--title {
  font-weight: 700;
}

a.hdr__subnav-link--other {
  display: flex;
  align-items: center;
  padding: var(--basePadding);
  white-space: nowrap;
  color: white;
  transition: background 0.2s ease-out;
  border: 0;
}

a.hdr__subnav-link--other .calc-icon path {
  stroke: #fff;
}

a.hdr__subnav-link--other:focus,
a.hdr__subnav-link--other:hover {
  color: white;
  background: #101F44;
}

a.hdr__subnav-link--other:focus .calc-icon path,
a.hdr__subnav-link--other:hover .calc-icon path {
  stroke: #fff;
}

.hdr__subnav-link-icon {
  display: inline-block;
  margin-right: 8px;
  line-height: 1;
}

.hdr {
  --basePadding: 15px;
  --basePadding2x: calc(var(--basePadding) * 2);
  --basePaddingN: calc(var(--basePadding) * -1);
  --basePadding2xN: calc(var(--basePadding) * -2);
  position: sticky;
  top: 0;
  z-index: 10;
}

.hdr__header {
  background: #fff;
  position: relative;
}

.hdr__header::after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  background: #D8D8D8;
}

@media only screen and (min-width: 992px) {
  .hdr__main {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}

.hdr__skip-link {
  position: absolute;
  left: -100%;
  transform: translateY(-100%);
}

.hdr__skip-link:focus {
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background: #101F44;
  transform: unset;
}

.hdr__top {
  display: flex;
  justify-content: space-between;
  padding: var(--basePadding);
}

@media only screen and (min-width: 768px) {
  .hdr__top {
    padding: calc(var(--basePadding)) var(--basePadding) var(--basePadding);
  }
}

@media only screen and (min-width: 992px) {
  .hdr__top {
    padding-right: 0;
  }
}

.hdr__mobile-toggle {
  border: 0;
}

.hdr__logo {
  padding-right: var(--basePadding);
}

.hdr__logo-link {
  display: flex;
  align-items: center;
}

.hdr__logo-link:focus {
  outline: 1px solid #101F44;
}

.hdr__logo-link svg {
  width: 120px;
  height: auto;
}

@media only screen and (min-width: 992px) {
  .hdr__logo-link svg {
    width: 110px;
  }
}

@media only screen and (min-width: 1276px) {
  .hdr__logo-link svg {
    width: 195px;
  }
}

.hdr__links {
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 20px);
  height: 100%;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  transform: translateX(calc(100% + 20px));
  transition: transform 0.3s ease-in-out;
}

.hdr__links.hdr__links--active {
  z-index: 3;
}

.hdr__links.hdr__links--active,
.hdr__links.hdr__links--active:focus-within {
  transform: translateX(0);
}

@media only screen and (min-width: 992px) {
  .hdr__links {
    display: flex;
    justify-content: flex-end;
    position: inherit;
    width: unset;
    top: unset;
    right: auto;
    padding-right: var(--basePadding);
    overflow: visible;
    box-shadow: none;
    transform: none;
  }

  .hdr__links.hdr__links--active,
  .hdr__links.hdr__links--active:focus-within {
    transform: none;
  }
}

.hdr__links-header {
  display: flex;
  justify-content: flex-end;
  padding: var(--basePadding2x) var(--basePadding2x) 0;
}

.social-links--hdr {
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .social-links--hdr {
    display: none !important;
  }
}

.social-links--hdr .social-links__item {
  margin: 15px;
}

.footer {
  --basePadding: 15px;
  --basePadding2x: calc(var(--basePadding) * 2);
  background: #101F44;
  color: white;
  margin-top: auto;
}

.footer__ctas {
  background: white;
  overflow: hidden;
  padding-top: 2px;
}

.footer__cta {
  height: calc(100% - 2px);
  margin-bottom: 2px;
}

.footer__cta-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--basePadding2x);
  color: white;
  background: #E87217;
  border: 0;
  transition: 0.2s ease background;
}

.footer__cta-link:visited {
  background: #E87217;
}

.footer__cta-link:hover,
.footer__cta-link:active,
.footer__cta-link:focus {
  background: #ba5512;
}

.footer__cta-title {
  font-family: var(--fontScript);
  color: white;
  font-size: 3.25rem;
  line-height: 1;
  text-align: center;
  margin-bottom: var(--basePadding);
}

.footer__cta-content {
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

.footer__cta-content,
.footer__cta-content > * {
  color: white;
  font-size: 1.1875rem;
}

@media only screen and (min-width: 992px) {
  .footer__ctas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
  }

  .footer__cta-title {
    font-size: 4.375rem;
  }

  .footer__cta-link {
    padding: calc(var(--basePadding) * 4) var(--basePadding2x);
  }
}

.footer__seals {
  padding: var(--basePadding2x);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.footer__seal {
  margin: var(--basePadding);
}

.footer__seal img {
  max-height: 100px;
}

.footer__seal-seal path {
  fill: white;
}

@media only screen and (min-width: 768px) {
  .footer__seal {
    margin: var(--basePadding2x);
  }
}

.footer #avid-widget .avid-container {
  background: transparent !important;
  border-color: #E87217 !important;
}

.footer #avid-widget .avid-title {
  color: white !important;
}

.footer #avid-widget #avid-view-report {
  font-weight: 600 !important;
  color: white !important;
  box-shadow: none !important;
  background: #E87217 !important;
}

.footer #avid-widget #avid-view-report:hover,
.footer #avid-widget #avid-view-report:focus {
  color: #E87217 !important;
  background: white !important;
}

.footer #avid-widget .avid-rating-box {
  border-color: #E87217 !important;
}

.footer #avid-widget .avid-rating {
  background: #E87217 !important;
}

.footer #avid-widget .avid-stars,
.footer #avid-widget .avid-description {
  color: #E87217 !important;
}

.footer__copyright {
  padding: var(--basePadding2x);
  text-align: center;
  background: #0c1a37;
}

.copyright__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.5;
  font-size: 0.875rem;
}

.copyright__content-item {
  margin-bottom: var(--basePadding);
}

.copyright__address {
  font-style: normal;
}

.copyright__phone {
  color: white;
  transition: 0.2s ease color;
}

.copyright__phone:visited {
  color: white;
}

.copyright__phone:hover,
.copyright__phone:active,
.copyright__phone:focus {
  color: #E87217;
}

@media only screen and (min-width: 768px) {
  .footer__copyright {
    text-align: center;
  }

  .copyright__content {
    text-align: right;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: var(--basePadding);
  }

  .copyright__content-item {
    margin: 0;
    display: inline-flex;
  }

  .copyright__content-item::after {
    content: " | ";
    display: inline-block;
    margin: 0 10px;
    opacity: 0.7;
  }

  .copyright__content-item:last-child::after {
    display: none;
  }
}

@media screen and (min-width: 1380px) {
  .footer__copyright {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .copyright__content {
    display: inline-flex;
    text-align: left;
  }
}

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

.footer__links {
  display: grid;
  gap: 20px;
  padding: var(--basePadding2x);
}

.footer__links-list {
  padding: 0;
  display: flex;
  font-size: 0.875rem;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--basePadding);
}

.footer__links-list-item {
  display: inline-flex;
}

.footer__links-list-item::after {
  content: " | ";
  display: inline-block;
  margin: 0 10px;
  opacity: 0.7;
}

.footer__links-list-item:last-child::after {
  display: none;
}

.footer__links-link {
  color: white;
  transition: 0.2s ease color;
}

.footer__links-link:visited {
  color: white;
}

.footer__links-link:hover,
.footer__links-link:active,
.footer__links-link:focus {
  color: #E87217;
}

.social-links--ftr .social-links__link svg {
  width: 24px;
  fill: white;
}

@media screen and (min-width: 814px) {
  .footer__links {
    grid-template-columns: max-content max-content;
    gap: 20px 50px;
    justify-content: center;
  }

  .footer__social {
    align-items: center;
    flex-direction: row;
  }

  .footer__links-list {
    margin: 0;
    justify-items: flex-start;
    display: inline-flex;
  }
}

.social-links {
  display: flex;
  align-items: center;
  padding: 0;
}

.social-links__item {
  margin-right: 15px;
}

.social-links__item:last-child {
  margin-right: 0;
}

.social-links__link {
  color: #E87217;
  transition: 0.2s ease color;
}

.social-links__link:visited {
  color: #E87217;
}

.social-links__link:hover,
.social-links__link:active,
.social-links__link:focus {
  color: #ba5512;
}

.social-links__link svg {
  width: 24px;
  display: inline-block;
  fill: #E87217;
  transition: 0.2s ease fill;
}

.social-links__link:hover svg,
.social-links__link:active svg,
.social-links__link:focus svg {
  fill: #ba5512;
}

@media only screen and (min-width: 768px) {
  .social-links__link svg {
    width: 40px;
    display: inline-block;
    fill: #E87217;
  }
}

.carousel {
  position: relative;
  overflow: hidden;
}

.carousel--adaptive .carousel__slides {
  align-items: flex-start;
}

.carousel__inner {
  position: relative;
  margin-bottom: 36px;
}

@media only screen and (min-width: 768px) {
  .carousel__inner {
    padding: 0 60px;
  }
}

.carousel__track {
  position: relative;
  overflow: hidden;
  transition: height 0.3s ease-out;
}

.carousel__track:focus-within {
  box-shadow: inset 0 0 0 1px #101F44;
}

.carousel__slides {
  display: flex;
  align-items: center;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-points-x: repeat(100%);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.carousel__slides::-webkit-scrollbar {
  display: none;
}

.carousel__slides:focus {
  outline: 0;
}

.carousel__slide {
  position: relative;
  height: 100%;
  min-width: 100%;
  scroll-snap-align: start;
}

.carousel__controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .carousel__controls {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
  }
}

.carousel__dots {
  display: grid;
  grid-auto-flow: column;
  align-self: flex-end;
  gap: 10px;
  padding: 10px 0;
}

.carousel__nav {
  pointer-events: all;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
}

.carousel__nav .svg-chevron {
  height: 10px;
  width: 20px;
  fill: #E87217;
  transition: fill 0.2s ease-out;
}

@media only screen and (min-width: 768px) {
  .carousel__nav .svg-chevron {
    height: 30px;
    width: 60px;
  }
}

.carousel__nav:focus {
  outline: 0;
  background: #E87217;
}

.carousel__nav:focus .svg-chevron {
  fill: white;
}

.carousel__nav:hover {
  fill: #101F44;
}

.carousel__nav--next {
  padding-left: 3px;
}

.carousel__nav--prev {
  padding-right: 3px;
}

@media only screen and (min-width: 768px) {
  .carousel__nav {
    height: 80px;
    width: 80px;
  }

  .carousel__nav--next {
    padding-left: 10px;
  }

  .carousel__nav--prev {
    padding-right: 10px;
  }
}

.carousel__nav--prev .svg-chevron {
  transform: rotate(90deg);
}

.carousel__nav--next .svg-chevron {
  transform: rotate(-90deg);
}

.carousel__nav--dot {
  width: 16px;
  height: 16px;
  border: 2px solid #E87217;
  border-radius: 8px;
  background: rgba(232, 114, 23, 0);
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

.carousel__nav--dot:hover {
  border-color: #101F44;
}

.carousel__nav--dot.carousel__nav--dot--active {
  background: #E87217;
}

.carousel__nav--dot:focus {
  border: 4px solid #E87217;
  outline: 0;
}

@media (prefers-reduced-motion) {
  .carousel__track {
    transition: none;
  }
}

.carousel--photobook {
  display: grid;
}

.carousel--photobook .carousel__inner {
  margin: 0;
  padding: 10px;
}

.carousel--photobook .carousel__controls {
  pointer-events: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  background: #222;
}

.carousel--photobook .carousel__nav {
  width: 40px;
  height: 40px;
  margin: 0 10px;
}

.carousel--photobook .carousel__sidebar {
  display: none;
}

.carousel--photobook .carousel__sidebar-track {
  width: calc(100% - 15px);
  overflow-y: auto;
  scrollbar-width: 10px;
  -ms-overflow-style: auto;
}

.carousel--photobook .carousel__sidebar-track::-webkit-scrollbar {
  display: block;
  width: 14px;
}

.carousel--photobook .carousel__sidebar-track::-webkit-scrollbar-track {
  width: 10px;
  background: #fff;
  border-radius: 10px;
}

.carousel--photobook .carousel__sidebar-track::-webkit-scrollbar-thumb {
  width: 14px;
  height: 50px;
  border-radius: 14px;
  background: #897355;
  box-shadow: 0 0 0 2px #fff inset;
}

.carousel--photobook .carousel__slide-thumb {
  width: 100%;
  margin: 0;
}

.carousel--photobook .carousel__slide-thumbs {
  display: grid;
  width: 100%;
  gap: 10px;
  padding: 10px;
}

.carousel--photobook .carousel__slide-button {
  position: relative;
  display: block;
  width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #767676;
}

.carousel--photobook .carousel__slide-button img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.carousel--photobook .carousel__slide-button::before,
.carousel--photobook .carousel__slide-button::after {
  content: "";
  position: absolute;
}

.carousel--photobook .carousel__slide-button::before {
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  border: 3px solid #fff;
  border-top-color: #E87217;
  transform: translate(-50%, -50%);
  animation: loading 2s linear 20;
}

.carousel--photobook .carousel__slide-button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 2px rgba(232, 114, 23, 0);
  transition: box-shadow 0.2s ease-out;
}

.carousel--photobook .carousel__slide-button:hover::after,
.carousel--photobook .carousel__slide-button:focus::after,
.carousel--photobook .carousel__slide-button.carousel__slide-button--active::after {
  box-shadow: inset 0 0 0 4px #E87217, inset 0 0 8px 3px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 768px) {
  .carousel--photobook .carousel__controls {
    height: 70px;
  }

  .carousel--photobook .carousel__nav {
    width: 50px;
    height: 50px;
  }

  .carousel--photobook .carousel__nav .svg-chevron {
    width: 30px;
    height: 16px;
  }

  .carousel--photobook .carousel__nav--prev {
    padding-right: 6px;
  }

  .carousel--photobook .carousel__nav--next {
    padding-left: 6px;
  }
}

@media only screen and (min-width: 992px) {
  .carousel--photobook {
    grid-template-columns: 1fr max-content;
  }

  .carousel--photobook .carousel__controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr max-content;
    gap: 10px 0;
    height: unset;
    width: 190px;
  }

  .carousel--photobook .carousel__sidebar {
    display: block;
    grid-column: 1/span 2;
    height: calc(100vh - 110px);
  }

  .carousel--photobook .carousel__sidebar-track {
    height: 100%;
  }

  .carousel--photobook .carousel__nav--prev {
    justify-self: flex-start;
  }

  .carousel--photobook .carousel__nav--next {
    justify-self: flex-end;
  }

  .carousel--photobook .carousel__nav {
    width: 40px;
    height: 40px;
  }

  .carousel--photobook .carousel__nav .svg-chevron {
    width: 20px;
    height: 10px;
  }
}

@keyframes loading {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.search-bar {
  border-bottom: 1px solid #ccc;
}

.search-bar__inner {
  padding: 20px 0;
}

@media only screen and (min-width: 992px) {
  .search-bar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 1276px) {
  .search-bar__inner {
    display: block;
  }
}

@media only screen and (min-width: 1500px) {
  .search-bar__inner {
    display: flex;
    flex-wrap: nowrap;
  }
}

.search-bar__title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  text-align: center;
  color: #101F44;
  border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 992px) {
  .search-bar__title {
    margin: 0;
    padding: 0;
    text-align: left;
    border: 0;
  }
}

.search-bar__actions {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .search-bar__actions {
    display: grid;
    gap: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .search-bar__actions {
    align-items: flex-start;
    grid-template-columns: auto max-content;
    width: 100%;
    padding-top: 15px;
    text-align: left;
  }
}

@media only screen and (min-width: 1276px) {
  .search-bar__actions {
    width: auto;
    padding-top: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .search-bar__header {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 1500px) {
  .search-bar__header {
    padding-bottom: 0;
    padding-right: 20px;
  }
}

.search-bar__slot {
  display: grid;
  align-items: center;
  gap: 20px;
  margin: 0 auto 20px;
}

.search-bar__slot .filter {
  max-width: 400px;
}

@media only screen and (min-width: 768px) {
  .search-bar__slot {
    grid-auto-flow: column;
    margin: 0;
  }
}

.search-bar__view-toggles {
  display: inline-grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .search-bar__view-toggles {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) {
  .search-bar__view-toggles {
    margin: 0;
  }
}

.search-bar__view-toggles-legend {
  padding-right: 10px;
}

.search-bar__view-toggle {
  display: flex;
  align-items: center;
}

.search-bar__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  overflow: hidden;
  white-space: nowrap;
}

.search-bar__label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #767676;
  border: 1px solid #ccc;
  background: #fff;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out;
}

.search-bar__label svg {
  width: 20px;
  height: 25px;
  transition: fill 0.2s ease-out;
}

.search-bar__label:hover,
.search-bar__label:focus {
  color: #101F44;
  border-color: #101F44;
}

.search-bar__radio:checked + .search-bar__label {
  color: #fff;
  border-color: #101F44;
  background: #101F44;
}

.search-bar .filter::after {
  content: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 17 9' xmlns='http://www.w3.org/2000/svg' class='svg-chevron' fill='%23767676'%3E%3Cpath d='M16.749.356l-.255-.255a.43.43 0 00-.61 0L8.878 7.113 1.866.1a.43.43 0 00-.61 0l-.255.255a.43.43 0 000 .61l7.568 7.57a.43.43 0 00.61 0l7.566-7.57a.428.428 0 00.004-.61z' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.search-bar .filter__text {
  color: #767676;
}

.search-bar .filter__select {
  border: 1px solid #ccc;
}

.search-bar .filter--dirty .filter__select {
  border: 1px solid #101F44;
}

.search-bar .filter--dirty .filter__text {
  color: #101F44;
}

@media only screen and (min-width: 992px) {
  .search {
    position: relative;
  }
}

.search__box {
  position: relative;
}

.search__toggle,
.search__clear {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 100%;
  border: 0;
  color: #767676;
  background: #fff;
  transition: color 0.2s ease-out;
}

.search__toggle svg,
.search__clear svg {
  width: 13px;
  height: auto;
}

.search__toggle:hover,
.search__toggle:focus,
.search__clear:hover,
.search__clear:focus {
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .search__toggle svg,
  .search__clear svg {
    width: 16px;
    height: 16px;
  }
}

@media only screen and (min-width: 992px) {
  .search__toggle,
  .search__clear {
    width: 50px;
  }
}

.search__clear {
  display: none;
}

.search__clear.search__clear--active {
  display: flex;
}

.search__toggle {
  pointer-events: none;
}

.search__input {
  height: 64px;
  margin: 0;
  padding: 0 30px 0 15px;
  border: 0;
  font-size: 1rem;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 0.2s ease-out;
}

@media only screen and (min-width: 768px) {
  .search__input {
    padding: 0 50px 0 15px;
  }
}

@media only screen and (min-width: 992px) {
  .search__input {
    padding: 0 80px 0 30px;
    width: 100%;
    height: 100px;
    font-size: 1.125rem;
  }
}

.search__results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 386px;
  padding: 30px;
  text-align: left;
  overflow: auto;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  transform: translateY(30px);
  opacity: 0;
  z-index: 5;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
  pointer-events: none;
}

.search__results[aria-expanded=true] {
  opacity: 1;
  transform: translateY(0);
  pointer-events: unset;
}

.search__results-title {
  speak-as: word;
  padding-bottom: 10px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  color: #767676;
}

.search__list {
  margin: 0;
  padding: 0 0 30px;
  font-size: 1rem;
  line-height: 2;
  color: #767676;
}

.search__section:last-child .search__list {
  padding-bottom: 0;
}

.search__option {
  cursor: pointer;
  border-left: 0px solid rgba(16, 31, 68, 0);
  transition: border-left 0.2s ease-out, color 0.2s ease-out, padding-left 0.2s ease-out;
}

.search__option:hover,
.search__option:focus {
  color: #101F44;
  padding-left: 15px;
  border-left: 5px solid #101F44;
  outline: 0;
}

.hero {
  --mobileAspectRatioHeight: 280;
  --mobileAspectRatioWidth: 375;
  --aspectRatioHeight: 480;
  --aspectRatioWidth: 1440;
  --overlayOpacity: 0.25;
  aspect-ratio: var(--mobileAspectRatioWidth)/var(--mobileAspectRatioHeight);
  background-color: #0c1a37;
  background-image: var(--backgroundImageUrl);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .hero {
    background-position: center var(--headerHeight);
  }
}

.hero .swoosh {
  z-index: 2;
}

.hero--overlay {
  background-image: linear-gradient(to bottom, rgb(16, 31, 68, var(--overlayOpacity)), rgb(16, 31, 68, var(--overlayOpacity))), var(--backgroundImageUrl);
  background-position: center center, center center;
  background-size: cover, cover;
}

.hero__title {
  color: white;
  font-family: var(--fontScript);
  font-size: 4.375rem;
  text-shadow: 0 0 var(--basePadding) rgba(16, 31, 68, 0.5);
  margin: 0;
  text-align: center;
  line-height: 0.75;
}

.hero__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .hero {
    background-attachment: fixed;
    aspect-ratio: var(--aspectRatioWidth)/var(--aspectRatioHeight);
  }

  .hero__title {
    font-size: 6.25rem;
  }
}

@media only screen and (min-width: 992px) {
  .hero__title {
    font-size: 12.5rem;
  }
}

@supports not (aspect-ratio: 1440/480) {
  .hero {
    position: relative;
    padding-top: calc(var(--mobileAspectRatioHeight) / var(--mobileAspectRatioWidth) * 100%);
    background-color: transparent;
  }

  .hero__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgb(16, 31, 68, var(--overlayOpacity)), rgb(16, 31, 68, var(--overlayOpacity))), var(--backgroundImageUrl);
    background-position: center center;
    background-size: cover, cover;
    background-repeat: no-repeat;
  }

@media only screen and (min-width: 768px) {
    .hero {
      padding-top: calc(var(--aspectRatioHeight) / var(--aspectRatioWidth) * 100%);
    }
}
}

.modal {
  pointer-events: none;
  opacity: 0;
  transition: 0.3s ease all;
  position: fixed;
  top: 0;
  left: 0;
  border: 0;
  padding: 0;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
  z-index: 15;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.modal.open {
  display: flex;
  opacity: 1;
  pointer-events: unset;
}

.modal__fill {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
}

.modal__content {
  background: white;
  padding: var(--basePadding);
  position: relative;
  min-width: 80vw;
}

.modal__close--top,
.modal__close--bottom {
  position: absolute;
  top: -45px;
  right: 0;
}

.modal__close--top svg,
.modal__close--bottom svg {
  fill: white;
}

.modal__close-button {
  color: white;
  border: 0;
}

.modal__footer {
  margin-top: var(--basePadding);
  text-align: right;
}

.modal__footer-close {
  display: inline-flex;
  align-items: center;
  font-size: 1.125rem;
  border: 0;
  padding: 10px var(--basePadding);
  border: 1px solid #101F44;
  color: #101F44;
  transition: 0.2s ease color;
  border-radius: 27px;
}

.modal__footer-close svg {
  height: 12px;
  fill: #101F44;
  transition: 0.2s ease fill;
}

.modal__footer-close:hover,
.modal__footer-close:active {
  background: #101F44;
  color: white;
  border: 0;
}

.modal__footer-close:hover svg,
.modal__footer-close:active svg {
  fill: white;
}

.modal__close:focus {
  outline: 0;
  border-bottom: 1px dotted white;
}

.modal-calculator {
  overflow: hidden;
}

.modal-calculator .modal__content {
  max-width: 1000px;
  max-height: 100vh;
  overflow: auto;
  padding: 55px 15px 20px;
  background: #f2eade;
}

@media only screen and (min-width: 768px) {
  .modal-calculator .modal__content {
    padding: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .modal-calculator .modal__content {
    padding: 50px;
  }
}

.modal-calculator .modal__close--top,
.modal-calculator .modal__close--bottom {
  top: 15px;
  right: 15px;
}

.modal-calculator .modal__close-button svg {
  fill: #897355;
  transition: fill 0.2s ease-out;
}

.modal-calculator .modal__close-button:hover svg,
.modal-calculator .modal__close-button:focus svg {
  fill: #101F44;
}

.m-calculator__body {
  display: grid;
  align-items: center;
  gap: 15px;
  padding-bottom: 30px;
}

.m-calculator__body .cta {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) {
  .m-calculator__body {
    gap: 40px;
  }
}

.m-calculator__header p {
  font-weight: 400;
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 24px;
}

.m-calculator__header p a {
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  .m-calculator__header p {
    font-size: 1.125rem;
    line-height: 27px;
    margin-bottom: 30px;
  }
}

.m-calculator__title {
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .m-calculator__title {
    font-size: 1.875rem;
    margin-bottom: 30px;
  }
}

.m-calculator__legend,
.m-calculator__legend-item,
.m-calculator__total,
.m-calculator__chart {
  display: flex;
  align-items: center;
  justify-content: center;
}

.m-calculator__chart {
  padding-bottom: 20px;
  opacity: 0;
  animation: chart-fade-in 0.5s 0.5s forwards 1 ease-out;
}

@media only screen and (min-width: 768px) {
  .m-calculator__chart {
    padding-bottom: 40px;
  }
}

.m-calculator__legend {
  flex-wrap: wrap;
  padding: 0 0 20px;
}

.m-calculator__legend-item {
  margin-right: 20px;
  margin-bottom: 0;
  font-size: 1rem;
  white-space: nowrap;
}

.m-calculator__legend-item:last-child {
  margin-right: 0;
}

@media only screen and (min-width: 768px) {
  .m-calculator__legend-item {
    font-size: 1.25rem;
  }
}

.m-calculator__legend-item-value {
  padding-left: 10px;
}

.m-calculator__legend-item::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 10px;
  background: #E87217;
}

.m-calculator__total {
  display: flex;
  align-items: center;
  text-align: center;
  color: #101F44;
  justify-content: flex-start;
}

.m-calculator__results-title {
  margin-right: 10px;
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .m-calculator__results-title {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .m-calculator__results-title {
    margin-right: 20px;
  }
}

.m-calculator__results-amt {
  font-size: 1.875rem;
}

@media only screen and (min-width: 992px) {
  .m-calculator__results-amt {
    font-size: 2.5rem;
  }
}

.m-calculator__disclaimer {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.m-calculator__cta {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .m-calculator__form {
    grid-template-columns: 1fr 1fr;
    display: grid;
    gap: 5px 15px;
  }
}

.m-calculator__form input,
.m-calculator__form select {
  border-radius: 6px;
  border-color: #D8D8D8;
  background: #fff;
}

.m-calculator__form input:focus,
.m-calculator__form input:focus + .form-input__prefix,
.m-calculator__form input:focus + .form-input__suffix,
.m-calculator__form select:focus,
.m-calculator__form select:focus + .form-input__prefix,
.m-calculator__form select:focus + .form-input__suffix {
  border-color: #101F44;
}

.m-calculator__form .form-input__label {
  font-size: 0.8125rem;
  text-transform: uppercase;
  color: #101F44;
}

.m-calculator__form .form-input__prefix,
.m-calculator__form .form-input__suffix {
  font-size: 1.25rem;
  font-weight: 600;
  color: #E87217;
  transition: border-color 0.2s ease-out;
}

.m-calculator__form .form-input__prefix {
  border-right: 1px solid #D8D8D8;
}

.m-calculator__form .form-input__suffix {
  border-left: 1px solid #D8D8D8;
}

@media only screen and (min-width: 768px) {
  .m-calculator__form {
    gap: 5px 20px;
  }
}

.m-calculator__field--span-2 {
  grid-column: span 2;
}

.m-calculator__error {
  display: block;
  margin-bottom: 30px;
  padding: 20px;
  color: white;
  background: #101F44;
}

.m-calculator__error[aria-hidden=true] {
  display: none;
}

.chart {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #fff;
  -webkit-mask-image: radial-gradient(circle farthest-side at center, transparent 49.5%, white 50%);
          mask-image: radial-gradient(circle farthest-side at center, transparent 49.5%, white 50%);
}

@media only screen and (min-width: 768px) {
  .chart {
    width: 300px;
    height: 300px;
  }
}

.chart__wedges {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
}

.chart__wedge,
.chart__wedge-fill,
.chart__wedge-extension,
.chart__wedge-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all 0.4s linear;
}

.chart__wedge--interest .chart__wedge-fill,
.chart__wedge--interest .chart__wedge-extension,
.m-calculator__legend-item--interest::before {
  background: #101F44;
}

.chart__wedge--taxes .chart__wedge-fill,
.chart__wedge--taxes .chart__wedge-extension,
.m-calculator__legend-item--taxes::before {
  background: #E87217;
}

.chart__wedge-label {
  padding-top: 18px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .chart__wedge-label {
    font-size: 1rem;
  }
}

.chart__wedge-extension {
  opacity: 0;
}

@keyframes chart-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.modal-gallery .modal__content {
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.modal-gallery .modal__close {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: 0;
  height: 40px;
}

.modal-gallery .modal__close--bottom {
  display: none;
}

.modal-gallery .carousel__slides {
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .modal-gallery .carousel__inner {
    margin-bottom: 0;
  }

  .modal-gallery .carousel__track {
    height: unset !important;
  }
}

.m-gallery {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .m-gallery {
    display: block;
  }
}

.m-gallery__image {
  position: relative;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.m-gallery__img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

@media screen and (orientation: landscape) {
  .m-gallery__img {
    height: 100%;
    width: 100%;
  }
}

@media screen and (orientation: portrait) {
  .m-gallery__img {
    width: 100%;
    height: auto;
  }
}

.m-gallery__caption {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.modal-gallery--photobook .modal__content {
  padding: 0;
}

.modal-gallery--photobook .modal__close--top {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  padding: 0 15px;
  align-items: center;
  z-index: 1;
}

.modal-gallery--photobook .modal__close-button {
  pointer-events: auto;
}

.modal-gallery--photobook .modal__close-button:hover svg,
.modal-gallery--photobook .modal__close-button:focus svg {
  fill: #E87217;
}

.modal-gallery--photobook .m-gallery {
  height: 100vh;
}

.modal-gallery--photobook .carousel--photobook {
  height: 100%;
}

.modal-gallery--photobook .carousel__sidebar {
  grid-column: 1/span 2;
  padding-top: 60px;
}

.modal-gallery--photobook .carousel__sidebar-track {
  max-height: calc(100vh - 120px);
}

@media only screen and (max-width: 767px) {
  .modal-gallery--photobook .carousel__track {
    height: calc(100vh - 70px) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-gallery--photobook .carousel__track {
    height: calc(100vh - 90px) !important;
  }
}

.modal-video__caption {
  padding: var(--basePadding);
  padding-top: 0;
  text-align: center;
  font-size: 1.125rem;
  color: #101F44;
  font-weight: 700;
}

.modal-video.captioned .modal__close--top,
.modal-video.captioned .modal__close--bottom {
  top: -30px;
}

.modal-video.captioned .modal__content {
  position: absolute;
  top: 40px;
  left: 20px;
  width: calc(100vw - 40px);
  height: calc(100vh - 60px);
}

.modal-video.captioned .modal-video__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 56.25vw 1fr;
}

@media only screen and (min-width: 992px) {
  .modal-video.captioned .modal-video__container {
    grid-template-rows: 2fr 1fr;
  }
}

.modal-video.captioned .modal-video__aspect {
  aspect-ratio: unset;
}

.modal-video.captioned .modal-video__caption {
  padding: 20px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6667;
  text-align: left;
  overflow: auto;
}

.modal-video.captioned .modal-video__caption p,
.modal-video.captioned .modal-video__caption ul {
  margin-bottom: 1.5em;
}

.modal-video.captioned .modal-video__caption p,
.modal-video.captioned .modal-video__caption li {
  font-size: inherit;
  line-height: inherit;
}

.modal-video.captioned .modal-video__caption li {
  margin: 0;
}

.modal-video.captioned .modal-video__caption ul {
  list-style: disc;
}

.modal-video.captioned .modal-video__caption ul ul {
  margin-bottom: 0;
  list-style: circle;
}

.modal-video.captioned .modal-video__caption ul ul ul {
  list-style: square;
}

.modal-schedule-tour {
  overflow: hidden;
}

.modal-schedule-tour .modal__content {
  padding: 0;
  max-height: 100vh;
  overflow: auto;
}

.modal-schedule-tour .modal__close {
  top: var(--basePadding2x);
  right: var(--basePadding2x);
}

.modal-schedule-tour .modal__close svg {
  width: 18px;
}

@media only screen and (min-width: 768px) {
  .modal-schedule-tour .modal__content {
    padding: 0;
    max-width: 500px;
    min-width: unset;
    width: 100%;
  }
}

.modal-sign-up .modal__content {
  width: 375px;
  min-width: 375px;
  max-height: 100vh;
  padding: 0;
  overflow-y: auto;
  color: #fff;
  background: #101F44;
}

.modal-sign-up .modal__content .hh-form__header {
  padding: 0 0 30px;
  margin: 0;
}

.modal-sign-up .modal__close--top {
  top: 15px;
  right: 15px;
}

.modal-sign-up .form-input__label {
  color: #fff;
}

.modal-sign-up .rep__link {
  font-weight: 600;
  color: #fff;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(255, 255, 255, 0);
          text-decoration-color: rgba(255, 255, 255, 0);
  transition: -webkit-text-decoration-color 0.2s ease-out;
  transition: text-decoration-color 0.2s ease-out;
  transition: text-decoration-color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
}

.modal-sign-up .rep__link:hover,
.modal-sign-up .rep__link:focus {
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
}

.modal-sign-up input,
.modal-sign-up select,
.modal-sign-up textarea,
.modal-sign-up .phone-wrap {
  font-size: 1rem;
}

.modal-sign-up input,
.modal-sign-up select,
.modal-sign-up textarea {
  border-color: rgba(255, 255, 255, 0.7);
  background: white;
  color: #333333;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
}

.modal-sign-up input::-moz-placeholder, .modal-sign-up select::-moz-placeholder, .modal-sign-up textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.7);
}

.modal-sign-up input::placeholder,
.modal-sign-up select::placeholder,
.modal-sign-up textarea::placeholder {
  color: rgba(0, 0, 0, 0.7);
}

.modal-sign-up input:focus,
.modal-sign-up input:hover,
.modal-sign-up select:focus,
.modal-sign-up select:hover,
.modal-sign-up textarea:focus,
.modal-sign-up textarea:hover {
  border-color: #E87217;
  box-shadow: 0 0 0 1px #E87217;
}

.modal-sign-up input:-webkit-autofill,
.modal-sign-up input:-webkit-autofill:hover,
.modal-sign-up input:-webkit-autofill:focus,
.modal-sign-up input:-webkit-autofill:active,
.modal-sign-up input:-webkit-autofill::first-line,
.modal-sign-up select:-webkit-autofill,
.modal-sign-up select:-webkit-autofill:hover,
.modal-sign-up select:-webkit-autofill:focus,
.modal-sign-up select:-webkit-autofill:active,
.modal-sign-up select:-webkit-autofill::first-line,
.modal-sign-up textarea:-webkit-autofill,
.modal-sign-up textarea:-webkit-autofill:hover,
.modal-sign-up textarea:-webkit-autofill:focus,
.modal-sign-up textarea:-webkit-autofill:active,
.modal-sign-up textarea:-webkit-autofill::first-line {
  font-family: var(--fontBase);
  font-size: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #101F44 inset;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

.modal-sign-up input:autofill::first-line,
.modal-sign-up select:autofill::first-line,
.modal-sign-up textarea:autofill::first-line {
  font-size: 100px !important;
}

.modal-sign-up input:autofill,
.modal-sign-up input:autofill:hover,
.modal-sign-up input:autofill:focus,
.modal-sign-up input:autofill:active,
.modal-sign-up input:autofill::first-line,
.modal-sign-up select:autofill,
.modal-sign-up select:autofill:hover,
.modal-sign-up select:autofill:focus,
.modal-sign-up select:autofill:active,
.modal-sign-up select:autofill::first-line,
.modal-sign-up textarea:autofill,
.modal-sign-up textarea:autofill:hover,
.modal-sign-up textarea:autofill:focus,
.modal-sign-up textarea:autofill:active,
.modal-sign-up textarea:autofill::first-line {
  font-family: var(--fontBase);
  font-size: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #101F44 inset;
  transition: background-color 9999s ease-in-out 0s;
}

.modal-sign-up__title {
  margin-bottom: 0.825em;
  font-size: 1.25rem;
  line-height: 1.3;
}

@media only screen and (min-width: 768px) {
  .modal-sign-up__title {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .modal-sign-up__title {
    font-size: 1.875rem;
  }
}

.modal-sign-up__copy {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.66667;
}

@media only screen and (min-width: 992px) {
  .modal-sign-up__copy {
    font-size: 1.125rem;
  }
}

.modal-pdf-download .modal__content {
  width: 590px;
  min-width: 0;
  max-width: calc(100% - 40px);
  max-height: 100vh;
  overflow-y: auto;
  padding: 40px 20px 20px;
  background: #101F44;
}

@media only screen and (min-width: 768px) {
  .modal-pdf-download .modal__content {
    padding: 40px 30px 30px;
  }
}

@media only screen and (min-width: 992px) {
  .modal-pdf-download .modal__content {
    padding: 60px;
  }
}

.modal-pdf-download .modal__close--top {
  top: 15px;
  right: 15px;
}

.modal-pdf-download .modal__close--top svg {
  width: 15px;
  height: 15px;
}

@media only screen and (min-width: 992px) {
  .modal-pdf-download .modal__close--top svg {
    width: 24px;
    height: 24px;
  }
}

.modal-pdf-download .form-input__label {
  color: white;
}

.modal-pdf-download input,
.modal-pdf-download select,
.modal-pdf-download textarea,
.modal-pdf-download .phone-wrap {
  color: white;
}

.modal-pdf-download .phone-wrap {
  --phoneTextColor: rgba(16, 31, 68, 0);
}

.modal-pdf-download input,
.modal-pdf-download select,
.modal-pdf-download textarea {
  height: 43px;
  background: white;
  color: #333333;
  transition: border 0.2s ease-out;
}

.modal-pdf-download input:hover,
.modal-pdf-download input:focus,
.modal-pdf-download select:hover,
.modal-pdf-download select:focus,
.modal-pdf-download textarea:hover,
.modal-pdf-download textarea:focus {
  border-width: 2px;
  border-color: #E87217;
}

.modal-pdf-download input:-webkit-autofill,
.modal-pdf-download input:-webkit-autofill:hover,
.modal-pdf-download input:-webkit-autofill:focus,
.modal-pdf-download input:-webkit-autofill:active,
.modal-pdf-download input:-webkit-autofill::first-line,
.modal-pdf-download select:-webkit-autofill,
.modal-pdf-download select:-webkit-autofill:hover,
.modal-pdf-download select:-webkit-autofill:focus,
.modal-pdf-download select:-webkit-autofill:active,
.modal-pdf-download select:-webkit-autofill::first-line,
.modal-pdf-download textarea:-webkit-autofill,
.modal-pdf-download textarea:-webkit-autofill:hover,
.modal-pdf-download textarea:-webkit-autofill:focus,
.modal-pdf-download textarea:-webkit-autofill:active,
.modal-pdf-download textarea:-webkit-autofill::first-line {
  font-family: var(--fontBase);
  font-size: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #101F44 inset;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

.modal-pdf-download input:autofill::first-line,
.modal-pdf-download select:autofill::first-line,
.modal-pdf-download textarea:autofill::first-line {
  font-size: 100px !important;
}

.modal-pdf-download input:autofill,
.modal-pdf-download input:autofill:hover,
.modal-pdf-download input:autofill:focus,
.modal-pdf-download input:autofill:active,
.modal-pdf-download input:autofill::first-line,
.modal-pdf-download select:autofill,
.modal-pdf-download select:autofill:hover,
.modal-pdf-download select:autofill:focus,
.modal-pdf-download select:autofill:active,
.modal-pdf-download select:autofill::first-line,
.modal-pdf-download textarea:autofill,
.modal-pdf-download textarea:autofill:hover,
.modal-pdf-download textarea:autofill:focus,
.modal-pdf-download textarea:autofill:active,
.modal-pdf-download textarea:autofill::first-line {
  font-family: var(--fontBase);
  font-size: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #101F44 inset;
  transition: background-color 9999s ease-in-out 0s;
}

.modal-pdf-download input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.modal-pdf-download input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.pdf-download__title {
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: center;
  color: white;
}

@media only screen and (min-width: 768px) {
  .pdf-download__title {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .pdf-download__title {
    font-size: 1.875rem;
  }
}

.pdf-download__fields {
  display: grid;
  gap: 20px;
}

.pdf-download__captcha {
  color: white;
}

.pdf-download__captcha a {
  font-weight: 600;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(255, 255, 255, 0);
          text-decoration-color: rgba(255, 255, 255, 0);
  color: white;
  transition: -webkit-text-decoration-color 0.2s ease-out;
  transition: text-decoration-color 0.2s ease-out;
  transition: text-decoration-color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
}

.pdf-download__captcha a:hover,
.pdf-download__captcha a:focus {
  -webkit-text-decoration-color: white;
          text-decoration-color: white;
}

.tab__panel {
  display: none;
}

.tab__panel.active {
  display: block;
}

.tab-list__btn {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 5px;
}

.img-overlap {
  margin-bottom: var(--basePadding2x);
}

.img-overlap:last-of-type {
  margin: 0;
}

.img-overlap__img-wrap {
  position: relative;
  background: #EEE;
  border-radius: 3px;
  padding: 0;
  line-height: 0;
  margin-bottom: var(--basePadding2x);
  z-index: 1;
}

.img-overlap__img-wrap::before,
.img-overlap__img-wrap::after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 90%;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  transform: rotate(-2deg);
}

.img-overlap__img-wrap::after {
  transform: rotate(2deg);
  right: 10px;
  left: auto;
}

.img-overlap__img {
  width: 100%;
  position: relative;
  z-index: 2;
  border: 10px solid #EEE;
}

.img-overlap__caption {
  background: #F2EADE;
  padding: var(--basePadding2x);
  margin-top: calc(var(--basePadding) * -3);
  position: relative;
}

.img-overlap__copy p:last-of-type {
  margin: 0;
}

.img-overlap__img-wrap--iframe {
  aspect-ratio: 16/9;
  position: relative;
  padding: 0;
  border: 15px solid #EEE;
}

@supports not (aspect-ratio: 1440/480) {
  .img-overlap__img-wrap--iframe {
    padding-top: 56.25%;
  }
}

.img-overlap__iframe {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 768px) {
  .img-overlap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: var(--basePadding2x);
    align-items: start;
    justify-content: center;
    margin-bottom: calc(var(--basePadding) * 4);
  }

  .img-overlap__img-wrap {
    margin: 0;
    margin-top: var(--basePadding);
    margin-right: calc(var(--basePadding) * -4);
  }

  .img-overlap__img {
    margin-right: calc(var(--basePadding) * -4);
  }

  .img-overlap__caption {
    margin: 0;
    padding-left: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .img-overlap {
    grid-template-columns: minmax(0, calc(385px - var(--basePadding) * 8)) minmax(0, 1fr);
  }

  .img-overlap__img-wrap {
    margin-right: calc(var(--basePadding) * -6);
  }

  .img-overlap__caption {
    margin: 0;
    padding: calc(var(--basePadding) * 4);
    padding-left: calc(var(--basePadding) * 8);
  }
}

.snapshot {
  border: 1px solid #ccc;
  padding: var(--basePadding);
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: space-between;
}

.snapshot__item {
  text-align: center;
}

.snapshot__label {
  font-size: 0.875rem;
  color: #333;
}

.snapshot__value {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .snapshot__value {
    font-size: 1.125rem;
  }
}

.media {
  --arWidth: 540;
  --arWidth2: 560;
  --arHeight: 360;
}

.media__img-wrap {
  position: relative;
  line-height: 1;
  display: grid;
  background: #eee;
}

.media__img-wrap .caption {
  background-color: #fff;
  color: #101F44;
  line-height: 1;
  margin-bottom: 0;
  padding: 10px var(--basePadding) 10px;
  font-size: 0.9375rem;
  position: absolute;
  bottom: 15px;
  z-index: 2;
}

.media__img {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
}

.media--text {
  padding: var(--basePadding2x);
  background: #666;
  color: white;
}

.media--text p,
.media--text li,
.media--text h1,
.media--text h2,
.media--text h3,
.media--text h4,
.media--text h5,
.media--text h6 {
  color: inherit;
}

.media--text .media__title {
  font-size: 1.375rem;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .media--text .media__title {
    font-size: 1.875rem;
  }
}

.media__btn {
  font-size: 1.125rem;
  background: #E87217;
  border-color: #E87217;
}

.media__ctas {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(32px, auto) 1fr auto;
  grid-template-rows: auto 1fr auto;
  align-items: center;
  justify-content: center;
  padding: var(--basePadding);
  position: relative;
}

.media__cta {
  border: 0;
  padding: 0;
}

.media__cta svg,
.media__cta path {
  fill: white !important;
  height: 32px;
}

.media__cta:hover svg,
.media__cta:hover path {
  fill: #E87217 !important;
}

.media__cta--share {
  grid-column: 3;
  grid-row: 3;
}

.media__cta--play {
  grid-column: 2;
  grid-row: 2;
}

.media__cta--play svg {
  height: 55px;
  width: auto;
  margin-left: var(--basePadding);
}

.media__cta .search-icon {
  width: 32px;
  height: 32px;
}

.media--video .media__img-wrap::before,
.media--tour .media__img-wrap::before {
  content: "";
  display: block;
  pointer-events: none;
  background: #101F44;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  grid-row: 1;
  grid-column: 1;
}

.media__cta--video,
.media__cta--tour {
  grid-row: 1/span 3;
  grid-column: 1/span 3;
}

.media__cta--circle {
  border-radius: 50%;
  width: calc(var(--basePadding) * 3);
  height: calc(var(--basePadding) * 3);
  background: #E87217;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  grid-column: 3;
  grid-row: 1;
}

.media__cta--circle:hover {
  background: #101F44;
}

.media__cta--circle:hover svg,
.media__cta--circle:hover path {
  fill: white !important;
}

.media__caption {
  background: #101F44;
  padding: var(--basePadding2x);
  color: white;
}

.media__caption :is(p, li, h1, h2, h3, h4, h5) {
  color: inherit;
}

.media__caption > *:last-child {
  margin-bottom: 0;
}

.media__title {
  font-size: 1.375rem;
}

.media--photo .media__img-wrap {
  aspect-ratio: var(--arWidth)/var(--arHeight);
}

.media--photo .media__img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}

.media--photo:nth-child(even) .media__img-wrap {
  aspect-ratio: var(--arWidth)/var(--arWidth2);
}

.media--video {
  --arWidth: 16;
  --arHeight: 9;
}

.media--video .media__img-wrap {
  aspect-ratio: var(--arWidth)/var(--arHeight);
  background: black;
}

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

.media--tour {
  --arWidth: 16;
  --arHeight: 11;
}

.media--tour .media__img-wrap {
  aspect-ratio: var(--arWidth)/var(--arHeight);
  background: gray;
}

.media--tour .media__img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}

@supports not (aspect-ratio: var(--arWidth)/var(--arHeight)) {
  .media--photo:nth-child(even) .media__img-wrap {
    padding-top: calc((var(--arWidth2/var(--arWidth))) * 100%);
  }

  .media__img-wrap {
    position: relative;
    padding-top: calc(var(--arHeight) / var(--arWidth) * 100%);
  }

  .media__img {
    position: absolute;
    top: 0;
    left: 0;
    grid-column: unset;
    grid-row: unset;
  }

  .media__ctas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    grid-column: unset;
    grid-row: unset;
    z-index: 2;
  }

  .media--video .media__img-wrap::before,
  .media--tour .media__img-wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    grid-column: unset;
    grid-row: unset;
    z-index: 1;
  }
}

.media-share {
  grid-column: 1/span 3;
  grid-row: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  opacity: 0;
  transition: 0.2s ease all;
  transform: translateY(-5px);
  pointer-events: none;
  height: 100%;
}

.media-share.visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: unset;
}

.media-share .share {
  background: #101F44;
  padding: var(--basePadding);
  position: absolute;
  top: calc(var(--basePadding) * -4);
  right: 0;
}

.media-share .share::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #101F44;
  position: absolute;
  bottom: -10px;
  right: 2px;
}

.media-share .share__icon svg {
  fill: white;
  height: auto;
  width: 24px;
  transition: 0.2s ease all;
}

.media-share .share__icon:hover svg {
  fill: #E87217;
}

.media-share .share__label {
  color: white;
}

.media__cta--share {
  height: 32px;
  width: 24px;
  justify-self: end;
  position: relative;
  z-index: 2;
}

.team-card {
  position: relative;
  margin-bottom: 40px;
}

.team-card__image {
  position: relative;
  text-align: center;
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .team-card__image {
    position: absolute;
    top: 20px;
    left: 0;
    text-align: left;
  }
}

.team-card__content {
  padding: 20px;
  background: white;
}

@media only screen and (min-width: 768px) {
  .team-card__content {
    padding: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .team-card__content {
    min-height: 300px;
    margin-left: 286px;
    padding: 40px 60px 40px 156px;
  }
}

.team-card__header {
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .team-card__header {
    display: grid;
  }
}

.team-card__title {
  grid-column: 1;
  margin-bottom: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .team-card__title {
    font-size: 1.375rem;
  }
}

@media only screen and (min-width: 992px) {
  .team-card__title {
    font-size: 1.625rem;
  }
}

.team-card__subtitle {
  grid-column: 1;
  grid-row: 2;
  margin-bottom: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) {
  .team-card__subtitle {
    font-size: 1.375rem;
  }
}

@media only screen and (min-width: 768px) {
  .team-card__subtitle {
    margin: 0;
    font-size: 1.625rem;
  }
}

.team-card__location {
  grid-column: 2;
  grid-row: 1;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #767676;
}

@media only screen and (min-width: 992px) {
  .team-card__location {
    font-size: 1.25rem;
    text-align: right;
  }
}

.team-card__quote p {
  font-size: 1rem;
  line-height: 1.66667;
}

@media only screen and (min-width: 768px) {
  .team-card__quote p {
    font-size: 1.125rem;
  }
}

.team-card__quote p:last-child {
  margin: 0;
}

.team-card__quote p::before {
  content: open-quote;
}

.team-card__quote p::after {
  content: close-quote;
}

.team-card__quote a {
  color: #2957b9;
}

.team-card__quote a:hover,
.team-card__quote a:focus {
  color: #101F44;
}

.team-card__cite {
  margin-top: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  font-style: italic;
  line-height: 1.3;
}

@media only screen and (min-width: 768px) {
  .team-card__cite {
    font-size: 1rem;
  }
}

.team-card__video {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 20px;
  color: white;
  border: 0;
}

.team-card__video .svg-play {
  width: 60px;
  height: 60px;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}

.team-card__video:hover,
.team-card__video:focus {
  color: #E87217;
}

.image-inspect {
  cursor: grab;
  position: relative;
  width: 100%;
  height: 100%;
}

.image-inspect__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-inspect__canvas {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  image-rendering: high-quality;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

.image-inspect__controls {
  display: grid;
  position: absolute;
  top: 15px;
  right: 15px;
  gap: 1px;
  border-radius: 2px;
  background: #333333;
  gap: 1px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.image-inspect__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  font-size: 2rem;
  font-weight: 900;
  padding: 0;
  color: #333333;
  background: white;
  border: 0;
}

.image-inspect__zoomin {
  border-radius: 4px 4px 0 0;
}

.image-inspect__zoomout {
  border-radius: 0 0 4px 4px;
}

.modal-image-inspect .modal__content {
  width: 80vmin;
  height: 80vmin;
  min-width: 0;
}

.modal-image-inspect .modal-image-inspect__content {
  height: 100%;
  overflow: hidden;
}

.modal-concierge .modal__content,
.modal-get-on-list .modal__content {
  min-width: unset;
  max-width: 80%;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .modal-concierge .modal__content,
  .modal-get-on-list .modal__content {
    max-width: 700px;
    max-height: 80vh;
  }
}

.modal-concierge .hh-form--regional .hh-form__main,
.modal-get-on-list .hh-form--regional .hh-form__main {
  grid-template-columns: 1fr;
}

.modal-concierge .regional-form,
.modal-get-on-list .regional-form {
  padding: 0;
  background: white;
}

.modal-concierge .regional-form__header,
.modal-get-on-list .regional-form__header {
  padding: 55px var(--basePadding2x) 20px;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .modal-concierge .regional-form__header,
  .modal-get-on-list .regional-form__header {
    padding-top: 45px;
  }
}

@media only screen and (min-width: 768px) {
  .modal-concierge .regional-form__header h3,
  .modal-get-on-list .regional-form__header h3 {
    font-size: 1.625rem;
  }
}

.modal-concierge .regional-form__body,
.modal-get-on-list .regional-form__body {
  padding: 20px;
  max-height: 70vh;
  overflow: auto;
}

@media only screen and (min-width: 768px) {
  .modal-concierge .regional-form__body,
  .modal-get-on-list .regional-form__body {
    max-height: 80vh;
  }
}

h3.concierge-form__title {
  padding: 45px var(--basePadding2x) 20px;
}

.modal-concierge .modal__close,
.modal-get-on-list .modal__close {
  top: 13px;
  right: 0;
  z-index: 10;
}

@media only screen and (min-width: 768px) {
  .modal-concierge .modal__close,
  .modal-get-on-list .modal__close {
    top: -20px;
    right: -15px;
  }
}

@media only screen and (min-width: 992px) {
  .modal-concierge .modal__close,
  .modal-get-on-list .modal__close {
    top: -28px;
  }
}

@media only screen and (min-width: 1500px) {
  .modal-concierge .modal__close,
  .modal-get-on-list .modal__close {
    right: -75px;
  }
}

.modal-concierge .modal__close svg,
.modal-get-on-list .modal__close svg {
  width: 18px;
}

.homepage__design {
  display: grid;
}

@media only screen and (min-width: 768px) {
  .homepage__design {
    grid-template-columns: 1fr 2fr 1fr;
  }
}

.homepage__design-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 60px 20px;
  text-align: center;
  overflow: hidden;
  background: #101F44;
}

.homepage__design-content::before {
  pointer-events: none;
  content: "Design";
  font-size: 34vw;
  speak: none;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  color: #fff;
  opacity: 0.3;
  mix-blend-mode: overlay;
  transform: rotate(5deg) translate(-8%, -17%);
}

@media (max-width: 782.3529411765px) {
  .homepage__design-content::before {
    font-size: 266px;
  }
}

@media only screen and (min-width: 768px) {
  .homepage__design-content::before {
    transform: rotate(5deg) translate(-8%, -10vw);
  }
}

@media only screen and (min-width: 768px) {
  .homepage__design-content {
    padding: 40px 30px;
  }
}

@media only screen and (min-width: 992px) {
  .homepage__design-content {
    padding: 80px;
  }
}

@media only screen and (min-width: 1276px) {
  .homepage__design-content {
    padding: 130px;
  }
}

.homepage__design-image {
  pointer-events: none;
  display: none;
}

@media only screen and (min-width: 768px) {
  .homepage__design-image {
    display: flex;
    align-items: center;
    height: auto;
  }
}

.homepage__design-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 768px) {
  .homepage__design-img {
    height: calc(100% - 170px);
  }
}

.homepage__design-title {
  position: relative;
  padding-bottom: 20px;
  font-size: 1.875rem;
  line-height: 1.2;
  color: #fff;
}

@media only screen and (min-width: 992px) {
  .homepage__design-title {
    padding-bottom: 40px;
  }
}

.homepage__design-copy {
  position: relative;
  font-size: 1.125rem;
  line-height: 2;
  color: #fff;
}

.homepage__design-cta {
  position: relative;
  margin-top: 20px;
}

@media only screen and (min-width: 992px) {
  .homepage__design-cta {
    margin-top: 40px;
  }
}

.homepage__design-image,
.homepage__design-image > section,
.homepage__design-image-container {
  display: grid;
}

.homepage__design-image-container {
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .homepage__design-image-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}

.homepage__design-img {
  transition: 1s ease all;
  opacity: 0;
  grid-column: 1;
  grid-row: 1;
}

.homepage__design-img:first-child {
  opacity: 1 !important;
}

.show-img {
  opacity: 1;
}

.homepage__hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 1276px) {
  .homepage__hero {
    height: auto;
  }
}

.homepage__hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 85.3333333333vw;
  max-height: calc(100vh - 300px);
  background: #101F44 url(/images/home-hero.jpg?e2f2ebb7cb322deeaa35a7a91761c3bc) center no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 992px) {
  .homepage__hero-background {
    height: 100%;
    max-height: none;
  }
}

.homepage__hero-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 85.3333333333vw;
  max-height: calc(100vh - 300px);
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .homepage__hero-inner {
    height: auto;
    max-height: none;
    padding-bottom: 40px;
  }
}

.homepage__hero-title {
  margin: 0;
  color: #fff;
  letter-spacing: normal;
  text-align: center;
}

.homepage__hero-title-span,
.homepage__hero-title-em {
  position: relative;
  display: block;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.homepage__hero-title-em {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 4.5rem;
  font-style: normal;
  line-height: 0.6;
}

@media only screen and (min-width: 768px) {
  .homepage__hero-title-em {
    font-size: 9.25rem;
  }
}

@media only screen and (min-width: 992px) {
  .homepage__hero-title-em {
    font-size: 11.25rem;
  }
}

.homepage__hero-title-span {
  font-weight: 600;
}

.homepage__hero-title-span:first-child {
  font-size: 1.375rem;
  transform: translate(-69px, 0px);
}

@media only screen and (min-width: 768px) {
  .homepage__hero-title-span:first-child {
    font-size: 2.1875rem;
    transform: translate(-160px, 37px);
  }
}

@media only screen and (min-width: 992px) {
  .homepage__hero-title-span:first-child {
    font-size: 2.4375rem;
    transform: translate(-195px, 33px);
  }
}

.homepage__hero-title-span:last-child {
  font-size: 1.375rem;
  transform: translate(64px, 4px);
}

@media only screen and (min-width: 768px) {
  .homepage__hero-title-span:last-child {
    font-size: 2.1875rem;
    transform: translate(164px, -4px);
  }
}

@media only screen and (min-width: 992px) {
  .homepage__hero-title-span:last-child {
    font-size: 3.5625rem;
    transform: translate(170px, -21px);
  }
}

.homepage__hero-search {
  width: 100%;
  text-align: center;
  background: #101F44;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 767px) {
  .homepage__hero-search {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .homepage__hero-search {
    padding: 0;
  }
}

@media only screen and (min-width: 992px) {
  .homepage__hero-search {
    width: auto;
    background: transparent;
    padding-top: 0;
  }
}

.homepage__hero-search-title {
  margin: 20px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 992px) {
  .homepage__hero-search-title {
    margin: 1em;
    font-size: 1.875rem;
  }
}

.homepage__hero-searchbar {
  display: grid;
  grid-template-columns: max-content max-content auto;
  position: relative;
  margin: 0 20px 20px;
}

@media only screen and (min-width: 992px) {
  .homepage__hero-searchbar {
    width: 940px;
  }
}

.homepage__hero-searchbar .homepage__hero-searchbar-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  padding: 0 15px;
  font-size: 1rem;
  text-transform: capitalize;
  color: #2c51d3;
  background: white;
  transition: color 0.2s ease-out, background 0.2s ease-out, width 0.2s ease-out;
}

.homepage__hero-searchbar .homepage__hero-searchbar-button svg {
  width: 13px;
  height: auto;
  margin-right: 6px;
}

.homepage__hero-searchbar .homepage__hero-searchbar-button:hover,
.homepage__hero-searchbar .homepage__hero-searchbar-button:focus {
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .homepage__hero-searchbar .homepage__hero-searchbar-button {
    padding: 0 1em;
    font-weight: 600;
    color: white;
    background: #2c51d3;
  }

  .homepage__hero-searchbar .homepage__hero-searchbar-button svg {
    width: 16px;
    height: auto;
    margin-right: 10px;
  }

  .homepage__hero-searchbar .homepage__hero-searchbar-button:hover,
  .homepage__hero-searchbar .homepage__hero-searchbar-button:focus {
    color: white;
    background: #E87217;
  }
}

@media only screen and (min-width: 992px) {
  .homepage__hero-searchbar .homepage__hero-searchbar-button {
    height: 100px;
    padding: 0 2em;
    font-size: 1.125rem;
    text-transform: none;
    background: #101F44;
  }

  .homepage__hero-searchbar .homepage__hero-searchbar-button svg {
    width: 21px;
    height: 24px;
    margin-right: 20px;
  }
}

.homepage__hero-searchbar-or {
  pointer-events: none;
  speak-as: words;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1px;
  font-size: 0.875rem;
  color: #767676;
  background: #767676;
  z-index: 1;
  transition: width 0.2s ease-out;
}

.homepage__hero-searchbar-or::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 30px;
  background: white;
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media only screen and (min-width: 768px) {
  .homepage__hero-searchbar-or {
    width: unset;
    padding: 0 1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
  }

  .homepage__hero-searchbar-or::after {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  .homepage__hero-searchbar-or {
    font-size: 1.125rem;
  }
}

.homepage__hero-searchbar-search {
  background: #fff;
}

.fixed-video__controls {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 35px;
  height: 35px;
  color: white;
  border: 0;
  border-radius: 30px;
  border: 1px solid #101F44;
  background: #101F44;
  z-index: 1;
  transition: color 0.2s ease-out, background 0.2s ease-out;
}

.fixed-video__controls .play-icon {
  display: block;
}

.fixed-video__controls .pause-icon {
  display: none;
}

.fixed-video__controls:hover,
.fixed-video__controls:focus {
  color: #101F44;
  background: white;
}

.fixed-video__controls--playing .play-icon {
  display: none;
}

.fixed-video__controls--playing .pause-icon {
  display: block;
}

.homepage__move-cta {
  padding-top: 60px;
  padding-bottom: 60px;
}

.homepage__testimonials .carousel__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage__testimonials-title {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .homepage__testimonials-title {
    font-size: 4.375rem;
  }
}

.homepage__testimonials-quote {
  font-size: 1.125rem;
  line-height: 2;
  text-align: center;
  color: #333333;
}

.homepage__testimonials-quote p {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

.homepage__testimonials-quote p::before {
  content: open-quote;
}

.homepage__testimonials-quote p::after {
  content: close-quote;
}

@media only screen and (min-width: 768px) {
  .homepage__testimonials-quote {
    padding: 0 50px;
  }
}

.homepage__testimonials-cite {
  display: block;
  font-size: inherit;
  font-weight: 600;
  font-style: normal;
  color: #101F44;
}

.homepage__testimonials-footer {
  padding-top: 30px;
  text-align: center;
}

.homepage__why {
  overflow: hidden;
  background: #F2EADE;
}

.homepage__why-inner {
  display: grid;
}

@media only screen and (min-width: 992px) {
  .homepage__why-inner {
    grid-template-columns: 1fr 1fr;
    gap: 100px;
  }
}

@media only screen and (min-width: 1276px) {
  .homepage__why-inner {
    grid-template-columns: 1fr 1fr;
    gap: 150px;
  }
}

.homepage__why-title {
  margin-bottom: 1em;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: normal;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .homepage__why-title {
    font-size: 1.875rem;
  }
}

.homepage__why-copy {
  margin-bottom: 1.5em;
  font-size: 1.125rem;
  line-height: 2;
}

.homepage__why-copy em {
  font-style: normal;
  text-transform: uppercase;
}

.homepage__why-cta {
  margin-top: 20px;
}

.homepage__why-images {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 100px 50px 50px;
}

@media only screen and (min-width: 992px) {
  .homepage__why-images {
    padding: 50px 0;
  }
}

.homepage__why-content {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 992px) {
  .homepage__why-content {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 1276px) {
  .homepage__why-content {
    padding-left: 60px;
  }
}

@media only screen and (min-width: 1500px) {
  .homepage__why-content {
    padding-left: 0;
  }
}

.homepage__promotion {
  background: white;
  outline: 1px solid #8b5d2e;
  padding-top: 10px;
}

.homepage__promotion .call-out-title {
  max-width: 1240px;
  margin: 0 auto;
  outline: unset;
  border-top: 0;
}

@media only screen and (min-width: 768px) {
  .homepage__promotion {
    padding-top: 0;
    border-top: 10px solid #e87217;
  }
}

.community__hero {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .community__hero {
    height: 680px;
    background: #466FD4;
  }
}

.community__hero-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.community__hero-gallery {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 20px 15px;
}

.community__hero-gallery-button,
.community__hero-video-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  white-space: nowrap;
  border: 0;
}

.community__hero-gallery-button-icon,
.community__hero-video-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 10px;
  border-radius: 25px;
  background: #E87217;
  transition: background-color 0.2s ease-out;
}

.community__hero-gallery-button-icon {
  width: 40px;
  height: 40px;
}

@media only screen and (min-width: 1276px) {
  .community__hero-gallery-button-icon {
    width: 50px;
    height: 50px;
  }
}

.community__hero-gallery-button-text {
  letter-spacing: 0.05em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

.community__hero-gallery-button {
  font-size: 1rem;
  color: #fff;
}

.community__hero-gallery-button:hover .community__hero-gallery-button-icon,
.community__hero-gallery-button:focus .community__hero-gallery-button-icon {
  background: #101F44;
}

.community__hero-video-button-icon {
  width: 26px;
  height: 26px;
  color: #fff;
}

.community__hero-video-button {
  font-size: 0.875rem;
  color: #101F44;
}

.community__hero-video-button:hover .community__hero-video-button-icon,
.community__hero-video-button:focus .community__hero-video-button-icon {
  background: #101F44;
}

@media only screen and (min-width: 768px) {
  .community__hero-content-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

.community__hero-content {
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .community__hero-content {
    width: calc(100% - 30px);
    max-width: 1200px;
    margin: 0 auto;
    padding: 5px 5px 0;
    background: rgba(255, 255, 255, 0.8);
  }
}

.community__hero-content-inner {
  padding: 20px 15px 10px;
}

@media only screen and (min-width: 768px) {
  .community__hero-content-inner {
    padding: 20px 20px 15px;
    border: 1px solid #897355;
    border-bottom: 0;
  }
}

@media only screen and (min-width: 992px) {
  .community__hero-content-inner {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px 15px;
  }
}

.community__hero-content-inner--ribboned {
  padding: 20px 15px 10px 100px;
}

@media only screen and (min-width: 768px) {
  .community__hero-content-inner--ribboned {
    padding: 20px 20px 15px 84px;
  }
}

@media only screen and (min-width: 992px) {
  .community__hero-content-inner--ribboned {
    padding: 10px 30px 15px 84px;
  }
}

.community__hero-title {
  margin: 0 0 15px;
}

@media only screen and (min-width: 768px) {
  .community__hero-title {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content max-content;
    grid-template-areas: "hero-left hero-left" "hero-bottom hero-bottom";
    align-items: center;
    gap: 10px 20px;
    margin: 0 0 15px;
  }
}

@media only screen and (min-width: 992px) {
  .community__hero-title {
    grid-template-columns: max-content max-content;
    margin: 0;
    padding-right: 20px;
  }
}

.community__hero-name {
  margin-bottom: 5px;
  font-size: 2.125rem;
  line-height: 1.2;
  color: #101F44;
  display: flex;
}

@media only screen and (min-width: 992px) {
  .community__hero-name {
    align-items: center;
    gap: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .community__hero-name {
    grid-area: hero-left;
    margin: 0;
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .community__hero-name {
    align-items: flex-start;
    flex-direction: column;
  }
}

.community__hero-name .usda-financing-available {
  background-color: #636363;
  border-radius: 3.75px;
  color: #fff;
  font-size: 0.9375rem;
  padding: 1.875px 7.5px;
}

.community__hero-location {
  font-size: 1.125rem;
  font-style: italic;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .community__hero-location {
    grid-area: hero-bottom;
    font-size: 1.3125rem;
  }
}

@media only screen and (min-width: 768px) {
  .community__hero-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media only screen and (min-width: 992px) {
  .community__hero-data {
    flex-direction: column;
    text-align: right;
    justify-content: center;
  }
}

.community__hero-price {
  font-size: 1.375rem;
  white-space: nowrap;
  color: #101F44;
}

.community__hero-price em {
  font-style: normal;
}

.community__snapshot {
  padding-bottom: 30px;
  background: #f2eade;
}

@media only screen and (min-width: 768px) {
  .community__snapshot {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 992px) {
  .community__snapshot {
    padding-bottom: 70px;
  }
}

.community__snapshot-box {
  background: #fff;
}

@media only screen and (min-width: 768px) {
  .community__snapshot-box {
    width: calc(100% - 30px);
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5px 5px;
  }
}

.community__snapshot-box-inner {
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .community__snapshot-box-inner {
    border: 1px solid #897355;
    border-top: 0;
    min-height: 110px;
    display: flex;
    align-items: stretch;
  }
}

.community__snapshot-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 0;
  border: 1px solid #ccc;
  border-right: 0;
}

@media only screen and (min-width: 768px) {
  .community__snapshot-list {
    grid-template-columns: repeat(3, 1fr);
    border: 0;
    flex: 0 0 100%;
  }
}

.community__snapshot-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 20px 5px;
  line-height: 1;
  text-align: center;
  border-right: 1px solid #ccc;
}

.community__snapshot-item:last-child {
  grid-column: span 2;
  border-top: 1px solid #ccc;
}

@media only screen and (min-width: 768px) {
  .community__snapshot-item {
    padding: 0;
  }

  .community__snapshot-item:last-child {
    grid-column: unset;
    border: 0;
  }
}

.community__snapshot-name {
  padding-bottom: 10px;
  font-size: 1rem;
}

.community__snapshot-value {
  font-size: 1.5rem;
}

.community-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: var(--headerHeight);
  width: 100%;
  height: 45px;
  padding: 0 20px;
  border-bottom: 1px solid #f6f6f6;
  background: white;
  z-index: 6;
  transform: translateY(-41px);
  transition: top 0.3s ease-out, transform 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .community-nav {
    transform: translateY(-45px);
  }
}

@media screen and (min-width: 940px) {
  .community-nav {
    display: block;
    padding: 0;
  }
}

.community-nav__logo {
  position: relative;
  display: flex;
  align-items: center;
  width: 54px;
  padding: 10px 0;
  z-index: 1;
}

@media screen and (min-width: 940px) {
  .community-nav__logo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 10px 15px;
  }
}

.community-nav__to-top {
  padding: 0;
  border: 0;
}

.community-nav__to-top svg {
  height: 30px;
  width: auto;
}

.community-nav__toggle-button {
  display: flex;
  align-items: center;
  font-size: 1rem;
  text-transform: uppercase;
  border: 0;
}

.community-nav__toggle-button svg {
  transition: transform 0.2s ease-out;
}

@media screen and (min-width: 940px) {
  .community-nav__toggle-button {
    display: none;
  }
}

.community-nav__toggle-button-text {
  margin-right: 7px;
}

.community-nav__toggle-button[aria-expanded=true] svg {
  transform: rotate(180deg);
}

.community-nav__bucket {
  position: absolute;
  top: 41px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

@media only screen and (min-width: 768px) {
  .community-nav__bucket {
    top: 45px;
  }
}

@media screen and (min-width: 940px) {
  .community-nav__bucket {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    max-height: none;
  }
}

.community-nav__bucket--expanded {
  max-height: 325px;
}

.community-nav__list {
  display: grid;
  padding: 20px;
  gap: 10px;
  background: #f6f6f6;
}

@media only screen and (min-width: 768px) {
  .community-nav__list {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 30px;
  }
}

@media screen and (min-width: 940px) {
  .community-nav__list {
    grid-template-columns: unset;
    grid-auto-flow: column dense;
    grid-auto-columns: max-content;
    justify-content: center;
    height: 100%;
    padding: 0 15px 0 54px;
    gap: 20px;
    background: transparent;
  }
}

@media screen and (min-width: 960px) {
  .community-nav__list {
    padding: 0 54px;
  }
}

@media screen and (min-width: 1020px) {
  .community-nav__list {
    gap: 30px;
  }
}

@media screen and (min-width: 1094px) {
  .community-nav__list {
    gap: 40px;
  }
}

.community-nav__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

@media screen and (min-width: 960px) {
  .community-nav__item:not(:first-child)::before {
    content: "|";
    position: absolute;
    left: -10px;
  }
}

@media screen and (min-width: 1020px) {
  .community-nav__item:not(:first-child)::before {
    left: -15px;
  }
}

@media screen and (min-width: 1094px) {
  .community-nav__item:not(:first-child)::before {
    left: -20px;
  }
}

.community-nav__button {
  margin: 0;
  padding: 7px 0;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
  color: #101F44;
  border: 0;
  border-bottom: 2px solid rgba(70, 111, 212, 0);
  transition: color 0.2s ease-out, border-color 0.2s ease-out;
}

.community-nav__button:hover,
.community-nav__button:focus {
  color: #466FD4;
  border-bottom-color: #466FD4;
}

.community-nav__button--active,
.community-nav__button--active:focus {
  color: #101F44;
  border-bottom-color: #E87217;
}

.community__welcome {
  display: grid;
  gap: 30px;
  background: #f2eade;
}

@media only screen and (min-width: 768px) {
  .community__welcome {
    gap: 50px;
  }
}

@media only screen and (min-width: 992px) {
  .community__welcome {
    grid-template-columns: 1fr 450px;
    grid-template-rows: max-content 1fr;
    grid-template-areas: "community-welcome-b community-welcome-c" "community-welcome-b community-welcome-c";
    gap: 80px;
  }
}

@media only screen and (min-width: 992px) {
  .community__welcome--incentive {
    grid-template-columns: 1fr 450px;
    grid-template-rows: max-content 1fr;
    grid-template-areas: "community-welcome-a community-welcome-c" "community-welcome-b community-welcome-c";
    gap: 80px;
  }
}

@media only screen and (min-width: 992px) {
  .community__welcome-incentive {
    grid-area: community-welcome-a;
  }
}

@media only screen and (min-width: 992px) {
  .community__welcome-content {
    grid-area: community-welcome-b;
    padding-bottom: 80px;
  }
}

.community__welcome-form {
  position: relative;
}

@media only screen and (min-width: 992px) {
  .community__welcome-form {
    grid-area: community-welcome-c;
  }
}

.community__welcome-callout {
  max-width: none;
}

@media only screen and (min-width: 768px) {
  .community__welcome-callout {
    display: block;
  }
}

@media only screen and (min-width: 1276px) {
  .community__welcome-callout {
    display: grid;
  }
}

.community__welcome-callout .call-out-title__line-1 {
  text-align: left;
  transform: translate(40px, 19px);
}

@media only screen and (min-width: 768px) {
  .community__welcome-callout .call-out-title__line-1 {
    letter-spacing: 0.05em;
  }
}

.community__welcome-callout .call-out-title__title {
  padding-bottom: 12px;
}

@media only screen and (min-width: 768px) {
  .community__welcome-callout .call-out-title__title {
    padding: 20px 20px 40px;
  }
}

.community__welcome-title {
  margin-bottom: 1em;
  font-size: 1.5rem;
  line-height: 1.3;
}

@media only screen and (min-width: 768px) {
  .community__welcome-title {
    font-size: 1.875rem;
  }
}

.community__welcome-copy {
  font-size: 1.125rem;
  line-height: 1.8;
}

.community__welcome-copy p {
  margin-bottom: 1.5em;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

.community__welcome-copy p:last-child {
  margin-bottom: 0;
}

.community__welcome-concierge {
  margin: 0 -20px;
  background: white;
}

@media only screen and (min-width: 768px) {
  .community__welcome-concierge {
    margin: 0 -30px;
  }
}

@media only screen and (min-width: 992px) {
  .community__welcome-concierge {
    margin: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: calc(var(--basePadding) * 4);
  }

  .community__welcome-concierge.community__welcome-concierge--overlap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: white;
    margin-bottom: 0;
  }
}

.community__welcome-image {
  position: relative;
  height: 34.7222222222vw;
}

.community__welcome-form-title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 0;
  font-size: 1.25rem;
  padding: var(--basePadding);
}

.community__welcome-form-title svg {
  margin-right: 1em;
}

.community__welcome-form-lead {
  background: white;
  padding: var(--basePadding);
  text-align: center;
  padding-bottom: 0;
}

.community__welcome-form-lead p,
.community__welcome-form-lead li {
  color: #666;
}

.community__welcome-form-lead > *:last-child {
  margin-bottom: 0;
}

.community__welcome-form-lead a {
  color: #E87217;
}

@media only screen and (max-width: 767px) {
  .community__tabs-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.community__tabs .tab-list__content {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 10px;
}

.community__tabs .tab-list__btn {
  position: relative;
  padding: 0.825em 1em;
  line-height: 1;
  color: #767676;
  border: 1px solid rgba(204, 204, 204, 0);
  border-bottom: 0;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out, box-shadow 0.2s ease-out;
}

.community__tabs .tab-list__btn.active {
  color: #101F44;
  border-color: #ccc;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 768px) {
  .community__tabs .tab-list__btn {
    padding: 0.825em 1.5em;
  }
}

.community__tab-list {
  position: relative;
}

.community__tab-list::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  border-bottom: 1px solid #ccc;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
}

.community__tab-content {
  position: relative;
  background: #fff;
}

.community__grid {
  padding: 20px 15px;
}

@media only screen and (min-width: 768px) {
  .community__grid {
    padding: 50px 0 0;
  }
}

@media only screen and (min-width: 992px) {
  .community__grid {
    padding: 80px 0 0;
  }
}

.community__move {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  .community__move {
    paddin-top: 50px;
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 992px) {
  .community__move {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.community__contact {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f2eade;
}

@media only screen and (min-width: 768px) {
  .community__contact {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .community__contact {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 1276px) {
  .community__contact {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.community__contact-content {
  padding: 15px;
  border: 1px solid #101F44;
  border-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .community__contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .community__contact-content {
    padding: 40px;
    gap: 60px;
  }
}

@media only screen and (min-width: 1276px) {
  .community__contact-content {
    padding: 60px;
    gap: 100px;
  }
}

.community__contact-title {
  margin-bottom: 0;
  font-size: 1.375rem;
  line-height: 1.2;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .community__contact-title {
    font-size: 1.875rem;
  }
}

.community__contact-block {
  margin-bottom: 30px;
}

.community__contact-block:last-child {
  margin-bottom: 0;
}

.community__contact-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
}

.community__contact-body {
  font-size: 1rem;
  line-height: 1.825;
}

.community__contact-body strong {
  font-size: 1.125rem;
  font-weight: 600;
}

.community__contact-body strong.just-bold {
  font-size: inherit;
}

a.community__contact-link {
  color: #1d458c;
}

a.community__contact-link:hover,
a.community__contact-link:focus {
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  a.community__contact-link {
    white-space: nowrap;
  }
}

a.community__contact-link--bold {
  font-weight: 600;
}

.community__contact-map {
  position: relative;
  padding-top: 31.25%;
}

.community__contact-map .static-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.community__contact-map .static-map__img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.community__contact-map-flyout {
  position: absolute;
  top: calc(50% - 40px);
  left: 50%;
  max-width: calc(100% - 40px);
  padding: 15px 50px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #101F44;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -100%);
}

.community__contact-map-flyout::before,
.community__contact-map-flyout::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
}

.community__contact-map-flyout::before {
  margin-left: -10px;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.community__contact-map-flyout::after {
  width: 34px;
  height: 36px;
  margin-left: 3px;
  background: url(/images/housepin.svg?29eb4ec4eaa0a1b7c483d87594c3f584) top center no-repeat;
  background-size: contain;
  transform: translate(-50%, 15px);
}

@media only screen and (min-width: 768px) {
  .community__contact-map-flyout {
    font-size: 1.375rem;
  }
}

.community__contact-map-border {
  position: absolute;
  top: -20px;
  left: 20px;
  right: 20px;
  bottom: 30px;
  border: 1px solid #101F44;
  border-top: 0;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .community__contact-map-border {
    top: -40px;
    left: 30px;
    right: 30px;
    bottom: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .community__contact-map-border {
    top: -50px;
    left: 40px;
    right: 40px;
    bottom: 50px;
  }
}

@media only screen and (min-width: 1276px) {
  .community__contact-map-border {
    top: -70px;
    left: 50px;
    right: 50px;
    bottom: 70px;
  }
}

@media only screen and (min-width: 1500px) {
  .community__contact-map-border {
    top: -80px;
    left: 90px;
    right: 90px;
    bottom: 80px;
  }
}

.community__contact-map-link {
  display: none;
}

@media only screen and (min-width: 768px) {
  .community__contact-map-link {
    display: inline-block;
    position: absolute;
    top: 75px;
    right: var(--basePadding2x);
    text-transform: uppercase;
    font-size: 0.9375rem;
    line-height: 1;
    padding: var(--basePadding) var(--basePadding) 13px;
  }
}

@media only screen and (min-width: 1276px) {
  .community__contact-map-link {
    top: 105px;
  }
}

.community__contact-column {
  margin-bottom: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .community__contact-column {
    margin-bottom: unset;
  }
}

.community__area-left {
  background: #F2EADE;
  padding: var(--basePadding2x);
}

.community__area-title {
  margin-bottom: var(--basePadding2x);
}

.community__area-lead {
  margin-bottom: var(--basePadding2x);
}

.community__area-lead p:last-of-type {
  margin-bottom: 0;
}

.commuty__area-h3 {
  color: #333;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.community__area-schools-list {
  padding: 0;
}

.community__area-img-wrap {
  line-height: 0;
}

.community__area-right {
  display: grid;
  gap: 5px;
}

.community__area-img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .community__area-left {
    padding: calc(var(--basePadding) * 4);
  }

  .community__area-left:only-child {
    grid-column: 1/span 2;
    padding: calc(var(--basePadding) * 4);
  }

  .community__area-left :is(p, li) {
    font-size: 1.125rem;
  }

  .community__area-right {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 5px;
    padding-left: 5px;
    overflow: hidden;
  }

  .community__area-img-wrap {
    overflow: hidden;
    position: relative;
    min-height: 250px;
  }

  .community__area-img-wrap--3 {
    grid-column: 1/span 2;
    min-height: 235px;
  }

  .community__area-img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
  }
}

@media only screen and (min-width: 992px) {
  .community__area {
    display: grid;
    grid-template-columns: 490px 1fr;
  }
}

@media only screen and (min-width: 1276px) {
  .community__area-left:only-child {
    padding: calc(var(--basePadding) * 8);
  }

  .community__area-img-wrap {
    min-height: 450px;
  }

  .community__area-img-wrap--3 {
    min-height: 335px;
  }
}

.community__lotmap {
  position: relative;
  height: 36vw;
  min-height: 670px;
  margin-bottom: 6px;
}

.community__lotmap-legend {
  padding: 20px;
  background: #101F44;
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .community__lotmap-legend {
    position: absolute;
    top: 131px;
    left: 3px;
  }
}

.community__lotmap-legend .cta {
  margin-top: 20px;
  font-size: 1rem;
}

.community__lotmap-legend .cta .cta__icon {
  margin-right: 0.5em;
}

.community__lotmap-list {
  padding: 0;
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 10px;
       column-gap: 10px;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .community__lotmap-list {
    -moz-columns: 3;
         columns: 3;
  }
}

@media only screen and (min-width: 992px) {
  .community__lotmap-list {
    -moz-columns: unset;
         columns: unset;
  }
}

.community__lotmap-item {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1;
  page-break-inside: avoid;
}

.community__lotmap-item:last-child {
  padding-right: 0;
}

.community__lotmap-key {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #fff;
  background: var(--lotmap-color);
}

.community__lotmap-map {
  position: relative;
  width: 100%;
  height: calc(100vw + 200px);
  max-height: calc(100vh - var(--headerHeight) - 50px);
}

.community__lotmap-map gl-spot-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 992px) {
  .community__lotmap-map {
    height: 100%;
    max-height: none;
  }
}

.map-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(16, 31, 68, 0.3);
  z-index: 999999999;
}

@media only screen and (min-width: 992px) {
  .map-modal {
    position: absolute;
    z-index: 1;
  }
}

.map-modal__card {
  position: relative;
  display: grid;
  grid-template-rows: max-content 1fr;
  max-height: calc(100% - 40px);
  max-width: calc(100% - 40px);
  background: white;
}

.map-modal__close {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  color: white;
  border: 0;
  transition: color 0.2s ease-out;
}

.map-modal__close svg {
  width: 16px;
  height: 16px;
  stroke: #101F44;
  stroke-width: 2px;
}

.map-modal__close:hover,
.map-modal__close:focus {
  color: #E87217;
}

.map-modal__header {
  padding: 20px;
  background: #101F44;
}

.map-modal__title {
  margin-bottom: 10px;
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: white;
}

@media only screen and (min-width: 768px) {
  .map-modal__title {
    font-size: 3.75rem;
  }
}

.map-modal__name {
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  color: white;
}

@media only screen and (min-width: 768px) {
  .map-modal__name {
    font-size: 1.5rem;
  }
}

.map-modal__address {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.map-modal__address,
.map-modal__price {
  font-size: 1rem;
}

.map-modal__address a:hover,
.map-modal__address a:focus {
  color: white;
}

.map-modal__price {
  color: white;
}

.map-modal__list {
  display: grid;
  gap: 20px;
  padding: 20px;
  overflow: auto;
}

.map-modal__item {
  position: relative;
}

.map-modal__item::after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 1px;
  background: #767676;
}

.map-modal__item:last-child::after {
  display: none;
}

.map-modal__plan {
  display: grid;
  gap: 20px;
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .map-modal__plan {
    grid-template-columns: max-content 1fr;
  }
}

.map-modal__plan-image img {
  display: block;
  width: 282px;
  height: auto;
}

.map-modal__plan-data {
  display: grid;
  grid-template-rows: repeat(3, max-content);
  align-content: space-between;
  gap: 10px;
}

.map-modal__plan-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.map-modal__plan-name {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .map-modal__plan-name {
    font-size: 1.125rem;
  }
}

.map-modal__plan-price {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: #767676;
}

@media only screen and (min-width: 768px) {
  .map-modal__plan-price {
    font-size: 1.125rem;
  }
}

.map-modal__plan-price span {
  color: #E87217;
}

.map-modal__plan-snapshot {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-content: space-between;
  gap: 20px;
}

.map-modal__plan-snapshot-item {
  display: grid;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.6;
  color: #767676;
}

@media only screen and (min-width: 768px) {
  .map-modal__plan-snapshot-item {
    font-size: 0.875rem;
  }
}

.map-modal__plan-snapshot-value {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #333333;
}

@media only screen and (min-width: 768px) {
  .map-modal__plan-snapshot-value {
    font-size: 1.125rem;
  }
}

.map-modal__plan-actions {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  .map-modal__plan-actions {
    grid-auto-columns: max-content;
  }
}

.map-modal__plan-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px;
  font-size: 1rem;
  line-height: 1.2;
  color: white;
  background: #E87217;
  transition: background 0.2s ease-out;
}

.map-modal__plan-link:visited {
  color: white;
}

.map-modal__plan-link:hover,
.map-modal__plan-link:focus {
  color: white;
  background: #101F44;
}

.community__lotmap-coming-soon {
  background: #101F44;
  text-align: center;
  padding: 30px;
}

.community__lotmap-coming-soon .community__lotmap-title {
  color: white;
}

@media only screen and (min-width: 768px) {
  .community__lotmap-coming-soon {
    padding: 120px;
  }
}

.lot-modal {
  pointer-events: none;
  position: fixed;
  display: flex;
  justify-content: flex-end;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  inset: 0;
  margin: 0;
  padding: 0;
  opacity: 1;
  overflow: hidden;
  border: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 100;
  transition: background 0.3s ease-in-out;
}

.lot-modal::backdrop {
  display: none;
}

.lot-modal__content {
  position: fixed;
  display: grid;
  grid-template-rows: max-content 1fr;
  align-items: flex-start;
  width: 400px;
  height: 100%;
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  transform: translateX(100%);
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

.lot-modal__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
}

.lot-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  width: 20px;
  height: 20px;
}

.lot-modal__close svg {
  width: 12px;
  height: 12px;
  fill: #E87217;
  transition: fill 0.2s ease-out;
}

.lot-modal__close:hover svg,
.lot-modal__close:focus svg {
  fill: #101F44;
  outline: 0;
}

.lot-modal__body {
  max-height: 100%;
  padding: 30px;
  overflow-y: auto;
}

.lot-modal__title {
  margin-bottom: 30px;
  font-size: 1.5rem;
}

.lot-modal__plans {
  display: grid;
  gap: 20px;
}

.lot-modal[open] {
  pointer-events: auto;
}

.lot-modal[open] .lot-modal__content {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  transform: translateX(0);
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip-trigger {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 0;
  border: 0;
}

.tooltip-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 20px;
  width: 240px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #333333;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transform: translateX(-50%);
  z-index: 1;
}

.tooltip-content[aria-hidden=false] {
  display: block;
}

.tooltip-trigger-default {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  text-align: center;
  color: white;
  border-radius: 50%;
  background-color: #E87217;
}

.map-modal__model {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 20px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #101F44;
  background: white;
  border-radius: 30px;
}

.community__grid {
  display: grid;
  gap: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .community__grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--basePadding2x);
  }
}

@media only screen and (min-width: 1276px) {
  .community__grid {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: var(--basePadding2x);
  }
}

.community__card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.community__card-header {
  background: #eee;
}

@supports not (aspect-ratio: 380/254) {
  .community__card-header::after {
    padding-top: 66.8421052632%;
    content: "";
    display: block;
  }
}

.community__card-header__inner {
  line-height: 0;
  aspect-ratio: 380/254;
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "top" "high" "mid" "low";
}

@supports not (aspect-ratio: 380/254) {
  .community__card-header {
    position: relative;
  }

  .community__card-header::after {
    content: "";
    padding-top: 66.8421052632%;
    display: block;
  }

  .community__card-header__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.community__card-alert {
  padding: 10px var(--basePadding) 10px;
  background: #E87217;
  color: white;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  grid-area: top;
  position: relative;
  z-index: 1;
  font-size: 1rem;
}

.community__card-alert-pill {
  background: #333333;
  color: white;
  line-height: 1;
  padding: 7px var(--basePadding) 5px;
  text-align: center;
  display: inline-flex;
  justify-self: start;
  margin: 10px;
  position: relative;
  z-index: 1;
  grid-area: high;
  font-size: 0.75rem;
  text-transform: uppercase;
  border-radius: 15px;
}

.community__card-alert-pill--reserved {
  background: #E87217;
}

.community__card-callout {
  background: #eee;
  line-height: 1;
  padding: 10px var(--basePadding) 10px;
  text-align: center;
  display: inline-flex;
  justify-self: end;
  position: relative;
  z-index: 1;
  grid-area: low;
  font-size: 0.9375rem;
}

.community__card-img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  grid-column: 1;
  grid-row: 1/span 4;
}

.community__card-content {
  padding: var(--basePadding);
  border: 1px solid #ccc;
  border-width: 0 1px;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .community__card-content-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.community__card-name {
  font-size: 1.375rem;
  flex: 1 0 0;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) {
  .community__card-name {
    margin-right: var(--basePadding2x);
  }
}

.community__card-schedule {
  color: #E87217;
  padding: 0;
  border: 0;
  font-size: 0.9375rem;
  display: inline-flex;
  align-items: center;
  margin-top: 3px;
}

.community__card-schedule svg {
  fill: #E87217;
  width: 15px;
  margin-left: 5px;
}

.community__card-price {
  color: #333333;
  font-size: 1.125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.community__card-price-value {
  font-size: 1.375rem;
}

.community__card-calc {
  border: 0;
  padding: 0;
  color: #E87217;
}

.community__card-calc svg {
  fill: #E87217 !important;
  stroke: #E87217 !important;
  width: 14px;
}

.community__card-address {
  font-style: normal;
}

.community__card-sqft {
  margin-bottom: 0;
}

.community__card-sqft .value,
.community__card-sqft abbr {
  font-size: 1rem;
  font-weight: 400;
}

.community__card-monthly-payment {
  flex-basis: unset;
  font-size: 1rem;
  margin-top: unset;
  font-weight: normal;
  font-weight: 700;
  color: #E87217;
  margin-right: 10px;
}

.community__card-ctas {
  padding: var(--basePadding);
  padding-top: 0;
  padding-bottom: var(--basePadding2x);
  border: 1px solid #ccc;
  border-top-width: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.community__card-cta {
  font-weight: 700;
  padding: 12px;
  border: 2px solid #E87217;
  color: #101F44;
  text-align: center;
  transition: 0.2s ease all;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.community__card-cta:hover,
.community__card-cta:active {
  background: #E87217;
  color: white;
}

.community__card-cta--reserved {
  border-color: #909090;
}

.community__card-cta--reserved:hover,
.community__card-cta--reserved:active {
  color: #101F44;
  background: white;
}

.community__schedule-form .hh-form__header {
  padding: var(--basePadding2x);
  line-height: 1.2;
  padding-right: 60px;
}

.community__schedule-form-address-text {
  font-size: 1.125rem;
}

@media only screen and (min-width: 768px) {
  .community__card-ctas {
    gap: 10px;
  }

  .community__card-cta {
    font-size: 1.0625rem;
  }
}

.community__card--residence .community__card-content {
  padding: var(--basePadding);
}

@media only screen and (min-width: 992px) {
  .community__card--residence .community__card-content {
    padding: var(--basePadding);
  }
}

.community__card--residence .community__card-ctas {
  display: flex;
  align-items: center;
  gap: unset;
  padding: var(--basePadding) var(--basePadding) var(--basePadding2x);
}

@media only screen and (min-width: 992px) {
  .community__card--residence .community__card-ctas {
    padding: var(--basePadding);
  }
}

.community__card--residence .community__card-btn {
  margin-right: 10px;
}

.community__card--residence .community__card-cta {
  padding: 12px var(--basePadding);
  font-size: 0.875rem;
  margin-left: auto;
}

@media only screen and (min-width: 768px) {
  .community__card--residence .community__card-cta {
    font-size: 1rem;
  }
}

.community__card--residence .snapshot {
  padding: var(--basePadding) 10px;
}

@media only screen and (min-width: 992px) {
  .community__card--residence .snapshot {
    padding: var(--basePadding);
  }
}

.community__card--residence .snapshot__value {
  font-size: 0.875rem;
}

@media only screen and (min-width: 768px) {
  .community__card--residence .snapshot__value {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 992px) {
  .community__card--residence .snapshot__value {
    font-size: 1.125rem;
  }
}

.community__card-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #E87217;
  background: #E87217;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

.community__card-btn:hover,
.community__card-btn:focus {
  color: #101F44;
  background: #fff;
}

.community__card--sold {
  border-bottom: 1px solid #ccc;
}

.community__card-image {
  position: relative;
  grid-column: 1;
  grid-row: 2/span 3;
}

.community__card-image .community__card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  grid-column: unset;
  grid-row: unset;
}

.community__card-sale {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: auto;
  z-index: 1;
}

.community-disclaimer {
  background: #101F44;
}

.community-disclaimer__copy {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6667;
  color: white;
}

@media only screen and (min-width: 768px) {
  .community-disclaimer__copy {
    font-size: 1rem;
  }
}

.community .hdr {
  transition: transform 0.3s ease-out;
}

.community--collapse {
  --headerHeight: -2px;
}

.community--collapse .hdr {
  overflow: hidden;
  transform: translateY(-101%);
}

.community--collapse .community-nav {
  position: sticky;
  transform: translateY(41px);
}

@media only screen and (min-width: 768px) {
  .community--collapse .community-nav {
    transform: translateY(45px);
  }
}

.community__nav-trigger {
  display: block;
  height: 1px;
  margin-bottom: -1px;
  background: red;
  z-index: 1000000000000000000;
}

.plan-hero {
  position: relative;
}

.plan-hero__image {
  position: relative;
  overflow: hidden;
}

.plan-hero__img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 200px;
  max-height: calc(100vh - var(--headerHeight) - 65px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media only screen and (min-width: 992px) {
  .plan-hero__img {
    height: calc(100vh - var(--headerHeight) - 65px);
    max-height: 46.18vw;
  }
}

.filter-wall {
  display: grid;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1275px) {
  .filter-wall {
    grid-template-rows: 1fr 0fr;
    transition: grid-template-rows 0.3s ease-in-out;
  }
}

@media only screen and (min-width: 768px) {
  .filter-wall {
    gap: 40px;
  }
}

@media only screen and (min-width: 1276px) {
  .filter-wall {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.floorplan__content:has(#pallasart-section-content:empty) {
  padding: 0;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1275px) {
  .filter-wall--valid {
    grid-template-rows: 1fr 1fr;
  }
}

.filter-wall__content {
  flex-shrink: 1;
  flex-basis: 100%;
  text-align: left;
}

.filter-wall__title {
  margin: 0 0 20px;
  font-size: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .filter-wall__title {
    font-size: 1.875rem;
  }
}

.filter-wall__copy {
  margin-bottom: 0;
}

.filter-wall__header {
  padding-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  .filter-wall__header {
    padding-bottom: 40px;
  }
}

.filter-wall__filters {
  display: grid;
  gap: 20px;
}

.filter-wall__filters .filter::after {
  background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 17 9' xmlns='http://www.w3.org/2000/svg' class='svg-chevron' fill='%23999999'%3E%3Cpath d='M16.749.356l-.255-.255a.43.43 0 00-.61 0L8.878 7.113 1.866.1a.43.43 0 00-.61 0l-.255.255a.43.43 0 000 .61l7.568 7.57a.43.43 0 00.61 0l7.566-7.57a.428.428 0 00.004-.61z' fill-rule='nonzero'/%3E%3C/svg%3E") center no-repeat;
}

.filter-wall__filters .filter__select {
  border: 1px solid #ccc;
}

.filter-wall__filters .filter__select option {
  background: #fff;
}

.filter-wall__filters .filter__select:focus {
  outline: 0;
  border-color: #101F44;
}

.filter-wall__filters .filter__select.invalid {
  border-color: #ad1717;
}

.filter-wall__filters .filter__text {
  color: #101F44;
  background: #fff;
}

@media only screen and (min-width: 768px) {
  .filter-wall__filters .filter__text {
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 768px) {
  .filter-wall__filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-columns: repeat(3, auto);
  }

  .filter-wall__filters .filter {
    height: 50px;
  }
}

.filter-wall__item {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(max-content, auto) minmax(auto, 1fr);
  gap: 10px;
}

.filter-wall__item .filter-wall__step {
  color: white;
  background: #101F44;
  border: 1px solid #101F44;
}

.filter-wall__item .filter-wall__step.filter-wall__step--disabled {
  color: #ccc;
  background: white;
  border: 1px solid #ccc;
}

@media only screen and (min-width: 768px) {
  .filter-wall__item .filter-wall__step {
    display: none;
  }
}

.filter-wall__errors {
  display: block;
  margin-top: 20px;
  padding: 20px;
  font-style: normal;
  color: #ad1717;
  border: 1px solid #cfc3c2;
}

.filter-wall__progress {
  display: none;
  width: 75%;
  margin: 0 auto;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .filter-wall__progress {
    display: block;
  }
}

.filter-wall__steps {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: linear-gradient(to bottom, transparent 0, transparent 14px, #b5a6a5 14px, #b5a6a5 16px, transparent 16px, transparent 30px);
}

.filter-wall__steps .filter-wall__step:first-child {
  background: #101F44;
}

.filter-wall__steps::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #101F44;
  transform-origin: center left;
  transform: translateY(-50%) scaleX(0);
  transition: transform 0.2s ease-out;
}

.filter-wall__steps--2::before {
  transform: translateY(-50%) scaleX(0.5);
}

.filter-wall__steps--2 .filter-wall__step:nth-child(2) {
  background: #101F44;
}

.filter-wall__steps--3::before {
  transform: translateY(-50%) scaleX(1);
}

.filter-wall__steps--3 .filter-wall__step {
  background: #101F44;
}

.filter-wall__step {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding-top: 2px;
  color: white;
  border-radius: 15px;
  background: #767676;
  transition: background 0.2s ease-out;
  z-index: 1;
}

.filter-wall__step--active {
  background: #101F44;
}

.filter-wall__finally {
  flex: none;
  overflow: hidden;
  max-height: 100%;
}

@media only screen and (min-width: 1276px) {
  .filter-wall__finally {
    max-width: 0;
    transition: max-width 0.2s ease-out;
  }
}

@media only screen and (min-width: 1276px) {
  .filter-wall__finally--active {
    max-width: 400px;
  }
}

.filter-wall__finally-content {
  margin-top: 40px;
  padding: 20px 40px;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: white;
  background: url("/images/site/global/textured-background.svg") no-repeat center;
  background-size: cover;
  transition: width 0.2s ease-out;
}

.filter-wall__finally-content p {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.filter-wall__finally-content .filter-wall__submit {
  color: white;
  background-color: #101F44;
}

.filter-wall__finally-content .filter-wall__submit:hover,
.filter-wall__finally-content .filter-wall__submit:focus {
  color: #101F44;
  background-color: white;
}

@media only screen and (min-width: 992px) {
  .filter-wall__finally-content {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .filter-wall__finally-content {
    display: grid;
    align-content: center;
    justify-items: center;
    height: 100%;
    margin-left: 40px;
  }
}

.floorplan .template-base {
  background: #F2EADE;
}

.plan-article {
  position: relative;
  max-width: 1340px;
  margin: 0 auto 80px;
}

@media only screen and (min-width: 768px) {
  .plan-article {
    width: calc(100% - 80px);
  }
}

.plan-article__header {
  padding: 20px;
  line-height: 2;
  background: #eee;
}

@media only screen and (min-width: 768px) {
  .plan-article__header {
    position: absolute;
    width: 100%;
    padding: 30px 40px;
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-100%);
  }
}

.plan-article__inheader {
  display: grid;
  align-items: center;
  gap: 15px;
}

@media only screen and (min-width: 768px) {
  .plan-article__inheader {
    grid-template-areas: "title title" "media snapshot";
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .plan-article__inheader {
    gap: 15px 50px;
    grid-template-columns: max-content 1fr;
  }
}

@media only screen and (min-width: 1276px) {
  .plan-article__inheader {
    gap: 50px;
    align-items: center;
    grid-template-areas: none;
    grid-template-columns: auto 1fr max-content;
  }
}

.plan-article__title {
  display: grid;
  gap: 10px;
  margin: 0;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.3;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .plan-article__title {
    grid-area: title;
    grid-template-columns: repeat(2, auto);
    justify-content: space-between;
    font-size: 1.875rem;
  }
}

@media only screen and (min-width: 1276px) {
  .plan-article__title {
    grid-template-columns: repeat(2, auto);
    grid-area: unset;
    gap: 20px;
    justify-content: flex-start;
  }
}

.plan-article__snapshot .snapshot {
  border-inline-width: 0;
}

@media only screen and (min-width: 768px) {
  .plan-article__snapshot .snapshot {
    border-inline-width: 1px;
  }
}

@media only screen and (min-width: 768px) {
  .plan-article__snapshot {
    grid-area: snapshot;
  }
}

@media only screen and (min-width: 1276px) {
  .plan-article__snapshot {
    grid-area: unset;
  }
}

.plan-article__body {
  padding: 50px 20px;
  background: white;
}

@media only screen and (min-width: 768px) {
  .plan-article__body {
    padding: 50px 40px;
  }
}

@media only screen and (min-width: 1276px) {
  .plan-article__body {
    padding: 80px 40px;
  }
}

.floorplan__content {
  padding: 50px 0 0;
}

@media only screen and (min-width: 992px) {
  .floorplan__content {
    padding: 60px 0 0;
  }
}

@media only screen and (min-width: 1276px) {
  .floorplan__content {
    padding: 80px 0 0;
  }
}

.floorplan__content:empty {
  display: none;
}

.plan-article__footer {
  padding: 0 20px 20px;
  background: white;
}

@media only screen and (min-width: 768px) {
  .plan-article__footer {
    padding: 0px 40px 30px;
  }
}

.plan-article__media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-around;
  gap: 15px;
}

.plan-article__media--3 {
  grid-template-columns: repeat(3, auto);
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .plan-article__media--2,
  .plan-article__media--3 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.plan-article__snapshot .snapshot {
  justify-content: space-around;
}

.plan-article__footer-title {
  margin: 0 0 0.5em;
  font-size: 1.5rem;
}

@media only screen and (min-width: 768px) {
  .plan-article__footer-title {
    font-size: 1.625rem;
  }
}

.plan-article__title-name {
  display: block;
}

.plan-article__title-price {
  display: block;
  white-space: nowrap;
}

.plan-article__title-price span {
  font-size: 1.25rem;
  font-weight: normal;
}

.plan-article__title-price em {
  font-size: 1.5rem;
  font-style: normal;
  color: #E87217;
}

.plan-article__title-price .community__card-calc {
  display: inline-flex;
}

@media only screen and (min-width: 768px) {
  .plan-article__title-price span {
    font-size: 1.5rem;
  }

  .plan-article__title-price em {
    font-size: 1.625rem;
  }
}

.floorplan-hero__cta-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 27px;
  height: 27px;
  margin-right: 0.5em;
  color: white;
  border-radius: 50%;
  background: #E87217;
  transition: background 0.2s ease-out;
}

.floorplan-hero__cta-icon svg {
  width: 14px;
  height: 14px;
}

.floorplan-hero__cta-icon .playSquare-icon {
  width: 12px;
  height: 13px;
}

.floorplan-hero__cta {
  flex: 0 1 25%;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
  white-space: nowrap;
  color: #101F44;
  border: 0;
}

.floorplan-hero__cta:hover .floorplan-hero__cta-icon,
.floorplan-hero__cta:focus .floorplan-hero__cta-icon {
  background: #101F44;
}

@media only screen and (min-width: 768px) {
  .floorplan-hero__cta {
    flex: 0 1 25%;
  }
}

@media only screen and (min-width: 992px) {
  .floorplan-hero__cta {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 1276px) {
  .floorplan-hero__cta {
    flex: 1;
  }
}

.plan-article__share {
  position: absolute;
  right: 15px;
  top: calc(100% + 10px);
}

@media only screen and (min-width: 768px) {
  .plan-article__share {
    right: 0;
  }
}

.filter-wall__finally {
  display: none;
}

.filter-wall__finally.filter-wall__finally--active {
  display: block;
}

.site-map__main .hdr-mega-menu__list-item {
  width: 100%;
}

.site-map__content {
  max-width: 1200px;
  margin: 0 auto;
}

.site-map__section {
  padding: var(--basePadding2x);
  max-width: 1200px;
}

.site-map__title {
  font-family: var(--fontScript);
  color: #101F44;
  font-size: 3.75rem;
  margin-bottom: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .site-map__title {
    font-size: 5rem;
    margin-bottom: calc(var(--basePadding) * 3);
  }
}

.site-map__regions .hdr-mega-menu__item {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .site-map__regions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .site-map__regions .hdr-mega-menu__item {
    padding: var(--basePadding) var(--basePadding2x) 0;
    border: 0;
  }

  .site-map__regions .hdr-mega-menu__item:first-of-type {
    padding-left: 0;
  }

  .site-map__regions .hdr-mega-menu__item:last-of-type {
    padding-right: 0;
  }

  .site-map__regions .hdr-mega-menu__item + .hdr-mega-menu__item {
    border-left: 3px solid #eee;
  }
}

@media only screen and (min-width: 992px) {
  .site-map__regions .hdr-mega-menu__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--basePadding2x);
    padding: 0;
  }

  .site-map__regions .hdr-mega-menu__list-item {
    padding: 0;
  }

  .site-map__regions .hdr-mega-menu__sublist {
    display: block;
  }
}

@media only screen and (min-width: 1276px) {
  .site-map__regions .hdr-mega-menu__list {
    gap: calc(var(--basePadding) * 4);
  }
}

.site-map__links {
  padding: 0;
}

.sitemap__nav-item {
  margin-bottom: calc(var(--basePadding) * 4);
}

.site-map__links h3 {
  color: #101F44;
  letter-spacing: unset;
  text-transform: uppercase;
  font-size: 0.9375rem;
  margin-bottom: var(--basePadding2x);
  font-size: 1rem;
}

.sitemap__subnav {
  padding: 0;
}

.sitemap__subnav-link {
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .site-map__links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--basePadding2x);
  }
}

.contact {
  background: #F2EADE;
}

.contact .show-additional {
  opacity: 0;
  height: 0;
  transition: 0.3s ease all;
  transform: scaleY(0);
  transform-origin: top;
}

.contact .show-additional--visible {
  opacity: 1;
  height: 100%;
  transform: scaleY(1);
}

.contact__section {
  padding: var(--basePadding2x);
}

@media only screen and (min-width: 992px) {
  .contact__content {
    display: grid;
    grid-template-columns: minmax(520px, 1fr) minmax(0, 2fr);
  }

  .contact__section {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .contact__section {
    padding: calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 768px) {
  .hero--contact {
    background-position: bottom center, 50% 0;
    background-size: 100%;
  }
}

.contact__address {
  font-style: unset;
  margin-bottom: var(--basePadding2x);
}

.contact__title {
  font-size: 1.875rem;
  color: #101F44;
  margin-bottom: var(--basePadding2x);
  letter-spacing: unset;
  line-height: 2rem;
}

.contact__section--left {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 2rem;
}

.contact__section--left a,
.contact__section--left a:visited {
  color: #466FD4;
  transition: 0.2s ease color;
}

.contact__section--left a:hover,
.contact__section--left a:focus,
.contact__section--left a:active {
  color: #1d458c;
}

.contact__section--right {
  background: white;
}

.contact__lead {
  margin-bottom: var(--basePadding2x);
}

.contact__lead-info {
  margin-top: var(--basePaddingN);
}

.contact__form-form {
  padding: 0;
}

.contact__form-form .hh-form__header {
  margin: 0;
  padding: 0;
  background: white;
  color: #666;
}

.contact__form-form .hh-form__captcha {
  margin: var(--basePadding2x) 0;
}

.contact__form-form .hh-form__footer button {
  padding-left: 60px;
  padding-right: 60px;
}

html.minimal-layout,
body.guest-registration {
  overscroll-behavior: contain;
}

.guest-registration {
  background: #F2EADE;
}

.gr {
  background: #F2EADE;
  padding: 40px 20px;
}

@media screen and (min-width: 768px) {
  .gr {
    padding: 50px;
  }
}

.gr .realtors__reg-box {
  border: 0;
}

.gr .search-realtors__search {
  background: white;
}

.gr .search-realtors__search > * {
  border-color: #E0E0E0;
}

.gr .search-realtors__btn-icon {
  padding-right: 0;
}

.gr .search-realtors__btn-icon svg {
  width: 14px;
}

.gr .search-realtors__results-list {
  height: unset;
  max-height: 200px;
}

.gr .search-realtors__result-title {
  font-size: 14px;
  color: #101F44;
  font-weight: 400;
  margin-bottom: 10px;
}

.gr .search-realtors__result-subtitle,
.gr .search-realtors__result-email {
  font-size: 14px;
  color: #767676;
}

.gr .search-realtors__card {
  background: white;
  padding: 10px;
  position: relative;
}

.gr .search-realtors__card p {
  margin: 0 0 5px;
}

.gr .search-realtors__card p:empty {
  display: none;
}

.gr .search-realtors__card p.search-realtors__result-label {
  font-size: 14px;
  color: #767676;
  margin-bottom: 10px;
}

.gr .search-realtors__card .search-realtors__result-title {
  margin-bottom: 10px;
  transition: 0.2s ease all;
}

.gr .search-realtors__results-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 2px;
  border: 1px solid #767676;
  border-radius: 1px;
}

.gr .search-realtors__results-close-button svg {
  width: 9px;
  height: 9px;
}

.gr .search-realtors__results-close-button .svg-times {
  fill: #767676;
}

.gr .search-realtors__result:hover .search-realtors__result-title {
  color: white;
}

.gr-hdr {
  display: grid;
  gap: 40px;
}

@media screen and (min-width: 768px) {
  .gr-hdr {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: auto auto;
    gap: 0 30px;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .gr-hdr p {
    font-size: 16px;
    max-width: 600px;
    text-align: left;
    grid-column: 2;
    grid-row: 2;
    margin-bottom: 0;
    line-height: 1.3;
  }
}

@media screen and (min-width: 768px) {
  .gr-hdr__logo {
    text-align: left;
    grid-row: 1/span 2;
  }
}

.gr-hdr__logo svg {
  height: 37px;
  width: auto;
}

@media screen and (min-width: 768px) {
  .gr-hdr__logo svg {
    height: 50px;
  }
}

.gr-title {
  font-size: 30px;
  font-weight: 600;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .gr-title {
    font-size: 30px;
  }
}

.gr-form__header-title {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  margin-bottom: 0;
}

.gr-form__content,
.gr .alert-success {
  background: white;
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .gr-form__content,
  .gr .alert-success {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    padding: 50px;
    gap: 40px;
  }
}

.gr-form__content input,
.gr-form__content input[type=text],
.gr-form__content input[type=tel],
.gr-form__content input[type=phone],
.gr-form__content input[type=number],
.gr-form__content input[type=email],
.gr-form__content select,
.gr .alert-success input,
.gr .alert-success input[type=text],
.gr .alert-success input[type=tel],
.gr .alert-success input[type=phone],
.gr .alert-success input[type=number],
.gr .alert-success input[type=email],
.gr .alert-success select {
  font-size: 16px;
  height: 35px;
  margin: 0;
  padding: 5px 15px;
}

.gr-form__content .form-input__label,
.gr .alert-success .form-input__label {
  text-transform: uppercase;
  font-size: 14px;
}

.gr-form__content .form-input__error,
.gr-form__content #pardot-form .error.no-label,
.gr .alert-success .form-input__error,
.gr .alert-success #pardot-form .error.no-label {
  transform: unset;
}

.gr-form__content .submit,
.gr .alert-success .submit {
  justify-self: end;
  font-size: 16px;
  min-width: 140px;
}

.gr-form__content .label-required,
.gr .alert-success .label-required {
  display: none;
}

.gr-form__content .form-input__select-wrap::after,
.gr-form__content .form-field.state::after,
.gr .alert-success .form-input__select-wrap::after,
.gr .alert-success .form-field.state::after {
  width: 12px;
  opacity: 0.5;
}

.gr-form__side {
  display: grid;
  gap: 20px;
}

@media screen and (min-width: 768px) {
  .gr-form__side {
    align-self: start;
  }
}

@media screen and (min-width: 768px) {
  .gr-form__side--right {
    padding-top: 42px;
  }
}

.gr-form-hr {
  display: none;
}

@media screen and (min-width: 768px) {
  .gr-form-hr {
    border: 0;
    border-right: 1px solid #CCC;
    height: 100%;
    display: block;
  }
}

.gr-optional {
  color: #767676;
  text-transform: lowercase;
}

.gr-disclaimer {
  margin-top: 40px;
}

.gr-disclaimer small {
  font-size: 14px;
  color: #333;
}

@media screen and (max-width: 767px) {
  .gr-form__side--left {
    margin-bottom: 20px;
  }
}

.gr .alert-success {
  font-size: 20px;
  text-align: center;
  display: block;
}

.gr .alert-success h2,
.gr .alert-success h3 {
  font-size: 24px;
}

.gr .alert-success p,
.gr .alert-success li {
  font-size: 20px;
}

.gr:has(.alert-success) .gr-disclaimer,
.gr:has(.alert-success) .gr-hdr p {
  display: none;
}

.gr-form__referred {
  padding: 15px 20px;
  display: grid;
  gap: 20px;
  background: #F2F2F2;
}

@media screen and (min-width: 768px) {
  .gr-form__referred {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.hero--financing {
  background-size: cover, cover;
  background-position: center center, top center;
}

.fc__hero-content {
  text-transform: uppercase;
  font-size: 1.875rem;
  text-shadow: 0 0 var(--basePadding) rgba(0, 0, 0, 0.8);
}

@media only screen and (min-width: 768px) {
  .hero--financing {
    background-size: cover, 100%;
  }

  .fc__hero-content {
    font-size: 3.125rem;
  }
}

.fc__download {
  padding: 8px var(--basePadding) 5px;
  border: 2px solid #E87217;
  justify-self: flex-end;
  font-size: 1.0625rem;
  display: inline-block;
  align-self: center;
  font-weight: 700;
  color: #101F44;
}

.fc__download:hover,
.fc__download:active,
.fc__download:focus {
  background: #E87217;
  color: white;
}

@media only screen and (min-width: 768px) {
  .fc__download {
    margin-bottom: calc(var(--basePadding) * -2);
  }
}

@media only screen and (min-width: 1276px) {
  .fc__download {
    margin-bottom: calc(var(--basePadding) * -6);
  }
}

.fc__steps-aspectratio {
  aspect-ratio: 480/360;
  overflow: hidden;
}

.fc__steps-aspectratio img {
  display: block;
}

.fc__steps-img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

.fc__steps-item-content {
  padding: var(--basePadding2x);
  position: relative;
}

.fc__steps-title {
  display: flex;
  flex-direction: column;
  color: #101F44;
  text-transform: uppercase;
  font-size: 1.5rem;
  letter-spacing: unset;
  font-weight: 700;
  margin-bottom: var(--basePadding2x);
  line-height: 1.5;
}

.fc__steps-number {
  background: #E87217;
  font-size: 5rem;
  width: 8rem;
  height: 8rem;
  color: white;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 50%;
  margin-top: calc((var(--basePadding2x) + 4rem) * -1);
  margin-bottom: var(--basePadding2x);
}

.fc__steps-info,
.fc__steps-info :is(p, li) {
  font-size: 1.125rem;
  line-height: 1.4;
}

.fc__steps-info ul {
  list-style: disc;
  margin-bottom: var(--basePadding);
  padding-left: var(--basePadding2x);
  margin-left: var(--basePadding);
}

.fc__steps-info :is(p:last-child, li:last-child) {
  margin-bottom: 0;
}

.fc__steps-info a {
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  .fc__steps-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  }

  .fc__steps-number {
    margin-top: unset;
  }

  .fc__steps-aspectratio {
    aspect-ratio: unset;
    height: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .fc__steps-item-content {
    position: relative;
  }

  .fc__steps-number {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(-4rem, var(--basePadding2x), 0);
  }

  .fc__steps-item-content {
    padding-left: calc(4rem + var(--basePadding2x));
  }
}

@media only screen and (min-width: 1276px) {
  .fc__steps-item {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fc__steps-info,
  .fc__steps-info :is(p, li) {
    line-height: 1.6;
  }

  .fc__steps-item-content {
    padding: calc(var(--basePadding) * 8);
  }

  .fc__steps-item-content--dark {
    background: #101F44;
    color: white;
  }

  .fc__steps-item-content--dark .fc__steps-info,
  .fc__steps-item-content--dark .fc__steps-title,
  .fc__steps-item-content--dark .fc__steps-info :is(p, li) {
    color: white;
  }

  .fc__steps-number {
    margin: 0;
  }

  .fc__steps-item--1 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }

  .fc__steps-item--1 .fc__steps-image-wrap {
    grid-column: 2;
  }

  .fc__steps-item--1 .fc__steps-item-content {
    grid-column: 1;
    grid-row: 1;
  }

  .fc__steps-item--1 .fc__steps-number {
    left: unset;
    right: 0;
    top: 50%;
    transform: translate(4rem, -50%);
  }

  .fc__steps-item--2,
  .fc__steps-item--8 {
    grid-template-columns: 180px minmax(0, 2fr) minmax(0, 1fr);
    grid-template-rows: minmax(280px, 1fr) auto 120px;
  }

  .fc__steps-item--2 .fc__steps-image-wrap,
  .fc__steps-item--8 .fc__steps-image-wrap {
    grid-column: 1/span 3;
    grid-row: 1/span 3;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }

  .fc__steps-item--2 .fc__steps-img,
  .fc__steps-item--8 .fc__steps-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .fc__steps-item--2 .fc__steps-item-content,
  .fc__steps-item--8 .fc__steps-item-content {
    grid-column: 2/span 1;
    grid-row: 2;
    padding: calc(var(--basePadding) * 4);
  }

  .fc__steps-item--2 .fc__steps-number,
  .fc__steps-item--8 .fc__steps-number {
    left: 0;
    top: 0;
    transform: translate3d(calc(var(--basePadding) * -4), calc(var(--basePadding) * -4), 0);
  }

@supports not ((-webkit-clip-path: inset(0)) or (clip-path: inset(0))) {
    .fc__steps-item--2 .fc__steps-img,
    .fc__steps-item--8 .fc__steps-img {
      position: static;
      top: unset;
      left: unset;
      width: 100%;
      height: unset;
    }
}

  .fc__steps-item--3,
  .fc__steps-item--9 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) repeat(3, 86.6666666667px);
    background: #E87217;
    grid-template-rows: 1fr auto 120px;
  }

  .fc__steps-item--3 .fc__steps-image-wrap,
  .fc__steps-item--9 .fc__steps-image-wrap {
    grid-column: 1/span 3;
    grid-row: 1/span 3;
  }

  .fc__steps-item--3 .fc__steps-item-content,
  .fc__steps-item--9 .fc__steps-item-content {
    grid-column: 3/span 2;
    grid-row: 2;
    padding: calc(var(--basePadding) * 4);
    background: white;
  }

  .fc__steps-item--3 .fc__steps-number,
  .fc__steps-item--9 .fc__steps-number {
    left: unset;
    right: 0;
    top: 0;
    transform: translate3d(calc(var(--basePadding) * 4), calc(var(--basePadding) * -4), 0);
    background: #101F44;
  }

  .fc__steps-item--4 .fc__steps-number,
  .fc__steps-item--10 .fc__steps-number {
    top: 50%;
    transform: translate3d(-4rem, -50%, 0);
  }

  .fc__steps-item--4 .fc__steps-item-content,
  .fc__steps-item--10 .fc__steps-item-content {
    grid-column: 2/span 2;
  }

  .fc__steps-item--5 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 120px;
    grid-template-rows: minmax(280px, 1fr) auto 120px;
  }

  .fc__steps-item--5 .fc__steps-image-wrap {
    grid-column: 1/span 3;
    grid-row: 1/span 3;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }

  .fc__steps-item--5 .fc__steps-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .fc__steps-item--5 .fc__steps-item-content {
    grid-column: 2/span 1;
    grid-row: 2;
    padding: calc(var(--basePadding) * 4);
  }

  .fc__steps-item--5 .fc__steps-number {
    left: 0;
    top: 0;
    transform: translate3d(calc(var(--basePadding) * -4), calc(var(--basePadding) * -4), 0);
  }

@supports not ((-webkit-clip-path: inset(0)) or (clip-path: inset(0))) {
    .fc__steps-item--5 .fc__steps-img {
      position: static;
      top: unset;
      left: unset;
      width: 100%;
      height: unset;
    }
}

  .fc__steps-item--6 {
    grid-template-columns: repeat(3, 86.6666666667px) repeat(3, minmax(0, 1fr));
    background: #E87217;
    grid-template-rows: 1fr auto 120px;
  }

  .fc__steps-item--6 .fc__steps-image-wrap {
    grid-column: 4/span 3;
    grid-row: 1/span 3;
  }

  .fc__steps-item--6 .fc__steps-item-content {
    grid-column: 3/span 2;
    grid-row: 2;
    padding: calc(var(--basePadding) * 4);
    background: white;
  }

  .fc__steps-item--6 .fc__steps-number {
    left: 0;
    top: 0;
    transform: translate3d(calc(var(--basePadding) * -4), calc(var(--basePadding) * -4), 0);
    background: #101F44;
  }

  .fc__steps-item--7 {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  }

  .fc__steps-item--7 .fc__steps-image-wrap {
    grid-column: 2;
    grid-row: 1;
  }

  .fc__steps-item--7 .fc__steps-item-content {
    grid-row: 1;
    grid-column: 1;
  }

  .fc__steps-item--7 .fc__steps-number {
    top: 50%;
    left: unset;
    right: 0;
    transform: translate3d(4rem, -50%, 0);
  }
}

@supports not (aspect-ratio: 480/360) {
  .fc__steps-aspectratio {
    position: relative;
    padding-top: 75%;
  }

  .fc__steps-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

@media only screen and (min-width: 768px) {
    .fc__steps-aspectratio {
      padding: 0;
      height: 100%;
    }

    .fc__steps-img {
      position: unset;
      height: unset;
    }
}
}

.fc__congrats {
  padding: var(--basePadding2x);
  color: white;
  background-color: #101F44;
  background: linear-gradient(to bottom, rgba(16, 31, 68, 0.8), rgba(16, 31, 68, 0.8)), url("/images/site/financing-checklist/congrats-image.jpg") no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .fc__congrats {
    text-align: center;
    align-items: center;
    justify-content: center;
  }
}

.fc__title--congrats,
.fc_congrats-content,
.fc_congrats-content p {
  color: white;
}

.fc_congrats-content,
.fc_congrats-content p {
  font-size: 1.125rem;
}

.fc__title--congrats span {
  display: none;
}

.fc__congrats .fc__steps-number {
  position: static;
  margin: 0;
  margin-right: var(--basePadding);
  transform: unset;
}

.fc__title--congrats {
  font-size: 2.5rem;
  text-transform: uppercase;
  margin-bottom: var(--basePadding);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .fc__title--congrats {
    justify-content: center;
  }
}

.fc__title--congrats .fc__steps-number {
  margin-bottom: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .fc__congrats {
    height: 600px;
  }

  .fc__title--congrats span {
    display: inline;
  }
}

@media only screen and (min-width: 992px) {
  .fc__congrats {
    background-attachment: fixed;
  }
}

.hero--nvu {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.hero--nvu .hero__title {
  line-height: 0.8;
}

.nvu__vs,
.nvu__used {
  font-size: 1.875rem;
  font-style: italic;
  text-shadow: 0 0 var(--basePadding) rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}

.nvu__used {
  font-size: 3.75rem;
  font-style: unset;
  letter-spacing: 1rem;
  font-weight: 700;
}

.nvu {
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .nvu__vs {
    font-size: 3.75rem;
  }

  .nvu__used {
    font-size: 7.5rem;
  }
}

.lead--nvu {
  text-align: center;
}

.lead--nvu .lead__title,
.lead--nvu p.lead__title {
  color: #101F44;
  font-size: 1.0625rem;
  line-height: 1.3;
  margin-bottom: 0;
}

.lead__title + .lead__title {
  margin-bottom: var(--basePadding2x);
}

.lead__title + p {
  margin-top: var(--basePadding);
}

@media only screen and (min-width: 768px) {
  .lead--nvu .lead__title,
  .lead--nvu p.lead__title {
    font-size: 1.375rem;
  }

  .lead--nvu.lead :matches(p, li) {
    font-size: 1.125rem;
  }

  .lead--nvu.lead,
  .lead--nvu.lead :is(p, li) {
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 992px) {
  .lead--nvu .lead__title,
  .lead--nvu.lead p.lead__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}

.nvu__section {
  padding: var(--basePadding2x) 0;
}

.nvu__title {
  display: flex;
  align-items: center;
  margin-bottom: var(--basePadding);
  letter-spacing: unset;
  color: #101F44;
  font-size: 1.5rem;
}

.nvu__title--icon {
  margin-right: var(--basePadding);
}

.nvu__title--icon svg {
  width: 45px;
}

.nvu__section-content {
  position: relative;
  padding: calc(var(--basePadding) * 4) var(--basePadding2x);
  z-index: 1;
}

.nvu_section-content :matches(p, li) {
  font-size: 1rem;
  line-height: 1.7;
}

.nvu_section-content,
.nvu_section-content :is(p, li) {
  font-size: 1rem;
  line-height: 1.7;
}

.nvu_section-content :matches(p:last-child, li:last-child) {
  margin-bottom: 0;
}

.nvu_section-content :is(p:last-child, li:last-child) {
  margin-bottom: 0;
}

.nvu__section--dark {
  background: #101F44;
  color: white;
}

.nvu__section--dark :matches(p, li, .nvu__title) {
  color: white;
}

.nvu__section--dark :is(p, li, .nvu__title) {
  color: white;
}

.nvu__section--dark svg {
  fill: white;
}

.nvu__section-image-wrap {
  position: relative;
}

.nvu__section-aspectratio {
  position: relative;
  overflow: hidden;
}

.nvu__section-img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.nvu__swoosh {
  position: relative;
  width: 100%;
  height: 160px;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .nvu__swoosh {
    position: absolute;
    height: 100%;
  }
}

.nvu__swoosh-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  stroke-width: 4;
}

@media only screen and (min-width: 768px) {
  .nvu__swoosh-svg {
    top: 50%;
    height: auto;
    stroke-width: 3;
    transform: translateY(-50%);
  }
}

@media only screen and (min-width: 992px) {
  .nvu__swoosh-svg {
    top: 0;
    stroke-width: 2;
    transform: none;
  }
}

@media only screen and (min-width: 1276px) {
  .nvu__swoosh-svg {
    stroke-width: 1;
  }
}

.nvu__swoosh-image {
  opacity: 0;
  transition: opacity 2s 3s ease-out;
}

.nvu__swoosh-path {
  transition: stroke-dashoffset 4s ease-in-out;
}

.nvu__swoosh-svg--animate path.nvu__swoosh-path {
  stroke-dashoffset: 0;
}

.nvu__swoosh-svg--animate .nvu__swoosh-image {
  opacity: 1;
}

.nvu__section--best-value {
  position: relative;
  padding-bottom: 0;
}

.nvu__section--best-value .nvu__section-content {
  padding-bottom: 0;
}

.nvu__section--best-value .nvu__swoosh {
  margin-bottom: -70px;
}

.nvu__section--best-value .nvu__swoosh-path {
  stroke-dasharray: 4003.74;
  stroke-dashoffset: 4003.74;
}

@media only screen and (min-width: 768px) {
  .nvu__section--best-value {
    padding-bottom: var(--basePadding2x);
  }

  .nvu__section--best-value .nvu__section-content {
    padding-bottom: calc(var(--basePadding) * 4);
  }

  .nvu__section--best-value .nvu__swoosh {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) {
  .nvu__section--best-value {
    top: 120px;
    transform: none;
  }
}

.nvu__section--latest-tech {
  position: relative;
}

.nvu__section--latest-tech .nvu__swoosh {
  margin-bottom: -40px;
}

.nvu__section--latest-tech .nvu__swoosh-path {
  stroke-dasharray: 3602.86;
  stroke-dashoffset: 3602.86;
}

@media only screen and (min-width: 768px) {
  .nvu__section--latest-tech .nvu__swoosh {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) {
  .nvu__section--latest-tech .nvu__swoosh {
    top: -100px;
  }
}

.nvu__section--low-maintenance {
  position: relative;
  padding-bottom: 0;
}

.nvu__section--low-maintenance .nvu__section-content {
  padding-bottom: 0;
}

.nvu__section--low-maintenance .nvu__swoosh {
  margin-bottom: -40px;
}

.nvu__section--low-maintenance .nvu__swoosh-path {
  stroke-dasharray: 4003.74;
  stroke-dashoffset: 4003.74;
}

@media only screen and (min-width: 768px) {
  .nvu__section--low-maintenance {
    padding-bottom: var(--basePadding2x);
  }

  .nvu__section--low-maintenance .nvu__section-content {
    padding-bottom: calc(var(--basePadding) * 4);
  }

  .nvu__section--low-maintenance .nvu__swoosh {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) {
  .nvu__section--low-maintenance .nvu__swoosh {
    top: 30px;
  }
}

.nvu__section--energy-efficient {
  padding-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .nvu__section--energy-efficient {
    margin-top: 100px;
  }

  .nvu__section--energy-efficient .nvu__section-img {
    position: relative;
    z-index: 1;
  }
}

.nvu__section--personalized .swoosh {
  color: #767676;
}

@media only screen and (min-width: 768px) {
  .nvu__section--healthier {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .nvu__section {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    padding: var(--basePadding2x) 0;
  }

  .nvu__section--dark {
    padding: calc(var(--basePadding) * 4) 0;
  }

  .nvu__section-aspectratio {
    aspect-ratio: unset;
  }

  .nvu__title-text {
    font-size: 1.875rem;
  }

  .nvu_section-content :matches(p, li) {
    font-size: 1.125rem;
  }

  .nvu_section-content,
  .nvu_section-content :is(p, li) {
    font-size: 1.125rem;
  }

  .nvu__section--new-home-warranty .nvu__section-image-wrap,
  .nvu__section--energy-efficient .nvu__section-image-wrap {
    grid-column: 1;
    grid-row: 1;
  }

  .nvu__section--new-home-warranty .nvu__section-content,
  .nvu__section--energy-efficient .nvu__section-content {
    grid-column: 2;
    grid-row: 1;
  }

  .nvu__section--new-home-warranty .nvu__section-image-wrap,
  .nvu__section--energy-efficient .nvu__section-image-wrap {
    margin-left: calc(var(--basePadding) * -8);
  }

  .nvu__section--energy-efficient {
    margin-bottom: 0;
  }

  .nvu__section--personalized,
  .nvu__section--healthier {
    padding: unset;
    position: relative;
    z-index: 1;
  }

  .nvu__section--personalized .nvu__section-image-wrap,
  .nvu__section--healthier .nvu__section-image-wrap {
    align-self: stretch;
  }

  .nvu__section--personalized .nvu__section-aspectratio,
  .nvu__section--healthier .nvu__section-aspectratio {
    height: 100%;
  }

  .nvu__section--personalized .nvu__section-img,
  .nvu__section--healthier .nvu__section-img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    height: 100%;
    width: 100%;
  }

  .nvu__section--personalized .nvu__section-image-wrap {
    grid-column: 1;
    grid-row: 1;
  }

  .nvu__section--personalized .nvu__section-content {
    grid-row: 1;
    grid-column: 2;
    text-align: right;
  }

  .nvu__section--personalized .nvu__title {
    justify-content: flex-end;
  }

  .nvu__section--healthier .nvu__section-img {
    -o-object-position: center right;
       object-position: center right;
  }
}

@media only screen and (min-width: 992px) {
  .nvu__section {
    padding: calc(var(--basePadding) * 4) calc(var(--basePadding) * 4);
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  }

  .nvu__section-content {
    padding: calc(var(--basePadding) * 5);
  }

  .nvu__section--dark {
    padding: calc(var(--basePadding) * 8);
  }

  .nvu__title {
    margin-bottom: calc(var(--basePadding) * 3);
  }

  .nvu_section-content :matches(p, li) {
    line-height: 1.9;
  }

  .nvu_section-content,
  .nvu_section-content :is(p, li) {
    line-height: 1.9;
  }

  .nvu__section--new-home-warranty,
  .nvu__section--energy-efficient {
    margin-left: calc(var(--basePadding) * -8);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  }

  .nvu__section--new-home-warranty .nvu__section-content,
  .nvu__section--energy-efficient .nvu__section-content {
    padding-left: calc(var(--basePadding) * 8);
  }

  .nvu__section--new-home-warranty {
    margin-bottom: calc(var(--basePadding) * -8);
  }

  .nvu__section--new-home-warranty .nvu__section-content {
    padding-top: 0;
    margin-top: calc(var(--basePadding) * -8);
  }

  .nvu__section--personalized,
  .nvu__section--healthier {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) 120px;
    grid-template-rows: minmax(360px, 1fr) auto 120px;
    padding: 0;
  }

  .nvu__section--personalized .nvu__section-image-wrap,
  .nvu__section--healthier .nvu__section-image-wrap {
    grid-column: 1/span 3;
    grid-row: 1/span 3;
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }

  .nvu__section--personalized .nvu__section-img,
  .nvu__section--healthier .nvu__section-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

  .nvu__section--personalized .nvu__section-content,
  .nvu__section--healthier .nvu__section-content {
    box-shadow: 0 0 var(--basePadding) rgba(0, 0, 0, 0.2);
    grid-column: 2/span 1;
    grid-row: 2;
    position: relative;
    z-index: 2;
    padding: calc(var(--basePadding) * 5);
    background: white;
  }

@supports not ((-webkit-clip-path: inset(0)) or (clip-path: inset(0))) {
    .nvu__section--personalized .nvu__section-img,
    .nvu__section--healthier .nvu__section-img {
      position: static;
      top: unset;
      left: unset;
      width: 100%;
      height: unset;
    }
}

  .nvu__section--personalized .nvu__section-aspectratio {
    background: red url("/images/site/new-vs-used/personalized-image.jpg") center no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .nvu__section--healthier {
    grid-template-columns: 120px minmax(0, 1fr) minmax(0, 1fr) 120px;
    grid-template-rows: minmax(0, 120px) auto minmax(0, 120px);
  }

  .nvu__section--healthier .nvu__section-image-wrap {
    grid-column: 1/span 4;
  }

  .nvu__section--healthier .nvu__section-content {
    background: white;
  }
}

@media screen and (max-width: 767px) {
  .nvu__mobile-image,
  .nvu__section-image-wrap {
    padding: 0 var(--basePadding2x);
  }

  .nvu__mobile-image + figcaption {
    margin-top: -150px;
    background: white;
  }

  .nvu__section--dark .nvu__mobile-image + figcaption {
    background: #101F44;
  }
}

.bn__with {
  font-style: italic;
  text-transform: uppercase;
  font-size: 1.75rem;
}

.hero--bn {
  background-position: bottom center;
}

.bn__hh {
  line-height: 0.6;
}

@media only screen and (min-width: 992px) {
  .bn__with {
    font-size: 2.5rem;
  }

  .bn__hh {
    line-height: 1;
    margin-top: var(--basePadding);
  }

  .bn__hh svg {
    height: 44px;
    width: auto;
  }
}

.lead--bn {
  text-align: center;
}

.lead--bn .lead__title {
  letter-spacing: unset;
  color: #101F44;
  margin-bottom: var(--basePadding);
}

.lead--bn .lead__text {
  font-size: 1.125rem;
  margin-bottom: 0;
}

.bn__content {
  padding: var(--basePadding2x);
}

@media only screen and (min-width: 992px) {
  .bn__content {
    padding: calc(var(--basePadding) * 6) calc(var(--basePadding) * 6);
  }
}

.bn__steps-item {
  text-align: center;
  margin-bottom: calc(var(--basePadding) * 4);
}

.bn__steps-item:last-child {
  margin-bottom: 0;
}

.bn__icon {
  margin-bottom: var(--basePadding2x);
}

.bn__icon svg {
  fill: #101F44;
  height: 49px;
}

.bn__steps-title {
  letter-spacing: unset;
  color: #101F44;
  font-size: 1.75rem;
  margin-bottom: var(--basePadding2x);
}

.bn__steps-item__left {
  margin-bottom: var(--basePadding);
}

.bn__steps-item__right {
  margin-top: calc(var(--basePadding) * 4);
}

.bn__cta {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .bn__cta {
    font-size: 1.0625rem;
  }
}

@media only screen and (min-width: 768px) {
  .bn__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--basePadding2x);
  }

  .bn__steps-item--full {
    grid-column: 1/span 3;
  }
}

@media only screen and (min-width: 992px) {
  .bn__steps {
    gap: calc(var(--basePadding) * 4);
  }

  .bn__steps-item {
    margin-bottom: 0;
  }

  .bn__steps-item--full {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 calc(var(--basePadding) * 8);
    text-align: left;
    margin-bottom: 0;
  }

  .bn__steps-item--full .bn__steps-title {
    grid-column: 1/span 2;
  }

  .bn__steps-text {
    font-size: 1.125rem;
  }

  .bn__steps-item__right {
    margin-top: 0;
  }
}

.bn__disclaimer {
  text-align: center;
  font-size: 0.9375rem;
}

.gs__hero-subtitle {
  font-size: 1.5rem;
  text-shadow: 0 0 var(--basePadding) rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-align: center;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .gs__hero-subtitle {
    font-size: 3.125rem;
  }
}

.lead--gs .gs__video {
  margin: 0 var(--basePadding2xN);
}

@media screen and (max-width: 767px) {
  .lead--gs {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .lead--gs :matches(p, li) {
    font-size: 1.125rem;
    line-height: 2rem;
  }

  .lead--gs,
  .lead--gs :is(p, li) {
    font-size: 1.125rem;
    line-height: 2rem;
  }

  .lead--gs p {
    margin-bottom: var(--basePadding2x);
  }
}

@media only screen and (min-width: 992px) {
  .lead--gs {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: calc(var(--basePadding) * 5);
  }

  .lead--gs .gs__video {
    margin: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .lead--gs {
    padding: calc(var(--basePadding) * 8);
  }
}

.gs__video,
.modal-video__aspect {
  aspect-ratio: 16/9;
  position: relative;
  background: #767676;
  line-height: 0;
}

@supports not (aspect-ratio: 16/9) {
  .gs__video,
  .modal-video__aspect {
    padding-top: 56.25%;
    position: relative;
  }

  .gs__video > *,
  .modal-video__aspect > * {
    position: absolute;
    top: 0;
    left: 0;
  }

  .modal-video__aspect > iframe {
    width: 100%;
    height: 100%;
  }
}

.gs__video-btn {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #E87217;
  color: white;
  border: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: 0.2s ease background;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gs__video-btn:hover,
.gs__video-btn:focus,
.gs__video-btn:active {
  background: #8c3c0d;
}

.gs__video-btn svg {
  fill: white;
  margin-left: 10px;
  pointer-events: none;
}

.gs__video-iframe {
  width: 100%;
  height: 100%;
}

.gs__section {
  padding: var(--basePadding2x);
}

.gs__section--dark {
  background: #101F44;
  color: white;
}

.gs__title {
  display: flex;
  align-items: center;
  margin-bottom: var(--basePadding);
  color: #101F44;
  letter-spacing: unset;
}

.gs__section--dark :matches(p, li, .gs__title) {
  color: white;
}

.gs__section--dark :matches(p, li, .gs__title) svg {
  fill: white;
}

.gs__section--dark :is(p, li, .gs__title) {
  color: white;
}

.gs__section--dark :is(p, li, .gs__title) svg {
  fill: white;
}

.gs__title--icon {
  display: inline-block;
  margin-right: calc(var(--basePadding) * 3);
  width: calc(var(--basePadding) * 3);
}

.gs__title--icon svg {
  color: #101F44;
}

.gs__section-text {
  padding-left: calc(var(--basePadding) * 6);
}

.gs__section-text :matches(p, li) {
  font-size: 1.125rem;
  line-height: 2rem;
}

.gs__section-text,
.gs__section-text :is(p, li) {
  font-size: 1.125rem;
  line-height: 2rem;
}

.gs__section-media-wrap {
  margin: var(--basePadding2x) var(--basePadding2xN) 0;
}

.gs__section-aspectratio {
  line-height: 0;
}

.gs__section-img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .gs__section {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .gs__section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    padding: calc(var(--basePadding) * 4) var(--basePadding2x);
  }

  .gs__section-media-wrap {
    margin: 0;
  }

  .gs__section-content {
    padding-right: var(--basePadding2x);
  }

  .gs__section--flip .gs__section-media-wrap {
    grid-column: 1;
    grid-row: 1;
  }

  .gs__section--flip .gs__section-content {
    grid-column: 2;
    grid-row: 1;
  }

  .gs__section--dark {
    padding: 0;
    margin-bottom: var(--basePadding2x);
  }

  .gs__section--dark .gs__section-media-wrap {
    align-self: stretch;
  }

  .gs__section--dark .gs__section-aspectratio {
    height: 100%;
  }

  .gs__section--dark .gs__section-img {
    width: 100%;
    height: 100%;
  }

  .gs__section--dark .gs__section-content {
    padding: var(--basePadding2x);
    padding-right: calc(var(--basePadding) * 6);
  }
}

@media only screen and (min-width: 992px) {
  .gs__section {
    gap: unset;
  }

  .gs__section-content {
    padding: calc(var(--basePadding) * 4) calc(var(--basePadding) * 8) calc(var(--basePadding) * 4) 0;
  }

  .gs__title {
    margin-bottom: var(--basePadding2x);
  }
}

@media only screen and (min-width: 1276px) {
  .gs__section:not(.gs__section--dark) {
    padding: calc(var(--basePadding) * 8);
  }

  .gs__section--dark .gs__section-content {
    padding-left: calc(var(--basePadding) * 8);
    padding-right: calc(var(--basePadding) * 8);
  }
}

.gs__footer {
  padding: var(--basePadding2x);
  color: white;
  background: #E87217;
  text-align: center;
}

.gs__footer-title {
  color: white;
  font-size: 1.875rem;
  text-align: center;
  margin-bottom: var(--basePadding2x);
}

.gs__footer-cta,
.gs__footer-cta:visited {
  border-radius: 27px;
  padding: var(--basePadding) var(--basePadding2x);
  color: white;
  border: 1px solid white;
  transition: 0.2s ease all;
  background: #E87217;
  font-size: 1.5rem;
}

.gs__footer-cta:hover,
.gs__footer-cta:focus,
.gs__footer-cta:active {
  background: white;
  color: #E87217;
}

@media only screen and (min-width: 992px) {
  .gs__footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--basePadding2x);
    align-items: center;
    text-align: left;
    padding: calc(var(--basePadding) * 4) var(--basePadding2x);
  }

  .gs__footer-title {
    margin: 0;
  }

  .gs__footer-right {
    text-align: right;
    justify-self: end;
  }

  .gs__footer-title {
    text-align: left;
  }
}

@media only screen and (min-width: 1276px) {
  .gs__footer {
    padding: calc(var(--basePadding) * 4) calc(var(--basePadding) * 8);
  }
}

.hero--diff {
  --overlayOpacity: 0.75;
}

.diff__hero-small {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: var(--basePadding);
}

@media only screen and (min-width: 768px) {
  .hero--diff {
    background-size: 100%;
    background-position: top center;
    padding-bottom: 60px;
  }

  .diff__hero-small {
    font-size: 1.375rem;
    letter-spacing: 2px;
  }
}

.tab-list--diff {
  line-height: 0;
}

.tab-list--diff .tab-list__content {
  background: #101F44;
  display: flex;
  align-items: stretch;
  justify-content: center;
  line-height: 0;
  position: relative;
  z-index: 2;
}

.tab-list--diff .tab-list__btn {
  margin: 0;
  border: 0;
  padding: var(--basePadding);
  color: white;
  transition: 0.2s ease all;
  line-height: 1;
}

.tab-list--diff .tab-list__btn:hover,
.tab-list--diff .tab-list__btn:focus {
  background: #101F44;
  color: white;
}

.tab-list--diff .tab-list__btn.active,
.tab-list--diff .tab-list__btn:active {
  background: white;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .tab-list--diff .tab-list__content {
    background: transparent;
    margin-top: -60px;
    height: 60px;
    position: relative;
  }
}

.tab-content--diff .tab__panel {
  display: none;
  scroll-margin-top: 200px;
}

.tab-content--diff .tab__panel.active {
  display: block;
}

.diff__section {
  position: relative;
  padding: var(--basePadding2x);
  overflow-x: hidden;
}

.diff__section .swoosh {
  color: #767676;
  opacity: 0.2;
}

.diff__img-wrap {
  margin: 0 var(--basePadding2xN);
}

.diff__left,
.diff__right,
.diff__content {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .diff__section {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: var(--basePadding2x);
    align-items: center;
  }

  .diff__section p {
    font-size: 1.125rem;
  }

  .diff__section--circle .diff__img-wrap {
    margin: 0 calc(var(--basePadding) * -3) 0 0;
  }

  .diff__section--overlap {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    padding: var(--basePadding2x) 0;
    position: relative;
  }

  .diff__section--overlap .diff__content {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    padding: calc(var(--basePadding) * 4);
    background: white;
    box-shadow: 30px 30px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
  }

  .diff__section--overlap .swoosh {
    color: #767676;
  }

  .diff__section--overlap .swoosh__svg {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleX(-1);
  }

  .diff__section--overlap .diff__img-wrap {
    grid-column: 1/span 2;
    grid-row: 1;
  }

  .diff__section--overlap .diff__img {
    -o-object-position: center center;
       object-position: center center;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media only screen and (min-width: 1276px) {
  .diff__section {
    gap: calc(var(--basePadding) * 8);
    padding: calc(var(--basePadding) * 8);
  }

  .diff__section--circle .diff__img-wrap {
    margin-right: calc(var(--basePadding) * -9);
  }

  .diff__section--overlap {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    grid-template-rows: calc(var(--basePadding) * 8) auto calc(var(--basePadding) * 8);
    gap: 0 calc(var(--basePadding) * 8);
    padding: 0 0;
    overflow: hidden;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
  }

  .diff__section--overlap .diff__content {
    grid-column: 2;
    grid-row: 2;
    position: relative;
    padding: calc(var(--basePadding) * 4);
    margin-right: calc(var(--basePadding) * 8);
  }

  .diff__section--overlap .diff__img-wrap {
    grid-column: 1/span 2;
    grid-row: 1/span 3;
    overflow: hidden;
  }

  .diff__section--overlap .diff__img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale3d(1, 1, 1);
  }
}

.diff__iframe-wrap {
  aspect-ratio: 820/620;
}

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

@media only screen and (min-width: 768px) {
  .diff__section--ctq-intro {
    display: block;
  }

  .diff__section--overlap-ctq .diff__content {
    box-shadow: 30px 30px 40px rgba(0, 0, 0, 0.25);
  }
}

@media only screen and (min-width: 992px) {
  .diff__section--ctq-intro {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
  }

  .diff__section--overlap-ctq {
    background: url("/images/site/how-were-different/discover-the-difference-image") bottom center no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .diff__section--overlap-ctq .diff__img {
    -o-object-position: bottom center;
       object-position: bottom center;
  }
}

.diff__ctq-panels {
  padding: var(--basePadding2x);
}

.diff__ctq-panel {
  margin-bottom: calc(var(--basePadding) * 4);
}

.diff__ctq-panel-title {
  display: flex;
  align-items: center;
  font-size: 1.75rem;
}

.diff__ctq-icon {
  margin-right: calc(var(--basePadding) * 2);
}

.diff__ctq-panel-list li {
  list-style: disc;
  padding-left: 1rem;
}

.diff__ctq-panel:last-of-type {
  margin-bottom: 0;
}

.diff__disclaimer {
  margin-top: var(--basePadding2x);
  color: #767676;
}

@supports not (aspect-ratio: 16/9) {
  .diff__iframe-wrap {
    padding-top: 56.25%;
    position: relative;
  }

  .diff__iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .diff__ctq-panels {
    padding: calc(var(--basePadding) * 4) calc(var(--basePadding) * 8);
  }

  .diff__ctq-panel {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-gap: var(--basePadding2x);
  }
}

.diff__footer {
  padding: var(--basePadding2x);
}

.diff__footer .grid {
  display: block;
}

@media only screen and (min-width: 992px) {
  .diff__footer .grid--2 {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: calc(var(--basePadding) * 8);
    justify-content: start;
    align-items: center;
  }

  .diff__cta {
    padding-left: calc(var(--basePadding) * 3);
    padding-right: calc(var(--basePadding) * 3);
  }
}

@media only screen and (min-width: 1276px) {
  .diff__footer {
    padding: calc(var(--basePadding) * 8);
  }
}

.fs__hero {
  position: relative;
  background: #eee;
  padding: var(--basePadding2x);
  overflow-x: hidden;
}

.fs__hero .swoosh {
  color: #767676;
}

.fs__lead {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 2.5rem;
  line-height: 1;
  color: #101F44;
}

.fs__text {
  line-height: 1.5;
}

.fs__hero-left {
  position: relative;
}

.fs__hero-right {
  position: relative;
  margin-right: var(--basePadding2xN);
}

.fs__hero-img-wrap:first-child {
  position: relative;
  z-index: 2;
}

.fs__hero-img-wrap + .fs__hero-img-wrap {
  margin-top: -75px;
}

@media only screen and (min-width: 1276px) {
  .fs__hero-img-wrap + .fs__hero-img-wrap {
    margin-top: -6vw;
    margin-left: var(--basePadding);
  }
}

.fs__hero-right-img-btn {
  border: 0;
  padding: 0;
  cursor: pointer;
  transition: 0.3s ease transform;
}

.fs__hero-right-img-btn:hover {
  transform: rotate(3deg);
}

@media only screen and (min-width: 768px) {
  .fs__lead {
    font-size: 3.25rem;
    margin-bottom: calc(var(--basePadding) * 3);
  }

  .fs__text {
    font-size: 1.125rem;
    line-height: 2;
  }
}

@media only screen and (min-width: 992px) {
  .fs__hero {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .fs__hero {
    gap: calc(var(--basePadding) * 8);
  }

  .fs__hero-left {
    padding: calc(var(--basePadding) * 8);
    padding-right: 0;
  }

  .fs__lead {
    margin-bottom: calc(var(--basePadding) * 4);
  }
}

.tab-list--fs {
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #767676;
}

.tab-list--fs::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.3));
  opacity: 0.2;
}

.tab-list--fs .tab-list__btn {
  position: relative;
  border: 0;
  padding: var(--basePadding) var(--basePadding2x);
  background: none;
  width: 100%;
  border-bottom: 1px solid white;
  color: #101F44;
}

.tab-list--fs .tab-list__btn:visited {
  color: #101F44;
}

.tab-list--fs .tab-list__btn.active {
  color: #101F44;
  background: white;
}

@media only screen and (min-width: 768px) {
  .tab-list--fs .tab-list__btn {
    width: unset;
    border-bottom: 0px solid white;
  }
}

.tab-content--fs .tab__panel {
  scroll-margin: 200px;
}

.fs__panel {
  padding: var(--basePadding2x);
}

.fs__cta {
  font-size: 1rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .fs__panel {
    padding: calc(var(--basePadding) * 4);
  }

  .fs__panel p {
    font-size: 1.125rem;
    line-height: 1.8;
  }

  .fs__cta {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 1276px) {
  .fs__panel {
    padding: calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 768px) {
  .fs__panel--2col {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: var(--basePadding2x);
  }

  .fs__panel--2col .fs__panel-left {
    margin-left: calc(var(--basePadding) * -4);
  }

  .fs__panel--2col .fs__panel-img + .fs__panel-img {
    margin-top: calc(var(--basePadding) * -8);
  }

  .fs__panel--2col .fs__panel-right p,
  .fs__panel--2col .fs__panel-right li,
  .fs__panel--2col .fs__panel-right {
    font-size: 1.125rem !important;
    line-height: 1.8;
  }
}

@media only screen and (min-width: 992px) {
  .fs__panel--2col {
    grid-template-columns: 450px minmax(0, 1fr);
  }

  .fs__panel--2col .fs__panel-left {
    margin-left: calc(var(--basePadding) * -8);
  }
}

@media only screen and (min-width: 1276px) {
  .fs__panel--2col {
    gap: calc(var(--basePadding) * 8);
    padding: calc(var(--basePadding) * 6) calc(var(--basePadding) * 8);
  }
}

.img-overlap__name {
  margin-bottom: 0;
  color: #101F44;
  font-weight: 700;
}

.img-overlap__year {
  font-size: 1.25rem;
  color: #767676;
  margin-bottom: var(--basePadding2x);
}

.fs__intro {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .fs__intro {
    margin-bottom: calc(var(--basePadding) * 6);
  }

  .fs__intro p,
  .fs__intro li {
    font-size: 1.125rem;
    margin-bottom: calc(var(--basePadding) * 3);
  }
}

.fs__lead--cg {
  font-family: var(--fontBase);
  margin-bottom: var(--basePadding2x);
  font-size: 1.25rem;
  line-height: 1.5;
}

@media only screen and (min-width: 768px) {
  .fs__lead--cg {
    font-size: 1.5rem;
    margin-bottom: calc(var(--basePadding) * 3);
  }
}

@media only screen and (min-width: 992px) {
  .fs__charitites-item .img-overlap__caption {
    padding-top: calc(var(--basePadding) * 3);
    padding-bottom: calc(var(--basePadding) * 3);
  }

  .fs__charitites-item .img-overlap__top {
    display: flex;
    margin-bottom: var(--basePadding2x);
    justify-content: space-between;
  }

  .fs__charitites-item .img-overlap__year {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .fs__charitites-item .img-overlap__caption {
    padding-top: calc(var(--basePadding) * 3);
    padding-bottom: calc(var(--basePadding) * 3);
  }
}

.fs__panel--raf a {
  color: #E87217;
}

.fs__panel--raf a:hover {
  color: #8c3c0d;
}

.fs__panel--raf .fs__panel-img + .fs__panel-img {
  margin-top: calc(var(--basePadding) * -5);
}

.hh {
  background: #F2EADE;
}

.hh .fs__hero-right-img {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .hh {
    font-size: 1.125rem;
  }

  .hh blockquote,
  .hh p,
  .hh li {
    font-size: 1.125rem;
  }
}

.hh__intro {
  position: relative;
  margin-bottom: calc(var(--basePadding) * 2);
  padding: var(--basePadding2x);
  text-align: center;
}

.hh__intro .swoosh {
  top: 0;
  overflow: visible;
  color: #767676;
}

.hh__intro .swoosh__svg {
  width: 100%;
  height: auto;
}

.hh__title {
  font-family: var(--fontScript);
  margin-bottom: var(--basePadding);
  line-height: 1.3;
  font-size: 3.125rem;
}

.hh__lead {
  font-size: 1.125rem;
}

@media only screen and (min-width: 768px) {
  .hh__title {
    font-size: 8.125rem;
  }

  .hh__lead {
    font-size: 1.5rem;
    line-height: 2;
  }
}

@media only screen and (min-width: 1276px) {
  .hh__intro {
    margin-bottom: calc(var(--basePadding) * 2);
    padding: calc(var(--basePadding) * 8);
    padding-bottom: 0;
  }
}

.hh-columns__item {
  --bgColor: white;
  background: var(--bgColor);
  margin-bottom: var(--basePadding2x);
}

.hh-columns__item:nth-child(2n) {
  --bgColor: #333;
}

.hh-columns__item:nth-child(3n) {
  --bgColor: #101F44;
}

.hh-columns__item:nth-child(2n) blockquote,
.hh-columns__item:nth-child(2n) p,
.hh-columns__item:nth-child(2n) li,
.hh-columns__item:nth-child(3n) blockquote,
.hh-columns__item:nth-child(3n) p,
.hh-columns__item:nth-child(3n) li {
  color: white;
}

.hh-columns__item:nth-child(2n) .hh-columns__quote::before,
.hh-columns__item:nth-child(3n) .hh-columns__quote::before {
  color: white;
  opacity: 0.1;
}

.hh-columns__media-wrap {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  line-height: 0;
}

.hh-columns__media-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  line-height: 0;
}

.hh-columns__media-btn .fs__hero-right-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.hh-columns__media-btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.hh-columns__media-btn::after {
  width: 62px;
  height: 62px;
  display: block;
  content: "";
  background: white;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 36% 100%, 35% 27%, 75% 49%, 75% 49%, 35% 76%, 30% 100%, 100% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 0% 100%, 36% 100%, 35% 27%, 75% 49%, 75% 49%, 35% 76%, 30% 100%, 100% 100%, 100% 0%);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: 0.3s ease all;
}

.hh-columns__media-btn:hover::after {
  background: #E87217;
}

.hh-columns__name {
  font-style: italic;
  font-weight: 700;
}

.hh-columns__name::before {
  content: "- ";
  display: inline-block;
  margin-right: 5px;
}

.hh-columns__quote {
  position: relative;
  padding: var(--basePadding2x);
}

.hh-columns__quote::before {
  content: "\201C";
  display: block;
  font-size: 12.5rem;
  color: #eee;
  position: absolute;
  top: 90px;
  left: 5px;
  line-height: 0;
}

.hh-columns__quote > * {
  position: relative;
}

.hh-columns {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .hh-columns {
    min-height: 70vh;
    padding: calc(var(--basePadding) * 4);
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-width: auto;
         column-width: auto;
    -moz-column-gap: calc(var(--basePadding) * 2);
         column-gap: calc(var(--basePadding) * 2);
    -moz-column-span: all;
         column-span: all;
  }

  .hh-columns > * {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }

  .hh-columns__item {
    margin-bottom: calc(var(--basePadding) * 2);
    display: inline-block;
    width: 100%;
  }

  .hh-columns__quote {
    position: relative;
    padding: calc(var(--basePadding) * 2);
  }

  .hh-columns__quote::before {
    top: 135px;
    left: 15px;
    font-size: 15.625rem;
  }
}

@media only screen and (min-width: 1276px) {
  .hh-columns {
    padding: calc(var(--basePadding) * 4) calc(var(--basePadding) * 8);
    -moz-column-count: 3;
    column-count: 3;
  }

  .hh-columns__quote {
    padding: calc(var(--basePadding) * 3);
  }
}

.hero--realtors .hero__title {
  align-items: center;
  display: flex;
  justify-content: center;
}

.hero--realtors sup {
  font-size: 2.5rem;
}

@media only screen and (min-width: 768px) {
  .hero--realtors sup {
    font-size: 5.625rem;
  }
}

.hero--realtors svg {
  margin: 0 var(--basePadding2x);
}

@media screen and (max-width: 767px) {
  .hero--realtors svg {
    margin: 0 var(--basePadding);
    width: 50px;
    height: 50px;
  }
}

.lead--realtors {
  background: white;
  text-align: center;
}

.lead--realtors p {
  color: #101F44;
}

.lead--realtors p:last-of-type {
  margin: 0;
}

.realtors__reg {
  padding: var(--basePadding2x);
  background: #eee;
}

.realtors__reg-title {
  color: #101F44;
  margin-bottom: var(--basePadding2x);
  font-size: 1.25rem;
  font-weight: 700;
}

.realtors__step {
  position: relative;
  margin-bottom: var(--basePadding2x);
}

.realtors__step-title {
  display: flex;
  align-items: center;
  margin-bottom: var(--basePadding);
  line-height: 2rem;
}

.realtors__step-num {
  border-radius: 50%;
  background: #E87217;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  margin-right: var(--basePadding);
}

@media only screen and (min-width: 768px) {
  .realtors__step-num {
    width: 65px;
    height: 65px;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .realtors__step-num {
    width: 80px;
    height: 80px;
    font-size: 2.5rem;
  }
}

.realtors__step-title-text {
  flex: 1 0 0;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 1.125rem;
}

.realtors__reg-box {
  padding: var(--basePadding);
  border: 1px solid #979797;
  margin-bottom: var(--basePadding);
}

.search-realtors__msg {
  margin: var(--basePadding) 0;
  border: 1px solid #ba5512;
  padding: var(--basePadding);
  color: #ba5512;
  text-align: center;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.2;
}

.search-realtors__label,
.realtors__form-title {
  font-size: 1rem;
  text-transform: uppercase;
}

.realtors__reg-outro,
.realtors__reg-outro p {
  color: #101F44;
  line-height: 1.8;
}

.search-realtors__search {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
}

.search-realtors__input {
  padding: 5px 15px;
  background: none;
  border: 1px solid #767676;
  border-left: 0;
  margin: 0;
  grid-row: 1;
  grid-column: 2;
  font-size: 17px;
}

.search-realtors__input:focus {
  font-size: 17px;
}

.search-realtors__btn-icon {
  pointer-events: none;
  grid-row: 1;
  grid-column: 1;
  border: 1px solid #767676;
  border-right: 0;
  padding: 0 var(--basePadding);
  display: flex;
  align-items: center;
}

.search-realtors__btn-icon svg {
  fill: #AAA;
  width: 24px;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .realtors__reg {
    padding: calc(var(--basePadding) * 4);
  }

  .realtors__reg p {
    font-size: 1.125rem;
    line-height: 2rem;
  }

  .realtors__reg-right p {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .realtors__reg-title {
    color: #101F44;
    margin-bottom: calc(var(--basePadding) * 4);
    font-size: 1.4rem;
    line-height: 2.5rem;
  }

  .realtors__reg-right .realtors__reg-title {
    margin-bottom: var(--basePadding);
  }
}

@media only screen and (min-width: 992px) {
  .realtors__reg {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 480px;
    gap: calc(var(--basePadding) * 4);
  }

  .realtors__step {
    margin-bottom: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .realtors__reg {
    padding: calc(var(--basePadding) * 8);
    gap: calc(var(--basePadding) * 8);
  }

  .realtors__step {
    position: relative;
    padding-left: calc(80px + var(--basePadding) * 3);
  }

  .realtors__step-num {
    margin-right: calc(var(--basePadding) * 3);
    position: absolute;
    top: 0;
    left: 0;
  }

  .realtors__step-title {
    margin-bottom: 0;
  }
}

.realtors__title {
  font-weight: 700;
  color: #101F44;
}

.realtors__commitment {
  padding: var(--basePadding2x);
}

.realtors__commitment .realtors__title {
  margin-bottom: 1em;
}

@media only screen and (min-width: 992px) {
  .realtors__commitment .realtors__title {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  .realtors__commitment {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .realtors__commitment {
    padding: calc(var(--basePadding) * 8);
  }
}

.realtors__commitment-list li {
  list-style: disc;
  margin-bottom: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .realtors__commitment-list li {
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 992px) {
  .realtors__commitment-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding: calc(var(--basePadding) * 4);
    gap: 0 calc(var(--basePadding) * 8);
  }
}

.realtors__tmls {
  background: #F2EADE;
}

@media only screen and (min-width: 768px) {
  .realtors__tmls .carousel__inner {
    padding: 0;
  }

  .realtors__tmls .carousel__controls {
    position: relative;
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 992px) {
  .realtors__tmls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  }
}

.realtors__tmls .realtors__title {
  font-family: var(--fontScript);
  font-size: 3.125rem;
  margin-bottom: var(--basePadding2x);
  font-weight: 400;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .realtors__tmls .realtors__title {
    font-size: 4.375rem;
  }
}

.realtors__tmls-right {
  padding: calc(var(--basePadding) * 2);
}

@media only screen and (min-width: 768px) {
  .realtors__tmls-right {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .realtors__tmls-right {
    padding: calc(var(--basePadding) * 8);
  }
}

.tmls__name {
  margin-top: var(--basePadding2x);
  font-weight: 700;
  font-style: italic;
}

.tmls__name::before {
  content: "- ";
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (min-width: 768px) {
  .tmls__quote {
    padding: 0 15px;
    font-size: 1.125rem;
  }

  .tmls__quote p {
    font-size: 1.125rem;
  }
}

.hero--raf small {
  text-transform: uppercase;
  font-family: var(--fontBase);
  font-size: 1.25rem;
}

@media only screen and (min-width: 768px) {
  .hero--raf small {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 768px) {
  .hero--raf .hero__title {
    margin-top: -3vw;
  }
}

.raf__form-wrap {
  padding: var(--basePadding2x);
}

.raf__form-title {
  font-size: 1.25rem;
  color: #101F44;
}

.raf__form .form-radio-group__list {
  padding: 0;
  display: flex;
}

.raf__form-left-homeowner .form-radio-group__list {
  display: block;
}

.raf__form {
  padding: 0;
}

.raf__form-left-homeowner .form-radio-group__label {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .raf__form-wrap {
    padding: calc(var(--basePadding) * 4);
  }

  .raf__form-wrap .hh-form__main {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--basePadding);
  }
}

@media only screen and (min-width: 992px) {
  .raf__form > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 calc(var(--basePadding) * 4);
    grid-auto-flow: dense;
  }

  .raf__form .hh-form__header,
  .raf__form .hh-form__main,
  .raf__left-additional {
    grid-column: 1;
  }

  .raf__right-addtional,
  .raf__form .hh-form__group--textarea {
    grid-column: 2;
  }

  .raf__right-addtional {
    grid-row: 1;
  }

  .raf__form .hh-form__footer {
    grid-column: 1/span 2;
  }

  .raf__address {
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: var(--basePadding);
  }
}

@media only screen and (min-width: 1276px) {
  .raf__form-wrap {
    padding: calc(var(--basePadding) * 8);
  }
}

.marketing {
  --height: 600;
  --width: 1440;
}

.marketing hr {
  border: 0;
  border-top: 1px solid #ccc;
}

.mlp__hero-img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  width: 100%;
  height: auto;
}

.mlp__callout .call-out-title__line-1 {
  margin-bottom: 4px;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.08333em;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .mlp__callout .call-out-title__line-1 {
    font-size: 1.5rem;
  }
}

.mlp__callout .call-out-title__line-2 {
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.00725em;
}

@media only screen and (min-width: 768px) {
  .mlp__callout .call-out-title__line-2 {
    font-size: 1.875rem;
  }
}

@media only screen and (min-width: 992px) {
  .mlp__callout .call-out-title__line-2 {
    font-size: 2.5rem;
  }
}

.mlp__callout .call-out-title__title {
  align-items: center;
  padding-bottom: 0;
  text-align: center;
  white-space: normal;
  display: grid;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .mlp__callout .call-out-title__title {
    padding: 20px;
  }
}

.mlp__callout .call-out-title__content {
  text-align: left;
  line-height: 1.3;
}

.mlp__callout.call-out-title {
  max-width: 100%;
  display: grid;
  gap: 15px;
}

.mlp-form__heading-content {
  font-size: 1.125rem;
}

.mlp__caption {
  background: #F2EADE;
}

@supports not (aspect-ratio: var(--width)/var(--height)) {
  .mlp__hero-img-wrap {
    position: relative;
    overflow: hidden;
  }

  .mlp__hero-img-wrap::after {
    content: "";
    padding-top: calc(var(--height) / var(--width) * 100%);
    display: block;
  }

  .mlp__hero-img {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .mlp__caption {
    padding: var(--basePadding2x) calc(var(--basePadding) * 2) 0;
  }

  .mlp__hero-img-wrap + .mlp__caption {
    padding-top: 0;
  }

  .mlp__hero-img-wrap + .mlp__caption .mlp__callout {
    margin-top: calc(var(--basePadding) * -5);
  }

  .mlp__caption .mlp__callout {
    position: relative;
    z-index: 1;
    grid-template-columns: minmax(100px, max-content) minmax(66.6667%, 1fr);
  }
}

@media only screen and (min-width: 992px) {
  .mlp__caption {
    padding: var(--basePadding2x) calc(var(--basePadding) * 4) 0;
  }
}

@media only screen and (min-width: 1276px) {
  .mlp__caption {
    padding: var(--basePadding2x) calc(var(--basePadding) * 8) 0;
  }

  .mlp__caption .mlp__callout {
    margin-right: calc(400px + var(--basePadding) * 4);
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    grid-template-columns: minmax(300px, 1fr) minmax(250px, 2fr);
  }
}

.mlp__form {
  background: white;
  margin: 0 var(--basePadding2xN);
}

.mlp__form .hh-form__header {
  text-align: center;
  padding: var(--basePadding2x);
}

.mlp-form__title {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: white;
}

@media only screen and (min-width: 768px) {
  .mlp-form__title {
    font-size: 1.5rem;
  }
}

.mlp__form .hh-form__captcha-notice {
  font-size: 0.875rem;
}

.mlp__form .hh-form__footer {
  margin-top: var(--basePadding2x);
}

.mlp__left {
  padding-bottom: var(--basePadding2x);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6667;
}

.mlp__left ul,
.mlp__left ol {
  padding-left: 1.5em;
}

.mlp__left ul {
  list-style: disc;
}

.mlp__left ol {
  list-style: decimal;
}

.mlp__left p,
.mlp__left ul,
.mlp__left ol {
  padding-bottom: 1em;
}

.mlp__left p:last-child,
.mlp__left ul:last-child,
.mlp__left ol:last-child {
  padding-bottom: 0;
}

.mlp__left p,
.mlp__left li,
.mlp__left a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.mlp__left a {
  text-decoration: underline;
  color: #101F44;
}

.mlp__left a:hover,
.mlp__left a:focus {
  color: #466FD4;
}

.mlp__disclaimer {
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .mlp__form {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) {
  .lead--mlp {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: calc(var(--basePadding) * 4);
  }

  .mlp__content--no-form .lead--mlp {
    display: block;
  }

  .mlp__left {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .lead--mlp {
    gap: calc(var(--basePadding) * 8);
  }

  .mlp__right {
    margin-top: -360px;
  }

  .mlp__form-wrap {
    z-index: 2;
  }

  .mlp__content--no-hero .mlp__right {
    margin-top: 0;
    position: static;
    padding-bottom: 0;
  }

  .mlp__content--no-hero .mlp__form-wrap {
    margin-top: 0;
    position: static;
    padding: 0;
  }

  .mlp__content--no-form .lead--mlp {
    display: block;
  }

  .mlp__caption--no-form .mlp__callout {
    margin-right: 0;
  }
}

.mlp__cards {
  padding: var(--basePadding2x);
}

.mlp__cards .card {
  border: 1px solid #897355;
  margin-bottom: var(--basePadding2x);
}

.mlp__cards .card:last-child {
  margin-bottom: 0;
}

.mlp__cards .card__img-wrap {
  position: relative;
  width: calc(100% + 2px);
  height: 0;
  padding-top: 58.6666666667%;
  line-height: 1;
  margin: -1px -1px;
}

.mlp__cards .card-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.mlp__cards .card__title {
  font-size: 1.125rem;
  margin: 0 0 var(--basePadding);
  text-transform: capitalize;
}

.mlp__cards .card__info {
  padding: var(--basePadding2x);
}

.mlp__cards .card__ctas {
  padding: 0 var(--basePadding2x) var(--basePadding2x);
}

.mlp__cards .card__cta {
  padding-bottom: 8px;
  color: #101F44;
}

.mlp__cards .card__cta:hover,
.mlp__cards .card__cta:focus {
  color: white;
}

@media only screen and (min-width: 768px) {
  .mlp__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: var(--basePadding2x);
  }

  .mlp__cards .card__title {
    font-size: 1.375rem;
  }

  .mlp__cards .card {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) {
  .mlp__cards {
    padding: calc(var(--basePadding) * 4);
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    gap: var(--basePadding2x);
  }
}

@media only screen and (min-width: 1276px) {
  .mlp__cards {
    padding: calc(var(--basePadding) * 8);
  }
}

.mlp__communities-wrap .search-bar__inner {
  justify-content: flex-end;
}

.mlp__communities {
  display: grid;
  gap: var(--basePadding);
  padding: var(--basePadding2x);
}

.mlp__communities .community-card {
  margin-bottom: var(--basePadding2x);
  border-bottom: 1px solid #ccc;
  padding-bottom: var(--basePadding2x);
}

.mlp__communities .community-card:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}

.mlp__communities .community-card__header {
  display: block;
}

.mlp__communities .community-card__title {
  margin-bottom: var(--basePadding);
}

@media only screen and (min-width: 768px) {
  .mlp__communities .community-card__header {
    display: flex;
  }

  .mlp__communities .community-card__title {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 992px) {
  .mlp__communities {
    padding: calc(var(--basePadding) * 4);
  }

  .mlp__communities .community-card {
    margin-bottom: calc(var(--basePadding) * 4);
    border-bottom: 1px solid #ccc;
    padding-bottom: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .mlp__communities {
    padding: calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 992px) {
  .incentive .mlp__content--has-form .lead--mlp {
    display: grid;
    min-height: 580px;
  }

  .incentive .mlp__left {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .incentive .mlp__form-wrap {
    position: absolute;
    padding-right: calc(var(--basePadding) * 8);
    top: 0;
    margin-top: calc(-190px - var(--basePadding) * 5);
    z-index: 2;
  }
}

.hh-form__header--pardot {
  margin: 0;
  padding: 30px;
}

.hh-pardot-form__iframe {
  background: white;
}

.region .breadcrumbs__slot {
  width: 275px;
}

.region__hero {
  background: #f2eade;
}

.region__title {
  margin-bottom: 20px;
  font-size: 1.75rem;
  line-height: 1.3;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .region__title {
    margin-bottom: 30px;
    font-size: 1.875rem;
  }
}

.region__name {
  white-space: nowrap;
}

.region__hero-inner {
  margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
  .region__hero-inner {
    display: grid;
  }

  .region__hero-inner .region__hero-images {
    grid-row: 1;
    margin-bottom: var(--basePadding2x);
  }
}

@media only screen and (min-width: 992px) {
  .region__hero-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 30px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 1276px) {
  .region__hero-inner {
    gap: 60px;
  }
}

.region__hero-content {
  margin-bottom: 30px;
}

.region__hero-content:only-child {
  grid-column: span 2;
}

@media only screen and (min-width: 992px) {
  .region__hero-content {
    margin-bottom: 0;
  }
}

.region__hero-image-grid {
  display: grid;
  grid-template-columns: 0.75fr 1fr;
  gap: 5px;
  height: 200px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .region__hero-image-grid {
    height: 350px;
  }
}

.region__hero-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.region__callout .call-out-title__content {
  padding: 0 20px 20px;
  align-items: flex-start;
}

.region__callout .call-out-title__line-1 {
  text-align: left;
  transform: unset;
}

@media only screen and (min-width: 768px) {
  .region__callout .call-out-title__line-1 {
    letter-spacing: 0.05em;
  }
}

@media only screen and (min-width: 992px) {
  .region__callout .call-out-title__line-1 {
    text-align: left;
  }
}

.region__callout .call-out-title__title {
  padding-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .region__callout .call-out-title__title {
    padding: 20px 20px 0;
  }
}

.region__city-filter {
  min-width: 130px;
}

.region__sorts {
  display: grid;
  grid-template-columns: repeat(5, max-content);
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .region__sorts {
    margin: 0;
    grid-column: span 2;
  }
}

@media only screen and (min-width: 992px) {
  .region__sorts {
    justify-content: flex-start;
  }
}

.region__sort-label {
  font-size: 0.875rem;
  grid-column: 1/span 5;
}

@media only screen and (min-width: 768px) {
  .region__sort-label {
    grid-column: unset;
    font-size: 1rem;
  }
}

.region__item {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

@media only screen and (min-width: 768px) {
  .region__item {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .region__item {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}

.region__item--form {
  padding: 0;
  border: 0 !important;
}

.region__item--form:last-child {
  margin: 0;
}

.region__map {
  height: 500px;
}

#regionMap {
  width: 100%;
  height: 100%;
}

.community-card__section {
  padding: var(--basePadding);
}

@media only screen and (min-width: 768px) {
  .community-card__section {
    padding: 0;
  }
}

.community-info {
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.community-info .community-info__link {
  padding: 0.5em 1em;
  font-size: 0.875rem;
}

.community-info__banner {
  margin-bottom: 20px;
  padding: 10px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #E87217;
}

.community-info__body {
  padding: 0 10px 10px;
}

.community-info__title {
  padding-bottom: 5px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  color: #466FD4;
}

@media only screen and (min-width: 768px) {
  .community-info__title {
    font-size: 1.375rem;
  }
}

.community-info__location {
  padding-bottom: 10px;
}

.community-info__snapshot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0 0 10px;
}

.community-info__snapshot-item {
  margin: 0;
}

.community-info__snapshot-item::after {
  content: "|";
  display: inline-block;
  padding: 0 0.5em;
  color: #917a78;
}

.community-info__snapshot-item:last-child::after {
  display: none;
}

.community-info__price {
  padding-bottom: 10px;
}

.community-info__price em {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.2;
  font-style: normal;
}

.community-info__price-wrap,
button.community__card-calc {
  display: flex;
  gap: 10px;
}

.community-info__price-wrap button.community__card-calc {
  margin-top: 5px;
  margin-bottom: 5px;
}

.community-info__monthly-payment {
  font-size: 1rem;
  color: #E87217;
  font-weight: 700;
}

.region__seo {
  background: #f2eade;
}

.region__seo-title {
  margin-bottom: 1.5em;
  font-size: 1.25rem;
  line-height: 1.3;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .region__seo-title {
    font-size: 1.875rem;
  }
}

.region__seo-copy {
  font-size: 1rem;
  line-height: 1.6667;
  color: #333333;
}

.region__seo-copy p,
.region__seo-copy li {
  font-size: inherit !important;
  line-height: inherit !important;
  text-align: inherit !important;
  color: inherit !important;
}

.region__seo-copy p,
.region__seo-copy ul {
  margin-bottom: 1.5em;
}

.region__seo-copy p:last-child,
.region__seo-copy ul:last-child {
  margin-bottom: 0;
}

.region__seo-copy ul {
  list-style: disc;
}

.region__seo-copy a {
  color: #E87217;
}

.region__seo-copy a:hover,
.region__seo-copy a:focus {
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .region__seo-copy {
    font-size: 1.125rem;
  }
}

.region__list {
  padding-bottom: 0 !important;
}

body.region {
  overflow-x: hidden;
}

.search-bar__inner .breadcrumbs {
  background: none;
  padding: 0;
}

.search-bar .filter__select,
.search-bar .filter__text {
  font-size: 1.125rem;
}

.home-buy-now {
  position: relative;
  color: #fff;
  background: #101F44;
  padding-top: calc(var(--basePadding) * 4);
}

.home-buy-now__close {
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0;
  color: #fff;
}

.home-buy-now__close:hover,
.home-buy-now__close:focus {
  color: #E87217;
}

.home-buy-now__header {
  padding-bottom: 40px;
}

.home-buy-now__title {
  margin-bottom: 1em;
  font-size: 1.5rem;
  line-height: 1.3;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .home-buy-now__title {
    font-size: 1.875rem;
  }
}

.home-buy-now__copy {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6667;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .home-buy-now__copy {
    font-size: 1.125rem;
  }
}

.buy-now__tab-list .tab-list__content {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 20px;
}

.buy-now__tab-list .tab-list__btn {
  padding: 0 0 5px;
  color: #6a87de;
  border: 0;
  border-bottom: 2px solid rgba(232, 114, 23, 0);
}

.buy-now__tab-list .tab-list__btn:hover {
  color: #fff;
}

.buy-now__tab-list .tab-list__btn.active {
  color: #fff;
  border-color: #E87217;
}

.buy-now-form__fields {
  display: grid;
  gap: 5px 20px;
  padding: 40px 0 0;
}

.buy-now-form__fields .form-input__label {
  color: #fff;
}

.buy-now-form__fields input,
.buy-now-form__fields .phone-wrap {
  font-size: 1rem;
  color: #fff;
}

.buy-now-form__fields .phone-wrap {
  --phoneTextColor: rgba(16, 31, 68, 0);
}

.buy-now-form__fields input {
  border-color: rgba(255, 255, 255, 0.7);
  background: #101F44;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
}

.buy-now-form__fields input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.buy-now-form__fields input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.buy-now-form__fields input:focus,
.buy-now-form__fields input:hover {
  border-color: #fff;
  box-shadow: 0 0 0 1px #fff;
}

.buy-now-form__fields input:-webkit-autofill,
.buy-now-form__fields input:-webkit-autofill:hover,
.buy-now-form__fields input:-webkit-autofill:focus,
.buy-now-form__fields input:-webkit-autofill:active,
.buy-now-form__fields input:-webkit-autofill::first-line,
.buy-now-form__fields select:-webkit-autofill,
.buy-now-form__fields select:-webkit-autofill:hover,
.buy-now-form__fields select:-webkit-autofill:focus,
.buy-now-form__fields select:-webkit-autofill:active,
.buy-now-form__fields select:-webkit-autofill::first-line,
.buy-now-form__fields textarea:-webkit-autofill,
.buy-now-form__fields textarea:-webkit-autofill:hover,
.buy-now-form__fields textarea:-webkit-autofill:focus,
.buy-now-form__fields textarea:-webkit-autofill:active,
.buy-now-form__fields textarea:-webkit-autofill::first-line {
  font-family: var(--fontBase);
  font-size: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #101F44 inset;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

.buy-now-form__fields input:autofill::first-line,
.buy-now-form__fields select:autofill::first-line,
.buy-now-form__fields textarea:autofill::first-line {
  font-size: 100px !important;
}

.buy-now-form__fields input:autofill,
.buy-now-form__fields input:autofill:hover,
.buy-now-form__fields input:autofill:focus,
.buy-now-form__fields input:autofill:active,
.buy-now-form__fields input:autofill::first-line,
.buy-now-form__fields select:autofill,
.buy-now-form__fields select:autofill:hover,
.buy-now-form__fields select:autofill:focus,
.buy-now-form__fields select:autofill:active,
.buy-now-form__fields select:autofill::first-line,
.buy-now-form__fields textarea:autofill,
.buy-now-form__fields textarea:autofill:hover,
.buy-now-form__fields textarea:autofill:focus,
.buy-now-form__fields textarea:autofill:active,
.buy-now-form__fields textarea:autofill::first-line {
  font-family: var(--fontBase);
  font-size: 1rem;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #101F44 inset;
  transition: background-color 9999s ease-in-out 0s;
}

@media only screen and (min-width: 768px) {
  .buy-now-form__fields {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 992px) {
  .buy-now-form__fields {
    grid-template-columns: repeat(2, 1fr) max-content;
  }
}

@media only screen and (min-width: 992px) {
  .buy-now-form__item:first-child,
  .buy-now-form__item:nth-child(2) {
    order: 1;
  }

  .buy-now-form__item:nth-child(5) {
    order: 2;
  }

  .buy-now-form__item:nth-child(3),
  .buy-now-form__item:nth-child(4) {
    order: 3;
  }

  .buy-now-form__item:last-child {
    order: 4;
  }
}

.buy-now-form__item--pad {
  padding-top: 25px;
}

@media only screen and (min-width: 992px) {
  .buy-now-form__item--pad {
    order: 2;
  }
}

.buy-now-form__item--submit {
  text-align: right;
}

.buy-now-form__footer {
  padding-top: 20px;
}

.buy-now-form__footer a {
  font-weight: 600;
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(255, 255, 255, 0);
          text-decoration-color: rgba(255, 255, 255, 0);
  color: #fff;
}

.buy-now-form__footer a:hover,
.buy-now-form__footer a:focus {
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
}

@media screen and (max-width: 767px) {
  .buy-now__tab-list .tab-list__content {
    display: flex;
  }

  .buy-now__tab-list .tab-list__btn {
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    padding: var(--basePadding);
  }
}

.home .template-base {
  background: #F2EADE;
}

@media only screen and (min-width: 768px) {
  .home .plan-article__inheader {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "title    title    incentive" "location location media" "snapshot snapshot snapshot";
    align-items: center;
  }
}

@media only screen and (min-width: 992px) {
  .home .plan-article__inheader {
    grid-template-columns: repeat(3, auto);
    grid-template-areas: "title    title    incentive" "location snapshot media";
    gap: 15px;
  }
}

@media only screen and (min-width: 1276px) {
  .home .plan-article__inheader {
    grid-template-columns: max-content 1fr max-content;
    grid-template-areas: "title    snapshot media" "location snapshot media";
    gap: 0 50px;
  }
}

@media only screen and (min-width: 1276px) {
  .home .plan-article__inheader--incentivized {
    grid-template-columns: max-content 1fr max-content;
    grid-template-areas: "nothing  nothing incentive" "title    snapshot media" "location snapshot media";
    gap: 0 50px;
  }
}

.home .plan-article__location {
  line-height: 1.3;
}

@media only screen and (min-width: 768px) {
  .home .plan-article__location {
    grid-area: location;
  }
}

@media only screen and (min-width: 1276px) {
  .home .plan-article__location {
    grid-area: location;
  }
}

@media only screen and (min-width: 768px) {
  .home .plan-article__incentive {
    grid-area: incentive;
  }
}

@media only screen and (min-width: 1276px) {
  .home .plan-article__incentive {
    grid-area: incentive;
  }
}

.home .plan-article__incentive:empty {
  display: none;
}

@media only screen and (min-width: 768px) {
  .home .plan-article__incentive:empty {
    display: block;
  }
}

@media only screen and (min-width: 1276px) {
  .home .plan-article__title {
    grid-area: title;
  }
}

@media only screen and (min-width: 768px) {
  .home .plan-article__title {
    grid-area: title;
    grid-template-columns: 1fr;
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1276px) {
  .home .plan-article__title {
    grid-template-columns: repeat(2, auto);
    grid-area: unset;
    justify-content: flex-start;
  }
}

.home .plan-article__snapshot .snapshot {
  justify-content: space-around;
}

.home .plan-article__snapshot .snapshot__label {
  color: #767676;
}

@media only screen and (min-width: 1276px) {
  .home .plan-article__snapshot {
    grid-area: snapshot;
  }
}

@media only screen and (min-width: 768px) {
  .home .plan-article__media {
    grid-area: media;
  }
}

@media only screen and (min-width: 992px) {
  .home .plan-article__media {
    grid-area: media;
  }
}

.home .plan-article__location a,
.home .plan-article__location button {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  border: 0;
  color: #466FD4;
}

.home .plan-article__location a:hover,
.home .plan-article__location a:focus,
.home .plan-article__location button:hover,
.home .plan-article__location button:focus {
  color: #101F44;
}

.home-detail__lotmap {
  height: 70vh;
  width: 100%;
}

.home-detail__lotmap gl-spot-map {
  height: 100%;
}

.filter-wall--home .filter-wall__finally--active {
  flex: 1 1 100%;
}

.filter-wall--home .filter-wall__finally-content {
  padding: 40px 50px;
}

.filter-wall__finally--active {
  max-width: none;
}

.filter-wall__content-buttons {
  display: grid;
  align-items: center;
  gap: 20px;
}

@media only screen and (min-width: 992px) {
  .filter-wall__content-buttons {
    justify-content: center;
    grid-template-columns: 400px;
  }
}

@media screen and (max-width: 1120px) {
  .home .breadcrumbs__slot {
    display: none;
  }
}

.home-detail__buy-now {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.home-detail__buy-now--active {
  max-height: 1300px;
}

.home-detail__hero {
  margin-top: 40px;
}

.plan-article__lto {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 340px;
  max-width: 100%;
  padding: 5px 20px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  color: white;
  border-radius: 100px;
  background: #101F44;
}

@media only screen and (min-width: 992px) {
  .plan-article__lto {
    font-size: 1.125rem;
  }
}

.error-404 {
  text-align: center;
  padding: var(--basePadding2x);
}

.error-404__title {
  line-height: 0.85;
}

.error-404__404 {
  font-family: var(--fontScript);
  font-size: 12.5rem;
  color: #101F44;
}

.error-404__error {
  color: #101F44;
  text-transform: uppercase;
  font-size: 1.875rem;
}

.error-404__message {
  font-size: 1.625rem;
  margin-bottom: calc(var(--basePadding) * 4);
}

.error-404__cta {
  border-radius: 27px;
  border: 1px solid #101F44;
  padding: var(--basePadding) calc(var(--basePadding) + 10px);
  background: white;
  text-transform: capitalize;
  line-height: 1;
  font-size: 0.875rem;
  transition: 0.2s ease all;
  font-weight: 700;
}

.error-404__cta:visited {
  color: #101F44;
}

.error-404__cta:hover,
.error-404__cta:active,
.error-404__cta:focus {
  background: #101F44;
  color: white;
}

@media only screen and (min-width: 768px) {
  .error-404 {
    padding: calc(var(--basePadding) * 8) var(--basePadding2x);
  }

  .error-404__404 {
    font-size: 18.75rem;
  }

  .error-404__title {
    margin-bottom: calc(var(--basePadding) * 6);
  }
}

@media only screen and (min-width: 992px) {
  .error-404__content {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .error-404__message {
    margin-right: var(--basePadding2x);
    margin-bottom: 0;
  }
}

.qmis__header {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .qmis__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.qmis__tabs {
  position: sticky;
  top: var(--headerHeight);
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: center;
  align-items: flex-end;
  height: 58px;
  gap: 10px;
  border-bottom: 1px solid white;
  background: #101F44;
  overflow: hidden;
  z-index: 3;
}

@media only screen and (min-width: 768px) {
  .qmis__tabs {
    position: unset;
    top: unset;
    border-bottom: 0;
  }
}

.qmis__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.825em 1em;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: white;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  margin-bottom: 0;
}

.qmis__tab a:visited {
  color: white;
}

@media only screen and (min-width: 768px) {
  .qmis__tab {
    padding: 0.825em 1.5em;
  }
}

.qmis__tab--active {
  color: #101F44;
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.qmis__tab--active a:visited {
  color: #101F44;
}

.qmis__title {
  padding: 0 0 20px;
  font-size: 1.5rem;
  line-height: 1.2;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .qmis__title {
    padding: 0 20px 0 0;
    font-size: 1.875rem;
  }
}

.qmis__copy {
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .qmis__copy {
    font-size: 1.125rem;
  }
}

.qmis__title,
.qmis__copy {
  margin: 0;
}

.qmis__filters {
  position: sticky;
  top: calc(var(--headerHeight) + 58px);
  margin: 0 1px;
  background: white;
  border-bottom: 1px solid #eee;
  z-index: 3;
}

@media only screen and (min-width: 768px) {
  .qmis__filters {
    position: static;
    top: unset;
    padding: 20px;
  }
}

.qmis__filters-title {
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.6667;
  color: #333333;
}

.qmis__filters-list {
  display: grid;
  align-items: center;
  gap: 10px;
  max-height: 0;
  padding: 0 20px;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

@media only screen and (min-width: 768px) {
  .qmis__filters-list {
    grid-template-columns: repeat(auto-fit, minmax(270px, auto));
    grid-template-rows: repeat(auto-fit, 50px);
    max-height: none;
    padding: 0;
  }
}

.qmis__filters-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 5px 15px;
  font-weight: 600;
  color: #fff;
  border: 0;
  background: #101F44;
  transition: background 0.2s ease-out;
}

.qmis__filters-toggle-icon {
  display: flex;
  align-items: center;
}

.qmis__filters-toggle-icon .svg-chevron {
  transition: transform 0.2s ease-out;
}

.qmis__filters-toggle--expanded {
  background: #466FD4;
}

.qmis__filters-toggle--expanded .svg-chevron {
  transform: rotate(180deg);
}

.qmis__filters-toggle--expanded + .qmis__filters-list {
  max-height: 400px;
}

.qmis__filters-item .filter__text-inner {
  color: #101F44;
}

.qmis__filters-item:first-child {
  margin-top: 20px;
}

.qmis__filters-item:last-child {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .qmis__filters-item .filter {
    height: 50px;
  }
}

.qmis__filters-item .filter::after {
  background: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' xmlns='http://www.w3.org/2000/svg' class='svg-chevron' fill='%23999999'%3E%3Cpath d='M16.749.356l-.255-.255a.43.43 0 00-.61 0L8.878 7.113 1.866.1a.43.43 0 00-.61 0l-.255.255a.43.43 0 000 .61l7.568 7.57a.43.43 0 00.61 0l7.566-7.57a.428.428 0 00.004-.61z' fill-rule='nonzero'/%3E%3C/svg%3E") center no-repeat;
  top: 5px;
}

.qmis__filters-item .filter__select {
  border: 1px solid #ccc;
}

.qmis__filters-item .filter__select option {
  background: #fff;
  color: #101F44;
}

.qmis__filters-item .filter__select:focus {
  outline: 0;
  border-color: #101F44;
}

.qmis__filters-item .filter__text {
  color: #625b5b;
  background: #fff;
}

@media only screen and (min-width: 768px) {
  .qmis__filters-item .filter__text {
    font-size: 1.125rem;
  }
}

.qmis__filters-item .filter--dirty .filter__select {
  border: 1px solid #101F44;
}

.qmis__filters-item .filter--dirty .filter__text {
  color: #101F44;
}

.qmis__filters-item .qmis__filters-reset {
  width: 100%;
  height: 40px;
  font-size: 1rem;
}

@media only screen and (min-width: 768px) {
  .qmis__filters-item .qmis__filters-reset {
    height: 50px;
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 768px) {
  .qmis__filters-item:first-child,
  .qmis__filters-item:last-child {
    margin: 0;
  }
}

.qmis__list {
  display: grid;
  gap: 20px;
}

.qmis__list .community__card-content {
  display: block;
}

.qmis__list .community__card-content-top,
.qmis__list .community__card-price,
.qmis__list .community__card-address {
  padding-bottom: 10px;
}

.qmis__list .community__card-address {
  line-height: 1.25;
}

.qmis__list .community__card-monthly-payment {
  flex-basis: unset;
  font-size: 1rem;
  margin-top: unset;
  font-weight: normal;
  font-weight: 700;
  color: #E87217;
  margin-right: 10px;
}

.qmis__list .community__card-calc {
  display: flex;
}

@media only screen and (min-width: 768px) {
  .qmis__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }

  .qmis__list .community__card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .qmis__list .community__card-content {
    display: grid;
    flex: 1;
  }

  .qmis__list .community__card-content-top,
  .qmis__list .community__card-price,
  .qmis__list .community__card-address {
    padding: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .qmis__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
}

@media only screen and (min-width: 1500px) {
  .qmis__list {
    gap: 50px;
  }
}

.qmis__item {
  position: relative;
}

.floorplans__hero {
  position: relative;
  padding: 30px 0;
  overflow: hidden;
  background: #fff url("/images/site/floorplans/floorplan-hero-v2.jpg") center no-repeat;
  background-size: cover;
}

.floorplans__hero .swoosh {
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .floorplans__hero {
    padding: 150px 0;
  }
}

.floorplans__title {
  position: relative;
  text-align: center;
}

.floorplans__title-top {
  display: block;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1;
  word-spacing: 1em;
  text-transform: uppercase;
  transform: translateX(2.25em);
}

@media only screen and (min-width: 768px) {
  .floorplans__title-top {
    font-size: 2.875rem;
    transform: translateX(2em);
  }
}

.floorplans__title-bottom {
  display: block;
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 7rem;
  line-height: 0.2;
}

@media only screen and (min-width: 768px) {
  .floorplans__title-bottom {
    font-size: 13.0625rem;
  }
}

.floorplans__copy {
  font-size: 1rem;
  line-height: 1.66667;
}

.floorplans__copy:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .floorplans__copy {
    font-size: 1.125rem;
  }
}

.hw__hero-subtitle {
  text-align: center;
  font-size: 1.875rem;
  text-transform: uppercase;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.hw__hero-subtitle-logo svg {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}

@media only screen and (min-width: 768px) {
  .hero--hw {
    background-position: top, top;
    background-size: 100%, 100%;
  }

  .hw__hero-subtitle {
    display: flex;
    align-items: center;
  }

  .hw__hero-subtitle-logo {
    margin-left: 10px;
    line-height: 1;
  }

  .hw__hero-subtitle-logo svg {
    height: 36px;
    width: auto;
  }
}

.hw__title {
  color: #101F44;
  font-weight: 700;
}

.lead--hw,
.lead--hw .hw__title,
.lead--hw p {
  position: relative;
}

.lead--hw .swoosh {
  color: #767676;
}

.lead--hw .swoosh__svg {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 992px) {
  .lead--hw .swoosh__svg {
    top: -150px;
  }
}

@media only screen and (min-width: 768px) {
  .lead--hw p,
  .lead--hw {
    font-size: 1.125rem;
    line-height: 1.9;
  }

  .hw__title {
    font-size: 2.1875rem;
  }
}

.tab-list--hw {
  background: #F2EADE;
  text-align: center;
  position: relative;
}

.tab-list--hw::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
}

.tab-list--hw .tab-list__btn {
  margin-bottom: 0;
}

.tab-list--hw .tab-list__btn > a {
  padding: var(--basePadding) var(--basePadding2x);
  background: transparent;
  color: #333;
  border: 0;
  transition: 0.2s ease all;
  position: relative;
}

.tab-list--hw .tab-list__btn > a:hover {
  background: white;
  color: #101F44;
}

.tab-list--hw .tab-list__btn.active > a {
  background: white;
  color: #101F44;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}

.tab-list--hw .tab-list__btn.active > a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 10px;
  width: 100%;
  background: white;
}

.tab-content--hw {
  padding: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .tab-content--hw {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .tab-content--hw {
    padding: calc(var(--basePadding) * 8);
  }
}

.hw-panel__form {
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .hw-panel--sr {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: calc(var(--basePadding) * 4);
  }
}

.hh-form--warranty {
  padding: 0;
}

.hh-form--warranty .form-input__radio {
  overflow: unset;
}

.hh-form--warranty .form-input__radio-inner {
  position: relative;
  margin-right: var(--basePadding);
}

.hh-form--warranty .form-input__radio-inner > input {
  display: block;
  height: 100%;
  width: 100%;
  pointer-events: none;
  top: 0;
  left: 0;
  position: absolute;
  background: transparent;
  outline: 1px solid white;
  transition: 0.2s ease all;
}

.hh-form--warranty .form-input__radio-inner > input:focus + .form-input__radio-label {
  outline: 1px solid #666;
}

.hh-form--warranty .form-input__radio-label {
  position: relative;
  z-index: 2;
  margin-right: 0;
  transition: 0.2s ease all;
  padding: 2px;
}

.hw-panel--sr .form-radio-group {
  display: flex;
  align-items: center;
}

.hw-panel--sr .form-radio-group__list {
  padding: 0;
  display: flex;
}

.hw-panel--sr .form-radio-group__item {
  margin-bottom: 0;
}

.hw-panel--sr .form-radio-group__label {
  margin-right: var(--basePadding);
}

.hw-panel--sr .form-input__radio {
  margin-bottom: 0;
}

.hw-panel--sr .form-input__select-wrap {
  width: 100%;
}

.hw-panel--sr .hh-form__footer {
  margin-top: calc(var(--basePadding) * 4);
}

@media only screen and (min-width: 768px) {
  .hw-panel--sr .hh-form__main {
    display: grid;
    gap: 0 var(--basePadding);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.hw-panel__contact {
  padding: var(--basePadding);
  border: 1px solid #CCC;
  margin-bottom: var(--basePadding2x);
  display: grid;
  gap: var(--basePadding2x);
  font-size: 1.125rem;
}

.hw-panel__contact .hw-panel__title {
  margin-bottom: 0;
}

.hw-panel__contact-subtitle {
  margin-bottom: 0;
  font-weight: 700;
  color: #333;
  font-size: 1.125rem;
  text-transform: capitalize;
}

.hw-panel__address {
  font-style: normal;
}

.hw-panel__contact-emergency,
.hw-panel__contact-emergency p {
  font-size: 1.125rem;
}

@media only screen and (min-width: 768px) {
  .hw-panel__contact {
    padding: var(--basePadding2x);
  }
}

.resource {
  border: 1px solid #897355;
  padding: var(--basePadding);
  margin-bottom: var(--basePadding2x);
}

.resource__left {
  display: flex;
  align-items: center;
  margin-bottom: var(--basePadding);
}

.resource__icon-wrap {
  margin-right: var(--basePadding2x);
  flex: 0 0 calc(var(--basePadding) * 4);
}

.resource__title {
  margin-bottom: 0;
  font-size: 1.25rem;
}

.resource__list {
  padding: 0;
}

.resource__list li {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-bottom: var(--basePadding);
  font-size: 1rem;
}

.resource__list li:last-child {
  margin-bottom: 0;
}

.resource__list a:visited {
  color: #466FD4;
}

@media only screen and (min-width: 768px) {
  .resource {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: calc(var(--basePadding) * 4);
    padding: var(--basePadding2x);
    align-items: start;
  }

  .resource__title {
    font-size: 1.75rem;
  }

  .resource__list li {
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 992px) {
  .resource {
    grid-template-columns: 300px minmax(0, 1fr);
  }
}

@media only screen and (min-width: 1276px) {
  .resource {
    padding: calc(var(--basePadding) * 4);
  }
}

.hw__homeowners {
  text-align: center;
}

.hw__homeowners hr {
  margin: var(--basePadding2x) 0;
}

.hw__homeowners h2 {
  margin-bottom: var(--basePadding2x);
}

.hw__download {
  padding: var(--basePadding);
  border: 2px solid #E87217;
  transition: 0.2s ease all;
  background: white;
  font-weight: 700;
  color: #101F44;
  display: inline-block;
  margin-bottom: var(--basePadding);
}

@media screen and (min-width: 855px) {
  .hw__download + .hw__download {
    margin-left: var(--basePadding);
  }
}

.hw__hg-ctas {
  text-align: right;
}

.hw__download {
  padding: var(--basePadding);
  border: 2px solid #E87217;
  transition: 0.2s ease all;
  background: white;
  font-weight: 700;
  color: #101F44;
  display: inline-block;
}

@media screen and (min-width: 480px) {
  .hw__download {
    min-width: 350px;
  }
}

.hw__download:hover,
.hw__download:active {
  background: #E87217;
  color: white;
}

.reserved-home {
  background: #F2EADE;
}

.reserved-home__hero-article {
  text-align: center;
}

.reserved-home__body {
  padding-top: 0;
}

.reserved-home-card {
  display: grid;
  max-width: 983px;
  margin: 0 auto;
  background: #fff;
}

@media only screen and (min-width: 768px) {
  .reserved-home-card {
    grid-template-columns: 1fr 1fr;
  }
}

.reserved-home-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
}

.reserved-home-card__content .snapshot {
  padding: 10px;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .reserved-home-card__content {
    padding: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .reserved-home-card__content {
    padding: 30px;
  }

  .reserved-home-card__content .snapshot {
    padding: var(--basePadding);
  }
}

.reserved-home-card__image {
  position: relative;
  overflow: hidden;
}

.reserved-home-card__title {
  margin: 0 0 10px;
  font-size: 1.25rem;
}

@media only screen and (min-width: 768px) {
  .reserved-home-card__title {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .reserved-home-card__title {
    font-size: 1.875rem;
  }
}

.reserved-home-card__price {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  .reserved-home-card__price {
    font-size: 1.125rem;
  }
}

.reserved-home-card__price-calc {
  margin-left: 10px;
  border: 0;
}

.reserved-home-card__availability {
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 600;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .reserved-home-card__availability {
    font-size: 1.125rem;
  }
}

.reserved-home-card__community {
  margin-bottom: 10px;
  font-size: 1rem;
  font-style: italic;
  color: #101F44;
}

.reserved-home-card .community__card-address {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 15px;
  margin: 0 0 15px;
}

.community__card-address .community__card-address-link,
.community__card-address .community__card-address-link:visited {
  color: #466FD4;
}

.community__card-address .community__card-address-link:hover,
.community__card-address .community__card-address-link:focus {
  color: #101F44;
}

.reserved-home__footer {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .reserved-home__footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.reserved-home__hero-title {
  margin-bottom: 1em;
  font-size: 1.5rem;
  line-height: 1.3;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .reserved-home__hero-title {
    font-size: 1.875rem;
  }
}

.reserved-home__copy {
  font-size: 1rem;
  line-height: 1.66667;
}

.reserved-home__copy:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .reserved-home__copy {
    font-size: 1.125rem;
  }
}

.reserved-home__footer-copy {
  font-size: 1.125rem;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .reserved-home__footer-copy {
    font-size: 1.875rem;
  }
}

.reserved-home__footer-cta {
  margin-top: 20px;
}

.reserved-home__footer-cta .cta {
  font-size: 1.0625rem;
}

@media only screen and (min-width: 768px) {
  .reserved-home__footer-cta {
    margin: 0 0 0 20px;
  }

  .reserved-home__footer-cta .cta {
    font-size: 1.25rem;
  }
}

.wwu__title {
  font-family: var(--fontScript);
  font-size: 3.75rem;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .wwu__title {
    font-family: var(--fontScript);
    font-size: 4.375rem;
  }
}

.wwu__hero-ctas {
  margin-top: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .wwu__hero-ctas {
    margin-top: calc(var(--basePadding) * 4);
  }
}

.great-place {
  grid-template-columns: none;
}

@media only screen and (min-width: 1276px) {
  .wwu__great-place {
    grid-template-columns: 0.75fr 2.25fr;
  }
}

@media only screen and (min-width: 992px) {
  .wwu__great-place {
    display: grid;
    align-items: center;
    overflow: hidden;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .wwu__great-place {
    grid-template-columns: 0.9fr 1.5fr;
  }
}

.wwu__great-place h2,
.wwu__great-place p {
  color: inherit;
}

@media only screen and (min-width: 992px) {
  .wwu__great-place-right p {
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wwu__great-place-right p {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .wwu__great-place-img-wrap {
    text-align: center;
  }
}

.wwu__great-place-img {
  width: 100%;
}

@media only screen and (min-width: 1276px) {
  .wwu__great-place-img {
    max-width: 15vw;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px), only screen and (min-width: 768px) and (max-width: 991px) {
  .wwu__great-place-img {
    max-width: 30vw;
  }
}

@media only screen and (max-width: 767px) {
  .wwu__great-place-img {
    max-width: 45vw;
  }
}

.lead--wwu {
  text-align: center;
}

.wwu__lead-carousel .carousel__slides {
  align-items: flex-start;
}

.wwu__lead-carousel .tmls__quote {
  text-align: center;
}

.wwu__lead-carousel .carousel__controls {
  position: static;
  justify-content: center;
}

.wwu__lead-carousel .tmls__name {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wwu__lead-carousel .tmls__name::before {
  display: none;
}

.wwu__lead-carousel .tmls__name-img-wrap {
  width: 70px;
  height: 70px;
  display: block;
  border: 1px solid #666;
  border-radius: 50%;
  overflow: hidden;
  margin-right: var(--basePadding);
}

.wwu__lead-carousel .tmls__name-img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.tmls__name-text {
  display: inline-block;
}

.wwu__lead-carousel .tmls__name-text::before {
  content: " - ";
  margin-right: 5px;
  display: inline-block;
}

@media only screen and (min-width: 768px) {
  .wwu__lead-carousel .carousel__nav--prev,
  .wwu__lead-carousel .carousel__nav--next {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 70px));
  }

  .wwu__lead-carousel .carousel__nav--prev {
    left: 0;
  }

  .wwu__lead-carousel .carousel__nav--next {
    right: 0;
  }

  .wwu__lead-carousel .tmls__quote {
    padding: 0 calc(var(--basePadding) * 4);
  }
}

.wwu__wwu {
  background: #101F44;
  color: white;
}

.wwu__wwu h2,
.wwu__wwu p,
.wwu__wwu li {
  color: inherit;
}

.wwu__wwu-left {
  padding: var(--basePadding2x);
}

.wwu__wwu-img-wrap {
  padding: var(--basePadding2x);
  padding-top: 0;
}

@media only screen and (min-width: 992px) {
  .wwu__wwu {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
    overflow: hidden;
  }

  .wwu__wwu-left {
    padding: calc(var(--basePadding) * 4);
  }

  .wwu__wwu-left p,
  .wwu__wwu-left li {
    font-size: 1.125rem;
  }

  .wwu__wwu-img-wrap {
    padding: 0;
    margin: -30px -30px -30px 0;
  }

  .wwu__wwu-img {
    max-width: unset;
    width: 100%;
    -o-object-position: cover;
       object-position: cover;
  }
}

@media only screen and (min-width: 1276px) {
  .wwu__wwu-left {
    padding: calc(var(--basePadding) * 8);
    padding-right: calc(var(--basePadding) * 4);
  }

  .wwu__wwu-img-wrap {
    padding: 0;
    margin: -60px -60px -60px 0;
  }
}

.wwu__perks {
  text-align: center;
  padding-top: var(--basePadding2x);
}

.wwu__perks-btns {
  display: grid;
  grid-template-columns: repeat(2, minmax(100px, 1fr));
  gap: 1px;
  background: #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.wwu__perk-btn {
  padding: var(--basePadding2x);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 1rem;
  color: #101F44;
  background: white;
  border: 0;
  margin: 0;
  border: 1px solid white;
  transition: 0.2s ease border;
}

.wwu__perk-btn:hover,
.wwu__perk-btn:focus,
.wwu__perk-btn:active {
  border: 1px solid #101F44;
}

.wwu__perk-btn-text {
  margin-top: var(--basePadding);
}

@media only screen and (min-width: 768px) {
  .wwu__perks {
    padding: var(--basePadding2x);
  }

  .wwu__perks-btns {
    gap: var(--basePadding2x);
    background: white;
    border: 0;
  }

  .wwu__perk-btn {
    border: 1px solid #bbb;
    transition: 0.2s ease all;
  }

  .wwu__perk-btn:hover,
  .wwu__perk-btn:focus,
  .wwu__perk-btn:active {
    box-shadow: 0 0 var(--basePadding2x) rgba(0, 0, 0, 0.2);
  }

  .wwu__perks-btns {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
  }
}

@media only screen and (min-width: 992px) {
  .wwu__perks {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .wwu__perks {
    padding: calc(var(--basePadding) * 8);
  }

  .wwu__perks-btns {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
    max-width: 900px;
    margin: 0 auto;
  }
}

.wwu__badges {
  background: #eee;
  padding: var(--basePadding2x);
}

.wwu__badges > .global-max-width {
  width: 100%;
}

.wwu__badges .carousel__slide > div {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

@media only screen and (min-width: 768px) {
  .wwu__badges .carousel__slide > div {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .wwu__badges .carousel__slide > div {
    flex-direction: column;
  }
}

.wwu__badge {
  max-width: 100%;
  max-height: 150px;
  mix-blend-mode: multiply;
  margin: 7.5px;
  width: auto;
}

@media only screen and (min-width: 992px) {
  .wwu__badges {
    padding: var(--basePadding2x) calc(var(--basePadding) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--basePadding) * 4);
  }

@supports not (gap: calc(var(--basePadding) * 4)) {
    .wwu__badge {
      margin-right: calc(var(--basePadding) * 4);
    }

    .wwu__badge:last-child {
      margin-right: 0;
    }
}
}

@media only screen and (min-width: 1276px) {
  .wwu__badges {
    padding: var(--basePadding2x) calc(var(--basePadding) * 8);
  }
}

div[class*=modal-msg] .modal__content {
  min-width: unset;
  max-width: 600px;
  width: 100%;
  padding: var(--basePadding2x);
}

.wwu__perk-modal-title {
  margin-bottom: var(--basePadding);
  display: flex;
  align-items: center;
}

.wwu__perk-modal-title .wwu__perk-icon {
  margin-right: var(--basePadding);
}

div[class*=modal-msg] .modal__content ul {
  padding-left: var(--basePadding2x);
  margin-bottom: 0;
}

div[class*=modal-msg] .modal__content li {
  list-style: disc;
}

#findYourHomeMap {
  height: 100%;
}

.find__map {
  position: relative;
  height: calc(100vh - var(--headerHeight));
}

@media only screen and (min-width: 992px) {
  .find__map {
    height: unset;
  }
}

@media only screen and (min-width: 992px) {
  .find__filters .filter {
    height: 60px;
  }
}

.find__filters .filter::after {
  background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 17 9' xmlns='http://www.w3.org/2000/svg' class='svg-chevron' fill='%23999999'%3E%3Cpath d='M16.749.356l-.255-.255a.43.43 0 00-.61 0L8.878 7.113 1.866.1a.43.43 0 00-.61 0l-.255.255a.43.43 0 000 .61l7.568 7.57a.43.43 0 00.61 0l7.566-7.57a.428.428 0 00.004-.61z' fill-rule='nonzero'/%3E%3C/svg%3E") center no-repeat;
}

.find__filters .filter__select {
  border: 1px solid #ccc;
}

.find__filters .filter__select option {
  background: #fff;
}

.find__filters .filter__select:focus {
  outline: 0;
  border-color: #101F44;
}

.find__filters .filter__select.invalid {
  border-color: #ad1717;
}

.find__filters .filter__text {
  color: #625b5b;
  background: #fff;
}

@media only screen and (min-width: 992px) {
  .find__filters .filter__text {
    font-size: 1.125rem;
  }
}

.find__filters .filter--dirty .filter__select {
  border: 1px solid #101F44;
}

.find__filters .filter--dirty .filter__text {
  color: #101F44;
}

.find {
  position: relative;
}

@media only screen and (min-width: 992px) {
  .find {
    display: grid;
    grid-template-columns: 400px 1fr;
  }
}

.find__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  transform: translateY(calc(-100% + 50px));
  transition: transform 0.3s ease-out;
}

@media only screen and (min-width: 992px) {
  .find__panel {
    position: relative;
    width: unset;
    padding: 20px;
    border-bottom: 1px solid #D8D8D8;
    transform: none;
    z-index: unset;
  }
}

.find__panel--open {
  transform: translateY(0);
}

.find__panel--open .find__panel-button .svg-arrow {
  transform: rotate(-90deg);
}

@media only screen and (min-width: 992px) {
  .find__filters {
    border: 1px solid #D8D8D8;
  }
}

.find__filter-block {
  display: grid;
  gap: 10px;
  padding: 10px 20px;
  border-bottom: 1px solid #D8D8D8;
  background: #fff;
}

@media only screen and (min-width: 768px) {
  .find__filter-block {
    padding: 30px;
  }
}

.find__filter-block--no-border {
  border-bottom: 0;
}

.find__filter-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: #D8D8D8;
}

.find__filter-grid .find__filter-block {
  padding: 30px 20px;
}

.find__panel-header {
  padding: 10px 20px 0;
  text-align: right;
  border-top: 1px solid #D8D8D8;
  background: #fff;
}

.find__panel-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  font-size: 1.125rem;
  color: #fff;
  border: 0;
  background: #101F44;
}

.find__panel-button .svg-arrow {
  width: 26px;
  height: 23px;
  transform: rotate(90deg);
  transition: transform 0.2s ease-out;
}

.marker {
  transform: translate(-50%, -50%);
}

.marker:hover {
  z-index: 999;
}

.marker__region,
.marker__city {
  pointer-events: all !important;
  cursor: pointer;
  position: relative;
  padding: 0;
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  text-align: center;
  overflow: hidden;
  border-radius: 10px;
  border: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.marker__region:hover .marker__title,
.marker__city:hover .marker__title {
  background: #E87217;
}

.marker__region:hover .marker__subtitle,
.marker__city:hover .marker__subtitle {
  color: #E87217;
}

.marker__title {
  padding: 6px 15px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #101F44;
  transition: background 0.2s ease-out;
}

.marker__subtitle {
  padding: 6px 15px;
  font-size: 0.875rem;
  line-height: 1;
  color: #333333;
  background: #fff;
  transition: color 0.2s ease-out;
}

.marker__community {
  position: relative;
}

.marker__community--hover {
  pointer-events: all !important;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.9) translateY(-2px);
  transform-origin: bottom center;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.marker__community--base {
  display: block;
  transform-origin: bottom center;
  transition: transform 0.2s ease-out;
}

.marker__community:hover .marker__community--hover,
.marker__community--active .marker__community--hover {
  opacity: 1;
  transform: scale(1) translateY(0);
}

.marker__community:hover .marker__community--base,
.marker__community--active .marker__community--base {
  transform: scale(0.9) translateY(-2px);
}

.find__map--regions .gm-style canvas,
.find__map--regions .gm-style .gm-style-pbc,
.find__map--regions .gm-style div[aria-roledescription=map] > div:not(:first-child),
.find__map--regions .gm-style div[aria-roledescription=map] > div:first-child > div:nth-last-child(2),
.find__map--cities .gm-style canvas,
.find__map--cities .gm-style .gm-style-pbc,
.find__map--cities .gm-style div[aria-roledescription=map] > div:not(:first-child),
.find__map--cities .gm-style div[aria-roledescription=map] > div:first-child > div:nth-last-child(2) {
  pointer-events: none !important;
}

.gm-style button[title=Close] {
  top: 0 !important;
  right: 0 !important;
}

.find__map-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}

.find__map-empty-content {
  display: grid;
  justify-content: center;
  padding: 40px;
  gap: 20px;
  text-align: center;
  border: 1px solid #D8D8D8;
  background: white;
  box-shadow: 0 0 10px rgba(16, 31, 68, 0.2);
}

.find__map-empty-content .cta {
  justify-self: center;
}

.find__map-empty[aria-hidden=true] {
  display: none;
}

.find__explore-title {
  margin-bottom: 30px;
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 3.25rem;
  line-height: 1;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .find__explore-title {
    margin-bottom: calc(var(--basePadding) * 3);
    font-size: 3.75rem;
  }
}

@media only screen and (min-width: 992px) {
  .find__explore-title {
    font-size: 5rem;
  }
}

.find__explore-title + p {
  margin-bottom: calc(var(--basePadding) * 3);
}

.find__states {
  display: grid;
}

@media only screen and (min-width: 768px) {
  .find__states {
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
  }
}

@media only screen and (min-width: 992px) {
  .find__states {
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    gap: 50px;
  }
}

@media only screen and (min-width: 992px) {
  .find__state {
    padding-left: 50px;
    border-left: 1px solid #D8D8D8;
  }

  .find__state:first-child {
    padding-left: 0;
    border-left: 0;
  }
}

.find__state-title {
  margin-bottom: 1em;
  font-size: 1.375rem;
  line-height: 1.3;
  color: #767676;
}

@media only screen and (min-width: 768px) {
  .find__regions {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

@media only screen and (min-width: 992px) {
  .find__regions {
    -moz-columns: 1;
         columns: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .find__regions {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

.find__region {
  padding-bottom: 40px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.find__explore .find__link {
  display: block;
  margin-bottom: 5px;
  text-decoration: underline;
  color: #101F44;
  text-decoration-thickness: 2px;
  -webkit-text-decoration-color: rgba(16, 31, 68, 0);
          text-decoration-color: rgba(16, 31, 68, 0);
  transition: -webkit-text-decoration-color 0.2s ease-out;
  transition: text-decoration-color 0.2s ease-out;
  transition: text-decoration-color 0.2s ease-out, -webkit-text-decoration-color 0.2s ease-out;
}

.find__explore .find__link:hover,
.find__explore .find__link:focus {
  -webkit-text-decoration-color: #101F44;
          text-decoration-color: #101F44;
}

.find__explore .find__region-link {
  font-weight: 600;
}

.find__explore .find__subregion-link {
  margin-left: 0.75em;
}

.find__disclaimer {
  border-top: 1px solid #D8D8D8;
}

.find__disclaimer--community {
  margin-top: 40px;
  padding: 30px 20px 0;
}

@media only screen and (min-width: 768px) {
  .find__disclaimer--community {
    padding: 30px 0 0;
  }
}

.find-your-home .region__callout {
  position: relative;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  z-index: 2;
}

.find-your-home .region__callout .call-out-title__content {
  padding: 20px;
  align-items: flex-start;
  line-height: 1.5;
}

@media only screen and (min-width: 992px) {
  .find-your-home .region__callout {
    border-bottom: 1px solid #8b5d2e;
  }
}

.di__content [v-cloak] > * {
  display: block !important;
  opacity: 0;
  transition: 0.3s ease all;
}

.di__content [v-cloak]::before {
  content: "loading\2026";
}

.di__content > * {
  opacity: 1;
}

.di__content .animate__animated {
  opacity: 1;
}

.hero--di .reg {
  font-family: var(--fontBase);
  font-size: 1.875rem;
}

@media only screen and (min-width: 768px) {
  .hero--di .reg {
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: var(--basePadding2x);
    margin-right: var(--basePadding2x);
    margin-top: 45px;
  }

  .hero--di .hero__title {
    display: flex;
    align-items: center;
  }
}

.di__nav {
  position: sticky;
  top: var(--headerHeight);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  text-align: center;
  z-index: 1;
}

.di__nav-btn {
  border: 0;
  padding: var(--basePadding2x);
  color: white;
  font-size: 1.125rem;
  transition: 0.3s ease all;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #101F44;
}

.di__nav-btn--active {
  background: white;
  color: #101F44;
}

.di__nav-btn:hover,
.di__nav-btn:hover:focus {
  background: #E87217;
}

@media only screen and (min-width: 768px) {
  .di__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--basePadding);
    background: #101F44;
    gap: 0;
  }

  .di__nav-btn {
    padding: var(--basePadding2x) calc(var(--basePadding) * 4);
  }
}

.di__subnav {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--basePadding);
  overflow-x: auto;
  padding: 5px var(--basePadding);
}

.di__subnav-btn {
  border: 0;
  font-size: 1rem;
  border-bottom: 5px solid white;
  padding: var(--basePadding);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease border;
  white-space: nowrap;
}

.di__subnav-btn--active,
.di__subnav-btn:hover,
.di__subnav-btn:focus,
.di__subnav-btn:active {
  border-color: #E87217;
}

@media only screen and (min-width: 768px) {
  .di__subnav {
    justify-content: center;
    gap: var(--basePadding);
  }
}

@media only screen and (min-width: 992px) {
  .di__subnav {
    gap: var(--basePadding2x);
  }
}

.di__media .media {
  margin-bottom: var(--basePadding2x);
  display: inline-block;
  width: 100%;
}

.di__photo-modal {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100%;
  max-height: calc(80vh - var(--basePadding2x));
}

.di__photo-modal-caption {
  padding: var(--basePadding);
}

.di__photo-modal-caption > *:last-child {
  margin-bottom: 0;
}

.di-photo-modal__img-wrap img {
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.di-wrap .modal-video .modal__content {
  min-width: 80vw;
}

.view-tour-modal .modal__content iframe {
  width: 100%;
  height: 100%;
}

.view-tour-modal__wrap,
.view-tour-modal .modal__content {
  aspect-ratio: 16/9;
  line-height: 1;
  min-width: unset;
}

@supports not (aspect-ratio: 16/9) {
  .view-tour-modal__wrap {
    padding-top: 56.25%;
    position: relative;
    line-height: 1;
  }

  .view-tour-modal__wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .di-wrap .modal__content {
    max-width: 80vw;
    min-width: unset;
    max-height: 80vh;
  }

  .view-tour-modal .modal__content {
    min-width: 80vw;
  }
}

.di-wrap .modal-video .modal__content {
  max-height: unset;
}

.incentive {
  --height: 600;
  --width: 1440;
}

.incentive .breadcrumbs__item:last-child {
  text-transform: capitalize;
}

.incentive .mlp__callout {
  align-items: center;
}

@media screen and (max-width: 767px) {
  .incentive .call-out-title__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.incentive .lead--mlp {
  background-image: linear-gradient(to bottom, rgba(242, 234, 222, 0.4392156863), rgba(242, 234, 222, 0.4392156863)), url("/images/site/new-vs-used/svgs/swoosh-2.svg");
  background-size: cover, cover;
  background-position: bottom right, bottom right;
  background-repeat: no-repeat, no-repeat;
}

@media only screen and (min-width: 992px) {
  .incentive .lead--mlp {
    padding-bottom: calc(var(--basePadding) * 4);
    padding-top: calc(var(--basePadding) * 4);
  }
}

.incentive .mlp__filters {
  margin-bottom: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .incentive .mlp__filters {
    display: flex;
    justify-content: flex-end;
  }
}

.incentive .mlp__filter {
  margin-bottom: var(--basePadding);
}

@media only screen and (min-width: 768px) {
  .incentive .mlp__filter {
    margin-right: var(--basePadding);
    margin-bottom: 0;
  }
}

.incentive .mlp__filter-select {
  padding-right: calc(var(--basePadding) * 3);
  margin-bottom: 0;
  font-size: 1.125rem;
  min-width: 250px;
}

.incentive .mlp__filter:last-child {
  margin-right: 0;
}

.incentive .no-results {
  display: none;
  padding: var(--basePadding2x);
  background: #eee;
  color: #333333;
  font-weight: 700;
  grid-column: 1/span 3;
  margin-bottom: var(--basePadding2x);
}

.incentive .mlp__homes {
  padding: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .incentive .mlp__homes {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 992px) {
  .incentive .mlp__homes {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .incentive .mlp__homes {
    padding: calc(var(--basePadding) * 4) calc(var(--basePadding) * 8);
  }
}

.incentive .mlp__homes .community__tabs .tab-list__content {
  justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
  .incentive .mlp__homes .community__tabs .tab-list__content {
    padding: 0 var(--basePadding2x);
  }
}

.incentive .mlp__homes .community__card {
  margin-bottom: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .incentive .mlp__homes .community__card {
    margin-bottom: 0;
  }
}

.incentive .mlp__homes .community__grid > *:first-child:not(article) {
  display: block;
}

.incentive .mlp__footer {
  padding: var(--basePadding2x);
  text-align: center;
  color: #767676;
  font-size: 1rem;
}

@media only screen and (min-width: 992px) {
  .incentive .mlp__footer {
    padding: calc(var(--basePadding) * 4);
    padding-top: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .incentive .mlp__footer {
    padding: calc(var(--basePadding) * 8);
    padding-top: 0;
  }
}

.incentive .mlp__footer > *:last-child {
  margin-bottom: 0;
}

.incentive--global .lead--mlp {
  display: block;
  min-height: unset;
}

.incentive--global .mlp__communities {
  padding-bottom: 0;
}

.incentive--global .mlp__communities > .mlp__filters + div:not(.community-card) {
  display: block;
}

.incentive--global .mlp__communities > .mlp__filters {
  margin-bottom: var(--basePadding2x);
}

.incentive--global .community-card__img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: 100%;
}

@media only screen and (min-width: 1276px) {
  .incentive--global:not(.incentive--has-form) .mlp__caption .mlp__callout {
    margin-right: unset;
    grid-template-columns: auto minmax(250px, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .incentive--city button.submit {
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 1276px) {
  .incentive--city .mlp__caption .mlp__callout {
    grid-template-columns: auto minmax(250px, 1fr);
  }
}

.our-mission__figure {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .our-mission__figure {
    text-align: right;
  }
}

.our-mission__quote {
  margin: 0;
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 3.75rem;
  line-height: 1;
  color: #101F44;
}

.our-mission__quote::before {
  content: open-quote;
}

.our-mission__quote::after {
  content: close-quote;
}

@media only screen and (min-width: 992px) {
  .our-mission__quote {
    font-size: 5.625rem;
  }
}

.our-mission__caption {
  margin-top: 40px;
  font-size: 1rem;
  font-weight: 600;
  color: #101F44;
}

.our-mission__copy {
  margin-bottom: 1.5em;
  font-size: 1rem;
  line-height: 1.66667;
}

.our-mission__copy:last-child {
  margin-bottom: 0;
}

.our-mission__copy a {
  color: #2957b9;
}

.our-mission__copy a:hover,
.our-mission__copy a:focus {
  color: #E87217;
}

@media only screen and (min-width: 768px) {
  .our-mission__copy {
    font-size: 1.125rem;
  }
}

.our-mission__intro {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 1.125rem;
  line-height: 1.6667;
  text-align: center;
  color: #101F44;
}

.our-mission__intro em {
  font-style: normal;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .our-mission__intro {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 992px) {
  .our-mission__intro {
    font-size: 1.5rem;
  }
}

.our-mission__section--mother {
  padding-bottom: 20px;
  background-image: linear-gradient(to bottom, #fff 0%, #F2EADE 35%);
}

.our-mission__section--mother .our-mission__header {
  display: flex;
  flex-direction: column-reverse;
  padding-bottom: 40px;
}

.our-mission__section--mother .our-mission__image {
  width: 220px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .our-mission__section--mother {
    padding-bottom: 40px;
  }

  .our-mission__section--mother .our-mission__header {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
  }

  .our-mission__section--mother .our-mission__header .our-mission__image {
    width: unset;
    text-align: right;
  }

  .our-mission__section--mother .our-mission__body .our-mission__image {
    float: left;
    margin: 0 20px 0px 0;
  }
}

@media only screen and (min-width: 992px) {
  .our-mission__section--mother {
    padding-bottom: 180px;
  }

  .our-mission__section--mother .our-mission__header {
    gap: 92px;
  }

  .our-mission__section--mother .our-mission__body {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 44px;
    align-items: flex-end;
  }

  .our-mission__section--mother .our-mission__body .our-mission__image {
    float: none;
    width: unset;
    margin: 0;
  }
}

.our-mission__section--springboard {
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .our-mission__section--springboard .our-mission__article {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
  }
}

@media only screen and (min-width: 992px) {
  .our-mission__section--springboard .our-mission__article {
    grid-template-columns: 1fr max-content;
    gap: 100px;
  }

  .our-mission__section--springboard .our-mission__sideline-text {
    pointer-events: none;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .our-mission__section--springboard .our-mission__sideline-text::after {
    content: "Give as you go";
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
    font-size: 10.9375rem;
    line-height: 0.6;
    color: #F2EADE;
    z-index: -1;
    overflow: hidden;
    transform-origin: top right;
    transform: rotate(90deg) translateX(50%);
  }
}

.our-mission__image-stack {
  margin-top: 40px;
}

.our-mission__image-stack img {
  position: relative;
  display: block;
  width: 335px;
  margin-left: auto;
  margin-right: auto;
}

.our-mission__image-stack img:first-child {
  z-index: 2;
}

.our-mission__image-stack img:nth-child(2) {
  margin-top: -250px;
  margin-bottom: -260px;
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .our-mission__image-stack {
    margin-top: -20%;
    margin-bottom: -20%;
  }

  .our-mission__image-stack img:nth-child(2) {
    margin-top: -50px;
    margin-bottom: -50px;
  }
}

@media only screen and (min-width: 992px) {
  .our-mission__image-stack {
    margin-top: -40%;
    margin-bottom: -40%;
    margin-right: 50px;
  }

  .our-mission__image-stack img {
    width: unset;
  }
}

.our-mission__section--culture .our-mission__article {
  background: #F2EADE;
}

.our-mission__section--culture .our-mission__article img {
  float: right;
  width: 40%;
  margin: 10px -20px 10px 20px;
}

@media only screen and (min-width: 768px) {
  .our-mission__section--culture .our-mission__article img {
    width: auto;
    margin: 10px -30px 10px 20px;
  }
}

@media only screen and (min-width: 992px) {
  .our-mission__section--culture .our-mission__article img {
    margin: 10px -40px 10px 20px;
  }
}

@media only screen and (min-width: 1276px) {
  .our-mission__section--culture .our-mission__article img {
    margin: 10px -50px 10px 20px;
  }
}

@media only screen and (min-width: 1500px) {
  .our-mission__section--culture .our-mission__article img {
    margin: 10px -90px 10px 20px;
  }
}

@media only screen and (min-width: 992px) {
  .our-mission__section--culture {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.our-mission__awards {
  width: 100%;
  padding: 20px;
}

.our-mission__awards img {
  display: block;
  width: 180px;
  margin: 0 auto 20px;
}

@media only screen and (min-width: 768px) {
  .our-mission__awards {
    display: flex;
    align-items: flex-start;
    padding: 30px;
  }

  .our-mission__awards img {
    flex-shrink: 0;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .our-mission__awards {
    display: block;
    padding: 160px 120px 120px;
  }

  .our-mission__awards img {
    width: unset;
    margin-bottom: 60px;
    margin-right: unset;
    margin-left: unset;
  }
}

.team-giving {
  padding-bottom: 40px;
  background-image: linear-gradient(to bottom, #fff 0%, #F2EADE 250px);
}

.team-giving__title {
  max-width: 1000px;
  margin: 0 auto 1.825em;
  font-size: 1.25rem;
  line-height: 1.3;
  text-align: center;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .team-giving__title {
    font-size: 1.5rem;
  }
}

.team-giving__intro {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.66667;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .team-giving__intro {
    font-size: 1.125rem;
  }
}

.give-as-you-go .hero__title span {
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  font-weight: 600;
  font-size: 0.325em;
  text-transform: uppercase;
}

.give-as-you-go .hero__title sup {
  font-size: 1em;
  font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .give-as-you-go .hero__title {
    margin-top: -100px;
  }
}

@media only screen and (max-width: 767px) {
  .give-as-you-go .tab-list__btn {
    margin-bottom: -1px;
  }
}

@media only screen and (min-width: 768px) {
  .give-as-you-go .tab-list__btn {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.give {
  overflow: hidden;
}

.journey__step-item {
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) {
  .journey__step-item {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  }

  .journey__step-item.journey__step-item--active {
    opacity: 1;
    transform: translateY(0);
  }
}

.journey__step {
  position: relative;
  display: grid;
  grid-template-columns: max-content 1fr;
  background: white;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.journey__icon {
  display: flex;
  padding: 20px 0;
  justify-content: center;
  grid-row: 1/span 2;
  width: 42px;
}

.journey__icon svg {
  max-width: 24px;
  max-height: 24px;
}

.journey__content {
  grid-column: 2;
  grid-row: 2;
  padding: 5px 20px 20px;
  font-size: 1rem;
}

.journey__title {
  display: flex;
  align-items: center;
  padding: 20px 20px 0;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #101F44;
}

.journey__title:last-child {
  grid-row: 1/span 2;
  padding: 20px;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .journey__title {
    font-size: 1.1875rem;
  }
}

.journey__step-item--video .journey__title:last-child {
  padding-right: 55px;
}

.journey__step-video {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  float: right;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: white;
  border: 0;
  background: #E87217;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
}

.journey__step-video:hover,
.journey__step-video:focus {
  background: #101F44;
}

.journey_checklist {
  padding-left: 1.5rem;
}

.journey_checklist-item {
  position: relative;
  margin: 0;
}

.journey_checklist-item::before {
  content: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67594 1.07448l-9.2047 9.2047-3.38215-3.38214c-.16398-.16398-.42985-.16398-.59386 0l-.98975.98974c-.16397.16398-.16397.42986 0 .59387l4.6688 4.6688c.16398.16398.42986.16398.59387 0L16.25952 2.6581c.16397-.16398.16397-.42985 0-.59386l-.98975-.98975c-.16397-.16397-.42985-.16397-.59383 0z' fill='%23466FD4' fill-rule='nonzero'/%3E%3C/svg%3E");
  position: absolute;
  top: 1px;
  left: -1.5rem;
}

.journey__step-item--video .journey__step-video {
  margin-top: -35px;
}

.journey__step-item--video .journey_checklist-item:last-child {
  position: relative;
  margin-right: 35px;
}

.journey__step-item--no-slot.journey__step-item--video .journey__step {
  grid-template-columns: max-content 1fr max-content;
}

.journey__step-item--no-slot.journey__step-item--video .journey__title {
  padding: 20px;
  justify-content: center;
  text-align: center;
}

.journey__step-item--no-slot.journey__step-item--video .journey__content {
  display: flex;
  align-items: flex-end;
  grid-column: 3;
  grid-row: 1;
  padding: 20px 20px 20px 0;
}

.journey__step-item--no-slot.journey__step-item--video .journey__step-video {
  float: none;
  margin: 0;
}

.journey__step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 21px;
  border: 2px solid white;
  box-shadow: 0 7px 10px var(--color-shadow);
}

.journey__step-item--homeowners .journey__icon,
.journey__step-item--homeowners .journey__step-number {
  color: white;
  background: #767676;
}

.journey__step-item--milestone .journey__icon,
.journey__step-item--milestone .journey__step-number {
  color: #101F44;
  background: #F2EADE;
}

.journey__step-item--hayden .journey__icon,
.journey__step-item--hayden .journey__step-number {
  color: white;
  background: #E87217;
}

@media only screen and (min-width: 992px) {
  .journey__step-item {
    position: absolute;
  }

  .journey__step-item::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
  }

  .journey__step-number {
    display: none;
  }

  .journey__step-item--1 {
    top: 14.75%;
    left: 18%;
    right: 55%;
  }

  .journey__step-item--1::after {
    left: 100%;
    top: 50%;
    margin-top: -15px;
    border-left: 15px solid white;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }

  .journey__step-item--2 {
    top: 25.3%;
    right: 16%;
    left: 46%;
  }

  .journey__step-item--2::after {
    right: 39px;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }

  .journey__step-item--3 {
    top: 41%;
    left: 39.5%;
    right: 25%;
  }

  .journey__step-item--3::after {
    left: 182px;
    margin-left: -15px;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }

  .journey__step-item--4 {
    top: 54%;
    left: 0%;
    right: 67%;
  }

  .journey__step-item--4::after {
    right: 80px;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }

  .journey__step-item--5 {
    top: 59%;
    left: 63.5%;
    right: 8%;
  }

  .journey__step-item--5::after {
    right: 60px;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }

  .journey__step-item--6 {
    top: 72.75%;
    left: 60%;
    right: 0%;
  }

  .journey__step-item--6::after {
    left: 100px;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }

  .journey__step-item--7 {
    top: 74.75%;
    left: 19%;
    right: 50%;
  }

  .journey__step-item--7::after {
    left: 94px;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }

  .journey__step-item--8 {
    top: 86%;
    left: 0;
    right: 71%;
  }

  .journey__step-item--8::after {
    left: 125px;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }

  .journey__step-item--9 {
    top: 93%;
    left: 21%;
    right: 56%;
  }

  .journey__step-item--9::after {
    left: 138px;
    bottom: 100%;
    margin-left: -15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }

  .journey__step-item--10 {
    top: 96.5%;
    left: 46%;
    right: 20%;
  }

  .journey__step-item--10::after {
    left: 156px;
    bottom: 100%;
    margin-left: -15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
  }
}

@media (prefers-reduced-motion) {
  .journey__step-item {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

.homebuyer-journey {
  --color-sky: #abdedf;
  --color-cloud: #daf1f0;
  --color-mountain: #bac164;
  --color-shadow: #99a13c;
  background: var(--color-mountain);
}

.journey__hero {
  position: relative;
  overflow: hidden;
  background: var(--color-sky);
}

.journey__hero-content {
  position: relative;
  text-align: center;
}

.journey__hero-title {
  margin-bottom: 0.5em;
  font-size: 6.875rem;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .journey__hero-title {
    font-size: 9.375rem;
  }
}

@media only screen and (min-width: 992px) {
  .journey__hero-title {
    font-size: 12.5rem;
  }
}

.journey__hero-title-top {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  line-height: 0.825;
}

.journey__hero-title-bottom {
  font-size: 0.25em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.journey__hero-copy {
  font-size: 1.125rem;
  line-height: 1.66667;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .journey__hero-copy {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 992px) {
  .journey__hero-copy {
    margin-bottom: 200px;
    font-size: 1.5rem;
  }
}

.journey {
  position: relative;
  background: var(--color-mountain);
  padding-bottom: 120px;
}

@media only screen and (min-width: 768px) {
  .journey {
    padding-bottom: 120px;
  }
}

.journey__container {
  position: relative;
  max-width: 1150px;
  margin: 0 auto;
}

.journey__steps {
  max-width: 440px;
  margin: 0 auto;
}

@media only screen and (min-width: 992px) {
  .journey__steps {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
  }
}

.journey__step-list {
  list-style: none;
  padding: 0;
}

@media only screen and (min-width: 992px) {
  .journey__key-container {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
  }
}

.journey__key-wrap {
  margin-bottom: 40px;
}

@media only screen and (min-width: 992px) {
  .journey__key-wrap {
    position: sticky;
    top: 200px;
    right: 0;
    width: 246px;
    overflow: hidden;
    z-index: 1;
  }
}

.journey__key {
  position: relative;
  background: var(--color-shadow);
}

@media only screen and (min-width: 992px) {
  .journey__key {
    width: 210px;
    margin-left: auto;
    transform: translateX(100%);
    transition: transform 0.2s ease-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .journey__key.journey__key--active {
    transform: translateX(0);
  }
}

@media screen and (min-width: 1440px) {
  .journey__key {
    transform: translateX(0);
  }
}

.journey__key-header {
  padding: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .journey__key-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0 20px;
  }
}

.journey__key-title {
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: white;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .journey__key-title {
    grid-row: 1;
    grid-column: 1/span 3;
  }
}

.journey__key-item {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 10px;
  margin-bottom: 20px;
  font-size: 0.9375rem;
  font-weight: 600;
  white-space: nowrap;
}

.journey__key-item svg {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 25px;
  max-height: 25px;
  margin-right: 8px;
}

.journey__key-item:nth-child(2) {
  color: white;
  background: #767676;
}

.journey__key-item:nth-child(3) {
  color: white;
  background: #E87217;
}

.journey__key-item:last-child {
  margin: 0;
  color: #101F44;
  background: #F2EADE;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .journey__key-item {
    margin: 0;
  }
}

.journey__key-footer {
  padding: 20px;
  text-align: center;
  background: white;
}

.journey__key-footer .journey__key-download {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: #101F44;
  border: 2px solid #E87217;
  background: white;
}

.journey__key-footer .journey__key-download:hover,
.journey__key-footer .journey__key-download:focus {
  color: white;
  background: #E87217;
}

.journey__key-toggle {
  display: none;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  right: calc(100% - 1px);
  padding: 10px 15px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--color-shadow);
  border: 0;
  background: white;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  transform-origin: bottom right;
  transform: rotate(90deg) translateY(100%);
}

.journey__key-toggle:hover,
.journey__key-toggle:focus {
  color: white;
  background: var(--color-shadow);
}

@media only screen and (min-width: 992px) {
  .journey__key-toggle {
    display: block;
  }
}

@media screen and (min-width: 1440px) {
  .journey__key-toggle {
    display: none;
  }
}

.journey__sun {
  height: 12.5vw;
  margin-bottom: -10px;
  background-image: url(/images/sun.svg?d86a9649c9d700439343c46d079241d0);
  background-size: contain;
}

@media only screen and (min-width: 768px) {
  .journey__sun {
    margin: 0;
  }
}

.journey__mountains {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  margin-bottom: -1px;
  border-bottom: 2px solid var(--color-mountain);
  background-image: url(/images/mountain-range.svg?8a878a9b4c7020398c89e90fe862a5f3);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: contain;
  transform: scale(1);
}

@media only screen and (min-width: 768px) {
  .journey__mountains {
    height: 98px;
  }
}

@media only screen and (min-width: 992px) {
  .journey__mountains {
    height: 183px;
    background-size: unset;
  }
}

.journey__clouds {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 49.7222222222vw;
}

@media only screen and (min-width: 768px) {
  .journey__clouds {
    transform: translateY(-50%);
  }
}

.journey__clouds-top,
.journey__clouds-bottom {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-size: contain;
  background-repeat: repeat-x;
  background-position: 0% 0%;
}

.journey__clouds-top {
  width: 200%;
  background-image: url(/images/clouds-top.svg?87dda08596512528e07e040e8daaafb1);
  animation: clouds-animation 40s linear forwards infinite;
}

.journey__clouds-bottom {
  width: 200%;
  background-image: url(/images/clouds-bottom.svg?f2f82b9dd2bdd2aab44f1165a75e7dcc);
  animation: clouds-animation 60s linear forwards infinite;
}

.journey__svg {
  position: relative;
  display: none;
  margin-top: -360px;
}

.journey__svg svg {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 992px) {
  .journey__svg {
    display: block;
  }
}

@keyframes clouds-animation {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion) {
  .journey__clouds-top,
  .journey__clouds-bottom {
    animation: none;
  }
}

.oh {
  background: #F2EADE;
}

.oh__intro {
  padding: var(--basePadding2x);
}

@media only screen and (min-width: 992px) {
  .oh__intro {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .oh__intro {
    padding: calc(var(--basePadding) * 8);
    padding-bottom: calc(var(--basePadding) * 4);
  }
}

.oh__intro-title {
  font-family: var(--fontScript);
  font-size: 3.125rem;
}

@media only screen and (min-width: 768px) {
  .oh__intro-title {
    font-size: 5rem;
  }
}

.oh p {
  font-size: 0.9375rem;
}

@media only screen and (min-width: 768px) {
  .oh p {
    font-size: 1.125rem;
  }
}

.oh p:last-child {
  margin-bottom: 0;
}

.oh__arrow svg,
.oh__arrow svg g {
  stroke: #E87217;
}

.oh__arrow--left svg {
  transform: rotate(180deg);
}

.oh__directions {
  display: flex;
  align-items: center;
  justify-content: center;
}

.oh__directions > span:nth-child(2) {
  margin: 0 var(--basePadding);
}

.oh__directions .oh__directions-desktop {
  display: none;
}

@media only screen and (min-width: 768px) {
  .oh__directions .oh__directions-desktop {
    display: inline-block;
  }
}

@media only screen and (min-width: 768px) {
  .oh__directions .oh__directions-mobile {
    display: none;
  }
}

.oh__timeline {
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow-x: auto;
  display: flex;
  background: transparent url("/images/site/our-history/squiggle.svg") repeat-x;
  background-size: contain;
  background-attachment: local;
  padding-left: var(--basePadding2x);
  padding-bottom: var(--basePadding2x);
  scrollbar-width: thin;
  scrollbar-color: #4d4d4d #F2EADE;
}

.oh__timeline::-webkit-scrollbar {
  width: 11px;
}

.oh__timeline::-webkit-scrollbar-track {
  background: #F2EADE;
}

.oh__timeline::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-radius: 6px;
  border: 3px solid #F2EADE;
}

.oh__timeline.oh__timeline--dragging {
  cursor: grabbing;
}

@media only screen and (min-width: 768px) {
  .oh__timeline {
    align-items: center;
  }
}

@media only screen and (min-width: 992px) {
  .oh__timeline {
    padding-left: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .oh__timeline {
    padding-left: calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 768px) {
  .oh__timeline p {
    font-size: 1rem;
    margin-bottom: var(--basePadding);
    line-height: 28px;
  }
}

.oh__timeline p:last-child {
  margin-bottom: 0;
}

.oh__timeline ul {
  padding-left: var(--basePadding);
}

.oh__timeline li {
  list-style: disc;
}

.oh__timeline-item {
  padding: 0 var(--basePadding2x);
  position: relative;
  min-width: calc(100vw - var(--basePadding2x) * 2);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 150px 1fr;
}

@media only screen and (min-width: 768px) {
  .oh__timeline-item {
    grid-template-rows: 1fr 1fr;
    min-width: 450px;
    width: unset;
  }
}

@media only screen and (min-width: 768px) {
  .oh__timeline-item--wider {
    min-width: 600px;
  }
}

.oh__timeline-item::after {
  content: "";
  height: 3px;
  width: 100%;
  background: #4d4d4d;
  position: absolute;
  left: 0;
  top: 150px;
}

@media only screen and (min-width: 768px) {
  .oh__timeline-item::after {
    top: 50%;
    transform: translateY(-50%);
  }
}

.oh__timeline-item::before {
  content: "";
  height: 31px;
  width: 3px;
  background: #4d4d4d;
  background: transparent url(/images/date-dash.svg?d8f465015ca7e88724b885552964461f) no-repeat center center;
  position: absolute;
  left: 0;
  top: 138px;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .oh__timeline-item::before {
    top: 50%;
    transform: translateY(-50%);
  }
}

.oh__timeline-image {
  grid-column: 2/span 2;
  grid-row: 1;
  align-self: end;
  justify-self: end;
  margin-bottom: var(--basePaddingN);
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
}

@media only screen and (min-width: 768px) {
  .oh__timeline-image {
    height: unset;
  }
}

.oh__timeline-image--no-margin {
  margin: 0;
}

.oh__timeline-img {
  pointer-events: none;
  max-height: 100%;
  min-width: 100px;
}

@media only screen and (min-width: 768px) {
  .oh__timeline-img {
    min-width: 200px;
    max-height: 339px;
  }
}

.oh__timeline-img--rotate {
  transform: rotate(-5deg);
}

.oh__timeline-img--rotate-2 {
  transform: rotate(5deg);
}

.oh__caption {
  grid-row: 2;
  grid-column: 1/span 3;
}

@media only screen and (min-width: 768px) {
  .oh__caption {
    display: grid;
    grid-row: 1/span 2;
    grid-template-rows: 1fr 1fr;
  }
}

.oh__caption--full {
  grid-column: 1/span 3;
}

.oh__year {
  font-size: 2.5rem;
  font-family: var(--fontScript);
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  text-shadow: 0 0 2px #F2EADE;
}

@media only screen and (min-width: 768px) {
  .oh__year {
    align-self: end;
    padding-bottom: var(--basePadding);
  }
}

@media only screen and (min-width: 768px) {
  .oh__copy {
    padding-top: var(--basePadding);
  }
}

@media only screen and (min-width: 768px) {
  .oh__timeline-item:nth-child(even) .oh__caption {
    grid-row: 1;
    padding-bottom: var(--basePadding);
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .oh__timeline-item:nth-child(even) .oh__caption {
    padding-bottom: 0;
    grid-row: 1/span 2;
  }
}

@media only screen and (min-width: 768px) {
  .oh__timeline-item:nth-child(even) .oh__timeline-image {
    grid-row: 2;
    align-self: start;
    margin-bottom: unset;
    margin-top: var(--basePaddingN);
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .oh__timeline-item:nth-child(even) .oh__year {
    grid-row: 2;
    align-self: start;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .oh__timeline-item:nth-child(even) .oh__copy {
    grid-row: 1;
    padding-top: unset;
    padding-bottom: var(--basePadding);
    align-self: end;
  }
}

.what-can-i-afford .hero {
  --aspectRatioHeight: 360;
  --aspectRatioWidth: 1440;
}

@media only screen and (min-width: 768px) {
  .what-can-i-afford .hero {
    background-size: 100% auto;
    background-position: top;
  }
}

.afford__lead {
  background: #F2EADE;
}

.afford__copy {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.66667;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .afford__copy {
    font-size: 1.125rem;
  }
}

.afford__form {
  display: grid;
  align-items: flex-start;
  gap: 40px;
}

@media only screen and (min-width: 768px) {
  .afford__form {
    grid-template-columns: 300px 1fr;
    gap: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .afford__form {
    gap: 40px;
  }
}

@media only screen and (min-width: 1276px) {
  .afford__form {
    gap: 60px;
  }
}

.afford__fieldset {
  border: 0;
}

.afford__legend {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  font-size: 1.3125rem;
  line-height: 1.3;
}

@media only screen and (min-width: 768px) {
  .afford__legend {
    padding-bottom: 40px;
  }
}

.afford__legend-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 0.5em;
  border-radius: 50%;
  flex: none;
  font-weight: 600;
  color: white;
  background: #E87217;
}

.afford__fields {
  padding: 40px 30px;
  border: 1px solid #ccc;
}

@media only screen and (min-width: 992px) {
  .afford__fields {
    padding: 40px;
  }
}

.afford__column--location {
  display: grid;
}

@media only screen and (min-width: 768px) {
  .afford__column--location {
    gap: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .afford__column--location {
    gap: 40px;
  }
}

@media only screen and (min-width: 1276px) {
  .afford__column--location {
    gap: 60px;
  }
}

.afford__fieldset--financial .afford__field {
  margin-bottom: 20px;
}

.afford__fieldset--financial .afford__field:last-child {
  margin-bottom: 0;
}

.afford__fieldset--financial .afford__field--error {
  background: #f6f6f6;
}

.afford__fieldset--financial .afford__field[aria-hidden=false] {
  padding: 20px;
}

.afford__fieldset--financial input,
.afford__fieldset--financial select {
  height: 40px;
  border-radius: 6px;
  border-color: #D8D8D8;
  background: #fff;
}

.afford__fieldset--financial input:focus,
.afford__fieldset--financial input:focus + .form-input__prefix,
.afford__fieldset--financial input:focus + .form-input__suffix,
.afford__fieldset--financial select:focus,
.afford__fieldset--financial select:focus + .form-input__prefix,
.afford__fieldset--financial select:focus + .form-input__suffix {
  border-color: #101F44;
}

.afford__fieldset--financial .form-input__label {
  font-size: 0.8125rem;
  text-transform: uppercase;
}

.afford__fieldset--financial .form-input__prefix,
.afford__fieldset--financial .form-input__suffix {
  font-size: 1.25rem;
  font-weight: 600;
  color: #E87217;
  transition: border-color 0.2s ease-out;
}

.afford__fieldset--financial .form-input__prefix {
  border-right: 1px solid #D8D8D8;
}

.afford__fieldset--financial .form-input__suffix {
  border-left: 1px solid #D8D8D8;
}

.afford__fieldset--location {
  margin-bottom: 20px;
}

.afford__fieldset--location .afford__fields {
  display: grid;
  gap: 20px;
  background: #eee;
}

@media only screen and (min-width: 992px) {
  .afford__fieldset--location .afford__fields {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 992px) {
  .afford__fieldset--location .filter {
    height: 50px;
  }
}

.afford__fieldset--location .filter::after {
  background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 17 9' xmlns='http://www.w3.org/2000/svg' class='svg-chevron' fill='%23999999'%3E%3Cpath d='M16.749.356l-.255-.255a.43.43 0 00-.61 0L8.878 7.113 1.866.1a.43.43 0 00-.61 0l-.255.255a.43.43 0 000 .61l7.568 7.57a.43.43 0 00.61 0l7.566-7.57a.428.428 0 00.004-.61z' fill-rule='nonzero'/%3E%3C/svg%3E") center no-repeat;
}

.afford__fieldset--location .filter__select {
  border: 1px solid #ccc;
}

.afford__fieldset--location .filter__select option {
  background: #fff;
}

.afford__fieldset--location .filter__select:focus {
  outline: 0;
  border-color: #101F44;
}

.afford__fieldset--location .filter__select.invalid {
  border-color: #ad1717;
}

.afford__fieldset--location .filter__text {
  color: #625b5b;
  background: #fff;
}

@media only screen and (min-width: 992px) {
  .afford__fieldset--location .filter__text {
    font-size: 1.125rem;
  }
}

.afford__fieldset--location .filter--dirty .filter__select {
  border: 1px solid #101F44;
}

.afford__fieldset--location .filter--dirty .filter__text {
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .afford__fieldset--location {
    max-height: 202px;
    margin-bottom: 0;
  }
}

.afford__output,
.afford__breakdown-dl {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 20px;
}

.afford__breakdown-dl {
  padding-bottom: 20px;
}

.afford__output {
  padding: 20px 30px;
  line-height: 1;
  color: white;
  background: #101F44;
}

.afford__breakdown {
  padding: 30px;
  border: 1px solid #ccc;
  border-top: 0;
  background: #eee;
}

.afford__breakdown-dd {
  font-weight: 600;
  text-align: right;
}

.afford__product {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s ease-out, max-height 0.3s ease-out;
}

.afford__product--active {
  max-height: 700px;
  opacity: 1;
}

.afford__results {
  position: relative;
}

.afford__results .tab-list {
  position: relative;
  text-align: center;
  background: white;
}

.afford__results .tab-list__content {
  display: inline-grid;
  grid-template-columns: max-content max-content;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
}

.afford__results .tab-list::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 8px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  z-index: 1;
}

.afford__results .tab-list__btn {
  position: relative;
  padding: 14px 20px;
  line-height: 1;
  color: #625b5b;
  border: 0;
  background: white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0);
  transition: color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.afford__results .tab-list__btn::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 8px;
  background: white;
}

.afford__results .tab-list__btn:hover,
.afford__results .tab-list__btn:focus,
.afford__results .tab-list__btn.active {
  color: #101F44;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

@media only screen and (min-width: 992px) {
  .afford__results .tab-list__btn {
    padding: 18px 50px;
  }
}

@media only screen and (min-width: 768px) {
  .afford__results {
    display: block;
  }
}

.afford__result-list {
  display: grid;
  gap: 30px;
}

@media only screen and (min-width: 1276px) {
  .afford__result-list {
    grid-template-columns: 1fr 1fr;
  }
}

.afford__result-empty,
.afford__empty-content,
.afford__disclaimer-inner {
  position: relative;
  width: 100%;
  font-size: 1.125rem;
  text-align: center;
  padding: 20px;
  border: 1px solid #ccc;
  background: #eee;
}

@media only screen and (min-width: 768px) {
  .afford__result-empty,
  .afford__empty-content,
  .afford__disclaimer-inner {
    padding: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .afford__result-empty,
  .afford__empty-content,
  .afford__disclaimer-inner {
    padding: 40px;
  }
}

.afford__result-empty {
  font-weight: 600;
  color: #101F44;
}

.afford__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 210px;
  border: 1px solid #ccc;
  background: #eee;
}

.afford__loading-text {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #101F44;
}

@media screen and (min-width: 1182px) {
  .afford__result-empty {
    grid-column: 1/span 2;
  }
}

.afford__empty {
  padding-bottom: 0;
}

.afford__empty-content {
  display: flex;
  justify-content: center;
  text-align: left;
}

.afford__empty-content p:last-child {
  margin: 0;
}

.afford__sorts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px;
}

.afford__disclaimer {
  padding-top: 0;
}

.afford__disclaimer p {
  margin: 0;
}

.hero--home-maintenance {
  --aspectRatioHeight: 540;
  --aspectRatioWidth: 1440;
  background-size: cover;
}

@media only screen and (min-width: 768px) {
  .hero--home-maintenance {
    background-size: 100%;
  }
}

.hero--home-maintenance .hero__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hero--home-maintenance .hero__title span {
  font-family: var(--fontBase);
  font-size: 1.75rem;
  text-transform: uppercase;
  display: inline-block;
  margin-top: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .hero--home-maintenance .hero__title span {
    font-size: 2.5rem;
  }
}

.hm__intro {
  position: relative;
  background: #F2EADE url("/images/site/new-vs-used/svgs/swoosh-2.svg") no-repeat bottom left;
  background-size: auto 95%;
}

@media only screen and (min-width: 768px) {
  .hm__intro {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--basePadding) * 6);
    font-size: 1.125rem;
    overflow-x: hidden;
  }

  .hm__intro p {
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 992px) {
  .hm__intro {
    grid-template-columns: minmax(0, 620px) 490px;
    align-items: center;
    overflow-x: unset;
  }
}

@media only screen and (min-width: 768px) {
  .hm__intro {
    padding-bottom: 109px;
  }
}

.hm__intro-right {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .hm__intro-right {
    margin-right: calc(var(--basePadding) * -4);
  }
}

@media only screen and (min-width: 992px) {
  .hm__intro-right {
    margin-top: calc(var(--basePadding) * -8);
  }
}

.hm__title {
  color: #101F44;
  text-transform: uppercase;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .hm__title {
    font-size: 2.1875rem;
  }
}

.hm__intro-img {
  max-width: 100%;
}

.hm__intro-img:first-child {
  position: relative;
}

.hm__intro-img + .hm__intro-img {
  margin: -15vw -30px 0 30px;
}

@media only screen and (min-width: 768px) {
  .hm__intro-img + .hm__intro-img {
    margin-top: -10vw;
    margin-right: 0;
  }
}

@media only screen and (min-width: 1276px) {
  .tabs--hm {
    margin-top: -49px;
  }
}

.tab-list--hm {
  background: #F2EADE;
}

@media only screen and (min-width: 1276px) {
  .tab-list--hm {
    background: transparent;
  }
}

.tab-list--hm .tab-list__content {
  flex-wrap: nowrap;
  overflow-x: auto;
  display: flex;
}

@media only screen and (min-width: 1276px) {
  .tab-list--hm .tab-list__content {
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
  }
}

.tab-list--hm .tab-list__btn {
  width: auto;
  padding: 20px var(--basePadding2x) 15px;
  color: #333333;
}

@media screen and (max-width: 767px) {
  .tab-list--hm .tab-list__btn {
    min-width: 40vw;
  }
}

.tab-list--hm .tab-list__btn.active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.tab-content--hm {
  padding: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .tab-content--hm {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 992px) {
  .tab-content--hm {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .tab-content--hm {
    padding: calc(var(--basePadding) * 4) 0;
  }
}

@media only screen and (min-width: 768px) {
  .hm-how-tos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--basePadding) * 2);
  }
}

@media only screen and (min-width: 1276px) {
  .hm-how-tos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.hm-how-tos__item {
  border: 1px solid #CCCCCC;
  margin-bottom: var(--basePadding2x);
}

@media only screen and (min-width: 768px) {
  .hm-how-tos__item {
    margin-bottom: 0;
  }
}

.card--how-to {
  position: relative;
}

.card--how-to .card__caption {
  padding: var(--basePadding2x);
}

.card--how-to .card__title {
  color: #101F44;
  font-size: 1.375rem;
  font-weight: 400;
  margin-bottom: var(--basePadding);
  line-height: 1.2;
}

.card--how-to .card__img-wrap {
  aspect-ratio: 16/9;
  display: block;
}

.card--how-to .card__img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: 100%;
  width: 100%;
}

.card--how-to .card__cta {
  position: absolute;
  top: 15px;
  right: 15px;
}

.ln {
  padding-top: calc(var(--basePadding) * 2);
  padding-bottom: calc(var(--basePadding) * 2);
}

@media only screen and (min-width: 768px) {
  .ln {
    padding-top: calc(var(--basePadding) * 4);
    padding-bottom: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 1276px) {
  .ln {
    padding-top: calc(var(--basePadding) * 6);
    padding-bottom: calc(var(--basePadding) * 6);
  }
}

.ln hr {
  margin: var(--basePadding2x) 0;
}

.ln h2,
.ln h3 {
  font-size: 1rem;
  margin-bottom: var(--basePadding);
  font-weight: 700;
}

.ln ol {
  list-style: decimal;
  margin-left: var(--basePadding2x);
  margin-bottom: var(--basePadding);
}

.ln ul {
  list-style: disc;
  margin-left: var(--basePadding2x);
  margin-bottom: var(--basePadding);
}

.ln li {
  margin-bottom: var(--basePadding);
}

.ln .title--center {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.ln__title {
  font-family: var(--fontScript);
  font-size: 3.125rem;
}

@media only screen and (min-width: 768px) {
  .ln__title {
    font-size: 5rem;
  }
}

address {
  font-style: normal;
}

.col {
  display: grid;
  gap: var(--basePadding2x);
}

@media only screen and (min-width: 992px) {
  .col--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.homesite #app {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

.homesite #mainContent {
  position: relative;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  width: 100vw;
  height: 100vh;
  padding: 5mm;
  background: white;
}

.homesite__main {
  position: relative;
}

.homesite__hero {
  text-align: center;
}

.homesite__logo svg {
  height: 30pt;
  width: auto;
}

.homesite__title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20pt;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
}

.homesite__map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.homesite__map gl-spot-map {
  height: 100%;
}

@media print {
  .homesite__map {
    margin: 0;
  }
}

.homesite__legend-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10pt;
  padding: 20pt 0;
}

.homesite__legend-item {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  align-items: center;
  gap: 2pt;
}

.homesite__legend-key {
  width: 20pt;
  height: 20pt;
  margin-right: 10pt;
  border: 1px solid #fff;
  background: var(--lotmap-color);
}

.homesite__legend-key img {
  display: block;
  width: 100%;
  height: auto;
}

.homesite__legend-value {
  font-size: 12pt;
  font-weight: 600;
  line-height: 1;
}

.homesite__disclaimer {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 40pt;
  color: #767676;
}

.homesite__copy,
.homesite__printed {
  margin: 0;
  line-height: 1.5;
}

.homesite__copy {
  font-size: 10pt;
}

.homesite__printed {
  font-size: 12pt;
}

.homesite__hero .cta {
  position: absolute;
  top: 10px;
  right: 10px;
}

@media print {
  .homesite__hero .cta {
    display: none !important;
  }
}

.hs-hero .hero {
  --overlayOpacity: .6;
  background-blend-mode: multiply, normal;
}

.hs-hero .hero__title {
  line-height: 1;
}

.hero__title-pre {
  font-size: 1.125rem;
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  color: #FFF;
  text-transform: uppercase;
}

@media screen and (min-width: 992px) {
  .hero__title-pre {
    font-size: 1.875rem;
  }
}

.hs-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background: transparent;
}

@media screen and (min-width: 768px) {
  .hs-nav {
    flex-direction: row;
    gap: 30px;
    padding-block-start: 20px;
    background: #EEE;
  }
}

.hs-nav__link {
  font-size: 0.875rem;
  color: #101F44;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 15px;
  background: #EEE;
}

@media screen and (max-width: 767px) {
  .hs-nav__link {
    width: 100%;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .hs-nav__link {
    background: transparent;
  }
}

.hs-nav__link--active {
  background: white;
}

@media screen and (min-width: 768px) {
  .hs-nav__link--active {
    box-shadow: 0px -5px 8px 0px rgba(0, 0, 0, 0.15);
  }
}

.hs-header {
  padding-inline: 20px;
  padding-block-start: 40px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .hs-header {
    padding-inline: 50px;
    text-align: left;
  }
}

@media screen and (min-width: 1200px) {
  .hs-header {
    padding-inline: 100px;
    max-width: 1440px;
    margin-inline: auto;
  }
}

.hs-header p {
  font-size: 1.125rem;
  line-height: 1.5;
}

.hs-header__title {
  text-align: center;
  color: #E87217;
  font-size: 3.75rem;
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
}

@media screen and (min-width: 992px) {
  .hs-header__title {
    font-size: 5rem;
  }
}

.ppp-title {
  padding: 0 20px;
}

@media screen and (min-width: 992px) {
  .ppp-title {
    padding: 0 50px;
  }
}

@media screen and (min-width: 1200px) {
  .ppp-title {
    padding: 0 100px;
  }
}

.ppp-title__text {
  text-align: center;
  background: #101F44;
  color: white;
  font-size: 3.75rem;
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  padding: 15px 30px;
  margin-block: 30px;
}

@media screen and (min-width: 992px) {
  .ppp-title__text {
    font-size: 5rem;
    max-width: 1240px;
    margin-block: 50px;
    margin-inline: auto;
  }
}

.ppp-tabs {
  scroll-margin-top: 100px;
}

.ppp-tabs-list__title {
  display: none;
}

@media screen and (min-width: 768px) {
  .ppp-tabs-list__title {
    font-size: 1.125rem;
    text-align: center;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    justify-content: center;
    align-items: center;
    gap: 20px;
    text-transform: uppercase;
    margin-inline: auto;
    max-width: 1440px;
    padding-inline: 30px;
    padding-inline: 50px;
  }
}

@media screen and (min-width: 1200px) {
  .ppp-tabs-list__title {
    padding-inline: 100px;
  }
}

.ppp-tabs-list__title::before,
.ppp-tabs-list__title::after {
  content: "";
  display: flex;
  height: 1px;
  width: 100%;
  background: #CCC;
}

.tab-list--ppp {
  display: none;
}

@media screen and (min-width: 992px) {
  .tab-list--ppp {
    display: block;
    padding: 50px;
  }

  .tab-list--ppp .tab-list__content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 1240px;
    margin-inline: auto;
    gap: 30px;
    align-items: start;
  }
}

@media screen and (min-width: 1200px) {
  .tab-list--ppp {
    padding-inline: 100px;
  }
}

.tab-list--ppp .tab-list__btn {
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: unset;
  text-align: left;
  text-transform: unset;
}

.tab-list--ppp .tab-list__btn.active .ppp-tab__text {
  color: #E87217;
}

.ppp-tab__image {
  background: #EEE;
  aspect-ratio: 397/226;
  overflow: hidden;
}

.ppp-tab__img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center center;
     object-position: center center;
}

.ppp-tab__text {
  font-size: 1.125rem;
  color: #101F44;
  font-weight: 600;
  margin-block-start: 20px;
  text-transform: unset;
}

.tab-content--ppp {
  padding: 20px;
}

@media screen and (min-width: 992px) {
  .tab-content--ppp {
    padding: 50px 50px;
    display: grid;
    position: relative;
    align-items: start;
  }

  .tab-content--ppp .tab__panel {
    max-width: 1240px;
    margin-inline: auto;
    display: block;
    opacity: 0;
    transition: 0.3s ease all;
    pointer-events: none;
    grid-column: 1;
    grid-row: 1;
    height: 100%;
  }

  .tab-content--ppp .tab__panel.active {
    opacity: 1;
    pointer-events: unset;
    position: relative;
    z-index: 2;
  }
}

@media screen and (min-width: 1200px) {
  .tab-content--ppp {
    padding: 100px 100px;
  }
}

@media screen and (min-width: 992px) {
  .ppp-story {
    display: grid;
    gap: 70px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    grid-template-areas: "title image" "descr image" "partn image";
    grid-template-rows: auto auto 1fr;
    height: 100%;
  }

  .ppp-story .ppp-story__image {
    grid-area: image;
  }

  .ppp-story .ppp-story__header {
    grid-area: title;
    margin: 0;
  }

  .ppp-story .ppp-story__content {
    grid-area: descr;
  }

  .ppp-story .ppp-story__content p {
    font-size: 1.125rem;
  }

  .ppp-story .ppp-story__content p:last-child {
    margin: 0;
  }

  .ppp-story .ppp-story__partners {
    grid-area: partn;
  }
}

.ppp-story__header {
  position: relative;
  margin-block-end: 15px;
}

.ppp-story__title {
  text-align: center;
  display: grid;
  justify-content: center;
  gap: 15px;
}

@media screen and (min-width: 992px) {
  .ppp-story__title {
    margin: 0;
  }
}

.ppp-story__title-pre {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  color: #767676;
}

@media screen and (min-width: 768px) {
  .ppp-story__title-pre {
    font-size: 1.25rem;
  }
}

.ppp-story__title-text {
  font-size: 1.25rem;
  color: #101F44;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .ppp-story__title-text {
    font-size: 1.875rem;
  }
}

.ppp-story__header-next,
.ppp-story__header .tab-list__btn {
  border: 0;
  padding: 0;
  color: #E87217;
  font-size: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .ppp-story__header-next,
  .ppp-story__header .tab-list__btn {
    display: none;
  }
}

.ppp-story__header-next svg,
.ppp-story__header .tab-list__btn svg {
  width: 18px;
  height: auto;
}

.ppp-story__image {
  margin-block-end: 20px;
  line-height: 0;
}

@media screen and (min-width: 768px) {
  .ppp-story__image {
    aspect-ratio: 713/659;
    position: relative;
  }
}

@media screen and (min-width: 992px) {
  .ppp-story__image {
    aspect-ratio: unset;
    height: 100%;
  }
}

.ppp-story__img {
  max-width: 100%;
  display: block;
}

@media screen and (min-width: 768px) {
  .ppp-story__img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

.ppp-story__image-next,
.ppp-story__image .tab-list__btn {
  display: none;
}

@media screen and (min-width: 768px) {
  .ppp-story__image-next,
  .ppp-story__image .tab-list__btn {
    display: inline-grid;
    gap: 30px;
    grid-template-columns: 1fr auto;
    padding: 40px;
    background: #E87217;
    color: white;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0;
    font-size: 1.5rem;
    align-items: center;
    max-width: 65%;
    text-align: left;
    text-transform: unset;
    font-weight: 400;
  }

  .ppp-story__image-next:hover,
  .ppp-story__image-next:focus-visible,
  .ppp-story__image .tab-list__btn:hover,
  .ppp-story__image .tab-list__btn:focus-visible {
    background: #101F44;
  }

  .ppp-story__image-next strong,
  .ppp-story__image .tab-list__btn strong {
    font-weight: 700;
  }
}

.ppp-story__partners-title {
  text-align: center;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: 1rem;
  text-transform: uppercase;
}

.ppp-story__partners-title::before,
.ppp-story__partners-title::after {
  content: "";
  display: flex;
  height: 1px;
  width: 100%;
  background: #CCC;
}

@media screen and (min-width: 768px) {
  .ppp-story__partners-title {
    font-size: 1.125rem;
  }
}

.ppp-story__partners-list {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 30px;
  line-height: 1.2;
}

.ppp-footer {
  background: #F2EADE;
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .ppp-footer {
    padding: 50px;
  }
}

@media screen and (min-width: 1200px) {
  .ppp-footer {
    padding: 100px;
  }
}

.ppp-footer__title {
  text-align: center;
  font-size: 1.25rem;
  color: #101F44;
  text-transform: uppercase;
  margin-block-end: 30px;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .ppp-footer__title {
    font-size: 1.5rem;
    margin-block-end: 60px;
  }
}

.ppp-footer__items {
  display: grid;
  gap: 30px;
}

@media screen and (min-width: 768px) {
  .ppp-footer__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (min-width: 992px) {
  .ppp-footer__items {
    max-width: 1240px;
    margin-inline: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.ppp-footer__item-icon {
  display: grid;
  align-items: center;
  justify-items: center;
}

.ppp-footer__item-icon > * {
  grid-column: 1;
  grid-row: 1;
}

.ppp-footer__item-icon svg:first-child {
  max-width: 100%;
  height: auto;
}

.ppp-footer__item {
  display: grid;
  gap: 25px;
  justify-content: center;
}

.ppp-footer__item:nth-child(odd) .ppp-footer__item-icon {
  color: #101F44;
}

.ppp-footer__item:nth-child(even) .ppp-footer__item-icon {
  color: #E87217;
}

.ppp-footer__item-text {
  color: #101F44;
  text-align: center;
  font-weight: 600;
  font-size: 1.125rem;
}

.hs-footer {
  padding: 20px;
  display: grid;
  gap: 20px;
}

@media screen and (min-width: 768px) {
  .hs-footer {
    gap: 0px;
    background-size: cover;
    background: linear-gradient(0deg, rgba(16, 31, 68, 0.7) 0%, rgba(16, 31, 68, 0.7) 100%), url("/images/site/housing-solutions/bg-grass.webp") lightgray 50%/cover no-repeat;
    background-blend-mode: multiply, normal;
    grid-template-columns: minmax(0, 1098px);
    justify-content: center;
    background-blend-mode: multiply, normal;
    padding: 50px;
  }
}

.hs-footer .form-input__label {
  text-transform: uppercase;
  font-size: 1rem;
}

@media screen and (min-width: 768px) {
  .hs-footer .hh-form {
    padding: 40px;
    background: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .hs-footer .hh-form > div {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hs-footer .hh-form > div.alert {
    display: block;
  }
}

.hs-footer .hh-form textarea {
  min-height: 160px;
}

@media screen and (min-width: 1200px) {
  .hs-footer .hh-form__main {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (min-width: 1200px) {
  .hs-footer .hh-form__footer {
    grid-column: 1/span 2;
    display: flex;
    justify-content: space-between;
  }

  .hs-footer .hh-form__footer > *:empty {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .hs-footer .hh-form__captcha {
    margin: 0;
  }
}

.hs-footer .contact__form-form .hh-form__footer button {
  border-radius: unset;
  font-size: 1rem;
  padding: 8px 20px;
}

@media screen and (min-width: 1200px) {
  .hs-footer .hh-form__group {
    margin: 0;
  }
}

.hs-footer__header {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .hs-footer__header {
    background: #101F44;
    color: #FFF;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 30px;
    gap: 30px;
    display: block;
  }
}

.hs-footer__title {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  text-align: center;
  font-size: 3.75rem;
  color: #101F44;
  margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
  .hs-footer__title {
    margin: 0;
    color: #FFF;
  }
}

@media screen and (min-width: 992px) {
  .hs-footer__title {
    font-size: 5rem;
  }
}

.hs-footer__figure {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .hs-footer__figure {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    align-content: center;
    gap: 45px;
  }
}

.hs-footer__figure-image {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .hs-footer__figure-image {
    display: flex;
    gap: 45px;
  }

  .hs-footer__figure-image::before {
    content: "";
    display: block;
    width: 1px;
    background: white;
  }
}

.hs-footer__figure-img {
  border-radius: 50%;
  display: block;
  margin: 0 auto 10px;
}

.hs-footer__caption {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .hs-footer__caption {
    text-align: left;
  }
}

.hs-footer__message {
  font-size: 1.25rem;
  color: #E87217;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .hs-footer__message {
    font-size: 24px;
    margin-block-end: 10px;
  }
}

.hs-footer__name {
  font-weight: 700;
  font-size: 1rem;
  margin-block-end: 0px;
}

@media screen and (min-width: 768px) {
  .hs-footer__name {
    color: #FFF;
    font-size: 1.125rem;
  }
}

.hs-footer__position {
  font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
  .hs-footer__position {
    font-size: 1.125rem;
  }
}

#hsForm {
  scroll-margin-top: 60px;
}

@media screen and (min-width: 992px) {
  #hsForm {
    scroll-margin-top: 90px;
  }
}

@media screen and (min-width: 1200px) {
  #hsForm {
    scroll-margin-top: 115px;
  }
}

.underline {
  text-decoration: underline;
}

.hs-wrap {
  background: #101F44;
  padding: 40px 20px;
}

@media screen and (min-width: 768px) {
  .hs-wrap {
    display: grid;
    gap: 50px;
    padding-inline: 50px;
  }
}

@media screen and (min-width: 1200px) {
  .hs-wrap {
    padding-inline: 100px;
    grid-template-columns: minmax(0, 1440px);
    margin-inline: auto;
    justify-content: center;
  }
}

.hs-header--hs {
  text-align: center;
  padding: 20px;
}

.hs-header--hs .hs-header__title {
  font-family: "Proxima Nova Regular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
  font-size: 1.875rem;
}

@media screen and (min-width: 768px) {
  .hs-header--hs .hs-header__title {
    font-size: 2.5rem;
  }
}

.hs-header--hs .hs-header__title,
.hs-header--hs p {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .hs-content {
    margin-block-start: 30px;
    margin-inline: -20px;
  }
}

.hs-figure {
  color: #FFF;
}

@media screen and (max-width: 991px) {
  .hs-figure {
    display: grid;
  }

  .hs-figure .hs-figure__info {
    grid-row: 1;
  }

  .hs-figure .hs-figure__carousel {
    grid-row: 2;
  }
}

@media screen and (min-width: 992px) {
  .hs-figure {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr);
    align-items: center;
    margin-block-end: 50px;
  }
}

.hs-figure:nth-child(odd) .hs-figure__title-num {
  background: #FFF;
  color: #101F44;
}

.hs-figure:nth-child(odd) .hs-figure__info {
  background: #E87217;
}

@media screen and (min-width: 992px) {
  .hs-figure:nth-child(odd) .hs-figure__carousel {
    grid-column: 2/span 2;
    grid-row: 1;
  }

  .hs-figure:nth-child(odd) .hs-figure__info {
    grid-column: 1/span 2;
    grid-row: 1;
  }
}

.hs-figure:nth-child(even) .hs-figure__title-num {
  background: #E87217;
}

.hs-figure:nth-child(even) .hs-figure__info {
  background: #101F44;
}

@media screen and (min-width: 992px) {
  .hs-figure:nth-child(even) .carousel__controls {
    inset-inline-end: unset;
    inset-inline-start: 10px;
    inset-block-start: 10px;
    inset-block-end: unset;
  }
}

@media screen and (min-width: 992px) {
  .hs-figure:nth-child(even) .hs-figure__carousel {
    grid-column: 1/span 2;
    grid-row: 1;
  }

  .hs-figure:nth-child(even) .hs-figure__info {
    grid-column: 2/span 2;
    grid-row: 1;
    background: none;
    padding-inline-start: 20px;
  }
}

.hs-figure__carousel {
  background: transparent;
  aspect-ratio: 393/399;
  position: relative;
}

@media screen and (min-width: 768px) {
  .hs-figure__carousel {
    aspect-ratio: 603/541;
  }
}

.hs-figure__carousel .carousel,
.hs-figure__carousel .carousel__track,
.hs-figure__carousel .carousel__inner,
.hs-figure__carousel .carousel__slides,
.hs-figure__carousel .carousel__slide,
.hs-figure__carousel .hs-figure__carousel-image {
  width: 100%;
  height: 100%;
}

.hs-figure__carousel .carousel__track {
  height: 100% !important;
}

.hs-figure__carousel .carousel__inner {
  margin: 0;
  padding: 0;
}

.hs-figure__carousel .hs-figure__carousel-img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center center;
     object-position: center center;
}

.hs-figure__carousel .carousel__controls {
  position: absolute;
  inset-inline-end: 10px;
  inset-inline-start: unset;
  inset-block-start: 10px;
  inset-block-end: unset;
  z-index: 1;
  border: 1px solid var(--White, #FFF);
  background: rgba(0, 0, 0, 0.8);
  height: auto;
  width: auto;
  pointer-events: unset;
  padding: 5px 0;
}

.hs-figure__carousel .carousel-alt-nav {
  color: #FFF;
  font-size: 1.125rem;
}

.hs-figure__carousel .carousel-alt-nav__arrow {
  border: 0;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hs-figure__carousel .carousel-alt-nav__arrow svg {
  width: 24px;
  height: auto;
  color: #FFF;
}

.hs-figure__carousel .carousel-alt-nav__arrow--prev {
  transform: rotate(90deg);
}

.hs-figure__carousel .carousel-alt-nav__arrow--next {
  transform: rotate(-90deg);
}

.hs-figure__title {
  color: #FFF;
  display: flex;
  align-items: center;
  gap: 15px;
}

@media screen and (min-width: 768px) {
  .hs-figure__title {
    gap: 30px;
  }
}

.hs-figure__title-num {
  width: 40px;
  height: 40px;
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .hs-figure__title-num {
    font-size: 1.875rem;
    height: 68px;
    width: 68px;
  }
}

.hs-figure__title-text {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
}

@media screen and (min-width: 768px) {
  .hs-figure__title-text {
    font-size: 1.875rem;
  }
}

.hs-figure__copy {
  color: #FFF;
  font-size: 1.125rem;
  line-height: 1.5;
}

@media screen and (min-width: 992px) {
  .hs-figure__copy {
    padding-inline: 100px 30px;
  }
}

.hs-figure__copy p,
.hs-figure__copy li {
  color: #FFF;
  font-size: 1.125rem;
  line-height: 1.5;
}

.hs-figure__copy p:last-child,
.hs-figure__copy li:last-child {
  margin-block-end: 0;
}

.hs-figure__copy li {
  list-style: disc;
}

.hs-figure__copy ul {
  margin-inline-start: 10px;
}

.hs-figure__info {
  padding: 30px 20px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .hs-figure__info {
    padding: 80px 30px;
    z-index: 1;
  }
}

.cta--hs-header {
  font-size: 1rem;
  color: #101F44;
  background: #FFF;
  padding: 8px 20px;
}

.cta--hs-header:hover,
.cta--hs-header:focus {
  background: #E87217;
  color: #FFF;
}

.hs-figure--5 .carousel__slide:first-child .hs-figure__carousel-img {
  -o-object-fit: contain;
     object-fit: contain;
  padding: 60px;
}

.hs-lp {
  overflow-x: hidden;
}

.ugb-content {
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .ugb-content {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    gap: 50px;
    padding: 50px;
    align-items: center;
  }
}

@media screen and (min-width: 1200px) {
  .ugb-content {
    padding: 50px 100px;
    max-width: 1440px;
    margin-inline: auto;
  }
}

.ugb-content__img {
  max-width: 100%;
  display: block;
  margin: 0 auto 20px;
}

@media screen and (min-width: 768px) {
  .ugb-content__img {
    margin: 0;
  }
}

.ugb-content__copy {
  font-size: 1.125rem;
  line-height: 1.5;
}

.ugb-content__copy p {
  font-size: 1.125rem;
}

.ugb-cta {
  font-size: 1rem;
}

.ugb-content__footer {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ugb-content__footer {
    text-align: left;
  }
}

.ugb-content__footer .cta {
  padding-bottom: 0.3em;
}

.ugb-case-studies {
  padding: 40px 20px;
  margin-block-end: 60px;
}

@media screen and (min-width: 768px) {
  .ugb-case-studies {
    display: grid;
    gap: 50px;
    padding-inline: 50px;
  }
}

@media screen and (min-width: 1200px) {
  .ugb-case-studies {
    padding-inline: 100px;
    max-width: 1440px;
    grid-template-columns: minmax(0, 1440px);
    margin-inline: auto;
    justify-content: center;
  }
}

.ugb-cs {
  padding: 30px 20px;
  background: #F2EADE;
}

@media screen and (min-width: 768px) {
  .ugb-cs {
    display: grid;
    gap: 50px;
    grid-template-columns: minmax(100px, 400px) minmax(0, 1fr);
    padding: 30px;
  }
}

.ugb-cs__title {
  font-weight: 600;
  font-size: 1.25rem;
  margin-block-end: 15px;
  text-align: center;
  color: #101F44;
}

@media screen and (min-width: 768px) {
  .ugb-cs__title {
    font-size: 1.875rem;
    text-align: left;
  }
}

.ugb-cs__image {
  text-align: center;
  margin-block-end: 20px;
}

@media screen and (min-width: 768px) {
  .ugb-cs__image {
    margin: 0;
    line-height: 0;
  }
}

.ub-cs__info {
  font-size: 1.125rem;
  line-height: 1.5;
}

.ub-cs__info p {
  font-size: 1.125rem;
}

.ub-cs__info p:last-child {
  margin: 0;
}

.hero--tesa {
  background-size: contain;
}

@media only screen and (max-width: 767px) {
  .hero--tesa {
    --mobileBackgroundImageUrl: url("/images/site/tesa/tesa-hero-mobile.jpg");
    --mobileAspectRatioHeight: 363;
    background-image: var(--mobileBackgroundImageUrl);
  }
}

.lead--tesa {
  background: #fff;
  padding-top: calc(var(--basePadding) * 3);
  padding-bottom: calc(var(--basePadding) * 3);
  text-align: center;
}

.lead--tesa h2,
.lead--tesa p {
  color: #101F44;
}

@media only screen and (min-width: 992px) {
  .lead--tesa .lead__subtitle {
    font-size: 1.21875rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lead--tesa .lead__subtitle {
    font-size: 1.03125rem;
  }
}

.lead--tesa .lead__title {
  font-weight: 600;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lead--tesa .lead__title {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .lead--tesa .lead__title {
    font-size: 4.5vw;
  }
}

.lead--tesa .lead__title span {
  display: block;
}

@media only screen and (min-width: 992px) {
  .lead--tesa .lead__title span {
    font-size: 2.625rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .lead--tesa .lead__title span {
    font-size: 2.109375rem;
  }
}

@media only screen and (max-width: 767px) {
  .lead--tesa .lead__title span {
    font-size: 7.5vw;
  }
}

.lead--tesa p.lead__blurb {
  font-size: 1.125rem;
  margin: 0 auto;
  max-width: 975px;
}

.personalized-simplified-transparent {
  background: #101F44;
  position: relative;
  padding-top: calc(var(--basePadding) * 2);
  padding-bottom: calc(var(--basePadding) * 5);
}

.personalized-simplified-transparent::before {
  background: #eee;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .personalized-simplified-transparent::before {
    height: 31.75%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .personalized-simplified-transparent::before {
    height: 32.75%;
  }
}

@media only screen and (min-width: 1276px) {
  .personalized-simplified-transparent::before {
    height: 32.75%;
  }
}

@media only screen and (min-width: 1450px) {
  .personalized-simplified-transparent::before {
    height: 36.75%;
  }
}

.personalized-simplified-transparent > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  position: relative;
}

@media only screen and (min-width: 1276px) {
  .personalized-simplified-transparent > div {
    padding-left: calc(var(--basePadding) * 8);
    padding-right: calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .personalized-simplified-transparent > div {
    padding-left: calc(var(--basePadding) * 4);
    padding-right: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .personalized-simplified-transparent > div {
    padding-bottom: calc(var(--basePadding) * 4);
    padding-left: calc(var(--basePadding) * 4);
    padding-right: calc(var(--basePadding) * 4);
  }
}

@media only screen and (max-width: 767px) {
  .personalized-simplified-transparent > div {
    padding-bottom: calc(var(--basePadding) * 2);
    padding-left: calc(var(--basePadding) * 2);
    padding-right: calc(var(--basePadding) * 2);
  }
}

.personalized-simplified-transparent > div > h2,
.personalized-simplified-transparent > div > p {
  color: #fff;
  text-align: center;
}

.personalized-simplified-transparent > div > h2 {
  font-size: 1.875rem;
  font-weight: 600;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .personalized-simplified-transparent > div > h2 {
    margin-top: 30px;
  }
}

.personalized-simplified-transparent > div > p {
  font-size: 1.125rem;
}

.personalized-simplified-transparent .tesa__home-sales-expert-help {
  position: relative;
}

.personalized-simplified-transparent .tesa__home-sales-expert-help > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
}

@media only screen and (min-width: 1276px) {
  .personalized-simplified-transparent .tesa__home-sales-expert-help > div {
    padding-top: calc(var(--basePadding) * 4);
    padding-left: calc(var(--basePadding) * 8);
    padding-right: calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .personalized-simplified-transparent .tesa__home-sales-expert-help > div {
    padding-top: calc(var(--basePadding) * 2);
    padding-left: calc(var(--basePadding) * 4);
    padding-right: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .personalized-simplified-transparent .tesa__home-sales-expert-help > div {
    padding-top: var(--basePadding);
    padding-left: calc(var(--basePadding) * 4);
    padding-right: calc(var(--basePadding) * 4);
  }
}

@media only screen and (max-width: 767px) {
  .personalized-simplified-transparent .tesa__home-sales-expert-help > div {
    padding-top: calc(var(--basePadding) * 2);
    padding-left: calc(var(--basePadding) * 2);
    padding-right: calc(var(--basePadding) * 2);
  }
}

.personalized-simplified-transparent .home-sales-expert-help {
  position: absolute;
}

@media only screen and (min-width: 768px) {
  .personalized-simplified-transparent .home-sales-expert-help {
    top: 61.5%;
    right: 3.75%;
  }
}

@media only screen and (min-width: 992px) {
  .personalized-simplified-transparent .home-sales-expert-help {
    top: 62.5%;
    right: 3.75%;
  }
}

@media only screen and (min-width: 1276px) {
  .personalized-simplified-transparent .home-sales-expert-help {
    top: 61.5%;
    right: 3.75%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .personalized-simplified-transparent .home-sales-expert-help {
    max-width: 225px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .personalized-simplified-transparent .home-sales-expert-help {
    max-width: 157.5px;
  }
}

@media only screen and (max-width: 767px) {
  .personalized-simplified-transparent .home-sales-expert-help {
    max-width: 45vw;
    top: 42%;
    right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .personalized-simplified-transparent .get-started {
    display: grid;
    gap: calc(var(--basePadding) * 3);
    grid-template-columns: 0.825fr 1.95fr;
    padding-top: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .personalized-simplified-transparent .get-started {
    display: grid;
    gap: calc(var(--basePadding) * 2);
    grid-template-columns: 1.05fr 1.95fr;
  }
}

@media only screen and (max-width: 767px) {
  .personalized-simplified-transparent .get-started {
    display: grid;
  }
}

.personalized-simplified-transparent .get-started p {
  color: white;
}

@media only screen and (max-width: 767px) {
  .personalized-simplified-transparent .get-started-left {
    margin-top: 1.5rem;
    order: 1;
    text-align: center;
  }

  .personalized-simplified-transparent .get-started-left p {
    text-align: left;
  }
}

@media only screen and (min-width: 1276px) {
  .personalized-simplified-transparent .get-started-left p {
    margin-top: 4.5rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .personalized-simplified-transparent .get-started-left p {
    margin-top: 3rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .personalized-simplified-transparent .get-started-left p {
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .personalized-simplified-transparent .get-started-left p {
    font-size: 1.125rem;
  }
}

@media only screen and (min-width: 992px) {
  .personalized-simplified-transparent .get-started-left > div {
    display: flex;
    justify-content: center;
  }
}

@media only screen and (min-width: 1276px) {
  .personalized-simplified-transparent .get-started-left > div {
    margin-top: 3rem;
    margin-bottom: -75px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .personalized-simplified-transparent .get-started-left > div {
    margin-top: 1.5rem;
    margin-bottom: -75px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .personalized-simplified-transparent .get-started-left > div {
    display: none;
  }
}

.personalized-simplified-transparent .get-started-left .cta--get_started {
  font-size: 1.125rem;
  padding-left: 3em;
  padding-right: 3em;
  text-align: center;
}

.personalized-simplified-transparent .get-started-img-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.personalized-simplified-transparent .get-started-img-wrap button {
  border: none;
  border-radius: 30px;
  padding: 0;
}

.steps {
  text-align: center;
  margin-top: -40px;
}

.steps ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding-left: 0;
  position: relative;
}

@media only screen and (min-width: 992px) {
  .steps ul {
    margin-top: -45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .steps ul {
    margin-top: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .steps ul {
    flex-wrap: wrap;
  }
}

.steps .cta--step {
  background: #fff;
  border: none;
  border-radius: 50%;
  padding: 0;
  cursor: unset;
}

@media only screen and (min-width: 1276px) {
  .steps .cta--step {
    width: 138px;
    height: 138px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .steps .cta--step {
    width: 120px;
    height: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .steps .cta--step {
    width: 105px;
    height: 105px;
  }
}

@media only screen and (max-width: 767px) {
  .steps .cta--step {
    width: 33.75vw;
    height: 33.75vw;
  }
}

.pst__section {
  display: grid;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
}

@media only screen and (min-width: 1276px) {
  .pst__section {
    padding: calc(var(--basePadding) * 3) calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .pst__section {
    padding: calc(var(--basePadding) * 2) calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 992px) {
  .pst__section {
    gap: calc(var(--basePadding) * 3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .pst__section {
    gap: calc(var(--basePadding) * 2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pst__section {
    padding: var(--basePadding) calc(var(--basePadding) * 4);
  }
}

@media only screen and (max-width: 767px) {
  .pst__section {
    padding: var(--basePadding) calc(var(--basePadding) * 2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .pst__section.pst__section--price-your-new-home .pst__section-content {
    order: 1;
  }
}

.pst__section-title {
  display: flex;
  align-items: center;
  color: #101F44;
  font-weight: 600;
  letter-spacing: unset;
}

@media only screen and (min-width: 992px) {
  .pst__section-title {
    margin-bottom: var(--basePadding2x);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .pst__section-title {
    margin-bottom: var(--basePadding);
  }
}

.pst__section-text :matches(p, li) {
  font-size: 1.125rem;
  line-height: 2rem;
}

.pst__section-text,
.pst__section-text :is(p, li) {
  font-size: 1.125rem;
  line-height: 2rem;
}

.pst__section-media-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tesa__you-can {
  background-color: #E87217;
  background-image: url(/images/bg-you-can.webp?dd7a49f1f854fd85a30c12f880817fcc);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.tesa__you-can > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
}

@media only screen and (min-width: 1276px) {
  .tesa__you-can > div {
    padding: calc(var(--basePadding) * 6) calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .tesa__you-can > div {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesa__you-can > div {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (max-width: 767px) {
  .tesa__you-can > div {
    padding: calc(var(--basePadding) * 2);
  }
}

.tesa__you-can > div > div {
  background: rgba(255, 255, 255, 0.75);
  border: 3px solid #fff;
  border-radius: 30px;
  box-shadow: 0 3.75px 7.5px rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  gap: 30px;
}

@media only screen and (min-width: 1276px) {
  .tesa__you-can > div > div {
    padding: calc(var(--basePadding) * 4) calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .tesa__you-can > div > div {
    padding: calc(var(--basePadding) * 4);
    gap: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesa__you-can > div > div {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (max-width: 767px) {
  .tesa__you-can > div > div {
    padding: calc(var(--basePadding) * 2);
  }
}

.tesa__you-can .cta--get_started {
  background: #101F44;
  color: #fff;
  font-size: 1.125rem;
  padding: 0.2em 4.5em;
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}

.tesa__you-can .cta--get_started:hover,
.tesa__you-can .cta--get_started:focus-visible {
  background: #E87217;
}

.tesa__you-can--title {
  color: #101F44;
  font-size: 2.34375rem;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center;
}

.tesa__you-can--blurb {
  color: #101F44;
  font-size: 1.125rem;
  text-align: center;
  margin-top: calc(var(--basePadding) * 2);
}

.tesa__vibrant-living-space {
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  text-align: center;
}

@media only screen and (min-width: 1276px) {
  .tesa__vibrant-living-space {
    padding: calc(var(--basePadding) * 8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tesa__vibrant-living-space {
    padding: calc(var(--basePadding) * 4);
  }
}

@media only screen and (max-width: 767px) {
  .tesa__vibrant-living-space {
    padding: calc(var(--basePadding) * 2);
  }
}

.tesa__vibrant-living-space .tesa__vibrant-living-space--title {
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesa__vibrant-living-space .tesa__vibrant-living-space--title {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 767px) {
  .tesa__vibrant-living-space .tesa__vibrant-living-space--title {
    font-size: 6vw;
  }
}

.tesa__vibrant-living-space > ul {
  display: flex;
  gap: calc(var(--basePadding) * 2);
  padding-left: 0;
}

@media only screen and (min-width: 1276px) {
  .tesa__vibrant-living-space > ul {
    margin-bottom: calc(var(--basePadding) * 6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .tesa__vibrant-living-space > ul {
    margin-bottom: calc(var(--basePadding) * 4);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesa__vibrant-living-space > ul {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: calc(var(--basePadding) * 4);
  }
}

@media only screen and (max-width: 767px) {
  .tesa__vibrant-living-space > ul {
    flex-direction: column;
    align-items: center;
    margin-bottom: calc(var(--basePadding) * 2);
  }
}

.tesa__vibrant-living-space > ul li {
  background: #D8D8D8;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (min-width: 992px) {
  .tesa__vibrant-living-space > ul li {
    width: 33.33333333%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesa__vibrant-living-space > ul li {
    width: 46.5%;
  }
}

@media only screen and (min-width: 1276px) {
  .tesa__vibrant-living-space > ul li.management .blurb {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
  .tesa__vibrant-living-space > ul li.management .blurb {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesa__vibrant-living-space > ul li.management .blurb {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (min-width: 992px) {
  .tesa__vibrant-living-space > ul li.support .blurb,
  .tesa__vibrant-living-space > ul li.education .blurb {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tesa__vibrant-living-space > ul li.support .blurb,
  .tesa__vibrant-living-space > ul li.education .blurb {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.tesa__vibrant-living-space > ul .name {
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: calc(var(--basePadding) * 3);
}

.tesa__vibrant-living-space > ul .blurb {
  font-size: 1.21875rem;
  line-height: 1.6875rem;
  margin-bottom: calc(var(--basePadding) * 3);
}

@media only screen and (max-width: 767px) {
  .tesa__vibrant-living-space > ul .blurb {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.tesa__vibrant-living-space > ul img {
  display: block;
}

.tesa__vibrant-living-space > div {
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
}

.tesa__vibrant-living-space > div p {
  color: #E87217;
}

.tesa__vibrant-living-space > div p.tesa__vibrant-living-space--quote {
  font-size: 1.3125rem;
  font-style: italic;
  line-height: 1.875rem;
}

.tesa__vibrant-living-space > div p.tesa__vibrant-living-space--name {
  font-size: 1.125rem;
  font-weight: 600;
}

.hero--media-kit {
  background-size: cover, cover;
  background-position: center center, top center;
  --overlayOpacity: 0.75;
}

@media screen and (min-width: 768px) {
  .mk__hero-content {
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 992px) {
  .mk__hero-content {
    font-size: 3.125rem;
  }
}

.mk-video {
  background: #F2EADE;
  padding: 40px 20px;
  display: grid;
  gap: 24px;
  justify-content: start;
}

@media screen and (min-width: 768px) {
  .mk-video {
    padding: 50px;
    grid-template-columns: minmax(0, 330px) minmax(0, 1fr);
    gap: 50px;
  }
}

@media screen and (min-width: 1440px) {
  .mk-video {
    padding: 50px 100px;
    grid-template-columns: minmax(0, 505px) minmax(0, 635px);
    gap: 100px;
    justify-content: center;
  }
}

.mk-video__thumb {
  border: 0;
  padding: 0;
  margin: 0;
  background: unset;
}

.mk-video__thumb:hover {
  background: unset;
}

@media screen and (min-width: 768px) {
  .mk-video__caption p {
    font-size: 1.125rem;
  }
}

.mk-video__btn {
  font-size: 1rem;
}

.mk-resources {
  padding: 40px 20px;
}

@media screen and (min-width: 768px) {
  .mk-resources {
    padding: 50px;
  }
}

@media screen and (min-width: 1400px) {
  .mk-resources {
    padding: 50px 100px;
    max-width: 1440px;
    margin-inline: auto;
  }
}

.mk-resources__title {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 3.75rem;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .mk-resources__title {
    text-align: left;
  }
}

.mk-resources__grid {
  display: grid;
  gap: 40px;
}

@media screen and (min-width: 768px) {
  .mk-resources__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mk-resources__grid-item {
  color: #101F44;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: left;
  line-height: 1.2;
}

.mk-resources__grid-item:hover,
.mk-resources__grid-item:focus-visible {
  background: none;
  color: #E87217;
}

.mk-resources__grid-item-img-wrap {
  aspect-ratio: 603/587;
  background: #EEE;
  margin-bottom: 15px;
  line-height: 1;
}

.mk-resources__grid-item-img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .mk-resources__grid-item-title {
    font-size: 1.5rem;
  }
}

.mk-faq {
  background: #F2EADE;
  padding: 40px 20px;
}

@media screen and (min-width: 768px) {
  .mk-faq {
    padding: 50px;
  }
}

@media screen and (min-width: 1400px) {
  .mk-faq {
    padding: 50px 100px;
    display: grid;
    grid-template-columns: minmax(0, 1240px);
    justify-content: center;
    align-items: start;
    margin-inline: auto;
  }
}

.mk-faq__title {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 3.75rem;
  text-align: center;
  color: #101F44;
}

.mk-faq__item {
  border-bottom: 1px solid #CCC;
}

.mk-faq__item svg {
  color: #E87217;
}

.mk-faq__item svg:last-child {
  display: none;
}

.mk-faq__item-icons {
  height: 25px;
  display: flex;
  align-items: center;
}

.mk-faq__item[open] .mk-faq__item-icons svg:last-child {
  display: inline-block;
}

.mk-faq__item[open] .mk-faq__item-icons svg:first-child {
  display: none;
}

.mk-faq__item-title-wrap {
  list-style: none;
  transition: background 0.2s ease-out;
}

.mk-faq__item-title-wrap::-webkit-details-marker {
  display: none;
}

.mk-faq__item-title-wrap:hover,
.mk-faq__item-title-wrap:focus-visible {
  outline: 0;
}

.mk-faq__item-title {
  display: flex;
  padding: 30px 0;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  line-height: 1.2;
  cursor: pointer;
}

.mk-faq__item-title-text {
  font-family: var(--fontHeading);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
  color: #101F44;
}

@media only screen and (min-width: 768px) {
  .mk-faq__item-title-text {
    font-size: 1.125rem;
  }
}

.mk-faq__item-title-icon {
  margin-left: auto;
}

.mk-faq__item-title-icon svg {
  height: 34px;
  width: auto;
  stroke-width: 0.5px;
}

@media only screen and (min-width: 768px) {
  .mk-faq__item-title-icon svg {
    height: 54px;
  }
}

.mk-faq__item-inner {
  padding: 0px 0 15px;
  margin-bottom: 0px;
}

.mk-faq__item-inner > *:last-child {
  margin-bottom: 0;
}

.mk-news {
  padding: 40px 20px;
}

@media screen and (min-width: 768px) {
  .mk-news {
    padding: 50px;
  }
}

@media screen and (min-width: 1400px) {
  .mk-news {
    padding: 50px 100px;
    max-width: 1440px;
    margin-inline: auto;
  }
}

.mk-news__title {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 3.75rem;
  text-align: center;
  color: #101F44;
}

.mk-news__item-date {
  color: #767676;
}

.mk-news__items {
  display: grid;
  gap: 20px;
  justify-content: center;
  align-items: start;
}

@media screen and (min-width: 768px) {
  .mk-news__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
  }
}

.mk-news__item:hover .mk-news__item-title,
.mk-news__item:focus-visible .mk-news__item-title {
  color: #E87217;
}

.mk-news__item:hover .mk-news__item-date,
.mk-news__item:focus-visible .mk-news__item-date {
  color: #767676;
}

.mk-news__item-title {
  font-size: 1rem;
  color: #466FD4;
  font-weight: 600;
  margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .mk-news__item-title {
    font-size: 1.125rem;
  }
}

.mk-contact {
  padding: 40px 20px;
  background: #F2EADE;
}

@media screen and (min-width: 768px) {
  .mk-contact {
    padding: 50px;
  }
}

@media screen and (min-width: 992px) {
  .mk-contact {
    display: grid;
    grid-template-columns: 1fr 2fr;
    justify-content: center;
    gap: 0;
  }
}

@media screen and (min-width: 1400px) {
  .mk-contact {
    padding: 50px 100px;
    grid-template-columns: minmax(0, 501px) minmax(0, 739px);
  }
}

@media screen and (min-width: 1400px) {
  .mk-contact .hh-form__main {
    display: grid;
    gap: 0px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mk-contact label {
  text-transform: uppercase;
  font-family: "Proxima Nova Regular", sans-serif;
}

.mk-contact .form-input--select {
  margin-bottom: 32px;
  display: block;
}

.mk-contact .hh-form__group {
  margin-bottom: 32px;
}

.mk-contact__header {
  padding: 40px 30px;
  background: #FFF;
}

@media screen and (min-width: 768px) {
  .mk-contact__header {
    padding: 50px;
  }
}

@media screen and (min-width: 1400px) {
  .mk-contact__header {
    padding: 50px 100px;
  }
}

.mk-contact__title {
  font-family: "Perfetto", "Brush Script MT Full Stack", "Brush Script MT", cursive;
  font-size: 3.75rem;
  color: #101F44;
  margin-bottom: 32px;
}

.mk-contact__info {
  padding: 40px 30px;
  background: #FFF;
  border-top: 1px solid #CCC;
}

@media screen and (min-width: 768px) {
  .mk-contact__info {
    padding: 50px;
  }
}

@media screen and (min-width: 992px) {
  .mk-contact__info {
    border-top: 0;
    border-left: 1px solid #CCC;
  }
}

@media screen and (min-width: 1400px) {
  .mk-contact__info {
    padding: 50px 100px;
  }
}

.mk-contact__info-title {
  font-size: 1.125rem;
  font-weight: 600;
  font-family: "Proxima Nova Regular", sans-serif;
  color: #101F44;
}

@media screen and (min-width: 768px) {
  .mk-contact__info-title {
    font-size: 1.375rem;
  }
}

.tab-list--media-kit .tab-list__btn.active {
  background-color: #F2EADE;
}

.tab-list--media-kit .tab-list__btn:hover,
.tab-list--media-kit .tab-list__btn:focus-visible {
  background-color: #FFF;
  color: #101F44;
}

