@import url(http://fonts.googleapis.com/css?family=Roboto:500, 100, 300, 900);@import url(http: //fonts.googleapis.com/css?family=Roboto+Condensed);.image-container img,.section img{max-width:100%}body,h1,h2,h3{font-weight:100}.-btn,.-mouse-scroll,.-mouse-scroll>span,.key,div.logo,span.logo{display:inline-block}.head-container>.-inner,.user-container>div{box-shadow:inset 170px 220px 20px rgba(0,0,0,.15)}.-structure,.bad-ux .dust,.user-container>div,body.no-scroll{overflow:hidden}.back-to-perf,.burger,.next-anim,.prev-anim{cursor:pointer}*{margin:0;padding:0}body{font-size:16px;font-family:Roboto,sans-serif;background-color:#ccc}#skrollr-body{position:relative;min-width:1075px}h1{font-size:90px;line-height:130px}h2{font-size:40px;line-height:80px}h3{font-size:25px;line-height:17px}h1,h2,h3{color:#585858;white-space:nowrap}div.logo,span.logo{width:105px;height:112px;background-image:url(../img/logo.png);background-size:cover;vertical-align:top;margin-bottom:25px}a.logo:hover{opacity:.8}.scroll-down,.use-keyboard{color:#545454;display:inline-block;vertical-align:middle;width:100px}.key,span.-or{color:#998CAB}.use-keyboard{vertical-align:bottom}.scr strong{font-weight:300}span.-or{padding:0 40px;font-weight:500}.key{width:20px;height:20px;margin:0 30px 3px;border:2px solid;border-radius:2px}.key .fa{font-size:.7em;text-align:left;padding:0 9.5px 3px 5px;vertical-align:middle}.path{fill:none;stroke:#6C6C6C;stroke-width:130px;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1}.starter-block{position:relative;height:100vh;width:calc(100vw - 17px)}.mid-block{padding-bottom:60px}.animation-container{position:relative;overflow:hidden;height:16470px}.-mouse-scroll{width:20px;height:35px;border:2px solid rgba(153,140,171,1);border-radius:35px;margin:20px 0 10px}.-mouse-scroll>span{width:2px;height:6px;background-color:#998CAB;border-radius:3px;margin-top:7px;vertical-align:top}.helpers{position:absolute;bottom:-140px;left:0;right:0;text-align:center}.svg-text{position:absolute;left:50%;font-size:50px;color:#6C6C6C;width:1000px;margin-left:-500px}.-a-10-b,.-a-9{width:600px;margin-left:0}.svg-text small{display:block;font-weight:900;color:#A9A9A9;font-size:26px;text-transform:uppercase;margin-bottom:30px}.-a-2,.-a-3{font-size:42px}.-a-10-b,.-a-9,.user-container .svg-text{color:#fff;text-shadow:1px 1px rgba(0,0,0,.4)}.svg-text strong{font-weight:400;font-family:'Roboto Condensed',sans-serif}.-a-1{top:855px}.-a-2{top:1850px}.-a-3{top:3050px}.-b-1{top:3570px;font-size:58px}.-a-7{top:6800px}.-a-8{top:7250px}.-a-9{top:8370px;text-align:left;font-size:42px}.-a-10-a{top:9240px;padding:20px 0;background-color:#ccc}.-a-10-b{top:10240px;text-align:right;font-size:38px;left:auto;right:50%;margin-right:80px}.a-1-img,.a-2a-img,.a-2b-img,.a-2c-img,.a-3-img{left:50%;position:absolute}.-a-10-c{top:11160px}.-a-11{top:11750px}.-a-12{top:15370px}.a-1-img{width:940px;top:173px;margin-left:-410px}.a-2a-img{width:1555px;top:1160px;margin-left:-560px}.a-2b-img{width:395px;top:1517px;margin-left:-95px}.a-2c-img{width:335px;top:1360px;margin-left:-138px}.a-3-img{width:1300px;top:2150px;margin-left:-650px}.-head,.forming-ux{margin-left:-500px}.noise{position:fixed;top:0;bottom:0;left:0;right:0;background:url(../img/noise.png);z-index:2}.head-container{position:absolute;top:8050px;height:840px;background-color:#ccc;left:0;right:0}.head-container>.-inner{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.31)}.head-container .svg-container{margin-top:-30.2%}.-head{position:absolute;bottom:0;left:30%;width:1000px}.user-container{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#ccc}.user-container>div{position:absolute;right:0;top:65px;bottom:65px;max-height:665px;left:0;background-color:rgba(0,0,0,.37)}.-old,.-user{position:absolute;top:0}.-user{left:-150px}.-old{left:166px}.-mustashe{position:absolute;top:58px;left:250px}.-badge{position:absolute;top:370px;left:170px}.head-container-bot-shadow{position:absolute;bottom:0;left:0;right:0;height:100px;box-shadow:inset 0 -10px 10px rgba(0,0,0,.12)}.burger,.side-nav .-btn{box-shadow:0 0 0 1px #CCC}.image-container img.-hand{position:absolute;bottom:128px;left:31px;width:568px;max-width:none}.bad-ux{position:absolute;top:9921px;height:840px;width:100%}.bad-ux .svg-container{margin-top:-64.6%;position:absolute;width:100%;z-index:-1}.bad-ux img{float:right}.bad-ux .dust{top:-60px;bottom:140px;width:340px;right:15px;position:absolute;-webkit-transform:skew(53deg);-moz-transform:skew(53deg);-ms-transform:skew(53deg);transform:skew(53deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;border-radius:80px 80px 230px}.bad-ux .dust .inner{background-image:url(../img/dust.png);-webkit-animation:dust 30s infinite;-moz-animation:dust 30s infinite;-ms-animation:dust 30s infinite;animation:dust 30s infinite;opacity:.45;position:absolute;top:0;right:0;bottom:0;width:1350px;left:-120%;-webkit-transform:skew(-53deg);-ms-transform:skew(-53deg);-moz-transform:skew(-53deg);transform:skew(-53deg);background-size:initial}.forming-ux,.forming-ux>div{width:1000px}.forming-ux{position:absolute;left:50%;text-align:left;top:3910px}.forming-ux>div>.svg-container{width:460px;position:absolute;top:87px;left:29px}.forming-ux .svg-text,.user-container .svg-text{opacity:0;top:10%;right:0;text-align:right}.user-container .svg-text{top:50%;font-size:42px;width:600px;left:auto;right:10%}.-structure{position:absolute;top:0;left:300px;background:url(../img/blueprint.png) #756A83;border-radius:100%;border:10px solid #AFA3C0;height:250px;width:250px;z-index:2}.-accessibility{top:0;left:70px;background:rgba(117,106,131,.8);border:10px solid #AFA3C0;height:350px;width:350px;z-index:2}.-accessibility,.-functionality{overflow:hidden;position:absolute;border-radius:100%}.-functionality{top:-30px;left:130px;background:#C5C5C5;border:10px solid #AFA3C0;height:343px;width:343px;z-index:2}.contact-us,.envelope-container{position:fixed;left:50%;z-index:3}.-functionality img{position:relative}.-interaction{position:absolute;bottom:180px;left:0;overflow:hidden;width:501px;height:500px}.-interaction div{position:absolute;bottom:0;left:0;width:501px}.-interaction div img{position:absolute;bottom:0;left:0;right:0;z-index:3}.-interaction div img:nth-child(2){z-index:1}#hiddenControls{display:none}.preloader{position:fixed;top:0;bottom:0;right:0;left:0;background-color:#ccc;z-index:2}.preloader span{display:block;margin-top:30px}.preloader img{width:105px;position:relative;top:-75px}.abs-center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.side-nav{position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear;z-index:9;padding:0 10px}.side-nav.open{right:310px;z-index:2;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}.back-to-perf{position:fixed;top:0;left:10px;padding:15px;text-decoration:none;font-weight:400;color:#897D98}.back-to-perf i.fa{margin-right:10px}.back-to-perf:hover{color:#75648B;text-decoration:underline}.burger{width:30px;padding:15px 10px;border:1px solid #6E6E6E}.burger:hover{background-color:rgba(147,134,165,.3)}.burger>div{background-color:#6E6E6E;height:2px;box-shadow:0 1px #CCC}.burger>div+div{margin-top:7px}.next-anim{margin-top:10px}.prev-anim{margin-bottom:10px}.sidebar{position:fixed;z-index:4;bottom:0;left:0;right:0;top:0;display:none;overflow:hidden}.sections,.sidebar .overlay,.sidebar .sidebar-inner{right:0;position:absolute;bottom:0}.sidebar .overlay{left:0;top:0;background-color:rgba(0,0,0,.4);cursor:url(../img/close.png) 16 16,pointer}.sidebar .sidebar-inner{width:300px;top:0;background:url(../img/noise.png) #5F5B63;box-shadow:-3px 0 10px rgba(0,0,0,.1);-webkit-animation:sidebar .3s linear;-moz-animation:sidebar .3s linear;-ms-animation:sidebar .3s linear;animation:sidebar .3s linear}.sections{top:95px;left:0;padding:10px 15px 10px 10px;border-top:1px solid #565259}.title{padding:10px 0;font-weight:300;border-top:1px solid #BBB;position:relative;background-color:#D7D6D8;color:#727272}.section{margin-bottom:20px;cursor:pointer;opacity:.8;box-shadow:1px 1px 2px rgba(0,0,0,.15)}.section:hover{opacity:1}.section img{margin:0;display:block}.sidebar-inner .logo{position:absolute;top:20px;height:45px;width:180px;background:url(../img/mobile/full-logo.png) center center no-repeat;background-size:cover;left:60px;right:110px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.5);box-shadow:2px 0 3px rgba(0,0,0,.1)}.contact-form form,.envelope,.envelope .cap .shadow{box-shadow:3px 3px 3px rgba(0,0,0,.1)}.contact-us{bottom:-50px;line-height:55px;background-color:#AAA0B5;width:100px;height:100px;color:#FFF;border-radius:50% 50% 0 0;cursor:pointer;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:background-color .4s linear;-moz-transition:background-color .4s linear;-ms-transition:background-color .4s linear;transition:background-color .4s linear}.contact-us:hover{background-color:#8F859B}.envelope-container{top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}.envelope{width:758px;height:455px;border-radius:20px;margin:0 auto;background:url(../img/noise.png) #b8afc4;position:relative}.envelope .front{position:absolute;z-index:2;bottom:0;left:0;right:0;top:0;background-image:url(../img/envelope/03_envelope.png)}.envelope .cap,.envelope .cap-closed{position:absolute;left:0;right:0;overflow:hidden;border-radius:20px;background-repeat:no-repeat;background-size:100% 100%}.envelope .cap{background-image:url(../img/envelope/01_envelope.png);bottom:455px;height:229px;-webkit-transition:height .1s .1s linear;-moz-transition:height .1s .1s linear;-ms-transition:height .1s .1s linear;transition:height .1s .1s linear}.envelope .cap-closed{background-image:url(../img/envelope/02_envelope.png);top:0;height:0;z-index:7;-webkit-transition:height .1s 0s linear;-moz-transition:height .1s 0s linear;-ms-transition:height .1s 0s linear;transition:height .1s 0s linear}.envelope .cap .shadow{position:absolute;left:0;right:0;height:20px;bottom:0;border-radius:0 0 20px 20px}.contact-form{position:absolute;z-index:2;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .4s .7s linear;-moz-transition:all .4s .7s linear;-ms-transition:all .4s .7s linear;transition:all .4s .7s linear}.contact-form form{width:600px;margin:0 auto;background:url(../img/noise.png) #fff;padding:30px 30px 20px}.contact-form form input,.contact-form form textarea{width:100%;box-sizing:border-box;margin-bottom:10px;padding:20px;font-family:Roboto,sans-serif;border:none;background-color:transparent;transition:all .4s linear;border-bottom:1px solid #cdcdcd}.contact-form form input,.contact-form form textarea,.envelope button{font-weight:300;font-size:16px;outline:0;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear}.-btn,.envelope button{padding:20px 50px;cursor:pointer}.contact-form form input:focus,.contact-form form textarea:focus{border-color:#9C9C9C}.contact-form form textarea{resize:none;height:250px}.envelope button{border:2px solid #B6AEC2;background:0 0;color:#B6AEC2;text-shadow:1px 1px rgba(255,255,255,.25);opacity:.8;transition:all .4s linear}.envelope button:hover{background-color:#B6AEC2;color:#fff}.get-in-touch.submitting .envelope-container{-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.get-in-touch.submitting .contact-form{-webkit-transform:translateX(-50%) scale(.8)!important;transform:translateX(-50%) scale(.8)!important;bottom:-40px!important;-webkit-transition:all .4s 0s linear;-moz-transition:all .4s 0s linear;-ms-transition:all .4s 0s linear;transition:all .4s 0s linear}.get-in-touch.submitting .envelope .cap{height:0;-webkit-transition:all .1s .4s linear;-moz-transition:all .1s .4s linear;-ms-transition:all .1s .4s linear;transition:all .1s .4s linear}.get-in-touch.submitting .envelope .cap-closed{height:250px;-webkit-transition:all .1s .5s linear;-moz-transition:all .1s .5s linear;-ms-transition:all .1s .5s linear;transition:all .1s .5s linear}.get-in-touch.submitting.flying .envelope-container{-webkit-transform:translate(-300%,-50%)!important;transform:translate(-300%,-50%)!important}.get-in-touch{position:relative}.success-message{position:absolute;z-index:10;font-size:60px;color:#686868;top:50%;left:50%;-webkit-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.success-message .small{font-size:18px;font-weight:300}.-btn{font-size:18px;font-weight:400;border:2px solid;color:#9386A5}.side-nav .-btn{padding:0;width:50px;height:50px;line-height:48px;font-size:24px;color:#6E6E6E;border-width:1px;text-shadow:0 1px #CCC,0 1px #CCC}.side-nav .-btn:hover{background-color:rgba(147,134,165,.3)}@keyframes dust{0%{background-position:0 0}100%{background-position:0 100%}}@-webkit-keyframes dust{0%{background-position:0 0}100%{background-position:0 100%}}.input-group{position:relative}.input-group label.error{position:absolute;color:#C66870;right:0;top:20px;font-weight:300}.input-group input.error,.input-group textarea.error{border-color:#C66870}@keyframes sidebar{0%{-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);transform:translateX(300px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes sidebar{0%{-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);transform:translateX(300px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@media (max-height:768px){.helpers{bottom:-70px}.-a-1{top:830px}.-a-2{top:1800px}.-a-3{top:3010px}.-a-10-a{margin-top:100px}.-a-10-b{top:10290px;margin-right:110px}.user-container .svg-text{font-size:36px}}@media (min-width:1367px){.user-container>div{top:150px;bottom:150px}}.awwwards-badge{position:fixed;display:block;left:0;top:20%;width:90px;height:135px;background-image:url(../img/awwwards_honorable_black_left.png);z-index: 2;}