/*********************************************************************************************************/
/* 																				  	SCREEN CSS			 */
/*********************************************************************************************************/

/* COLOURS */

/*

	brand pink: #EB1350

*/

/*********************************************************************************************************/
/* 																				  	SHARED STYLES		 */
/*********************************************************************************************************/

	.screen-reader-text {
		display:block;
		overflow:hidden;
		text-indent: 9999;
	}
	.backgroundscroll {
		background-position: center top;
		background-repeat:no-repeat;
	}
	
	/* GLOBAL BOX-SIZING */

	html {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	*, *:before, *:after {
		-moz-box-sizing: inherit;
		-webkit-box-sizing: inherit;
		box-sizing: inherit;
	}

/*********************************************************************************************************/
/* 																				  		TAGS			 */
/*********************************************************************************************************/
	
	html {
	   overflow: -moz-scrollbars-vertical !important;
	}
	body {
		background:#111;
		color:#000000;
		margin:0;
		padding:0;
		line-height: 1.5;	   
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-weight: 300;	
	}
	
/* BASIC ELEMENTS */	
	
	p, ul, li  {
		line-height: 1.2;
		font-size:1em;
	}
	p {
		line-height:1.55em;
	}	
	h1, h2, h3, h4, h5, h6 { 
		margin:0;
		line-height: 1;
		
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-weight: 300;	
	}
	h2 {
		text-transform:uppercase;
		color:#767676;
		text-align:center;
	}
	h4 {
		text-transform:uppercase;
		font-weight:700;
		font-size:1.1em;
		color:#333;
		letter-spacing:0.15em;
	}
	img { border: none; }
	a {
		color:#EB1350;
	}
	a:hover, 
	a:focus,
	a:active {
		outline: none;
	}
	
/* NAVIGATION */	
		
	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav ul li { 
		float:left;
	}
	nav ul li a { 
		text-decoration: none; 
	}

/* FIELDS / INPUTS / BUTTONS */	
	
	fieldset {
	   border: none;
	   padding:0;
	   margin: 0;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea {
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-size:.9em;
		font-weight:300;
		letter-spacing:0.1em;
		text-decoration:none;
		display:block;
		clear:both;
		color:#fff;
		background:none;
		float: left;
		width:100%;
		padding:10px 15px;
		margin-top:0px;
		border-radius:3px;
		border:none;
		background:rgba(0, 0, 0, 0.2);
		box-shadow:none;
		
		-webkit-appearance: none;
		-webkit-transition: padding 0.25s;
		transition: padding 0.25s;
	}
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		background:rgba(0, 0, 0, 0.22);
		box-shadow:inset 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
	}
	input[type="text"].submitted,
	input[type="password"].submitted,
	input[type="email"].submitted,
	textarea.submitted {
		background:none;
		box-shadow:none;
		border:none;
		color:#fff;	
		padding-left:0px;
		font-weight:600;
		
		
	}
	textarea {
		min-height:110px;
	}	
	select {
		display:block;
		padding:4px;
		background-color:#cccccc;
		border:none;
		text-align:center;
	}	
	label {
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-size:.8em;
		float: left;
		line-height:1.3em;
		margin:12px 0 3px;
		text-transform:uppercase;
		letter-spacing:0.1em;
	}
	label.error {
		float: left;
		clear:both;
		width:100%;
		margin:5px 0 2px;
		color:#EB1350;
	}
	label.error:before {
		content:'×';
		font-weight:600;
		font-size:1.45em;
		float:left;
		margin-right:4px;
	}
	label.labelfocus {
		color:#fff;
	}
	input[type="submit"] {
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		letter-spacing:0.1em;
		text-decoration:none;
		display:block;
		clear:both;
		color:#fff;
		background:rgba(0, 0, 0, 0.7);
		float: left;
		width:100%;

		padding:10px 20px;
		margin-top:32px;
		
		border:none;
		border-radius:3px;
	}
	input[type="submit"]:focus,
	input[type="submit"]:hover {
	}
	input.error,
	textarea.error {
		border:1px solid #EB1350;
		
	}

	/* BUTTON */
	
	.btn {
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-weight: 600;	
		text-transform:uppercase;
		letter-spacing:0.1em;
		text-decoration:none;
		display:block;
		clear:both;
		color:#ccc;
		text-align:center;

		padding:auto 20px;
		
		height:40px;
		line-height:40px;


		-webkit-transition: all 0.25s;
		transition: all 0.25s;		
		border-radius:3px;
		border:4px solid #ccc;
	}
	.btn:hover {
		color:#fff;
		border-color:#fff;
		
		font-size:1.1em;

		
	}
	
/*********************************************************************************************************/
/* 																				  		LAYOUT			 */
/*********************************************************************************************************/

	.wrap {
		display:block;
		position:relative;
		overflow:hidden;
		max-width:1300px;	
		width: 90%;
		margin: 0 auto;
		clear:both;
		-webkit-overflow-scrolling:touch;
		overflow:hidden;
	}
	.content {
		display: block;
		overflow:hidden;
		background-color:#fff;
	}
	.splash {
		min-height:500px;
	}
	.splash h1 {
		margin-top:210px;
		padding:10px 0;
		font-size:3em;
		line-height:1.3em;
		text-align:center;
		color:#fff;
	}
	#home .splash h1 {
		max-width:930px;
		margin: 265px auto 0;
	}
	
/* IE WARNING */

	#ie-warn {
		display:none;
	}



	
/*********************************************************************************************************/
/* 																				  		HEADER			 */
/*********************************************************************************************************/

	header.site {
		overflow:hidden;
		background:rgba(0, 0, 0, 0);
		padding:22px 0 29px;

		position:fixed;
		top:0;
		left:0;
		z-index: 999;
		width:100%;		
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
	}
	header.site.mini {
		padding:3px 0;
		background:rgba(0, 0, 0, .9);
		-webkit-transition: all 0.25s;
		transition: all 0.25s;	
	}
	header.basic {
		padding:30px 0;
	}
	header.basic > .wrap {
		width:172px;
	}
	

/* LOGO AND TAGLINE */
	
	.logo {
		display:block;
		width:145px;
		height:41px;
		background:url('../images/logo.png') 0 -41px;	
		text-indent:-999px;
		overflow:hidden;
		float:left;
		opacity:1;
		-webkit-transition: opacity 0.25s;
		transition: opacity 0.25s;
	}
	.logo-icon {
		display:block;
		width:21px;
		height:22px;
		background:url('../images/logo.png') -145px -41px;	
		text-indent:-999px;
		overflow:hidden;
		position:absolute;
		top:0px;
		left:145px;
		-webkit-transition: left 0.25s;
		transition: left 0.25s;
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
	only screen and (min-device-pixel-ratio: 1.5) {
	
		.logo,
		.logo-icon {
			background:url('../images/logo2x.png') 0 -41px;	
			background-size:166px 82px;
		}
		.logo-icon {
			background-position:-145px 0;
		}
		 
	}
	
	header.site.mini .logo {
		opacity:0;
		width:40px;
		position:relative;
		z-index:999;
	}
	header.site.mini .logo-icon {
		top:8px;
		left:0px;
		z-index:99;

		background-position:-145px 0;	

		-webkit-transition: left 0.25s, top 0.25s;
		transition: left 0.25s, top 0.25s;
	}
	
	
/* NAV */
	

	#nav-primary {
		float:right;
		margin-top:6px;
	}
	header.site.mini #nav-primary {
		margin-top:4px;
	}
	header.site.mini #nav-primary a {
		border:none;
	}
	header.site.mini #nav-primary a.active {	
		color:#EB1350;
		background:none;
	}
	#nav-primary ul li a { 
		color:#eee;
		display:block;
		
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-weight: 600;
		text-transform:uppercase;
		padding:7px 11px;
		margin:3px 10px;
		letter-spacing:0.1em;
		font-size:.85em;
		border-radius:5px;
	}
	#nav-primary ul li a:hover { 
		color:#fff;
	}
	#nav-primary ul li a.active { 
		background:rgba(0, 0, 0, 0.5);
		
	}
	#menutoggle {
		color:#fff;
		text-decoration:none;
		float:right;
		margin-top:1px;	
		border:2px solid rgba(255, 255, 255, 0.3);
		border-radius:5px;
/*
		-webkit-transition: border 0.25s;
		transition: border 0.25s;
*/
		display:none;
	}
	#menutoggle:hover {
		border:2px solid rgba(255, 255, 255, .9);
	}
	#menutoggle span {
		font-size:18px;
		line-height:18px;
		display: block;
		margin:0px;
		padding:4px;
	}
	
	
	
/*********************************************************************************************************/
/* 																				  		FOOTER			 */
/*********************************************************************************************************/

	footer.site {
		overflow:hidden;
		background:#363636;
		padding:0;
		position:relative;
	}
	.footer-social h4 {
		color:#c7c7c7;
		font-weight:300;
		font-size:2.1em;
		text-align:center;
		margin-top:115px;
		letter-spacing:0.05em;
	}
	.footer-social {
		padding-bottom:110px;
	}
	.footer-social ul {
		list-style-type:none;
		padding:0px;
		max-width:380px;
		margin:40px auto;
	}
	.footer-social ul li {
		width:25%;
		float:left;
	}
	.footer-social ul li a {
		display: block;
		margin:0 auto;
		text-align:center;
		width:65px;
		height:65px;
		box-sizing:content-box;
		
		border:8px solid #696969;
		color:#999;
		font-size:30px;
		line-height:75px;
		text-decoration:none;
		
		-webkit-border-radius:100%;
		border-radius:100%;
	}
	.footer-social .icon-email {
		font-size:35px;	
	}
	.footer-social .icon-twitter {
		font-size:25px;
	}
	.footer-social .twitter a {
		line-height:70px;
	}
	.footer-social ul li a:hover {	
		width:71px;
		height:71px;
		border-color:#aaa;
		color:#EB1350;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;		
		line-height:81px !important;
		margin-top:-3px;
		margin-bottom:-3px;
	}
	.footer-social .twitter a:hover {
		line-height:75px !important;
	}
	#discussbox {
		display: block;
		margin:40px auto 10px;
		color:#696969;
		border-color:#696969;
	}
	.copyright {
		text-align:center;
		color:#696969;
	}	
	.basecamp-link {
		text-align:center;
		color:#999;
		font-size:.9em;	
		margin:0px 0px 60px;
	}
	
/* FOOTER MAP */
	
	.bottom-img {
		width:100%;
		background:#222 url(../images/map_overlay.jpg) top center no-repeat;;
		min-height:400px;
	}
	.bottom-img #map-container {
		min-height:400px;
		max-width:1250px;
		margin:0 auto;
		overflow: hidden;	
		position:relative;
	}
	.bottom-img #map-container.js {
		width:100%;
		max-width:100%;
	}
	.bottom-img .map {
		background:#222 url(../images/map_overlay.jpg) top center no-repeat;;
		position:absolute;
		z-index:99;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	.bottom-img #map-container iframe {
		position:absolute;
		z-index:9;

		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	
	#map-link,
	#map-link-load {	
		text-decoration:none;
		text-transform:uppercase;
		color:#fff;
		font-weight:600;
		font-size:1.4em;
		position:relative;
		text-shadow:0px 0px 15px #000;
		display:block;
		width:260px;
		margin:580px auto 0;
		z-index:100;
		
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
	}
	#map-link-load {
		margin-top:-500px;
		widtH:50px;
		height:50px;
		left:auto;
		top:auto;
	}
	
	
	
	/* NEW JS MAP */
	
	.bottom-img .js .map {
		background:#222 url(../images/map_overlay_lg.jpg) top center no-repeat;;
		position:absolute;
		z-index:99;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	#map-canvas { 
		height: 500px; 
		width:100%; 
		overflow:hidden; 
	}
	.js #map-canvas {
		opacity:0;
	}
	.js #map-link {
		position:absolute;
		margin:0;
		position:absolute;
		left:50%;
		margin-left:-130px;
		top:50%;
		margin-top:-66px;
	}
	.js #map-link-load {
		margin:0;
		position:absolute;
		left:50%;
		margin-left:-25px;
		top:-100%;
		margin-top:-25px;
	}
	.js .maploading #map-canvas {
		
	}
	.js .maploading #map-link {	
		top:150%;
	
	}
	.js .maploading #map-link-load {
		top:50%;
	}
	
	/* BUBBLE */
	
	#logobox {
		width:100%;
		display:block;
	}
	#logobox img {
		width:130px;
		height:32px;
		display:block;
		margin:0 auto 10px;
	}
	#firstHeading {
		font-weight:700;
		font-size:1.6em;
		text-transform:uppercase;
		text-align:center;
		width:100%;
	}
	#content {
		width:280px;
		padding:10px;
	}
	#content p {
		font-size:.95em;
	}
	#content a {
		text-align:center;
		display: block;
		width:100%;
		font-weighT:700;
		text-decoration:none;
		text-transform:uppercase;
		font-size:1.2em;
		margin-top:10px;
	}
	
	
	
	
	
	
	#map-link:hover {	
		text-shadow:0px 0px 10px #eee;	
	}
	#map-link .hsicon {
		background: url("../images/spinner_logo.png") center center;
		background-size:150px 150px;
	    display: inline-block;
    	height: 75px;
    	width: 75px;
	    margin:0;
		position:relative;
		top:30px;
	}
	#map-bottom-shelf {
		display:none;
		background:#111;
/* 		height:100px; */
		overflow: hidden;
		padding:20px 0;
	}
	#map-bottom-shelf p {	
		width:48%;
		float: left;
		color:#dfdfdf;
		font-size:1.2em;
		text-align:right;
	}
	#map-bottom-shelf p + p {
		float:right;
		text-align:left;
	}
	#map-bottom-shelf p span {	
		font-weight:600;
	}

/*********************************************************************************************************/
/* 																				  		CALLOUTS		 */
/*********************************************************************************************************/

	.callout {
		text-align:center;
		width:46%;
		float:left;
		margin-bottom:40px;
	}
	.callout p {
		max-width:440px;
		width:100%;
		margin:20px auto;
		text-align:center;
	}
	.callout:nth-child(odd) {
		float:right;	
	}
	.callout:nth-child(even) {
		clear:both;
	}
	.callout .bubble {
		display:block;
		margin:40px auto;
		width:145px;
		height:145px;

		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);

		background-color:#EB1350;
		background-position:center center;
		border-radius:100%;
		line-height:162px;
		text-align:center;
		font-size:60px;
		color:#fff;
		
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
	}
	.callout p {
		font-size:1.1em;
		line-height:1.8em;
	}
	
	.callout:hover .bubble {
		width:165px;
		height:165px;
		line-height:182px;
		margin:30px auto 30px;
	}
	
	
/* ICONS */

	.bubble .icon-collaboration {
		font-size:45px;
	}
	
		

/*********************************************************************************************************/
/* 																				  		INDEX			 */
/*********************************************************************************************************/

	#home {
	
	}
	.home-callouts {
		background:#fff;
		position:relative;
		z-index:111;
		padding-top:60px;
		
		-webkit-transform: translate3d(0,0,0);
	}
	#home .splash {
		/*background:url(../images/splashimages/ricky_a.jpg) center top no-repeat;*/
		background:url(../images/splashimages/board_color_v3.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		position:relative;
		z-index: 1;
		-webkit-transform: translate3d(0,0,0);
	}
	#home .splash .icon-downarrow {
		font-size:80px;
		color:#fff;
		margin:20px auto;
		display:block;
		text-align:center;
		opacity:0.2; 
		margin-bottom:100px;
	}
	.featured {
		text-align:center;
		margin-bottom:-100px;
	}
	.featured p {
		color:#fff;
	}
	#featured-container {
		background:url(../images/screen-back.png) top center no-repeat;
		width:880px;
		padding:40px;
		margin:0 auto;
		position:relative;
		z-index: 2;
		overflow:hidden;
		
		box-sizing:content-box;
	}
	#featured-container img {
		width:100%;
		height:auto;
		float: left;
	}
	#featured-container .overlay {
		background:rgba(0, 0, 0, 0.2);
		position:absolute;
		top:40px;
		right:40px;
		bottom:0px;
		left:40px;
		z-index:1;
		opacity:0;
	}
	#featured-container:hover .overlay {
		opacity:1;
		transition: all 0.25s;
	}
	#featured-container a {
		background:#fff;
		display: block;
		position:absolute;
		z-index:100;
		width:120px;
		height:75px;
		padding-top:45px;
		border-radius:100%;
		color:#111;
		left:50%;
		margin-left:-60px;
		bottom:-100px;
		line-height:1.2em;
		box-sizing:content-box;
		
		box-shadow:0px 0px 100px 10px rgba(0, 0, 0, 0.2);
		
		font-size:.9em;
		font-weight:600;
		text-transform:uppercase;
		text-decoration:none;

		-webkit-transform: translate3d(0,0,0);
		transition: all 0.5s;

	}
	#featured-container:hover a {
		bottom:45%;
	}
	#featured-container a:hover {
		transform: scale(1.1, 1.1);		
	}



/*********************************************************************************************************/
/* 																				  		TEAM			 */
/*********************************************************************************************************/

	.team-detail,
	.team-callouts {
		margin:50px 0;
		float:left;
		width:100%;
	}
	.team-list > .wrap,
	.team-detail > .wrap {
		border-bottom:1px solid #ccc;
	}
	.company-info p {
		color: #333333;
		display: block;
		font-size: 1.7em;
		line-height: 1.3;
		margin: 60px auto 0;
		max-width: 75%;
		text-align: center;
	}

/* TEAM INDEX */

	#team .splash {
		background:url(../images/splashimages/splash_whiteboard.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.team-list ul {
		list-style-type:none;
		padding:0px;
		margin:60px auto;
		width:80%;
		overflow: hidden;
	}
	.team-list ul li {
		display: inline-block;
		margin:10px;
		position:relative;
	}
	.team-list ul li a {
		display: block;
		float:left;
		overflow:hidden;
	}
	
	@-webkit-keyframes rotate {
		from {
			-webkit-transform: rotate(0deg);
		}
		to { 
			-webkit-transform: rotate(360deg);
		}
	}	
	@-moz-keyframes rotate {
		from {
			-moz-transform: rotate(0deg);
		}
		to { 
			-moz-transform: rotate(360deg);
		}
	}	
	
	.loading {
		display: block;
		width:50px;
		height:50px;
		background:url(../images/spinner.png);
		background-size:50px 50px;
		text-indent:-999px;
		opacity:0.8;
		overflow:hidden;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-40px;
		margin-left:-25px;
		
		-webkit-animation-name:rotate; 
		-webkit-animation-duration:0.75s; 
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:linear;
		
		-moz-animation-name:rotate; 
		-moz-animation-duration:0.75s; 
		-moz-animation-iteration-count:infinite;
		-moz-animation-timing-function:linear;
		
	}
	.team-list ul li a:hover,
	.team-list ul li .active {
		transform: scale(1.05, 1.05);
		box-shadow:1px 1px 4px 1px rgba(0, 0, 0, 0.25);
	}	
	.team-list ul li a img {
		display: block;
		margin:0px;
		padding:0px;
		border:2px solid #fff;
		opacity:0.7;
	}
	.team-list ul li a:hover img,
	.team-list ul li .active img {
		opacity:1;
		transition: opacity 0.25s;
	}
	.team-list ul li .active {
		border-color:transparent;
		background:pink;
	}
	.team-list ul li a span {
		position:absolute;
		bottom:-40px;
		left:0px;
		right:0px;
		height:40px;
		opacity:0;

		background:rgba(255, 255, 255, 0.8);
		color:#111;
		text-transform:uppercase;
		letter-spacing:0.05em;
		line-height:40px;
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size:.75em;
		text-align:center;
	}
	.team-list ul li a:hover span {
		bottom:0px;
		opacity:1;	
	    transition: all 0.15s ease 0.15s;
	}
	.team-list ul li .active:hover span {
		opacity:0;
	}
	
	/* TEAM DETAIL */
	
	.team-detail {
		display:none;
	}
	.team-detail .img {
		float:left;
		margin-bottom:50px;
	}
	.team-detail .txt {
		margin-left:310px;
		margin-bottom:30px;
		display: none;
		opacity:0;
	}
	.team-detail .title,
	.team-detail .jobtitle {
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-weight: 300;	
		text-transform:uppercase;
		letter-spacing:0.05em;
		color:#333;
		margin:0px;
	}
	.team-detail .title {
		font-weight:700;
		font-size:1.3em;	
		margin:0px;
	}
	.team-detail .jobtitle {
		margin-top:5px;		
		font-size:.9em;
		letter-spacing:0.15em;
	}
	.team-detail .bio {
	
	}
	#favoritethings {
		overflow:hidden;
		margin-top:40px;
	}
	#favoritethings h3 {
		font-size: 0.9em;
		letter-spacing: 0.15em;
		margin-top: 5px;
		color: #333333;
		font-family: "proxima-nova",sans-serif;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 0.05em;
		margin: 0;
		text-transform: uppercase;
	}
	#favoritethings ul {
		padding:0;
		list-style-type:none;
	}
	#favoritethings li {
		float: left;
		margin:0 30px 20px 0;
		overflow: hidden;
	}
	#favoritethings li p {
		margin:0px;
		font-size:.8em;
	}
	
	/* TEAM CALLOUTS */
	
	.team-callouts {

	}
	
	
/*********************************************************************************************************/
/* 																				  		WHAT WE DO		 */
/*********************************************************************************************************/

	#whatwedo .splash {

		min-height:300px;
	}
	#whatwedo h1 {
		margin-top:100px;
		padding:160px 0 120px;
		font-size:2.4em;
	}
	#whatwedo nav {
		position: absolute;
		width:100%;
		top:120px;
		z-index:99;
	}
	#whatwedo nav ul {
		width:100%;
		margin:20px auto;
		text-align:center;
	}
	#whatwedo nav li {
		float:none;
		display:inline-block;
		text-align:center;
		padding:0 10px;
		border-right:1px solid #fff;
	}
	#whatwedo nav li:last-child {
		border-right:none;
	}
	#whatwedo nav a {
		text-align:center;
		color:#fff;
		padding:5px 15px;
		text-transform:uppercase;		
		font-weight:600;
		border-radius:10px;
	}
	#whatwedo nav a:hover {
		background:rgba(0, 0, 0, 0.3);
	}
	#whatwedo nav .active a {
		background:#000;
	}
/*
	#whatwedo nav.fixed {
		position:fixed;
		top:50px;

	}
*/



/* ARTICLE LIST */

	.articles {
		overflow:hidden;
		margin-bottom:80px;
	}

	.articles article {
		float:left;
		margin-bottom:60px;
	}

	.articles.threecol article {
		width:28%;
		margin-right:8%;
	}
	.articles.threecol article:nth-child(3) {
		margin-right:0px;
	}


	.articles h3 {
		color:#fff;
		font-weight:600;
		text-transform:uppercase;
		margin-bottom:5px;
	}
	.articles h3 + p {
		margin-top:0px;
	}
	.articles p {
		font-size:1em;
		font-weight:400;
	}
	.articles .btn {
		max-width:350px;
		margin:40px auto;
		border-color:#fff;
		color:#fff;
	}
	
/* BUTTON / DYNAMIC CONTACT FORM */

	.contact-btn {
		font-family: "proxima-nova", sans-serif;
		font-style: normal;
		font-weight: 600;
		text-transform:uppercase;
		letter-spacing:0.1em;
		text-decoration:none;
		color:#fff;
		text-align:center;
		width:100%;
		float: left;
		line-height:40px;
		
		height:40px;

		transition: all 0.25s;		
	}
	.contact-btn:hover,
	.open .contact-btn {
		color:#fff;
		border-color:#fff;
		font-size:1.1em;
	}
	.open .contact-btn {
		cursor:pointer;
	}
	.contact-load {
		display:block;
		clear:both;

		transition: all 0.25s;		
		border-radius:3px;
		border:4px solid #ccc;
		
		max-width:425px;
		margin:40px auto;
		padding:0 20px;
		
		border-color:#fff;
		color:#fff;
		overflow: hidden;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.contact-load.open {
		width:100%;
		max-width:100%;
		height:auto;
		padding:0 40px;
		
		box-sizing:border-box;
	}
	.contact-load.open > div {
		display: none;
		float: left;
		width: 100%;
		/* padding-bottom: 40px; */
	}
	.contact-load.open a {
		
		text-align:left;
		/* padding-top:30px; */
	}
	.contact-load > div {
		display:none;
	}
	.contact-load form {
		
	}
	.contact-load fieldset {
		width:47%;
		float:left;
	}
	.contact-load fieldset + fieldset {
		float:right;
	}
	.contact-load h2 {
		text-align:left;
		color:#fff;
		font-weight:600;
		margin:0 0 20px;
	}
	#preferredKitten {
		display:none;
	}
	
/* RESULTS */
	
	#results {
		width:100%;
		clear:both;
		float:left;
		display:none;
		margin-bottom:20px;
	}
	#results label {
		width:100%;
	}
	#results p {
		color:#fff;
	}
	#results header span {
		color:#888;
		display: inline-block;
		margin:0 10px;
	}
	#msg {
		widtH:100%;
		display:none;
		clear:both;
		overflow:hidden;
	}
	#msg h2 {
		width:100%;
	}
	#msg h2 span {
		color:#EB1350;
	}
	#msg .submitting {
		color:#555;
		
	}
	
	
/*********************************************************************************************************/
/* 																			  		CASE STUDIES		 */
/*********************************************************************************************************/

	#casestudies .splash {
		overflow:hidden;
		background-size:cover !important;
	}
	#casestudies .splash h1 {
		margin-top: 160px;
		font-weight:600;
	}
	#casestudies .splash p {
		color:#fff;
		font-size:1.6em;
		font-weight:100;
		max-width:80%;
		margin:0 auto 140px;
		text-align:center;
	}
	#loading {
		display: block;
		width:150px;
		height:150px;
		background:url(../images/spinner_logo.png);
		background-size:150px 150px;
		margin:40px auto 140px;
	}
	#casestudies .loading {
		background:url(../images/spinner_dots.png);
		width:150px;
		height:150px;
		margin:0;
		top:auto;
		left:auto;
		display: block;
		text-indent:-999px;
		opacity:0.8;
		overflow:hidden;
		background-size:150px 150px;
		
		-webkit-animation-name:rotate; 
		-webkit-animation-duration:0.75s; 
		-webkit-animation-iteration-count:infinite;
		-webkit-animation-timing-function:linear;
		
		-moz-animation-name:rotate; 
		-moz-animation-duration:0.75s; 
		-moz-animation-iteration-count:infinite;
		-moz-animation-timing-function:linear;
	}
	.casestudy-mainsplash {
		width:640px;
		height:360px;
		padding:36px 31px 149px;		
		margin:-80px auto 0;
		background:url(../images/casestudy_desktop.png);
		background-size:100%;
		position:relative;
		box-sizing:content-box;
		z-index:99;
	}
	.casestudy-content .wrap {
		overflow:visible;
		max-width:1100px;
	}
	.casestudy-content .block .txt p:first-child {
		margin-top:0px;
	}
	
	
	
	
	
	
	#contentcontainer {
		width:1000px;
		margin:0 auto;
	}
	.casestudy-content .block {
		overflow:hidden;
		position:relative;
	}
	.casestudy-content .block + .block{
		overflow:hidden;
		position:relative;
		padding:0 0 0;
		margin-top:40px;
		border-top: 2px dashed #DDDDDD;
	}
	.casestudy-content .block .img {
		float:left;
		width:650px;
		padding-right:50px;
		text-align:center;
	}
	.casestudy-content .block:last-child {
		padding-bottom:80px;
	}
	.casestudy-content .block:last-child .stickit-end {
		bottom: 80px;
	}

	.casestudy-content .block .img img {
		max-width:100%;
		height:auto;
		margin-bottom:20px;
		padding-top:80px;
	}
	.casestudy-content .block .img img:last-child {
		margin-bottom:0px;
	}


	.casestudy-content .block .txt {
		float: right;
		padding-top:80px;
		width:300px;
	}
	
	/* STICKIT */
	
	.stickem-container {
		position: relative;
	}
	.casestudy-content .block .stickit {
		position: fixed;
		top: 0;
		margin-left:700px;
	}
	.stickit-end {
		bottom: 0;
		position: absolute;
		right: 0;
	}
    
/* HEADER SLIDER */

	.headerslider {
		padding:0px;
		margin:0px;
	}
	.headerslider.instant-slide {
		-webkit-transition: 0.001s ease !important;
		transition: 0.001s ease !important;
	}

/* TESTIMONIALS */

	.testimonials {
/* 		overflow:hidden; */
		display:block;
		padding:60px 0;
		position:relative;
		margin: 0 auto;
		max-width: 85%;

	}
	.testimonials .testimonial + .testimonial {
		margin-top:40px;
	}
	.testimonials:before {
		display: block;
		content:'“';
		position:absolute;
		top:0px;
		left:-90px;
		font-size:240px;
		color:#CA113E;
	}
	.testimonials:after {
		display: block;
		content:'”';
		position:absolute;
/* 		bottom:80px; */
		right:-40px;
		top:0;
		font-size:240px;
		color:#CA113E;
	}	
	.testimonials .txt {
		color: #333333;
		display: block;
		font-size: 1.7em;
		line-height: 1.3;
/* 		text-align: center; */
	}
	.testimonials .author {	
		float:left;
		width:100%;
		padding-bottom:60px;
	}
	.testimonials .author-picture {	
		display:block;
		overflow:hidden;
		width:60px;
		height:60px;
		float:left;
		margin-right:10px;
		
		border-radius:100%;
	}
	.testimonials .author-picture img {	
		max-width:100%;
		height:auto;
	}
	.testimonials .author p {	
		margin:8px 0 0 0;
		line-height:1.1;
	}
	.testimonials .author strong {
		font-size:1.4em;
	}		
	
	
	
	
/*********************************************************************************************************/
/* 																			  		BLOG				 */
/*********************************************************************************************************/


	#blog .wrap {
		max-width:1150px;
	}
	#blog .splash {
		background:url(../images/splashimages/splash_meet_sm.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		min-height:250px;

	}
	#blog .splash h2 {
		color: #FFFFFF;
		display: block;
		font-size: 1.8em;
		line-height: 1.2;
		margin: 0 auto;
		max-width: 675px;
		text-align: center;
		text-transform: none;
	}
	#blog .splash h2 {
		margin-top:115px;
		font-size: 2em;
	}
	.blog-content {
		width:64.3%;
		margin-right:5.3%;
		padding:60px 0;
		float: left;
		
	}
	
	.blog-content .img {

	}
	.blog-content img {
		max-width:100%;
		width:100%;
		height:auto;
	}
	
/* REALTED RESOURCE */

	.blog-content .download-resource {
		max-width:100%;
	}
	.blog-content .download-resource .txt {
		padding:25px 20px 25px 0;
	}

	
/* BLOG MISC */

	.byline {
		color:#777;
		text-transform:uppercase;
		font-size:.85em;
		margin-bottom:0px;
		text-decoration:none;
	}
	.byline:hover {
		text-decoration:none;
	}

/* LIST */

	.blog-content article {
		padding:70px 0;
		border-bottom:1px solid #ccc;
		display:block;
		overflow: hidden;
	}
	.blog-content h3 + article {
		padding-top: 40px;
		
	}
	.blog-content article:first-child {
		padding-top:0px;
	}
	.blog-content article:last-child {
		border-bottom:none;
	}
	.blog-content h1 {
		font-weight:400;
		font-size:2.5em;
/* 		margin:15px 0 20px; */
		margin:0 0 10px;
	}
	.blog-content h1 a {
		text-decoration:none;
		color:#000;
	}
	.blog-content p, .blog-content li {
		color:#444;
		font-weight: normal;
		margin-bottom: 10px;
		line-height: 25px;
	}
	.blog-content article > ul > li {
		margin-bottom: 0;
		line-height:1.5;	
	}
	.blog-content .byline {
		color:#777;
		font-size:.85em;
		margin:0 0 10px;
	}
	.blog-content a + .byline {
		margin-top:10px;	
	}
	.blog-content .byline a {
		text-decoration:none;
	}
	.blog-content .byline a:hover {
		text-decoration:underline;
	}
	.blog-btn {
		float: left;
		border: 4px solid #EB1350;
		color: #EB1350;
/* 		height:30px; */
		line-height:30px;
		width:180px;
		margin-top:20px;
	}
	.blog-btn span {
		opacity:0;
		width:0;
		display:inline-block;
		text-align:right;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
	}
	.blog-btn:hover {
		border: 4px solid #EB1350;
		background: #EB1350;		
		color:#fff;
		font-size:1em;
	}
	.blog-btn:hover span {
		opacity:1;
		width:30px;
		color:#fff;
	}
	.blog-content .post-tags {
		float:left;
		clear:both;
		margin:30px 0 0 0;
		color:#777;
	}
	.blog-content .post-tags li {
		float: left;
		margin-right:20px;
	}
	.blog-content .post-tags a {
		color:#777;
		text-decoration:none;
	}
	.blog-content .post-tags a:hover {
		color:#EB1350;
	}
	.blog-content .post-tags span {
		display:inline-block;
		position:relative;
		top:1px;
		margin-right:4px;
		font-size:15px;
	}
	#blog .addthis_toolbox {
		padding-bottom:15px;
	}

/* PAGIANTION */

	.pagination {
		display:block;
		width:100%;
	}
	.pagination a {
		text-decoration:none;
		text-transform:uppercase;
		font-size:1.2em;
		font-weight:600;
		padding:5px 0;
	}
	.pagination a span {
		display:inline-block;
		opacity:0;
		width:0px;
		margin:0px;

		-webkit-transition: all .25s;
		transition: all .25s;
	}
	.pagination a:hover span {
		opacity:1;
		width:30px;	
	}
	.pagination .next span {
		text-align:right;
	}
	.pagination .prev {
		float:left;	
	}
	.pagination .next {
		float:right;
	}
	

/* SIDEBAR */

	.sidebar {
		width:30.4%;
		float:right;
		padding:60px 0;
	}
	#sidebar-toggle {
		display:none;
	}
	.sidebar > section {
		display:block;
		float: left;
		clear:both;
		width:100%;
		margin-bottom:40px;
	}
	.sidebar h3 {
		color: #333333;
		font-size: 1.1em;
		font-weight: 700;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}
	.text-widget p {
		color:#EB1350;
		font-size:1.4em;
		font-weight:600;
	}
	
/* SEARCH */

	.sidebar .search {
		position:relative;
		margin-bototm:20px;
	}
	.sidebar .search input[type="text"] {
		width:100%;
		float:left;
		border-radius:5px;
		background:#fff;
		color:#444;
		border:3px solid #ddd;
		
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.sidebar .search input[type="text"]:focus {
		box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.3);
		border-color:#EB1350;
	}
	.sidebar .search input[type="text"]:focus + input[type="submit"]  {
		color:#EB1350;
	}
	.sidebar .search input[type="submit"] {
		font-family: 'headspace_icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		
		color:#aaa;
		font-size:20px;
		position:absolute;
		top:2px;
		right:2px;
		float:none;
		width:auto;
		background:none;
		padding:10px;
		margin:0px;
	}
	
/* CATEGORIES, ARCHIVES */

	.category-list ul,
	.archives-list ul {
		padding:0px;
		list-style-type:none;
	}
	.category-list li,
	.archives-list li {
		padding:10px 0;
		border-bottom:1px solid #ddd;
	}
	.category-list li a,
	.archives-list li a {
		color:#333;
		text-decoration:none;
	}
	.category-list li a:hover,
	.archives-list li a:hover {
		color:#EB1350;
	}
	.category-list li:last-child,
	.archives-list li:last-child {
		border-bottom:none;
	}

/* TAGS LIST */

	.post-tags {
		padding:0px;
		list-style-type:none;
	}
	.sidebar .post-tags li {
		display:inline-block;
		margin:0 10px 10px 0;
	}
	.sidebar .post-tags a {	
		display:block;
		padding:5px 8px;
		border:3px solid #ddd;
		border-radius:5px;
		font-size:.9em;
		text-transform:uppercase;
		text-decoration:none;
		color:#555;
	}
	.sidebar .post-tags span {
		color:#ddd;	
	}
	.sidebar .post-tags .current,
	.sidebar .post-tags a:hover {
		color:#EB1350;
		border-color:#EB1350;
	}
	.sidebar .post-tags .current span,
	.sidebar .post-tags a:hover span {
		color:#EB1350;	
	}

/* RECENT POSTS */

	.recent-posts ul {
		padding:0px;
		list-style-type:none;
	}
	.recent-posts li {
		float: left;
		width:100%;
		border-bottom:1px solid #ddd;
	}
	.recent-posts li:last-child {
		border-bottom:none;
	}
	.recent-posts .img,
	.recent-posts .img img {
		float:left;
	}
	.recent-posts .img img {
		max-width:100%;
		height:auto;
	}
	.recent-posts li > a {
		text-decoration:none;
		display:block;
		overflow:hidden;
		padding:20px 0;
	}
	.recent-posts .txt {
		margin-left:110px;
	}
	.recent-posts .byline {
		margin:0 0 3px 0;
	}	
	.recent-posts h4 {
		margin:0px;
		font-weight:400;
		text-transform:none;
		letter-spacing:0;
	}
	.recent-posts li > a:hover p,
	.recent-posts li > a:hover h4 {
		color:#EB1350;
	}

/* BLOG ENTRY */

	.entry article {
		border-bottom:none;
	}
	.entry h2 {
		text-align:left;
		margin:40px 0 20px;
		color:#EB1350;
		font-weight:700;
	}
	.blog-prev-next {
		display:block;
		overflow: hidden;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	.blog-prev-next a {
		float: left;
		font-size:1.4em;
		margin:0px;
		text-decoration:none;
		color:#333;
		padding:20px 0;
	}
	.blog-prev-next a:hover {
		color:#EB1350;
	}
	.blog-prev-next a span {
		position:relative;
		top:2px;
		
		-webkit-transition: all .25s;
		transition: all .25s;
	}
	.blog-prev-next .next {
		float: right;
	}
	.blog-prev-next .prev span {
		margin-right:5px;
	}
	.blog-prev-next .next span {
		margin-left:5px;	
	}
	.blog-prev-next .prev:hover span {
		margin-right:15px;
		color:#EB1350;
	}
	.blog-prev-next .next:hover span {
		margin-left:15px;	
		color:#EB1350;
	}
	#blog .comments-list {
		display:block;
		overflow: hidden;
		padding:40px 0;
	}
	#blog .comments-list h2 {
		text-align:left;
	
	}
	
/* BLOG CALL TO ACTION */
	
	.blog-cta {
		overflow:hidden;
		margin-bottom:40px;
		padding:40px;
		border-radius: 3px;
/* 		border:4px solid #EB1350; */
		border:2px solid #dfdfdf;
		background:#fafafa;
	}
	.blog-cta h3,
	.file-subscribe h3 {
		font-size:1.4em;
		font-weight:600;
	}
	#blog-subscribe {
		overflow:hidden;
		margin-top:20px;
		position:relative;
		height:45px;
	}
	.file-subscribe {
		position:relative;		
	}
	.file-subscribe .email,
	#blog-subscribe .email {
		position:absolute;
		width: 48%;	
		left:0;
		top:0;
		opacity:1;
		z-index:10;
		
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	.download-resource .file .file-subscribe + p {
		margin-top:20px;
	}
	.file-subscribe .email {
		top:auto;
		bottom:0;
		left:0;		
	}
	.submitted .email {
		opacity:0;
	}
	.file-subscribe input[type="email"],
	#blog-subscribe input[type="email"] {
		-moz-box-sizing: border-box;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 3px solid #DDDDDD;
		border-radius: 5px;
		color: #444444;
		margin:0px;
		height:45px;
	}
	.file-subscribe input[type="email"]:focus,
	#blog-subscribe input[type="email"]:focus {
		box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.3);
		border-color:#EB1350;
	}	
	
	.file-subscribe input[type="submit"],
	#blog-subscribe input[type="submit"] {
		color:#fff;
		background:#EB1350;
		text-transform:uppercase;
		font-weight:600;
		margin:0px;	
		width:100%;
		height:45px;
		font-size:.8em;

		
		-webkit-transition: all 0.75s;
		-moz-transition: all 0.75s;
		transition: all 0.75s;
	}
	#blog-subscribe input[type="submit"]:hover {
	
	}
	.submit {
		position:absolute;
		width: 48%;
		right:0;
		top:0;
		z-index:20;
		
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;

	}
	.submitted .submit,
	.file-subscribe.submitted .submit {
		width: 100%;
	}
	.file-subscribe .submit:before,
	#blog-subscribe .submit:before {
		content:'';
		display:block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 10px 10px 10px 0;
		border-color: transparent #EB1350 transparent transparent;
		opacity:1;
		
		position:absolute;
		left:-10px;
		top:12px;
	}
	.file-subscribe.submitted .submit:before,
	#blog-subscribe.submitted .submit:before {
		opacity:0;
		
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;

	}


/*********************************************************************************************************/
/* 																		  		 INSIGHTS				 */
/*********************************************************************************************************/
	
	
	#insights .splash {
		background:#FD366D url(../images/splashimages/splash_meet_sm.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		min-height:250px;
	}
	#insights .splash h1 {
		color: #FFFFFF;
		display: block;
		line-height: 1.2;
		margin: 0 auto;
		max-width: 675px;
		text-align: center;
		text-transform: none;
		margin-top:115px;
		font-size: 2em;
	}
	
	
/* GENERAL LAYOUT */
	
	.insights {
		float: left;
	}
	.insights.entry {
		padding:60px 0;
	}
	.insights-list {
		padding:0px;
		margin:0;
		list-style-type:none;
	}
	.insights-list .blog-btn {
		width:290px;
		margin-top:20px;
	}
	.insights-list .blog-btn span {
		text-align:left;
	}
	.insights-list > li {
		padding:60px 0;
		overflow:hidden;
		border-top:1px solid #d1d1d1;
	}
	.insights-list > li:first-child {
		border-top:none;
		padding-top:0;
	}
	#insights .pagination {
	    padding-bottom:60px;
	    overflow:hidden;
    }
	.insights-list h3 {
		margin:0px 0 20px;
		font-size:1.9em;
	}
	#insights h2 {
		color: #333333;
		font-size: 2.2em;
		font-weight: 400;
		text-align: center;
		padding:60px 0 80px;
		text-transform:none;
    }
    

/* AUTHOR */
	
	.insights-list .author {
		position:relative;
		float:left;
		margin-right:20px;
		width:270px;
	}
	.insights-list .author-img {
		position: absolute;
		top:0;
		left:0;
	}
	.insights-list .author-img div {
		overflow:hidden;
		width:106px;
		height:106px;
		border-radius:100%;
		border:1px solid #ddd;
	}
	.insights-list .author-img div img {
		display:block;
		border:3px solid #fff;
		border-radius:100%;
	}
	.insights-list .byline {
		margin:14px 0 0 120px;
		min-height:105px;
		float: left;
		color:#333;
		font-size:1.1em;
		line-height:1.2;
	}	
	.insights-list .byline span {
		color:#EB1350;
		font-size:1.10em;
		font-weight:600;
		text-transform:uppercase;
	}
	

/* SHARE */
    
    .insights-share {
		float: left;
		width:100%;
	    clear:both;
	    padding:0;
		margin-top:20px;
    }
    .insights-share p {
    	color:#999;
    	text-transform:uppercase;
		float: left;
		margin:3px 14px 0 0;
		width:106px;
		text-align:center;
    }
    .insights-share a {
    	display:inline-block;
    	width:30px;
    	height:30px;
    	line-height:33px;
    	border-radius:100%;
    	text-align:center;
    	background:#c3c3c3;
    	text-decoration:none;
    	margin-right:2px;
    }
    .insights-share a span {
    	color:#e1e1e1;
    	font-size:15px;
    	text-align:center;
    	text-decoration:none;
    }
    .insights-share a:hover {
    	background:#EB1350;
    }
    .insights-share a:hover span {
    	color:#fff;
    }
    .insights-share .addthis_button_facebook {
		background:#4C67A1;
    }
    .insights-share .addthis_button_facebook:hover {
		background:#5575B5;
    }
    .insights-share .addthis_button_twitter {
		background:#55ACEE;
    }
    .insights-share .addthis_button_twitter:hover {
		background:#74BDF2;
    }
    .insights-share .addthis_button_google {
		background:#DD4B39;
    }
    .insights-share .addthis_button_google:hover {
		background:#EF695B;
    }
    
    
/* CONTENT */
    
	.insights-list .content {
		margin-left:290px;
	}
	.insights-list .body {
		float: left;
		width:100%;		
	}
	.insights-list .body p:first-child {
		margin-top:0;
	}
	
	
/* AS SEEN ON */
    
    .as-seen-on {
    	color:#c3c3c3;
    	text-transform:uppercase;
    	float: left;
    	width:100%;
    	clear:both;
/*     	margin-top:20px; */
    }
    .as-seen-on a {
    	display:inline-block;
    	width:35px;
    	height:35px;
    	line-height:40px;
    	border-radius:2px;
    	text-align:center;
    	background:#c3c3c3;
    	text-decoration:none;
    }
    .as-seen-on a:first-child {
    	margin-left:5px;
    }
    .as-seen-on a span {
    	color:#e1e1e1;
    	font-size:20px;
    	text-align:center;
    	text-decoration:none;
    }
    .as-seen-on a:hover {
    	background:#EB1350;
    }
    .as-seen-on a:hover span {
    	color:#fff;
    }   
     
    
/* TAGS */
	
	.insights-list .tags-list {
		float:left;
		width:100%;
				
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.insights-list .tags-list h3 {	
		color: #333333;
		margin:0 0 20px;
		font-size: 1.1em;
		line-height:1.4;
		font-weight: 700;
		letter-spacing: 0.05em;
		text-transform: uppercase;
    }
	.insights-list .post-tags li {
		display:inline-block;
		margin:0 10px 10px 0;
	}
	.insights-list .post-tags a {	
		color: #777;
		text-decoration: none;
		
/*
		display:block;
		padding:5px 8px;
		border:3px solid #ddd;
		border-radius:5px;
		font-size:.9em;
		text-transform:uppercase;
		text-decoration:none;
		color:#555;
*/
	}
	.insights-list .post-tags span {
		color:#777;	
	}
	.insights-list .post-tags .current,
	.insights-list .post-tags a:hover {
		color:#EB1350;
	}
	.insights-list .post-tags .current span,
	.insights-list .post-tags a:hover span {
		color:#EB1350;	
	}
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* FILE SUBSCRIBE */
	.insights-files {
		float:right;
		width:300px;
		padding-left:60px;
		margin-left:-360px;		
	}
	.insights-files + .insights {
		margin-right:360px;
	}
	.insights-files .file-list {
		background:#ECECEC;
		border-radius:10px;
		padding:25px 20px;
		
		
		
		background: #ececec;
background: -moz-linear-gradient(top,  #ececec 0%, #f0f0f0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#f0f0f0));
background: -webkit-linear-gradient(top,  #ececec 0%,#f0f0f0 100%);
background: -o-linear-gradient(top,  #ececec 0%,#f0f0f0 100%);
background: -ms-linear-gradient(top,  #ececec 0%,#f0f0f0 100%);
background: linear-gradient(to bottom,  #ececec 0%,#f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f0f0f0',GradientType=0 );

		
	}
	.insights-files .file-list h3 {
		font-weight:600;
		font-size:1.3em;
		padding-bottom:10px;
		border-bottom:1px solid #ddd;
		margin-bottom:10px;

		
	}
	.insights-files .file-list ul {
		padding:0;
		list-style-type:none;
	}
	
	
	
	
	
	/*

	.insights-list article {
		float: left;
		width:100%;
	}
	.insights-list article.addfile {
		width:66%;
		margin-right:6%;	
	}
	.insights-list .download-resource {
		float:right;
		width:28%;
	}
	.insights-list .download-resource .file {
		width: 100%;
	}
    .insights-list .file-subscribe .email,
	.insights-list .file-subscribe .submit {
		width:100%;	
		margin:20px 0 0;
	 
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.file-subscribe .submit:before, #blog-subscribe .submit:before {
		display:none;
	}
*/
    
    

    
/*********************************************************************************************************/
/* 																  		MARKETING / DESIGN				 */
/*********************************************************************************************************/
	

/* WEB DESIGN / DEV */	
	
	#design .splash {
		background:url(../images/splashimages/board_short.jpg) center top no-repeat;
		background:url(../images/splashimages/ricky_whiteboard.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}






/* MARKETING */
	
	#marketing .splash {
		/*background:url(../images/splashimages/board_short.jpg) center top no-repeat;*/
		background:url(../images/splashimages/splash_meet.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#marketing.inboundmarketing .splash {
		background:url(../images/splashimages/splash_meet2.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
				
	}
	.matrix-content {
		overflow: hidden;
		padding:50px 0;
	}
	#marketing .splash h1 {
		text-transform:uppercase;
		font-size:1.1em;
		font-weight:600;
		margin-top:160px;
	}
	#marketing .splash p {
		color:#fff;
		text-transform:none;
		font-size:1.8em;
		line-height:1.2;
		max-width:675px;
		margin:0 auto;
		display:block;
		text-align:center;
	}


/* THREE COL */

	.matrix-content .threecol {
		overflow: hidden;
		margin-bottom:40px;
		clear:both;
	}
	.matrix-content .threecol .columns {
	
	}
	.matrix-content .threecol img {
		display:block;
		margin:20px auto;
	}
	.matrix-content .threecol h3 {	
		font-size:2.2em;
		text-transform:uppercase;
		font-weight:400;
		color:#333;
	}
	.matrix-content .threecol .col {
		float:left;
		width:30%;
		margin-right:5%;
	}
	.matrix-content .threecol .col:nth-child(3) {
		margin-right:0;
	}
	.matrix-content .threecol p img {
		display: block;
		margin:10px auto 30px;
	}
	.matrix-content .threecol p strong {
		font-size:1.2em;
		color:#333;
	}



/* FULL WIDTH */

	.matrix-content .full-width {
		overflow: hidden;
		margin-bottom:40px;
		clear:both;
	}
	.matrix-content .full-width img {
		display:block;
		margin:20px auto;
	}
	.matrix-content .full-width h3 {	
		font-size:2.2em;
		text-transform:uppercase;
		font-weight:400;
		color:#333;
	}
	.matrix-content .full-width p {
		font-size:1.2em;
		line-height:1.4;
	}
	.matrix-content .full-width.highlight p {
		text-transform:uppercase;
	}
	
	
	
/* HALF WIDTH */
	
	.matrix-content .half-width {
		overflow: hidden;
/* 		clear:both; */
		margin-bottom:40px;
		float:left;
		width:47%;
		margin-right:6%;
	}
	.matrix-content .half-width h3 {
		font-size:2.2em;
		text-transform:uppercase;
		font-weight:400;
		color:#333;
	}
	.matrix-content .half-width .img {
		height:250px;
		position:relative;
		width:100%;	
		text-align:center;
		line-height:250px;
	}
	.matrix-content .half-width .img img {
		vertical-align:middle;
	}
	.matrix-content .half-width:nth-child(even) {
		clear:both;
	}
	.matrix-content .half-width:nth-child(odd) {
		float:right;
		margin-right:0;
	}
	
/* BOTTOM CALLOUT */
	
	.matrix-content .bottom-callout {
		overflow: hidden;
		margin-bottom:40px;
		clear:both;
	}
	.matrix-content .bottom-callout p {
		font-size:1.7em;
		color:#333;
		line-height:1.3;
		max-width:85%;
		text-align:center;
		display:block;
		margin:0 auto;
	}
	
/* DOWNLOAD RESOURCE (june 12 - removed parent .matrix-content )*/
	
	.download-resource {
		overflow: hidden;
		display: block;
		margin:40px auto;
/* 		max-width:700px; */
		min-height:200px;
		position:relative;
		float:left;
		width:100%;
	}
	.download-resource .txt {
		position:absolute;
		left:0;
		top:0;
		z-index:0; 
		width:50%;
		opacity:1;	
		font-style: italic;
		padding:25px 20px;
		
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		
		-webkit-transition: opacity .5s;
		transition: opacity .5s;		
	}
	.download-resource.open .txt {
		opacity:0;
	}
	.download-resource .file > p {
		margin:0 0 0 80px;
		font-weight:700;
	}
	.download-resource .file {
		float: right;
		position:relative;
		z-index:10;
		width:50%;
		padding:25px 20px;
		overflow:hidden;
		border-radius:10px;

		background:url(../images/download_resource_back.jpg) center center;
		background-size:cover;

		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.download-resource.open .file {
		width:100%;
		max-height: 1000px;
		
		-webkit-transition: width .5s ease;
		-moz-transition: width .5s ease;
		transition: width .5s ease;
	}
	.file-subscribe {
		opacity:0;
		width:100%;
		max-height:0;
		overflow:hidden;
		margin-left:80px;
	}
	.file-subscribe .fieldcontainer {
		position:relative;
		overflow:hidden;
	}
	.download-resource.open .file-subscribe {
		max-height:1000px;
		opacity:1;

		-webkit-transition: max-height 1s ease, opacity 1s ease;
		transition: max-height 1s ease, opacity 1s ease;
		-webkit-transition-delay: .5s;
		transition-delay: .5s;
	}
	.file-subscribe label {
		margin-top:10px;
		width:100%;
	}
	.file-subscribe .email,
	.file-subscribe .submit {
		width:48%;	
		margin:20px 0 0;
	 
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.file-subscribe .email {
		float: left;
	}
	.file-subscribe .submit {
		position:relative;
		float: right;
	}
	.file-subscribe .submit input {
		margin:0;
	}
	.file-subscribe h3 {
		font-size: 1.4em;
		font-weight: 600;
		margin:10px 0;
	}
	.file-subscribe p {
		margin:0 0 10px;
	}
	.file-subscribe + p {
		margin-top:10px;
	}
	.download-resource .icon {
		width:69px;
		height:74px;
		display:block;
		float:left;
		margin-right:10px;
		background:url(../images/download_resource_iconback.png) center center;
	}	
	.download-resource .icon span {
		display: table-cell;
		height: 70px;
		vertical-align: middle;
		width: 60px;	
	}
	.download-resource .icon span img {
		display: block;
		margin: 0 auto;
		
		width:100%;
		height:auto;
	}
	.download-resource.open .icon {
		width:0px;
		margin-right:0;
		overflow:hidden;
		opacity:0;
	}
	.download-resource.open .file p {
		margin-left:0;
	}
	.download-resource.open .file-subscribe {
		margin-left:0;
	}
	

/*********************************************************************************************************/
/* 																	  					404				 */
/*********************************************************************************************************/

	
	#pagenotfound .splash {
		background:url(../images/splashimages/splash_meet_sm.jpg) center top no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height:280px;
	}
	#pagenotfound .splash h1 {
		margin-top:150px;
	}
	#pagenotfound h2 {
		text-align:center;
		max-width:70%;
		margin:0 auto;
		display: block;
		color: #333;
		font-weight: 400;
		text-transform:none;
		line-height:1.4;
	}
	#pagenotfound .content {
		display:block;
		padding: 80px 0;
		width: 100%;
	}
	#pagenotfound,
	#pagenotfound .splash {
		background:#262626;	
	}
	#pagenotfound .wrap {
		max-width: 1025px;
	}
	#pagenotfound .content {
		margin: 0 auto;
		background:#262626;
		margin-top:  70px;
	}
	#pagenotfound h1 {
		color:#eb1d5d;
		font-size: 2.8em;
		font-weight: 600;
		margin-top: 30px;
	}
	#pagenotfound h1 span {
		display:block;
		font-size: 1.6em;
	}
	#pagenotfound h2 {
		color:#808080;
		text-align: left;
		padding: 0;
		margin: 40px 0 0;
		width: 100%;
		max-width: 100%;
		font-weight: 600;
		line-height: 1;
	}
	#pagenotfound .txt {
		box-sizing: border-box;
		width: 46.146341463415%;
		display: inline-block;
		vertical-align: middle;
	}
	#pagenotfound .img {
		width: 53.853658536585%;
		display: inline-block;
		vertical-align: middle;
	}
	#pagenotfound .img img {
		max-width: 100%;		
	}

@media screen and (max-width: 900px) {
	#pagenotfound .img,
	#pagenotfound .txt {
		width: 100%;
	}
	
}
	
/*********************************************************************************************************/
/* 																	  		IPAD OVERRIDES				 */
/*********************************************************************************************************/


	.ipad .backgroundscroll {
		background-position: center 0px !important;
	}
	/* HEADER */
	
	.ipad header.site.mini #nav-primary,
	.ipad #nav-primary {
		position:relative;
		top:0px;
		left:0px;
		right:0px;
		display:none;
		padding:10px 0 0;
		width:100%;
	}
	.ipad #nav-primary ul:after {
		display:block;
	}
	.ipad #nav-primary li {
		width:100%;
		float:left;
		clear:both;
		text-align:center;
	}
	.ipad #nav-primary ul li a {
		letter-spacing:0.2em;
		font-size:1.2em;
		font-weight:600;
		padding:17px 0;
		border-bottom:1px solid #222;
	}
	.ipad #nav-primary ul li a.active {
		background:rgba(0, 0, 0, 0.4);
		color:#EB1350;
	}
	.ipad #nav-primary li:last-child a {
		border-bottom:none;	
	}
	.ipad #menutoggle {
		display:block;
		margin-top:6px;
	}
	.ipad header.site.mini,
	.ipad header.site {
		padding:12px 0;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
		position:fixed;
		top:0px;
		
		-moz-transition:none;
		-webkit-transition:none;
		transition:none;	
	}
	.ipad header.site.mini #nav-primary {
		margin-top:4px;
	}
	.ipad header.site.mini #nav-primary a {
		border:none;
	}
	.ipad header.site.mini #nav-primary a.active {	
		color:#EB1350;
	}
	.ipad header.site.mini .logo {
		opacity: 1;
		width:145px;
	}
	.ipad header.site.mini .logo-icon {
		top: 0px;
		left:145px;
	}
	.ipad #featured-container a, 
	.ipad #featured-container:hover a {
	    bottom: 43%;
	    height: 65px;
	    line-height: 1.2em;
	    margin-left: -50px;
	    padding-top: 35px;
	    width: 100px;
	}
	
/* STICKIT */
	
	.ipad .stickem-container {
		position: relative;
	}
	.ipad .casestudy-content .block .stickit {
		position:relative;
		top: auto;
		margin-left:0;
	}
	.ipad .stickit-end {
		position:relative;
		top: auto;
		bottom:auto;
		right:auto;
	} 
	
	
	
	
	
	
	
	
	
	
	



/* LATEST BLOG REWORK NOV14 2014 */

	
	.home-callouts h1 {
		font-size: 3em;
		line-height: 1.3em;
		padding:0;
		text-align: center;
	}
	.home-callouts .wrap {
		max-width:1150px;
	}
	.home-callouts .wrap > h2 {
		margin-bottom:80px;
	}


	.featured-blogs {
		margin-top:30px;
		max-width:1150px;
	}
	.home-callouts .author  {
		float:left;
		width:40px;
		height:40px;
		margin-right:5px;
	}



	
	.featured-blogs {
		width:100%;
		display:block;
		overflow:hidden;
	}
	.signup-callout {
		background:#FAFAFA;
		border:2px solid #DFDFDF;
		border-radius:3px;
		float:left;
		width:30.4%;
		margin-right:4.4%;
		padding:20px;
		overflow:hidden;

	}
	.signup-callout h3 {
		font-weight:700;	
	}
	.blogs {
		float:left;
		width:65.2%;
	}
	
	
	
	
	.featured-blogs article {
		float:left;		
		margin-bottom:60px;
	}
	.featured-blogs article header {
		width:100%;
		display:block;
		margin-bottom:30px;
		padding-bottom:5px;
		border-bottom:1px solid #f1f1f1;
	}
	.featured-blogs article img {
		max-width:100%;
		height:auto;
		float:left;
		margin-right:4.4%;
	}
	.featured-blogs article .img + p {
		margin-top:0;	
	}
	.featured-blogs h2 {
		color:#EB1350;
		text-align:left;
		font-size:1.6em;
		margin-bottom:5px;
		text-transform: none;
	}
	.featured-blogs h2 a {
		text-decoration:none;
	}
	.featured-blogs .byline {
		margin:0px;
		font-size:.9em;
	}
	.blogs .blog-btn {
		width:100%;
		display: block;
		margin:0 0 80px;
		float:left;
	}


	
	
/* BLOG SIGNUP HOMEPAGE */


	#homesignup input[type="email"] {
		-moz-box-sizing: border-box;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 3px solid #DDDDDD;
		border-radius: 5px;
		color: #444444;
		margin:0px;
		height:45px;
	}
	#homesignup input[type="email"]:focus {
		box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.3);
		border-color:#EB1350;
	}	
	#homesignup input[type="submit"] {
		color:#fff;
		background:#EB1350;
		text-transform:uppercase;
		font-weight:600;
		margin:0px;	
		width:100%;
		height:45px;
		font-size:.8em;
		margin-top:10px;

		
		-webkit-transition: all 0.75s;
		-moz-transition: all 0.75s;
		transition: all 0.75s;
	}
	#blog-subscribe input[type="submit"]:hover {
	
	}