blockquote,body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}a{text-decoration:none}fieldset,img{border:0}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}html{overflow-y:scroll}body,html{width:100%;height:100%}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.5em;background-color:#fff}html.loading body{background:url(../images/loading.gif) no-repeat center center}#screen{min-height:100%;display:block;position:relative;overflow:hidden}.js #screen{display:none}.page{position:absolute;width:100%;height:auto;min-height:100%;overflow:auto}.page.next{left:100%}.page.previous{left:-100%}.page .container:after{content:"";display:table;clear:both}.page .container{width:1204px;margin:0 auto;zoom:1}.span1{width:267px}.span2{width:568px}.span3{width:869px}.span4{width:1170px}.span1,.span2,.span3,.span4{float:left;margin:0 17px}.content{padding-top:149px;clear:both}.content .divider{width:100%;padding:70px 0;background:url(../images/line-wave.png) no-repeat center center;clear:both}.content .divider.spark{background-image:url(../images/line-spark.png)}.content .divider.zigzag{background-image:url(../images/line-zigzag.png)}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.h1,.h2,.h3,h1,h2,h3{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#101114}.h1,h1{font-size:70px;font-weight:100;line-height:1.2em;letter-spacing:-1px;text-transform:normal;text-align:center;margin-bottom:.6em}.h2,h2{font-size:34px;font-weight:900;line-height:1.1em;letter-spacing:2px;text-transform:uppercase}.h3,h3{font-size:24px;font-weight:900;line-height:1.2em;letter-spacing:2px;text-transform:uppercase}.h4,h4{font-size:14px;font-weight:900;line-height:20px;letter-spacing:2px;text-transform:uppercase;margin:.7em 0 .3em 0}.h-bordered{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:18px;font-weight:900;text-transform:uppercase;text-align:center;letter-spacing:3px;padding:8px 24px 7px;border:3px solid #101114;display:inline-block}.text li,.text td,p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#3d414d;font-size:13px;font-weight:400;line-height:1.5em;letter-spacing:1px}.text li a,.text td a,p a{color:#000;line-height:12px;border-bottom:1px dotted #0a0a0a}.text li a:hover,.text td a:hover,p a:hover{border-bottom:1px solid #0a0a0a}p{margin-bottom:1.1em}li{margin-bottom:.6em}p.large{color:#3d414d;font-size:24px;font-weight:200;line-height:38px}ul.tags{float:left;clear:left}ul.tags li{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#b1b5be;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:2px;display:inline;padding-right:10px}ul.tags li:last-child{padding-right:0}.button,a.back{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#101114;background-color:#f2f3f5;font-size:12px;letter-spacing:3px;font-weight:900;text-transform:uppercase;line-height:29px;display:inline-block;padding:2px 18px 1px;border-radius:20px}.button:hover,a.back:hover{background-color:#d3d5da}a.back{background-image:url(../images/arrow-left.gif);background-position:left center;background-repeat:no-repeat;padding-left:28px}.page.active .header{position:fixed;top:0;left:0}.header{height:119px;position:relative;text-align:center;z-index:100;margin:0;width:100%;background:rgba(255,255,255,.9) url(../images/bg-header.png) repeat-x center bottom;border-bottom:1px solid rgba(255,255,255,.25)}.header a.logo{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;position:relative;color:#000;width:150px;height:35px;display:inline-block;background:url(../images/nucleus-black.png) no-repeat center top;background-size:150px 35px;margin-top:36px;outline:0;z-index:100}.header .nav{position:absolute;top:41px;left:0;text-align:center;margin:0 100px;width:auto;right:0}.header .nav li{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:900;letter-spacing:3px;text-transform:uppercase;line-height:20px;width:200px;display:inline}.header .nav li a{color:#101114;padding:10px 38px;height:20px;width:200px;border:none;line-height:inherit}.header .nav li a:hover{color:#101114}.header .nav li.prev a{float:left;text-align:left;background:url(../images/nav-arrows.png) no-repeat 0 0}.header .nav li.next a{float:right;text-align:right;background:url(../images/nav-arrows.png) no-repeat 100% 100%}#blog .header .nav,#work-display .header .nav{margin-top:66px}#blog .header .nav li a,#work-display .header .nav li a{width:130px;padding:10px 0;margin:0 10px;display:inline-block}.footer{box-sizing:border-box;color:#101114;height:135px;clear:both;position:relative;border:3px solid #f2f3f5;margin:30px 17px 50px 17px}.footer a{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:12px;line-height:14px;text-transform:uppercase;letter-spacing:3px;font-weight:900;color:#101114;display:inline-block;margin-bottom:2px;position:absolute}.footer a:hover{border-bottom:2px solid #101114;margin-bottom:0}.footer .links{float:left}.footer .links a{left:30px}.footer .links a.fb,.footer .links a.tw{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;width:22px;height:18px;background:url(../images/sm-icons-black.png) no-repeat 0 0;position:absolute;left:24px;top:27px}.footer .links a.tw{background-position:-22px 0;left:50px}.footer .links a.fb:hover{background-position:0 -18px;border:none}.footer .links a.tw:hover{background-position:-22px -18px;border:none}.footer .contact a{right:30px}.footer a.mlb-link,.footer a.newsletter-link{bottom:23px}.footer a.adl-link,.footer a.blog-link{bottom:53px}.modal-bg{position:fixed;height:100%;width:100%;background:rgba(255,255,255,.75);z-index:500;display:none;top:0;left:0}.modal{visibility:hidden;top:100px;left:50%;margin-left:-200px;padding:30px 40px 34px;width:320px;color:#fff;background:#101114;position:absolute;z-index:600}.modal h2{color:#fff;padding-bottom:12px;margin:0 0 40px;border-bottom:3px solid #fff}.modal h3{color:#fff}.modal p{color:#d3d5da;margin-bottom:20px}.modal p a{color:#d3d5da!important;border-bottom:#d3d5da}.modal input{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#3d414d;font-size:13px;font-weight:500;letter-spacing:1px;width:100%;float:left;padding:6px;margin-bottom:10px;box-sizing:border-box;border:1px solid #2f323a;color:#d3d5da;background-color:#2f323a}.modal button{border:none;cursor:pointer;float:right;margin-top:10px}.modal .close-modal{font-size:30px;line-height:.5;position:absolute;top:33px;right:38px;color:#3d414d;font-weight:700;cursor:pointer}.modal .close-modal:hover{color:#63656c}.modal .hidden{display:none}#welcome.page{background-color:#fff;height:100%;padding-top:0}#welcome.page .container{height:100%;position:relative;width:100%}#welcome.page .container .header .description{width:430px;position:absolute;top:143px;left:50%;margin-left:-215px}#welcome.page #content-frame{display:none;border:1px dashed red;text-align:center;position:absolute;top:162px;left:100px;right:100px;z-index:100;overflow:hidden}#welcome.page #content-frame #what-we-do{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#fff;font-size:58px;line-height:85px;font-weight:200;position:relative;width:100%;margin-top:600px}#welcome.page #content-frame #what-we-do .left{width:50%;float:left;text-align:right}#welcome.page #content-frame #what-we-do .right{width:50%;float:right;text-align:left}#welcome.page #image-frame{position:absolute;top:162px;bottom:0;left:100px;right:100px;background-color:#d3d5da}#welcome.page #image-frame #background{height:100%;width:100%;text-align:center;position:absolute;top:0;overflow:hidden}#welcome.page #image-frame #background img{position:relative;top:0;z-index:1}#welcome.page #image-frame #background img.fix-bottom{top:auto!important;bottom:0!important}#welcome.page .footer{position:absolute;bottom:0;left:100px;right:100px;z-index:10;border-color:transparent;margin-bottom:10px}#welcome.page .footer a{color:#fff}#welcome.page .footer a:hover{color:#fff;border-color:#fff}#welcome.page .footer .links a.fb,#welcome.page .footer .links a.tw{top:27px;background-image:url(../images/sm-icons-white.png)}#about .section{clear:both;float:left;text-align:center}#about .section h2.shoved{position:relative;top:1.08em}#about .section .box{float:left;background-color:#f2f3f5;padding:80px 0 10px;margin:0 17px}#about .section .box .span1,#about .section .box .span2{box-sizing:border-box}#about .section .box .span1.left,#about .section .box .span2.left{padding-left:47px;margin-left:0}#about .section .box .span1.right,#about .section .box .span2.right{padding-right:30px;margin-right:0}#services p.large{text-align:left;width:85%}#services ul{margin-bottom:30px}#services ul li{text-align:left}#how-we-work #approach-blurb{float:right;text-align:left}#how-we-work #approach-blurb p.large{width:85%}#how-we-work #approach-blurb #client-list{margin-top:100px}#how-we-work #approach-blurb #client-list h3{border-top:3px solid #101114;padding-top:10px;margin-bottom:30px}#how-we-work #approach-blurb #client-list ul{width:267px;margin:0 17px;float:left;margin-right:0}#how-we-work #approach-blurb #client-list ul.left{margin-left:0;margin-right:17px}#how-we-work #our-team{box-sizing:border-box}#how-we-work #our-team .team-box{background-color:#f2f3f5;width:301px;height:1130px;position:relative;margin-left:58px}#how-we-work #our-team .team-box h2{box-sizing:border-box;font-size:20px;width:50px;text-align:center;position:absolute;top:325px;left:50%;margin-left:-25px;padding:25px 0 15px;z-index:0}#how-we-work #our-team .team-box h2 span{width:100%;float:left;clear:left;margin-bottom:10px}#how-we-work #our-team .team-box .faces{width:150px;position:absolute;top:-30px}#how-we-work #our-team .team-box .faces .person{position:relative;float:left}#how-we-work #our-team .team-box .faces .person .img-wrap{-webkit-transition:all .4s ease;transition:all .4s ease;background-color:#d3d5da;height:106.07px;width:106.07px;z-index:10;position:relative;float:left;margin:0 0 75px 0;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1) rotate(45deg)}#how-we-work #our-team .team-box .faces .person .img-wrap img{opacity:.8;filter:alpha(opacity=80);-webkit-transition:all .4s ease;transition:all .4s ease;position:absolute;margin:-75px;top:50%;left:50%;width:150px;height:150px;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1) rotate(-45deg)}#how-we-work #our-team .team-box .faces .person .bio{box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute;top:53.03px;left:53.03px;width:1px;height:1px;padding:30px;opacity:0;filter:alpha(opacity=0);background-color:#4dff4d;background-repeat:repeat-x;background-image:-webkit-linear-gradient(-28deg,#00fcff,#4dff4d);background-image:-webkit-linear-gradient(118deg,#00fcff,#4dff4d);background-image:linear-gradient(-28deg,#00fcff,#4dff4d)}#how-we-work #our-team .team-box .faces .person .bio h3,#how-we-work #our-team .team-box .faces .person .bio p{width:100%;text-align:center;opacity:0;filter:alpha(opacity=0)}#how-we-work #our-team .team-box .faces .person .bio h3.role,#how-we-work #our-team .team-box .faces .person .bio p.role{font-style:italic}#how-we-work #our-team .team-box .faces .person:hover{z-index:100}#how-we-work #our-team .team-box .faces .person:hover .img-wrap{-webkit-transform:rotate(135deg);transform:rotate(135deg);background-color:#4dff4d}#how-we-work #our-team .team-box .faces .person:hover .img-wrap img{opacity:.7;filter:alpha(opacity=70);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}#how-we-work #our-team .team-box .faces .person:hover .bio{opacity:1;filter:alpha(opacity=100);width:301px;height:156px}#how-we-work #our-team .team-box .faces .person:hover .bio h3,#how-we-work #our-team .team-box .faces .person:hover .bio p{-webkit-transition:all .2s ease .3s;transition:all .2s ease .3s;opacity:1;filter:alpha(opacity=100)}#how-we-work #our-team .team-box .faces .person:hover .bio.tall{height:172px}#how-we-work #our-team .team-box .faces.left{left:-52.03px}#how-we-work #our-team .team-box .faces.right{right:-97.97px;top:58px}#how-we-work #our-team .team-box .faces.right .person .bio{left:auto;right:53.03px;background-repeat:repeat-x;background-image:-webkit-linear-gradient(28deg,#00fcff,#4dff4d);background-image:-webkit-linear-gradient(62deg,#00fcff,#4dff4d);background-image:linear-gradient(28deg,#00fcff,#4dff4d)}#products .box{text-align:left}#products .box #ideasbank,#products .box #orion{width:267px;float:left;margin:0 17px;margin:0 34px 40px 0}#products .box #ideasbank img,#products .box #orion img{margin-bottom:20px}#products .box #orion{margin:0;width:40%}#contact h2{margin-bottom:40px}#contact p.large{margin-bottom:40px}#contact #adelaide,#contact #melbourne{position:relative;margin-bottom:89.67px}#contact #adelaide h3,#contact #melbourne h3{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#101114;font-size:34px;font-weight:900;line-height:1.1em;letter-spacing:2px;text-transform:uppercase;color:#fff;width:430px;padding:130px 0;background:#cd4cca url(../images/contact-adl.jpg) no-repeat left center;position:relative}#contact #adelaide h3:after,#contact #adelaide h3:before,#contact #melbourne h3:after,#contact #melbourne h3:before{content:"";width:100%;height:20px;display:block;background-color:#900090;position:absolute;bottom:-20px;right:-20px}#contact #adelaide h3:after,#contact #melbourne h3:after{width:20px;height:100%;top:20px;right:-20px}#contact #adelaide a.contact-map,#contact #melbourne a.contact-map{color:#fff;width:269px;height:269px;background:#d3d5da url(../images/maps.jpg) no-repeat -15px -15px;position:absolute;border-radius:50%;top:170px;right:0;overflow:hidden;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}#contact #adelaide a.contact-map:after,#contact #melbourne a.contact-map:after{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:900;line-height:20px;letter-spacing:2px;text-transform:uppercase;margin:.7em 0 .3em 0;box-sizing:border-box;opacity:0;filter:alpha(opacity=0);margin:0;color:#101114;content:"View on Google Maps";width:100%;height:100%;display:block;background-color:rgba(242,243,245,.8);position:absolute;text-align:center;top:0;left:0;padding:42% 70px;border-radius:50%}#contact #adelaide a.contact-map#map-mel,#contact #melbourne a.contact-map#map-mel{background-position:93% -15px}#contact #adelaide a.contact-map:hover:after,#contact #melbourne a.contact-map:hover:after{opacity:1;filter:alpha(opacity=100)}#contact #adelaide .footer,#contact #melbourne .footer{opacity:0;filter:alpha(opacity=0)}#contact #adelaide p.address,#contact #melbourne p.address{text-align:left;margin:50px 0 0 40px}#contact #melbourne h3{background-color:#37a6d2;background-image:url(../images/contact-mel.jpg)}#contact #melbourne h3:after,#contact #melbourne h3:before{background-color:#6f36ff}#work-filter{text-align:center}#work-filter ul{padding:0 0 22px;margin-bottom:12px}#work-filter ul li{display:inline}#work-filter ul li a{font-family:brandon-grotesque,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#101114;background-color:#f2f3f5;font-size:12px;letter-spacing:3px;font-weight:900;text-transform:uppercase;line-height:29px;display:inline-block;padding:2px 18px 1px;border-radius:20px;margin:0 6px}#work-filter ul li a:hover{background-color:#d3d5da}#work-filter ul li a.selected{color:#fff;background-color:#0a0a0a}#work-list{box-sizing:border-box;clear:both;padding-bottom:80px}#work-list .work-item a{line-height:0}#work-list .work-item a.span1{margin:21px 17px 25px;float:left}#work-list .work-item a:hover{padding:15px 15px;margin:6px 2px 12px;background-color:#d3d5da}#work-list .work-item a:hover h3,#work-list .work-item a:hover ul.tags{color:#000;border-width:6px;border-color:#fff;background-color:#fff}#work-list .work-item a .img-frame{width:100%;overflow:hidden;position:relative}#work-list .work-item a h3{padding:.8em 10% .4em;text-align:center;width:100%;border-left:6px solid #f2f3f5;border-right:6px solid #f2f3f5;box-sizing:border-box}#work-list .work-item a ul.tags{line-height:16px;padding:0 0 1.4em;width:100%;text-align:center;border:6px solid #f2f3f5;border-top:none;box-sizing:border-box}#work-display #text{float:left;padding:0 0 24px 0;background-color:#fff;z-index:90}#work-display #text h1{text-align:left;margin-bottom:34px}#work-display #text ul.tags{margin-top:8px;margin-bottom:28px}#work-display #text a.back{float:left;clear:left}#work-display #text.scroll-fix{position:fixed;top:30px}#work-display #images{float:right}#work-display #images iframe,#work-display #images img{float:left;margin-bottom:30px}#work-display #images a.back{display:none}#work-display #images p.img-gapless iframe,#work-display #images p.img-gapless img{margin-bottom:0}#blog h1,#blog h1 a{color:#101114}#blog .container{position:relative}#blog .container .content{padding-top:66px}#blog #listing{width:100%;padding-bottom:80px;-webkit-text-size-adjust:none}#blog #listing .post a{color:#3d414d;position:relative;background-color:#fff}#blog #listing .post a.span1{margin:21px 17px 25px;float:left}#blog #listing .post a:hover{padding:15px 15px;margin:6px 2px 10px;background-color:#d3d5da}#blog #listing .post a .heading{color:#fff;background-color:#101114;width:100%;line-height:0;float:left;padding:40px 0;margin-bottom:10px;position:relative;overflow:hidden}#blog #listing .post a .heading img{position:absolute;height:124%;max-height:220px;width:auto;top:0;bottom:0;filter:alpha(opacity=35);opacity:.35;z-index:1}#blog #listing .post a .heading .heading-text{z-index:10;top:0;left:0;width:100%;line-height:normal}#blog #listing .post a .heading .heading-text h3{color:#fff;text-align:center;padding:0 10%;width:80%;margin:0;z-index:10;position:relative;float:left}#blog #listing .post a .heading .heading-text .credit{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-align:center;letter-spacing:1px;padding:10px 0 0;margin-left:-5px;font-style:italic;display:block;width:100%;z-index:10;position:relative;float:left;clear:left}#blog #listing .post a .heading .heading-text .credit a{color:#fff;text-decoration:none}#blog #listing .post a .heading .heading-text .credit a:hover{text-decoration:none;border-bottom:1px dotted #fff}#blog #listing .post a .date{color:#b1b5be;text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:3px;display:block;border-left:6px solid #f2f3f5;border-right:6px solid #f2f3f5}#blog #listing .post a p{margin-bottom:0;padding:10px 20px 20px;border:6px solid #f2f3f5;border-top:none}#blog #listing .post a p .read-more{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:inline-block}#blog #listing .post a:hover .date,#blog #listing .post a:hover p{border-color:#fff;background-color:#fff}@media screen and (max-width:1303px){#blog h1{margin-top:18px}#blog #listing{box-sizing:border-box;padding:0 1px}#blog #listing .post a.span1{width:292px}#blog #listing .post a.span1 .heading img{height:auto;max-height:none;width:114%;left:-7%}#blog #listing .post a.span1 .heading .heading-text h3{width:70%;padding:0 15%}}@media screen and (max-width:1059px){#blog #listing{padding:0}#blog #listing .post a.span1{width:338px}}@media screen and (max-width:839px){#blog #listing .post{width:100%}#blog #listing .post a.span1{width:338px;margin-left:auto;margin-right:auto;float:none;display:block}}@media screen and (max-width:479px){#blog #listing .post{width:100%}#blog #listing .post a.span1{width:90%}}#blog .container .content h1.white a{color:#fff;position:relative;z-index:100}#blog .container .content .post #story{margin:0;width:66.66666666%;margin-left:16.666666666%;-webkit-text-size-adjust:none}#blog .container .content .post #story .heading{background-color:#101114;position:absolute;top:162px;left:17px;right:17px;height:700px;line-height:0;overflow:hidden}#blog .container .content .post #story .heading img{position:absolute;top:-10%;left:0;width:100%;filter:alpha(opacity=25);opacity:.25;z-index:1}#blog .container .content .post #story .heading .heading-text{position:absolute;z-index:10;top:130px;left:26%;width:48%;height:439px;display:table;text-align:center}#blog .container .content .post #story .heading .heading-text .wrapper{display:table-cell;vertical-align:middle;text-align:center;width:100%}#blog .container .content .post #story .heading .heading-text .wrapper h2{color:#fff;font-size:5em;z-index:10;padding:0}#blog .container .content .post #story .heading .heading-text .wrapper .credit{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:1.15em;font-weight:600;color:#fff;font-style:italic;letter-spacing:1px;z-index:10;position:relative;display:block;padding:20px 0}#blog .container .content .post #story .heading .heading-text .wrapper .credit a{color:#fff}#blog .container .content .post #story .heading #controls{position:absolute;bottom:34px;right:0;width:15.2%;z-index:100;text-align:center}#blog .container .content .post #story .heading #controls a.back{color:#000;background-color:#63656c}#blog .container .content .post #story .heading #controls a.back:hover{background-color:#b1b5be}#blog .container .content .post #story .heading #controls.scroll-fix{position:fixed;top:30px;width:184px;right:50%;margin-right:-588px;z-index:1000;display:none}#blog .container .content .post #story .heading #controls.scroll-fix a.back{color:#101114;background-color:#f2f3f5;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}#blog .container .content .post #story .heading #controls.scroll-fix a.back:hover{background-color:#b1b5be;-webkit-transition:background-color 0s ease-out;transition:background-color 0s ease-out}#blog .container .content .post #story .heading #post-details{position:absolute;bottom:53px;left:0;width:15.2%;z-index:100;text-align:center}#blog .container .content .post #story .heading #post-details .date{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#b1b5be;text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:3px;padding-top:6px}#blog .container .content .post #story>.text{position:relative;margin-top:420px;background-color:#fff;z-index:200;padding:68px 0 0}#blog .container .content .post #story>.text #end,#blog .container .content .post #story>.text h2,#blog .container .content .post #story>.text h3,#blog .container .content .post #story>.text h4,#blog .container .content .post #story>.text ol,#blog .container .content .post #story>.text p,#blog .container .content .post #story>.text ul{width:70%;margin-left:15%}#blog .container .content .post #story>.text h3{margin:2em auto .6em;text-transform:none;letter-spacing:0;text-align:center;font-weight:700}#blog .container .content .post #story>.text ol.notes,#blog .container .content .post #story>.text p.notes,#blog .container .content .post #story>.text ul.notes{color:#888;font-size:.85em;font-style:italic;padding-top:2em}#blog .container .content .post #story>.text li{margin-left:18px;padding-left:4px;margin-bottom:6px;list-style:disc}#blog .container .content .post #story>.text p.image{width:85%;margin-left:7.5%;margin-top:36px;margin-bottom:36px;line-height:1px;position:relative;float:left}#blog .container .content .post #story>.text p.image iframe,#blog .container .content .post #story>.text p.image img{width:100%;height:auto}#blog .container .content .post #story>.text p.image em,#blog .container .content .post #story>.text p.image i{font-size:.8em;line-height:1.7em;color:#63656c;background-color:#f2f3f5;text-align:center;width:90%;display:block;clear:both;padding:10px 5%}#blog .container .content .post #story>.text p.image.image-white{border:1px solid #f0f0f3;border-bottom:none}#blog .container .content .post #story>.text p.image span.toggler{position:relative;overflow:hidden;width:100%;line-height:0;font-size:0;float:left;background-position:top left;background-repeat:no-repeat;background-size:100%;cursor:pointer}#blog .container .content .post #story>.text p.image span.toggler:before{content:"";display:block;padding-top:71.42857143%}#blog .container .content .post #story>.text p.image span.toggler img{display:none}.js #blog .container .content .post #story>.text p.image span.toggler.switched,.js #blog .container .content .post #story>.text p.image span.toggler.switched:hover{background-position:bottom left}.js #blog .container .content .post #story>.text p.image span.toggler:hover{background-position:top left}#blog .container .content .post #story>.text .divider{padding:60px 0 30px;background-position:center 35%}#blog .container .content .post #story>.text #end-controls{padding:0 0 60px;text-align:center}#blog .container .content .post #story .blogentry.bdottedtop{display:none}@media (max-width:1303px){#blog .container .content .post #story{width:80%;margin-left:10%}#blog .container .content .post #story .heading{height:580px}#blog .container .content .post #story .heading .heading-text{top:100px;left:20%;width:60%}#blog .container .content .post #story .heading #controls{padding-right:26px;width:auto}#blog .container .content .post #story .heading #controls.scroll-fix{width:auto;right:0;margin-right:0;z-index:1000}#blog .container .content .post #story .heading #controls.scroll-fix a.back{color:#101114;background-color:#f2f3f5;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}#blog .container .content .post #story .heading #controls.scroll-fix a.back:hover{background-color:#b1b5be;-webkit-transition:background-color 0s ease-out;transition:background-color 0s ease-out}#blog .container .content .post #story .heading #post-details{width:auto;padding-left:30px;bottom:40px}#blog .container .content .post #story>.text{margin-top:510px;padding:0}}@media (max-width:1059px){#blog .container .content .post #story{width:100%;margin-left:0}#blog .container .content .post #story .heading{height:480px;width:100%;left:0}#blog .container .content .post #story .heading .heading-text{top:50px;left:10%;width:80%}#blog .container .content .post #story .heading .heading-text .wrapper h2{font-size:4em}#blog .container .content .post #story .heading #controls.scroll-fix{display:none}#blog .container .content .post #story>.text{margin-top:410px}}@media screen and (max-width:839px){#blog .container{margin:0;width:100%}#blog .container .content h1.white{position:absolute;width:160px;margin-left:-80px;left:50%}#blog .container .content .post #story{width:100%}#blog .container .content .post #story .heading{width:100%;height:auto;top:0;left:0;display:block;position:relative}#blog .container .content .post #story .heading img{top:0}#blog .container .content .post #story .heading .heading-text{position:relative;top:5%;left:10%;width:80%;height:auto}#blog .container .content .post #story .heading .heading-text .wrapper{display:block;margin-top:100px}#blog .container .content .post #story .heading .heading-text .wrapper h2{font-size:3.6em}#blog .container .content .post #story .heading #controls,#blog .container .content .post #story .heading #post-details{position:relative;margin-top:40px;bottom:auto;float:right;text-align:right;width:40%;padding:0 5% 26px}#blog .container .content .post #story .heading #post-details{float:left;text-align:left}#blog .container .content .post #story .heading #post-details .date{text-align:left;padding-top:15px}#blog .container .content .post #story>.text{margin:44px 2% 0 2%}}@media screen and (max-width:479px){#blog .container .content .post #story .heading{width:100%;height:auto}#blog .container .content .post #story .heading img{top:0;left:0;width:auto;height:100%}#blog .container .content .post #story .heading .heading-text .wrapper h2{font-size:2.2em}}@media screen and (max-width:1303px){.page .container{width:980px}.span1{width:217px}.span2{width:462px}.span3{width:707px}.span4{width:952px}.span1,.span2,.span3,.span4{margin:0 14px}.span1 img,.span2 img,.span3 img,.span4 img{width:100%}.header .nav{width:952px;margin:0 14px;margin:0 auto}.content{padding-top:129px!important}.h1,h1{font-size:5em}.h3,h3{font-size:1.7em}#about .section .box{width:952px}#about #services ul.right{padding-right:0}#about #how-we-work #approach-blurb p.large{width:100%}#about #how-we-work #client-list ul{width:217px}#about #how-we-work #client-list ul.right{width:200px}#about #products #products-blurb p.large{width:90%}#about #products #ideasbank{width:217px}#about #products img{width:auto}#about #contact a.contact-map{width:220px;height:220px;background-position:-40px -40px;top:210px}#about #contact a.contact-map:after{padding:42% 40px}#about #contact a.contact-map#map-mel{background-position:88% -40px}#work-list .work-item a.span1{margin:14px}#work-list .work-item a.span1:hover{padding:12px;margin:2px}#work-list .work-item a.span1 h3{padding-left:8px;padding-right:8px}#work-display #text{padding:20px 0}#work-display #text .blurb p{font-size:13px;line-height:18px;margin-bottom:10px}#work-display #text ul.tags{margin-bottom:20px;padding-bottom:20px}#work-display #images iframe{width:100%}}@media screen and (max-width:1303px) and (min-width:1060px){#welcome.page #image-frame,#welcome.page .footer{width:952px;left:50%;right:auto;margin-left:-476px}}@media screen and (max-width:1059px){.page{overflow:hidden}#work-display #text.scroll-fix{position:relative;top:auto}#work-display #text{width:722px;margin-bottom:20px;border-bottom:none}#work-display #text h1,#work-display #text ul.tags{width:350px;float:left}#work-display #text ul.tags{padding-bottom:18px;float:right;clear:right}#work-display #text .blurb{width:350px;float:right}#work-display #text a.back{float:left;clear:both;margin-left:372px}#work-display #images{width:722px;padding-bottom:40px;text-align:center}#work-display #images iframe,#work-display #images img{margin-bottom:20px}#work-display #images a.back{display:inline-block}}@media screen and (min-width:840px) and (max-width:1059px){.page .container{width:744px}.span1{width:164px}.span2{width:350px}.span3{width:536px}.span4{width:722px}.span1,.span2,.span3,.span4{margin:0 11px}.header .nav{width:722px;margin:0 11px;margin:0 auto}#blog .header .nav,#work-display .header .nav{width:722px;margin:0 11px;margin:66px auto 0}.footer{margin-left:11px;margin-right:11px}#welcome.page #image-frame,#welcome.page .footer{width:722px;left:50%;right:auto;margin-left:-361px}#about .section .box{box-sizing:border-box;width:722px;margin:0 11px;padding:60px 37px 30px}#about #services #services-blurb{margin-bottom:2.2em;padding:0;width:100%}#about #services #services-blurb p.large{width:100%}#about #services #services-blurb p.large br{display:none}#about #services ul.span1{width:100%;margin:0}#about #services ul.span1>li{width:30%;margin-right:3.333333%;float:left}#about #how-we-work #approach-blurb{width:722px;margin:0 11px 30px;position:relative}#about #how-we-work #approach-blurb p.large{width:100%;float:left}#about #how-we-work #approach-blurb #client-list{display:none}#about #our-team .team-box{left:150px}#about #products #products-blurb{width:100%;padding:0 0 20px}#about #products #products-list{width:100%;margin:0}#about #products #products-list #ideasbank,#about #products #products-list #orion{box-sizing:border-box;width:50%;margin:0;padding-right:11px}#about #products #products-list #orion{padding:0 0 0 11px}#about #contact #adelaide h3,#about #contact #melbourne h3{width:93%;padding:100px 0}#about #contact #adelaide a.contact-map,#about #contact #melbourne a.contact-map{width:150px;height:150px;top:170px;background-position:-80px -80px}#about #contact #adelaide a.contact-map:after,#about #contact #melbourne a.contact-map:after{padding:42% 40px}#about #contact #adelaide a.contact-map#map-mel,#about #contact #melbourne a.contact-map#map-mel{background-position:82% -80px}#about #contact #adelaide p.address,#about #contact #melbourne p.address{margin-left:20px}#work-list .work-item a.span1{width:226px;margin:11px}#work-list .work-item a.span1:hover{padding:9px;margin:2px}}@media screen and (max-width:839px){body{-webkit-text-size-adjust:none}.hidden-phone{display:none}.page .container{width:96%;margin:0 2%}.span1{width:46%;margin:0 2%}.span2,.span3,.span4{width:96%;margin:0 2%}.content{padding-top:144px!important}.h1,h1{font-size:4em}.header{width:96%;margin:0 2%;height:46px;margin:0;padding:0 2%}.header.fixed{margin:0;width:92.16%;padding:0 1.92%}.header a.logo{margin-top:66px}.header ul.nav{position:static;height:46px}.header ul.nav li.next{right:0}.header ul.nav li.prev{left:0}.header ul.nav li.next a,.header ul.nav li.prev a{font-size:15px;margin-top:-3px;color:#fff;background:0 0;padding:15.5px 20px}.active .header .nav li.next,.active .header .nav li.prev{position:fixed;top:0;width:50%;z-index:200}#screen:before,.active .header .nav li.next:before{content:"";background-color:#101114;position:fixed;top:0;left:0;width:100%;height:46px;z-index:-1}#screen:before{z-index:10}.footer{width:96%;margin-left:2%;margin-right:2%}#welcome.page{overflow:visible}#welcome.page .container{height:auto;width:100%;margin:0;box-sizing:border-box}#welcome.page .header{height:160px;padding:0}#welcome.page .header ul.nav{background:0 0;border:none}#welcome.page .header ul.nav .current{display:none}#welcome.page .footer{left:0;right:0}#welcome.page #image-frame{top:162px;left:0;right:0}#welcome.page #image-frame #background img{width:140%;height:auto;top:0;left:-20%}#about .section .box{box-sizing:border-box;width:96%;margin:0 2%;padding:60px 37px 30px}#about .divider{display:none}#about #services{margin-bottom:30px}#about #services #services-blurb{margin-bottom:2.2em;padding:0;width:100%}#about #services #services-blurb p.large{width:100%}#about #services #services-blurb p.large br{display:none}#about #services ul.span1{width:100%;margin:0}#about #services ul.span1 h3{font-size:11px;letter-spacing:2px}#about #services ul.span1>li{width:27%;margin-right:6.333333%;float:left}#about #services ul.span1>li:last-child{margin-right:0;width:33.333333%}#about #how-we-work{display:none}#about #our-team{display:none}#about #products{display:none}#about #contact{display:none}#work-filter ul li a{margin:0 1px 6px 1px;padding:1px 13px 0}#work-list{padding-bottom:30px}#work-list .work-item{width:100%}#work-list .work-item a.span1{width:94%;margin:10px 3%;padding:0;position:relative}#work-list .work-item a.span1:after{box-sizing:border-box;content:"";width:100%;height:100%;position:absolute;right:0;top:0;bottom:0;border:6px solid #f2f3f5}#work-list .work-item a.span1:hover{background-color:#f2f3f5;margin:10px 3%;padding:0}#work-list .work-item a.span1 .img-frame{width:37%;float:left;margin-right:3%;position:relative;z-index:20}#work-list .work-item a.span1 .img-frame img{width:100%}#work-list .work-item a.span1 h3,#work-list .work-item a.span1 h3.wide,#work-list .work-item a.span1 ul.tags{width:57%;margin-left:3%;padding-left:0;padding-right:17%;text-align:left;float:right;clear:right;border:none;background:0 0}#work-list .work-item a.span1 h3{margin-top:6px}#blog .header,#work-display .header{height:46px}#blog .header .nav,#work-display .header .nav{background:0 0;background-color:#0a0a0a;border:none;margin:0;width:100%;height:46px;position:fixed;top:0;left:0;margin-top:-1px;text-align:center}#blog .header .nav li,#work-display .header .nav li{width:auto}#blog .header .nav li a,#work-display .header .nav li a{font-size:15px;line-height:46px;padding:0 3%;width:auto;margin:0}#blog .header .nav li a,#blog .header .nav li a:hover,#work-display .header .nav li a,#work-display .header .nav li a:hover{color:#fff}#work-display #text{margin-bottom:0}#work-display #images,#work-display #text{width:96%}#work-display #text .blurb,#work-display #text h1,#work-display #text ul.tags{width:48%}#work-display #images iframe,#work-display #images img{margin-bottom:3%}#work-display #text a.back{display:none}}@media screen and (max-width:479px){.h1,h1{font-size:3.7em;font-weight:300}.h3,h3{font-size:1.25em}.modal{top:0;left:0;margin-left:0;padding:10%;width:80%}.modal .close-modal{color:#eee}#welcome.page .container .description{font-size:12px;border:none;margin-top:-20px}#welcome.page #image-frame #background{background-color:#fff}#welcome.page #image-frame #background img{width:100%;height:auto;top:0;left:0}#welcome.page #image-frame #background img.fix-bottom{bottom:auto!important;top:0!important}#welcome.page .footer{display:none}#about #services #services-blurb p.large{font-size:1.5em;line-height:1.4em}#about #services ul.span1>li{width:100%;text-align:center;margin:0}#about #services ul.span1>li:last-child{width:100%}#about #services ul.span1>li li{text-align:center}#work-list .work-item a img{width:47%}#work-list .work-item a h3,#work-list .work-item a h3.wide,#work-list .work-item a ul.tags{width:47%}#work-list .work-item a.span1 h3{margin-top:4px}#work-list .work-item a ul.tags{display:none}#work-display #text .blurb,#work-display #text h1,#work-display #text ul.tags{float:left;width:94%;margin-left:3%;margin-right:3%;text-align:center;background-position:bottom center}#work-display #text .blurb{text-align:left}#work-display #text ul.tags li{padding:0 5px}#work-display #text a.back{margin-left:0}#work-display #text h3{background-position:bottom center}#work-display #images{text-align:center}#blog .header .nav li a,#work-display .header .nav li a{font-size:13px;letter-spacing:2px;padding:0 4.5%}}