@font-face{font-family:Apercu;src:url(Apercu-Regular.woff) format("woff")}@font-face{font-family:Apercu Bold;src:url(Apercu-Bold.woff) format("woff")}@font-face{font-family:Apercu Mono;src:url(Apercu-Mono.woff) format("woff");unicode-range:U+30-39}@font-face{font-family:Schear Grotesk;src:url(../fonts/SchearGrotesk-Bold.woff) format("woff")}*{box-sizing:border-box}html{font-size:20px}body,html{background:#2b2f3e;margin:0;padding:0;color:#91929c;font-size:24px;font-family:Apercu Mono,Apercu,Georgia,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.times,html.times{padding:20px}body.times.media-active,html.times.media-active{height:100%;overflow:hidden}body.times .loader,html.times .loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(43,47,62,.8);background-image:url(images/rings.svg);background-position:50%;background-size:50px 50px;background-repeat:no-repeat;z-index:10;display:none}h1,h2,h3,h4,h5{margin:0;font-family:Apercu Mono,Apercu,sans-serif,Helvetica,Arial;-webkit-font-smoothing:antialiased}p{margin:0}i{line-height:inherit}li,ul{list-style:none;margin:0;padding:0}button{background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;border-radius:4px;color:#91929c;background-color:#4c5264;padding:10px 20px;transition:all .2s ease}button.saving{background-color:#00cd69!important;background-image:url(images/rings.svg);background-repeat:no-repeat;background-size:contain;background-position:50%;text-indent:99999px;overflow:hidden}button:hover{color:#fff}button.active{color:#fff;background-color:#262c39;box-shadow:0 0 0 2px #4c5264}input{background:hsla(0,0%,100%,.75);border:1px solid #fff;border-radius:4px;padding:0 10px;min-width:50px;font-size:inherit}button:active,button:focus,input:active,input:focus{outline:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}body.bord{height:100vh;width:100vw;overflow:hidden}body.bord .image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70vh;height:70vh;box-shadow:0 0 0 5px #4c5264,0 0 0 30px #262c39;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}body.bord .image.stand,body.bord.stand-up .image{display:none}body.bord.stand-up .image.stand{display:block}body.bord .bord-timer{font-size:50px;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);opacity:1;transition:opacity .3s;transition-delay:1s}body.bord.media-active .bord-timer{opacity:0;transition-delay:1s}body.bord .controls{display:flex;align-items:center;position:absolute;bottom:10px;left:10px;width:calc(100% - 40px);justify-content:space-between}body.bord .controls button{background:none;display:flex;padding:10px}body.dashboard{background:#2b2e43;overflow:hidden}body.dashboard .controls{display:flex;align-items:center;position:absolute;bottom:10px;left:10px}body.dashboard .controls button{background:none;display:flex;padding:10px}body.dashboard .controls .error{background:rgba(210,53,66,.2);color:#d23542;padding:5px 15px;border-radius:20px;margin-left:10px;font-size:80%;display:none}body.dashboard .controls .error.active{display:block}body.dashboard .settings-overlay{position:absolute;width:calc(100vw - 120px);height:calc(100vh - 120px);top:60px;left:60px;background-image:linear-gradient(to bottom right,#d385e4,#a177ef);box-shadow:0 0 30px rgba(0,0,0,.4);z-index:10;display:none;border-radius:24px}body.dashboard .settings-overlay.active{display:flex}body.dashboard .settings-overlay .close-settings{position:absolute;top:0;right:0;background:none;padding:30px;color:#fff}body.dashboard .settings-overlay form{flex:1;padding:30px}body.dashboard .settings-overlay form input{width:auto}body.dashboard .settings-overlay form .submit{background-color:#33374a;color:#fff;width:100%;margin-top:30px}body.dashboard .settings-overlay form .submit:hover{background-color:#2b2e43}body.dashboard .settings-overlay form .select2-selection--multiple{color:#2b2e43;border-color:#fff;background:hsla(0,0%,100%,.75)}body.dashboard .settings-overlay form .select2-selection--multiple .select2-selection__choice{background-color:#fff}body.dashboard .settings-overlay form .check{background-color:hsla(0,0%,100%,.75);padding:10px 20px 10px 10px;border-radius:4px;border:1px solid #fff;margin-bottom:30px;display:inline-block}body.dashboard .settings-overlay form .check label{color:#2b2e43}body.dashboard .settings-overlay form.settings-projects{border-right:1px solid hsla(0,0%,100%,.3)}body.dashboard .settings-overlay form.settings-projects .select2-selection__choice{width:100%;padding:10px}body.dashboard .settings-overlay form.settings-projects.automatic .input,body.dashboard .settings-overlay form.settings-projects.automatic .select2{opacity:.3;pointer-events:none}body.dashboard .settings-overlay form h4{color:#fff;margin-bottom:30px}body.dashboard .settings-overlay form .input{display:flex;margin-bottom:30px;position:relative}body.dashboard .settings-overlay form .input .search-result{position:absolute;top:calc(100% + 5px);background:#2b2e43;width:100%;min-height:500px;border-radius:4px;z-index:10;overflow:auto;display:none}body.dashboard .settings-overlay form .input .search-result.active{display:block}body.dashboard .settings-overlay form .input .search-result ul li{border-bottom:1px solid #33374a;padding:15px;cursor:pointer;position:relative}body.dashboard .settings-overlay form .input .search-result ul li button{position:absolute;top:0;right:0;color:#fff;padding:15px;display:inline-block;background:#2b2e43;border-left:1px solid #33374a;border-radius:0}body.dashboard .settings-overlay form .input .search-result ul li button:hover{background:#33374a}body.dashboard .settings-overlay form .input .search-result ul li:hover{background-color:#33374a;color:#fff}body.dashboard .settings-overlay form .input .search-result ul li ul.sections{margin:15px -15px -15px;background:#2b2e43;padding-bottom:60px}body.dashboard .settings-overlay form .input .search-result ul li ul.sections li{border-top:1px solid #33374a;border-bottom:none;padding:5px 5px 5px 30px;font-size:80%}body.dashboard .settings-overlay form .input .search-result ul li ul.sections li:last-child{border-bottom:1px solid #33374a}body.dashboard .settings-overlay form .input input{flex:1;padding:10px;opacity:1}body.dashboard .settings-overlay form .select2-container,body.dashboard .settings-overlay form select{width:100%!important}body.dashboard .container{display:flex;width:100vw;min-height:100vh;overflow:auto;padding:30px}body.dashboard .container>.left{flex-grow:1}body.dashboard .container>.right{display:flex;flex-direction:column;justify-content:space-between}body.dashboard .box{background:#33374a;padding:30px;border-radius:24px}body.dashboard .box .main-val{display:flex;align-items:baseline;margin-bottom:30px}body.dashboard .box .main-val .val{font-size:48px;color:#fff;font-weight:700;margin-right:15px}body.dashboard .box p{margin-bottom:5px}body.dashboard .box .box-title{margin-bottom:30px;color:#fff}body.dashboard .bubble{background:#3e4358;position:absolute;top:0;left:50%;white-space:nowrap;padding:3px 8px;text-align:center;border-radius:10px;display:inline-block;transform:translate(-50%,calc(-100% - 12px));font-size:19.2px}body.dashboard .bubble:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #3e4358}body.dashboard .bubble.below{top:100%;transform:translate(-50%,12px)}body.dashboard .bubble.below:after{transform:rotate(180deg) translateX(8px);top:-8px}body.dashboard .val{white-space:nowrap}body.dashboard .projects{padding-right:100px;background:transparent;display:flex;flex-direction:column;height:100%}body.dashboard .projects .project-list{flex-grow:1;display:flex;flex-direction:column;justify-content:space-evenly}body.dashboard .projects .project{padding:30px 0 60px;display:flex;flex-direction:column;justify-content:center}body.dashboard .projects .project .top{display:flex;margin-bottom:12px;align-items:center}body.dashboard .projects .project .top .title{line-height:1;color:#fff;display:flex;align-items:center;font-size:1.2rem}body.dashboard .projects .project .top .title i{margin:0 10px}body.dashboard .projects .project .top .meta{margin-left:20px;display:flex;align-items:center}body.dashboard .projects .project .top .meta .icon{color:#00cd69}body.dashboard .projects .project .top .meta span{margin-right:10px;display:inline-block;background:#33374a;padding:5px 10px;border-radius:20px;font-size:19.2px;color:#fff}body.dashboard .projects .project .progress{width:100%;position:relative;font-size:80%;font-weight:100}body.dashboard .projects .project .progress.has-budget .budget{display:block}body.dashboard .projects .project .progress.has-budget .time-over-budget{background:#d23542}body.dashboard .projects .project .progress .budget{background:#33374a;height:5px;border-radius:20px;position:absolute;width:100%;z-index:2;display:none}body.dashboard .projects .project .progress .budget .bubble{left:100%;background:rgba(0,205,105,.2);color:#00cd69}body.dashboard .projects .project .progress .budget .bubble:after{border-top-color:rgba(0,205,105,.2)}body.dashboard .projects .project .progress .budget .bubble .icon{color:inherit}body.dashboard .projects .project .progress .worked,body.dashboard .projects .project .progress .worked-label{position:absolute;top:0;left:0;width:30%;height:5px;background:#00cd69;text-align:right;border-radius:20px;max-width:100%;z-index:3}body.dashboard .projects .project .progress .worked-label .bubble,body.dashboard .projects .project .progress .worked .bubble{left:100%}body.dashboard .projects .project .progress .worked-label{background:transparent}body.dashboard .projects .project .progress .time-over-budget{background:#ffba00;height:5px;border-radius:20px;position:absolute;top:0;right:0;z-index:3}body.dashboard .projects .project .progress .estimate{background:#222636;height:5px;border-radius:20px;position:absolute;width:100%;z-index:2}body.dashboard .projects .project .progress .estimate .bubble{left:100%}body.dashboard .projects .project .progress .estimate .estimate-done{position:absolute;left:0;width:30%;height:5px;background:#09f;border-radius:20px}body.dashboard .projects .project .progress .estimate .estimate-done .bubble{left:100%}body.dashboard .projects .project .progress .estimate .diff{display:inline-block;background:rgba(0,0,0,.2);color:#00cd69;padding:3px 7px 3px 5px;margin:-3px -7px -3px 5px;border-bottom-right-radius:20px;border-top-right-radius:20px}body.dashboard .projects .project .progress .estimate .diff.red{color:#d23542}body.dashboard .planning{margin-bottom:30px;flex:1;display:flex;flex-direction:column}body.dashboard .planning .overview{margin-bottom:30px}body.dashboard .planning .overview .task-overview{margin:10px -10px;display:flex;flex-wrap:wrap}body.dashboard .planning .overview .status{background:#2b2e43;padding:3px 8px;margin:2px;display:inline-block;font-size:16px;color:#999ba6;white-space:nowrap;border-radius:20px}body.dashboard .planning .due{flex-grow:1;position:relative;margin-bottom:30px;overflow:hidden}body.dashboard .planning .due:after{content:"";width:100%;height:20px;position:absolute;bottom:0;left:0;background-image:linear-gradient(rgba(51,55,74,0),#33374a)}body.dashboard .planning .due .urgent{position:absolute;width:100%;height:100%;overflow:auto}body.dashboard .planning .due .first{border-bottom:1px solid hsla(0,0%,100%,.2);padding-bottom:10px;margin-bottom:10px}body.dashboard .planning .due li{font-size:19.2px;display:flex;padding:5px 0}body.dashboard .planning .due li img{width:20px;height:auto;border-radius:20px;margin-right:15px}body.dashboard .planning .due li .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;padding-right:30px}body.dashboard .planning .due li .date{text-align:right;white-space:nowrap}body.dashboard .planning .team{display:flex;flex-wrap:wrap}body.dashboard .planning .team .user{margin:10px -2px;display:flex;flex-direction:column;position:relative;align-items:center;font-size:19.2px}body.dashboard .planning .team .user img{margin:0;border-radius:50px;width:50px;height:50px;box-shadow:0 0 0 6px #33374a}body.dashboard .planning .team .user .totel-astimate{margin-top:2px;display:inline-block}body.dashboard .planning .team .user .charts{position:absolute;top:-4px;left:-4px}body.dashboard .planning .team .user .charts figcaption{display:none}body.dashboard .planning .team .user .charts .chart{position:absolute}body.dashboard .planning .team .user .charts .chart.chart-two .circle-foreground{transform:rotate(155deg)}.times-container{width:100%;max-width:1600px;margin:0 auto}.times-container .company{text-align:center}.times-container .endDate,.times-container .startDate{width:185px;opacity:1;margin:0 3px;background:#fff;transition:background .2s ease}.times-container .endDate:hover,.times-container .startDate:hover{background:#999ba6}.times-container .times-info{margin:50px 0;display:flex;justify-content:center}.times-container .times-info button{background:#00cd69;color:#fff;opacity:1;padding:10px 20px;margin:0 3px;transition:background .2s ease}.times-container .times-info button:hover{background:#009a4f}.times-container .user-times .user{padding:75px 0;border-bottom:1px solid #4c5264;display:none}.loyalty .times-container .user-times .user.loyalty,.strategy .times-container .user-times .user.strategy,.tech .times-container .user-times .user.tech,.web .times-container .user-times .user.web,.webien .times-container .user-times .user.webien{display:block}.times-container .user-times .user .summary{display:flex;justify-content:space-between}.times-container .user-times .user .summary .insert-to-marathon i{margin-left:10px}.times-container .user-times .user .summary.MAHE,.times-container .user-times .user .summary.TICF{margin-bottom:40px}.times-container .user-times .user .info{display:flex;align-items:center}.times-container .user-times .user .info .user-title{color:#fff}.times-container .user-times .user .info .user-title span{color:hsla(0,0%,100%,.7)}.times-container .user-times .user .info img{width:70px;height:auto;border-radius:80px;margin-right:30px}.times-container .user-times .user .info .tot{margin-left:15px;display:inline-block;background:#33374a;padding:5px 10px;border-radius:20px;color:#fff}.times-container .user-times .user .time-table table,.times-container .user-times .user .time-table tbody{width:100%}.times-container .user-times .user .time-table table tr,.times-container .user-times .user .time-table tbody tr{width:100%;color:hsla(0,0%,100%,.7)}.times-container .user-times .user .time-table table tr a,.times-container .user-times .user .time-table tbody tr a{text-decoration:none;color:inherit}.times-container .user-times .user .time-table table tr a:hover,.times-container .user-times .user .time-table tbody tr a:hover{color:#fff;text-decoration:underline}.times-container .user-times .user .time-table table tr.empty,.times-container .user-times .user .time-table tbody tr.empty{background:#09f}.times-container .user-times .user .time-table table tr.day,.times-container .user-times .user .time-table tbody tr.day{padding:30px 0 5px;color:#fff;display:block;background:transparent!important;white-space:nowrap}.times-container .user-times .user .time-table table tr.day span,.times-container .user-times .user .time-table tbody tr.day span{color:hsla(0,0%,100%,.7)}.times-container .user-times .user .time-table table tr td,.times-container .user-times .user .time-table tbody tr td{padding:5px;font-size:16px;white-space:nowrap}.times-container .user-times .user .time-table table tr td.comment,.times-container .user-times .user .time-table tbody tr td.comment{white-space:normal;width:65%}.times-container .user-times .user .time-table table tr:nth-child(odd),.times-container .user-times .user .time-table tbody tr:nth-child(odd){background:#262c39;border-bottom:rgba(0,0,0,.3)}.take-over{background:#2b2e43;position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;align-items:center;justify-content:center;transform:translateX(100%);transition:transform .4s ease-in-out}.take-over.tider{pointer-events:none;display:flex}.take-over.tider video{width:50%;height:50%}.take-over.active{transform:translateX(0)}.take-over.active video{opacity:1}.take-over .tag{background:#33374a;padding:10px 30px;position:absolute;bottom:60px;left:50%;color:#fff;transform:translateX(-50%);text-align:center;border-radius:50px}.take-over video{opacity:0;transition:opacity .3s ease-out;transition-delay:.3s;width:100%;height:100%;padding:30px}.chart-one{width:58px;height:58px;margin:0;position:relative}.chart-one.animate svg .circle-foreground{animation:offset 3s ease-in-out forwards;animation-delay:1s}.chart-one.animate figcaption:after{animation:chart-one-label 3s steps(66) forwards;animation-delay:1s}.chart-one svg{width:100%;height:100%}.chart-one svg .circle-background,.chart-one svg .circle-foreground{r:28px;cx:50%;cy:50%;fill:none;stroke:transparent;stroke-width:2px}.chart-one svg .circle-foreground{stroke:#00cd69;stroke-dasharray:116.054px 175.84px;stroke-dashoffset:116.054px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg)}@keyframes chart-one-label{to{transform:translateY(-66rem)}}.chart-two{width:58px;height:58px;margin:0;position:relative}.chart-two.animate svg .circle-foreground{animation:offset 3s ease-in-out forwards;animation-delay:1s}.chart-two.animate figcaption:after{animation:chart-two-label 3s steps(30) forwards;animation-delay:1s}.chart-two svg{width:100%;height:100%}.chart-two svg .circle-background,.chart-two svg .circle-foreground{r:28px;cx:50%;cy:50%;fill:none;stroke:transparent;stroke-width:2px}.chart-two svg .circle-foreground{stroke:#ffba00;stroke-dasharray:52.752px 175.84px;stroke-dashoffset:52.752px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg)}@keyframes chart-two-label{to{transform:translateY(-30rem)}}@keyframes offset{to{stroke-dashoffset:0}}