html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:500}dfn{font-style:italic}h1{margin:.67em 0;line-height:30px}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;max-width:100%}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:Flaticon;src:url(../fonts/flaticon.eot?1508052343);src:url(../fonts/flaticon.eot#iefix) format("embedded-opentype"),url(../fonts/flaticon.woff) format("woff"),url(../fonts/flaticon.ttf) format("truetype"),url(../fonts/flaticon.svg) format("svg");font-weight:400;font-style:normal}[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{font-family:Flaticon;font-size:2rem;font-style:normal}.flaticon-button-arrow:before{content:"\e000"}.flaticon-left-arrow:before{content:"\e001"}.flaticon-facebook:before{content:"\e002"}.flaticon-github:before{content:"\e003"}.flaticon-linkedin:before{content:"\e004"}.flaticon-menu:before{content:"\e005"}.flaticon-right-arrow:before{content:"\e006"}.flaticon-twitter:before{content:"\e007"}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Fira Sans',sans-serif;font-weight:300;color:#565656;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-size:2rem;text-transform:uppercase}h3{font-size:1.8rem}p{font-size:1.3em;line-height: 23px}a{text-decoration:none}ul{list-style-type:none;margin:0;padding:0;position:relative;left:0;right:0}li{margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.3);font-size:1.5em}li:first-child{border-top:1px solid rgba(255,255,255,.3)}input[type=checkbox]{display:none}input[type=checkbox]:checked~.Header-nav{display:block}.Contact-container,.Footer-container,.Header-container,.Project-container,.Skills-container,.Work-container{max-width:80em;margin:0 auto;position:relative}.Header{background:#fff url(../img/bg-desktop.jpg?1508052343) no-repeat top center;background-size:cover;color:#fff;text-align:center;padding: 0 10px}.Header-container{min-height:550px;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding: 0 10px;}.Header-info{margin:0 10px}.Header-menu{margin:35px 0 20px}.Header-arrow{margin-bottom:20px}.Header-arrow a{color:#fff}.Header-show-menu{cursor:pointer}.Header-nav{display:none;margin-bottom:20px;text-align:center;padding:5px 20px}.Header-nav a{color:#fff;display:block}.Header-desc{padding-right:20px;text-align:left}.Header-desc-show{display: none}.Work{text-align:center;position:relative;padding:0 0 20px;background-color:#fafafa}.Work-title{padding:40px 0 30px}.Work-item{background:#fff;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.3);display:inline-block;height:auto;margin:0 2px 10px;padding:5px 5px 0;position:relative}.Work-item-img{margin:0;padding:0;width:100%;border-radius:3px}.Work-item-caption{height:100%;width:100%;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;padding:0;opacity:0;color:#fff;border-radius:3px}.Work-item-link{position:absolute;text-align:left;top:15%;left:8%}.Work-item-title{margin-bottom:10px;color:#fff;text-transform:uppercase}.Work-item-desc{margin-bottom:10px;margin-right:20px;color:#fff}.Work-items:hover figcaption:hover{opacity:1}.masonry{margin:5px 0;padding:0;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}.Skills{background-color:#565656;background-image:url(../img/skills.jpg?1508052343);background-size:cover}.Skills-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:450px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.Skills-info{color:#fff;margin:0 10px;text-align:center}.Skills-title,.Contact-title{margin: 0 0 .67em}.Skills-desc{padding-right:20px;text-align:left}.Skills-iconItem{display:inline-block;border:none;padding:10px}.Skills-iconItem img{width:64px;height:auto;-webkit-transition:.2s;transition:.2s;-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-webkit-filter:gray;filter:gray}.Skills-iconItem img:hover{filter:none;-webkit-filter:grayscale(0)}.Skills-iconItem:first-child{border:none}.Project{text-align:left}.Project-container{margin:60px auto;padding:0 10px}.Project-info-description,.Project-info-devices,.Project-info-technology{margin:10px 0;font-size:1.3em}.Project-info-title{text-transform:uppercase;margin-top:10px}.Project-arrow-left{position:absolute;top:50%;left:0;display:none}.Project-arrow-right{position:absolute;top:50%;right:0;display:none}.Project-figure{margin:0;padding:0}.Project-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 10px}.flaticon-right-arrow{margin-left:40px;color:#565656}.flaticon-left-arrow{margin-right:40px;color:#565656}.Contact{margin-bottom:40px}.Contact-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0 10px}.Contact-info{text-align:center;margin:50px 0 40px}.Contact-form-container{text-align:center}.Footer{padding:0 10px}.Footer-container{border-top:1px solid #ccc;text-align:center;padding:40px 10px}.Footer-header{display:none}.Footer-header-logo { font-family: 'Denk One';font-size: 35px;margin-top: -15px;color: #838383;}.Footer-header-nav li{display:inline-block}.Footer-header-nav a{color:#262211}.Footer-social{margin:20px 0}.Footer-social-item:before{color:#262211;font-size:3em;margin-right:5px}.Footer-copyright{margin:20px 0 0;font-size:1.1rem}input[type=email],input[type=tel],input[type=text],textarea{width:97%;margin:5px 0;padding:17px 0 17px 10px;border-radius:3px;border:1px solid #838383}input[name=company]{display:none}textarea{height:185px}::-webkit-input-placeholder{padding-left:10px}:-moz-placeholder{padding-left:10px}::-moz-placeholder{padding-left:10px}:-ms-input-placeholder{padding-left:10px}.btn{background-color:#262211;border-radius:3px;border:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.16);color:#fff;display:block;font-size:1.4rem;margin:25px auto;padding:15px 10px;text-align:center;text-transform:capitalize;width:180px}.btn-send{width:128px;font-size:1rem}.btn-project{display:none;text-align:center;padding:.8em 4em;border:1px solid #666;text-transform:uppercase;outline:0;position:relative;font-size:1.2em;margin:1em 0;border-radius:4px;color:#666;-webkit-transition:all .7s ease;transition:all .7s ease;background:0 0;width:100%}.btn-next{display:block;margin:50px auto 0}.btn:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty{border:1px solid red}input.ng-valid.ng-dirty,textarea.ng-valid.ng-dirty{border:1px solid green}.error{background-color:rgba(255,0,0,.2)}.submissionMessage{background-color:rgba(255,255,255,.2);border-radius:5px;padding:12px;text-align:center;display:block;box-shadow:0 0 2px #fff;width:100%}@media all and (min-width:20em){.masonry{margin:5px 10px;-webkit-column-count:1;-moz-column-count:1;column-count:1}.Header-desc{padding-right:0;text-align:center}.Skills{background-position-x:15%}.Skills-desc{padding-right:0;text-align:center}}@media all and (min-width:40em){.Header-logo{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;margin:20px 40px;position:absolute;top:0;padding-left: 20px}.Header-logo-img {width: 245px;}.Header-menu{position:relative;right:0;width:100%;text-align:right}.Header-show-menu{margin-right:40px}.Header-desc-show{display: inline}.Header-nav{padding:25px 35px 0}.Header-info{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;width:50%;text-align:left;margin:0 0 20px}.Header-desc{padding-right:10px;text-align:left}.Skills{background-position-x:35%}.Skills-info{text-align:left;width:50%;margin:0 20px}.Skills-desc{padding-right:10px;text-align:left;}.masonry{-webkit-column-count:2;-moz-column-count:2;column-count:2}.Footer-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;text-align:left;padding:0 0 25px}.Footer-header-logo{width:50%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.Footer-header-nav{width:50%;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.Footer-header-nav li{margin-right:10px;font-size:1.4em}.Footer-header-nav a:hover{border-bottom:1px solid #565656;padding-bottom:8px}.Footer-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;text-align:left}.Footer-copyright,.Footer-social{width:50%}}@media all and (min-width:48em){.Header-show-menu{display:none}.Header-nav{display:inline;width:50%;text-align:left;position:absolute;top:0;right:0;margin:0;padding:0}.Header-nav ul li{display:inline-block;border:0;margin:0 10px 0 0;text-transform:capitalize}.Header-nav a:hover{border-bottom:1px solid #fff}.Contact-info{text-align:left;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;width:50%}.masonry{-webkit-column-count:2;-moz-column-count:2;column-count:2}.Work-item-link{top:25%}.Contact-form-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:48em;margin:0 auto}.Contact-form-input{text-align:left;width:50%}.Contact-form-textarea{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;text-align:left;width:50%}.btn-next{display:block}}@media all and (min-width:58em){.Project{padding:0}.Project-info{padding-right:10px;max-width:55%;-webkit-flex-basis:55%;-ms-flex-preferred-size:55%;flex-basis:55%}.Project-item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.Project-figure{width:65%;-webkit-flex-basis:65%;-ms-flex-preferred-size:65%;flex-basis:65%}.Project-arrow-left,.Project-arrow-right{display:block}.Project-item{padding:0 60px}.btn-project {display: inline-block;}.masonry{-webkit-column-count:3;-moz-column-count:3;column-count:3}.btn-next{display:none}}@media all and (min-width:70em){.Project-info{padding-top:60px}}.Header-logo {font-family: 'Denk One', sans-serif; margin: 20px 0px 0px;padding: 0; font-size: 30px; text-transform: uppercase;}.Project-info-technology{text-align: left}