@import url("https://fonts.googleapis.com/css?family=Nunito");@import url("https://fonts.googleapis.com/css?family=Kameron");html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main,time,mark,audio,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{color:#fff;font:16px/24px "Kameron",sans-serif}a{text-decoration:none}p{font:20px/26px "Kameron",sans-serif;margin:0 0 13px}p a{color:#1D3557;border-bottom:2px solid #A8DADC;transition:border 200ms ease-in-out}p a:hover{border-color:#1D3557}h1{display:block;font:40px/50px "Nunito",sans-serif;margin:0 0 10px}@media (min-width: 600px){h1{font-size:50px;line-height:60px}}h2{display:block;font:32px/40px "Nunito",sans-serif;margin:0 0 20px}@media (min-width: 600px){h2{font-size:40px;line-height:50px}}@media (min-width: 1000px){h2{font-size:2.8em;line-height:1.2em}}h3{display:block;font:32px/40px "Nunito",sans-serif}h4{display:block;font:20px/24px "Nunito",sans-serif}h1,h2,h3,h4{transition:font-size ease-in-out 100ms,line-height ease-in-out 100ms}.button{background:#1D3557;border:2px solid #1D3557;color:#fff;border-radius:5px;box-sizing:border-box;display:inline-block;font-family:"Nunito",sans-serif;font-size:20px;padding:9px 29px;text-align:center;transition:all ease-in-out 200ms}.button:active,.button:focus{border-color:#fff;outline:none}.button:hover{border-color:#fff;transform:scale(1.2)}@keyframes rotater1{0%{transform:rotate(0deg),translate(10% 10%),scale(200%)}100%{transform:rotate(360deg)}}@keyframes rotater2{0%{transform:rotate(0deg),translate(10% 10%) scale(200%)}100%{transform:rotate(-360deg)}}.intro{align-items:center;background:radial-gradient(50% 119%, #A8DADC 0%, #457B9D 100%);background-size:cover;color:#1D3557;display:flex;justify-content:center;position:relative;min-height:90vh}.intro .inner{align-items:center;display:flex;height:70vh;justify-content:center;position:relative;width:70vh}.intro .inner:after{animation:rotater1 20s infinite linear;background:rgba(255,255,255,0.2);border-radius:42%;content:"";display:block;height:70vh;position:absolute;top:0;left:0;width:70vh;z-index:1}.intro .inner:before{animation:rotater2 16s infinite linear backwards;background:rgba(255,255,255,0.2);border-radius:47.5%;content:"";display:block;height:70vh;position:absolute;top:0;left:0;width:70vh;z-index:1}.intro .inner .content{align-items:center;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;height:70vh;justify-content:center;padding:20px 20px 50px;position:relative;width:70vh;z-index:2}.intro .inner .content:after{animation:rotater1 10s infinite linear;background:rgba(255,255,255,0.2);border-radius:45%;content:"";display:block;height:70vh;position:absolute;top:0;left:0;width:70vh;z-index:1}.work{background:#1D3557;position:relative}.work .inner{position:relative;z-index:5}.contact{align-items:center;background:linear-gradient(135deg, #A8DADC 0%, #457B9D 100%);color:#fff;display:flex;justify-content:center;min-height:90vh;position:relative;text-align:center}.contact .inner{position:relative;z-index:3}.about{align-items:center;background:linear-gradient(135deg, #f7f7f7 0%, #ddd 100%);color:#1D3557;display:flex;justify-content:center;min-height:90vh;position:relative}.about .inner{padding:10vh 20px;max-width:500px}.intro{color:#1D3557}.intro .umbrella{margin:0 0 20px}.intro .umbrella svg{display:block;margin:0 auto;width:60px;transition:height ease-in-out 100ms,width ease-in-out 100ms}@media (min-width: 600px){.intro .umbrella svg{width:80px}}@media (min-width: 1000px){.intro .umbrella svg{width:100px}}.intro .hello{text-align:center}.work{padding:10px}.work .inner{display:flex;flex-wrap:wrap}.work .inner>article{height:30vh;min-height:300px;padding:10px;width:100%}@media (min-width: 600px){.work .inner>article{height:20vh;width:50%}.work .inner>article:first-child{height:33.33333vh;width:100%}}@media (min-width: 1000px){.work .inner>article{height:30vh;width:calc(100% / 3)}.work .inner>article:first-child,.work .inner>article:nth-child(2){height:50vh;width:50%}}.work .inner>article>div{background:rgba(0,0,0,0.1);box-shadow:2px 2px 5px rgba(0,0,0,0.1);color:#fff;display:block;height:100%;overflow:hidden;position:relative;text-align:center;width:100%}.work .inner>article>div span{color:rgba(255,255,255,0.9);display:block;font:26px/34px "Kameron",sans-serif}.work .inner>article>div .content{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;transform:translate(0, 5%) scale(.8);transition:transform ease-out 300ms,opacity ease-in-out 300ms;width:100%;will-change:opacity transform;z-index:2}.work .inner>article>div:before{background-size:cover;background-position:50% 50%;content:"";display:block;height:100%;left:0;position:absolute;opacity:1;top:0;transition:opacity ease-out 300ms,transform ease-in-out 300ms;width:100%;will-change:opacity;z-index:1}.work .inner>article>div[data-project='oncebrand']:before{background-image:url("../../uploads/once.branding@0.5x.jpg")}.work .inner>article>div[data-project='nzhsport']:before{background-image:url("../../uploads/nzh.sport@0.5x.jpg")}.work .inner>article>div[data-project='desite']:before{background-image:url("../../uploads/de.site@0.5x.jpg")}.work .inner>article>div[data-project='unistrutsite']:before{background-image:url("../../uploads/unistrut.site@0.5x.jpg")}.work .inner>article>div[data-project='thedgesite']:before{background-image:url("../../uploads/theedge.site@0.5x.jpg")}.work .inner>article>div:hover .content{opacity:1;transform:translate(0, 0) scale(1)}.work .inner>article>div:hover:before{opacity:.05;transform:scale(1.04)}.contact>div{max-width:600px;padding:20px;position:relative;width:100%}.contact>div h2{width:100%}@media (min-width: 600px){.contact>div h2+div{padding:0 10px 0 0}.contact>div h2+div+div{padding:0 0 0 10px}}.contact>div .shortfield{margin:0 0 30px;width:100%}@media (min-width: 600px){.contact>div .shortfield{margin:0 0 40px;width:50%}}.contact>div .longfield{margin:0 0 30px;width:100%}.contact>div .buttonfield{width:100%}.contact label{display:block;color:rgba(255,255,255,0.6)}.contact input[type=text],.contact input[type=email],.contact textarea{background:transparent;border:0;border-bottom:3px solid rgba(255,255,255,0.5);box-sizing:border-box;color:#fff;display:block;font-size:24px;padding:5px 0;transition:border ease-in-out 300ms;width:100%}.contact input[type=text]:focus,.contact input[type=text]:hover,.contact input[type=email]:focus,.contact input[type=email]:hover,.contact textarea:focus,.contact textarea:hover{border-color:#fff;outline:none}.contact input:-webkit-autofill,.contact input:-webkit-autofill:focus,.contact input:-webkit-autofill:hover,.contact textarea:-webkit-autofill,.contact textarea:-webkit-autofill:focus,.contact textarea:-webkit-autofill:hover{background:inherit;color:inherit}.contact input[type=submit]{background:rgba(255,255,255,0.7);border:0;border-radius:4px;box-sizing:border-box;color:#377BC6;display:block;font-family:"Nunito",sans-serif;font-size:18px;line-height:30px;padding:10px 20px;transition:background-color ease-in-out 300ms;width:100%}@media (min-width: 600px){.contact input[type=submit]{margin:0 0 0 auto;width:auto}}.contact input[type=submit]:focus,.contact input[type=submit]:hover{background-color:#fff;cursor:pointer;outline:none}.about .inner .content{max-width:600px;padding:20px}
/*# sourceMappingURL=styles.css.map */