body{font-size:16px}h1{font-size:2.25em;line-height:1.11111em;margin:0 0 0.66667em 0}h2{font-size:1.875em;line-height:1.33333em;margin:1.06667em 0 0.53333em 0}h3{font-size:1.375em;line-height:1.45455em;margin:1.45455em 0 0.72727em 0}h4{font-size:1.25em;line-height:1.2em;margin:0 0 0.4em 0}h5{font-size:1.125em;line-height:1.33333em;margin:0 0 0.44444em 0}h6{font-size:1em;line-height:1.5em;margin:0 0 0.5em 0}p,pre,label{font-size:1em;line-height:1.5em;margin:0 0 1em 0}ol,ul{font-size:1em;line-height:1.5em;margin:0 0 2em 0}li{line-height:auto}ul{list-style-position:outside;list-style-type:disc}ol{list-style-position:outside;list-style-type:decimal}strong,b{font-weight:600}em,i,q{font-style:italic}blockquote{padding-left:1em;border-left:0.3125em solid grey;line-height:normal;margin:0}blockquote p{font-style:italic;margin:0;font-size:1.25em;line-height:1.2em;margin:1.2em 0 1.2em 0}.heading,h1,h2,h3,h4,h5,h6,.navigation-main ul li a,.mobile-page-title,.site-footer .next-page-name,.work .case-study .title,.case-study .header .wrapper .stats .stats-list .stat,.case-study .home .boxes .card .copy .title .wrapper .stats .stats-list .stat,.home .boxes .card .copy .case-study .title .wrapper .stats .stats-list .stat,.case-study .body .campaign-details .title,.news .archive h2,.news .archive .archive-link,.news .article .copy .date,.expertise .header .delve-deeper span,.expertise .home .boxes .card .copy .title .delve-deeper span,.home .boxes .card .copy .expertise .title .delve-deeper span,.expertise .header .sub-nav .exp-link a,.expertise .home .boxes .card .copy .title .sub-nav .exp-link a,.home .boxes .card .copy .expertise .title .sub-nav .exp-link a,.expertise .expertise-body .expertise-section .title,.recruitement .job .apply,.contact .contact-pane .nav .nav-item,.contact .contact-pane .contact-content .contact-content-section .button,.contact .map-toggle .copy{font-family:"alternate-gothic-no-2-d", arial, sans-serif;text-transform:uppercase;text-decoration:none;font-weight:normal;letter-spacing:1px;line-height:1}.body-copy,p,label,.related-module .related-list .related-item a,.case-study .body .related .related-list .related-item a,.expertise .expertise-body .related .related-list .related-item a,.case-study .header .wrapper .copy .tag-line2,.case-study .home .boxes .card .copy .title .wrapper .copy .tag-line2,.home .boxes .card .copy .case-study .title .wrapper .copy .tag-line2,.people .people-body .description,.expertise .header .intro,.expertise .home .boxes .card .copy .title .intro,.home .boxes .card .copy .expertise .title .intro,.expertise .expertise-body .expertise-section .copy,.recruitement .job .job-description{font-family:"droid-serif",serif;font-size:0.875em;line-height:1.71429em;line-height:1.5;font-weight:thin}h1,h2,h3,h4,h5,h6{font-weight:normal}.super-ease-in-out-animation,.navigation-main,.content-pane.can-animate{-webkit-transition:all 1000ms cubic-bezier(1, 0, 0, 1);-moz-transition:all 1000ms cubic-bezier(1, 0, 0, 1);-ms-transition:all 1000ms cubic-bezier(1, 0, 0, 1);-o-transition:all 1000ms cubic-bezier(1, 0, 0, 1);transition:all 1000ms cubic-bezier(1, 0, 0, 1)}.ease-in-out-animation,.site-footer,.news .article .copy{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.clearfix:before,.site-footer .menu:before,.approach:before,.work:before,.case-study .header .wrapper:before,.case-study .home .boxes .card .copy .title .wrapper:before,.home .boxes .card .copy .case-study .title .wrapper:before,.case-study .body:before,.case-study .body .campaign-details .campaign-detail:before,.people .people-body:before,.people .people-body .person:before,.expertise .expertise-body .expertise-section:before,.recruitement:before,.contact:before,.contact .contact-pane .nav:before,.contact .contact-pane .contact-content .contact-content-section .wp-contact-form:before,.clearfix:after,.site-footer .menu:after,.approach:after,.work:after,.case-study .header .wrapper:after,.case-study .home .boxes .card .copy .title .wrapper:after,.home .boxes .card .copy .case-study .title .wrapper:after,.case-study .body:after,.case-study .body .campaign-details .campaign-detail:after,.people .people-body:after,.people .people-body .person:after,.expertise .expertise-body .expertise-section:after,.recruitement:after,.contact:after,.contact .contact-pane .nav:after,.contact .contact-pane .contact-content .contact-content-section .wp-contact-form:after{content:" ";display:table}.clearfix:after,.site-footer .menu:after,.approach:after,.work:after,.case-study .header .wrapper:after,.case-study .home .boxes .card .copy .title .wrapper:after,.home .boxes .card .copy .case-study .title .wrapper:after,.case-study .body:after,.case-study .body .campaign-details .campaign-detail:after,.people .people-body:after,.people .people-body .person:after,.expertise .expertise-body .expertise-section:after,.recruitement:after,.contact:after,.contact .contact-pane .nav:after,.contact .contact-pane .contact-content .contact-content-section .wp-contact-form:after{clear:both}.clearfix,.site-footer .menu,.approach,.work,.case-study .header .wrapper,.case-study .home .boxes .card .copy .title .wrapper,.home .boxes .card .copy .case-study .title .wrapper,.case-study .body,.case-study .body .campaign-details .campaign-detail,.people .people-body,.people .people-body .person,.expertise .expertise-body .expertise-section,.recruitement,.contact,.contact .contact-pane .nav,.contact .contact-pane .contact-content .contact-content-section .wp-contact-form{*zoom:1}html,body{position:relative;width:100%;height:100%;overflow:hidden}body{background:#fcfcfc;margin:0}.content-wrapper,.karma-logo,.case-study .header .wrapper,.case-study .home .boxes .card .copy .title .wrapper,.home .boxes .card .copy .case-study .title .wrapper,.case-study .body,.people .people-header .people-intro-wrapper,.people .people-body .person,.expertise .header,.expertise .home .boxes .card .copy .title,.home .boxes .card .copy .expertise .title,.expertise .expertise-body .expertise-section,.recruitement{position:relative;margin:0 auto;z-index:1;max-width:960px;padding:0 20px}.logged-in .site-header{top:28px}.site-header{position:fixed;z-index:10;width:100%;top:0}.karma-logo{position:relative}.anchor-sprite{display:block;background-image:url("./img/sprite-karma-life-anchor-small.png");height:110px;position:absolute;left:50%;margin-left:350px;top:54px;width:114px;z-index:99999}.loading{display:none;background:url(img/89.gif) no-repeat center center;position:fixed;width:50px;height:50px;top:50%;left:50%;margin-left:-25px;margin-top:-25px;background-color:#616161;background-color:rgba(50,50,50,0.6);-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px}.navigation-main{background:#474543;height:32px;line-height:30px;border-bottom:5px solid #e9e9e9}.navigation-main ul{height:100%;margin:0;padding:0;text-align:center;list-style-type:none}.navigation-main ul li{display:inline;margin:0 15px}.navigation-main ul li a{color:white;font-size:1.125em;line-height:1.33333em;line-height:33px}.navigation-main ul .current_page_item.home-menu-item a,.navigation-main ul .home-menu-item a:hover{color:#e91e2d}.navigation-main ul .current_page_item.approach-menu-item a,.navigation-main ul .approach-menu-item a:hover{color:#16bdc5}.navigation-main ul .current_page_item.work-menu-item a,.navigation-main ul .work-menu-item a:hover{color:#f17098}.navigation-main ul .current_page_item.people-menu-item a,.navigation-main ul .people-menu-item a:hover{color:#f68b1f}.navigation-main ul .current_page_item.news-menu-item a,.navigation-main ul .news-menu-item a:hover{color:#ffd400}.navigation-main ul .current_page_item.expertise-menu-item a,.navigation-main ul .expertise-menu-item a:hover{color:#8dc63f}.navigation-main ul .current_page_item.recruitment-menu-item a,.navigation-main ul .recruitment-menu-item a:hover{color:#8979b8}.navigation-main ul .current_page_item.contact-menu-item a,.navigation-main ul .contact-menu-item a:hover{color:#00a1e4}.navigation-step a{width:88px;height:88px;outline:0}.navigation-step a span{background-image:url(img/next_prev_sprite.png);display:none;float:left;height:88px;position:relative;text-indent:-9999px;width:88px}.navigation-step .back{right:50%;position:absolute;top:350px;z-index:10000;margin-right:440px}.navigation-step .back span{background-position:0 -540px}.navigation-step .forward{left:50%;position:absolute;top:350px;z-index:10000;margin-left:440px}.navigation-step.home .forward span{background-position:-94px -630px}.navigation-step.home .back span{display:none}.navigation-step.approach .forward span{background-position:-94px -540px}.navigation-step.approach .back span{background-position:0 -540px}.navigation-step.case-studies .forward span{background-position:-94px -450px}.navigation-step.case-studies .back span{background-position:0 -450px}.navigation-step.people .forward span{background-position:-94px -360px}.navigation-step.people .back span{background-position:0 -360px}.navigation-step.news-step .forward span{background-position:-94px -270px}.navigation-step.news-step .back span{background-position:0 -270px}.navigation-step.expertise .forward span{background-position:-94px -180px}.navigation-step.expertise .back span{background-position:0 -180px}.navigation-step.recruitment .forward span{background-position:-94px -90px}.navigation-step.recruitment .back span{background-position:0 -90px}.navigation-step.contact .forward span{display:none}.navigation-step.contact .back span{background-position:0 0}.layout-list,.case-study .header .wrapper .stats .stats-list,.case-study .home .boxes .card .copy .title .wrapper .stats .stats-list,.home .boxes .card .copy .case-study .title .wrapper .stats .stats-list,.recruitement{list-style:none;padding:0}.mobile-page-title{position:absolute;top:0;left:0;color:#e00614;font-size:1.125em;line-height:1.33333em;line-height:30px;display:block;width:100%;top:-32px;text-align:center}.toggle-menu{display:none;width:21px;height:21px;padding:3px;position:absolute;top:-32px;right:10px;background:url(img/menu-icon.png) no-repeat center center;background-color:#e10613}.site-title{padding-top:1em}.site-title a{display:block;margin:0 auto;width:129px;height:134px;background:url(img/logo.png) no-repeat center center;text-indent:-9999px}.hidden-title{height:1px;text-indent:-9999px;margin:0}.content-pane{width:100%;height:100%;background:white;position:absolute;top:0;left:0;padding-top:1.5em;z-index:0;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:60px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.left-content-pane{top:0;left:-100%}.right-content-pane{left:100%}.content-pane.animate-left{transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%)}.content-pane.animate-right{transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%)}.karma-logo{margin:40px auto 40px;background-position:center center;background-repeat:no-repeat;text-indent:-9999px;max-width:316px;background-size:contain;height:91px}.site-footer{position:fixed;bottom:0;width:100%;background:#ececec;height:60px;z-index:10}.site-footer .content-wrapper,.site-footer .karma-logo,.site-footer .case-study .header .wrapper,.case-study .header .site-footer .wrapper,.site-footer .case-study .home .boxes .card .copy .title .wrapper,.case-study .home .boxes .card .copy .title .site-footer .wrapper,.site-footer .home .boxes .card .copy .case-study .title .wrapper,.home .boxes .card .copy .case-study .title .site-footer .wrapper,.site-footer .case-study .body,.case-study .site-footer .body,.site-footer .people .people-header .people-intro-wrapper,.people .people-header .site-footer .people-intro-wrapper,.site-footer .people .people-body .person,.people .people-body .site-footer .person,.site-footer .expertise .header,.expertise .site-footer .header,.site-footer .expertise .home .boxes .card .copy .title,.expertise .home .boxes .card .copy .site-footer .title,.site-footer .home .boxes .card .copy .expertise .title,.home .boxes .card .copy .expertise .site-footer .title,.site-footer .expertise .expertise-body .expertise-section,.expertise .expertise-body .site-footer .expertise-section,.site-footer .recruitement{position:relative;max-width:960px}.site-footer .page-name{position:absolute;left:20px;top:0;color:black;font-size:1.625em;line-height:1.23077em;height:60px;line-height:60px;color:#63605E}.site-footer .next-page-name{position:absolute;right:20px;top:0;font-size:1.1875em;line-height:1.26316em;height:60px;line-height:60px;color:#63605E}.site-footer .menu{margin:0 auto;padding:0;padding-top:22px;width:162px}.site-footer .menu li{display:block;margin:0 3px;float:left}.site-footer .menu li a{text-indent:-9999px;display:block;height:12px;width:12px;background:white}.site-footer .menu .current_page_item.home-menu-item a,.site-footer .menu .home-menu-item a:hover{background:#e91e2d}.site-footer .menu .current_page_item.approach-menu-item a,.site-footer .menu .approach-menu-item a:hover{background:#16bdc5}.site-footer .menu .current_page_item.work-menu-item a,.site-footer .menu .work-menu-item a:hover{background:#f17098}.site-footer .menu .current_page_item.people-menu-item a,.site-footer .menu .people-menu-item a:hover{background:#f68b1f}.site-footer .menu .current_page_item.news-menu-item a,.site-footer .menu .news-menu-item a:hover{background:#ffd400}.site-footer .menu .current_page_item.expertise-menu-item a,.site-footer .menu .expertise-menu-item a:hover{background:#8dc63f}.site-footer .menu .current_page_item.recruitment-menu-item a,.site-footer .menu .recruitment-menu-item a:hover{background:#8979b8}.site-footer .menu .current_page_item.contact-menu-item a,.site-footer .menu .contact-menu-item a:hover{background:#00a1e4}.case-studies-footer .site-info{margin-top:20px}.case-studies-footer a{font-family:"alternate-gothic-no-2-d",arial,sans-serif;background:url(img/icon_arrow_up.png) no-repeat scroll left 4px transparent;color:#63605E;font-size:1.2em;padding-left:20px;text-transform:uppercase;text-decoration:none}.backstretch-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;z-index:-999999;padding-right:15px;box-sizing:border-box}.no-backgroundsize .news .article{background-image:none !important;background:#DDD !important}.related-module .related-title,.case-study .body .related .related-title,.expertise .expertise-body .related .related-title{font-size:1.1875em;line-height:1.26316em;letter-spacing:0}.related-module .related-list,.case-study .body .related .related-list,.expertise .expertise-body .related .related-list{list-style:none;padding:0;margin:0}.related-module .related-list .related-item,.case-study .body .related .related-list .related-item,.expertise .expertise-body .related .related-list .related-item{padding:0;margin:0 0 3px;line-height:1}.related-module .related-list .related-item a,.case-study .body .related .related-list .related-item a,.expertise .expertise-body .related .related-list .related-item a{text-decoration:underline;color:#222;font-size:0.625em;line-height:1.6em;line-height:1}.home .boxes{padding-left:10px;width:100%;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;perspective:1000px}.home .boxes .box{float:left;height:180px;margin-right:20px;padding:10px;position:relative;width:200px;margin-bottom:20px;background-repeat:no-repeat;background-size:100%;display:block}.home .boxes .card{width:100%;height:100%;position:absolute;top:0px;left:0px;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.home .boxes .card .front,.home .boxes .card .back{display:block;position:absolute;width:100%;height:100%;top:0px;left:0px;opacity:0.99;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.home .boxes .card.flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.home .boxes .card.flipped .back{-webkit-transition:z-index 0s;-webkit-transition-delay:0.4s;z-index:1}.home .boxes .card.flipper.hover{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}.home .boxes .card.flipper.hover .back{z-index:0}.home .boxes .card .front .link{display:block;width:200px;height:180px;position:relative;top:-20px;left:-20px;background-position:center center;background-repeat:no-repeat;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;padding:30px;z-index:1}.home .boxes .card .front .box-image{width:100%;height:100%}.home .boxes .card .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0}.home .boxes .card .copy{position:absolute;bottom:18px;display:block;width:200px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.home .boxes .card .copy .title{color:white;letter-spacing:0;margin:0}.home .boxes .card .copy .tag-line{font-size:0.625em;line-height:1.6em;color:white;line-height:1.2}.home .boxes .just-added{opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.home .container .card{width:100%;height:100%;position:absolute;top:0px;left:0px;-webkit-transition:-webkit-transform 1s;-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;transition:transform 1s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.home .container .card .front,.home .container .card .back{display:block;position:absolute;width:100%;height:100%;top:0px;left:0px;opacity:0.99;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.home .container .card.flipped .back{-webkit-transition:z-index 0s;-webkit-transition-delay:0.4s}.home .container .card .back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.home .container .card.flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.home .container .card.flipped.hover{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg)}.home .container .card .back,.home .container .card.flipped.hover .back{z-index:0}.home .container .card.flipped .back{z-index:1}.home .centered-content{position:relative;margin:0 auto;width:960px}.approach{max-width:960px;margin:0 auto}.approach .description{float:left;width:240px;width:30%}.approach .description h2{color:white;font-size:3.125em;line-height:1.12em;text-transform:uppercase;margin-top:3px}.approach .description p{font-size:1em;line-height:1.5em}.approach .karmavideo{display:block;max-height:360px;margin-top:10px;max-width:640px;width:70%;float:right}.approach .karmavideo img{border:none;width:100%;height:auto}.approach .karmavideo .movie{display:none;width:100%;height:auto}.approach .karmavideo iframe{width:100%;height:auto;min-height:360px}.work{margin:0 auto}.work .case-study{float:left;position:relative;width:25%;position:relative;display:block;max-width:238px}.work .case-study .title{position:absolute;bottom:20px;left:20px;color:#ffffff;text-decoration:none;font-size:1.5em;line-height:1.33333em;line-height:1;letter-spacing:0}.work .case-study img{width:100%;border:none}.work .case-study .featued-background-image{display:none}.work .case-study .background{background-repeat:no-repeat;height:100%;left:-10px;padding:10px;position:absolute;top:-10px;width:100%;z-index:0}.work .featured{width:50%;max-width:476px}.work .featured .title{font-size:2.25em;line-height:1.11111em}.work .featured .featued-background-image{display:block}.work .featured .background-image{display:none}.work .featured a{font-size:1.375em;line-height:1.45455em;width:440px}.case-study .scroll-arrow-container{bottom:80px;cursor:pointer;display:block;height:76px;left:50%;margin-left:-39px;position:fixed;width:78px;z-index:1000}.case-study .scroll-arrow-container span{color:white;font-family:"alternate-gothic-no-2-d",arial,sans-serif;font-size:1em;line-height:0.9em;position:absolute;text-align:center;text-transform:uppercase;top:14px;width:78px;z-index:1100}.case-study .scroll-arrow-container .arrow{background:url(img/scroll_arrow.png) no-repeat scroll 0 0 transparent;height:76px;position:absolute;width:78px}.case-study .header .wrapper,.case-study .home .boxes .card .copy .title .wrapper,.home .boxes .card .copy .case-study .title .wrapper{padding-bottom:142px}.case-study .header .wrapper .copy,.case-study .home .boxes .card .copy .title .wrapper .copy,.home .boxes .card .copy .case-study .title .wrapper .copy{width:180px;float:left}.case-study .header .wrapper .copy .tag-line,.case-study .home .boxes .card .copy .title .wrapper .copy .tag-line,.home .boxes .card .copy .case-study .title .wrapper .copy .tag-line{margin-top:0;font-size:1.75em;line-height:1.14286em;line-height:0.85;font-weight:bold;letter-spacing:0}.case-study .header .wrapper .copy .tag-line2,.case-study .home .boxes .card .copy .title .wrapper .copy .tag-line2,.home .boxes .card .copy .case-study .title .wrapper .copy .tag-line2{color:white;font-size:1em;line-height:1.5em;line-height:1.3}.case-study .header .wrapper .copy .sub-head,.case-study .home .boxes .card .copy .title .wrapper .copy .sub-head,.home .boxes .card .copy .case-study .title .wrapper .copy .sub-head{margin-top:23px;margin-bottom:10px;font-size:1.75em;line-height:1.14286em;line-height:0.85;font-weight:bold;letter-spacing:0}.case-study .header .wrapper .copy .sub-copy,.case-study .home .boxes .card .copy .title .wrapper .copy .sub-copy,.home .boxes .card .copy .case-study .title .wrapper .copy .sub-copy{color:white;font-size:0.75em;line-height:1.33333em}.case-study .header .wrapper .media-container,.case-study .home .boxes .card .copy .title .wrapper .media-container,.home .boxes .card .copy .case-study .title .wrapper .media-container{position:absolute;margin:0 200px}.case-study .header .wrapper .media-container .karmavideo,.case-study .home .boxes .card .copy .title .wrapper .media-container .karmavideo,.home .boxes .card .copy .case-study .title .wrapper .media-container .karmavideo{display:block;max-height:310px;margin-top:10px;max-width:560px;float:left}.case-study .header .wrapper .media-container .karmavideo img,.case-study .home .boxes .card .copy .title .wrapper .media-container .karmavideo img,.home .boxes .card .copy .case-study .title .wrapper .media-container .karmavideo img{border:none;width:100%;height:auto}.case-study .header .wrapper .media-container .karmavideo .movie,.case-study .home .boxes .card .copy .title .wrapper .media-container .karmavideo .movie,.home .boxes .card .copy .case-study .title .wrapper .media-container .karmavideo .movie{display:none;width:100%;height:auto}.case-study .header .wrapper .media-container .karmavideo iframe,.case-study .home .boxes .card .copy .title .wrapper .media-container .karmavideo iframe,.home .boxes .card .copy .case-study .title .wrapper .media-container .karmavideo iframe{width:100%;height:auto;min-height:310px;min-width:500px}.case-study .header .wrapper .media-container img,.case-study .home .boxes .card .copy .title .wrapper .media-container img,.home .boxes .card .copy .case-study .title .wrapper .media-container img{width:100%}.case-study .header .wrapper .media-container .video,.case-study .home .boxes .card .copy .title .wrapper .media-container .video,.home .boxes .card .copy .case-study .title .wrapper .media-container .video{display:none}.case-study .header .wrapper .stats,.case-study .home .boxes .card .copy .title .wrapper .stats,.home .boxes .card .copy .case-study .title .wrapper .stats{width:180px;float:right}.case-study .header .wrapper .stats .client-logo,.case-study .home .boxes .card .copy .title .wrapper .stats .client-logo,.home .boxes .card .copy .case-study .title .wrapper .stats .client-logo{width:80%}.case-study .header .wrapper .stats .stats-list .stat,.case-study .home .boxes .card .copy .title .wrapper .stats .stats-list .stat,.home .boxes .card .copy .case-study .title .wrapper .stats .stats-list .stat{font-size:1.125em;line-height:1.33333em;letter-spacing:0;line-height:0.9;margin-bottom:12px;padding-left:35px;background:url(img/icon_graph.png) no-repeat left top;min-height:22px}.case-study .header .wrapper .mascot,.case-study .home .boxes .card .copy .title .wrapper .mascot,.home .boxes .card .copy .case-study .title .wrapper .mascot{position:absolute;bottom:-46px;right:0}.case-study .body{padding-bottom:100px;margin-top:20px}.case-study .body .campaign-details{float:left;width:780px}.case-study .body .campaign-details .campaign-detail{margin-top:20px}.case-study .body .campaign-details .info{width:48%;margin-right:4%;float:left}.case-study .body .campaign-details .title{font-size:1.875em;line-height:1.33333em;letter-spacing:0;line-height:0.9;margin-bottom:12px;margin-top:0}.case-study .body .campaign-details .copy{font-size:0.9375em;line-height:1.6em;line-height:1.2}.case-study .body .campaign-details .visuals{width:48%;float:left}.case-study .body .campaign-details .visuals iframe,.case-study .body .campaign-details .visuals img{width:100% !important}.case-study .body .related{float:right;width:140px;margin-top:20px}.people .people-header{min-height:500px;position:relative}.people .people-header .people-intro-wrapper{position:static}.people .people-header .people-intro-wrapper .people-intro{position:absolute;bottom:30px;background:white;padding:25px 40px;max-width:620px;z-index:5;margin-right:20px}.people .people-header .people-intro-wrapper .people-intro h2{color:#474543;font-size:3.875em;line-height:1.16129em;line-height:58px;overflow:hidden;text-transform:uppercase;margin:0 0 5px}.people .people-header .people-intro-wrapper .people-intro h2 .line1{color:#474543}.people .people-header .people-intro-wrapper .people-intro h2 .line2{color:#F68B1F}.people .people-header .people-intro-wrapper .people-intro .delve-deeper{background:url(img/people_delve_deeper_arrow.png) no-repeat scroll center bottom transparent;margin:12px 0 0;padding-bottom:19px;width:200px}.people .people-header .people-intro-wrapper .people-intro .delve-deeper span{background:#F68B1F;color:white;display:block;font-family:"alternate-gothic-no-2-d",arial,sans-serif;font-size:22px;font-weight:normal;padding:12px;text-align:center;text-transform:uppercase}.people .people-body .person-wrapper{padding:25px 0 30px}.people .people-body .picture{float:left;width:40%}.people .people-body .details{float:right;width:57%}.people .people-body .name{font-size:3.75em;line-height:1.06667em;margin:0;color:white}.people .people-body .job-role{font-size:2.1875em;line-height:1.14286em;margin:0}.people .people-body .description{font-size:0.75em;line-height:1.33333em;line-height:1.3;font-weight:normal}.news{position:relative;margin:0 auto;max-width:960px;padding-bottom:80px}.news .archive{position:absolute;top:10px;left:10px;width:210px;padding:10px;background:black;height:25px;overflow:hidden;z-index:100}.news .archive:hover{height:auto}.news .archive:hover .archive-arrow{background-position:center bottom}.news .archive .archive-arrow{display:block;position:absolute;top:17px;right:14px;width:12px;height:6px;background:url(img/archive_arrow.png) no-repeat;background-position:center top}.news .archive h2{color:white;border-bottom:1px solid white;font-size:1.25em;line-height:1.2em;margin-top:0}.news .archive .archive-link{display:block;color:white;margin-bottom:15px}.news .archive .archive-link:hover{color:#e00614}.news .archive-placeholder{width:220px;height:45px}.news .article{display:block;overflow:hidden;width:220px;margin:10px;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;color:black;text-decoration:none}.news .article.has-image:hover .copy{background:rgba(233,233,234,0);text-shadow:rgba(0,0,0,0.7) 0px 2px 6px}.news .article:hover .copy{background:#ff0613;color:white !important}.news .article .copy{position:relative;width:90%;z-index:1;background:rgba(233,233,234,0.7);min-height:100%;padding:5%}.news .article .copy .date{font-size:1.0625em;line-height:1.41176em;margin-bottom:5px}.news .article .copy .title{font-size:2.5em;line-height:1.2em;margin:0;line-height:0.9}.news .article .background-img{width:100%}.news-article{margin-top:20px}.news-post{padding-top:690px}.news-post .header,.news-post .home .boxes .card .copy .title,.home .boxes .card .copy .news-post .title{height:100px;left:50%;margin-left:-160px;position:absolute;top:55px;width:317px}.news-post .header .karma-logo,.news-post .home .boxes .card .copy .title .karma-logo,.home .boxes .card .copy .news-post .title .karma-logo{margin:10px 0}.news-post .news-post-content{background-color:#474543;padding:-680px 0 -500px 0}.news-post .news-post-content .left-content{float:left;width:80%;background:#ffffff}.news-post .news-post-content .right-content{float:right;width:20%}.news-post .news-post-content .right-content h3{color:white;font-size:1.6em;font-weight:lighter;margin:50px 20px 20px 20px;text-transform:uppercase}.news-post .news-post-content .right-content ul{padding:0;margin:10px 20px}.news-post .news-post-content .right-content ul li{list-style-type:none;font-family:georgia,arial,sans-serif;font-size:0.7em;line-height:1em;padding-bottom:15px}.news-post .news-post-content .right-content ul li a{color:#CACCCC}.news-post .news-post-content .wrapper{background:#474543;position:relative;top:-515px;padding-bottom:100px;max-width:980px;margin:0 auto}.news-post .news-post-content .copy{color:#474543;font-family:georgia,arial,sans-serif;font-size:1em;line-height:1.5;margin:40px 70px 50px 60px}.news-post .news-post-content .copy h2{font-size:3em}.news-post .news-post-content .copy .type-tag{color:white;display:inline;font-family:georgia,arial,sans-serif;font-size:16px;left:60px;padding:6px 10px;position:absolute;text-transform:uppercase;top:0}.news-post .news-post-content .copy img{max-width:45%;height:auto;float:left;margin:20px 20px 20px 0}.expertise{position:relative}.expertise .header,.expertise .home .boxes .card .copy .title,.home .boxes .card .copy .expertise .title{position:relative;min-height:500px}.expertise .header .title,.expertise .home .boxes .card .copy .title .title,.home .boxes .card .copy .expertise .title .title{width:364px;height:227px;background:url(img/title.png) no-repeat center center;text-indent:-9999px}.expertise .header .intro,.expertise .home .boxes .card .copy .title .intro,.home .boxes .card .copy .expertise .title .intro{margin-top:30px;margin-right:500px}.expertise .header .delve-deeper,.expertise .home .boxes .card .copy .title .delve-deeper,.home .boxes .card .copy .expertise .title .delve-deeper{margin:30px 0 80px;background:url(img/expertise_delve_deeper_arrow.png) no-repeat center bottom;padding-bottom:19px;width:200px}.expertise .header .delve-deeper span,.expertise .home .boxes .card .copy .title .delve-deeper span,.home .boxes .card .copy .expertise .title .delve-deeper span{padding:12px;display:block;background:#8dc53e;color:white;text-align:center;font-size:1.5em;line-height:1.33333em}.expertise .header .sub-nav,.expertise .home .boxes .card .copy .title .sub-nav,.home .boxes .card .copy .expertise .title .sub-nav{position:absolute;bottom:0;right:0;background:transparent url(img/expertise_flower.png) no-repeat bottom center;height:540px;margin:0;padding:0px 20px;list-style:none;width:440px;z-index:10}.expertise .header .sub-nav .exp-link,.expertise .home .boxes .card .copy .title .sub-nav .exp-link,.home .boxes .card .copy .expertise .title .sub-nav .exp-link{position:absolute}.expertise .header .sub-nav .exp-link a,.expertise .home .boxes .card .copy .title .sub-nav .exp-link a,.home .boxes .card .copy .expertise .title .sub-nav .exp-link a{color:#fff;font-size:18px;text-transform:uppercase;letter-spacing:0}.expertise .header .sub-nav .exp-link a:hover,.expertise .home .boxes .card .copy .title .sub-nav .exp-link a:hover,.home .boxes .card .copy .expertise .title .sub-nav .exp-link a:hover{border-bottom:1px solid white;padding-bottom:1px}.expertise .header .sub-nav .exp-advertising-link,.expertise .home .boxes .card .copy .title .sub-nav .exp-advertising-link,.home .boxes .card .copy .expertise .title .sub-nav .exp-advertising-link{left:205px;top:75px}.expertise .header .sub-nav .exp-data-insight-link,.expertise .home .boxes .card .copy .title .sub-nav .exp-data-insight-link,.home .boxes .card .copy .expertise .title .sub-nav .exp-data-insight-link{left:320px;top:125px}.expertise .header .sub-nav .exp-digital-link,.expertise .home .boxes .card .copy .title .sub-nav .exp-digital-link,.home .boxes .card .copy .expertise .title .sub-nav .exp-digital-link{left:380px;top:250px}.expertise .header .sub-nav .exp-content-link,.expertise .home .boxes .card .copy .title .sub-nav .exp-content-link,.home .boxes .card .copy .expertise .title .sub-nav .exp-content-link{left:300px;top:360px}.expertise .header .sub-nav .exp-one-to-one-link,.expertise .home .boxes .card .copy .title .sub-nav .exp-one-to-one-link,.home .boxes .card .copy .expertise .title .sub-nav .exp-one-to-one-link{left:120px;top:360px}.expertise .header .sub-nav .exp-pr-link,.expertise .home .boxes .card .copy .title .sub-nav .exp-pr-link,.home .boxes .card .copy .expertise .title .sub-nav .exp-pr-link{left:75px;top:250px}.expertise .header .sub-nav .exp-social-link,.expertise .home .boxes .card .copy .title .sub-nav .exp-social-link,.home .boxes .card .copy .expertise .title .sub-nav .exp-social-link{left:100px;top:125px}.expertise .expertise-body .expertise-section{background-position:-66px 0px;background-repeat:no-repeat;min-height:514px}.expertise .expertise-body .expertise-section .title{font-size:3.9375em;line-height:1.14286em;color:white;font-weight:lighter;margin:60px 0 40px}.expertise .expertise-body .expertise-section .copy{width:240px;float:left;font-size:1em;line-height:1.5em;line-height:1.2}.expertise .expertise-body .expertise-section .copy1{color:white;margin-bottom:10px}.expertise .expertise-body .expertise-section .copy2{font-size:0.75em;line-height:1.33333em}.expertise .expertise-body .related{border-left:2px solid #fff;float:right;margin:60px 0 40px;min-height:235px;padding-left:20px;width:155px}.expertise .expertise-body .related .related-title{color:white}.recruitement{background:url(img/recruitment_box_bg.png) no-repeat top center;-webkit-box-shadow:0px 0px 10px 5px #ccc;-moz-box-shadow:0px 0px 10px 5px #ccc;box-shadow:0px 0px 10px 5px #ccc}.recruitement .job{float:left;height:420px;margin:10px 5px 20px;padding:10px 25px;width:180px;background:url("img/recruitment_circle.png") no-repeat left 22px}.recruitement .job .job-title{font-size:2.4375em;line-height:1.23077em;line-height:1;border-bottom:2px solid #c3c2c0;padding:0 0 10px 0;margin:25px 0}.recruitement .job .job-description{font-size:0.8125em;line-height:1.84615em;line-height:1.2}.recruitement .job .apply{font-size:1.25em;line-height:1.2em;letter-spacing:0;width:180px;display:block;margin-top:20px;padding-right:14px;background:url(img/icon_arrow.png) no-repeat 78px 4px}.recruitement .odd{border-right:2px solid #dcdbd9;width:178px}.recruitement .featured{width:420px;background:none}.contact{max-width:960px;margin:0 auto}.contact .contact-pane{position:relative;z-index:10;width:280px;float:right}.contact .contact-pane .address{background:#474543;color:white;padding:15px 20px 10px;font-size:1.5em;line-height:1.33333em;line-height:1;margin:0}.contact .contact-pane .nav{background:#fffafa}.contact .contact-pane .nav .nav-item{background:#9A9692;color:white;display:block;width:29%;padding:8px 2%;float:left;margin-left:0.5%;text-align:center;min-height:40px;font-size:1.4375em;line-height:1.3913em;line-height:1}.contact .contact-pane .nav .nav-item:first-child{margin-left:0}.contact .contact-pane .nav .nav-item:last-child{float:right}.contact .contact-pane .nav .active{background:#fffafa;color:#474543}.contact .contact-pane .contact-content{background:#fffafa;padding:20px;min-height:230px}.contact .contact-pane .contact-content .contact-content-section{display:none}.contact .contact-pane .contact-content .contact-content-section h3,.contact .contact-pane .contact-content .contact-content-section p{margin:0;line-height:1}.contact .contact-pane .contact-content .contact-content-section p{font-size:0.75em;line-height:1.33333em}.contact .contact-pane .contact-content .contact-content-section h2{display:none}.contact .contact-pane .contact-content .contact-content-section .cw-message{margin-bottom:18px}.contact .contact-pane .contact-content .contact-content-section label{font-size:0.75em;line-height:1.33333em;float:left;width:28%;clear:left}.contact .contact-pane .contact-content .contact-content-section input,.contact .contact-pane .contact-content .contact-content-section textarea{color:#474543;float:left;width:70%;background:#ebeae9;border:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.contact .contact-pane .contact-content .contact-content-section .button{background:url(img/chevron.png) no-repeat right 5px;padding-right:15px;font-size:1.25em;line-height:1.2em;width:auto;text-align:left;clear:left}.contact .contact-pane .contact-content .key-contacts .contact-email{margin-bottom:1.5em}.contact .contact-pane .contact-content .key-contacts .contact-email a{color:black}.contact .contact-pane .contact-content .find-us h3{margin-bottom:0.5em}.contact .contact-pane .contact-content .find-us .method{margin-bottom:5px;padding-left:30px;background-position:top left;background-repeat:no-repeat}.contact .contact-pane .contact-content .find-us h4{margin-bottom:0;font-size:1.125em;line-height:1.33333em;letter-spacing:0}.contact .contact-pane .contact-content .find-us .transport-1 h4{color:red}.contact .contact-pane .contact-content .find-us .transport-2 h4{color:#8DC63F}.contact .contact-pane .contact-content .find-us .transport-3 h4{color:#00A1E4}.contact .contact-pane .phone{background:#ebeae9;color:#474543;padding:15px 20px 10px;font-size:1.5em;line-height:1.33333em;line-height:1;border-bottom:10px solid #474543;margin:0}.contact .contact-pane .phone .number{padding-left:40px;background:url(img/phone-icon.png) no-repeat 8px 0}.contact .map-wrapper{position:fixed;top:0;left:0;bottom:0;right:0}.contact .map-wrapper .map{height:100%;width:100%}.contact .map-toggle{position:fixed;bottom:80px;left:50%;width:180px;margin-left:-80px;z-index:5}.contact .map-toggle .copy{text-align:center;color:white;font-size:1.25em;line-height:1.2em;margin-bottom:7px;letter-spacing:0}.contact .map-toggle .switch{display:block;background-image:url(img/switch_sprite.png);background-repeat:no-repeat;background-position:top left;width:68px;height:23px;text-indent:-9999px;margin:0 auto}.contact .map-toggle .switch.active{background-position:top right}@media screen and (max-width: 1040px){.agencies{width:502px;margin:0 auto}.recruitement{max-width:480px;background:white}.recruitement .job{border-bottom:2px solid #c3c2c0}.expertise .expertise-body .expertise-section .related{display:none}.case-study .header .wrapper .stats,.case-study .home .boxes .card .copy .title .wrapper .stats,.home .boxes .card .copy .case-study .title .wrapper .stats{float:left;clear:right}.case-study .header .wrapper .stats .stats-list,.case-study .home .boxes .card .copy .title .wrapper .stats .stats-list,.home .boxes .card .copy .case-study .title .wrapper .stats .stats-list{display:none}.case-study .header .wrapper .copy,.case-study .home .boxes .card .copy .title .wrapper .copy,.home .boxes .card .copy .case-study .title .wrapper .copy{clear:left}.case-study .header .wrapper .media-container,.case-study .home .boxes .card .copy .title .wrapper .media-container,.home .boxes .card .copy .case-study .title .wrapper .media-container{margin-right:20px}.case-study .body .campaign-details{width:100%}.case-study .body .related{display:none}}@media screen and (max-width: 768px){.navigation-main{height:37px;overflow:hidden}.navigation-main.open{height:auto}.navigation-main .menu{border-top:1px solid #444;margin:37px 0 0}.navigation-main .menu .menu-item{display:inline;width:auto;margin:10px;height:auto;line-height:37px;padding:0}.toggle-menu{display:block}.site-footer{height:30px}.site-footer .page-name{display:none !important}.site-footer .next-page-name{display:none !important}.site-footer .menu{padding-top:9px}.home .boxes{max-width:480px;margin:0 auto}.approach{padding-bottom:20px}.approach .description,.approach .karmavideo{float:none;width:95%;margin:20px auto}.work{max-width:480px}.work .case-study.featured{width:100%}.work .case-study{width:50%}.expertise .header,.expertise .home .boxes .card .copy .title,.home .boxes .card .copy .expertise .title{min-height:0;padding-bottom:50px}.expertise .header .title,.expertise .home .boxes .card .copy .title .title,.home .boxes .card .copy .expertise .title .title{width:auto;max-width:364px;background-size:contain}.expertise .header .intro,.expertise .home .boxes .card .copy .title .intro,.home .boxes .card .copy .expertise .title .intro{margin-top:30px;margin-right:auto}.expertise .header .delve-deeper,.expertise .home .boxes .card .copy .title .delve-deeper,.home .boxes .card .copy .expertise .title .delve-deeper{display:none}.expertise .header .sub-nav,.expertise .home .boxes .card .copy .title .sub-nav,.home .boxes .card .copy .expertise .title .sub-nav{display:none}.expertise .expertise-body .expertise-section{background-image:none !important;min-height:0}.expertise .expertise-body .expertise-section .title{margin:45px 0 28px}.expertise .expertise-body .expertise-section .copy{float:none;width:auto}.expertise .expertise-body .expertise-section .related{display:block;float:none;width:auto;border:none;padding-left:0;min-height:0;margin:40px 0 70px}.news-article .col{width:auto;float:none}.news-article .back{padding:10px 0}.news-article .related{padding-top:20px}.page-template-page-who-php #content{padding-bottom:40px}.people .person{margin:0 20px;padding:25px 20px}.contact .contact-pane{margin-right:15px}}@media screen and (max-width: 999px){.news{width:750px}}@media screen and (max-width: 749px){.news{width:500px}.news-post .news-post-content .wrapper{max-width:90%}.news-post .news-post-content .copy{margin:10px}.news-post .news-post-content .copy h2{font-size:1.5em}}@media screen and (max-width: 568px){h1 img{width:80%;max-width:316px;height:auto}.home .boxes{max-width:240px}.home .copy .copy-image{margin:0 auto}.people .people-header{min-height:200px}.people .people-header .people-intro-wrapper .people-intro{display:none}.work{max-width:240px}.work .case-study.featured{width:100%}.work .case-study.featured .title{font-size:1.5em;line-height:1.33333em;line-height:1}.work .case-study.featured .featured-background-image{display:none}.work .case-study.featured .background-image{display:block}.work .case-study{width:100%}.case-study .scroll-arrow-container{display:none}.case-study .header .wrapper,.case-study .home .boxes .card .copy .title .wrapper,.home .boxes .card .copy .case-study .title .wrapper{padding-bottom:30px}.case-study .header .wrapper .stats,.case-study .home .boxes .card .copy .title .wrapper .stats,.home .boxes .card .copy .case-study .title .wrapper .stats{float:none;width:auto}.case-study .header .wrapper .stats .client-logo,.case-study .home .boxes .card .copy .title .wrapper .stats .client-logo,.home .boxes .card .copy .case-study .title .wrapper .stats .client-logo{width:50%}.case-study .header .wrapper .copy,.case-study .home .boxes .card .copy .title .wrapper .copy,.home .boxes .card .copy .case-study .title .wrapper .copy{float:none;width:auto}.case-study .header .wrapper .media-container,.case-study .home .boxes .card .copy .title .wrapper .media-container,.home .boxes .card .copy .case-study .title .wrapper .media-container{float:none;width:auto;position:static;margin:20px 0}.case-study .header .wrapper .mascot,.case-study .home .boxes .card .copy .title .wrapper .mascot,.home .boxes .card .copy .case-study .title .wrapper .mascot{display:none}.case-study .body .campaign-details .info{width:100%}.case-study .body .campaign-details .visuals{margin:20px 0 30px;width:100%}.case-study .body .related{display:block;width:100%}.case-study .header .wrapper .media-container .karmavideo,.case-study .home .boxes .card .copy .title .wrapper .media-container .karmavideo,.home .boxes .card .copy .case-study .title .wrapper .media-container .karmavideo{display:none}.approach .karmavideo iframe{min-height:160px;width:auto}.about-us .page{width:auto}.contact .contact-pane{width:90%;margin:0 auto;float:none}.contact .map-toggle{position:relative;bottom:auto;left:auto;margin:30px auto 0}.news{width:auto}.news .archive{width:90%}.news .article{width:95%;max-height:250px}.news-article .col{width:auto;float:none}.news-article .back{padding:10px 0}.news-article .related{padding-top:20px}.recruitement{max-width:90%}.recruitement .job{width:auto;height:auto;border-right:none;padding:0 10px 30px;margin:20px}}@media screen and (max-width: 480px){.people .person .picture{width:90%;margin-bottom:1em;margin:0 5%}.people .person .details{width:90%;margin:0 5%}.people .person .title-wrapper{max-width:none;width:100%}.people .person .intro{display:none}.expertise .copy{padding-bottom:10px}.page-template-page-who-php #content{padding-bottom:20px}.news-post .news-post-content .right-content{display:none}.news-post .news-post-content .left-content{width:100%}.news-post .news-post-content .copy .type-tag{display:none}.news-post .news-post-content .copy h2{font-size:2.5em}}@media screen and (max-width: 356px){.karma-logo{margin:40px 20px}}@media screen and (max-height: 820px){.content-pane{padding-bottom:0}.bottom-buffer{padding-bottom:40px}.site-footer{bottom:-60px}}