.cityscape-building{color:var(--color-main)}.cityscape-building *{box-sizing:border-box}.container--compact{max-width:calc(840px + 4rem)}.cityscape-building .container,.container--compact{margin-left:auto;margin-right:auto;width:100%}.cityscape-building .btn,.cityscape-building .hs-button{background:var(--color-highlight);border:none;color:var(--color-main);display:inline-block;font-family:var(--font-header);font-size:1rem;font-weight:700;line-height:1;padding:1em 1.75em;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s}.cityscape-building .btn:active,.cityscape-building .btn:focus,.cityscape-building .btn:hover,.cityscape-building .hs-button:active,.cityscape-building .hs-button:focus,.cityscape-building .hs-button:hover{background:var(--color-main);color:var(--color-white);text-decoration:none}.hs-page.wrapper{overflow-x:hidden}.cityscape-building{--pos-0:2%;--pos-1:12.75%;--pos-2:32.75%;--pos-3:53%;--pos-4:73%}.cityscape-building ul{margin:1em 0}.cityscape-building .container{background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;min-height:50vw;overflow:hidden;position:relative}.cityscape-building__logo{height:37px;position:absolute;right:10px;top:10px;width:146.66px}.cityscape-building__closing,.cityscape-building__intro{display:none}.cityscape-building__intro{padding-top:5rem}.cityscape-building__closing{padding-bottom:4rem}.cityscape-building__closing.active,.cityscape-building__intro.active{display:block}.cityscape-building__disclaimer{font-size:12px;font-style:italic;line-height:16px}.cityscape-building__devs-info{background:var(--color-main) url(https://content.safebuilt.com/hubfs/cityscape/icon-info.svg) no-repeat 4% 98% /8%;color:#fff;margin:0 -2rem;opacity:0;position:relative;transition:all 1s}.cityscape-building__devs-info.active{opacity:1;padding:3rem 2rem}.cityscape-building__devs-info h3,.cityscape-building__devs-info h4{color:var(--color-white)}.cityscape-building__devs-info ul{padding:0}.cityscape-building__devs-info li{background:url(https://content.safebuilt.com/hubfs/cityscape/icon-check.svg) no-repeat .5em .5em/1em;list-style:none;padding-left:2em}.cityscape-building__dev-info{display:none;padding-bottom:25%}.cityscape-building__dev-info.active{display:block}.close-dev-info{background:transparent;border:none;color:#fff;position:absolute;right:.5rem;top:.5rem}.close-dev-info:focus,.close-dev-info:hover{color:var(--color-highlight)}.close-dev-info svg{height:2rem;width:2rem}.cityscape-building__cityscape-building{padding:4rem 0 2rem;position:relative;transition:all 1s;width:100%}.cityscape-building__intro.active+.cityscape-building__cityscape-building{padding:0 0 2rem}.cityscape-building__cityscape-building.active{width:240%}.cityscape-building__cityscape-building.active.pos--1{left:calc(50% - var(--pos-1)*2.4)}.cityscape-building__cityscape-building.active.pos--2{left:calc(50% - var(--pos-2)*2.4)}.cityscape-building__cityscape-building.active.pos--3{left:calc(50% - var(--pos-3)*2.4)}.cityscape-building__cityscape-building.active.pos--4{left:calc(50% - var(--pos-4)*2.4)}.cityscape-building__controls{position:relative;width:100%}.cityscape-building .cityscape-building__controls-ul{border-bottom:4px dashed var(--color-main);height:40px;list-style:none;margin:0 0 4rem;padding:0;position:relative;width:100%}.cityscape-building__controls-ul li{height:40px;left:auto;position:absolute;top:16px;transform:translateX(-50%);width:40px}.cityscape-building__controls-ul li:first-of-type{left:var(--pos-1)}.cityscape-building__controls-ul li:nth-of-type(2){left:var(--pos-2)}.cityscape-building__controls-ul li:nth-of-type(3){left:var(--pos-3)}.cityscape-building__controls-ul li:nth-of-type(4){left:var(--pos-4)}.cityscape-building__controls-ul button{background:transparent;border:none;height:100%;padding:0;position:relative;width:100%}.cityscape-building__controls-ul button:after{background:var(--c-fourth);border:4px solid var(--color-main);border-radius:50%;box-sizing:border-box;content:"";display:block;height:20px;left:10px;position:absolute;top:10px;transform:scale(1);transition:all .3s;width:20px}.cityscape-building__controls-ul button:active:after,.cityscape-building__controls-ul button:focus:after,.cityscape-building__controls-ul button:hover:after{background:var(--color-highlight);transform:scale(1.2)}.cityscape-building__marker{bottom:.5rem;height:auto;left:2%;min-width:70px;position:absolute;transform:translateX(-50%);transition:left 1.2s ease-in-out;width:7%}.cityscape-building__starter{bottom:0;left:calc(var(--pos-1) + 10px);opacity:0;position:absolute;transform:rotate(-45deg);transform-origin:0 50%;transition:opacity 1s}.cityscape-building__starter.active{opacity:1}.cityscape-building__starter span{animation:bounceArrow 4s infinite;background:var(--color-highlight);clip-path:polygon(0 50%,1em 0,100% 0,100% 100%,1em 100%);color:var(--color-main);display:inline-block;font-family:MuseoSans_500-webfont;font-size:.875rem;padding:.5em 1em .5em 1.5em;position:relative}@keyframes bounceArrow{0%,to{transform:translateX(0)}10%,30%{transform:translateX(20%)}20%,40%{transform:translateX(0)}to{transform:translateX(0)}}.pos--1 .cityscape-building__marker{left:var(--pos-1)}.pos--2 .cityscape-building__marker{left:var(--pos-2)}.pos--3 .cityscape-building__marker{left:var(--pos-3)}.pos--4 .cityscape-building__marker{left:var(--pos-4)}.cityscape-building__controls-2{display:none;position:relative}.cityscape-building__controls-2.active{display:block;margin-bottom:.5rem}.cityscape-building__controls-2 button{background:transparent;background:var(--color-highlight);border:none;border-radius:.5em;bottom:0;color:var(--color-main);font-family:var(--font-header);height:2rem;padding:0 1em;position:absolute}.cityscape-building__controls-2 button:focus,.cityscape-building__controls-2 button:hover{background:var(--c-fourth);border:none;color:var(--color-white);position:absolute}.cityscape-building__controls-2 button.prev{left:0}.cityscape-building__controls-2 button.finish,.cityscape-building__controls-2 button.next{right:0}.cityscape-building__controls-2 button.hide{display:none}.big-h4{font-family:var(--font-header);font-size:1.5rem}@media (min-width:1080px){.cityscape-building .container{min-height:750px}.cityscape-building__devs-info{background-position:5% 97%;background-size:15%;bottom:0;font-size:1.125vw;left:0;margin:0;overflow:auto;padding:4rem 2rem;position:absolute;top:0;transform:translateX(-100%);width:32%}.cityscape-building__devs-info.active{transform:translateX(0)}.cityscape-building__controls-2.active{margin-bottom:0}.cityscape-building__controls-2 button.cityscape-building__restart,.cityscape-building__controls-2 button.prev{left:calc(32% + 1rem)}.cityscape-building__controls-2{position:absolute}.cityscape-building__controls-2.active{bottom:2rem;left:0;right:0}.cityscape-building__cityscape-building.active .cityscape-building__marker{width:5.25%}.cityscape-building__controls-2 button.finish,.cityscape-building__controls-2 button.next{right:1rem}.cityscape-building__starter{bottom:0;left:calc(var(--pos-1) + 10px + 7%);opacity:0;position:absolute;transform:rotate(-45deg);transform-origin:0 50%;transition:opacity 1s}.cityscape-building__controls-ul li:first-of-type{left:calc(var(--pos-1) + 7%)}.cityscape-building__controls-ul li:nth-of-type(2){left:calc(var(--pos-2) + 7%)}.cityscape-building__controls-ul li:nth-of-type(3){left:calc(var(--pos-3) + 7%)}.cityscape-building__controls-ul li:nth-of-type(4){left:calc(var(--pos-4) + 7%)}.pos--1 .cityscape-building__marker{left:calc(var(--pos-1) + 7%)}.pos--2 .cityscape-building__marker{left:calc(var(--pos-2) + 7%)}.pos--3 .cityscape-building__marker{left:calc(var(--pos-3) + 7%)}.pos--4 .cityscape-building__marker{left:calc(var(--pos-4) + 7%)}}@media (min-width:1460px){.cityscape-building__devs-info{font-size:1rem}}.cityscape-building img{height:auto;max-width:100%}