@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes loadFinish{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.5)}100%{opacity:0;transform:scale(0)}}.great-bay-area{overflow:visible;width:100%;margin:auto;position:relative}.great-bay-area *:focus,.great-bay-area *:focus,.great-bay-area *:focus{outline:none}.great-bay-area .purple{color:#9267f2}.great-bay-area .great-bay-area-inner{position:relative;padding-top:60%;padding-top:756px}.great-bay-area .great-bay-area-inner .great-bay-area-loading{pointer-events:none;width:40px;height:40px;z-index:10;position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;transform-origin:center}.great-bay-area .great-bay-area-inner .great-bay-area-loading img{width:40px;height:40px;animation:rotating 2s linear infinite;transform-origin:center}.great-bay-area .great-bay-area-inner #canvas-great-bay-area{opacity:0;-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);-webkit-transition:opacity .6s ease,transform .6s ease;-moz-transition:opacity .6s ease,transform .6s ease;-o-transition:opacity .6s ease,transform .6s ease;-ms-transition:opacity .6s ease,transform .6s ease;transition:opacity .6s ease,transform .6s ease}.great-bay-area.loaded .great-bay-area-inner .great-bay-area-loading{animation:loadFinish .6s linear forwards}.great-bay-area.ready .great-bay-area-control{opacity:1;pointer-events:all}.great-bay-area.ready .great-bay-area-inner #canvas-great-bay-area{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.great-bay-area .great-bay-area-infobox{width:360px;position:absolute;top:18%;background:#fff;padding:15px;z-index:11;opacity:1;-webkit-box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.25);box-shadow:2px 2px 10px 0px rgba(0, 0, 0, 0.25);-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-o-transition:opacity .4s ease;-ms-transition:opacity .4s ease;transition:opacity .4s ease}.great-bay-area .great-bay-area-infobox:not(.show-up){pointer-events:none;opacity:0}.great-bay-area .great-bay-area-infobox a.great-bay-area-infobox-close{position:absolute;top:16px;right:16px;width:16px;height:16px;border:none;background:none}.great-bay-area .great-bay-area-infobox a.great-bay-area-infobox-close:before,.great-bay-area .great-bay-area-infobox a.great-bay-area-infobox-close:after{display:block;content:"";position:absolute;width:2px;height:22px;margin-top:-11px;background:#a1a1a1;top:50%;left:50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;-ms-transition:background-color .2s ease;transition:background-color .2s ease}.great-bay-area .great-bay-area-infobox a.great-bay-area-infobox-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.great-bay-area .great-bay-area-infobox a.great-bay-area-infobox-close:hover:before,.great-bay-area .great-bay-area-infobox a.great-bay-area-infobox-close:hover:after{background:#333}.great-bay-area .great-bay-area-infobox .infobox-subbox{display:flex;flex-direction:column;height:460px}.great-bay-area .great-bay-area-infobox .infobox-subbox:not(.current){display:none}.great-bay-area .great-bay-area-infobox .infobox-subbox h4{font-size:20px;font-weight:700;margin:0;line-height:100%;width:90%}.great-bay-area .great-bay-area-infobox .infobox-subbox h4+*{margin-top:10px}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header{display:flex}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-img{width:130px;flex-shrink:0;flex-grow:1}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-img img{width:100%}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-img+*{padding-left:20px}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype{display:flex;margin:-6px -4px}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype .great-bay-area-infobox-transporttype-tab{width:40px;height:40px;background-repeat:no-repeat;background-position:center;background-size:50%;background-color:#a5a4a4;margin:6px 2px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;-ms-transition:background-color .2s ease;transition:background-color .2s ease}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype .great-bay-area-infobox-transporttype-tab[data-transport=helicopter]{background-size:60%}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype .great-bay-area-infobox-transporttype-tab[data-transport=coach]{background-size:60%}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype .great-bay-area-infobox-transporttype-tab[data-transport=mtr]{background-size:45%}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype .great-bay-area-infobox-transporttype-tab[data-transport=train]{background-size:55%}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype .great-bay-area-infobox-transporttype-tab.current,.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype .great-bay-area-infobox-transporttype-tab:hover{background-color:#6d34ed}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-transporttype+*{margin-top:12px}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-description{display:none;font-size:12px;line-height:120%}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-description.current{display:block}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header+.great-bay-area-infobox-transportinfo{margin-top:10px}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-transportinfo{flex-grow:1;overflow:auto;margin-bottom:10px;font-size:14px}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-transportinfo .great-bay-area-infobox-transportinfo-tab{display:none}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-transportinfo .great-bay-area-infobox-transportinfo-tab.current{display:block}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-transportinfo p{font-size:14px;line-height:135%;margin:0}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-transportinfo p+p{margin-top:10px}.great-bay-area .great-bay-area-infobox .infobox-subbox .btn-seemore{line-height:120%;background:#e2002c;color:#fff;font-weight:700;font-size:14px;display:inline-block;padding:8px 10px;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;-ms-transition:background-color .3s ease;transition:background-color .3s ease}.great-bay-area .great-bay-area-infobox .infobox-subbox .btn-seemore:hover{background:#e83e5f}[dir=rtl] .great-bay-area .great-bay-area-infobox a.great-bay-area-infobox-close{right:auto;left:16px}[dir=rtl] .great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-img+*{padding-left:0;padding-right:20px}#canvas-great-bay-area{position:absolute;top:0;left:0;width:100%;height:100%}#scene-explorer-host{position:fixed !important;left:0;top:0;bottom:0;z-index:1}#inspector-host{position:fixed !important;right:0;top:0;bottom:0;z-index:1}.great-bay-area-control{opacity:0;pointer-events:none;width:1200px;max-width:100%;margin:auto;backdrop-filter:blur(4px);margin-top:-100px;position:relative;background-color:rgba(235,235,235,.5);display:flex;align-items:flex-start;padding:20px 32px;z-index:10;-webkit-transition:opacity .6s ease;-moz-transition:opacity .6s ease;-o-transition:opacity .6s ease;-ms-transition:opacity .6s ease;transition:opacity .6s ease}.great-bay-area-control .great-bay-area-control-title{width:32%;padding-right:20px;flex-grow:1}.great-bay-area-control .great-bay-area-control-title h4{font-weight:700;font-size:24px;margin:0}.great-bay-area-control .great-bay-area-control-countries{flex-grow:1;display:flex;flex-wrap:wrap;width:50%;position:relative}.great-bay-area-control .great-bay-area-control-countries:after{display:block;content:"";position:absolute;width:1px;background-color:#000;position:absolute;right:0;top:0;bottom:0}.great-bay-area-control .great-bay-area-control-countries a{width:33.3333333333%}.great-bay-area-control .great-bay-area-control-countries a:before{display:block;content:"";position:absolute;background-color:#000;position:absolute;top:4px;left:0;width:16px;height:16px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;-ms-transition:background-color .3s ease;transition:background-color .3s ease}.great-bay-area-control .great-bay-area-control-countries a:after{display:block;content:"";position:absolute;position:absolute;border-top:2px #fff solid;border-right:2px #fff solid;top:9px;left:4px;width:6px;height:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.great-bay-area-control .great-bay-area-control-countries a:hover,.great-bay-area-control .great-bay-area-control-countries a.current{color:#e2002c;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease;transition:color .3s ease}.great-bay-area-control .great-bay-area-control-countries a:hover:before,.great-bay-area-control .great-bay-area-control-countries a.current:before{background-color:#e2002c}.great-bay-area-control a{display:block;color:#000;position:relative;padding-left:26px;padding-right:10px;padding-top:3px;padding-bottom:3px;line-height:130%}.great-bay-area-control a:hover,.great-bay-area-control a.current{color:#e2002c;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;-ms-transition:color .3s ease;transition:color .3s ease}.great-bay-area-control .great-bay-area-control-landmarks{display:flex;flex-wrap:wrap;padding-left:30px;width:20%}.great-bay-area-control .great-bay-area-control-landmarks a{width:100%}.great-bay-area-control .great-bay-area-control-landmarks a.gba-train:before{display:block;content:"";position:absolute;position:absolute;left:0;top:8px;width:18px;height:22px;background-image:url("../svg/gba-train.svg");background-size:contain;background-repeat:no-repeat}.great-bay-area-control .great-bay-area-control-landmarks a.gba-bridge:before{display:block;content:"";position:absolute;left:0;top:4px;width:16px;height:16px;background-image:url("../svg/gba-bridge.svg");background-size:contain;background-repeat:no-repeat}#fps{top:0;left:50%;position:absolute;font-size:18px;z-index:100000}@media screen and (max-width: 1023px){.great-bay-area .great-bay-area-infobox{top:-100px !important;left:20px !important;right:20px !important;width:auto;margin-top:60%;margin-left:auto !important;margin-right:auto !important}.great-bay-area .great-bay-area-infobox .infobox-subbox{height:auto}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-img{display:none}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header .great-bay-area-infobox-img+*{padding-left:0}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-header+.great-bay-area-infobox-transportinfo{margin-top:0}.great-bay-area-control{width:auto;margin-left:30px;margin-right:30px;padding-top:27px;padding-bottom:27px;flex-wrap:wrap}.great-bay-area-control .great-bay-area-control-title{padding-right:0}.great-bay-area-control .great-bay-area-control-title h4{font-size:20px;margin-bottom:10px}.great-bay-area-control .great-bay-area-control-countries{width:68%}.great-bay-area-control .great-bay-area-control-countries a{margin-top:3px;margin-bottom:3px;width:50%}.great-bay-area-control .great-bay-area-control-countries:after{display:none}.great-bay-area-control .great-bay-area-control-landmarks{padding-left:32%;width:100%}.great-bay-area-control .great-bay-area-control-landmarks a{width:50%}}@media screen and (max-width: 767px){.great-bay-area:before{display:block;content:"";position:absolute;left:0;right:0;top:0;height:50px;background:#fff;background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 53%);z-index:10}.great-bay-area .great-bay-area-inner{padding-top:120%;overflow:hidden;position:relative}.great-bay-area .great-bay-area-inner #canvas-great-bay-area{-webkit-transform:translateY(-20%) scale(0.95);-moz-transform:translateY(-20%) scale(0.95);-ms-transform:translateY(-20%) scale(0.95);transform:translateY(-20%) scale(0.95);-webkit-transition:opacity .6s ease,transform .6s ease;-moz-transition:opacity .6s ease,transform .6s ease;-o-transition:opacity .6s ease,transform .6s ease;-ms-transition:opacity .6s ease,transform .6s ease;transition:opacity .6s ease,transform .6s ease}.great-bay-area.ready .great-bay-area-inner #canvas-great-bay-area{-webkit-transform:translateY(-20%) scale(1);-moz-transform:translateY(-20%) scale(1);-ms-transform:translateY(-20%) scale(1);transform:translateY(-20%) scale(1)}.great-bay-area .great-bay-area-infobox{top:0 !important;margin-right:0;left:30px !important;right:30px !important;width:auto;margin-top:70%}.great-bay-area .great-bay-area-infobox .infobox-subbox{height:auto}.great-bay-area .great-bay-area-infobox .infobox-subbox h4{font-size:18px}.great-bay-area .great-bay-area-infobox .infobox-subbox h4+*{margin-top:16px}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-transportinfo{margin-top:12px;padding-top:12px}.great-bay-area .great-bay-area-infobox .infobox-subbox .great-bay-area-infobox-transportinfo p{font-size:12px}.great-bay-area-control{margin-left:15px;margin-right:15px;padding-top:15px;padding-bottom:15px;margin-top:-50%}.great-bay-area-control .great-bay-area-control-title{width:100%}.great-bay-area-control .great-bay-area-control-countries{width:100%}.great-bay-area-control .great-bay-area-control-countries a{margin-top:0px;margin-bottom:5px}.great-bay-area-control .great-bay-area-control-landmarks{padding-left:0;width:100%}}#babylonjsLoadingDiv{display:none !important}