body{font-family:montserrat,sans-serif;background:#fff;color:#333;font-weight:300;font-size:16px}p{line-height:1.5em}h1{font-size:30px;font-weight:300;line-height:1em}h2{font-size:26px;font-weight:300;line-height:1em}h3{font-size:22px;font-weight:300;line-height:1em}a:link{color:#00aeef;text-decoration:none}a:visited{color:#00aeef;text-decoration:none}a:hover{color:#00aeef;text-decoration:none}a:active{color:#00aeef;text-decoration:none}.logo{max-width:120px;text-align:center;padding:0}.white{color:#fff}.cyan{color:#00aeef}.magenta{color:#ec008c}.lime{color:#bfd730}.orange{color:#f7941d}strong{font-weight:500}.background-white{background:#fff}.bg-cyan{background-color:#00aeef}.btn-cyan{background-color:#00aeef;color:#fff;border-radius:0}.btn-cyan:hover{background-color:#00aeef;color:#fff}.btn-white{background-color:#fff;color:#00aeef;border-radius:0}.btn-white:hover{background-color:#fff;color:#00aeef}.left{float:left}.right{float:right}.clear{clear:both}.fit-width{width:100%}.breadcrumb-size{font-size:.9em}.section{padding:30px 0}.section.white{color:#000;position:relative;z-index:50;background:0 0}.section.white h1,.section.white h2{color:#00aeef}.section.white a:link{color:#00aeef;text-decoration:none}.section.white a:visited{color:#00aeef;text-decoration:none}.section.white a:hover{color:#00aeef;text-decoration:underline}.section.white a:active{color:#00aeef;text-decoration:none}.back-cyan,.section.cyan{background:#00aeef;color:#fff}.section.cyan a:link{color:#fff;text-decoration:none}.section.cyan a:visited{color:#fff;text-decoration:none}.section.cyan a:hover{color:#fff;text-decoration:underline}.section.cyan a:active{color:#fff;text-decoration:none}.margin-top{margin-top:30px}.margin-left-right{margin-left:50px;margin-right:50px}.margin-left-right-desktop-100{margin-left:0;margin-right:0}.padding-left{padding-left:50px}.margin-left-minus-15{margin-left:-15px}.margin-right-minus-10{margin-right:-10px}.margin-right-minus-15{margin-right:-15px}.margin-top-small{margin-top:15px}.margin-top-big{margin-top:60px}.margin-top-minus{margin-top:-60px}.margin-bottom{margin-bottom:30px}.margin-bottom-small{margin-bottom:15px}.margin-minus{margin-left:-15px;margin-right:-10px}.nopadding{padding:0!important;margin:0!important}.padding{padding:30px}.carousel img{min-width:100%}.carousel-caption{top:50%;transform:translateY(-50%);bottom:initial}.carousel-caption h2{background:rgba(0,0,0,.5);padding:30px}.grid{max-width:none}.grid:after{content:'';display:block;clear:both}.portfolio,.work{float:left;width:50%}.work-sizer{width:50%}.gutter-sizer{width:1%}.portfolio .inner,.work .inner{position:relative}.small{width:calc(50% - 2px)}.small .inner{padding-bottom:calc(100%)}.medium{width:100%}.medium .inner{padding-bottom:calc(50% - 2.5px)}.large{width:100%}.large .inner{padding-bottom:calc(100%)}.extralarge{width:100%}.extralarge .inner{padding-bottom:calc(66.666% - 2.4px)}.featured-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;padding:10px;-webkit-transition:500ms;-o-transition:500ms;transition:500ms;position:relative;width:100%;padding-bottom:100%;float:left}.single-featured-image{position:relative;background-size:cover;background-position:center;-webkit-transition:500ms;-o-transition:500ms;transition:500ms;width:100%;padding-bottom:100%}.work-wrapper-wrapper .featured-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;padding:10px;-webkit-transition:500ms;-o-transition:500ms;transition:500ms;width:100%;float:none}.work-wrap{overflow:hidden;cursor:pointer}.work-title.portfolio,.work-title.work{bottom:-100px;width:100%;padding:10px;position:absolute;-webkit-transition:500ms;-o-transition:500ms;transition:500ms;color:#fff;font-size:.9em;z-index:99;font-weight:300}.work-wrapper-wrapper{float:left;clear:both;width:100%;position:relative}.filters{margin-bottom:5px;margin-top:0;z-index:1;font-size:12px}.filters:after{content:'';display:block;clear:both}.button{float:left;padding:2px 8px;font-size:1em;color:#fff;margin-left:0;margin-right:5px;cursor:pointer;box-sizing:border-box}.button.port{border:1px solid #00aeef;color:#00aeef;background:#fff}.home-cat-title{position:absolute;bottom:0;left:0;width:100%;padding:5px 15px;font-size:.9em;color:#fff;z-index:9;background:#fff}.home-cat-title.design,.button.design,.work-title.design{background:#00aeef;border:1px solid #00aeef}.home-cat-title.websites,.button.websites,.work-title.websites{background:#bfd730;border:1px solid #bfd730}.home-cat-title.print,.button.print,.work-title.print{background:#ec008c;border:1px solid #ec008c}.home-cat-title.signage,.button.signage,.work-title.signage{background:#f7931e;border:1px solid #f7931e}.print .featured-image{}.web .featured-image{}.design .featured-image{}.work-wrap:hover .work-title{bottom:0}.portfolio-title{float:left}.footer-section{background:#00aeef;color:#fff;position:relative;z-index:1;margin-top:5.5vw}.section-top{position:relative;z-index:1;margin-top:10vw}.section-top:before,.home-cat-title:before,.footer-section:before,.work-title:before{content:'';width:150%;height:50px;position:absolute;-webkit-transform:skewY(2.5deg) translateX(-50%);-moz-transform:skewY(2.5deg) translateX(-50%);-ms-transform:skewY(2.5deg) translateX(-50%);-o-transform:skewY(2.5deg) translateX(-50%);transform:skewY(2.5deg) translateX(-50%);top:0;z-index:-1;background-color:inherit;left:50%}.section-top-wrap,.footer-wrap{overflow:hidden}.logo-footer{max-width:200px;text-align:center;padding:0}.carousel:before{content:'';position:absolute;top:0;width:100%;left:0;height:60px;z-index:99;background-color:#fff;-webkit-transform:skewY(2.5deg) translateY(-50%);-moz-transform:skewY(2.5deg) translateY(-50%);-ms-transform:skewY(2.5deg) translateY(-50%);-o-transform:skewY(2.5deg) translateY(-50%);transform:skewY(2.5deg) translateY(-50%)}.carousel{margin-top:-20px;padding-bottom:45%;position:relative;z-index:20}.carousel:before,.section-top:before,.footer-section:before{height:5.5vw}.carousel-inner{position:absolute;width:100%;overflow:hidden;height:100%}.carousel-inner>.item{position:absolute;width:100%;height:100%}.bg-back{background-size:cover;background-position:center}.bg-back .img{display:none}.caption{position:absolute;bottom:40px;left:30px;background:rgba(0,174,239,.63);line-height:1;padding:10px;max-width:calc(75% - 60px)}.caption h1{color:#fff;font-weight:500;padding:0;margin:0;line-height:1;font-size:1.4em}.caption p{margin:0;margin-top:10px;font-size:1.4em;color:#fff}.caption-tv{position:absolute;bottom:40px;left:30px;background:rgba(0,174,239,.63);line-height:1;padding:10px;max-width:calc(75% - 60px)}.caption-tv h1{color:#fff;font-weight:500;padding:0;margin:0;line-height:1;font-size:1em}.home-square .inner{position:relative;background:#fff;overflow:hidden}.showcase .home-cat-title{color:#00aeef}.section-top{padding:30px 30px 80px}.white-padding-top{padding:30px 30px 80px}.newsletter-input{padding:10px;width:100%;border:1px #ccc solid;margin-bottom:15px;display:inline-block;position:relative}.button.pink{background:#ec008c;color:#fff;text-transform:uppercase;border:none;padding:7px 15px;margin:0;position:relative;display:inline-block;margin-bottom:25px}.padding-top{padding-top:100px}.slope-white{height:12.5vw;background:#fff;-webkit-transform:skewY(2.5deg);-moz-transform:skewY(2.5deg)); -ms-transform:skewY(2.5deg); -o-transform:skewY(2.5deg); transform:skewY(2.5deg); z-index:999999; position:relative; display:inline-block; width:100%; top:-12.5vw; margin-bottom:-10.5vw; } .home-square { margin-bottom:20px; } .item .container-fluid { padding-left:30px; padding-right:30px; } .button-wrap { margin-bottom:10px; width:100%; display:inline-block; text-align:center; } .button.blue { padding:15px 25px; text-align:center; margin-bottom:10px; width:100%; display:inline-block; background:#00AEEF; } .button.cyan { padding:15px 25px; text-align:center; margin-bottom:10px; width:100%; display:inline-block; background:#00AEEF; } .button.magenta { padding:15px 25px; text-align:center; margin-bottom:10px; width:100%; display:inline-block; background:#ec008c; } @media only screen and (min-width:320px) { .text-align-left-desktop-centre-phone { text-align:center}.text-align-right-desktop-centre-phone{text-align:center}.float-right-desktop-centre-phone{float:none}.margin-top-phone{margin-top:25px}} @media only screen and (min-width : 480px) { } @media only screen and (min-width : 768px) { .text-align-left-desktop-centre-phone{text-align:left}.text-align-right-desktop-centre-phone{text-align:right}.float-right-desktop-centre-phone{float:right}.margin-top-phone{margin-top:0}.portfolio,.work{width:calc((100%/6))}.work-sizer{width:calc((100%/6))}.gutter-sizer{width:1%}.small{width:calc((100%/6) - 5px)}.medium{width:calc((100%/3) - 5px)}.big{width:calc((100%/3) - 5px)}.large{width:calc((100%/3) - 5px)}.extralarge{width:calc((100%/2) - 5px)}.caption{padding:20px}.caption h1{font-size:3em}.carousel{padding-bottom:36%}.featured-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;padding:10px;-webkit-transition:500ms;-o-transition:500ms;transition:500ms;float:none;width:100%}.home-square:hover .featured-image,.work-wrap:hover .featured-image{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.home-cat-title{position:absolute;bottom:0;left:0;width:100%;padding:5px 15px;font-size:.9em;color:#fff;z-index:9;background:#fff;height:auto}.home-square .inner{position:relative;padding-bottom:100%;overflow:hidden;background:0 0}.home-cat-title:before{display:inline-block}} @media only screen and (min-width : 992px) { .section{padding:30px}.section-top{padding:30px}.caption{left:100px;max-width:calc(75% - 100px)}.margin-left-right-desktop-100{margin-left:100px;margin-right:100px}.item .container-fluid{padding-left:100px;padding-right:100px}.white-padding-top{padding:30px 100px 80px}.padding-top{padding-top:30px}.slope-white{height:7.5vw;background:#fff;-webkit-transform:skewY(2.5deg);-moz-transform:skewY(2.5deg)); -ms-transform:skewY(2.5deg); -o-transform:skewY(2.5deg); transform:skewY(2.5deg); z-index:999999; position:relative; display:inline-block; width:100%; top:-6.5vw; margin-bottom:-6.5vw; } } @media only screen and (min-width:1200px) { } .wp-caption { } .wp-caption-text { } .sticky { } .screen-reader-text { } .gallery-caption { } .bypostauthor { } .alignright { float:right; margin-left:15px; margin-bottom:15px; } .alignleft { float:left; margin-right:15px; margin-bottom:15px; } .aligncenter { } hr { clear:both; }}