body{margin:0}
.for-homes-hero__cta{display:block;padding:15px;position:fixed;bottom:0;left:0;width:100%;text-align:center;background:#0555fa;background:linear-gradient(90deg,#0555fa,#36a6ea);color:#fff;z-index:1;transition:-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);transition:transform .3s cubic-bezier(.25,.46,.45,.94);transition:transform .3s cubic-bezier(.25,.46,.45,.94),-webkit-transform .3s cubic-bezier(.25,.46,.45,.94);-webkit-transform:translate(0);transform:translate(0)}
.for-homes-hero__cta.unstick{-webkit-transform:translateY(100%);transform:translateY(100%)}
.for-homes-hero__cta .text1{display:none;font-family:UniversLight,Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-style:normal;font-size:22px;letter-spacing:-.44px;line-height:1.27273;color:#222;font-size:24px !important}
@media screen and (min-width:768px){.for-homes-hero__cta .text1{font-size:30px;letter-spacing:-.6px;line-height:1.16667}
}
.for-homes-hero__cta .text2{text-transform:uppercase;font-family:UniversBold,Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-style:normal;font-size:12px;letter-spacing:.72px;line-height:1.33333;display:inline-block}
.for-homes-hero__cta .icon-arrow{display:inline-block;margin-left:10px;vertical-align:middle;font-size:11px}
@media screen and (min-width:1024px){.for-homes-hero__cta{position:absolute;width:auto;bottom:auto;left:auto;text-align:left;min-width:310px;padding:30px;padding-right:60px;top:100%;margin-top:-150px;right:0;box-shadow:0 5px 0 rgba(0,0,0,.1);-webkit-transform:translate(10px);transform:translate(10px)}
.for-homes-hero__cta .text1{display:block;margin-bottom:0;color:#fff}
.for-homes-hero__cta .icon-arrow{position:absolute;right:15px;top:50%;margin-top:-10px;opacity:0;transition:opacity .2s;margin-left:0;font-size:1em}
.for-homes-hero__cta:hover{text-decoration:none;-webkit-transform:translate(0);transform:translate(0)}
.for-homes-hero__cta:hover .icon-arrow{opacity:1}
.for-homes-hero__cta.sticky{position:fixed;margin-top:0;top:20px}
.for-homes-hero__cta.sticky.unstick{-webkit-transform:translate(10px,-200%);transform:translate(10px,-200%)}
}
.for-homes-hero p{margin-bottom:30px}
@media screen and (min-width:768px){.for-homes-hero{font-size:18px;letter-spacing:.36px;line-height:1.66667}
}
.for-homes-hero__inner{min-height:100vh;overflow:hidden}
@media screen and (min-width:1024px){.for-homes-hero__inner{max-height:1000px;min-height:0;height:calc(100vh - 40px)}
}
.for-homes-hero__title{font-family:UniversLight,Calibri,Myriad,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-style:normal;font-size:30px;letter-spacing:-.6px;line-height:1.16667;color:#fff;margin-bottom:20px}
@media screen and (min-width:768px){.for-homes-hero__title{font-size:60px;letter-spacing:-1.2px;line-height:1.08333}
}
.for-homes-hero__content__wrapper{position:absolute;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:1}
.for-homes-hero__content__wrapper .container{-ms-flex:1 0 0;flex:1 0 0}
.for-homes-hero__content{width:100%;max-width:720px}
@media screen and (max-width:767px){.for-homes-hero__content{padding-bottom:40px}
}
.for-homes-hero .eyebrow{margin-bottom:20px}
@media screen and (min-width:768px){.for-homes-hero .eyebrow{margin-bottom:60px}
}
.for-homes-hero__svg{width:100%;height:100%;position:absolute;overflow:hidden}
.for-homes-hero .svg{display:none}
.for-homes-hero .rectangles{width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(1.9) rotate(-40deg);transform:translate(-50%,-50%) scale(1.9) rotate(-40deg)}
.for-homes-hero .rectangles svg{width:100%;height:100%;position:absolute;top:0;left:0}
.for-homes-hero .rectangles svg .rect1{-webkit-transform:translate(-100%);transform:translate(-100%)}
.for-homes-hero .rectangles svg .rect2{-webkit-transform:translate(100%);transform:translate(100%)}
.for-homes-hero .rectangles.animate .rect1{-webkit-animation:b 9s forwards cubic-bezier(.25,.46,.45,.94);animation:b 9s forwards cubic-bezier(.25,.46,.45,.94)}
.for-homes-hero .rectangles.animate .rect2{-webkit-animation:c 9s forwards cubic-bezier(.25,.46,.45,.94);animation:c 9s forwards cubic-bezier(.25,.46,.45,.94)}
.for-homes-hero .circle{position:absolute;top:50%;left:50%;-webkit-transform:scale(1.3) translate(-45%,-30%);transform:scale(1.3) translate(-45%,-30%);width:100%;height:100%}
.for-homes-hero .circle svg{width:100%;height:100%}
.for-homes-hero .circle.animate svg{-webkit-animation:d 6s forwards cubic-bezier(.25,.46,.45,.94);animation:d 6s forwards cubic-bezier(.25,.46,.45,.94)}
.for-homes-hero .arcs{position:absolute;top:50%;left:50%;-webkit-transform:scale(1.3) translate(-90%,-10%) rotate(-20deg);transform:scale(1.3) translate(-90%,-10%) rotate(-20deg);width:100%;height:100%}
.for-homes-hero .arcs svg{width:200%;height:100%;position:absolute;top:0;left:0}
.for-homes-hero .arcs .arc1{-webkit-transform-origin:30% center;transform-origin:30% center}
.for-homes-hero .arcs .arc2{-webkit-transform-origin:70% center;transform-origin:70% center}
.for-homes-hero .arcs.animate .arc1{-webkit-animation:e 6s forwards cubic-bezier(.25,.46,.45,.94);animation:e 6s forwards cubic-bezier(.25,.46,.45,.94)}
.for-homes-hero .arcs.animate .arc2{-webkit-animation:e 6s forwards;animation:e 6s forwards}
@-webkit-keyframes b{0{-webkit-transform:translate(-100%);transform:translate(-100%)}
35%{-webkit-transform:translate(25%);transform:translate(25%)}
to{-webkit-transform:translate(200%);transform:translate(200%)}
}
@keyframes b{0{-webkit-transform:translate(-100%);transform:translate(-100%)}
35%{-webkit-transform:translate(25%);transform:translate(25%)}
to{-webkit-transform:translate(200%);transform:translate(200%)}
}
@-webkit-keyframes c{0{-webkit-transform:translate(100%);transform:translate(100%)}
35%{-webkit-transform:translate(-25%);transform:translate(-25%)}
to{-webkit-transform:translate(-200%);transform:translate(-200%)}
}
@keyframes c{0{-webkit-transform:translate(100%);transform:translate(100%)}
35%{-webkit-transform:translate(-25%);transform:translate(-25%)}
to{-webkit-transform:translate(-200%);transform:translate(-200%)}
}
@-webkit-keyframes d{0{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
65%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}
to{-webkit-transform:rotate(250deg);transform:rotate(250deg)}
}
@keyframes d{0{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
65%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}
to{-webkit-transform:rotate(250deg);transform:rotate(250deg)}
}
@-webkit-keyframes e{0{-webkit-transform:rotate(-100deg);transform:rotate(-100deg)}
65%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
@keyframes e{0{-webkit-transform:rotate(-100deg);transform:rotate(-100deg)}
65%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}
.for-homes-hero{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#165cf0;background-size:100% auto;background-repeat:no-repeat;z-index:3;background-position-x:0}
b{font-weight:normal;font-family:"UniversBold"}
.for-homes-hero .main-area{position:absolute;left:0;right:0;max-width:789px;margin:auto;color:white;top:33%}
.home .text-area:before{content:" ";width:25px;height:70px;background:white;position:absolute;top:15px;left:0}
.cta-pink{display:inline-block;border:0;text-align:center;transition:background-color .1s linear;text-transform:uppercase}
.cta-pink:hover{background:rgba(255,255,255,.2)}
.cta-area{text-align:left;margin-top:50px}
.cta-pink a,.cta-pink a:hover{color:white;text-transform:uppercase;text-decoration:none;width:200px;margin:0;height:40px;display:block;padding-top:5px}
.home .text-area{padding-left:50px}
.home .cta-area>div:nth-child(2){margin-right:0}
@media screen and (max-width:768px){.cta-pink{margin:0 0 30px 0}
}
@media screen and (max-width:640px){.for-homes-hero{background-size:100%;overflow:auto}
.for-homes-hero__svg{display:none}
.for-homes-hero .main-area{max-width:540px;top:25%}
.home .text-area:before{top:10px}
.home .cta-area{text-align:center}
.home .cta-pink{display:inline-block;padding:20px;background:#ff0f64;width:250px;margin:20px auto}
}