@import url("https://fonts.googleapis.com/css?family=Patua+One&display=swap");@import url("https://fonts.googleapis.com/css?family=Roboto:300,700&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,body{width:100%;height:100%;min-height:100%;font-size:14px;background:#f2f2f2;font-family:'Roboto'}body{display:flex;flex-direction:column;justify-content:space-between}h1,h2,h3,h4,h5{font-family:'Patua One'}h1{font-size:3em;margin:0 0 30px 0}h2{font-size:2em;margin:0 0 30px 0}h3{font-size:1.6em;margin:0 0 30px 0}.link{color:#0057ff;text-decoration:none}.link img{height:0.7em;margin:0 0 0 5px;transition:all 700ms}.link:hover img{margin:0 0 0 15px}.back{color:#0057ff;text-decoration:none}.back img{height:0.7em;margin:0 0 0 5px;transition:all 700ms}.back:hover img{margin:0 17px 0 -15px}a{color:#0057ff}.header{background:#FFF;color:#090909;border-bottom:1px solid #d3d3d3;padding:10px}.header a{color:#090909}.header__content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1050px;margin:0 auto;align-items:center}@media (max-width: 900px){.header__content{padding:0 10px}}.header__project{text-decoration:none;font-family:'Patua One';font-size:1.5em;text-transform:capitalize}@media (max-width: 700px){.header__project{font-size:1.2em}}@media (min-width: 1500px){.header__project{font-size:2em}}.header__project img{width:31px;border:2px solid #fff;border-radius:25px;vertical-align:middle;margin:0 15px 0 0}.header__menu{display:flex;justify-content:space-between;align-items:center;text-align:right}@media (max-width: 700px){.header__menu{width:100%;margin:20px auto 0 auto}}.header__menu li{margin:0 10px}.header__menu li a{text-decoration:none;font-size:1.1em}@media (max-width: 500px){.header__menu li a{font-size:0.9em}}.header__menu li a.active{color:#b8b8b8}.header__user{text-transform:capitalize;text-decoration:none;font-weight:bold}@media (max-width: 700px){.header__user{display:none}}.footer{color:#cecece;padding:20px;min-height:150px}.footer__content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1000px;margin:0 auto}.flash{display:flex;position:absolute;top:0;left:0;width:100%;padding:20px 0;justify-content:center;align-items:center;color:white}.flash--error{background:#9b0606}.flash--success{background:#247b0c}.flash .flash__txt{font-size:1.2em}.content{width:95%;max-width:1050px;margin:3% auto;padding:2%}.singleView{width:90%;margin:20px auto 0 auto;min-height:100px;background:#fff;padding:3%}.singleView p{margin:0 0 40px 0;line-height:1.8em}@media (max-width: 600px){.singleView{padding:5%}}.commentView{width:90%;padding:3%;margin:20px auto 0 auto;background:#fff;position:relative}@media (max-width: 600px){.commentView{padding:0 5%}}.history{display:flex}.history__versions{align-items:right}.history__versions a{display:inline-block;margin:0 20px;padding:10px 30px;background:#F2F2F2;cursor:pointer}.history__versions a.active{background:black;color:white}.imgGrid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;padding:0 0 40px 0}.imgGrid a{margin:10px 10px 30px 10px;text-decoration:none;display:flex;flex-direction:column;flex-wrap:wrap}.imgGrid img{width:auto;max-height:300px;max-width:300px;cursor:pointer;flex-basis:90%}.imgGrid span{display:block;text-align:center;color:#ccc;font-weight:bold;margin:10px 0 0 0}.imgCollection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:stretch}.imgCollection a{display:flex;flex-direction:column;align-items:center;margin:10px;border:1px solid #ccc;padding:5px;text-decoration:none}.imgCollection img{max-height:100px;margin:auto;cursor:pointer}.imgCollection span{display:block;text-align:center;font-size:0.8em;color:#ccc;margin:10px 0 0 0}@media (max-width: 700px){.imgCollection{flex-wrap:wrap}.imgCollection a{flex-basis:20%;margin:5px}}.stage{width:100%;text-align:center;padding:50px 0}.stage img{width:100%}.stage.kapow img{width:60%}.stage .versions li{display:none}.prototypeFrame{width:100%;height:400px;height:85vh;max-height:500px}@media (max-width: 800px){.prototypeFrame{height:400px}}.comment,.answer{width:100%;margin:0 0 20px 0;display:flex;flex-direction:row;border-bottom:2px solid #f2f2f2;padding:0 0 20px 0;margin:0 0 20px 0}.comment__left img,.answer__left img{width:43px;border-radius:100px}.comment__body,.answer__body{padding:10px 20px;line-height:1.6em;width:100%}.comment__body__user,.answer__body__user{margin:0 0 0 0}.comment__body__user strong,.answer__body__user strong{font-family:'Patua One';font-size:1.1em;text-transform:capitalize}.comment__body__user .commentRel a,.answer__body__user .commentRel a{color:#0057ff;text-decoration:none}.comment__body__text,.answer__body__text{margin:10px 0;white-space:pre-line}.comment__body__date,.answer__body__date{display:inline-block;color:#b2b2b2}.comment__body__actions,.answer__body__actions{margin:0 0 0 20px;display:inline-block;color:#b2b2b2;font-size:0.8em}.comment__body__actions a,.answer__body__actions a{margin:0 10px 0 0}.comment .delete_comment,.answer .delete_comment{text-decoration:underline;cursor:pointer}.comment.own{text-align:left}.comment.own .comment__head{text-align:left}.answer{margin:20px 0 0 0;border-bottom:1px solid #f2f2f2}.answerlink{cursor:pointer}.answerlink:hover{text-decoration:underline}.editlink{color:#b2b2b2;cursor:pointer}.editlink:hover{text-decoration:underline}.deletelink{color:#b2b2b2;cursor:pointer}.deletelink:hover{text-decoration:underline}.answerForm textarea,.editForm textarea{width:96%;border:none;font-size:1em;padding:2%;line-height:1.5em;font-family:'Roboto';border-radius:2.5px;box-shadow:0.9px 1.2px 3.9px 0.1px rgba(0,0,0,0.1);border:solid 0.5px #cccccc;background-color:#ffffff}.answerForm .btn,.editForm .btn{float:right;font-family:'Patua One';font-size:1em;margin:10px 0 0 0;padding:17px 20px;background:#0057ff;color:#FFF;border-radius:30px;border:none}.commentForm{display:flex;flex-direction:row;width:100%;border-bottom:2px solid #f2f2f2;padding:0 0 20px 0;margin:0 0 20px 0}.commentForm__left img{width:43px;border-radius:100px}.commentForm__body{padding:0 20px 10px 20px;line-height:1.6em;flex-basis:100%}.commentForm textarea{width:96%;border:none;font-size:1em;padding:2%;line-height:1.5em;font-family:'Roboto';border-radius:2.5px;box-shadow:0.9px 1.2px 3.9px 0.1px rgba(0,0,0,0.1);border:solid 0.5px #cccccc;background-color:#ffffff}.commentForm .btn{float:right;font-family:'Patua One';font-size:1em;margin:10px 0 0 0;padding:17px 20px;background:#0057ff;color:#FFF;border-radius:30px;border:none}.loginBox{display:flex;flex-wrap:wrap;max-width:700px;margin:10% auto;width:84%;min-height:100px;background:#fff;padding:8%}.loginBox .top{flex-basis:100%}.loginBox .left{flex-basis:40%;margin:0 5% 0 0}.loginBox .right{flex-basis:50%}.loginBox h3{font-size:1.2em;font-family:'Roboto';font-weight:bold}.loginBox h1{line-height:1.4em}.loginBox .version{font-size:0.8em;color:#e3e3e3}.loginBox__username{background:url("/img/user.png") no-repeat 20px 50%;background-size:auto 25%}.loginBox__password{background:url("/img/lock.png") no-repeat 20px 50%;background-size:auto 25%}.loginBox input[type=text],.loginBox input[type=password]{width:80%;max-width:400px;color:#7f7f7f;font-size:1em;border:1px solid #ebebeb;margin:10px 0;padding:20px 5% 20px 15%}.loginBox__btn{margin:20px;background:#000;color:#FFF;font-size:1.3em;padding:18px 50px;border-radius:60px;border:none !important;font-family:'Patua One'}@media (max-width: 600px){.loginBox .left,.loginBox .right{flex-basis:100%}.loginBox h1{font-size:1.3em;font-size:2em}.loginBox input[type=text],.loginBox input[type=password]{width:72%;padding:10px 5% 10px 20%}}.projectCard{width:100%;max-width:1000px;margin:10px auto;background:#FFF;display:flex;flex-direction:row}.projectCard__left{vertical-align:top;padding:5%;flex-basis:50%;display:flex;flex-direction:column}.projectCard__company{display:block;font-weight:700;font-size:1.1em;height:25%}.projectCard__title{font-family:'Patua One';font-weight:bold;font-size:3em;height:65%;width:100%;max-width:400px}.projectCard__actions{height:10%}.projectCard__right{padding:5%;text-align:center;flex-basis:50%}.projectCard__cover{width:100%;max-width:300px}@media (max-width: 600px){.projectCard__left{vertical-align:top;padding:5%;flex-basis:100%}.projectCard__right{display:none}.projectCard__title{padding:30px 0}}.projectGrid{display:flex;flex-wrap:wrap}.projectGrid__box{background:#FFF;width:33%;display:flex;box-shadow:inset 10px 10px 0 #f2f2f2}.projectGrid__box__left{padding:40px;flex-basis:50%;display:flex;flex-direction:column;align-content:space-between;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.projectGrid__box__right{padding:40px;text-align:center;flex-basis:60%;display:flex;align-items:center}.projectGrid__box__container{padding:40px;width:100%}.projectGrid__box__type{font-weight:bold;margin:0 0 20px 0}.projectGrid__box__description{max-width:400px;margin:0 0 70px 0;font-family:'Patua One';font-size:2.5em;line-height:1.3em}.projectGrid__box__actions a{display:block}.projectGrid__box__actions textarea{width:50%;padding:10px;border:1px solid #CCC}.projectGrid__box__documents a{display:block;margin:0 0 20px 0}.projectGrid__box .coverImg{width:100%;max-width:600px}.projectGrid__design{width:99%}.projectGrid__prototype{width:66%}.projectGrid__agenda{width:33%}.projectGrid__documentation{width:33%}.projectGrid__comments{width:66%}@media (max-width: 999px){.projectGrid__box__left{padding:20px}.projectGrid__box__right{padding:20px}.projectGrid__box__container{padding:20px}.projectGrid__box__description{font-size:1.8em;line-height:1.2em}.projectGrid__box{width:100%}.projectGrid__design{width:100%}.projectGrid__prototype{width:100%}.projectGrid__agenda{width:100%}.projectGrid__documentation{width:100%}.projectGrid__comments{width:100%}}@media (max-width: 450px){.projectGrid__box{flex-direction:column}.projectGrid__box__type{margin:0 0 20px 0 !important}.projectGrid__box__description{display:none}.projectGrid__box__container{width:auto}}@supports (display: grid){.projectGrid{display:grid;grid-template-columns:repeat(30%, 1fr);grid-gap:15px;grid-template-areas:"boxDesign boxDesign boxDesign" "boxPrototype boxPrototype boxAgenda" "boxDocumentation boxComments boxComments"}.projectGrid__box{box-shadow:none}.projectGrid__box__container{display:flex;flex-direction:column;justify-content:space-between}.projectGrid__box__documents{margin:20px 0 0 0}.projectGrid__design{grid-area:boxDesign;justify-self:stretch;width:auto}.projectGrid__prototype{grid-area:boxPrototype;justify-self:stretch;width:auto}.projectGrid__agenda{grid-area:boxAgenda;justify-self:stretch;width:auto}.projectGrid__documentation{grid-area:boxDocumentation;justify-self:stretch;width:auto}.projectGrid__comments{grid-area:boxComments;justify-self:stretch;width:auto}@media (max-width: 999px){.projectGrid{grid-template-areas:"boxDesign boxDesign boxDesign" "boxPrototype boxPrototype boxPrototype" "boxDocumentation boxAgenda boxAgenda" "boxComments boxComments boxComments"}}@media (max-width: 630px){.projectGrid__box__left{grid-template-rows:auto 20%}.projectGrid__box__container{grid-template-rows:30% auto}}@media (max-width: 600px){.projectGrid{grid-template-areas:"boxDesign boxDesign boxDesign" "boxPrototype boxPrototype boxPrototype" "boxAgenda boxAgenda boxAgenda" "boxDocumentation boxDocumentation boxDocumentation" "boxComments boxComments boxComments"}}}.projectTimeline{display:flex;flex-direction:column;width:100%;margin:0 0  30px 0}.projectEvent{display:flex;flex-direction:row;line-height:1.6em;align-items:stretch}@media (max-width: 800px){.projectEvent{font-size:0.8em}}.projectEvent__left{flex-basis:10%;width:50px;position:relative}.projectEvent__right{flex-basis:90%}.projectEvent__label{display:flex;flex-direction:row;align-items:center;font-size:1em;padding:15px 0;width:100%;margin:10px 0;background:#0099ff;color:#FFF}.projectEvent__label strong{font-weight:bold;margin:0 15px 0 30px}@media (max-width: 990px){.projectEvent__label strong{margin:0 5px 0 10px;font-size:0.8em}}.projectEvent__label__dateShort{display:none;flex-basis:20%;font-weight:bold;padding:0 15px 0 30px}.projectEvent__label__date{flex-basis:20%;font-weight:bold;padding:0 15px 0 30px}.projectEvent__label__title{width:50%}.projectEvent__label__responsible{flex-basis:20%;font-weight:bold;text-align:right;padding:0 30px 0 0}.projectEvent__label__responsible img{height:25px;border-radius:60px;background:#FFF;border:2px solid #fff}@media (max-width: 600px){.projectEvent__label__date{display:none}.projectEvent__label__dateShort{display:block}}.projectEvent .statusLine{width:1px;height:100%;background:#ebebeb;position:absolute;top:0;left:49%}.projectEvent .statusIcon{width:20px;height:20px;border-radius:30px;background:#ebebeb;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;text-align:center}.projectEvent .statusIcon img{width:10px;height:auto;margin:-5px 0 0 0;vertical-align:middle}.projectEvent:first-child .statusLine{height:50%;top:50%}.projectEvent:last-child .statusLine{height:50%}.projectEvent.pastTense{color:#ccc}.projectEvent.pastTense .statusIcon{background:#0099ff}.projectEvent.pastTense .projectEvent__label{background:#f2f2f2;color:#000}.projectEvent.today .projectEvent__label{background:#f2f2f2;color:#090909;margin:10px 0;min-height:49px;padding:0;font-size:0.8em}.projectEvent.today .statusIcon{background:#f9f9f9;width:50%;border-radius:0;left:50%;height:2px;margin:-1px 0 0 0}.designs img{max-width:100px;max-height:100px;display:inline}.pageView .pageImg{width:100%}.pageView ul{list-style-type:disc;margin:15px 0 0 20px}