*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}[tabindex]{outline:none}html{-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box}body{background:#000;color:#fff;font:normal 28px/36px PT Sans,sans-serif;margin:0 auto}a{color:#0b7fcf;text-decoration:none}a:hover{text-decoration:underline}a:active{color:#1a9af3}ol,p,ul{margin-bottom:20px}fieldset,img,table{border-width:0}h1{font-size:19px;line-height:24px;width:402px;text-align:right;opacity:.7;margin:0 auto}h1,h2{font-weight:700}h2{font-size:48px;line-height:60px;margin-bottom:80px;text-align:center}h3{font-size:32px;line-height:40px;font-weight:700;margin-bottom:20px}.blue{color:#0b7fcf}.orange{color:#ff8a00}.muted{opacity:.5}mark{background-color:transparent;color:#fff7b1}img{max-width:100%}.button{color:#fff;background:rgba(11,127,207,.9);border-radius:5px;padding:10px 20px;font-size:28px;line-height:36px;font-weight:700;display:inline-block;transition:all .2s linear}.button:hover{background-color:#0b7fcf;text-decoration:none}.button.grey{background-color:rgba(89,91,89,.9)}.button.grey:hover{background-color:#595b59}.button.outline{background-color:rgba(0,0,0,.3);box-shadow:inset 0 0 0 2px #595b59}.button.outline:hover{box-shadow:inset 0 0 0 2px #fff}.button.outline-blue{background-color:transparent;box-shadow:inset 0 0 0 2px #0b7fcf;color:#0b7fcf}.for-button{margin-top:20px}.wrap{width:1000px;margin:0 auto;position:relative}header{position:fixed;top:0;right:0;left:0;z-index:10;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}header:after{position:absolute;left:0;right:0;top:60px;content:"";height:1px;background:#595b59;z-index:22;transition:background .3s linear}header #basecam-logo{width:402px;position:fixed;top:140px;left:50%;transform:translateX(-50%);z-index:11;transition:all .3s ease-in-out}header #basecam-logo img{display:block;margin:0 auto;min-height:35px;max-height:94px;transition:opacity .3s linear}header.expanded #basecam-logo,header.scrolled #basecam-logo{width:150px;height:35px;top:13px}header .wrap .burger{width:60px;height:60px;cursor:pointer;color:#fff;opacity:.8;position:relative}header .wrap .burger:after,header .wrap .burger:before{width:28px;height:3px;left:0;top:50%;background-color:currentcolor;content:"";position:absolute;transform-origin:6px 2px;transition:all .2s linear}header .wrap .burger:before{margin-top:-8px}header .wrap .burger:after{margin-top:4px}header .wrap .burger:hover{opacity:1}header>.wrap{z-index:21;display:flex;align-items:center}header .lang-selector{margin-left:auto;display:inline-flex;box-shadow:inset 0 0 0 2px #333;border-radius:5px;transition:all .2s linear}header .lang-selector a,header .lang-selector b{line-height:40px;font-size:18px;display:block;width:40px;text-align:center;color:#fff;transition:inherit}header .lang-selector b{background:#444;color:hsla(0,0%,100%,.5);font-weight:400;position:relative;z-index:1;border-radius:5px}header menu{padding:90px 0 30px;position:absolute;left:0;right:0;top:0;background:#fff;height:360px;overflow:hidden;opacity:0;transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:linear;transform:translateY(-50px);z-index:-1;pointer-events:none}header menu nav{font-size:20px;line-height:24px;display:flex;width:100%}header menu nav .switch{display:inline-flex;border-radius:5px;box-shadow:inset 0 0 0 2px currentcolor;color:#0b7fcf;font-weight:700}header menu nav .switch span{border-radius:5px;padding:10px 20px;cursor:pointer}header menu nav .switch span.current{background:#0b7fcf;color:#fff;box-shadow:0 0 2px #fff}header menu nav .button{font-size:inherit;line-height:inherit;margin-left:20px}header menu nav .button.external:after{content:"";width:24px;height:20px;vertical-align:middle;background:url(../i/ico.external.svg) no-repeat 100% 1px;display:inline-block}header menu nav .button:first-of-type{margin-left:auto}header menu .products{font-size:16px;line-height:20px;margin-top:30px}header menu .products ins{text-decoration:none;display:flex;justify-content:space-between}header menu .products dl{width:155px;opacity:0;transform:translateY(-5px);transition:all .3s linear}header menu .products dl dt i{display:flex;height:100px;margin-bottom:10px;align-items:center}header menu .products dl dt img{height:90px}header menu .products .components dl{width:90px}header menu .products .components i{padding-top:20px}header menu .products .components img{height:60px}header.expanded:after{background-color:#d3d3d3}header.expanded #basecam-logo{background:url(../i/i.basecam-logo_white.svg) no-repeat 50% 50%;background-size:100% auto}header.expanded #basecam-logo img{opacity:0}header.expanded .burger{color:#000}header.expanded .burger:before{transform:rotate(45deg)}header.expanded .burger:after{transform:rotate(-45deg)}header.expanded .lang-selector{box-shadow:inset 0 0 0 2px #eee}header.expanded .lang-selector a{color:#0b7fcf}header.expanded .lang-selector b{background:#e6e6e6;color:rgba(0,0,0,.5)}header.expanded menu{box-shadow:0 100px 100px -50px #000;z-index:20;pointer-events:all}header.expanded menu,header.expanded menu .products dl{opacity:1;transform:translateY(0)}section{padding:160px 0}section.overlayed{background:no-repeat 50% 0;background-size:cover;position:relative}section.overlayed:before{position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:1;content:""}section.overlayed .wrap{position:relative;z-index:2}section.first-screen{padding:254px 0 80px;perspective:1000px;width:100%;overflow:hidden}section.first-screen .bg{position:absolute;inset:0;background:#000 url(../i/bg.first-screen.webp?nocache=1) no-repeat 50% 0;background-size:1920px auto;z-index:1;-webkit-backface-visibility:hidden}section.first-screen .wrap{z-index:2;position:relative;-webkit-transform:translateZ(0)}section.first-screen h2{margin-top:80px;margin-bottom:160px}section.first-screen .columns{display:flex;flex-wrap:wrap;justify-content:space-between}section.first-screen .column{width:390px;font-weight:700;-webkit-transform:translateZ(0)}section.first-screen .column h3{float:left;border-bottom:1px solid hsla(0,0%,100%,.3);padding-bottom:10px;margin-bottom:10px}section.first-screen .column p{color:hsla(0,0%,100%,.7);margin-bottom:30px;clear:left}section.first-screen .column p em{color:hsla(0,0%,100%,.85)}section.second-screen{background-image:url(../i/bg.second-screen.webp)}section.second-screen i.fade-overlay{position:absolute;inset:0;background:#000;z-index:1}section.second-screen h2{margin-bottom:0}section.third-screen p{color:hsla(0,0%,100%,.7)}section.third-screen dl{display:flex;margin-top:80px}section.third-screen dl dt{width:220px;margin-right:40px;font-size:32px;line-height:40px;font-weight:700}section.third-screen dl dt h3{float:left;border-bottom:1px solid hsla(0,0%,100%,.3);padding-bottom:10px;margin-bottom:0}section.third-screen dl dd{width:calc(100% - 40px - 220px);color:hsla(0,0%,100%,.7)}section.fourth-screen{background-color:#1c70ab;padding:80px 0}section.fourth-screen .divisions{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}section.fourth-screen .divisions dl{font-size:24px;line-height:30px;opacity:0;transition-property:opacity;transition-duration:.5s;transition-timing-function:linear}section.fourth-screen .divisions dl dt i{display:block;height:80px;display:flex;align-items:center;margin-bottom:10px}section.fourth-screen .divisions.visible dl{opacity:1}section.sixth-screen{background-image:url(../i/bg.sixth-screen.webp)}section.sixth-screen:before{background:rgba(0,0,0,.5)}section.sixth-screen ul{list-style:none;display:flex;justify-content:space-between;margin-bottom:40px}section.sixth-screen ul li{width:calc(50% - 40px / 2)}section.sixth-screen .for-button{margin-top:40px}.gimbal{width:900px;margin:0 auto;position:relative}.gimbal .legend dl{background:#d9d9d9;border-radius:10px;left:55px;top:-10px;font-size:14px;line-height:18px;color:rgba(0,0,0,.7);width:300px;position:absolute;opacity:0;transform:translateY(-20px);transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:ease-in-out;height:0;padding:0;overflow:hidden}.gimbal .legend dl dt{font-size:16px;line-height:20px;margin-bottom:5px;color:#000}.gimbal i{background:#0b7fcf;color:#fff;width:40px;height:40px;border-radius:50%;line-height:40px;font-size:24px;font-style:normal;display:inline-block;text-align:center;box-shadow:2px 4px 10px -2px #0b7fcf;cursor:pointer;text-indent:.5px;position:absolute;transition:all .3s linear;transform:scale(2);opacity:0;left:0;top:0}.gimbal.visible i{opacity:1;transform:scale(1)}.gimbal.visible i[style]{transition-delay:0!important}.gimbal ins{text-decoration:none;position:absolute;z-index:1}.gimbal ins.right dl{left:auto;right:15px}.gimbal ins:hover{z-index:2}.gimbal ins:hover dl{opacity:1;transform:translateY(0);padding:10px 15px 12px;height:auto}footer{font-size:14px;line-height:20px;padding:80px 0;color:hsla(0,0%,100%,.7)}footer .copyright{padding:3px 0 0 70px;background:url(../i/i.basecam-wave.svg) no-repeat 0 6px;background-size:45px auto}