body{font-family:Arial;background-color:#eee;margin:0;overflow:hidden}#preloader_cont{position:absolute;z-index:998;width:100%;height:100%;top:0;left:0;background-color:#fff}#prelod_inner{position:absolute;width:200px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%)}#loadtext{text-align:center;margin-top:20px;font-family:Montserrat,sans-serif;font-weight:300;color:#9d9d9d;font-size:18pt}#intro .spinner{position:absolute;left:0;top:0;width:100%;height:100%}#intro .spinner .mask{position:absolute;left:0;top:0;width:100%;height:100%;margin:auto;overflow:hidden;animation:spin 2.75s infinite linear;transform-origin:50% 50%;-moz-transform-origin:50% 50%;background-image:url(../data/ui/border_circle.svg);background-size:contain;background-position:50% 50%;background-repeat:no-repeat}@keyframes spin{from{transform:rotate(0);transform-origin:50% 50%;-moz-transform-origin:50% 50%}to{transform:rotate(360deg);transform-origin:50% 50%;-moz-transform-origin:50% 50%}}#intro{height:100%}#intro svg{margin-top:26%;width:55%;height:55%;margin-left:22%}#container{position:absolute;top:0;left:0;width:100%;height:100%}#viewOverlay{position:absolute;top:0;left:0;width:100%;height:100%}.point{position:absolute;top:0;left:0;width:26px;height:26px;margin-top:0;margin-left:0;border-radius:50%;cursor:pointer;opacity:1;transition:opacity .3s}.point .visual{width:100%;height:100%;box-sizing:border-box;border-radius:50%;border:4px solid #20a0d2;background:0 0;transition:all .2s;border-color:#fff}.point .name{position:absolute;top:0;right:14px;height:26px;line-height:26px;font-size:18px;background:#20a0d2;border-radius:15px 0 0 15px;overflow:hidden;width:0;transition:all .2s;color:#fff;background:#fff;color:#333}.point .dot{position:absolute;background:#fff;width:10px;height:10px;left:8px;top:8px;border-radius:50%;transition:all .2s;background:#20a0d2}.point.hidden{opacity:0;pointer-events:none}.point.hidden .visual{transform:scale(.1)}.point.close{width:34px;height:34px;opacity:1}.point.close.hidden{pointer-events:all}.point.close.hidden:hover{opacity:1}.point.close .visual,.point.close.hidden .visual{border-width:14px;background:rgba(100,100,0,.6);transform:none}.point.close .name,.point.close:hover .name{width:55px;padding:0 0 0 15px;top:4px;right:28px;pointer-events:all}.point.close.hidden .name{width:0;padding:0}.point.close .x1,.point.close .x2{background:#20a0d2;position:absolute;right:4px;left:4px;bottom:15px;top:15px;transform:rotate(45deg);transition:all .1s}.point.close .x2{transform:rotate(-45deg)}.point.multi .visual,.point.multi:hover .visual{border-width:11px}.point .plus1,.point .plus2{background:#20a0d2;position:absolute}.point .plus1{top:4px;bottom:4px;left:11px;right:11px}.point .plus2{top:11px;bottom:11px;left:4px;right:4px}.point:hover .plus1{top:3px;bottom:3px}.point:hover .plus2{left:3px;right:3px}.point.invert .visual{border-color:#20a0d2}.point.invert .dot{background:#20a0d2}.point.invert .name{background:#20a0d2;color:#20a0d2}.point.close.invert .x1,.point.close.invert .x2{background:#20a0d2}.point.showWhenHidden.hidden{opacity:.5}.point.anchor .line{position:absolute;top:11px;left:24px;background:#20a0d2;height:4px;width:calc(50vw - 60px);background:#fff}@media(max-width:730px){.point.anchor .line{top:24px;left:11px}}.point:hover{z-index:99!important}.point.open .name,.point:hover .name{width:160px;padding:0 0 0 10px}.point.short.open .name,.point.short:hover .name{width:100px}.point.long.open .name,.point.long:hover .name{width:200px}.point.double.open .name,.point.double:hover .name{width:200px;height:52px;padding:0 20px 0 10px;border-radius:15px;right:0}.point.open .visual,.point:hover .visual{background:rgba(0,0,0,.4);border-width:8px}.point.open .dot,.point:hover .dot{width:14px;height:14px;left:6px;top:6px}.point:hover.close .visual{border-width:16px}.point:hover.close .x1,.point:hover.close .x2{right:2px;left:2px;bottom:16px;top:16px}.point.play{width:36px;height:36px}.point.play .visual{border-width:13px}.point.play .play{position:absolute;left:0;top:0;width:100%;height:100%}.point.play .name{right:auto;left:18px;top:5px;border-radius:0 18px 18px 0;text-align:right}.point.play:hover .name{padding-left:10px;padding-right:16px}.filters{position:absolute;top:0;right:0}.filterOption input{display:inline-block}.filterOption .name{display:inline-block}.btn{cursor:pointer;transition:opacity .1s}.btn:hover{opacity:.7}.propertyHeader{margin-left:21px;margin-bottom:6px;color:rgb(32,160,210,1);font-weight:700}.properties{margin-bottom:20px}.property{margin-bottom:6px;padding-left:23px;display:flex;background:rgba(32,160,210,.17)}.property .icon1{margin-left:32px;margin-right:8px;flex-shrink:0;display:none}.property .name{margin-top:3px;margin-bottom:3px;line-height:25px}.infoBox{position:absolute;z-index:116;right:0;top:50vh;transform:translate(0,-50%);width:530px}.infoBox .topbar{background:#20a0d2;padding:18px;padding-left:33px;font-size:25px;font-weight:700;color:#fff}.infoBox .topbar .header{padding-right:36px}.infoBox .topbar .icon.close{color:#fff;position:absolute;top:16px;right:16px}.infoBox .tabs{background:rgba(32,160,210,.9);margin-top:5px;height:47px;overflow:hidden;margin-bottom:-1px;padding-left:10px;padding-right:10px;position:relative}.infoBox .tabs .scrollContent{display:flex;overflow-x:auto;scroll-behavior:smooth}.infoBox .tabs .scrollLeft,.infoBox .tabs .scrollRight{position:absolute;top:0;background-color:rgba(36,160,210,1);height:100%;width:30px;background-size:4100%;background-repeat:no-repeat;background-position-y:9px;transition:background-color .1s}.infoBox .tabs .scrollLeft:hover,.infoBox .tabs .scrollRight:hover{opacity:1;background-color:#ddd;background-color:#fff}.infoBox .tabs .scrollLeft.disabled,.infoBox .tabs .scrollRight.disabled{display:none}.infoBox .tabs .scrollLeft{left:0}.infoBox .tabs .scrollRight{right:0}.infoBox .tabs .tab{color:#fff;cursor:pointer;flex-shrink:0;padding:14px;padding-left:15px;padding-right:15;padding-bottom:12px;font-size:19px}.infoBox .tabs .tab sup{vertical-align:text-top}.infoBox .tabs .tab:hover{background:rgba(255,255,255,.3)}.infoBox .tabs .tab.active{cursor:auto;background:#fff;color:#fff;color:#000;margin-bottom:0}.infoBox .content{background:#224653;background:#fff;color:#fff;color:#000;font-size:17px;max-height:calc(100vh - 130px);overflow-y:auto;position:relative}.infoBox .description{padding:26px}.optionsbtn{position:absolute;top:0;right:0;width:30px;height:35px;cursor:pointer}.optionsbtn .icon{margin-top:5px;width:30px;height:30px}.moreoptions{position:absolute;top:35px;right:0;background-color:#fff;width:250px;border:1px solid #dcdcdc;box-shadow:0 0 10px rgba(0,0,0,.2)}.moreoptions .option{padding:10px}.actions{padding-left:32px;padding-top:8px;padding-bottom:8px;display:flex;justify-content:space-between;background:rgba(32,160,210,1)}.text{line-height:34px}@media(max-width:1120px){.infoBox{width:400px}}@media(max-width:730px){.infoBox{right:0;width:100%;top:auto;bottom:0;transform:none}.infoBox .content{max-height:calc(100vh - 380px)}}.icon{width:36px;height:36px;line-height:36px;font-size:36px;text-align:center;background:url(../data/ui/Icons.svg?1a);background-size:cover;background-position:0 0}.icon.close{background-position:0 0}.icon.world{background-position:2.5% 0}.icon.arrowR{background-position:5% 0}.icon.mail{background-position:7.5% 0}.icon.document{background-position:10% 0}.icon.mylist{background-position:12.5% 0}.icon.filter{background-position:15% 0}.icon.arrowDB{background-position:17.5% 0}.icon.addList{background-position:20% 0}.icon.closeO{background-position:22.5% 0}.icon.checkOn{background-position:25% 0}.icon.checkOff{background-position:27.5% 0}.icon.remove{background-position:30% 0}.icon.arrowL{background-position:32.5% 0}.icon.delList{background-position:35% 0}.icon.play{background-position:37.5% 0}.icon.back{background-position:40% 0}.icon.plus{background-position:42.5% 0}.icon.minus{background-position:45% 0}.icon.fullscre{background-position:47.5% 0}.icon.search{background-position:50% 0}.icon.contact{background-position:52.5% 0}.icon.more{background-position:55% 0}.icon1{width:36px;height:36px;line-height:36px;font-size:36px;text-align:center;background:url(../data/ui/Icons1.svg);background-size:cover;background-position:0 0;flex-shrink:0}.icnBtn{background:rgba(32,160,210,1);color:#fff;display:flex;justify-content:space-between;text-decoration:none}.icnBtn.disabled{opacity:.5}.icnBtn .text{font-size:16px;height:36px;font-weight:700}.icnBtn .icon{margin-left:8px}#hotspots .hotspot:hover,#subpoints .subpoint:hover{background:#eee}.topLeftMenu{position:absolute;top:20px;right:0;z-index:101;top:71px}#Fullscreen>.icnBtn,.topLeftMenu>.icnBtn{width:130px;padding:4px;padding-left:17px;background:#fff;color:rgba(32,160,210,1);transition:background .15s;margin-top:3px}.icnBtn .text.singleLine{line-height:36px}#Fullscreen>.icnBtn:hover,.topLeftMenu>.icnBtn:hover{opacity:1;background:#eee}#trendsButton{display:none}#Overlays{position:absolute;top:20px;right:0;z-index:117}#Fullscreen{position:absolute;top:20px;right:0;z-index:115}@media (max-height:900px),(max-width:730px){.topLeftMenu{top:5px;top:51px}#Fullscreen{top:0}#Fullscreen>.icnBtn,.topLeftMenu>.icnBtn{padding-left:0;width:auto}#Fullscreen>.icnBtn .text,.topLeftMenu>.icnBtn .text{display:none}#Fullscreen>.icnBtn .icon,.topLeftMenu>.icnBtn .icon{margin-left:6px}#Overlays{top:0}}.overlay{min-width:260px;width:100vw;max-width:600px;margin-top:3px;position:absolute;right:0;top:0;background:#fff;padding:20px;box-sizing:border-box}.overlay .header{font-size:25px}.overlay .icon.closeO{position:absolute;top:16px;right:20px}.overlay.myList .actions{padding:0;position:absolute;bottom:0;left:0;box-sizing:border-box;width:100%;padding:30px}@media (max-width:600px){.overlay.myList .part{display:none}}.trends .list{display:flex;flex-wrap:wrap;margin-right:-15px}.trends .list .trend{width:165px;height:100px;background:#000;margin:1px;padding:5px;flex-shrink:0;border:4px solid #fff;position:relative;background-size:cover}.trends .list .trend .text{position:absolute;bottom:10px;left:10px;color:#fff}.trends .list .trend .image{position:absolute;top:0;left:0;right:0;bottom:0;background:#20a0d2;background-size:cover;opacity:.8;transition:opacity .2s}.trends .list .trend:hover{opacity:1;border:4px solid #ddd}.trends .list .trend.selected .image,.trends .list .trend:hover .image{opacity:1}.trends .list .trend.selected{border:4px solid #20a0d2}#TitleScreen{position:absolute;top:0;left:0;bottom:0;right:0;z-index:110;overflow:hidden}#TitleScreen.hidden{pointer-events:none}#TitleScreen .content{position:absolute;top:0;left:0;height:100%;width:100%;right:0;background:#385f6e;background:radial-gradient(circle,rgba(56,95,110,1) 0,rgba(11,22,51,1) 100%);background:#eee;transition:left .5s,top .5s;transition-timing-function:ease-out}#TitleScreen.hidden .content{top:-100%;transition-timing-function:ease-in}#TitleScreen #aspectContainer{position:absolute;width:90%;max-width:800px;height:700px;max-height:100vh;right:50vw;top:calc(50vh + 80px);transform:translate(50%,-50%);transition:transform .5s,right .5s;transition-timing-function:ease-out}#TitleScreen.hidden #aspectContainer{right:-44px;transform:translate(0,-50%);transition-timing-function:ease-in}@media(max-height:900px),(max-width:1000px){#TitleScreen #aspectContainer{top:calc(50vh + 43px)}#TitleScreen.hidden #aspectContainer{right:0}}#TitleScreen .location{height:160px;max-height:calc(25vh - 20px);cursor:pointer;background:rgba(255,255,255,.2);transition:background .3s,opacity .3s;position:relative;margin-bottom:8px;pointer-events:all}#TitleScreen.hidden .location{background:rgba(255,255,255,.1)}#TitleScreen .location .image{position:absolute;width:100%;height:100%;background-size:contain;background-position:center center;background-repeat:no-repeat;opacity:1;transition:opacity .5s}#TitleScreen .location:nth-of-type(1) .image{background-image:url(../data/images/title_cover.png)}#TitleScreen .location:nth-of-type(2) .image{background-image:url(../data/images/title_cells.png)}#TitleScreen .location:nth-of-type(3) .image{background-image:url(../data/images/title_modules.png)}#TitleScreen .location:nth-of-type(4) .image{background-image:url(../data/images/title_enclosure.png)}#TitleScreen .location:hover .image{opacity:.2}#TitleScreen .location .imageHover{position:absolute;width:100%;height:100%;background-size:contain;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity .5s}#TitleScreen .location:nth-of-type(1) .imageHover{background-image:url(../data/images/title_cover_hover.png)}#TitleScreen .location:nth-of-type(2) .imageHover{background-image:url(../data/images/title_cells_hover.png)}#TitleScreen .location:nth-of-type(3) .imageHover{background-image:url(../data/images/title_modules_hover.png)}#TitleScreen .location:nth-of-type(4) .imageHover{background-image:url(../data/images/title_enclosure_hover.png)}#TitleScreen .location:hover .imageHover{opacity:1}#TitleScreen .locations:hover .location:hover{background:rgba(255,255,255,.3)}#TitleScreen .location .bar{position:absolute;right:0;top:0;width:1px;height:100%;background:#fff;transition:all .2s}#TitleScreen .location.preselected .bar,#TitleScreen .location:hover .bar{width:44px}#TitleScreen .location .text{position:absolute;right:0;top:0;height:100%;width:44px;line-height:44px;color:#fff;text-align:center;writing-mode:vertical-rl;transform:rotate(180deg);transition:color .2s;font-size:16px}.CHI_ #TitleScreen .location .text{transform:none}#TitleScreen .location .text span{display:inline-block;vertical-align:mi;line-height:normal}#TitleScreen .location.preselected .text,#TitleScreen .location:hover .text{color:#000}#TitleScreen .location .icon{position:absolute;left:calc(50% - 15px);bottom:5px;transition:bottom .2s}#TitleScreen .location .loadProgress{position:absolute;top:calc(50% - 10px);width:100%;text-align:center;display:none;font-size:20px;color:#fff}#TitleScreen .location.preselected{background:rgba(0,0,0,.4)!important}#TitleScreen .location.preselected .loadProgress{display:block}.vcar{position:absolute;bottom:40px;display:block;width:160px;cursor:pointer;background:rgba(0,0,0,.2);color:#fff;transition:background .3s,opacity .3s}.vcar .vcarIcon{position:absolute;right:-15px;top:5px;background:url(../data/ui/Auto1.svg);height:40px;width:80px;background-size:cover;background-repeat:no-repeat;transition:right .4s}.vcar .text{font-size:14px;line-height:22px;padding:5px 55px 5px 10px}.vcar:hover{background:rgba(0,0,0,.3)}.vcar:hover .vcarIcon{right:-20px;transition:right .25s}@media (max-height:900px){#TitleScreen .location{margin-bottom:3px}#TitleScreen .location .text{width:66px;line-height:66px}#TitleScreen .location.preselected .bar,#TitleScreen .location:hover .bar{width:66px}#TitleScreen .locations .vcar{top:-29px}}@media(max-width:700px),(max-height:500px){#TitleScreen .location .text{font-size:12px}#TitleScreen .location .text{width:48px;line-height:48px}#TitleScreen .location.preselected .bar,#TitleScreen .location:hover .bar{width:48px}}.noLogo #TitleScreen .header{display:none}#topLeft{position:absolute;left:0;top:10px;z-index:115;width:44px}#topLeft .logoBar{display:block;height:80px;background:#21a0d2;margin-bottom:10px;cursor:pointer;transition:opacity .1s;width:160px}#topLeft .logoBar:hover{opacity:.85}#topLeft .logoBar .logo{height:80px;width:160px;position:absolute;left:0;background:url(../data/ui/BASF_logo_3.png);background-size:cover;transition:left .2s}#topLeft .logoBar .logo:hover{left:5px}#topLeft .backBtn{height:44px;width:160px;color:#fff;line-height:44px;cursor:pointer;transition:background .2s;background:rgba(255,255,255,.1);background:#20a0d2;position:relative}#topLeft .backBtn:hover{background:#30abdb}#topLeft .backBtn .text{margin-left:44px;width:100px;text-align:center;font-size:18px}#topLeft .backBtn .icon{position:absolute;left:0;top:0;display:inline-block;vertical-align:middle;width:44px;height:44px}#topLeft .backBtn .text{display:inline-block}@media (max-height:900px),(max-width:730px){#topLeft .logoBar{height:44px;width:44px}#topLeft .logoBar .logo{height:44px;width:44px;background:url(../data/ui/HomeIcon.svg),#21a0d2;background-size:77%;background-repeat:no-repeat;background-position:center}#topLeft .backBtn{width:44px}#topLeft .backBtn .text{display:none}}.tutorial{pointer-events:none;position:absolute;bottom:30px;width:260px;left:calc(50vw - 130px);text-align:center}.tutorial .image{margin-left:80px;width:100px;height:100px}.tutorial .image.drag{background:url(../data/ui/tutorial01.png);animation:dragAnim 4.4s infinite}@keyframes dragAnim{00%{margin-left:60px;opacity:0;transform:scale(1.1)}10%{margin-left:60px;opacity:1;transform:scale(1.1)}15%{margin-left:60px;opacity:1;transform:scale(1)}40%{margin-left:100px;opacity:1;transform:scale(1)}50%{margin-left:100px;opacity:1;transform:scale(1)}55%{margin-left:100px;opacity:0;transform:scale(1.1)}100%{margin-left:100px;opacity:0;transform:scale(1.1)}}.tutorial .image.click{background:url(../data/ui/tutorial02.png);animation:clickAnim 2s infinite}@keyframes clickAnim{0%{transform:scale(1)}12%{transform:scale(.9)}18%{transform:scale(.9)}36%{transform:scale(1.02)}50%{transform:scale(1)}}.tutorial .text{margin-top:10px;color:#fff}.noLogo #topLeft .logoBar{display:none}#ExteriorSelection{position:absolute;top:28px;left:calc(50% - 105px);width:230px;color:#fff;cursor:pointer;display:flex}#ExteriorSelection .exterior{padding:2px 7px 1px 7px;transition:opacity .2s;text-align:center;opacity:.5;border-color:rgba(255,255,255,1)}#ExteriorSelection .exterior .shortname{display:none}#ExteriorSelection .exterior:hover{opacity:1}#ExteriorSelection .exterior:nth-child(1){border-right:1px solid}#ExteriorSelection .exterior:nth-child(2){border-left:1px solid}#ExteriorSelection .exterior.selected{opacity:1;border-color:#fff}@media(max-height:600px),(max-width:730px){#ExteriorSelection{top:19px}}@media(max-height:600px),(max-width:930px){#ExteriorSelection{width:80px;left:calc(50% - 40px)}#ExteriorSelection .exterior .shortname{display:block}#ExteriorSelection .exterior .name{display:none}}.videoContainer{position:absolute;left:0;top:0;z-index:98;background:#12213a;height:100%;width:100%}.videoContainer #video{position:absolute;top:50%;right:530px;width:calc(100vw - 530px);height:100%;transform:translate(0,-50%)}@media(max-width:1120px){.videoContainer #video{right:400px;width:calc(100vw - 400px)}}@media(max-width:730px){.videoContainer #video{width:100%;top:0;right:0;transform:none}}.videoFade-enter-active,.videoFade-leave-active{transition:opacity .4s}.videoFade-enter-active{transition-delay:0s}.videoFade-enter,.videoFade-leave-to{opacity:0}.footer{position:absolute;bottom:0;font-size:14px;color:#333;width:100%;background:rgba(11,22,51,1);background:rgba(0,0,0,.1);z-index:111}.footer .copyright{float:left;margin:5px;margin-left:7px}.footer a{float:right;color:#333;margin:5px;margin-right:10px}.footer a:hover{color:#111}.iframeOverlay{position:absolute;z-index:1000;overflow:hidden;width:100%;height:100%}.iframeOverlay .blackbox{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6)}.iframeOverlay iframe{left:50%;position:absolute;transform:translate(-50%,0);width:80vw;max-width:1920px;height:100%}.iframeOverlay .backBtn{background:#21a0d2;line-height:40px;height:40px;font-size:20px;top:20px}.iframeOverlay .backBtn .icon{display:inline-block;vertical-align:middle;margin-top:-2px}.iframeOverlay .backBtn .text{display:inline-block;padding-right:15px}.iframeOverlay .btn{position:absolute;background:#21a0d2;color:#fff;transition:all .1s}.iframeOverlay .btn:hover{opacity:1;background:#44b5e2}.iframeOverlay .openNew{bottom:0;left:50%;transform:translate(-50%,0);width:250px;height:40px;line-height:40px;font-size:20px;text-align:center}.iframeOverlay .openNew:hover{height:44px}.overlay.language{width:300px;min-width:153px}.overlay .languages{margin-top:20px}.overlay .language{font-size:18px;line-height:40px;color:#21a0d2;margin-top:2px;padding-left:10px}.overlay .language.selected{background:#21a0d2;color:#fff;padding-left:10px}.overlay .language:hover{opacity:1}#loadbar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:10px;background:#000;background:#aaa}#loadbar_fill{position:absolute;width:1%;height:100%;background:#fff;background:#20a0d2}.overlay.material{max-height:100vh;overflow-y:auto}.overlay.material .list{padding-top:20px}.overlay.material .listItem{display:flex;padding:5px 0}