@font-face{font-family:Din;font-style:normal;font-weight:400;src:url(/assets/fonts/Din.woff) format('woff')}@font-face{font-family:Calibre;font-style:normal;font-weight:300;src:url(/assets/fonts/Calibre.woff) format('woff')}*,:after,:before{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}html{font:400 16px/25px Din,sans-serif;background-color:#fff;color:#050c11;height:100%}html,html a{-webkit-font-smoothing:antialiased}body{margin:0;padding:0;overflow-x:hidden;min-width:350px;background-color:transparent}a,a:active,a:hover,a:visited{color:#22c2d5;text-decoration:none}main a:active,main a:hover{text-decoration:underline}::selection{color:#fff;background-color:#22c2d5}h1{font-size:2em;line-height:1.25em;font-weight:400;margin-bottom:.5em}h2{font-size:2em;line-height:1.25em;font-weight:300;margin-bottom:.5em}h3{font-size:1.4em;line-height:1.5em;font-weight:400;margin-bottom:.5em}h4{font-size:1.125em;font-weight:600;line-height:1.5em;margin-bottom:.5em}h1 a,h2 a,h3 a,h4 a{color:inherit;border:0}nav li{list-style:none;float:left}.cf:after,.clearfix:after{content:"";display:table;clear:both}.container{width:100%;max-width:1144px;margin:0 auto;clear:both}.hidden{display:none;height:0;width:0}.button{text-align:center;width:200px;margin:0 auto}.button a,.button a:visited,button{font:400 14px/48px Din;color:#050c11;cursor:pointer;clear:both;display:block;float:left;letter-spacing:3px;padding:0 25px;height:48px;line-height:45px;border:2px solid #c5d0d7;border-radius:2px;text-decoration:none;text-transform:uppercase;-webkit-font-smoothing:subpixel-antialiased;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.button a:active,.button a:hover,button:active,button:hover{color:#050c11;border-color:#2328df!important;text-decoration:none}button{line-height:45px;clear:left}form,form fieldset{width:100%}form input,form textarea{clear:both;width:100%;background-color:#050c11;border:2px solid #263f50;border-radius:5px;color:#fff;padding:12px 14px;margin:0 0 15px;font:400 16px/25px Din,sans-serif}form input.error,form textarea.error{border-color:#cb3505}::-webkit-input-placeholder{color:#A2B1BC}::-moz-placeholder{color:#A2B1BC}:-ms-input-placeholder{color:#A2B1BC}form input:focus,form textarea:focus{border-color:#22c2d5}form textarea{height:200px;resize:none}form .info{float:right;width:220px;line-height:25px;text-align:right;font-size:15px}form .info .error{color:#cb3505}form .info .success{color:#22c2d5}form .info p{margin:0}.underline{height:1px;width:100px;border:1px solid #22c2d5;clear:both;display:block;margin:18px auto 0}hr{height:1px;border:1px solid #D9D9D9;width:100%}.social li,.types{list-style:none;font:400 16px/16px Calibre;letter-spacing:3px}.social li{float:left;margin-left:40px}#intro,#scroll,footer,header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header{background-color:#09161F;height:85px;width:100%;position:fixed;top:-85px;z-index:20}.header-hidden header{-webkit-transition:-webkit-transform 400ms ease-out;transition:transform 400ms ease-out;-webkit-transform:translate3d(0,-181px,0);transform:translate3d(0,-181px,0)}.header-visible header{-webkit-transition:-webkit-transform 400ms ease-out;transition:transform 400ms ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.header-mask{background-color:#09161F;height:85px;line-height:85px;width:100%;position:absolute;top:0;left:0}.logo{display:block;float:left;margin-top:26px}.logo img{width:159px;height:25px}#intro{background:url(/assets/images/header-bg.jpg) #050c11;background-size:100% 100%;text-align:center;margin-top:80px;padding-top:218px;height:500px}.type-work #intro{padding-top:130px}#intro h1{color:#22c2d5;font:400 65px/75px Din;letter-spacing:3px;text-transform:uppercase}#intro h2{color:#fff;font:400 36px/43px Calibre;width:680px}#intro h1,#intro h2{opacity:0;margin:0 auto;padding:0;position:relative;top:50px}.parallax-window{min-height:400px;background:0 0}.left{color:#fff;float:left;font:400 40px/48px Calibre;width:525px}.left .button{margin:0}.left .button a{color:#fff}.right{float:right;width:525px;margin:0 0 120px;font:400 18px/27px Din}.right p{margin:0 0 20px}header nav{display:none;background-color:#09161f;color:#fff;font:400 50px/80px Din;letter-spacing:3px;text-transform:uppercase;text-align:center;padding-top:85px;z-index:100;width:100vw}.menu-open header nav{display:block}.menu-open #scroll{display:none}header nav ul{display:block;margin:0;line-height:100px}header nav li{clear:both;float:none;margin:0}header nav a,header nav a:visited{color:#fff}header nav a:hover{color:#22c2d5}.menu{display:block;float:right;cursor:pointer;width:25px;height:25px;position:relative;top:30px;right:0}.menu span{background-color:#fff;height:2px;display:block;opacity:1;position:relative}#menu_line1{top:0}#menu_line2{top:6px}#menu_line3{top:12px}.menu-closed .menu:hover #menu_line1{top:2px;transition:all .1s cubic-bezier(.25,.46,.45,.94)}.menu-closed .menu:hover #menu_line3{top:10px;transition:all .1s cubic-bezier(.25,.46,.45,.94)}.menu-open #menu_line1{transform-origin:4px 6px 0;transform:matrix(.7071,.7071,-.7071,.7071,0,0);transition:all .1s cubic-bezier(.25,.46,.45,.94)}.menu-open #menu_line2{opacity:0;transition:all .1s cubic-bezier(.25,.46,.45,.94)}.menu-open #menu_line3{transform-origin:3px -4px 0;transform:matrix(.7071,-.7071,.7071,.7071,0,0);transition:all .1s cubic-bezier(.25,.46,.45,.94)}footer{font:400 16px/16px Calibre;letter-spacing:3px;clear:both;padding:60px 0;text-align:center;margin-top:60px;height:180px;border-top:1px solid #d9d9d9}footer ul{width:500px;margin:0 auto;clear:both}footer li{margin-left:63px}footer li:first-child{margin-left:0}footer a,footer a:visited{color:#050c11}footer a:active,footer a:hover{color:#2328df}footer .copyright{clear:both;color:#73838d;font-size:12px;margin:60px 0}.work{float:left;width:100%;margin:75px 0;padding:0}.work li{float:left;margin:0;padding:0;list-style:none}.work a,.work a:active,.work a:hover,.work a:visited{text-decoration:none;text-transform:uppercase;color:#fff}.work a,.work img,.work li{display:block;height:286px;width:286px}.work li{overflow:hidden}.type-work .work{margin-top:-155px;background-color:#09161F}.work .overlay{width:100%;height:100%;display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.work li:active .overlay,.work li:hover .overlay{background-color:#2328DF}.work li .title{width:100%;display:block;margin-top:-60%;text-align:center;opacity:0}.work img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.work .noimage{display:block;background-color:#C5D0D7;width:100%;height:100%}.work li:active .title,.work li:hover .title{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1}.work li .underline{opacity:0;width:30px}.work li:active .underline,.work li:hover .underline{opacity:1}.work li:active img,.work li:hover img{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.3}.type-contact main,.type-default main,.type-item main{background-color:#050c11;color:#a2b1bc;padding-bottom:180px;border-top:1px solid #0B1D2A}.type-item main{padding:120px 0 0}.type-item #recent-work{background-color:#fff;margin:0;padding:100px 0}.type-contact main .social,.type-item .types{font-size:16px;letter-spacing:3px;color:#A2B1BC;border-top:1px solid #0b1d2a;padding-top:35px;margin:35px 0}.type-item .types{line-height:28px}.type-item .images{margin:0;padding:120px 0 180px;clear:both;width:100%}.type-item .images li{list-style:none;margin:40px 0 0;padding:0}.type-item .images li:first-child{margin-top:0}.type-item .images a,.type-item .images img,.type-item .images li{display:block;width:1144px;height:auto}.type-item .button{width:186px}.type-item .button a{border-color:#182936}.type-home{height:100%}.type-home #intro{height:inherit;margin-top:0;padding-top:0}.type-home #intro h1{margin:0 0 75px}.type-home #intro .container{margin:0 auto;width:900px;max-width:900px;position:relative;z-index:5}.type-home .intro-mask{display:block;bottom:0;position:absolute;left:0;width:100%;height:25%;z-index:15;background-color:transparent;background-image:linear-gradient(rgba(0,0,0,.15),#050C11 60%,#050C11)}#scroll{opacity:0;cursor:pointer;margin:0 auto 0 -12.5px;position:fixed;top:95%;left:50%;width:25px;height:25px;line-height:25px;z-index:20}#scroll img{width:25px;height:25px}#recent-work{margin:75px 0}#recent-work h3{color:#050c11;font:400 14px/14px Din;letter-spacing:3px;text-transform:uppercase;text-align:center}#recent-work .underline{width:28px}#tabs{margin:0;width:100%;float:left;background-color:#0129e1;color:#fff}#tabs .container{max-width:900px}#tabs hr{position:relative;top:120px;border-color:#2046f2}#tabs .tab-links{margin:0 auto;padding:47px 0;width:375px;height:120px;clear:both;text-align:center}#tabs .tab-links li{margin:0 0 0 60px;padding:0;float:left;list-style:none;color:#2328df;font:400 14px/14px Din;text-transform:uppercase;text-align:center}#tabs .tab-links li:first-child{margin-left:0}#tabs .tab-links a,#tabs .tab-links a:visited{color:#fff;font:400 14px/14px Din;letter-spacing:3px;display:block;width:auto;transition:color .2s cubic-bezier(.25,.46,.45,.94)}#tabs .tab-links a:active,#tabs .tab-links a:hover{color:#fff;text-decoration:none}#tabs .tab-links .underline{display:block;width:auto;margin-top:6px;-webkit-transform:translateY(7px);transform:translateY(7px);transition:-webkit-transform .1s cubic-bezier(.55,.085,.68,.53),opacity .1s cubic-bezier(.55,.085,.68,.53);transition:transform .1s cubic-bezier(.55,.085,.68,.53),opacity .1s cubic-bezier(.55,.085,.68,.53);opacity:0}#tabs .tab-links a:active .underline,#tabs .tab-links a:hover .underline{-webkit-transform:none;transform:none;transition:-webkit-transform .2s cubic-bezier(.25,.46,.45,.94),opacity 0s linear;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity 0s linear;transition-delay:0s}#tabs .tab-links .current .underline,#tabs .tab-links a:active .underline,#tabs .tab-links a:hover .underline{opacity:1}#tabs .tab{display:none;background:url(/assets/images/process-bg.jpg) bottom center no-repeat;background-size:100% 100%;height:680px;text-align:center}#tabs .tab.current{display:block}#tabs .tab.current h3{color:#22c2d5;font:400 90px/90px Din;letter-spacing:3px;margin:0 0 68px;text-transform:uppercase}#tabs .tab.current h4{color:#fff;font:400 40px/47px Calibre;margin:0 auto 60px;width:700px}#tabs .tab.current p{color:#fff;font:400 18px/27px Din}.type-home footer{border:0;margin-top:0}.type-default main .container,.type-error main .container{padding-top:120px}.type-contact main{padding:120px 0 180px}.type-contact .social{margin-top:40px}.type-contact .social a{font-size:16px}.type-contact main .social li:first-child{margin-left:0}.type-contact main .social a:hover{text-decoration:underline}.type-contact footer,.type-default footer{margin-top:0;border-top:0 none}.type-contact button{color:#fff;background-color:#050c11;border-color:#2328df}.type-contact button:hover{background-color:#2328df}.uniform__potty{position:absolute;top:-9999px;left:-9999px}@media screen and (max-width:1200px){#intro h2,#tabs .tab.current h4,.type-item .images a,.type-item .images img,.type-item .images li{width:100%}.container{width:792px!important}.left,.right{width:100%}.left{margin-bottom:30px;font-size:26px;line-height:35px}.left .button{margin:0 auto}.right{margin-bottom:0}.work a,.work img,.work li{height:264px;width:264px}.type-item .types{text-align:center}.type-contact main,.type-default main,.type-error main,.type-item main{padding-top:60px}.type-contact main .container,.type-default main .container,.type-error main .container,.type-item main .container{padding-top:0}}@media screen and (max-width:860px){#intro{height:400px}.type-contact #intro,.type-default #intro,.type-error #intro,.type-item #intro{height:200px;padding-top:88px}.container{width:688px!important}#intro h1,#tabs .tab.current h3{font-size:40px;line-height:50px}.type-home #intro h1{margin-bottom:15px}#intro h2,#tabs .tab.current h4{font-size:25px;line-height:35px}#tabs .tab.current h3{margin-bottom:30px}#tabs .tab-links{width:92%;padding-left:15%}#tabs .tab-links li{margin-left:15%}.work a,.work img,.work li{height:344px;width:344px}}@media screen and (max-width:750px){.container{width:92%!important}.work{margin-left:auto;margin-right:auto;float:none}.work .noimage,.work .overlay,.work a,.work img,.work li{width:100%;height:100vw}footer ul{width:440px}footer li{margin-left:40px}#tabs .tab-links{padding-left:4%}#tabs .tab-links li{margin-left:10%;margin-bottom:20px}#tabs .tab{height:450px}#tabs .tab .container{padding-top:140px}}@media screen and (max-width:480px){header{position:absolute}#tabs .tab-links a{font-size:12px}#intro h1,#tabs .tab.current h3{font-size:30px;line-height:40px}#intro h2,#tabs .tab.current h4{font-size:20px;line-height:25px}.button{max-width:100%;height:auto}.social{width:96%;padding:0 2%;float:left}.social li{width:50%;margin:0 0 25px;padding:0;font-size:14px;float:left;text-align:center}}