html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{vertical-align:baseline;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;outline:0;padding:0;margin:0;border:0}:focus{outline:0}body{background:white;line-height:1;color:black}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}header,section,footer,aside,nav,main,article,figure{display:block}*,*:before,*:after{box-sizing:border-box}.visuallyhidden{width:0;height:0;overflow:hidden;display:block;position:absolute}*{scrollbar-color:#f34 #000}*::-webkit-scrollbar{width:14px}*::-webkit-scrollbar-thumb{background-color:#ff3344}*::-webkit-scrollbar-track{background-color:#000000}*::-webkit-scrollbar-button{height:14px;width:14px;background-color:#000;position:relative}::-webkit-scrollbar-button:vertical:start:decrement{background:linear-gradient(120deg, #000 40%, transparent 41%),linear-gradient(240deg, #000 40%, transparent 41%),linear-gradient(0deg, #000 30%, transparent 31%);background-color:#fff}::-webkit-scrollbar-button:vertical:end:increment{background:linear-gradient(300deg, #000 40%, transparent 41%),linear-gradient(60deg, #000 40%, transparent 41%),linear-gradient(180deg, #000 30%, transparent 31%);background-color:#fff}::-webkit-scrollbar-button:horizontal:end:increment{background:linear-gradient(210deg, #000 40%, transparent 41%),linear-gradient(330deg, #000 40%, transparent 41%),linear-gradient(90deg, #000 30%, transparent 31%);background-color:#fff}::-webkit-scrollbar-button:horizontal:start:decrement{background:linear-gradient(30deg, #000 40%, transparent 41%),linear-gradient(150deg, #000 40%, transparent 41%),linear-gradient(270deg, #000 30%, transparent 31%);background-color:#fff}h1{font-family:'Yeseva One', Times, "Times New Roman", serif;font-size:54px;line-height:1;color:#2ab1c5;font-weight:normal}.fadebox{opacity:0}body{font-size:18px;font-family:'Open Sans', arial, sans-serif;font-weight:400;line-height:1.5;padding:0;background-color:#000;color:#e8e8e8;overflow:auto}input{font-family:'Abel', sans-serif}h1,h2,h3{margin:0;padding:0}p{margin:0;padding:0}section{position:relative}a{color:#f34;transition:.5s;position:relative;text-decoration:none}a:after{content:'';display:block;height:2px;background:#000;transition:.3s;position:absolute;bottom:-1px;left:0;width:0}a:hover,a:focus{color:#f5b112;background:#f34;color:#fff}a:hover:after,a:focus:after{width:100%}#nav{display:none;position:fixed;z-index:19;width:100%;padding:18px 0;background:rgba(0,0,0,0.72);transition:1s}#nav ul{display:flex;justify-content:center}#nav ul li{display:inline-block;margin:0 40px;transition:1s}#nav li a{font-size:22px;color:#fff;padding:8px 12px;display:inline-block;font-family:"Oswald", helvetica, arial, sans-serif}#nav li a:after{background:#fff}#nav li a:hover{background:#f34}.intro{background-color:#000;height:100vh;text-align:center;position:relative;overflow:hidden}.intro .fixed{display:flex;position:fixed;width:calc(100%);height:calc(100%);background-image:url();background-position:center center;background-repeat:no-repeat;background-size:cover}h1{transition:1s;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:20}h1 span{overflow:hidden;display:inline-block;padding-bottom:4px}h1.top{top:14px;transform:translate(-50%, 0);opacity:1;position:fixed}h2{font-family:"Oswald", helvetica, arial, sans-serif;font-size:34px;margin:0 0 24px 0;font-weight:bold;text-align:center;clear:both}h3{font-family:"Oswald", helvetica, arial, sans-serif;font-size:22px;margin:0 0 12px 0;font-weight:bold;width:100%}.intro .window.active .blackout{height:0}.inner.findus{position:absolute;z-index:3;background:rgba(0,0,0,0.55);top:20px;left:20px;padding:20px}.afterload{height:0;overflow:hidden;background-color:#172531;position:relative;z-index:5}.s1{height:100%;width:100%;position:fixed;top:0;font-family:"Oswald", sans-serif;display:none}.s1 .content{position:fixed;top:50%;transform:translate(0, -50%);width:100%;z-index:10;display:flex;justify-content:center}.s1 .content .copy{text-align:center;text-transform:uppercase;white-space:nowrap}.s1 .content .copy h2{font-size:38px;font-weight:700;margin:0 0 26px 0}.s1 .content .copy p{font-size:17px;margin:0 0 21px 0}.s1 .content .copy p.tbl{border:1px solid #fff;display:table;width:100%;margin:0 0 5px 0}.s1 .content .copy p.tbl span{display:table-cell;position:relative;padding:5px 14px;font-size:13px}.s1 .content .copy p.tbl span:after{position:absolute;right:0;top:0;height:71%;border-right:1px solid #fff;content:"\00a0"}.s1 .content .copy p.tbl span:last-child:after{display:none}.s1 .content .copy p.tbl span em{font-style:normal;font-family:arial, sans-serif;font-size:110%}.s1 .content .copy p.tbl span.mail svg{width:16px;fill:#fff;stroke-width:0;height:18px;margin-bottom:-4px;transition:.5s}.s1 .content .copy p.tbl span.mail a{color:#fff}.s1 .content .copy p.tbl span.mail a:hover,.s1 .content .copy p.tbl span.mail a:focus{background:transparent}.s1 .content .copy p.tbl span.mail a:hover svg,.s1 .content .copy p.tbl span.mail a:focus svg{color:#f34;fill:#f34}.s1 .content .copy small{font-size:66%;text-transform:none}.s2{position:relative;background:#0897ac;min-height:102vh;z-index:3;color:#fff}.s2 .content{margin:0 auto;padding:102px 10px;position:relative;z-index:2;max-width:1280px}.s3{position:relative;background:#fff;min-height:110vh;z-index:2;color:#222}.s3 .content{margin:0 auto;padding:102px 10px;position:relative;z-index:2;max-width:1280px}.s3 .copy{padding:0 14px;column-count:2;column-gap:60px;-webkit-column-break-inside:avoid;break-inside:avoid;break-inside:avoid-column}.s3 .copy p{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;break-inside:avoid-column;page-break-inside:avoid;margin:0 0 24px 0}.s3 .blocks{position:relative;z-index:2;color:#fff}.s3 a{white-space:no-wrap;padding:0 3px}.s3 .blocks li{color:#fff}.tugtc{background:#f34;height:200px;position:relative;z-index:3;display:flex;justify-content:flex-end;align-items:flex-end}.tugtc .tc{color:#f34;font-size:100px;height:40px;font-family:'Yeseva One', Times, "Times New Roman", serif;text-align:right;top:-44px;position:absolute;width:100%;line-height:.3}.tugtc .foot{max-width:1280px;padding:0 12px 12px;color:#000;font-size:15px;text-align:right;font-family:"Oswald", helvetica, arial, sans-serif}.tugtc .foot li{line-height:1}.screenshot{padding:20px 70px}ul.blocks{margin:0 0 30px 0;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:30px}ul.blocks li{margin:0 4px 4px 0;background:#000;border:10px solid rgba(0,0,0,0.85);position:relative;transition:.5s}ul.blocks.projects li{width:33%;height:400px;overflow:hidden;line-height:1.3;background-repeat:no-repeat;background-size:cover;background-position:top center}@media only screen and (max-width: 1219px){ul.blocks.projects li{width:calc(50vw - 30px)}}@media only screen and (max-width: 880px){ul.blocks.projects li{width:calc(100vw - 30px);max-width:640px}}@media only screen and (max-width: 620px){ul.blocks.projects li{background-size:contain}}@media only screen and (min-width: 621px){ul.blocks.projects li div.project{transition:.5s;position:absolute;top:0;left:-100%;bottom:0;right:100%;width:100%;overflow:hidden;z-index:2;background:rgba(0,0,0,0.85);padding:18px;display:flex;flex-wrap:wrap;align-content:center}ul.blocks.projects li:hover div.project,ul.blocks.projects li:focus div.project,ul.blocks.projects li.focused div.project{position:absolute;top:0;left:0;bottom:0;right:0;padding:18px}}ul.blocks.projects ol{display:flex;flex-wrap:wrap;margin:0 0 12px 0;padding:10px 0 0 0}ul.blocks.projects li ol li{background:none;padding:0 6px 0 0;margin:0;width:auto;height:auto;border:none;opacity:1 !important}ul.blocks.projects li ol li:after{content:" /";padding:0 0 0 3px;color:#f34}ul.blocks.projects li ol li:last-child:after{display:none}.project_links{border-top:1px solid #fff;display:flex;flex-wrap:wrap;justify-content:space-around;padding-top:4px;width:100%}.project_links a{white-space:nowrap;padding:5px 8px;margin-top:5px}.s2 ul.blocks.clients li,.s2 ul.blocks.awards li,.s3 ul.blocks.skills li{padding:10px;border:none}@media only screen and (max-width: 620px){#nav{padding:0}#nav li{margin:0 22px}h1.top{top:2px;font-size:46px}.s2 h2,.s3 h2{text-align:left;padding:0 0 0 3px;line-height:1}.s2 ul.blocks.projects li{width:100%;height:auto}.s2 ul.blocks.projects li li{width:auto}.s2 ul.blocks.projects li img{width:100%;min-height:0}.s2 ul.blocks.projects .project{padding:14px;margin-top:calc(100vw / 1.8);background:#000}.s2 ul.blocks.projects li{margin:0 0 12px 0}.s2 ul.blocks.projects li ol li{margin:0 0 2px 0}.s2 ul.blocks.clients,.s2 ul.blocks.awards,.s3 ul.blocks.skills{display:block}.s2 ul.blocks.clients li,.s2 ul.blocks.awards li,.s3 ul.blocks.skills li{float:left}.tugtc .tc{font-size:40px;top:-24px;line-height:.6}}@media only screen and (max-width: 800px){.s3 .copy{column-count:1;column-gap:0px}}.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.cover{background:#000;position:fixed;top:0;left:0;bottom:0;right:0;z-index:100}.screenshot{text-align:center;padding:100px 12px;margin:0 auto;max-width:1100px}.screenshot img{width:100%}