/*


Stinkdigital.com 


Background colour:

	Nearly black: 	rgb(24, 24, 24)
	Light grey: 	rgb(243, 243, 243)
	Grey on grey:	rgb(220, 220, 220)
	Grey hover: 	rgb(200, 200, 200)

	
Text/border colour:

	Nearly black:	rgb(20, 20, 20)	
	Less black:		rgb(50, 50, 50)
	Grey: 			rgb(160, 160, 160)
	Light grey: 	rgb(220, 220, 220)
			
	
*/





/*
*
*	Vendor transition/animation
*
*/
.m-reveal-trigger .asset,
.m-reveal-text,
.m-button-con,
.m-button,
.m-social-icon a,
.m-page-intro .hero-text a,
.m-snippet a,
.m-text-cta a,
.m-hero-case-item .cta,
.hero-nav li.inactive,
.media-browser-media,
.media-browser-trigger img {
	-webkit-transition: all 300ms ease-out;
	   -moz-transition: all 300ms ease-out;
	        transition: all 300ms ease-out;
}
.m-reveal-trigger .asset:hover,
.m-reveal-text:hover,
.m-button-con:hover,
.m-button:hover,
.m-social-icon a:hover,
.m-page-intro .hero-text a:hover,
.m-snippet a:hover,
.m-text-cta a:hover,
.m-hero-case-item .cta:hover {
	-webkit-transition: all 50ms ease-out;
	   -moz-transition: all 50ms ease-out;
	        transition: all 50ms ease-out;
}

.site-header .site-nav a {
	-webkit-transition: color 200ms ease-out;
	   -moz-transition: color 200ms ease-out;
	        transition: color 200ms ease-out;
}
.site-header .site-nav a:hover {
	-webkit-transition: color 50ms ease-out;
	   -moz-transition: color 50ms ease-out;
	        transition: color 50ms ease-out;
}
.t-work a .img-container {
	-webkit-transition: background-color 0ms ease-out 140ms;
	   -moz-transition: background-color 0ms ease-out 140ms;
	        transition: background-color 0ms ease-out 140ms;
}
.t-work a:hover .img-container {
	-webkit-transition: background-color 25ms ease-out 0ms;
	   -moz-transition: background-color 25ms ease-out 0ms;
	        transition: background-color 25ms ease-out 0ms;
}
.t-work .m-snippet a img {
	-webkit-transition: opacity 100ms ease-out;
	   -moz-transition: opacity 100ms ease-out;
	        transition: opacity 100ms ease-out;
}
.t-work .m-snippet a:hover img{
	-webkit-transition: opacity 50ms ease-out;
	   -moz-transition: opacity 50ms ease-out;
	        transition: opacity 50ms ease-out;
}

.m-block {
	-webkit-transition: background-color 300ms ease-out;
	   -moz-transition: background-color 300ms ease-out;
	        transition: background-color 300ms ease-out;
}




/*
*
*	Loading transitions
*
*/
/* Transitions */
.js .site-header,
.js .row,
.js .m-hero-case-text .cta,
.js .m-hero-case-text .title,
.js .m-hero-case-text .subtitle,
.js .hero-nav li {
	-webkit-transition: all 250ms ease-out;
	   -moz-transition: all 250ms ease-out;
	        transition: all 250ms ease-out;
}
.js .site-header:hover,
.js .row:hover,
.js .m-hero-case-text .cta:hover,
.js .m-hero-case-text .title:hover,
.js .m-hero-case-text .subtitle:hover,
.js .hero-nav li:hover{
	-webkit-transition: all 50ms ease-out;
	   -moz-transition: all 50ms ease-out;
	        transition: all 50ms ease-out;
}

/* Delays */
.js:not(.anim-complete) .container:nth-child(1) > .row,
.js:not(.anim-complete) .m-hero-case-item .title {
	-webkit-transition-delay: 100ms !important;
	   -moz-transition-delay: 100ms !important;
	        transition-delay: 100ms !important;
}

.js:not(.anim-complete) .container:nth-child(2) > .row,
.js:not(.anim-complete) .m-hero-case-item .subtitle {
	-webkit-transition-delay: 200ms !important;
	   -moz-transition-delay: 200ms !important;
	        transition-delay: 200ms !important;
}

.js:not(.anim-complete) .container:nth-child(3) > .row,
.js:not(.anim-complete) .m-hero-case-item .cta {
	-webkit-transition-delay: 300ms !important;
	   -moz-transition-delay: 300ms !important;
	        transition-delay: 300ms !important;
}

.js:not(.anim-complete) .container:nth-child(4) > .row,
.js:not(.anim-complete) .hero-nav li:nth-child(1) {
	-webkit-transition-delay: 400ms !important;
	   -moz-transition-delay: 400ms !important;
	        transition-delay: 400ms !important;
}

.js:not(.anim-complete) .container:nth-child(5) > .row,
.js:not(.anim-complete) .hero-nav li:nth-child(2) {
	-webkit-transition-delay: 500ms !important;
	   -moz-transition-delay: 500ms !important;
	        transition-delay: 500ms !important;
}

.js:not(.anim-complete) .container:nth-child(6) > .row,
.js:not(.anim-complete) .hero-nav li:nth-child(3) {
	-webkit-transition-delay: 600ms !important;
	   -moz-transition-delay: 600ms !important;
	        transition-delay: 600ms !important;
}

.js:not(.anim-complete) .container:nth-child(7) > .row,
.js:not(.anim-complete) .hero-nav li:nth-child(4) {
	-webkit-transition-delay: 700ms !important;
	   -moz-transition-delay: 700ms !important;
	        transition-delay: 700ms !important;
}
.js:not(.anim-complete) .hero-nav li:nth-child(5) {
	-webkit-transition-delay: 800ms !important;
	   -moz-transition-delay: 800ms !important;
	        transition-delay: 800ms !important;
}
.js:not(.anim-complete) .hero-nav li:nth-child(6) {
	-webkit-transition-delay: 900ms !important;
	   -moz-transition-delay: 900ms !important;
	        transition-delay: 900ms !important;
}

.js.anim-complete .container > .row,
.js.anim-complete .m-hero-case-item .container,
.js.anim-complete .hero-nav li {
	-webkit-transition-delay: 0ms !important;
	   -moz-transition-delay: 0ms !important;
	        transition-delay: 0ms !important;
}





/*
*
*	Modules
*
*/

/* Icon */
.m-icon {
	line-height: 14px;
	cursor: pointer;
}

.m-icon:before,
.m-icon:after {
	font-family: "Lucida Grande";
	font-size: 13px;
	font-size: 1.3rem;
}

.m-icon-large:before,
.m-icon-large:after {
	font-size: 17px;
	font-size: 1.7rem;
}

.m-icon:before {
	padding-right: 0.5em;
	margin-left: 0.25em;
}

.m-icon:after {
	padding-left: 0.5em;
	margin-right: 0.25em;
}

	.m-icon-before:before {
		content: attr(data-icon);
	}

	.m-icon-after:after {
		content: attr(data-icon);
	}
	
	.m-icon-before.active:before {
		content: attr(data-icon-active);
	}

	.m-icon-after.active:after {
		content: attr(data-icon-active);
	}

/* Site Header */
.site-header {
	width: 100%;
	padding: 0;
	background: rgb(24, 24, 24);
}

	.no-touch .site-header {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 5000;
	}
	
.site-header h1 {
	margin: 0;
}

.site-header h1 a {
	width: 217px;
	height: 65px;
	display: inline-block;
	background: url(../img/sd-sprite.png) no-repeat 0 -75px;
	text-indent: -9999px;
}

	.ie7 .site-header h1 a {
		display: block;
	}

.site-header .site-nav {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 65px;
}

.site-header .site-nav ul {
	height: 100%;
	margin: 0;
	float: right;
}

	.ie7 .site-header .site-nav ul {
		margin-top: 1.5em;
	}

.site-header .site-nav li {
	height: 100%;
	margin-left: 1em;
	display: inline-block;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}

	.ie7 .site-header .site-nav li {
		display: inline;
		zoom: 1;
	}

.site-header .site-nav a {
	padding-bottom: 0.2em;
	display: block;
	color: rgb(255, 255, 255);
	color: rgba(255, 255, 255, 1);
}
.site-header .site-nav span {
	padding: 1em 0;
	margin-right: -2px;
}

	.site-header .site-nav a:hover {
		color: rgb(220, 220, 220);
		color: rgba(255, 255, 255, 0.3);
	}
	
	.site-header .site-nav a.active {
		border-bottom: 1px solid rgb(255, 255, 255);
	}

.lang-select {
	display: none;
}
.lang-select li:first-child {
	margin-left: 1.2em;
	padding-left: 1.2em;
	border-left: 1px solid rgb(50, 50, 50);
}

.lang-select .active a {
	color: rgb(220, 220, 220);
	color: rgba(255, 255, 255, 0.3);
}
	
/* Site footer */
.site-footer .email {
	font-size: 18px;
	font-size: 1.2rem;
	display: inline-block !important;
	margin-bottom: 2em;
}

	.ie7 .site-footer .email {
		display: inline !important;
		zoom: 1;
	}

.site-footer .threecol:last-child {
	margin-right: 0;
}

/* Content block */
.m-block {
	padding-top: 4em;
	padding-bottom: 4em;
	background: rgb(24, 24, 24);
}

	.m-block-light {
		background: rgb(243, 243, 243);
		color: rgb(20, 20, 20);
	}
	
	.m-block-bright {
		background: rgb(255, 255, 255);
		color: rgb(20, 20, 20);
	}
	
	.m-block-tight {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
	.m-block-edge {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.m-block-edge-top {
		padding-top: 0;
	}
	
	.m-block-edge-bottom {
		padding-bottom: 0;
	}

	.m-block-transparent {
		background: none;
	}
	
	.m-block-light a,
	.m-block-bright a {
		color: rgb(20, 20, 20);
	}
	
	.m-block-border-top {
		border-top: 1px solid rgb(220, 220, 220);
	}
	
		.m-block-border-top:first-child {
			border-top: none;
		}

.m-block .title {
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
}

	.m-block .title:first-child {
		margin-top: 0;
	}

	.title.title-thin {
		margin-bottom: 0;
	}

.m-block .subtitle {
	margin-bottom: 3em;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgb(160, 160, 160);
}
	
	.m-block .subtitle-dark {
		color: rgb(20, 20, 20);
	}
	
	.m-block .subtitle-desc {
		color: rgb(160, 160, 160);
	}

	.m-block .subtitle-thin {
		margin-bottom: 1em;
	}
	
	.m-block .subtitle-edge {
		margin-bottom: 0;
	}
	
/* Snippet */
.m-snippet .title,
.m-snippet h3 {
	margin-bottom: 1em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
}

.m-snippet .subtitle {
	margin-bottom: 3em;
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.m-snippet .caption.inset {
	margin: .8em 0 0 0;
	padding-bottom:.8em;
	line-height: 1.4;
}

	.m-snippet .caption .title,
	.m-snippet .caption .subtitle {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400;
		letter-spacing: normal;
		text-transform: none;
		margin-bottom: 0;
	}
	.m-snippet .caption .subtitle {
		color: rgb(160, 160, 160);
	}

	.m-snippet .subtitle-tight {
		margin-bottom: 0;
	}
	.m-snippet .subtitle-thin {
		margin-bottom: 1em;
	}
	
.m-snippet .title a {
	padding-bottom: 0.2em;
	border-bottom: 1px solid transparent;
}

	.m-snippet .title a:hover {
		border-bottom: 1px dotted rgb(50, 50, 50);
	}
	
	.m-snippet .title a:hover:after {
		border-bottom: 1px dotted rgb(255, 255, 255);
	}

.m-snippet img {
	width: 100%;
	margin-bottom: 0.5em;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   	    border-radius: 3px;
}

.m-snippet-date {
	margin-top: 0.5em;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}

	.m-snippet-date a {
		padding-bottom: 0.2em;
		color: rgb(160, 160, 160);
		border-bottom: 1px solid transparent;
	}
	
	.m-snippet-date a:hover {
		border-bottom: 1px dotted rgb(160, 160, 160);
	}
	
.m-snippet-sib {
	margin-top: 3em;
}

.m-snippet-sib:first-child {
	margin-top: 0;
}

.m-snippet-aside {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid rgb(220, 220, 220);
}

.m-snippet-aside .m-snippet {
	margin-bottom: 2em;
}

.m-snippet-aside .subtitle {
	margin-bottom: 2em;
}

.m-snippet-aside:last-child {
	border-bottom: none;
}

.m-snippet-aside p {
	font-size: 13px;
	font-size: 1.3rem;
}

.m-snippet-aside .m-snippet-cta {
	font-size: 19px;
	font-size: 1.9rem;
}

.m-snippet-hero p {
	margin: 0;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.5;
}

	.m-snippet-hero .m-snippet-date {
		margin-top: 1em;
		font-size: 12px;
		font-size: 1.2rem;
	}
	
/* Address */
.m-address .tel {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
}

/* Tweet */
.tweet-content {
	font-weight: 400;
}

img.tweet-avatar {
	width: auto !important;
	margin: 0 1em;
	vertical-align: middle;
}

.tweet-user {
	border-bottom: 1px solid rgb(240, 240, 240);
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	color: rgb(160, 160, 160);
	font-weight: 400; 
}

/* Button */
.m-button {
	width: 100%;
	padding: 1em 0;
	display: block;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   	    border-radius: 3px;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: normal;
	color: rgb(50, 50, 50);
	background-color: rgb(220, 220, 220);
	cursor: pointer;
}

	.m-button:hover {
		background-color: rgb(180, 180, 180);
	}

	.m-button-download {
		background-image: url(../img/sd-sprite.png);
		background-repeat: no-repeat;
		background-position: 14px -189px;
	}
	
	.m-button-download:hover {
		background-color: rgb(180, 180, 180);
	}

	.m-button.active .m-button-text-default,
	.m-button .m-button-text-active {
		display: none;
	}

	.m-button .m-button-text-default,
	.m-button.active .m-button-text-active {
		display: inline;
	}
	
.m-button.active .m-button-label-inactive {
	display: none;
}

.m-button-label-active {
	display: none;
}

	.m-button.active .m-button-label-active {
		display: block;
	}
	
.m-button-con {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	opacity: 0;
}

	.m-button-con:hover,
	.m-button-con.active {
		opacity: 1;
	}
	
	.m-button-assets {
		width: 200px;
		margin-left: -100px;
		margin-top: -15px;
		position: absolute;
		left: 50%;
		top: 50%;
	}
	
.m-button.loading .m-button-label-inactive {
	display: none;
}

.m-button-label-loading {
	display: none;
	line-height: 14px;
}

	.m-button-label-loading:after {
		width: 70px;
		height: 2px;
		display: block;
		content: "";
		position: absolute;
		left: 50%;
		top: 140%;
		margin-left: -35px;
		background: url(../img/ajax-loader.gif) no-repeat center;
	}

	.m-button.loading .m-button-label-loading {
		display: block;
	}
	
.m-button-expand {
	padding-bottom: 0.2em;
	display: inline-block;
	border-bottom: 1px dotted transparent;
}

	.ie7 .m-button-expand {
		display: inline;
		zoom: 1;
	}

	.m-button-expand:hover {
		border-bottom: 1px dotted rgb(50, 50, 50);
	}
	
.m-button-expand.active .m-button-label-inactive {
	display: none;
}

.m-button-expand.active .m-button-label-active {
	display: block;
}

/* Page Intro */
.m-page-intro {
	position: relative;
}

	.m-page-intro-work {
		background: rgb(1, 1, 1);
	}
	
	.m-page-intro-work .title {
		color: rgb(242, 242, 240);
	}

.m-page-intro .title,
.m-page-intro .subtitle {
	margin: 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
}

.m-page-intro .subtitle {
	margin: 0.5em 0;
}

.m-page-intro .hero-text {
	margin: 2em 0 0 0;
}

.m-page-intro .hero-text p {
	margin: 0 0 1em 0;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.4;
}

	.m-page-intro .hero-text p:last-child {
		margin-bottom: 0;
	}
	
.m-page-intro .hero-text a {
	padding-bottom: 0.2em;
	border-bottom: 1px dotted transparent;
	border-color: rgb(220, 220, 220);
	border-color: rgba(255, 255, 255, 0.7);
	text-decoration: none !important;
}

	.m-page-intro .hero-text a:hover {
		border-color: transparent !important;
	}

/* Text-heavy content */
.m-text {

}

.m-text h3 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
}

.m-text h3,
.m-text p,
.m-text ul {
	margin: 2em 0;
}

.m-text p:first-child,
.m-text .closer {
	margin-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
}

.m-text ul {
	padding-left: 2em;
	list-style: disc outside;
}

.m-text li {
	padding-left: 1em;
	margin: 1em 0;
}

/* Text Call to action */
.m-text-cta {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
}

	.m-text-cta-hero {
		margin: 0;
		height: 80px;
		line-height: 80px;
	}

.m-text-cta a {
	padding: 0.3em;
	border-bottom: 1px solid transparent;
	text-transform: uppercase;
}

	.m-text-cta a:hover {
		border-bottom: 1px dotted rgb(50, 50, 50);
	}

/* Email call to action */
.m-email-cta {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.m-email-cta p {
	margin: 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.6;
}

.m-email-cta a {
	padding-top: 2em;
	padding-bottom: 2em;
	display: block;
}

/* Case Study Heroes */
.m-hero-case {
	margin: 0;
}

.m-hero-case-item {
	width: 100%;
	min-height: 400px;
	position: relative;
	background-repeat: no-repeat;
	background-position: right top;
}

	.js .m-hero-case-item {
		min-height: 600px;
	}

.m-hero-case-text {
	width: auto !important;
	position: absolute;
	top: 50%;
	margin-top: -9em;
	line-height: 1.2;
}

	.js.no-touch .m-hero-case-text {
		margin-top: -12em;
	}
	
	.m-hero-case-item-cannes .m-hero-case-text {
		top: 42%;
	}

.m-hero-case-item .title,
.m-hero-case-item .subtitle {
	font-size: 80px;
	font-size: 8rem;
}

.m-hero-case-item .title {
	padding-bottom: 0.2em;
	font-weight: 400;
}

.m-hero-case-item .subtitle {
	display: block;
	color: rgb(255, 255, 255);
}

.m-hero-case-item .cta {
	margin-top: 2em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted transparent;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

	.ie7 .m-hero-case-item .cta {
		display: inline;
		zoom: 1;
	}
	
	.m-hero-case-item-cannes .cta {
		margin-top: 3em;
	}

.m-hero-case-item .cta:hover {
	border-bottom: 1px dotted rgb(255, 255, 255);
}

.m-hero-case-item-cannes .cannes-icons {
	width: 100%;
	float: left;
}

.m-hero-case-item-cannes .cannes-icons li {
	width: 80px;
	padding-top: 70px;
	margin-right: 20px;
	float: left;
	background-position: center top;
	background-repeat: no-repeat;
}

	.m-hero-case-item-cannes .cannes-icons .gold {
		background-image: url(/content/01-work/cannes-awards/gold.png);
	}
	
	.m-hero-case-item-cannes .cannes-icons .silver {
		background-image: url(/content/01-work/cannes-awards/silver.png);
	}
	
	.m-hero-case-item-cannes .cannes-icons .bronze {
		background-image: url(/content/01-work/cannes-awards/bronze.png);
	}

/* Case Study Hero Nav */
.hero-nav {
	padding-bottom: 70px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
}

.hero-nav li {
	border-top: 1px solid transparent;
	float: left;
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem;
}

	.hero-nav li.inactive {
		border-color: rgb(255, 255, 255) !important;
		border-color: rgba(255, 255, 255, 0.3) !important;
	}
	
	.hero-nav li.inactive:hover {
		border-color: rgba(255, 255, 255, 1) !important;
	}

	.hero-nav li:first-child {
		margin-left: 0;
	}
	
	.hero-nav-items-2 li {
		width: 48%;
		margin-left: 4%;
	}
	
	.hero-nav-items-3 li {
		width: 30%;
		margin-left: 5%;
	}
	
	.hero-nav-items-4 li {
		width: 23.5%;
		margin-left: 2%;
	}
	
	.hero-nav-items-5 li {
		width: 20%;
		margin-left: 0;
	}
	
	.hero-nav-items-6 li {
		width: 16.5%;
		margin-left: 0;
	}

.hero-nav .title {
	padding-top: 30px;
	display: block;
	font-weight: 400;
	color: rgb(255, 255, 255) !important;
}

.hero-nav .cta,
.hero-nav .cannes-icons {
	display: none;
}

/* Social icon module */
.m-social-icon {
	margin: 1.25em 0;
}

.m-social-icon li {
	margin-right: 0.3em;
	display: inline-block;
}

	.ie7 .m-social-icon li {
		display: inline;
		zoom: 1;
	}

.m-social-icon a {
	width: 30px;
	height: 30px;
	display: block;
	background: rgb(0, 0, 0);
	text-indent: -9999px;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	   	    border-radius: 2px;
}

	.m-social-icon a:hover {
		opacity: 0.6;
	}

.m-social-icon .m-social-icon-gp {
	background: url(../img/sd-sprite.png) no-repeat -336px -35px;
	background-color: rgb(254, 0, 0);
}

.m-social-icon .m-social-icon-tw {
	background: url(../img/sd-sprite.png) no-repeat -34px -35px;
	background-color: rgb(101, 197, 235);
}

.m-social-icon .m-social-icon-fb {
	background: url(../img/sd-sprite.png) no-repeat -136px -35px;
	background-color: rgb(74, 104, 177);
}

.m-social-icon .m-social-icon-vim {
	background: url(../img/sd-sprite.png) no-repeat -236px -35px;
	background-color: rgb(103, 200, 235);
}

/* Map */
.m-map {
  background-color: rgb(239, 239, 239);
  height: 582px;
  margin-top: 3em;
  position: relative;
  box-shadow: 0 6px 8px -5px rgba(123, 123, 123, .2) inset;
}

.m-map .static-map,
.m-map .dynamic-map {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.m-map .static-map {
  display: none;
}

.no-js .m-map .static-map {
  display: block;
  background: url("../img/static-map-sprite.png") no-repeat center center transparent;
}

.no-js .london .static-map {
  background-position: center top;
}

.no-js .new-york .static-map {
  background-position: center bottom;
}

.touch .m-map .dynamic-map {
  pointer-events: none;
}

/* Running text */
.running-text p {
	margin: 2em 0;
}

.running-text h2 + p {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
}

.m-block .running-text h2 {
	margin-top: 3em;
	margin-bottom: 2em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.5;
}

.m-block .running-text h2:first-child {
	margin-top: 0;
}

/* Fixie */
.fixie-container {
	position: relative;
}

.fixie-title {
	width: auto;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	position: absolute;
	left: 0;
	right: 0;
	top: 35px;
	z-index: 500;
}

	.fixie-title .title {
		margin-bottom: 0;
	}

/* Collage */
.m-collage {
	overflow: hidden;
	margin-bottom: -2em;
}
.m-collage .item {
	display: block;
	float: left;
	line-height: 0;
	width: 25%;
	height: auto;
}
.m-collage img {
	width:100%;
}

/* Reveal */
.js .m-reveal {
	height: 0;
	overflow: hidden;
	-webkit-transition: all 300ms ease-out;
   	   -moz-transition: all 300ms ease-out;
   		    transition: all 300ms ease-out;
}

/* Case Study Assets */
.m-case-assets-con {
	width: 100%;
	float: left;
}

.m-case-assets li {
	padding-top: 2.5em;
	margin-bottom: 2.5em;
	line-height: 1;
	position: relative;
}
	.js .m-case-assets li {
		height: 0;
		overflow: hidden;
	}

	.m-case-assets li:first-child {
		padding-top: 0;
		height: auto;
		line-height: 0;
	}
	
	.m-case-assets li:last-child {
		margin-bottom: 0;
	}

	.m-case-assets .m-case-assets-new-item .subtitle {
		border-top: 1px dotted rgb(160, 160, 160);
		padding-top: 3em;
	}
	
	.m-case-assets-new-item:first-child {
		border-top: 0;
	}
	
.m-case-assets .m-case-assets-new-item {
	padding-top: 0;
}
	
.m-case-assets .subtitle,
.m-case-assets li:first-child .subtitle {
	margin-bottom: 2em;
	display: none;
}

	.m-case-assets-new-item .subtitle {
		display: block;
	}
	
.m-case-assets p {
	padding: 0 0 1em 0;
}

.m-case-assets img,
.m-case-assets video {
	width: 100%;
}

.m-case-assets .swf {

}

.m-case-assets .swf-req {
	width: 250px;
	padding: 10px;
	left: 50%;
	top: 50%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	text-align: center;
	-webkit-border-radius: 5px;
}

/* Case Study reveal assets */
.m-reveal-trigger {
	position: relative;
	background: rgb(0, 0, 0);
	cursor: pointer;
}

.m-reveal-trigger:hover .asset {
	opacity: 0.6;
}

.m-reveal-text {
	width: 180px;
	height: 40px;
	line-height: 40px;
	margin-left: -90px;
	margin-top: -20px;
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.m-reveal-trigger:hover .m-reveal-text {
	opacity: 1;
}

.m-reveal-cta {
	cursor: pointer;
}

	.m-reveal-cta:after {
		border-bottom: 0;
		margin-left: 0.5em;
		font-family: "Lucida Grande";
		font-size: 14px;
		font-size: 1.4rem;
		vertical-align: top;
		content: '↓';
	}

/* FWA Ribbon */
.m-fwa-ribbon {
	width: 100px;
	height: 100px;
	margin: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 1;
	text-indent: -9999px;
	background: url(../img/sd-sprite.png) no-repeat 9999px 9999px;
	pointer-events: none;
}

	.m-fwa-sotd {
		background-position: right -350px;
	}

	.m-fwa-sotm {
		background-position: right -450px;
	}
	
	.m-fwa-soty {
		background-position: right -550px;
	}
	
	.m-fwa-pca {
		background-position: right -650px;
	}
	
	.m-fwa-motd {
		background-position: right -750px;
	}
	.m-fwa-cea{
		background-position:right -850px;
	}

/* Awwwards Ribbon */
.m-awwwards-ribbon {
	width: 100px;
	height: 140px;
	margin: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 1;
	text-indent: -9999px;
	background: url(../img/sd-sprite.png) no-repeat 9999px 9999px;
	pointer-events: none;
}
	.m-awwwards-sotd{
		background-position:right -950px;
	}

	.m-awwwards-sotm{
		background-position:right -1090px;
	}

.m-adobe-ribbon {
	width: 100px;
	height: 100px;
	margin: 0;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 1;
	text-indent: -9999px;
	background: url(../img/sd-sprite.png) no-repeat 9999px 9999px;
	pointer-events: none;
}
	.m-adobe-cea{
		background-position:right -850px;
	}

/* List Table */
.m-list-table-con {
	margin-top: 2em;
}

.m-list-table-con .subtitle{
	margin-top: 3em;
}

.m-list-table,
.m-list-table.row {
	padding-bottom: 1em;
	border-bottom: 1px solid rgb(232, 232, 232);
}

	.m-list-table:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
	}
	
.m-list-table .subtitle {
	margin-bottom: 1.5em;
}

.m-list-table ul {
	width: 90%;
	float: right !important;
}

.m-list-table li {
	width: 100%;
	margin-top: 0em;
	margin-bottom: 1em;
	display: inline-block;
}

	.m-list-table ul:last-child li:last-child {
		margin-bottom: 3em;
	}
	
	.ie7 .m-list-table li {
		display: inline;
		zoom: 1;
	}

.m-list-table-icon {
	width: 50px;
	height: 50px;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	margin-top: 0.4em;
	text-indent: -9999px;
	background: url(../img/sd-sprite.png) no-repeat 0 0;
}

	.m-list-table-icon-fwa {
		background-position: -150px -360px;
	}
	
	.m-list-table-icon-cannes {
		height: 70px;
		background-position: -150px -450px;
	}
	
	.m-list-table-icon-bima {
		background-position: -150px -560px;
	}
	
	.m-list-table-icon-eurobest {
		height: 70px;
		background-position: -150px -660px;
	}
	
	.m-list-table-icon-oneshow {
		background-position: -150px -755px;
	}
	
	.m-list-table-icon-webby-awards {
		height: 70px;
		background-position: -150px -850px;
	}
	
	.m-list-table-icon-sxsw {
		height: 70px;
		background-position: -150px -960px;
	}
	
	.m-list-table-icon-british-arrows {
		background-position: -150px -1050px;
		margin-top: 0;
	}
	
	.m-list-table-icon-dandad {
		background-position: -150px -1150px;
		margin-top: 0;
	}
	
	.m-list-table-icon-clio {
		background-position: -150px -1250px;
		margin-top: 0;
	}
	
	.m-list-table-icon-adcn {
		background-position: -150px -1355px;
		margin-top: 0;
	}
	
	.m-list-table-icon-lia {
		background-position: -150px -1450px;
		margin-top: 0;
	}
	
.m-list-table-pri {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-size: 1.4rem;
}

.m-list-table-sec {
	margin-top: 0;
	margin-bottom: 0;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
}

.m-list-table-ter {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: rgb(160, 160, 160);
}

/* Network List */
.m-network-item {
	padding: 50px 20px;
	border-top: 1px solid rgb(220, 220, 220);
}
	
	.m-network-item:first-child {
		padding-top: 25px;
		border-top: none;
	}
	
.m-network-item img {
	margin-bottom: 20px;
}

/* Featured Awards */
.m-list-summary li {
	font-size: 20px;
	font-size: 2rem;
	line-height: 75px;
	text-align: center;
	color: rgb(200, 200, 200);
}

	.boxsizing .m-list-summary li:nth-child(1),
	.boxsizing .m-list-summary li:nth-child(2),
	.boxsizing .m-list-summary li:nth-child(3) {
		border-right: 1px solid rgb(200, 200, 200);
		-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
	}
	
.m-list-summary .m-button {
	margin-top: 20px;
}
.boxsizing .m-list-summary li:nth-child(1) .m-list-summary-num{
	margin-left: -4px;
}
.boxsizing .m-list-summary li:nth-child(2) .m-list-summary-num,
	.boxsizing .m-list-summary li:nth-child(3) .m-list-summary-num,
	.boxsizing .m-list-summary li:nth-child(4) .m-list-summary-num {
		margin-left: -30px;
	}

.m-list-summary-num {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 400;
	vertical-align: middle;
	color: rgb(20, 20, 20);
}

.m-list-summary-mul {
	margin: 0 0.75em;
	font-size: 26px;
	font-size: 2.6rem;
	vertical-align: middle;
}

.m-list-summary-icon {
	width: 75px;
	height: 75px;
	margin-right: 0.5em;
	display: inline-block;
	vertical-align: middle;
	text-indent: -9999px;
	background: url(../img/sd-sprite.png) no-repeat -9999px -9999px;
}

	.ie7 .m-list-summary-icon {
		display: inline;
		zoom: 1;
	}

.m-list-summary-fwa {
	background-position: 0px -350px;
}

.m-list-summary-cannes {
	background-position: 0px -450px;
}

.m-list-summary-bima {
	background-position: 0px -550px;
}

.m-list-summary-eurobest {
	background-position: 0px -650px;
}

.m-list-summary-oneshow {
	background-position: 0px -750px;
}

.m-list-summary-webby-awards {
	background-position: 0px -850px;
}

.m-list-summary-sxsw {
	background-position: 0px -950px;
}

.m-icon-list-british-arrows {
	background-position: 0px -1050px;
}

.m-icon-list-dandad {
	background-position: 0px -1150px;
}

.m-icon-list-clio {
	background-position: 0px -1250px;
}

.m-icon-list-adcn {
	background-position: 0px -1355px;
}

.m-icon-list-adobe {
	background-position: 0px -1550px;
}

.m-list-summary-lia {
	background-position: 0px -1450px;
}
.m-list-summary-awwwards {
	background-position: 0px -250px;
}
.m-list-summary-adobe {
	background-position: 0px -1550px;
}

/* Simple list */
.m-simple-list {

}

.m-simple-list li {
	padding: 1em 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	text-indent: 1em;
	border-bottom: 1px solid rgb(220, 220, 220);
}

	.m-simple-list li:last-child {
		border-bottom: 0;
	}
	
/* Icon list */
.m-icon-list {
	margin-bottom: 2em;
}

.m-icon-list li {
	width: 100%;
	margin-bottom: 1.5em;
	display: inline-block;
	line-height: 1;
}

	.m-icon-list li:before {
		width: 50px;
		height: 50px;
		margin: 0 1em 0 0;
		content: '';
		float: left;
		background-image: url(../img/sd-sprite.png);
		background-repeat: no-repeat;
	}
	
	.ie7 .m-icon-list li {
		display: inline;
		zoom: 1;
	}
	.m-icon-list-awwwards:before {
		background-position: -150px -250px;
	}
	.m-icon-list-fwa:before {
		background-position: -150px -350px;
	}
	
	.m-icon-list-cannes:before {
		background-position: -150px -450px;
	}

	.m-icon-list-bima:before {
		background-position: -150px -550px;
	}
	
	.m-icon-list-eurobest:before {
		background-position: -150px -650px;
	}
	
	.m-icon-list-oneshow:before {
		background-position: -150px -750px;
	}
	
	.m-icon-list-webby-awards:before {
		background-position: -150px -850px;
	}
	
	.m-icon-list-sxsw:before {
		background-position: -150px -950px;
	}
	
	.m-icon-list-british-arrows:before {
		background-position: -150px -1050px;
	}
	
	.m-icon-list-dandad:before {
		background-position: -150px -1150px;
	}
	
	.m-icon-list-clio:before {
		background-position: -150px -1250px;
	}
	
	.m-icon-list-adcn:before {
		background-position: -150px -1355px;
	}
	
	.m-icon-list-lia:before {
		background-position: -150px -1450px;
	}

	.m-icon-list-lia:before {
		background-position: -150px -1550px;
	}

.m-icon-list-title {
	margin-top: 0.5em;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}

.m-icon-list-subtitle {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	color: rgb(160, 160, 160);
	text-transform: uppercase;
}

/* Link list */
.m-link-list {
	
}
	.m-link-list li {
		margin-bottom: 2em;
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: 400;
		color: rgb(160, 160, 160);
		text-transform: uppercase;
	}

	.m-link-list a,
	.m-link-list-title {
		display: block;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400;
		text-transform: none;
		color: rgb(20, 20, 20);
	}
	
	.m-link-list a:after {
		margin-left: 0.5em;
		font-family: "Lucida Grande";
		font-size: 14px;
		font-size: 1.4rem;
		vertical-align: middle;
		content: '→';
	}
	
/* Hero video */
.m-hero-video {
	margin-top: 2em;
	margin-bottom: 3em;
}

/* Video embed */
.m-stretch-video {
	overflow: hidden;
	position: relative;
	padding-bottom: 56%;
	height: 0;
}

.m-stretch-video iframe,
.m-stretch-video .video {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 10 !important;
	width: 100% !important;
	height: 100% !important;
}

	.js .m-reveal .m-stretch-video iframe,
	.js .m-reveal .m-stretch-video .video {
		display: none;
	}

	.js .m-reveal.expanded .m-stretch-video iframe,
	.js .m-reveal.expanded .m-stretch-video .video {
		display: block;
	}

.m-anchor {
	position: absolute;
	left: 0;
	top: -90px;
}

/* Media browser */
.media-browser {
	width: 100%;
	float: left;
	position: relative;
}

.media-browser-trigger {
	display: block;
	cursor: pointer;
}

	.js .media-browser-trigger {
		margin-top: 270%;
	}
	
.js .active .media-browser-trigger img,
.js .inactive:hover .media-browser-trigger img {
	opacity: 1;
}

.js .inactive .media-browser-trigger img {
	opacity: 0.3;
}

.js .media-browser-media {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

	.inactive .media-browser-media {
		opacity: 0;
	}
	
	.active .media-browser-media {
		opacity: 1;
	}

/* Stink videos */
.m-stink-videos .m-simple-list li {
	padding: 1.5em 0 0;
	border-bottom-style: dotted;
}
/*
.m-stink-videos a {
	position: relative;
	padding-left: 4em;
	display: block;
}
*/
/*
.m-stink-videos a:before {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.7em;
}
*/
.m-stink-videos .title,
.m-stink-videos .subtitle {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5em;
	text-transform: capitalize;
	letter-spacing: 0;
}
.m-stink-videos .title {
	margin: 0;
	font-weight: 400;
	color: rgb(241, 131, 176);
}
.m-stink-videos .subtitle {
	font-weight: 300;
	color: rgb(41, 41, 41);
}
.m-stink-videos .m-sdVideo {
	margin-bottom: 2em;
}

/* Stink video player skin for video-js */
.video-js.vjx-stink-skin {

}
.vjx-stink-skin .vjs-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	height: 30px;
	background: black;
}
.vjx-stink-skin .vjs-poster,
.vjx-stink-skin .vjs-tech {
	position: absolute;
	height: 100%;
}
.vjx-stink-skin .vjs-control-text,
.vjx-stink-skin .vjs-time-controls,
.vjx-stink-skin .vjs-volume-control,
.vjx-stink-skin .vjs-big-play-button {
	display: none;
}
.vjx-stink-skin .vjs-play-control,
.vjx-stink-skin .vjs-fullscreen-control,
.vjx-stink-skin .vjs-mute-control {
	display: block;
	position: absolute;
	height: 25px;
	width: 25px;
	bottom: 5px;
	background: url('../img/stink-video-icons.png') no-repeat left top transparent;
	cursor: pointer;
}
.vjx-stink-skin .vjs-play-control {
	left: 5px;
	background-position: left -25px;
}
.vjx-stink-skin .vjs-play-control:hover {
	background-position: right -25px;
}
.vjx-stink-skin.vjs-paused .vjs-play-control {
	left: 5px;
	background-position: left 0px;
}
.vjx-stink-skin.vjs-paused .vjs-play-control:hover {
	background-position: right 0px;
}
.vjx-stink-skin .vjs-mute-control {
	right: 35px;
	background-position: left -75px;
}
.vjx-stink-skin .vjs-mute-control:hover {
	background-position: right -75px;
}
.vjx-stink-skin .vjs-mute-control.vjs-vol-0 {
	background-position: left -100px;
}
.vjx-stink-skin .vjs-mute-control.vjs-vol-0:hover {
	background-position: right -100px;
}
.vjx-stink-skin .vjs-fullscreen-control {
	right: 5px;
	background-position: left -50px;
}
.vjx-stink-skin .vjs-fullscreen-control:hover {
	background-position: right -50px;
}

.vjx-stink-skin .vjs-progress-control {
	position: absolute;
	top: 12px;
	left: 40px;
	right: 80px;
	height: 1px;
	z-index: 400;
	background: #777;
}
.vjx-stink-skin .vjs-progress-holder,
.vjx-stink-skin .vjs-load-progress,
.vjx-stink-skin .vjs-play-progress {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: inherit;
	display: none; /* temporary hiding this as the time scrubber doesn't work */
}
.vjx-stink-skin .vjs-progress-holder {
	width: 100%;
	position: relative;
}
.vjx-stink-skin .vjs-load-progress {
	background: #fff;
}
.vjx-stink-skin .vjs-play-progress {
	background: #FD1277;
}
	
/* Themes */

	/* Home */
	.t-home .subtitle-theme {
		color: rgb(254, 0, 0);
	}
	
	/* About */
	.site-header .site-nav .about a.active {
		border-bottom: 1px dotted rgb(255, 123, 61);
	}
	
	.t-about .m-page-intro {
		color: rgb(255, 255, 255);
		background-color: rgb(255, 123, 61);
	}
	
	.t-about .m-email-cta .m-block {
		color: rgb(255, 123, 61);
		background: rgb(243, 243, 243);
	}
	
	.t-about .m-email-cta .m-block:hover {
		color: rgb(255, 255, 255);
		background: rgb(255, 123, 61);
	}

	.t-about .subtitle-theme {
		color: rgb(255, 123, 61);
	}
	
	.t-about .subtitle-theme:hover {
		border-color: rgb(255, 123, 61);
	}
	
	.t-about ::selection {
		background: rgb(255, 123, 61);
	}
	
	.t-about.m-block-colour {
		color: rgb(255, 255, 255);
		background-color: rgb(255, 123, 61);
	}
	
	.t-about.m-block-colour .m-list-summary-num,
	.t-about.m-block-colour .m-list-summary-mul {
		color: rgb(255, 255, 255);
	}
	
	.t-about.m-block-colour .m-list-summary li {
		border-right: 1px solid rgb(255, 255, 255);
	}
	
	.t-about.m-block-colour .m-list-summary li:last-child {
		border-right: 0;
	}
	
	.t-about.m-block-colour .subtitle-theme {
		color: rgb(255, 255, 255);
	}
	
	.t-about.m-block-colour .subtitle-theme:hover {
		border-color: rgb(255, 255, 255);
	}

	/* Careers */
	.site-header .site-nav .careers a.active {
		border-bottom: 1px dotted rgb(193, 27, 100);
	}
	
	.t-careers .subtitle-theme {
		color: rgb(193, 27, 100);
	}
	
	.t-careers .m-page-intro {
		color: rgb(255, 255, 255);
		background-color: rgb(193, 27, 100);
	}
	
	.t-careers .m-email-cta .m-block {
		color: rgb(193, 27, 100);
		background: rgb(255, 255, 255);
	}
	
	.t-careers .m-email-cta .m-block:hover {
		color: rgb(255, 255, 255);
		background: rgb(193, 27, 100);
	}
	
	.t-careers .m-text-cta a:hover {
		border-color: rgb(193, 27, 100);
	}
	
	.t-careers ::selection {
		background: rgb(193, 27, 100);
	}
	
	.t-careers.m-block-colour {
		color: rgb(255, 255, 255);
		background-color: rgb(193, 27, 100);
	}
	
	.t-careers.m-block-colour .subtitle-theme {
		color: rgb(255, 255, 255);
	}
	
	.t-careers.m-block-colour .subtitle-theme:hover {
		border-color: rgb(255, 255, 255);
	}
	
	/* Contact */

	.site-header .site-nav .contact a.active {
		border-bottom: 1px dotted rgb(255, 0, 0);
	}
	
	.t-contact .subtitle-theme,
	.t-contact .title-theme {
		color: rgb(254, 0, 0);
	}
	
	.t-contact .title-theme {
		font-weight: 400;
	}
	
	.t-contact ::selection {
		background: rgb(255, 0, 0);
	}

	.t-contact .m-page-intro {
		color: rgb(255, 255, 255);
		background-color: rgb(255, 0, 0);
	}
	
	.t-contact .m-email-cta .m-block {
		color: rgb(20, 20, 20);
		background: rgb(243, 243, 243);
	}
	
	.t-contact .m-email-cta .m-block:hover {
		background: rgb(220, 220, 220);
	}

	.t-contact .m-person {
		padding-top: 0;
		padding-bottom: 1em;
		font-size: 14px;
		font-size: 1.4rem;
		color: rgb(41, 41, 41);
	}

	.t-contact .person-name,
	.t-contact .person-email {
		margin: 0;
	}
	
	/* News */

	.site-header .site-nav .news a.active {
		border-bottom: 1px dotted rgb(61, 168, 246);
	}
	
	.t-news .subtitle-theme {
		color: rgb(61, 168, 246);
	}
	
	.t-news .subtitle-theme:hover {
		border-color: rgb(61, 168, 246);
	}
	
	.t-news ::selection {
		background: rgb(61, 168, 246);
	}
	
	.t-news .m-page-intro {
		color: rgb(255, 255, 255);
		background-color: rgb(61, 168, 246);
	}
	
	.t-news .m-email-cta .m-block {
		color: rgb(61, 168, 246);
		background: rgb(255, 255, 255);
	}
	
	.t-news .m-email-cta .m-block:hover {
		color: rgb(255, 255, 255);
		background: rgb(61, 168, 246);
	}
	
	.t-news .m-snippet-content a {
		border-bottom: 1px dotted rgb(61, 168, 246);
		padding-bottom: 0.2em;
		font-size: 11px;
		font-size: 1.1rem;
		font-weight: 400;
		letter-spacing: 1px;
		color: rgb(105, 191, 254);
	}

		.t-news .m-snippet-content a:hover {
			border-bottom-color: transparent;
		}
		
	.t-news .m-snippet-hero .m-snippet-content a {
		font-size: 20px;
		font-size: 2rem;
		font-weight: 400;
	}
	
	.t-news .m-snippet-content a {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400;
	}
	
	.t-news .m-page-intro .m-snippet a {
		color: rgb(255, 255, 255);
		border-bottom: 1px dotted rgb(255, 255, 255);
	}
	
	.t-news .m-page-intro .m-snippet-date {
		color: rgb(255, 255, 255);
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	.t-news .m-page-intro .m-snippet-date a {
		border-bottom: 1px dotted transparent;
	}
	
	.t-news .m-page-intro .m-snippet-date a:hover {
		border-bottom: 1px dotted rgb(255, 255, 255);
	}
	
	.t-news.m-block-colour {
		color: rgb(255, 255, 255);
		background-color: rgb(61, 168, 246);
	}
	
	.t-news.m-block-colour .m-snippet-date {
		color: rgb(255, 255, 255);
	}
	
	.t-news.m-block-colour .m-snippet a {
		color: rgb(255, 255, 255);
		border-bottom: 1px dotted rgb(255, 255, 255);
	}
	
	/* Work */
	.site-header .site-nav .work a.active {
		border-bottom: 1px dotted rgb(90, 209, 79);
	}
	
	.t-work .m-page-intro {
		color: rgb(255, 255, 255);
		background-color: rgb(90, 209, 79);
	}
	
	.t-work .subtitle-theme {
		color: rgb(90, 209, 79);
	}
	
	.t-work ::selection {
		background: rgb(90, 209, 79);
	}
	
	.t-work .m-page-intro .title {
		color: rgb(255, 255, 255);
	}

	.t-work .m-snippet a {
		display: block;
		cursor: pointer;
	}
	
	.t-work .img-container {
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
	}
	
		.t-work a:hover .img-container {
			background-color: rgb(0, 0, 0);
		}
	
	.t-work .m-snippet img {
		display: block;
		margin-bottom: 0;
		-webkit-border-radius: 2px;
		   -moz-border-radius: 2px;
		        border-radius: 2px;
	}

	.t-work .m-snippet a:hover img {
		opacity: 0.6;
	}
	
	.t-work .m-fwa-ribbon {
		z-index: 400;
	}
	
	.js .t-work .showreel {
		display: block;
		cursor: pointer;
	}
	
	.js .t-work .m-block-bright.showreel:hover {
		background: rgb(220, 220, 220);
	}





/*
*
*	Media queries
*
*/

/* Smaller screens */
@media only screen and (max-width: 1023px) {

	.m-hero-case-item .title,
	.m-hero-case-item .subtitle {
		font-size: 60px;
		font-size: 6rem;
	}

}

/* Mobile */
@media handheld, only screen and (max-width: 767px) {

	/* Base */	
	body {
		padding-top: 0;
	}
	
	.no-touch body {
		padding-top: 110px;
	}

	/* Site header */	
	.site-header h1 a {
		height: 45px;
	}
	
	.site-header .site-nav {
		position: static;
	}

	.site-header .site-nav ul {
		margin-left: 20px;
		float: left;
	}
	
	.site-header .site-nav li {
		margin-left: 0;
		margin-right: 0.4em;
		letter-spacing: 1px;
	}

	/* Site Footer */
	.site-footer .m-block .title {
		margin-bottom: 3em;
	}
	
	.site-footer .email {
		margin-bottom: 2em;
	}
	
	.site-footer .threecol {
		padding-top: 1em;
	}
	
	/* Hero Nav */
	.hero-nav {
		display: none;
	}
	
	/* Content block */
	.m-block {
		padding-top: 2em;
		padding-bottom: 1em;
	}
	
		.m-block-tight {
			padding-top: 1.5em;
			padding-bottom: 1.5em;
		}
	
	.m-block .subtitle {
		margin-bottom: 2em;
	}
	
	.m-block .subtitle-edge {
		margin-bottom: 0;
	}

	/* Case Study Heroes */
	.js .m-hero-case-item {
		min-height: 0;
	}
	
	.m-hero-case-item .container,
	.m-hero-case-item .row {
		height: 100%;
	}
	
	.m-hero-case-text {
		margin-top: -3em;
	}
	
	.m-hero-case-item .title,
	.m-hero-case-item .subtitle {
		font-size: 20px;
		font-size: 2rem;
		left: 20px;
	}
	
	.m-hero-case-item .cta {
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	/* 	Case Study Heroes – Cannes icons */
	.m-hero-case-item-cannes .cannes-icons {
		margin-top: 1em;
	}
	
	.m-hero-case-item-cannes .cannes-icons li {
		width: 40px;
		padding-top: 35px;
		background-size: 31px auto;
		text-align: center;
	}
	
	.m-hero-case-item-cannes .m-hero-case-text {
		margin-top: -6em;
	}
	
	/* FWA Ribbon */
	.m-fwa-ribbon {
		right: 19px;
	}
	
	/* Page Intro */
	.m-page-intro {
		padding-top: 0;
	}
	
	.m-page-intro .hero-text {
		margin-bottom: 1em;
	}
	
	.m-page-intro .hero-text p {
		font-size: 20px;
		font-size: 2rem;
	}
	
	/* Button */
	.m-button-expand {
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	/* Snippet */
	.m-snippet {
		margin-bottom: 2em;
	}
	
	.m-snippet img {
		width: 100%;
	}
	
	.m-snippet-hero p {
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	.m-snippet-date {
		margin-bottom: 1em;
	}
	
	/* Tweet */	
	.tweet-user {
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
	}
	
	/* Text call to action */
	.m-text-cta-hero {
		margin: 1em 0;
		height: auto;
		line-height: inherit;
	}
	
	/* Featured Awards */
	.boxsizing .m-list-summary li:nth-child(1),
	.boxsizing .m-list-summary li:nth-child(2) {
		border-right: 0;
	}
	
	/* Fixie */
	.fixie-title {
		position: static !important;
		padding-top: 3em !important;
	}
	
	/* Social icon module */
	.m-social-icon a {
		width: 50px;
		height: 50px;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		   	    border-radius: 5px;
	}
	
	.m-social-icon .m-social-icon-gp {
		background-position: -323px -23px;
	}
	
	.m-social-icon .m-social-icon-tw {
		background-position: -25px -23px;
	}
	
	.m-social-icon .m-social-icon-fb {
		background-position: -124px -23px;
	}
	
	.m-social-icon .m-social-icon-vim {
		background-position: -225px -24px;
	}
	
	/* Media browser */
	.js .media-browser-trigger {
		margin-top: 0;
	}
	
	/* Address */
	.m-address .tel {
		margin-bottom: 1.5em;
	}
	
	/* List Table */
	.m-list-table-icon {
		position: static;
	}
	
	.m-list-table ul {
		float: none !important;
	}
	
	/* Anchor */
	.m-anchor {
		top: -120px;
	}
	
	/* Network List */
	.m-network-item img {
		float: left;
		clear: both;
	}
	
	/* Case Study Assets */
	.m-case-assets li:last-child {
		padding-top: 0em;
		padding-bottom: 1em;
	}
	
	/* Themes */
	.t-news .m-snippet-hero a {
		font-size: 14px;
		font-size: 1.4rem;
	}

	/* Collage */
	.m-collage .item {
		width: 50%;
	}

}

/* Small mobile */
@media handheld, only screen and (max-width: 500px) {

	/* 	Navigation */
	.site-header .site-nav .lang-select {
		height: auto;
		margin-left: 0;
		position: absolute;
		right: 20px;
		top: 0;
	}
	
	.site-header .site-nav .lang-select li {
		margin-left: 0;
	}
	
	.site-header .site-nav .lang-select li:first-child {
		padding-left: 1.2em;
		border-left: none
	}

	/* Collage */
	.m-collage .item {
		width: 100%;
	}

}

/* Large screen */
@media only screen and (min-width: 1800px) {

	/* Collage */
	.m-collage .item {
		width: 12.5%;
	}

}

/* Pixel ratio of 2 */
@media only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
.site-header h1 a,
.m-list-table-icon,
.m-list-summary-icon,
.m-social-icon .m-social-icon-gp,
.m-social-icon .m-social-icon-tw,
.m-social-icon         .m-social-icon-fb,
.m-social-icon .m-social-icon-vim{
background-image:url(../img/sd-sprite@2x.png);
background-size:600px 1450px;
}
.m-list-summary-fwa{
background-position:0px -325px;
}
.m-list-summary-cannes{
background-position:0px -415px;
}
.m-list-summary-oneshow{
background-position:0px -705px;
}
.m-list-summary-webby-awards {
  background-position: 0px -795px;
}
.m-social-icon .m-social-icon-gp {
	background: url(../img/sd-sprite@2x.png) no-repeat -336px -35px;
	background-size:600px 1450px;
	background-color: rgb(254, 0, 0);
}

.m-social-icon .m-social-icon-tw {
	background: url(../img/sd-sprite@2x.png) no-repeat -34px -35px;
	background-size:600px 1450px;
	background-color: rgb(101, 197, 235);
}

.m-social-icon .m-social-icon-fb {
	background: url(../img/sd-sprite@2x.png) no-repeat -136px -35px;
	background-size:600px 1450px;
	background-color: rgb(74, 104, 177);
}

.m-social-icon .m-social-icon-vim {
	background: url(../img/sd-sprite@2x.png) no-repeat -236px -35px;
	background-size:600px 1450px;
	background-color: rgb(103, 200, 235);
}
}