@font-face{font-family:'entypo';src:url('fonts/entypo/entypo.eot');src:url('fonts/entypo/entypo.eot?#iefix') format('embedded-opentype'),url('fonts/entypo/entypo.woff') format('woff'),url('fonts/entypo/entypo.ttf') format('truetype'),url('fonts/entypo/entypo.svg#entypo') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'entypo-social';src:url('fonts/entypo/entypo-social.eot');src:url('fonts/entypo/entypo-social.eot?#iefix') format('embedded-opentype'),url('fonts/entypo/entypo-social.woff') format('woff'),url('fonts/entypo/entypo-social.ttf') format('truetype'),url('fonts/entypo/entypo-social.svg#entypo-social') format('svg');font-weight:normal;font-style:normal}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}body{background:#FFF;color:#888;letter-spacing:.2px;font-weight:400;font-size:100%;font-family:'Lato',sans-serif;line-height:24px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}p{padding-bottom:20px}h1,h2,h3,h4,h5,h6{margin-bottom:10px;color:#707070;font-weight:900}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.75em}ul,ol{margin-bottom:20px}::selection{background:#fefac7;color:#555}::-moz-selection{background:#fefac7;color:#555}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}a{text-decoration:none;color:#888}#loading{width:100%;height:100%;top:0;left:0;position:fixed;display:block;background-color:#fff;z-index:2000;text-align:center;text-indent:999999}#loading-image{position:absolute;top:50%;left:50%;z-index:2001}header{background:whitesmoke}header .inner{margin:0 auto;width:1140px;padding:60px 0}header .inner h1{font-weight:300;font-size:2.6em;font-family:'Lato',sans-serif;line-height:normal;text-align:center}#logo{font-weight:900;text-align:center;margin-bottom:30px}.mob-detail{width:100%;background:whitesmoke;height:80px;display:none}.mob-detail>div{width:90%;margin:0 auto}#email_btn,#call_btn{float:left;width:49%;background:#CCC}#call_btn{float:right}a#email_btn,a#call_btn{text-decoration:none;color:#888;padding:20px 0;font-family:'entypo',sans-serif;font-size:4em;text-align:center}.welcome-highlight{color:#FFF!important}.welcome-text{font-size:.9em}@media screen and (max-width:1200px){header .inner{width:925px}}@media(min-width:768px) and (max-width:979px){header{min-height:208px}header .inner{width:90%;padding:40px 0}header .inner h1{font-size:2.4em}}@media(max-width:767px){header{min-height:187px}header .inner{width:90%;padding:30px 0}header .inner h1{font-size:2em}.mob-detail{display:block}}@media screen and (max-width:627px){header{min-height:166px}header .inner h1{font-size:1.6em}.mob-detail{display:block}}.portfolio{overflow:hidden;background:whitesmoke}.gallery{position:relative;margin:0 auto;width:auto;height:630px}.gallery img{width:760px;height:699px}@media screen and (max-width:1200px){.gallery{width:100%}}@media(min-width:768px) and (max-width:979px){.gallery{width:100%}}@media(max-width:767px){.gallery{width:100%}}.mob-portfolio{width:100%;display:none;background:whitesmoke}.mob-gallery{width:760px;margin:0 auto}.mob-gallery img{width:100%;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);box-shadow:0 3px 5px rgba(0,0,0,0.3);margin-bottom:20px}@media(max-width:767px){.portfolio{display:none}.mob-portfolio{display:block}.mob-gallery{width:90%}}.dg-container{position:relative;margin:0 auto}.dg-wrapper{position:relative;margin:0 auto;width:760px;height:730px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px}.dg-wrapper a{position:absolute;top:0;left:0;display:block;width:760px;height:699px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);box-shadow:0 3px 5px rgba(0,0,0,0.3)}.dg-wrapper a.dg-transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.dg-wrapper .dg-center{z-index:60!important}.dg-wrapper a div{position:absolute;top:47%;left:45%;display:none;margin:0 auto;width:100px;height:100px;border-radius:400px;background:#222;color:#FFF;text-align:center;font-size:.9em;font-weight:900;line-height:100px;opacity:.4;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.dg-wrapper:hover>a.dg-center>div{display:block}.dg-wrapper a.dg-center div:hover{opacity:.8}.dg-container nav{z-index:90;width:760px;margin:0 auto;display:none}.dg-container nav:hover{opacity:1}.dg-container nav span{position:absolute;top:50%;float:left;width:50px;height:50px;opacity:.4;cursor:pointer;font-size:12em;color:#222;font-family:'entypo',sans-serif;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.dg-container nav span:hover{opacity:.8}.dg-container nav span.dg-next{margin-left:710px}.dg-container:hover>nav{display:block}footer{position:relative;z-index:1000;padding:40px 0 0 0;background:#FFF;-webkit-box-shadow:0 -6px 6px rgba(46,46,46,0.08);box-shadow:0 -6px 6px rgba(46,46,46,0.08)}footer a,footer p{text-decoration:none;color:#707070;font-size:.9em}.footer-inner{width:760px;margin:0 auto}.footer-email,.footer-phone,.footer-social{width:33.33333%;float:left}.footer-phone{text-align:center}.footer-phone a{font-size:.8em}.footer-social p{float:right}.footer-social ul li{display:inline-block;float:right;padding-left:10px}.footer-social ul li a{font-family:"entypo-social";font-size:3em;line-height:50%}#twitter:hover{color:#00a0d1!important}#dribbble:hover{color:#ea4c89!important}@media screen and (max-width:988px){.footer-inner{width:760px}}@media screen and (max-width:760px){.footer-inner{width:90%}}@media screen and (max-width:672px){footer{display:none}}.bar{position:relative;width:100%;background:whitesmoke}.bar-inner{margin:0 auto;padding-top:40px;width:1140px;height:70px;position:relative}.bar-inner h2{float:left}.bar-inner h2 a{color:#707070;text-decoration:none}#resume{float:right;color:#888;text-decoration:none;font-weight:700;cursor:pointer}#close{position:absolute;right:0;font-family:'entypo',sans-serif;color:#888;text-decoration:none;font-size:3em;cursor:pointer;display:none}#resume:hover{color:#555}.project{width:1140px;margin:60px auto 0 auto}.pro-image img{margin:0 auto 60px auto;width:840px;height:auto;opacity:0;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);box-shadow:0 3px 5px rgba(0,0,0,0.3)}.pro-fade-in img{opacity:1}.pro-image{width:840px;float:left;position:relative;margin-bottom:20px}.pro-image img.no-shadow{-webkit-box-shadow:none;box-shadow:none}.info{float:right;position:relative;width:230px;color:#888}.info h2{line-height:1.2em;font-size:2em}.info h4{margin-bottom:5px}.info a{text-decoration:none;border-bottom:1px dotted #888;color:#888}.info a:hover{background:#fefac7;color:#555;border-bottom:1px dotted #b2a503}.info .list-head{font-weight:900}.pageinaton{margin-top:20px;width:100%;color:#222;font-family:'entypo',sans-serif}.pageinaton a{display:block;background:whitesmoke;padding:20px 0;width:32%;border-bottom:0;color:#d3d3d3;text-decoration:none;font-size:4em;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.pageinaton a:hover{background:0;color:#969696;border:0;background:#DDD}.btn-prev,.btn-top{float:left;text-align:center}.btn-top{margin:0 1%;width:32%!important}.btn-prev{margin-right:1%}.btn-next{float:left;text-align:center;margin-left:1%}@media(max-width:1140px){.bar-inner{width:90%}.project{width:90%}.pro-image{width:75%}.pro-image img{width:100%}.info{width:20%}}@media screen and (max-width:627px){.info{width:100%;float:left}.project{margin:40px auto}.pro-image{width:100%}.pro-image img{margin:0 auto 20px auto}#scroll{top:0!important}}#hidden{width:1140px}.hidden-inner{margin:0 auto;height:auto;border-top:1px dotted #888}#hidden ul li{margin:8px 0}#hidden ul li a{font-size:1em}#hidden ul li:last-child a{font-size:.9em}#hidden ul li a span{font-family:'entypo',sans-serif;font-size:1.6em}.colm-left{float:left;width:48.5%;padding:24px 0}.colm-right{float:right;width:48.5%;padding:24px 0}.charts{width:auto}.record{float:left;margin-bottom:4px;width:100%;background:#DDD}.animation{float:left;clear:left;width:5px;height:30px;background:#8f8f8f}.animation span{float:left;margin-top:5px;margin-left:7px;color:#f8f8f8;font-weight:bold;font-size:.9em}@media(max-width:1140px){#hidden{width:90%}}@media screen and (max-width:627px){.colm-left,.colm-right{clear:both;width:100%}}.error{background:whitesmoke}.error div{width:90%;position:relative;margin:0 auto}.error div h1{font-family:'lato',sans-serif;font-size:4em;font-weight:900;color:#222;text-align:center;padding-top:5em;margin-bottom:40px;display:block;line-height:1em}.error div h3{font-family:'lato',sans-serif;text-align:center;font-weight:400}.error div h3 a{color:#222;font-weight:700;text-decoration:none}.ie6 .portfolio,.ie7 .portfolio,.ie8 .portfolio,.ie9 .portfolio{display:none}.ie6 .mob-portfolio,.ie7 .mob-portfolio,.ie8 .mob-portfolio,.ie9 .mob-portfolio{display:block}.ie6 .btn-top,.ie7 .btn-top,.ie8 .btn-top{display:none}