html,body{margin:0;padding:0;width:100vw;height:100vh;box-sizing:border-box;overflow:hidden}html #loadingScreen,body #loadingScreen{position:absolute;width:100%;height:100%;z-index:100;justify-content:center;align-items:center;display:flex;opacity:1;transition:opacity 1s ease-in-out;background:white}html #loadingScreen #bgr,body #loadingScreen #bgr{width:100%;height:100%;z-index:97}html #loadingScreen .logos,body #loadingScreen .logos{position:absolute;width:400px;z-index:99;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html #loadingScreen .logos,body #loadingScreen .logos{width:250px}}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){html #loadingScreen .logos,body #loadingScreen .logos{width:250px}}html #loadingScreen .logos .tempoCondos,body #loadingScreen .logos .tempoCondos{width:300px;margin-bottom:20px;position:relative;top:0;opacity:0;transition:opacity 1s ease-in-out}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html #loadingScreen .logos .tempoCondos,body #loadingScreen .logos .tempoCondos{width:200px}}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){html #loadingScreen .logos .tempoCondos,body #loadingScreen .logos .tempoCondos{width:200px}}html #loadingScreen .logos .bostonRealty,body #loadingScreen .logos .bostonRealty{width:40%;opacity:0;transition:opacity 1s ease-in-out}html #loadingScreen .logos p,body #loadingScreen .logos p{color:white;text-align:center;transition:opacity 1s ease-in-out}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html #loadingScreen .logos p,body #loadingScreen .logos p{font-size:14px}}html #loadingScreen .listing3d,body #loadingScreen .listing3d{position:absolute;bottom:20px;right:20px;height:45px;z-index:98;opacity:0;transition:opacity 1s ease-in-out}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html #loadingScreen .listing3d,body #loadingScreen .listing3d{height:28px}}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){html #loadingScreen .listing3d,body #loadingScreen .listing3d{height:28px}}html #loadingScreen .loadingSpinner,body #loadingScreen .loadingSpinner{width:80%;z-index:99;bottom:100px;display:flex;justify-content:center;align-items:center;margin-top:40px;opacity:0;transition:opacity 1s ease-in-out}html #loadingScreen .loadingSpinner #loadingText,body #loadingScreen .loadingSpinner #loadingText{font-size:28px;font-family:Arial, Helvetica, sans-serif;color:black}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html #loadingScreen .loadingSpinner #loadingText,body #loadingScreen .loadingSpinner #loadingText{font-size:22px}}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){html #loadingScreen .loadingSpinner #loadingText,body #loadingScreen .loadingSpinner #loadingText{font-size:18px}}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html #loadingScreen .loadingSpinner,body #loadingScreen .loadingSpinner{width:100%;height:40px;bottom:30px}}html #renderCanvas,body #renderCanvas{position:absolute;width:100%;height:100%;touch-action:none}html .confirmationOverlay,body .confirmationOverlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:none;justify-content:center;align-items:center}html .confirmationOverlay .confirmationWindow,body .confirmationOverlay .confirmationWindow{position:relative;width:400px;height:350px;background:white;padding:15px;border-radius:10px}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html .confirmationOverlay .confirmationWindow,body .confirmationOverlay .confirmationWindow{width:250px;height:200px}}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){html .confirmationOverlay .confirmationWindow,body .confirmationOverlay .confirmationWindow{width:250px;height:300px}}html .confirmationOverlay .confirmationWindow .closeConfirmation,body .confirmationOverlay .confirmationWindow .closeConfirmation{background:url(assets/icons/close.png) no-repeat;background-size:60%;background-position:center;background-color:white;position:absolute;right:0;top:0;border-radius:50%;width:50px;height:50px;margin-right:-25px;margin-top:-25px;cursor:pointer}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html .confirmationOverlay .confirmationWindow .closeConfirmation,body .confirmationOverlay .confirmationWindow .closeConfirmation{width:40px;height:40px;margin-right:-20px;margin-top:-20px}}html .confirmationOverlay .confirmationWindow img,body .confirmationOverlay .confirmationWindow img{width:100%}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html .confirmationOverlay .confirmationWindow img,body .confirmationOverlay .confirmationWindow img{height:100px}}html .confirmationOverlay .confirmationWindow .confirmationInfo,body .confirmationOverlay .confirmationWindow .confirmationInfo{margin-top:10px;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;font-family:Arial, Helvetica, sans-serif}html .confirmationOverlay .confirmationWindow .confirmationInfo h3,body .confirmationOverlay .confirmationWindow .confirmationInfo h3{margin:5px}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html .confirmationOverlay .confirmationWindow .confirmationInfo h3,body .confirmationOverlay .confirmationWindow .confirmationInfo h3{margin:2px;font-size:14px}}html .confirmationOverlay .confirmationWindow .confirmationInfo h5,body .confirmationOverlay .confirmationWindow .confirmationInfo h5{margin:5px}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html .confirmationOverlay .confirmationWindow .confirmationInfo h5,body .confirmationOverlay .confirmationWindow .confirmationInfo h5{margin:2px;font-size:10px}}html .confirmationOverlay .confirmationWindow .confirmationInfo .confirmationBtn,body .confirmationOverlay .confirmationWindow .confirmationInfo .confirmationBtn{margin-top:10px;width:100%;background:black;color:white;text-align:center;padding:12px 0;font-weight:700;cursor:pointer}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){html .confirmationOverlay .confirmationWindow .confirmationInfo .confirmationBtn,body .confirmationOverlay .confirmationWindow .confirmationInfo .confirmationBtn{margin-top:8px;padding:10px 0}}.progress-bar{position:absolute;top:50%;height:2px;background:white;z-index:99}.count{position:absolute;top:50%;width:100%;text-align:center;font-weight:100;font-size:1.5em;margin-top:-1.33em;color:white;z-index:99}#scene-explorer-host{z-index:1000 !important;position:absolute !important}#inspector-host{z-index:1000 !important;position:absolute !important}#transit{position:absolute;bottom:55px;left:50%;margin-left:-30px;width:60px;height:60px;background:url(assets/icons/UI_Pieces_In.png) no-repeat;background-size:contain;background-position:center;z-index:2;border-radius:30px;opacity:0.7;cursor:pointer;transition:opacity 0.1s ease-in}#transit:hover{opacity:1}#citySudbury{width:250px;height:70px;position:absolute;left:0px;top:0px;background:linear-gradient(to right, #000, rgba(0,0,0,0.7), rgba(255,255,255,0));z-index:100;padding:5px;display:flex;justify-content:center;align-items:center}#citySudbury img{width:80%;height:80%}body{opacity:1;transition:opacity 1s ease-in-out}.progress-bar{position:absolute;top:50%;height:2px;background:white;z-index:99}.count{position:absolute;top:50%;width:100%;text-align:center;font-weight:100;font-size:1.5em;margin-top:-1.33em;color:white;z-index:99}#scene-explorer-host{z-index:1000 !important;position:absolute !important}#inspector-host{z-index:1000 !important;position:absolute !important}.lds-spinner{color:official;display:inline-block;position:relative;width:60px;height:60px;margin-right:10px;margin-left:-10px}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){.lds-spinner{margin-right:0px}}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){.lds-spinner{margin-right:0px}}.lds-spinner div{transform-origin:30px 30px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:0px;left:27px;width:5px;height:13px;border-radius:20%;background:#000}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){.lds-spinner div:after{top:16px;left:29px;width:3px;height:8px}}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){.lds-spinner div:after{top:16px;left:29px;width:3px;height:8px}}.menuContainer{position:absolute;right:10px;top:10px;width:180px;height:50px;display:flex;flex-direction:row;justify-content:space-between}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){.menuContainer{flex-direction:column;width:40px;height:150px;right:5px}}.menuContainer .selectionItem{opacity:0.8;border-radius:25px;cursor:pointer;transition:opacity 0.1s ease-in;width:50px;height:50px}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){.menuContainer .selectionItem{width:35px;height:35px}}.menuContainer .active{-webkit-box-shadow:0px 0px 5px 2px #fa0;-moz-box-shadow:0px 0px 5px 2px #fa0;box-shadow:0px 0px 5px 2px #fa0}#translate{background:url(assets/icons/TranslateS.png) no-repeat;background-color:darkgray;background-size:35px;background-position:center}#realistic_city_view{background:url(assets/icons/UI_Pieces_Building_2.png) no-repeat;background-color:darkgray;background-size:40px;background-position:center}#city_view{background:url(assets/icons/UI_Pieces_City_2.png) no-repeat;background-color:darkgray;background-size:40px;background-position:center}.selectionItem:hover{opacity:1}.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal_wrapper{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity 0.5s ease-in-out;z-index:1;pointer-events:none}.modal_wrapper .modal_container{cursor:pointer;position:relative;z-index:2;width:400px;height:350px;border-radius:10px;display:flex;justify-content:center;align-items:center;transform:scale(0, 0);opacity:0;transition:all 0.5s ease-in-out;flex-direction:column;background:white;padding:15px}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){.modal_wrapper .modal_container{width:250px;height:200px}}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){.modal_wrapper .modal_container{width:300px;height:250px}}.modal_wrapper .modal_container .modal{height:60%;width:100%;display:flex;justify-content:center;align-items:center;padding:5px}.modal_wrapper .modal_container .modal img{width:100%;object-fit:contain}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){.modal_wrapper .modal_container .modal img{max-height:90vh}}.modal_wrapper .modal_container .modalText{height:40%;width:100%;justify-content:center;align-items:center;display:flex;font-size:24px;text-align:center}@media screen and (min-width: 320px) and (max-width: 504px) and (orientation: portrait){.modal_wrapper .modal_container .modalText{font-size:20px}}@media screen and (min-height: 346px) and (max-height: 695px) and (orientation: landscape){.modal_wrapper .modal_container .modalText{font-size:20px}}