/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2013, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/


/***********************************************
Reset & Basics
***********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu,
nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
blockquote,
q {
	quotes:none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content:'';
	content:none;
}
html {
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;
}
body {
  color: #555;
  font: 16px Georgia, "Times New Roman", Times, serif;
  line-height: 160%;
	margin:0;
	padding:0;
	background-color:#FFF;
	/*-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none;*/
}
body.split-screen {
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top,  #e1e1e1 0%, #f5f5f5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e1e1e1 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e1e1e1 0%,#f5f5f5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e1e1e1 0%,#f5f5f5 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e1e1e1 0%,#f5f5f5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
  height: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 0px 0px;
  }
/***********************************************
Typography
***********************************************/
h1, h2, h3, h4, h5, h6 {
	color:#666;
	font-family: "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
	font-weight:300;
	letter-spacing: 0;
	line-height: 1em;
	margin:0 0 10px;
	padding:0;
	}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color:inherit;
	font-weight:inherit;
	}
h1 {
	font-size: 3.5em;
	}
	.split-screen h1 {
		font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
		font-weight: 200;
		font-size: 2.1em;
		text-align: center;
		margin: 20px 0 0;
		}
h2 {
	font-size: 2.25em;
	padding: 10px 0;
	text-transform: uppercase;
	}
	.split-screen h2 {
		font-size: 4em;
		letter-spacing: 0;
		margin: 0;
		padding-left: 0;
		text-align: center;
		text-transform: none;
		}
	#h-home .row h2,
	#footer-section h2 {
		background: url(/assets/img/bg-ui-elements.png) no-repeat 0 -98px;
		letter-spacing: .02em;
		padding-left: 65px;
		text-transform: uppercase;
		}
		.approach-section h2 {
			background-position: 0 -253px;
			}
		.work-section h2 {
			background-position: 0 -410px;
			}
		.who-section h2 {
			background-position: 0 -565px;
			}
		#footer-section h2,
		#h-home #footer-section h2 {
			background-position: 100% -858px;
			color: #fff;
			display: inline-block;
			font-size: 2.5em;
			margin: 0 0 10px;
			padding: 0 45px 10px 0;
			white-space: nowrap;
			}
			#footer-section .follow-section h2,
			#h-home #footer-section .follow-section h2 {
				background-position: 100% -728px;
				}
h3 {
	font-size: 1.85em;
	margin-bottom: 10px;
}
	.split-screen h3.el {
		background: url("/assets/img/el-logo.png") no-repeat 50% 50%;
		background-size: 100%;
		display: block;
		height: 65px;
		margin: 0 auto 20px;
		max-width: 288px;
		text-indent: -5000px;
		}
	.split-screen h3.hcom {
		background: url("/assets/img/h-logo.png") no-repeat 50% 50%;
		background-size: 100%;
		height: 65px;
		margin: 0 auto 20px;
		max-width: 64px;
		text-indent: -5000px;
		}

h4 {
	font-size:1.65em;
}
h5 {
	font-size:1em;
	font-weight: bold;
}
h6 {
	font-size:.8em;
	font-weight: bold;
}
p {
	margin:0 0 20px 0;
	padding:0;
}
.split-screen p {
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	font-size: 1.8em;
	font-weight: 200;
	margin-bottom: 60px;
	text-align: center;
	}
	.split-screen .grid-highlight p {
		color: #555;
		font-size: 1em;
		line-height: 1.2em;
		text-align: left;
		margin-bottom: 10px;
	}
b,
strong {
	font-weight:bold;
	}
em {
	font-style:italic;
	}
small {
	font-size:.85em;
	}
sup,
sub {
	font-size:.6em;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:baseline;
	_vertical-align:bottom;
	}
sup {
	top:-5px;
	}
sub {
	bottom:-5px;
	}
pre, pre code {
	background-color:#555;
	color:#F1F1F1;
	display:block;
	font:.9em/1.2em 'Consolas', Courier, monospace;
	margin:16px 0 26px 0;
	padding:16px;
}
abbr[title],
abbr[data-original-title] {
	border-bottom:1px dotted #999999;
	cursor:help;
}
address {
	display:block;
	font-style:normal;
	line-height: 120%;
  margin: 20px 0 15px;
  padding: 0 0 0 24px;
}
hr {
	margin:20px 0;
	padding:0;
	border:0;
	border-top:1px solid #D6D6D6;
	height:1px;
	width:100%;
	text-align:left;
	display:block;
}
/***********************************************
Lists
***********************************************/
ul,
ol {
	margin:26px 0 36px 0;
	display:block;
	list-style:none;
}
ul {
	list-style:none outside;
}
ul li {
	margin:0 0 15px 0;
	padding:0 0 0 18px;
	line-height:18px;
	background:transparent url('/assets/img/bg-bullet.png') no-repeat 0 3px;
}
ul ul,
ul ol {
	margin:11px 0 5px 0;
}
ol ol,
ol ul {
	margin:8px 0 5px 20px;
}
ul ul li {
	margin:0 0 5px 0;
}

ol ol li,
ol ul li {
	margin:0 0 3px 0;
}
ul.square,
ul.square ul,
ul.circle ul.square {
	list-style:square outside;
}
ul.circle,
ul.circle ul,
ul.square ul.circle {
	list-style:circle outside;
}
ul.disc,
ul.disc ul {
	list-style:disc outside;
}
ul.square li,
ul.circle li,
ul.disc li {
	margin:0 0 5px 18px;
	padding:0;
	line-height:18px;
	background:none;
	}
ol {
	list-style:decimal;
	}
ol li {
	background: none;
	margin:0 0 10px 22px;
	padding:0;
	line-height:18px;
	}
dl {
	margin:16px 0 26px 0;
	padding:0;
	}
dt {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	}
dd {
	margin:0 0 10px 10px;
	}
/***********************************************
Blockquotes
***********************************************/
figure {
	margin:16px 0 26px 0;
	padding:0;
}
blockquote {
	margin:0;
	padding:0 0 0 10px;
	border-left:1px solid #747474;
}
blockquote p {
	margin:0;
	padding:0;
	color:#777;
	font-style:italic;
}
blockquote p:before {
	content:"\201C";
}
blockquote p:after {
	content:"\201D";
}
figcaption:before {
	content:"\2014 \202F";
}
figcaption {
	margin:6px 0 0 0;
	padding:0;
	font-size: .85em;
}
/***********************************************
Links
***********************************************/
a {
	border-bottom: 2px solid #eee;
	color: #005297;
	text-decoration:none;
	outline:0;
	transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	}
	a:hover {
		border-color: #999;
		}
.split-screen a {
	border: none;
	}
a:focus {
	outline:none;
	-moz-outline-style:none;
}
/***********************************************
Images, iFrames & Videos 
***********************************************/
img {
	border:0;
	vertical-align:middle;
	-ms-interpolation-mode:bicubic;
}
.img-left {
	float:left;
	margin:0 30px 30px 0;
	border:none;
}
.img-right {
	float:right;
	margin:0 0 30px 30px;
	border:none;
}
.img-max {
	width:100%;
	height:auto;
}
.media {
	position:relative;
	margin:0 0 15px 0;
	padding-bottom:51%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:1px solid #ccc;
}
.media iframe,
.media object,
.media embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/***********************************************
Buttons 
***********************************************/
a.btn,
.btn,
button {
	margin:0 5px 5px 0;
	padding:1px 20px 0;
	display:inline-block;
	color:#FFF;
	border:1px solid #000;
	background-color:#000;
	font-size: 1em;
	line-height:1em;
	text-decoration:none;
	cursor:pointer;
	transition:all .1s linear 0s;
	-moz-transition:all .1s linear 0s;
	-webkit-transition:all .1s linear 0s;
	-o-transition:all .1s linear 0s;
}
:hover.btn {
	border:1px solid #CCC;
	background-color:#FFF;
	color:#333;
}
a.btn.small,
.btn.small {
	padding:2px 10px;
	font-size:.85em;
	line-height:1em;
}
.btn.white {
	border-color:#CCC;
	background-color:#FFF;
	color:#333;
}
:hover.btn.white {
	border-color:#000;
	background-color:#000;
	color:#FFF;
}
.btn.red {
	border-color:#E74C3C;
	background-color:#E74C3C;
}
:hover.btn.red {
	border-color:#E74C3C;
	background-color:#B93D30;
	color:#FFF;
}
.btn.blue {
	border-color:#3498DB;
	background-color:#3498DB;
}
:hover.btn.blue {
	border-color:#3498DB;
	background-color:#2A7AAF;
	color:#FFF;
}
.btn.green {
	border-color:#2ECC71;
	background-color:#2ECC71;
}
:hover.btn.green {
	border-color:#2ECC71;
	background-color:#25A35A;
	color:#FFF;
}
/***********************************************
Tables
***********************************************/
table {
	margin:20px 0 40px 0;
	width:100%;
	overflow:hidden;
	font:.85em/1.25em Sans-Serif;
	border-bottom:1px solid #D6D6D6;
	border-collapse:collapse;
	border-spacing:0;
	}
	
caption {
	margin:0 0 10px;
	}
tr {
	background-color:#FFF;
	transition:all .1s linear 0s;
	-moz-transition:all .1s linear 0s;
	-webkit-transition:all .1s linear 0s;
	-o-transition:all .1s linear 0s;
}
tr:hover {
	background-color:#F1F1F1;
	transition:all .1s linear 0s;
	-moz-transition:all .1s linear 0s;
	-webkit-transition:all .1s linear 0s;
	-o-transition:all .1s linear 0s;
}
tr.even {
	background-color:#FFF;
}
tr.odd {
	background-color:#F1F1F1;
}
th {
	padding:8px;
	background-color:#F1F1F1;
	color:#222;
	font-weight:bold;
	border:none;
	border-bottom:3px solid #D6D6D6;
	text-align:left;
	white-space:nowrap;
}
.content-section td {
	padding:8px;
	min-width:100px;
	background-color:transparent;
	color:#666;
	border:none;
	border-top:1px solid #D6D6D6;
}
td.highlight {
	padding:11px 8px;
	color:#EEE;
	font-weight:bold;
	display:block;
	font-size:inherit;
	border:none;
	background-color:#333;
}
/***********************************************
Global Classes
***********************************************/
.clear {
	clear:both;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.txt-big {
	color:#A2BD30;
	font-weight:bold;
	line-height:26px;
}
.txt-left {
	text-align:left;
}
.txt-right {
	text-align:right;
}
.txt-center {
	text-align:center;
}
.txt-justify {
	text-align:justify;
}
.normal {
	font-weight:normal;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	padding:4px 7px 4px;
	color:#000;
	line-height:19px;
	display:inline-block;
	background:#00DEFF;
	font-weight:bold;
}
.intro {
	font-size:1.3em;
	line-height:1.3em;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
.inline {
	display:inline;
}
.block {
	display:block;
}
.hidden {
	display:none;
}
.hide {
	display:none;
}
.grid-inner {
	padding: 20px;
	}
	.split-screen .grid-inner {
		background: #fff;
		margin: 0 5%;
		min-height: 290px;
		}
	.split-screen .grid-inner:hover {
		-moz-box-shadow: #bbb 0 0 20px;
		-webkit-box-shadow: #bbb 0 0 20px;
		box-shadow: #bbb 0 0 20px;
		}

/***********************************************
Disable Chrome blue border
***********************************************/
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}


.row-outer {
	margin: 0;
	padding: 40px 0;
	}

/* header */

.header-section {
	padding-top: 20px;
	padding-bottom: 10px;
	}
	#h-home .header-section {
		padding-bottom: 0;
		}
.header-section .logo,
.contact-thanks p strong {
  color: #999;
	font-family: "futura-pt-1", "futura-pt-2", Futura, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-transform: none;
  }
.header-section .logo a {
	border: none;
  color: #999;
}
.header-section .logo img {
	float: left;
	margin-right: 8px;
	}
.header-section .logo .logo-text {
	display: block;
	float: left;
	margin-top: 15px;
	}
		
.header-section .search-form {
	margin: 15px 0 10px;
	}
	
.header-section .search-field {
	height: 30px;
	float: left;
	line-height: 20px;
	margin-bottom: 0;
	width: 82%;
	}
.header-section .search-submit {
  background: transparent url("/assets/img/bg-ui-elements.png") no-repeat 0 0;
  border: none;
	float: left;
	height: 24px;
  margin: 3px 0 0 2px;
  text-indent: -5000px;
  width: 24px;
  }
.header-section fieldset {
	margin: 0;
}
	
	
/**mobile menu & standard primary menu **/

/*--------------------------------
 Functional Styles (Required)
---------------------------------*/
#toggle, .toggle { display: none; }
/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

.toggle{ 
	z-index: 2; 
	}	

ul.menu {
  margin: 20px 0 0;
  }
.menu li {
  background: none;
	float: left;
  list-style: none;
  margin: 0 0 0 20px;
	padding: 0;
  }
  .menu li.nav-contact {
    margin-right: 0;
    }
.menu li a {
  border: none;
  color: #999;
  display: block;
  float: left;
  font-family: "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
  font-size: 1.35em;
  font-weight: normal;
	line-height: 1em;
  padding: 0 3px;
  text-transform: uppercase;
	transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
  }
  .menu li a:hover {
    background: #1DA3D6;
    color: #fff;
    }

/* footer */

.split-screen .copyright {
	font-size: .7em; 
	margin-top: 60px;
	}

#footer-section {
  background: #33233E;
  color: #fff;
  font-family: "futura-pt-1", "futura-pt-2", Futura, Arial, sans-serif;
  font-size: 1.05em;
  font-weight: 300;
	padding: 50px 0;
  }
#footer-section a:link, #footer-section a:visited {
  border: none;
  color: #fff;
  text-decoration: underline;
  }
#footer-section fieldset {
	margin: 0 0 8px;
	}
#footer-section label {
	color: #fff;
	float: none;
	height: auto;
	padding: 0;
	text-align: left;
	width: auto;
	}
#footer-section input,
#footer-section input[type="text"],
#footer-section input[type="email"],
#footer-section input[type="url"],
#footer-section select,
#footer-section textarea {
  background-color: #79667A;
  border: none;
  color: #33233E;
	height: auto;
	padding: 3px 8px;
	width: 100%;
  }
	#footer-section .select {
		background: transparent;
		border: none;
		height: auto;
		width: 100%;
		}
		#footer-section .select:after {
			background: transparent;
			color: #33233E;
			line-height: 1.85em;
			}
		#footer-section .select select {
			color: #000;
			height: auto;
			padding: 4px 8px;
			}
	#footer-section input[type="submit"] { 
		color: #FFF; 
		background-color: #1DA3D6;
		padding: 6px 13px 9px;
		width: auto;
		}
		#footer-section input:hover[type="submit"] { 
			background-color: #005297; 
			}

.contact-info {
  margin-top: 140px;
  }
.contact-info p {
  margin-bottom: 3px;
  padding-left: 24px;
  }
  p.phone {
    background: url("/assets/img/bg-ui-elements.png") no-repeat 2px -1002px;
		margin-top: 63px;
    }
  p.fax {
    background: url("/assets/img/bg-ui-elements.png") no-repeat 0 -1095px;
    }
  p.email {
    background: url("/assets/img/bg-ui-elements.png") no-repeat 1px -1182px;
    }
  p.twitter {
    background: url("/assets/img/bg-ui-elements.png") no-repeat 0 -1281px;
    }
 	/*.contact-info p.directions {
    border-bottom: 1px solid #24182B;
    margin-bottom: 0;
    padding-bottom: 25px;
    }*/
 	.contact-info p.directions {
    border-bottom: 1px solid #24182B;
    margin-bottom: 0;
    padding-bottom: 25px;
		}
	.contact-info p.pubs {
    border-top: 1px solid #3F3049;
		border-bottom: 1px solid #24182B;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 25px;
    }
  p.login {
    background: url("/assets/img/bg-ui-elements.png") no-repeat 2px -1353px;
    border-top: 1px solid #3F3049;
    padding-top: 20px;
    }
address {
  line-height: 120%;
  margin: 20px 0 15px;
  padding-left: 24px;
  }



/* marketing */

.row-outer.marketing-space {
	background: url("/assets/img/superhero.jpg") no-repeat 115% 100%;
	background-size: contain;
	font-family: "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	position: relative;
	}
	.rocket .row-outer.marketing-space {
		background: url("/assets/img/rocket.png") no-repeat 100% 100%;
		background-size: contain;
		min-height: 200px;
		}
.marketing .message-primary {
	color: #460076;
	font-size: 1.75em;
	font-family: "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
	font-weight: 300;
	}
	.rocket .marketing .message-primary {
		color: #555;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2em;
		line-height: 100%;
		text-transform: none;
		}
		.rocket .marketing .message-primary a {
			border: none;
			color: #1D91CC;
			text-decoration: none;
			}
.marketing .message-primary em {
	display: block;
	font-size: 2.5em;
	font-style: normal;
	line-height: 90%;
	text-transform: uppercase;
	}
.marketing .message-secondary {
	color: #999;
	font-size: 1em;
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	line-height: 1em;
  margin: 40px 0 0;
	padding-bottom: 15px;
  width: 73%;
	}
	
/* services */

.services-section {
	background: url("/assets/img/bg-content-one.png") repeat 0 0;
	}
.services-section ol.services {
  float: left;
  }
.services-section ol.services li {
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  float: left;
  height: 275px;
  line-height: 1.35em;
  list-style: none;
  margin: 0 5px 5px 0;
  padding: 30px;
  position: relative;
  text-align: center;
  width: 275px;
  }
.services-section ol.services li strong {
  background: url("/assets/img/bg-what-elements.png") no-repeat 50% 0;
  display: block;
  font-family: "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
  font-size: 2.7em;
  font-weight: 300;
  padding: 70px 0 15px;
  }
  .services-section ol.services li.design strong {
    background-position: 50% -443px;
    }
 	.services-section ol.services li.transform strong {
    background-position: 55% -940px;
    }

.services-section ol.services li ul {
  background: #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0 0 0 7%;
	padding: 0;
  position: absolute;
    top: 48%;
    left: 0;
  width: 86%;
  z-index: 10;
  -moz-transition: all .75s;
  -webkit-transition: all .75s;
  -o-transition: all .75s;
  transition: all .75s;
  }
/*.services-section ol.services li li {
  background: #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #eee;
  float: none;
  font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
  font-size: 1em;
  font-weight: 300;
  height: auto;
  line-height: 1em;
  margin: 0;
  padding: 2px 20px 2px;
  width: auto;
  }*/
.services-section ol.services li li {
  background: #ddd url(/assets/img/bg-bullet-small.png) no-repeat 12px 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
	float: none;
  font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
  font-size: 1em;
  font-weight: 300;
  height: auto;
  line-height: 1em;
  margin: 0;
  padding: 3px 8px 3px 20px;
	text-align: left;
	width: auto;
	}
	.services-section ol.services li li:first-child {
		background-position: 12px 17px;
		padding-top: 10px;
		}
	.services-section ol.services li li:last-child {
		padding-bottom: 11px;
		}
.services-section p {
  clear: left;
  }
.services-section .cta {
  font-size: 2em;
  margin: 20px 0 50px 20px;
  }
  .services-section .cta a {
    background: #1DA3D6 url("/assets/img/bg-contact.png") no-repeat 100% 0;
    border:none;
		color: #fff;
		display: block;
 		font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
		font-weight: 300;
    padding: 12px 65px 14px 15px;
    width: 205px;
    }
  	.services-section .cta a:hover {
			background-color: #005297;
			}

.services-section li {
  background: none;
  float: left;
  margin: 0 45px 10px 0;
  }
.services-section li a {
  background-image: url("/assets/img/bg-services.png");
  background-repeat: no-repeat;
  border: none;
  color: #333;
  display: block;
  font: 1.25em/1em "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
  padding: 5px 5px 5px 60px;
  text-transform: uppercase;
  width: 70px;
  }
.services-section li a:hover {
  background-color: #fff;
  }
	
	

/*approach */

.compare {
  float: left;
  margin: 40px 0;
  position: relative;
  }

.compare p {
  padding: 10px 45px;
  }
  .compare div.vs p {
    padding: 0;
    }
.compare div {
  background: #f3f3f3;
  }
.compare div.vs {
  background: #666;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  float: none;
  font-family: "futura-pt-1", "futura-pt-2", Futura, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.6em;
  height: 60px;
  line-height: 1em;
  margin: 15px 0 20px 45px;
  padding: 15px 0 0 20px;
  width: 60px;
  width: 40px\9;
  }
.compare h3 {
  background: #ddd;
  padding: 0 45px;
  }
	
	
/* work */

.work-section,
.work-services {
	background: url("/assets/img/bg-content-three.png") repeat 0 0;
	}
.work-section li img {
	width: 100%;
	}
.work-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.work-section li {
	background: none;
	float: left;
	margin: 0 3% 3% 0;
	padding: 0;
	width: 30%;
	}
.work-section li a {
	border: none;
	color: #212121;
	display: block;
	font-size: .75em;
	overflow: hidden;
	position: relative;
	}

.work-section li span {
	background: rgba(255,255,255,0.85);
	display: block;
  font: .9em/1em "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	font-weight: 300;
	max-height: 500px;
	padding: 3px;
	position: absolute;
		bottom: 0;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
	width: 100%;
	z-index: 5;
	}
.work-section li span strong {
	display: block;
  font: 1.25em/1em "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	}

/* work detail pges */

.work-intro {
	background-repeat: no-repeat;
	background-size: cover;
	}
	#work-bank .work-intro {
		background-image: url(/assets/img/work/bank-main.jpg);
		background-position:  65% 0;
		}
	#work-ncbiotech .work-intro {
		background-image: url(/assets/img/work/ncbiotech-main.jpg);
		background-position:  80% 0;
		}
	#work-walkbike .work-intro {
		background-image: url(/assets/img/work/walkbike-main.jpg);
		background-position:  0 -80px;
		}
	#work-ut .work-intro {
		background-image: url(/assets/img/work/ut-main.jpg);
		background-position:  0 -170px;
		}
	#work-duketip .work-intro {
		background-image: url(/assets/img/work/duketip-main.jpg);
		background-position:  -750px -60px;
		}
	#work-bwfund .work-intro {
		background-image: url(/assets/img/work/bwfund-main.jpg);
		background-position:  0 0;
		}
	#work-nccppr .work-intro {
		background-image: url(/assets/img/work/nccppr-main.jpg);
		background-position:  0 0;
		}
	#work-gk .work-intro {
		background-image: url(/assets/img/work/gk-main.jpg);
		background-position:  0 -120px;
		}
	#work-akc .work-intro {
		background-image: url(/assets/img/work/akc-main.jpg);
		background-position:  50% 0;
		}
	#work-rms .work-intro {
		background-image: url(/assets/img/work/rms-main.jpg);
		background-position:  60% -90px;
		}
	#work-p25 .work-intro {
		background-image: url(/assets/img/work/p25-main.jpg);
		background-position:  60% 50%;
		}
.work-intro h1 {
	line-height: .85em;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.35);
	}	
	#work-ut .work-intro h1,
	#work-ut .work-intro h2,
	#work-ut .work-intro p.back a,
	#work-duketip .work-intro h1,
	#work-duketip .work-intro h2,
	#work-duketip .work-intro p,
	#work-duketip .work-intro p a,
	#work-bwfund .work-intro h1,
	#work-bwfund .work-intro p,
	#work-nccppr .work-intro h1,
	#work-nccppr .work-intro h2,
	#work-nccppr .work-intro p,
	#work-nccppr .work-intro p a,
	#work-gk .work-intro p a,
	#work-rms .work-intro h1,
	#work-rms .work-intro h2,
	#work-rms .work-intro p,
	#work-rms .work-intro .intro-bullets {
		color: #fff;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.25);
		}
.work-intro h2,
#work-rms .work-intro p.back {
	padding: 0;
	text-transform: none;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.35);
	}
	#work-walkbike .work-intro h2 {
		display:none;
		}
.work-intro p,
.work-intro .intro-bullets {
	margin: 40px 0;
	text-shadow: -1px 0 0 rgba(255,255,255,0.35);
	}
	.work-intro .intro-bullets {
		padding-left: 40px;
		}
	.work-intro p.back {
		margin: 0 0 10px;
		}
		.work-intro p.back a {
			border: none;
			line-height: 2em;
			}
.work-intro .attribution {
	display: block;
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	text-align: right;
	}
	
.work-intro .outcomes {
	background: rgba(255,255,255,.5);
	background: url(/assets/img/bg-trans.png) repeat \9;
	}
	#work-nccppr .work-intro .outcomes {
		background: rgba(255,255,255,.65);
		}
.work-intro ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.work-intro .outcomes li {
	background: none;
	border-left: 1px solid #fff;
	float: left;
	font-family: "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
	font-size: 1.75em;
	font-weight: 200;
	line-height: 1.3em;
	margin: 0 10% 0 0;
	padding: 30px 0 0 10px;
	width: 45%;
	}
	.work-intro .outcomes li.odd {
		clear: left;
		}
	.work-intro .outcomes li.even {
		margin-right: 0;
		}
	.work-intro .outcomes li.last {
		margin-right: 0;
		}
.work-intro .outcomes li span {
	background: #00A8DA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 2.8em;
	height: 120px;
	letter-spacing: -.05em;
	margin-top: 10px;
	padding: 42px 0 0;
	text-align: center;
	width: 120px;
	}
	.work-intro .outcomes li.chain span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% 18px;
		}
	.work-intro .outcomes li.strength span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -115px;
		}
	.work-intro .outcomes li.thumbsup span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -248px;
		}
	.work-intro .outcomes li.win span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -380px;
		}
	.work-intro .outcomes li.save span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -520px;
		}
	.work-intro .outcomes li.meter span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -655px;
		}
	.work-intro .outcomes li.scale span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -782px;
		}
	.work-intro .outcomes li.menu span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -936px;
		}
	.work-intro .outcomes li.crossfunctional span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -1081px;
		}
	.work-intro .outcomes li.central span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -1242px;
		}
	.work-intro .outcomes li.future span {
		background: #00A8DA url(/assets/img/work/icons.png) no-repeat 50% -1400px;
		}
.work-intro .outcomes li span sup {
	top: 0;
	}

.work-services {
	padding-top: 140px;
	margin-top: -98px;
	}
.work-services hr {
	border-color: #fff;
	float: right;
	width: 65%;
	margin-top: -2.75em;
	}
.work-services div {
	float: left;
	margin-right: 2%;
	width: 31%;
	}
.work-services li {
	background: none;
	border-top: 1px solid #f3f3f3;
	margin: 0;
	padding: 7px 0;
	}

.work-screens img {
	display: none;
	}
	#work-bank .work-screens .screen-3 img {
		display: inline;
		max-width: 100%;
		}
.work-screens p {
	clear: left;
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	font-weight: 200;
	line-height: 1.1em;
	}
		
.work-screens span {
	display: block;
	float: left;
	font-family: "futura-pt-condensed-1", "futura-pt-condensed-2", Futura, sans-serif;
	font-size: 2.75em;
	line-height: .7em;
	margin-right: 5px;
	}
	.work-screens span.up {
		background: url(/assets/img/bg-up.png) no-repeat 0 1px;
		padding-left: 30px;
		}
		
#work-walkbike .work-screens .screen-2 .data1 span {
	float: none;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: 5px;
	}


/* who */

.who-values h3 {
  background: #00A8DA;
  color: #fff;
  float: left;
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1em;
  margin: -4px 5px 0 0;
  padding: 0 3px 1px;
  }
.who-pullquote {
  border-bottom: 3px solid #eee;
  color: #00A8DA;
  font-family: "futura-pt-1", "futura-pt-2", Futura, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 30px;
  padding-bottom: 5px;
  }
.who-leadership,
.who-working-here {
  background: #eee;
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	font-weight: 300;
	line-height: 1.2em;
  margin-bottom: 35px;
  padding: 25px 20px 5px;
  /*width: 85%;*/
  }
.who-leadership a {
  border-bottom: 0;
  }
.who-leadership span {
  display: block;
  font-size: .7em;
  line-height: 1em;
  margin-bottom: 3px;
  }
.who-leadership img {
	float:left;
	margin-right:10px;
	}
.who-leadership h3 {
  font-size: 1.5em;
  text-transform: uppercase;
  }
.who-leadership h4 {
  font-size: 1.25em;
	display: inline-block;
  }
.who-leadership h5 {
	font-weight: 300;
	display: inline;
  }
.who-working-here h3 {
  text-transform: uppercase;
  }

#directionsList label {
  float: left;
  margin: 6px 0 0;
  width: 15%;
  }
#directionsList input[type="text"] {
  margin-bottom: 5px;
  width: 60%;
  }
	
	
/* directions page */

.directions-form input[type="text"] {
	margin-top: -6px;
	width: 70%;
	}
.directions-form input.form-submit {
	width: auto;
	}
.directions-form fieldset label {
	float: none;
	}
.directions-form fieldset {
	margin-bottom: 2px;
	}
	
	
/* publications */

video {
	max-width: 100%;
	}
.video p {
	color: #676767;
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	font-size: .85em;
	font-weight: 300;
	}
#pubs-list .content-section li {
	background: none;
	padding: 0 0 0 5em;
  text-indent:-4.7em;
	}
.pubDate {
	color: #999;
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	font-weight: 300;
	padding-right: 10px;
	}

.publications .entry-footer {
	color: #676767;
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	font-size: .85em;
	font-weight: 300;
	}
	
	
	
	
/****** custom google search *********/

.gsc-search-box a {
	border: none;
	}
.gsc-search-box table,
.gsc-search-box tr,
.gsc-search-box td,
.gsc-search-box td.gsib_a,
.gsc-results-wrapper-overlay table,
.gsc-results-wrapper-overlay td,
.gsc-results-wrapper-overlay tr {
	border: none;
	margin: 0;
	min-width: 0;
	padding: 0;
	}
	.gsc-search-box td.gsib_a {
		padding: 4px 8px 0;
		}
		.gsc-search-box td.gsib_a input {
			font-size: 1.5em;
			}
	.gsc-search-box tr {
		background: transparent !important;
		}
.gsc-search-box tr:hover,
.gsc-results-wrapper-overlay tr:hover {
	background-color:#fff;
	}
.header-section .cse .gsc-control-cse, 
.header-section .gsc-control-cse {
	border: none !important;
	background-color: transparent !important;
	padding: 1.3em 0 0;
	}
.header-section .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 2px;
	opacity: .65;
	} 
.header-section input.gsc-search-button-v2 {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 25px;
	margin-top: 0;
	padding: 5px;
	min-width: 1px;
	width: 25px;
	}
	
input.gsc-search-button, 
input.gsc-search-button:hover, 
input.gsc-search-button:focus {
	border-color:	#610090 !important;
	}

.gsc-results-wrapper-overlay .gsc-selected-option-container {
	width: auto !important;
}
.gs-result .gs-snippet {
	padding-left: 8px;
	}
form.gsc-search-box span {
	margin: 0;
	padding: 6px 0 0;
	}
	
	
#missed-field .content-section label,
#missed-field .content-section input {
	float: none;
	width: 100%;
	}
	#missed-field .content-section input.form-submit {
		width: auto;
		}
		

		
#error {
	background:url("/assets/img/bg-404-mobile.jpg") no-repeat 80% 140px;
	}
#error .content-section {
	min-height: 320px;
	}
#error .oops-content {
	margin-right: 25%;
	}
	

/* --------------sitemap------------- */

#sitemap .content-section .row.mapping {
	margin-top: 35px;
	}
#sitemap .content-section .grid_6 {
	margin-top: 0;
	}
	
#sitemap.split-screen h2 {
	border-bottom: 1px solid #fff;
	}

#sitemap .content-section h1 {
	font-size: 1.5em;
	margin: 0;
	text-align: left;
	}
	
#sitemap .content-section ul {
	border-left: 1px solid #fff;
	margin: 0 0 0 25px;
	padding: 15px 0;
	}
#sitemap .content-section li {
	background: url("/assets/img/bg-li-sitemap.png") no-repeat 0 15px;
	padding-left: 20px;
	-moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
	}
	#sitemap .content-section li.sub {
		margin-bottom: 0;
		}
	
#sitemap .content-section a {
	border: 1px solid #fff;
	color: #666;
	display: inline-block;
	font-family: "futura-pt-1", "futura-pt-2", Futura, sans-serif;
	font-size: 1.25em;
	font-weight: 200;
	padding: 5px 12px 7px; 
	-moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
	}
	#sitemap .content-section li li a {
		font-size: .9em;
		padding: 5px 10px;
		}
	#sitemap .content-section a:hover {
		background: #fff;
		}
	#sitemap .content-section .el a {
		border-color: #7FC41C;
		}
	#sitemap .content-section .services a {
		border-color: #00A8DA;
		}