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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{font-family:"Lato",sans-serif;font-size:14px;line-height:20px;max-width:100%;min-width:270px;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}@media only screen and (min-width: 740px){body{font-size:20px;line-height:26px}}@media only screen and (min-width: 1030px){body{font-size:22px;line-height:30px}}h1,h2{font-size:28px;font-weight:700;line-height:36px}@media only screen and (min-width: 740px){h1,h2{font-size:34px;line-height:42px}}@media only screen and (min-width: 1030px){h1,h2{font-size:38px;line-height:48px}}p+p{padding-top:20px}@media only screen and (min-width: 1030px){p+p{padding-top:40px}}p.small{font-size:14px;line-height:22px;text-align:center}p+h2{padding-top:20px}p.themessage{display:none}a{color:#FFF;transition:background-color 0.1s, color 0.1s}a:hover{color:#81949B}em,i{font-style:italic}strong,b{font-weight:700}.required{border-color:red}section{background-attachment:scroll;background-position:bottom center;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;padding:20px;position:relative;overflow:hidden;z-index:2;height:100vh}@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait){section{height:1024px}}@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape){section{height:768px}}@media screen and (device-aspect-ratio: 40 / 71){section{height:500px}}@media screen and (device-width: 320px) and (device-aspect-ratio: 2 / 3) and (orientation: portrait){section{height:480px}}@media only screen and (min-width: 740px){section{height:calc(100vh + 40px);padding:40px}}@media only screen and (min-width: 740px) and (device-aspect-ratio: 40 / 71){section{height:540px}}@media only screen and (min-width: 740px) and (device-width: 320px) and (device-aspect-ratio: 2 / 3) and (orientation: portrait){section{height:520px}}@media only screen and (min-width: 1030px){section{background-attachment:fixed;height:calc(100vh + 60px);min-height:550px}}@media only screen and (min-width: 1030px) and (device-aspect-ratio: 40 / 71){section{height:560px}}@media only screen and (min-width: 1030px) and (device-width: 320px) and (device-aspect-ratio: 2 / 3) and (orientation: portrait){section{height:540px}}section h2{padding-bottom:10px}@media only screen and (min-width: 1030px){section h2{padding-bottom:5px}}section#main{background-color:#F2F1F6;min-height:0}@media only screen and (min-width: 740px){section#main{margin-bottom:calc(100vh + 160px)}}@media only screen and (min-width: 740px) and (device-aspect-ratio: 40 / 71){section#main{margin-bottom:660px}}@media only screen and (min-width: 740px) and (device-width: 320px) and (device-aspect-ratio: 2 / 3) and (orientation: portrait){section#main{margin-bottom:640px}}@media only screen and (min-width: 1030px){section#main{height:calc(100vh + 60px)}}@media only screen and (min-width: 1030px) and (device-aspect-ratio: 40 / 71){section#main{height:560px}}@media only screen and (min-width: 1030px) and (device-width: 320px) and (device-aspect-ratio: 2 / 3) and (orientation: portrait){section#main{height:540px}}section:not(#main){background-color:#FFF}section#understanding p,section#technical p,section#ux p,section#entrepreneurship p,section#expression p,section#workshopping p,section#future p,section#innovating p,section#servicebrands p,section#creation p,section#research p{width:calc(100% - 40px)}@media only screen and (min-width: 470px){section#understanding p,section#technical p,section#ux p,section#entrepreneurship p,section#expression p,section#workshopping p,section#future p,section#innovating p,section#servicebrands p,section#creation p,section#research p{width:calc(100% - 200px)}}@media only screen and (min-width: 740px){section#understanding p,section#technical p,section#ux p,section#entrepreneurship p,section#expression p,section#workshopping p,section#future p,section#innovating p,section#servicebrands p,section#creation p,section#research p{width:70%}}@media only screen and (min-width: 1030px){section#understanding p,section#technical p,section#ux p,section#entrepreneurship p,section#expression p,section#workshopping p,section#future p,section#innovating p,section#servicebrands p,section#creation p,section#research p{width:520px}}@media only screen and (min-width: 740px){section#main,section#service{padding-right:80px}}@media only screen and (min-width: 1030px){section#main,section#service{padding-right:40px}}section#main h1,section#main p,section#service h1,section#service p{color:#989795}section#main .logoholder,section#service .logoholder{margin:0 auto;position:relative;text-align:center;width:100%}section#main .logoholder:after,section#service .logoholder:after{clear:both;content:'';display:table}@media only screen and (min-width: 740px){section#main .logoholder,section#service .logoholder{margin-top:-30px;max-width:740px;text-align:left}}@media only screen and (min-width: 1030px){section#main .logoholder,section#service .logoholder{margin-top:-50px;max-width:850px}}section#main .logoholder .logo,section#service .logoholder .logo{height:180px;margin:0 auto;width:200px;transform:translateX(-15px)}@media only screen and (min-width: 740px){section#main .logoholder .logo,section#service .logoholder .logo{float:left;transform:none;height:250px;width:250px}}@media only screen and (min-width: 1030px){section#main .logoholder .logo,section#service .logoholder .logo{height:320px;width:270px}}section#main .logoholder .text h1,section#service .logoholder .text h1{padding-bottom:5px}@media only screen and (min-width: 740px){section#main .logoholder .text,section#service .logoholder .text{float:right;padding-top:30px;position:relative;width:calc(100% - 250px)}}@media only screen and (min-width: 1030px){section#main .logoholder .text,section#service .logoholder .text{padding-right:0;padding-top:50px;width:calc(100% - 290px)}}section#main .logoholder{margin-top:-25px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (min-width: 470px){section#main .logoholder{margin-top:0}}section#main .logoholder .text{margin:0 auto;max-width:240px}@media only screen and (min-width: 740px){section#main .logoholder .text{margin:0;max-width:none}}section#brand{background-color:#FFF;min-height:520px;position:relative}section#brand:after{clear:both;content:'';display:table}@media only screen and (min-width: 470px){section#brand{min-height:400px}}@media only screen and (min-width: 740px){section#brand{min-height:0;padding-bottom:60px;position:fixed;top:0;width:100%;z-index:1}}section#brand h2{color:#B0393E;position:absolute}section#brand p{color:#939090}section#brand .text{padding-top:30px;position:relative;width:90%}@media only screen and (min-width: 470px){section#brand .text{margin:0 auto;max-width:800px;width:80%}}@media only screen and (min-width: 1030px){section#brand .text{box-sizing:border-box;width:100%}}section#brand .centreme{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (min-width: 1030px){section#brand .centreme{margin-top:-40px}}section#understanding{background-color:#EFF9FD;position:relative}section#understanding h2,section#understanding p{color:#00659C}section#understanding .o2map{background:url("../../../assets/img/o2_map.jpg") top center no-repeat;background-size:cover;bottom:-18%;height:77%;left:-200%;margin:0 auto;position:absolute;right:-200%;-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-15deg);width:170%}@media only screen and (min-width: 740px){section#understanding .o2map{bottom:-33%;height:100%}}@media only screen and (min-width: 1030px){section#understanding .o2map{bottom:-25%}}section#structural{background-image:url("../../../assets/img/structural_mobile.jpg");background-position:left bottom;background-size:cover;text-align:right}@media only screen and (min-width: 470px){section#structural{background-position:10px bottom;background-size:contain}}@media screen and (orientation: portrait) and (min-width: 590px){section#structural{background-position:left bottom;background-size:cover}}@media only screen and (min-width: 740px){section#structural{background-image:url("../../../assets/img/structural_desktop.jpg");background-position:left bottom;background-size:auto 90%}}@media only screen and (min-width: 1000px){section#structural{background-position:center bottom;background-size:contain}}@media screen and (orientation: landscape) and (min-width: 1000px){section#structural{background-position:left bottom;background-size:contain}}section#structural h2,section#structural p{color:#97C0C5}section#structural p{float:right;max-width:380px}@media only screen and (min-width: 740px){section#structural p{float:right;max-width:none;width:60%}}@media only screen and (min-width: 1030px){section#structural p{width:600px}}section#technical{background-color:#F4F4F4;background-image:url("../../../assets/img/technical_mobile.jpg");background-position:center bottom;background-size:cover}@media only screen and (min-width: 470px){section#technical{background-position:right bottom}}@media screen and (orientation: portrait) and (min-width: 590px){section#technical{background-position:center bottom}}@media only screen and (min-width: 740px){section#technical{background-image:url("../../../assets/img/technical_desktop.jpg");background-position:65% bottom}}@media only screen and (min-width: 1030px){section#technical{background-position:center bottom}}section#technical h2,section#technical p{color:#3C66A7}section#ux{background-attachment:inherit;background-image:url("../../../assets/img/ux_mobile.jpg");background-position:bottom center;background-size:contain}@media only screen and (min-width: 470px){section#ux{background-position:right bottom}}@media only screen and (min-width: 740px){section#ux{background-position:bottom 20px right 20px;background-size:auto 110%}}@media screen and (orientation: portrait) and (min-width: 740px){section#ux{background-position:center bottom;background-size:contain}}@media only screen and (min-width: 1030px){section#ux{background-image:url("../../../assets/img/ux_desktop.jpg");background-position:right 40px bottom 40px;background-size:contain}}section#ux h2,section#ux p{color:#3C66A7}section#entrepreneurship{background-image:url("../../../assets/img/entrepreneurship_mobile.jpg");background-position:center top;background-size:cover}@media only screen and (min-width: 740px){section#entrepreneurship{background-image:url("../../../assets/img/entrepreneurship_desktop.jpg");background-position:center}}@media only screen and (min-width: 1030px){section#entrepreneurship{background-position:center top}}section#entrepreneurship h2,section#entrepreneurship p{color:#FFF}section#expression{background-color:#0C0805}section#expression h2,section#expression p{color:#DEFFCC}section#workshopping{background-attachment:inherit;background-image:url("../../../assets/img/workshopping_desktop.jpg");background-size:cover}@media only screen and (min-width: 740px){section#workshopping{background-image:url("../../../assets/img/workshopping_desktop.jpg")}}@media only screen and (min-width: 1030px){section#workshopping{background-position:top center}}section#workshopping h2,section#workshopping p{color:#4A4A4A}section#future{background-image:url("../../../assets/img/future_mobile.jpg");background-position:center;background-size:cover}@media only screen and (min-width: 470px){section#future{background-position:left top -95px}}@media screen and (orientation: portrait) and (min-width: 590px){section#future{background-position:left top}}@media only screen and (min-width: 650px){section#future{background-position:left top -140px}}@media only screen and (min-width: 740px){section#future{background-image:url("../../../assets/img/future_desktop.jpg");background-position:right center}}@media screen and (orientation: portrait) and (min-width: 790px) and (max-width: 820px){section#future{background-position:right 100px center}}@media only screen and (min-width: 1030px){section#future{background-position:center}}section#future h2,section#future p{color:#D7D7D7}section#innovating{background-attachment:inherit;background-image:url("../../../assets/img/innovating_mobile.jpg");background-position:center bottom;background-size:550px}@media only screen and (min-width: 470px){section#innovating{background-position:right -80px bottom -30px;background-size:480px}}@media screen and (orientation: portrait) and (min-width: 590px){section#innovating{background-position:center bottom;background-size:auto 80%}}@media only screen and (min-width: 650px){section#innovating{background-size:650px}}@media only screen and (min-width: 740px){section#innovating{background-image:url("../../../assets/img/innovating_desktop.jpg");background-position:right -15px bottom 40px;background-size:auto 75%}}@media only screen and (min-width: 1030px){section#innovating{background-position:right bottom 60px;background-size:870px}}@media only screen and (min-width: 1200px){section#innovating{background-size:1200px}}section#innovating h2,section#innovating p{color:#56B6C0}section#innovating p{max-width:320px}@media only screen and (min-width: 470px){section#innovating p{max-width:220px}}@media only screen and (min-width: 740px){section#innovating p{max-width:none;width:50%}}@media only screen and (min-width: 1030px){section#innovating p{width:520px}}section#servicebrands{background-image:url("../../../assets/img/servicebrands_mobile.jpg");background-position:center;background-size:cover}@media only screen and (min-width: 470px){section#servicebrands{background-image:url("../../../assets/img/servicebrands_desktop.jpg")}}section#servicebrands h2,section#servicebrands p{color:#FFF}section#creation{background-attachment:inherit;background-image:url("../../../assets/img/creation_mobile.jpg");background-repeat:repeat-x;background-size:auto calc(100% - 60px)}@media only screen and (min-width: 470px){section#creation{background-image:url("../../../assets/img/creation_desktop.jpg");background-size:auto 110%}}@media screen and (orientation: portrait) and (min-width: 590px){section#creation{background-size:auto 90%;background-image:url("../../../assets/img/creation_mobile.jpg")}}@media only screen and (min-width: 740px){section#creation{background-size:auto 90%;background-image:url("../../../assets/img/creation_mobile.jpg")}}@media only screen and (min-width: 850px){section#creation{background-size:auto 130%;background-image:url("../../../assets/img/creation_desktop.jpg")}}section#creation h2,section#creation p{color:#273C69}section#research{background-color:#171719;background-image:url("../../../assets/img/research_desktop.jpg");background-size:cover;background-position:center top}@media only screen and (min-width: 1030px){section#research{background-position:center}}section#research h2,section#research p{color:#FFF}section#service{background-color:#F2F1F6;height:100vh;min-height:520px}@media only screen and (min-width: 740px){section#service{height:calc(100vh + 40px);min-height:calc(100vh + 40px)}}@media only screen and (min-width: 740px) and (device-aspect-ratio: 40 / 71){section#service{min-height:540px}}@media only screen and (min-width: 740px) and (device-width: 320px) and (device-aspect-ratio: 2 / 3) and (orientation: portrait){section#service{min-height:520px}}@media only screen and (min-width: 1030px){section#service{min-height:calc(100vh + 60px)}}@media only screen and (min-width: 1030px) and (device-aspect-ratio: 40 / 71){section#service{min-height:560px}}@media only screen and (min-width: 1030px) and (device-width: 320px) and (device-aspect-ratio: 2 / 3) and (orientation: portrait){section#service{min-height:540px}}section#service h2,section#service p{color:#989795}section#service h2{position:absolute}@media screen and (orientation: portrait) and (min-width: 590px){section#service .centreme{margin-top:-40px;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}@media only screen and (min-width: 740px){section#service .centreme{margin-top:-40px;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}section#service .logoholder{padding-top:50px;max-width:950px}@media only screen and (min-width: 740px){section#service .logoholder{margin-top:30px;padding-top:0}}section#service .logoholder .text{margin:0 auto;max-width:90%}@media only screen and (min-width: 740px){section#service .logoholder .text{box-sizing:border-box;margin:0;max-width:none;padding-right:25px;padding-top:17px;text-align:left}}@media only screen and (min-width: 1030px){section#service .logoholder .text{padding-right:75px;padding-top:32px}}section#contact{height:auto;min-height:100vh}@media only screen and (min-width: 740px){section#contact{padding-bottom:40px}}section#contact h2{color:#B0393E}section#contact p,section#contact label{color:#989090}section#contact p.small{color:#B8B8B6}section#contact p.small span{display:block}@media only screen and (min-width: 470px){section#contact p.small span{display:inline-block;width:10px}}@media only screen and (min-width: 740px){section#contact p:not(.small){width:100%}}section#contact form{padding:30px 0}section#contact form:after{clear:both;content:'';display:table}@media only screen and (min-width: 740px){section#contact form{padding:50px 0;width:80%}}@media only screen and (min-width: 1030px){section#contact form{margin:0 auto;max-width:700px;padding:70px 0 50px;width:100%}}section#contact form label{display:none}@media only screen and (min-width: 740px){section#contact form label{clear:left;display:inline-block;float:left;line-height:40px;margin-bottom:20px}}@media only screen and (min-width: 1030px){section#contact form label{line-height:50px}}section#contact form input,section#contact form textarea,section#contact form button{border:1px solid #B8B8B6;box-sizing:border-box;font-family:"Lato",sans-serif;font-size:14px;height:40px;margin-bottom:20px;padding:0 10px;resize:none;width:100%}@media only screen and (min-width: 740px){section#contact form input,section#contact form textarea,section#contact form button{float:right;width:calc(100% - 200px)}section#contact form input::-webkit-input-placeholder,section#contact form textarea::-webkit-input-placeholder,section#contact form button::-webkit-input-placeholder{color:#fff}section#contact form input:-moz-placeholder,section#contact form textarea:-moz-placeholder,section#contact form button:-moz-placeholder{color:#fff;opacity:1}section#contact form input::-moz-placeholder,section#contact form textarea::-moz-placeholder,section#contact form button::-moz-placeholder{color:#fff;opacity:1}section#contact form input:-ms-input-placeholder,section#contact form textarea:-ms-input-placeholder,section#contact form button:-ms-input-placeholder{color:#fff}}@media only screen and (min-width: 1030px){section#contact form input,section#contact form textarea,section#contact form button{font-size:20px;height:50px;line-height:48px;padding-left:20px;width:calc(100% - 260px)}}section#contact form textarea{height:100px;line-height:28px;padding-top:10px}section#contact form button{background-color:#FFF;clear:both;color:#B0393E;cursor:pointer;font-weight:700}@media only screen and (min-width: 740px){section#contact form button{float:left;margin-left:200px;padding:0 20px;width:auto}}@media only screen and (min-width: 1030px){section#contact form button{font-size:18px;line-height:46px;margin-left:260px;padding:0 40px}}section#contact .bottom{box-sizing:border-box;clear:both}@media screen and (orientation: portrait) and (min-width: 590px){section#contact .bottom{bottom:40px;left:0;position:absolute;right:0}}@media only screen and (min-width: 740px){section#contact .bottom{bottom:40px;left:0;position:absolute;right:0}}section .logo{background:url("../../../assets/img/logo.jpg") center no-repeat;background-size:contain}section#servicebrands:before,section#future:before,section#workshopping:before,section#entrepreneurship:before,section#research:before{background:-moz-linear-gradient(top, #000 0%, transparent 100%);background:-webkit-linear-gradient(top, #000 0%, transparent 100%);background:linear-gradient(to bottom, #000 0%, transparent 100%);content:'';height:200px;left:0;opacity:0.6;position:absolute;top:0;width:100%;z-index:0}section#servicebrands h2,section#servicebrands p,section#future h2,section#future p,section#workshopping h2,section#workshopping p,section#entrepreneurship h2,section#entrepreneurship p,section#research h2,section#research p{position:relative;z-index:1}section#workshopping:before{background:-moz-linear-gradient(top, #fff 0%, transparent 100%);background:-webkit-linear-gradient(top, #fff 0%, transparent 100%);background:linear-gradient(to bottom, #fff 0%, transparent 100%);height:400px;opacity:0.9}section#entrepreneurship:before{opacity:0.9}@media only screen and (min-width: 1030px){section:before{height:300px !important}}body.normalScroll section#main{margin-bottom:0}body.normalScroll section#brand{position:relative}@media only screen and (min-width: 740px){body.normalScroll section#brand{margin-top:120px}}
