@media screen and (pointer:coarse){@supports ((-webkit-backdrop-filter:blur(1px))) and (overscroll-behavior-y:none){html{overscroll-behavior-y:none;min-height:100.3%}}@supports ((-webkit-backdrop-filter:blur(1px))) and (not (overscroll-behavior-y:none)){html{height:100%;overflow:hidden}body{-webkit-overflow-scrolling:touch;max-height:100%;margin:0;overflow:auto}}}body{overscroll-behavior-y:none;margin:0}:root{--neutral-black1:#0c0e11;--neutral-black2:#36373a;--neutral-black3:#5c5d61;--neutral-white1:#f5f8f9;--neutral-gray2:#afb2b5;--darkpurple:#16002e;--primary0:#260c3e;--primary1:#460c7c;--primary2:#623889;--primary6:#e5d4f4;--secondary2:#ff8fe6;--secondary3:#ffa6eb;--info-gradient:linear-gradient(90deg, #ff79e180, #a8008380);--message-gradient:linear-gradient(90deg, #424242e6, #424242e6)}#mytest{margin-left:50px}p{--spatial-font-size:18;--spatial-margin:3;--spatial-color:"#000000";margin-right:69px}.App{text-align:center}.arrow{opacity:.5;background-position:50%;background-repeat:no-repeat;background-size:contain;width:114px;height:87px;margin:0}.arrowEnabled{opacity:1}.arrowEnabled:hover{cursor:pointer;transition:transform .3s ease-out;transform:scale(1.1)}#arrowLeft{background-image:url(/assets/arrowLeft.svg);margin-right:40px}#arrowRight{background-image:url(/assets/arrowRight.svg);margin-right:10px}.babylonVRicon{position:fixed;top:30px;right:30px}#backgroundFiller{background-color:var(--neutral-black2);width:100%;height:60vw;position:absolute}#backgroundPanel{background-color:var(--neutral-black1)}.blob{position:absolute}.blob img{width:50vw}#blurs{width:100%;height:100%;position:absolute}#blurs div{position:absolute}#blurs div img{width:40vw;height:auto}.blurCircle{filter:blur(4vw);background-color:var(--primary2);border-radius:50%;width:23vw;height:23vw;top:50%;left:3%;transform:translateY(-50%)}#contactUs button:hover{cursor:pointer}.client{height:76px;padding:1.5vw 3vw;display:inline-block}#clients{background-image:linear-gradient(#0d0f12,#1b062f)}#clients>div{width:80%;margin:0 auto;padding-top:2vw;padding-bottom:2vw}#companyDescr{clip-path:polygon(0 13%,105px 0,100% 0,100% 100%,105px 100%,0 87%);z-index:2;background-image:linear-gradient(#1b062f,#0c0e11,#1b062f);width:100%;height:900px;position:absolute;top:36vw}#companyDescrGrid{grid-template-rows:2fr 1.8fr;grid-template-columns:2fr 2fr;column-gap:30%;height:894px;padding:5%;display:grid}#companyDescrGrid div{z-index:2}#companyDescrGrid h1{color:var(--neutral-white1);text-align:left;z-index:1;font-size:38pt;position:relative}#companyDescrGrid img{width:100%}#companyDescrGrid p{z-index:1;margin-right:0;position:relative}#contactForm{text-align:left;margin:2% 10%}#contactMessage>div:first-child{z-index:2;-webkit-backdrop-filter:blur(10px);width:100%;height:100%;position:fixed;top:0;left:0}#contactMessage>div:nth-child(2){z-index:3;height:255px;margin:0 auto;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}#contactMessage>div:nth-child(2) .feature{background-image:var(--message-gradient);height:initial;margin:0 auto;padding:0;left:0;right:0}#contactMessage>div:nth-child(2) .feature p{text-align:left;justify-content:center;font-size:16pt;display:flex}#contactMessage>div:nth-child(2) .feature button{color:var(--neutral-black2);border:none;border-radius:15px;width:200px;height:60px;margin-bottom:40px;font:700 20pt Montserrat}#contactUs{background-color:var(--primary6);grid-template-columns:3fr 1fr;width:100%;margin:0 auto;display:grid}#btnContact{background-color:var(--secondary2);color:#fff;-webkit-user-select:none;user-select:none;border:none;border-radius:15px;width:382px;height:115px;margin-top:4vw;margin-bottom:4vw;font:700 23pt Montserrat}#contactUs button:disabled,#contactUs button:disabled:hover{opacity:.5;cursor:auto;transform:none}#contactUs button:hover{cursor:pointer;transition:transform .3s ease-out;transform:scale(1.05)}#contactUs div p{color:var(--neutral-black3);font-size:28pt}#contactUs h4{padding-top:3vw}#contactFormGrid{grid-template-columns:1fr 1fr;column-gap:80px;width:100%;display:grid}#contactFormGrid div:nth-child(5),#contactFormGrid div:nth-child(6){grid-column:1/span 2}#contactUs input[type=text]{background:linear-gradient(var(--neutral-gray2), var(--neutral-gray2)) center bottom 5px / calc(100% - 10px) 2px no-repeat;width:100%;color:var(--neutral-black3);border:0;padding:10px 0;font:20pt Montserrat}#contactUs table{width:100%}#demoArrows{justify-content:flex-end;display:flex}.demoItem{height:30vw;padding-right:2.3%;display:inline-block}.demoItem h1{color:var(--primary6)}.demoItem img{height:90%}.demoItem img:hover{cursor:pointer;transition:transform .3s ease-out;transform:scale(1.05)}#demosContainer{height:36vw;margin:0 auto;overflow:hidden}#demosGrid{grid-template-columns:5fr 1fr;align-items:center;display:grid}#demosScroller{width:413%;height:30vw}#demos{text-align:left;width:80%;margin:0 auto;position:relative;overflow:hidden}#companyDescrGrid p{color:var(--neutral-gray2);text-align:left;font-size:25pt}h3{color:var(--neutral-black1);font:700 38pt Futura}h4{color:var(--neutral-black1);margin:0;font:700 25pt Montserrat}#headerBanner{pointer-events:none;width:100%;height:60vw;position:relative;top:-7vw}#innerBorder{background-color:var(--primary2);clip-path:polygon(96px 827px,10px 731px,10px 102px,92px 11px,calc(100% - 9px) 11px,calc(100% - 9px) 826px,99% 830px,calc(100% - 2px) 827px,calc(100% - 2px) 4px,88px 4px,2px 100px,2px 734px,92px 835px,calc(100% - 2px) 840px,calc(100% - 2px) 826px);width:calc(100vw - 70px);height:834px;margin:0 auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.feature{width:595px;position:absolute}.features>div{margin-bottom:130px}.features{grid-template-columns:1fr 1fr 1fr;width:80%;margin:0 auto;padding-top:3vw;padding-bottom:3vw;display:grid}.feature{background-image:var(--info-gradient);clip-path:polygon(64px 0%,100% 0%,100% calc(100% - 50px),calc(100% - 64px) 100%,0% 100%,0% 50px);box-sizing:border-box;z-index:1;width:595px;height:340px;margin-bottom:130px;padding:10%}.features h2{text-align:left;margin:0;padding:0;font-size:22pt}.featureHeading{grid-template-columns:1fr 8fr;align-items:center;column-gap:5%;display:grid}.features img{width:48px;height:auto}.features p{margin-right:initial;color:var(--neutral-white1);text-align:left;font-size:19pt}@font-face{font-family:Futura;font-style:normal;font-weight:400;src:url(/assets/fonts/Futura%20Md%20BT%20Medium%20400.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(/assets/fonts/Montserrat-Light.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url(/assets/fonts/Montserrat-Bold.ttf)format("truetype")}h1{color:var(--neutral-white1);text-transform:uppercase;--spatial-font-weight:600;--spatial-font-size:30;--spatial-margin:3;--spatial-color:"#000000";font:700 47pt Futura}h2{color:var(--neutral-white1);font:700 20pt Futura}#honeyComb{z-index:1;background-image:url(/assets/honeycomb.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:765px;position:absolute;top:calc(800px - 23vw);left:0}.blink1{animation:.1s ease-in-out forwards blinker1}@keyframes blinker1{0%{background-color:#000}30%{background-color:var(--darkpurple)}to{background-color:#000}}.blink2{animation:.1s ease-in-out forwards blinker2}@keyframes blinker2{0%{background-color:#000}30%{background-color:var(--primary0)}to{background-color:#000}}#imageCaption{z-index:2;color:var(--primary6);margin:0 auto;font:24pt Futura;position:absolute;bottom:40px;left:0;right:0}#imageContainer{background-color:#000;max-height:1200px;position:relative}#loading{z-index:1;background-image:url(/assets/marcus.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:50%;transform:translateY(-50%)}#mediumPercent{clip-path:polygon(10% 0%,100% 0%,100% 80%,90% 100%,0% 100%,0% 20%);background-image:linear-gradient(-45deg,#ff79e180,#a8008380)}#mediumStats{background-image:linear-gradient(#1b062f,#0c0e11);height:1000px;position:relative}#mediumStats div{z-index:2;height:638px;position:absolute;top:230px}#mediumStats div:first-child{left:calc(50% - 369px)}#mediumStats div:nth-child(2){right:calc(50% - 369px)}#mediumStats img{height:100%}#maddieCanvas{width:550px;height:700px;position:relative;top:-70px;left:-70px}#maddieCanvas:focus{outline:none}#maddieCanvas:hover{cursor:pointer}#myCanvas{width:100%;height:100%}#myCanvas:hover{cursor:pointer}p{color:var(--neutral-gray2);font:12pt Montserrat}.statContainer{z-index:1;width:280px;position:absolute}.statistic{background-image:var(--info-gradient);clip-path:polygon(10% 0%,100% 0%,100% 80%,90% 100%,0% 100%,0% 20%);z-index:2;padding:5% 15% 5% 10%;position:relative}.statistic h2{margin:8px;font-size:38pt}.statistic hr{border-color:var(--secondary3);margin:0}.statistic img{width:46px}.statistic p{color:var(--neutral-white1);margin-top:18px;margin-bottom:13px;margin-right:0;font-size:17pt;font-weight:700}#videoBanner{object-fit:contain;width:100%;height:165%}#VR{background-color:var(--primary6);z-index:1;width:100%;margin-bottom:8%;position:relative}#VR .service h1{color:var(--neutral-black1)}#VR .service p{color:var(--neutral-black2)}#VR .service .chartContainer{background-color:var(--primary0);clip-path:polygon(100% 0,100% 100%,10% 100%,0 83%,0 0);margin:10px 0 5% 5%;padding:2%}.service{grid-template-columns:1fr 1fr;width:80%;margin:0 auto;display:grid;position:relative}.serviceText{text-align:left;margin-right:7vw}.serviceImage img{text-align:left;clip-path:polygon(100% 0,100% 90%,90% 100%,0 100%,0 0);width:99%}.serviceImageMain img{text-align:left;clip-path:polygon(100% 0,100% 100%,10% 100%,0 87%,0 0);width:99%}.serviceImageReverse img{text-align:right;clip-path:polygon(100% 0,100% 100%,10% 100%,0 87%,0 0);width:99%}.serviceTextReverse{text-align:left;margin-left:7vw}.service p{font-size:23pt}.statContainer{padding-top:calc(700px - 23vw);top:21%;left:20%}.statContainer~.statContainer{top:40%;right:20%;left:initial}#VRcaption{text-align:right;color:var(--neutral-black1);font:700 19pt Futura}#VRcontainer{width:1100px}#VRinfo{margin:5% 0 0}#VRinfo img{width:78%}@media only screen and (width<=2300px){.feature{width:500px}}@media only screen and (width<=2150px){h1{font-size:30pt}}@media only screen and (width<=1900px){.feature{width:25vw}.statContainer{left:10%}.statContainer~.statContainer{right:10%}}@media only screen and (width<=1820px){#companyDescrGrid{column-gap:10%}}@media only screen and (width<=1660px){#VRcontainer{width:100%}}@media only screen and (width<=1430px){#companyDescrGrid div:first-child,#companyDescrGrid div:nth-child(2){position:relative;top:100px}#companyDescrGrid p{font-size:19pt}.statContainer{left:10px}.statContainer~.statContainer{right:10px}}@media only screen and (width<=1400px){.features p{font-size:17pt}}@media only screen and (width<=1145px){.features p{font-size:16pt}}@media only screen and (width<=1180px){h1,h4{font-size:20pt}.arrow{height:60px}.service p{font-size:15pt}.statistic{transform:scale(.7)}#contactUs div p{font-size:15pt}.features h2{font-size:19pt}.features p{font-size:17pt}.features img{width:35px}#VRcaption{font-size:15pt}}@media only screen and (width<=1000px){#arrowLeft{margin-right:0}#companyDescr{clip-path:polygon(0 13%,105px 0,100% 0,100% 100%,105px 100%,0 87%);height:900px}#companyDescrGrid{padding-left:12%;padding-right:12%;display:block}#companyDescrGrid div:first-child{margin-bottom:calc(90px - 2vw);top:50px}#companyDescrGrid div:nth-child(2){position:initial}#companyDescrGrid h1{font-size:27pt}#companyDescrGrid p{font-size:16pt}#companyDescrGrid img{width:70%}#contactForm{width:95%;margin:0}#contactUs{justify-content:center;display:flex}#contactUs input[type=text]{font-size:18pt}#demos{width:92%}#demosContainer{height:56vw}#demosScroller{width:500%}.demoItem{height:50vw}#demoScroller{width:413%;height:50vw}.features{width:92%;display:block}.features h2{font-size:24pt}.features img{width:65px}.features p{font-size:19pt}.feature{width:100%}#honeyComb{background-image:url(/assets/honeycomb_mobile.svg);background-size:900px;height:1465px;top:calc(1000px - 23vw)}#mediumStats{height:1600px}#mediumStats div{position:relative}#mediumStats div:first-child{right:initial;position:absolute;left:calc(50% - 80px)}#mediumStats div:nth-child(2){left:initial;position:absolute;top:900px;right:calc(50% - 60px)}.service{flex-direction:column;width:92%;display:flex}#demos h1,.service h1{font-size:35pt}.service p{font-size:20pt}.serviceImageReverse{order:2}.serviceText{padding-top:20px}.serviceTextReverse{margin-left:0}.statContainer{top:15%;right:initial;left:calc(50% - 350px)}.statContainer~.statContainer{top:48%;left:initial;right:calc(50% - 340px)}#imageContainer{display:none}#innerBorder{clip-path:polygon(96px 827px,10px 731px,10px 102px,92px 11px,calc(100% - 10px) 11px,calc(100% - 11px) 826px,99% 830px,calc(100% - 2px) 827px,calc(100% - 2px) 4px,88px 4px,2px 100px,2px 734px,92px 835px,calc(100% - 2px) 835px,calc(100% - 2px) 826px);height:845px}.statistic{transform:none}#VR{padding-top:20px}#VR .service .chartContainer{margin:auto}#VRcontainer{padding-bottom:60px}#VRinfo{padding-bottom:30px}}@media only screen and (width<=700px){.statContainer{left:calc(50% - 230px);transform:scale(.6)}.statContainer~.statContainer{right:calc(50% - 210px)}#maddieCanvas{width:500px;height:600px;position:relative;top:-70px;left:-70px}#mediumStats{height:1400px}#mediumStats div:nth-child(2){top:800px}#mediumStats img{height:80%}.client{height:50px}#contactFormGrid div:last-child{text-align:center}#contactFormGrid{display:block}#demos .demoItem h1{font-size:15pt}}@media only screen and (width<=540px){#companyDescrGrid{padding-left:15%;padding-right:15%}#companyDescrGrid p{font-size:14pt}#demosGrid{display:block}#demoArrows{width:250px;margin:0 auto 40px}#demosScroller{width:500%}}@media only screen and (width<=450px){#companyDescrGrid img{margin-left:10vw}h1{font-size:25pt}#companyDescrGrid h1{font-size:24pt}#maddieCanvas{width:450px;height:500px;position:relative;top:15px;left:-70px}#mediumStats{height:1200px}#mediumStats img{height:70%}#mediumStats div:nth-child(2){top:700px}.statContainer{top:25%}}@media only screen and (width<=430px){.service h1{font-size:25pt}.client{height:40px}#contactUs button{width:300px;height:100px}}@media only screen and (width<=400px){h3{font-size:36pt}}
