@font-face{font-family:"Roboto";src:url(/public/about/assets/Roboto-Light.ttf);font-weight:100}@font-face{font-family:"Roboto";src:url(/public/about/assets/Roboto-Regular.ttf);font-weight:300}@font-face{font-family:"Roboto";src:url(/public/about/assets/Roboto-Bold.ttf);font-weight:800}@font-face{font-family:"Roboto";src:url(/public/about/assets/Roboto-Italic.ttf);font-weight:800;font-style:italic}body{margin:0;padding:0;font-family:'Roboto',sans-serif;font-size:1rem;color:#231f20}::-moz-selection{background-color:#faed96;color:#231f20}::selection{background-color:#faed96;color:#231f20}section{padding:1rem;max-width:900px;margin:0 auto}pre{background:#f6dd34}h1{font-size:1.7rem;line-height:1.5}h2{text-align:center;font-size:1.4rem;line-height:1.25;margin:2rem auto}p,ul,a{font-weight:100;line-height:1.25}li{margin:0.5rem 0}b{font-weight:800}.intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-top:4rem}.intro .l{width:40%;padding-right:1rem}.intro .l .logo{width:5rem;height:5rem;background:url(/public/about/assets/logo.png) no-repeat 50% 50%;background-size:contain}.intro .r{width:60%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.intro .r .examples{width:60vw;height:42vw;max-width:540px;max-height:392px}@media only screen and (max-width:700px){.intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-top:2rem}.intro .l,.intro .r{width:100%;padding-right:0}.intro .logo{margin:0 auto}.intro .r .examples{width:90vw;height:63vw}}@media only screen and (max-width:479px){.intro{padding-top:1rem}}.chart .pic{width:90vw;height:63vw;max-width:760px;max-height:532px;margin:0 auto;background:url(/public/about/assets/chartH.png) no-repeat 50% 50%;background-size:contain}@media only screen and (max-width:479px){.chart .pic{width:80vw;height:85vw;background:url(/public/about/assets/chartV.png) no-repeat 50% 50%;background-size:contain}}.pains h2{width:100%}.pains .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:2rem}.pains .wrapper .l{width:50%}.pains .wrapper .l .pic{background:url(/public/about/assets/sad.svg) no-repeat 50% 50%;background-size:75%;height:10rem;width:10rem;margin:0 auto;float:right}.pains .wrapper .r{width:50%}@media only screen and (max-width:479px){.pains .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.pains .wrapper .l,.pains .wrapper .r{width:100%}.pains .wrapper .l .pic,.pains .wrapper .r .pic{float:none}}.guide .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.guide .wrapper .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:15rem;margin:1rem 5%}.guide .wrapper .item p{width:100%}.guide .wrapper .item .pic{width:100%;height:15rem;background:no-repeat 50% 50%;background-size:contain}.gains .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.gains .wrapper .l{width:60%}.gains .wrapper .r{width:40%}.gains .wrapper .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;cursor:pointer;padding:1rem 0.5rem;border-left:5px solid transparent;-webkit-transition:0.1s;transition:0.1s;border-bottom:1px solid #eee}.gains .wrapper .item:last-child{border-bottom:none}.gains .wrapper .item:hover{background:#eee}.gains .wrapper .item.highlight{border-left:5px solid #f6dd34;background:#eee}.gains .wrapper .item h3{font-size:1.2rem;margin:0;margin-bottom:1rem}.gains .wrapper .item i,.gains .wrapper .item p{margin:0.25rem 0;font-weight:300;width:100%}.gains .wrapper .item i{width:100%;color:#a69b9e}.gains .wrapper .item i::before{content:"";display:inline-block;vertical-align:bottom;width:1rem;height:1rem;margin-right:0.25rem;background:url(/public/about/assets/minus-circle.svg) no-repeat 50% 50%;background-size:contain}.gains .wrapper .item p::before{content:"";display:inline-block;vertical-align:bottom;width:1rem;height:1rem;margin-right:0.25rem;background:url(/public/about/assets/plus-circle.svg) no-repeat 50% 50%;background-size:contain}.gains .wrapper .pic{width:35vw;height:59.5vw;max-width:360px;max-height:612px;float:right;background:no-repeat 50% 50%;background-size:contain}@media only screen and (max-width:700px){.gains .wrapper .l{width:100%}.gains .wrapper .r{display:none}.gains .wrapper .item{cursor:default}.gains .wrapper .item:hover{background:none}.gains .wrapper .item.highlight{border-left:5px solid transparent;background:none}}.projector{background:#ececec}.projector .carousel{width:100%;height:600px;position:relative}.projector .carousel .item{width:100%;position:absolute;top:0;left:0}.projector .carousel .pic{width:100%;height:350px;position:absolute;top:100px;background:no-repeat 50% 50%;background-size:contain}.projector .carousel video{width:100%;height:350px;position:absolute;top:100px}.projector .carousel .title{position:absolute;top:0;width:100%;left:0;text-align:center;font-weight:300}.projector .carousel .desc{position:absolute;top:450px;width:100%;left:0;text-align:center}.projector .carousel .desc a{display:block;background-color:#f6dd34;border:none;color:#231f20;padding:1rem;text-align:center;cursor:pointer;min-width:9rem;max-width:20%;margin:2rem auto}.projector .carousel .arrowL{position:absolute;top:250px;left:0;cursor:pointer;width:3rem;height:4rem;background:url(/public/about/assets/arrowsL.png) no-repeat 50% 50%;background-size:cover}.projector .carousel .arrowR{position:absolute;top:250px;right:0;cursor:pointer;width:3rem;height:4rem;background:url(/public/about/assets/arrowsR.png) no-repeat 50% 50%;background-size:cover}.projector .carousel .navdots{width:100%;text-align:center;position:absolute;bottom:-0.5rem;cursor:pointer}.projector .carousel .navdots .dot{display:inline-block;width:10px;height:10px;border-radius:10px;background:none;border:2px solid #444;margin:0.5rem}.projector .carousel .navdots .dot.active{background:#f6dd34}.features h3{margin-bottom:0.25rem;font-weight:600}.features p{margin-top:0.25rem}.features a{color:#231f20;font-weight:600}.updates h2{background:#f6dd3487;padding:1.3rem 0}.updates h3{margin:0}.updates .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.updates .wrapper .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:40%;text-align:center;margin:1rem 5%}.updates .wrapper .pic{width:100%;height:15rem;background:no-repeat 50% 50%;background-size:contain}@media only screen and (max-width:479px){.updates .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.updates .wrapper .item{width:100%}}.repo{background:url(/public/about/assets/interview_pic.jpg) no-repeat 80% 50%;background-size:cover;color:#fff;text-align:left;padding:5rem 2rem;margin:2rem auto}.repo h2{text-align:left}.repo a{color:#231f20;text-decoration:none}.repo div{background-color:#f6dd34;border:none;color:#231f20;padding:1rem;text-align:center;cursor:pointer;min-width:9rem;max-width:20%}.past .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.past .wrapper .pic{min-width:10rem;max-width:40%;height:5rem;margin:1rem;background:no-repeat 50% 50%;background-size:contain}.past p{text-align:center}.past a{color:#231f20;font-weight:bold}.faq .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.faq .wrapper .item{width:80%;max-width:20rem;padding:0.75rem}.faq .wrapper .item h3,.faq .wrapper .item p{margin:0.25rem 0}.contacts{text-align:center;padding:5rem 1rem}.contacts a{font-size:2rem;font-weight:800;color:#231f20;background:#f6dd34;padding:0 0.5rem;-webkit-transition:padding .3s;transition:padding .3s}.contacts a:hover,.contacts a:active{padding:0 2rem}