@font-face{font-family:font;src:url(public/font/nb.woff2) format("woff2")}sub{font-size:.7em;vertical-align:super}html,body{margin:0;padding:0;font-family:font,Helvetica,Arial,sans-serif;height:120vh;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}.loading{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#28aeb9;z-index:2000}.info__overlay{color:#fefefe;background-color:#000000a1;position:absolute;top:0;display:none;opacity:0;left:0;cursor:pointer;right:0;bottom:0;z-index:600;text-align:right}.info__overlay--title{display:flex;margin:0;flex-direction:column}.info__overlay .arrow{display:flex;justify-content:flex-end;align-items:flex-end;margin:0 8em 0 0;font-weight:100;padding:0}.info__overlay .arrow span{rotate:-90deg;transform:scaleY(2)}.info__overlay h1{position:absolute;font-size:1em;color:#fff}.app__container{display:flex;position:fixed;left:50%;width:100%;transform:translate(-50%);justify-content:center}.app__container .logo__exotec{position:absolute;top:2em;left:2em;width:10%}.app__container .logo__client{position:absolute;bottom:1em;left:2em;width:10%}.app__container .full__screen{position:absolute;bottom:2em;right:2em;border-radius:5px;border:1px solid #000000;display:flex;align-items:center;justify-content:center;padding:.2em;z-index:100;cursor:pointer;aspect-ratio:1/1}.app__container .full__screen img{width:70%}.app__container .showAdvancedVideo{display:none;opacity:0;position:fixed;bottom:0;left:0;right:0;height:50px;z-index:50}.app__container .showAdvancedVideo__bar{position:absolute;background-color:#28aeb9;height:10px;bottom:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:0%}.app__container .showAdvancedVideo__bar:after{content:"";position:absolute;top:-6px;right:-5px;width:5px;height:20px;background-color:#3a757a}.app__container .showAdvancedVideo .videoPreview{position:absolute;display:flex;bottom:20px;left:-200px;transform:translate(-50%);transition:opacity .2s ease;border:3px solid rgba(40,173,185,.6431372549);border-radius:8px;pointer-events:none}.app__container .showAdvancedVideo .videoPreview img{height:100%;border-radius:8px}.app__container .navigation{display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none;background-color:#fff;position:absolute;top:1em;right:1em;gap:.6em;padding:1em}.app__container .navigation__switch{display:flex;overflow:hidden;position:relative;padding:.3em 1em;border-radius:.4em;text-align:center;cursor:pointer;border:1px solid;background-color:#fff}.app__container .navigation__switch #process{color:#dc2597;transform:translateY(100px)}.app__container .navigation__switch #product{color:#28afb9;position:absolute;left:50%}.app__container .actionlist{position:absolute;bottom:20px;left:50%;z-index:500;display:flex;transform:translate(-50%)}.app__container .actionlist .fastList{position:absolute;display:none;opacity:0;transform:translateY(100px);flex-direction:column;border-radius:5px;bottom:100%;gap:1em;z-index:40;left:50%;margin:1em 0;z-index:10;transform:translate(-50%);padding:1em;background-color:#333;width:300px;max-height:100px;overflow-y:scroll;color:#fff}.app__container .actionlist .fastList hr{display:flex;border:.5px solid #fff;margin:0}.app__container .actionlist .fastList .fastList__item{cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin:0 1em}.app__container .actionlist .fastList .fastList__item:first-child{margin-top:.5em}.app__container .actionlist .fastList:before{content:"";position:absolute;top:100%;left:50%;border:10px solid transparent;border-top-color:333;transform:translate(-50%)}.app__container .actionlist .list{display:flex;z-index:50;align-items:center;justify-content:center;background-color:#333;color:#fff;margin-right:10px;padding:10px;aspect-ratio:1/1;cursor:pointer;transition:.25s;border-radius:5px}.app__container .actionlist .legendText{display:flex;align-items:center;display:none;justify-content:center;background-color:#000000b3;color:#fff;padding:10px;border-radius:5px;opacity:0;cursor:pointer}.app__container .actionlist .legendText:hover{scale:1.1}.app__container .actionlist .legendText img{margin-left:.7em}.app__container .video_controls{position:absolute;top:2em;left:2em;overflow:hidden;display:none;opacity:0;gap:1em;z-index:500}.app__container .video_controls__item{background-color:#fff;border:1px solid #28aeb9;padding:1em;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:500;overflow:hidden;cursor:pointer}.app__container .video_controls__item img{position:absolute;height:15px;transition:.25s}.app__container .video_controls__item #play{transform:translateY(50px)}.app__container .video_controls__item .hideCross{transform:translateY(50px) rotate(26deg)}.app__container .video_controls__item:hover .hideCross{transform:translate(0);transform:rotate(0)}.app__container .video_controls__item:hover .showCross{transform:translateY(-50px) rotate(-26deg)}.app__container .video-container{position:relative;top:0;left:0;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.app__container .video-container span{background-color:#fff;padding:.3em .7em;border-radius:50em;border:1px solid #323232}.app__container .video-container .building__num{background-color:#dc2597;border:.15vmin solid #fff;height:20px;width:20px;z-index:20;border-radius:50px;cursor:pointer;transform:scale(1);animation:pulse 2s infinite;pointer-events:all}.app__container .video-container .building__title{background-color:#fff;box-shadow:#0000003d 0 3px 8px;border-radius:20px;text-align:center;padding:.1em 1em;transition:.25s;pointer-events:all}.app__container .video-container .building__item__container{z-index:100;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%}.app__container .video-container .building__item__container .building__item{pointer-events:all;position:absolute;z-index:50;cursor:pointer;gap:.5em;display:flex;align-items:center;justify-content:center}.app__container .video-container .building__item__container .building__item:hover .building__title{background-color:#f9020d;color:#fff;pointer-events:all}.app__container .video-container .building__item__container .building__item--1{bottom:44%;left:56%}.app__container .video-container .building__item__container .building__item--2{bottom:23%;left:14%}.app__container .video-container .building__item__container .building__item--3{bottom:26%;left:27%}.app__container .video-container .building__item__container .building__item--4{bottom:38%;left:28%}.app__container .video-container .building__item__container .building__item--5{bottom:55%;left:36%}.app__container .video-container .building__item__container .building__item--6{bottom:41%;left:68.5%}.app__container .video-container .building__item__container .building__item--7{bottom:39%;left:2%}.app__container .video-container .building__item__container .building__item--8{bottom:30.5%;left:39%}.app__container .video-container .building__item__container .building__item--9{bottom:52%;left:83%}.app__container .video-container .building__item__container .building__item--10{bottom:42%;left:20%}.app__container .video-container .building__item__container .building__item--11{bottom:29%;left:54%}.app__container .video-container .building__item__container .building__item--12{bottom:32%;left:78%}.app__container .video-container .building__item__container .building__item--13{bottom:48%;left:78%}.app__container .video-container .building__item__container .building__item--14{bottom:25%;left:19%}.app__container .video-container .vertical__list{position:absolute;bottom:1em;display:none;opacity:0;visibility:hidden;pointer-events:none;overflow-y:scroll;-webkit-overflow-scrolling:touch;flex-direction:column;padding:0;z-index:40;width:100%;max-height:32vh}.app__container .video-container .vertical__list::-webkit-scrollbar{display:block!important}.app__container .video-container .vertical__list span{padding:.2em;border-bottom:1px solid #333}.app__container .video-container .vertical__list__item{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:2em;border-top:.5px solid #333;color:#333}.app__container .video-container .vertical__list__item:nth-of-type(odd){background-color:#f6f6f6;color:#3a757a}.app__container .video-container .vertical__list__item:nth-of-type(2n){background-color:#fefefe}.app__container .video-container .vertical__list__item:nth-last-child(1){border-bottom:.5px solid #121111}.app__container .video-container .video{z-index:10;position:absolute;top:50%;transform:translateY(-50%);left:0;display:none;opacity:0}.app__container .video-container .main-video{z-index:-1}.app__container .video-container video{width:100%;max-height:100%;transition:transform .5s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;padding:10px;border-radius:8px;text-align:center;max-width:30vw;display:flex;flex-direction:column;align-items:center;font-size:1em}.modal span{font-size:.8em;margin:1em 0;text-decoration:underline;cursor:pointer}.modal h2{text-align:center}.modal p{text-align:justify;margin:1em}.modal .modal__button{display:flex;align-items:center;justify-content:center;border:1px solid #28aeb9;padding:10px 20px;cursor:pointer;font-size:.9em;border-radius:8px;margin-bottom:.4em;color:#28aeb9;width:50%;transition:.25s}.modal .modal__button:hover{background-color:#28aeb9;color:#fff}.language-dropdown-container{position:relative;display:inline-block}.language-dropdown-container .language-dropdown-toggle{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ccc;padding:6px 14px;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.language-dropdown-container .language-dropdown-toggle:hover{background-color:#f5f5f5}.language-dropdown-container .language-dropdown-toggle img{width:24px;height:100%}.language-dropdown-container .language-dropdown-toggle span{margin-left:8px}.language-dropdown-container button{margin:0}.language-dropdown-container .language-dropdown{display:none;position:absolute;top:100%;left:0;margin-top:10px;background-color:#fff;border:1px solid #ccc;border-radius:8px;z-index:1000;width:100%;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}.language-dropdown-container .language-dropdown.open{display:block;max-height:1100%;opacity:1}.language-dropdown-container .language-dropdown .language-option{display:block;padding:8px 15px;cursor:pointer;transition:background-color .3s ease}.language-dropdown-container .language-dropdown .language-option img{width:24px;height:24px;vertical-align:middle;margin-right:8px}.language-dropdown-container .language-dropdown .language-option:hover{background-color:#f5f5f5}@media only screen and (max-width: 768px){.modal{width:90vw;max-width:100vw;box-sizing:border-box}}@media screen and (max-height: 800px){.app__container .video_controls{top:1em;left:1em}.app__container .full__screen{bottom:1em;right:1em}.app__container .navigation{top:.4em;right:.4em;padding:8px}}@media only screen and (max-height: 600px){.app__container .video_controls{top:1em;left:1em}.app__container .full__screen{bottom:1em;right:1em}.app__container .navigation{top:.4em;right:.4em;padding:8px}.modal{background-color:#fff;padding:10px;border-radius:8px;text-align:center;max-width:80vw;display:flex;flex-direction:column;align-items:center;font-size:1em}.modal span{font-size:.8em;margin:1em 0;text-decoration:underline;cursor:pointer}.modal h2{text-align:center}.modal p{text-align:justify;margin:1em}.modal .modal__button{display:flex;align-items:center;justify-content:center;border:1px solid #28aeb9;padding:10px 20px;cursor:pointer;font-size:.9em;border-radius:8px;margin-bottom:.4em;color:#28aeb9;width:50%;transition:.25s}.modal .modal__button:hover{background-color:#28aeb9;color:#fff}}@media (orientation: landscape) and (max-height: 600px){.hideOnMobile{display:none!important}}@media (orientation: landscape) and (max-height: 768px){body{height:120vh}.app__container .actionlist{visibility:visible;pointer-events:all;display:flex;opacity:1}.app__container .video-container .vertical__list{display:none!important;opacity:0!important;padding:0;visibility:hidden;pointer-events:none}}@media (orientation: portrait) and (max-width: 768px){.hideOnMobile{display:none!important}html,body{height:auto!important;overflow:hidden}.app__container{overflow:hidden}.app__container .logo__client{top:57%;left:1.2em;z-index:100;width:20%}.app__container .logo__exotec{width:20%}.app__container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;z-index:50;background:linear-gradient(to top,#fff,#fff0);pointer-events:none}.app__container .actionlist{display:none;opacity:0;visibility:hidden;pointer-events:none}.app__container .video-container{height:100dvh;transform:translateY(-10%)}.app__container .video-container .vertical__list{transform:translateY(30%);visibility:visible;pointer-events:all;display:flex;opacity:1}}.building__item--3{display:none!important}