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, 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;}
a:focus{outline:0;}
@font-face{font-family:'appdde';src:url('../font/appdde-webfont.eot');src:url('../font/appdde-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/appdde-webfont.woff') format('woff'),
url('../font/appdde-webfont.ttf') format('truetype'),
url('../font/appdde-webfont.svg#OpenSansLight') format('svg');font-weight:normal;font-style:normal;}
.title{font-size:161.8%;}
.subtitle{font-size:115.5%;}
nav ul, #motto, #contentWrapper, #bottom{font-size:25%;}
#top, #bottom, #scrollNav, #workDetailWrapper{background:url('../img/bgBlack.jpg');color:#ccc;}
body{font-family:'appdde', sans-serif;font-size:72px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:default;text-align:center;background:transparent;color:#111;min-width:320px;-webkit-text-size-adjust:100%;}
img{width:100%;}
a{display:block;width:100%;text-decoration:none;color:inherit;}
a, .w{-webkit-tap-highlight-color:rgba(255,255,255,.2);}
::selection{background:transparent;}
::-moz-selection{background:transparent;}
.clr{clear:both;}
#appdde{-webkit-transition:text-shadow 0.5s ease-in-out;-moz-transition:text-shadow 0.5s ease-in-out;-o-transition:text-shadow 0.5s ease-in-out;-ms-transition:text-shadow 0.5s ease-in-out;}
#work .work, #service .service{-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out;}
a{-webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;-ms-transition:color 0.3s ease-in-out;}
header, footer{padding:10% 0;}
#header, #footer{height:0;line-height:0;margin:0;}
#appdde{color:#fff;text-shadow:0;}
#motto{margin-top:3.5%;}
nav{max-width:800px;margin:0 auto;width:87.64%;line-height:61.8%;}
nav a{color:#888;}
nav li{border-top:1px solid #777;float:left;width:25%;}
#scrollNav{display:none;position:fixed;top:0;width:100%;left:50%;margin-left:-50%;z-index:-1;}
#scrollNav.fixed{display:block;z-index:9;}
a:hover{color:#fff;}
#about img{max-width:618px;}
.block{padding:6.18% 6.18% 0;}
#contact{padding:6.18%;}
a, .title, .subtitle{text-transform:uppercase;}
.subtitle{margin:1.55% 0;color:#383838;}
.content{max-width:800px;margin:3.09% auto 0;text-align:justify;line-height:150%;}
.categoryBlock{max-width:1200px;margin:3.09% auto 0;}
#mobileAppWrapper, #workDetailWrapper .workDetail{width:61.8%;}
#work .work{width:33%;float:left;margin-top:1.05%;}
#work .work:hover, #service .service:hover{opacity:.8 !important;}
#work .work.mobileApp{margin:1.05% 6.5% 0;width:20%;cursor:pointer;}
#workDetailWrapper{margin:0 -7.04% 0;padding:0;color:#fff;text-align:left;position:relative;display:none;}
#workDetailWrapper .workDetail{margin:0 auto;max-width:1200px;}
#workDetailWrapper .mobileAppImg, #workDetailWrapper .description, #workDetailWrapper .downloadWrapper{width:33%;float:left;}
#workDetailWrapper .description{white-space:normal !important;padding-top:5%;text-align:justify;}
#workDetailWrapper .downloadWrapper{text-align:center;}
#workDetailWrapper .downloadWrapper a{width:80%;margin:6.18% auto 0;line-height:0;}
#work .mobileSite img{width:70%;max-width:300px;margin:0 auto;}
#work .web img{width:87.64%;padding:0 6.18%;max-width:400px;margin:0 auto;}
#work .description{line-height:161.8%;white-space:nowrap;color:#777;position:relative;}
#work .mobileSite .description{margin-top:-9%;}
#contact .content{text-align:center;}
#service{max-width:1200px;margin:0 auto;}
#service .service{width:25%;margin-top:1.05%;float:left;}
.h{display:none !important;}
@media (max-width:320px){body{font-size:16px;}
}
@media (min-width:321px) and (max-width:480px){body{font-size:20px;}
}
@media (max-width:480px){
#wrapper{font-size:330%;}
header, footer{position:relative;padding:0 0 100%;line-height:0;}
#header, #footer{position:absolute;height:50%;margin-top:50%;}
#motto{margin-top:12%;}
header, footer, #header, #footer, .content, #work .work, #work .web img, #mobileAppWrapper{width:100%;}
#work .web img{padding:0;}
#workDetailWrapper .workDetail{width:87.64%;}
#workDetailWrapper .description{width:100%;}
#workDetailWrapper .downloadWrapper{width:80%;margin:0 10% 5%;}
.mobileHidden{display:none !important;}
}
@media (min-width:481px) and (max-width:1024px){body{font-size:30px;}
#wrapper{font-size:161.8%;}
header, footer{padding:16.18% 0;}
#motto{margin-top:6.18%;}
#work .work{width:50%;}
#workDetailWrapper .mobileAppImg, #workDetailWrapper .description, #workDetailWrapper .downloadWrapper{width:50%;font-size:80%;}
#workDetailWrapper .description{padding-top:7.5%;}
.tabletHidden{display:none !important;}
}
@media (max-width:1024px){#work .work.mobileApp{width:30%;margin:1.05% 10% 0;}
#service .service{width:40%;margin:1.05% 5% 0;}
}