.position__overlay{position:absolute;top:0;left:0;z-index:-1}.position__left{opacity:0}.position__left .position_header{transform:translateZ(-20em) rotateY(113deg) rotateX(62deg) translateY(-8em) rotateY(-75deg) translateZ(-74em) translateY(-50em)}.position__left .position_name:after{transform:translateY(-3em) translateX(-700%)}.position__left .position_description{transform:translateY(20em) translateX(0) translateZ(-70em) rotateX(270deg) rotateY(75deg)}.position__left .position_technologies{transform:translateY(20em) translateX(0) translateZ(-70em) rotateX(-210deg) rotateY(-115deg)}.position__right{opacity:0}.position__right .position_header{transform:translateX(-100%) rotateY(90deg) rotateX(-90deg) translateZ(-30em);transform:translateZ(20em) rotateY(12deg) rotateX(21deg) rotateY(30deg) rotateX(3deg) translateZ(16em)}.position__right .position_name:after{transform:translateY(-3em) translateX(700%)}.position__right .position_description{transform:translateY(5em) translateX(-15em) translateZ(20em) rotateX(-110deg) rotateY(10deg)}.position__right .position_technologies{transform:translateY(5em) translateX(15em) translateZ(20em) rotateX(150deg) rotateY(-15deg)}.position__left .position_name:after,.position__right .position_name:after{transition:1.4s}.position,.position *,.position :after{transform-style:preserve-3d;perspective:30em;transition:.7s}.position__transition,.position__transition *,.position__transition :after{transition:0s!important}.frame{box-shadow:.3em .3em .5em .05em rgba(0,0,0,.2);box-shadow:.3em .3em .5em 0 rgba(0,0,0,.25)}.position_header{transform:translateZ(0);background:#6aa84f;background:linear-gradient(7deg,#6aa84f 68%,#5f9448);padding:1em;color:#fff}.position_header a{color:#4f7d3b}.position_name{font-size:2.3em;text-shadow:.15em .15em .15em rgba(0,0,0,.3),0 0 .05em #fff,0 0 .3em rgba(252,255,5,.48),0 0 .5em rgba(255,5,5,.3);position:relative;margin-top:.3em;display:inline-block}.position_name:before{content:"";width:65%;height:.12em;display:block;top:100%;position:absolute;background:#fff;box-shadow:.15em .15em .15em rgba(0,0,0,.3),0 0 .05em #fff,0 0 .3em rgba(252,255,5,.48),0 0 .5em rgba(255,5,5,.3)}.position_name:after{transform:translateZ(0);content:"";display:block;width:4em;height:4em;position:absolute;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.1) .4%,hsla(0,0%,100%,.05) 3%,hsla(0,0%,100%,0) 50%);top:-1.7em;left:1.85em;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.15) -.7%,hsla(0,0%,100%,0) 16.2%,hsla(0,0%,100%,0) 24.3%,rgba(249,98,98,.08) 0,rgba(255,208,38,.08) 31.03%,rgba(95,152,255,.15) 35.1%,hsla(0,0%,100%,.03) 37.8%,transparent 54%)}.position_company,.position_product,.position_timeline{text-align:right}.position_company{margin-bottom:.2em}.position_product{font-size:.75em;margin-top:0;font-weight:lighter}.position_content{padding:2em;position:relative}.position_description{max-width:50%}.position_description,.position_technologies{transform:translateZ(0);padding:1em;background:#fff;display:inline-block;vertical-align:top;box-sizing:border-box}.position_technologies{width:45%;margin-left:5%;margin-top:1em}.position_technologies-list{list-style-type:none}.position_technology:before{content:"\26AA";content:"\25CF";margin-right:.25em;color:#6aa84f;font-size:1.5em;line-height:.66;vertical-align:middle;text-shadow:.05em .05em .1em #4f7d3b}.timeline{position:absolute;height:.7em;width:100%;top:.7em;left:0;z-index:10;transform:translateZ(1em)}.timeline__range{position:absolute;top:0;height:100%;outline:none;cursor:pointer;transition:.7s .3s}.timeline__range:before{content:"";position:absolute;left:.1em;top:.1em;bottom:.1em;right:.1em;background-color:hsla(0,0%,100%,.3);transition:.7s .3s}.timeline__range_active{box-shadow:.1em .1em .2em .05em rgba(0,0,0,.2)}.timeline__range_active:before{left:.05em;top:.05em;bottom:.05em;right:.05em;background-color:hsla(0,0%,100%,.7);box-shadow:0 0 .5em rgba(220,255,139,.5)}.timeline__range:hover{box-shadow:none}.timeline__range:hover:before{background-color:transparent;box-shadow:none}.timeline__range-title{pointer-events:none;position:absolute;padding:4px 8px;color:#4f7d3b;left:50%;transform:translateX(-50%) translateY(-50%);top:50%;white-space:nowrap;z-index:2;border-radius:5px;background:hsla(0,0%,100%,.7);font-size:.7em;font-weight:lighter;transition:.7s .3s;opacity:0;min-width:100%;text-align:center}.timeline__range-title:hover,.timeline__range:hover .timeline__range-title{margin-bottom:.3em;opacity:1;box-shadow:.3em .3em .5em .05em rgba(0,0,0,.2)}#root,body,html{position:absolute;width:100%;height:100%;padding:0;margin:0;top:0;left:0;color:#262828;font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif}body{background:#d7d7d7;background:radial-gradient(ellipse at center,#e8e8e8 60%,#d7d7d7 100%)}button{cursor:pointer}.client-area{margin:3em auto;font-size:1.2em;max-width:720px;position:relative}.navigation-button{position:absolute;top:23em;font-size:.8em}.navigation-button_prev{left:0}.navigation-button_next{right:0;transform:rotate(180deg)}.page{display:inline-block;width:30px}.page,.page *{transition:.15s}.page_next,.page_prev{transform:rotateY(-90deg) rotateX(90deg)}.page_transition{transition:none}.page_transition-next.page_prev{transform:translateX(30px)}.page_transition-next.page_current{transform:translateX(30px) rotateY(-90deg) rotateX(90deg)}.page_transition-prev.page_current{transform:translateX(-30px) rotateY(-90deg) rotateX(90deg)}.page_transition-prev.page_next{transform:translateX(-30px)}