/*
Theme Name: Metamarkets
Version: 1.0
Author: Fuzzco
Author URI: http://www.fuzzco.com
*/

/* $typography & colors
------------------------------------------------

"ff-din-web"	Regular (400)           Bold (700)
"open-sans"	    Regular/Italic (400)	Bold/Italic (700)

black	#424039
brown	#7C5531
green	#47746F
blue	#4F799E
pink	#A04E6C
											  */

/* $reset
--------------------------------------------- */
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, input, textarea,
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;
	-webkit-appearance: none;
	-webkit-text-size-adjust:none;
	text-rendering: optimizeLegibility;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* $UNIVERSAL
--------------------------------------------- */

/* Grid */
.container {margin: 0 auto; width: 90%; max-width: 1400px;}
.main-wrap {margin: 3em auto 0; position: relative;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16,
.col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23
{float: left; margin-right: 2%;}
.col-1 { width: 2.25%; }
.col-2 { width: 6.5%; }
.col-3 { width: 10.75%; }
.col-4 { width: 15.0%; }
.col-5 { width: 19.25%; }
.col-6 { width: 23.5%; }
.col-7 { width: 27.75%; }
.col-8 { width: 32.0%; }
.col-9 { width: 36.25%; }
.col-10 { width: 40.5%; }
.col-11 { width: 44.75%; }
.col-12 { width: 49.0%; }
.col-13 { width: 53.25%; }
.col-14 { width: 57.5%; }
.col-15 { width: 61.75%; }
.col-16 { width: 66.0%; }
.col-17 { width: 70.25%; }
.col-18 { width: 74.5%; }
.col-19 { width: 78.75%; }
.col-20 { width: 83.0%; }
.col-21 { width: 87.25%; }
.col-22 { width: 91.5%; }
.col-23 { width: 95.75%; }
.col-24 { width: 100%; }
[class*="col-"] :last-child {margin-bottom: 0;}

.last-col { margin-right: 0; }
.center-col {float: none; margin: 0 auto;}

/* Achieve wider gutters w/o re-writing whole grid (breaking change).
 * Consider changing grid in future? */
.wide-gutter {margin-right: -1em; margin-left: -1em;}
.wide-gutter [class*="col-"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 1em; padding-left: 1em;}

/* Text Styles */
body {font: 400 100% "proxima-nova", 'Lucida Grande', Tahoma, sans-serif; color: #666;}

::selection {background: #f5613d; color: #fff;}
::-moz-selection {background: #f5613d;color: #fff;}
*:focus {outline: none}

a {outline: none;}
a:link, a:visited {text-decoration: none; color: #2498c9; border-bottom: 1px solid #c4e6f4; -webkit-transition: color 0.6s ease; -moz-transition: color 0.6s ease; -ms-transition: color 0.6s ease;-o-transition: color 0.6s ease; transition: color 0.6s ease;}
a:hover {color: #196c90; border-color: #196c90;}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {font-family: 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; font-weight: 700; line-height: 1.3em; color: #13213e;}
h1 a:link, h1 a:visited, .h1 a:link, .h1 a:visited,
h2 a:link, h2 a:visited, .h2 a:link, .h2 a:visited,
h3 a:link, h3 a:visited, .h3 a:link, .h3 a:visited,
h6 a:link, h6 a:visited, .h6 a:link, .h6 a:visited {border-bottom: 0 none; color: #52b5df;}
h1 a:hover, h2 a:hover, h3 a:hover, h6 a:hover {color: #228dba;}
h1, .h1 {margin: 0 0 1em; text-align: center; font-size: 1.875em;}
h2, .h2 {margin: 0 0 .75em; font-weight: 700; font-size: 1.5em;}
h3, .h3, h4, .h4, h5, .h5 {font-weight: 700; font-size: 1.125em;}
h4, .h4, h5, .h5 {font-weight: 400;}
h6, .h6 {font: 400 .875em/1em 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; text-transform: uppercase; letter-spacing: .07em;}

.h3 {margin-bottom: 0;}

p, ul, ol {margin: 0 0 .75em; font-size: 0.938em; line-height: 1.6em;}
p > ul, p > ol {font-size: 1em;}
address {margin: 0 0 .75em;}
em, i {font-style: italic;}
strong, b {font-weight: 700;}

.caps {text-transform: uppercase; letter-spacing: .07em;}
a.caps {font: 700 .875em/1em 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; color: #52b5df; border-bottom: 0 none;}
a.caps:hover {color: #228dba;}
.pseudo-button-wrap { width: 100%; text-align: center; }
.pseudo-button:link, .pseudo-button:visited, input[type="submit"], input[type="button"] {display: inline-block; padding: .8em .7em .7em; font: 400 .875em/1em 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; text-transform: uppercase; letter-spacing: .07em; background: #52b5df; color: #fff; border-width: 0 0 3px 0; border-style: solid; border-color: #2498c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.pseudo-button:hover, input[type="submit"]:hover, input[type="button"]:hover {background: #28a2d6; border-color: #1f82ac; color: #fff; cursor: pointer;}
.pseudo-button:active, input[type="submit"]:active, input[type="button"]:active {border-width: 3px 0 0 0; background: #2597c8; border-color: #1d779d;}

.content h1 {margin: 1em 0; text-align: left;}
.content > h1:first-child {margin-top: 0;}
.content h2, .content h3, .content h4, .content h5, .content h6 {margin: 1em 0 .5em;}
.content h6 {font-weight: 700;}
.content p.last {margin: 0;}
.content ul, .content ol {margin: 1em 1.5em; list-style-position: outside;}
.content ul {list-style: disc;}
.content ol {list-style: decimal;}
.content blockquote {margin: 2em;}

.feature-content ul {-moz-box-sizing: border-box; box-sizing: border-box; padding-left: 1em; list-style: disc;}
.feature-content ul li {margin: 0 0 .5em;}

.wide-content p, .wide-content ul, .wide-content ol { font-size: 1.125em; line-height: 1.625em;}

/* Layout */
body {background: #0e1c37;}
.wrap {background: #fff; overflow: hidden;}
section {margin: 0 0 3em;}
 /* Overrides prevention of non-collapsed bottom borders; needs to be on own line for IE8 */
[class*="col-"] section:last-child {margin: 0 0 3em;}
.section-masthead {margin-bottom: 2em;}

.sidebar {float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.5em; border: 1px solid #dde0e2; background: #f3f4f5;}
.sidebar h2 {text-align: center;}
.sidebar .media-wrap {margin: 0 auto 1.5em;}

.half {float: left; margin: 0 5% 0 0; width: 47.5%;}
.half.right {float: right; margin: 0;}
.nudged-half {margin: 0 1% 0 3.5%;}
.nudged-half.col-right {margin: 0 3.5% 0 1%;}

.block {padding: 0 0 1em;}

/* Element Styles */
img {display: block; height: auto; width: 100%;}
embed, object, video {max-width: 100%;}
::-webkit-input-placeholder {}
:-moz-placeholder {}
input[type=text], input[type=submit] {-webkit-appearance: none;}

table {min-width: 100%;}
table th {font-weight: bold;}
table td, table th {padding: 9px 10px; text-align: left;}
table tbody tr:nth-child(even) {background: #f9f9f9}
table.responsive { margin-bottom: 0; }

table.no-style {max-width: none; min-width: 20px; margin-top: 20px; width: auto;}
table.no-style thead { color: #13213e; }
table.no-style th {font-weight: normal;}
table.no-style td, table.no-style th {padding: 9px 10px; text-align: left; border: 1px solid #ddd;}
table.no-style tbody tr:nth-child(even) {background: none}

.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ddd;}
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border: 1px solid #ddd;}
div.table-wrapper div.scrollable {margin-left: 35%;}
div.table-wrapper div.scrollable {overflow: scroll; overflow-y: hidden;}
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
.table-fade {position: absolute; top: 0; right: 0; height: 100%; width: 20px; background: url('-/img/table-fade.png') repeat-y 0 0;}

legend, .pseudo-legend {font-weight: 700; font: 700 1.313em/1em 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; }
.pseudo-legend a {text-decoration: none;}
label {display: block; margin: 0 0 .5em; font: 700 1.125em/1em 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif;}
input[type=text], input[type=email], input[type=password], textarea {padding: .5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fbfbfb; border: 1px solid #dde0e2; width: 100%; font: 400 0.938em/1.4em "proxima-nova", 'Lucida Grande', Tahoma, sans-serif; color: #666; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, .selectbox.active {background: #f0f8fc; border-color: #2498c9; color: #333;}
textarea {resize: none;}
.selectbox {display: block; position: relative;}
.selectbox .wpcf7-form-control-wrap {display: block; position: absolute; top: 0; right: 0; height: 100%; width: 100%;}
.selectbox select {position: absolute; z-index: 2; opacity: 0; top: 50%; margin-top: -8px; right: 0; width: 100%; cursor: pointer;}
.selectbox .selected-value {position: relative; z-index: 1; color: #999;}
.selectbox .selected-value.made-selection  {color: #666;}
.selectbox .arrow {display: block; position: absolute; z-index: 1; top: 50%; margin-top: -3px; right: 1em; height: 6px; width: 12px; background: url('-/img/icons.png?v10.20.2015') no-repeat -75px -90px;}

.outlined, .outlined:link, .outlined:visited {border: 1px solid #dde0e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff;}
a.outlined:hover {border-color: #52b5df;}
.block .outlined {padding: .5em;}
.shadowed {border-bottom-color: #cbcbcb;}
.shadow {display: block; margin: 0 1px; height: 5px; background: #fff; background: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); background: -o-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); background: linear-gradient(to bottom,  #e2e2e2 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0);}
.pre-footer .shadow, .sidebar .shadow {background: #fff; background: -moz-linear-gradient(top,  #e2e2e2 0%, #f3f4f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#f3f4f5)); background: -webkit-linear-gradient(top,  #e2e2e2 0%,#f3f4f5 100%); background: -o-linear-gradient(top,  #e2e2e2 0%,#f3f4f5 100%); background: -ms-linear-gradient(top,  #e2e2e2 0%,#f3f4f5 100%); background: linear-gradient(to bottom,  #e2e2e2 0%,#f3f4f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#f3f4f5',GradientType=0);}

blockquote, .quote {padding: 0 0 0 2em;}
body.single-case-studies blockquote:before, body.single-case-studies quote:before {content: ""; display: block; position: absolute; top: 0.25em; left: 0; height: 20px; width: 20px; background: url('-/img/icons.png?v10.20.2015') no-repeat -270px -120px;}

.icon {display: block;}

.divider-bar {display: block; position: relative; margin: 0 0 3em; height: 7px; width: 100%;}
.divider-bar .left, .divider-bar .right {position: absolute; z-index: 1; top: 3px; left: 0; height: 1px; width: 50%;}
.divider-bar .left {background: #f5613d;}
.divider-bar .right {left: auto; right: 0; background: #52b5df;}
.divider-bar .middle {position: absolute; z-index: 2; top: 0; left: 50%; margin-left: -7px; height: 7px; width: 14px; background: url('-/img/icons.png?v10.20.2015') no-repeat -55px -40px;}
.divider-bar .cap {position: absolute; top: -2px; left: 0; height: 5px; width: 5px; background: url('-/img/icons.png?v10.20.2015') no-repeat;}
.divider-bar .left .cap {background-position: -55px -30px;}
.divider-bar .right .cap {left: auto; right: 0; background-position: -65px -30px;}

.media-wrap {margin: 1.5em 0 0;}
.media-wrap, .media-wrap:link, .media-wrap:visited, .media-wrap:hover {display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: .625em solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.media-wrap img {position: relative; z-index: 2;}
.media-wrap .media-shade {display: block; position: absolute; z-index: 3; top: 0; left: 0; height: 100%; width: 100%; background: #f5613d; filter: alpha(opacity=50); opacity: 0.5;}
.media-wrap .media-label {position: absolute; z-index: 4; top: 50%; margin-top: -.5em; left: 0; width: 100%; text-align: center; color: #fff; font: 700 3em/1em 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif;}
.media-wrap .media-shade, .media-wrap .media-label {-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}
.media-wrap .play {display: block; position: absolute; z-index: 5; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; height: 50px; width: 50px; background: url('-/img/icons.png?v10.20.2015') no-repeat 0 -180px;}
.media-wrap:hover .media-shade, .media-wrap:hover .media-label, .media-wrap:hover .play {filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}

.wrap__video {margin-right: auto; margin-left: auto; width: 100%; max-width: 800px;}

.feature-infographic {margin-bottom: 2.5em;}

/* $MOBILE-FIRST COMPONENTS
 * See media queries for more complex layouts
--------------------------------------------- */

/* Checkmark list
 * Used on What We Do pages
*/
.checks-list li {position: relative; margin-top: 0.5em; padding-left: 26px;}
.checks-list li:first-child {margin-top: 0;}
.checks-list li:before {display: block; position: absolute; top: 0.8em; margin-top: -6px; left: 0; width: 16px; height: 12px; background: url('-/img/icons.png?v10.20.2015') no-repeat -210px -330px; content: '';}

/* Jump grids for clients/case studies
 * Used on clients, individual case studies, What We Do pages
*/
.jump-grid {border-top: 1px solid #dde0e2;}
.jump-row {position: relative;}
.jump-item {display: block; position: relative; padding: 1em; border: 1px solid #dde0e2; border-top: 0; text-align: center;}
.jump-row, .jump-item, .jump-overlay {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.jump-item:link, .jump-item:visited, .jump-item:hover {border-color: #dde0e2;}
.jump-logo {display: inline-block; width: 100%;}
.jump-logo img {display: inline-block; margin: 0 auto; width: 100%; max-width: 200px; height: auto;}
.jump-title {display: block; margin: 0; padding: 1em 0; width: 100%; text-align: center; color: #2498c9;}
a.jump-item:before, a.jump-item::before, .jump-overlay:before, .jump-overlay::before {position: absolute; top: 5px; right: 5px; width: 15px; height: 15px; background: url('-/img/icons.png?v10.20.2015') no-repeat -85px -240px; content: '';}
.jump-overlay {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #2498c9; background: #2498c9; background: rgba(37,153,202,0.8);}
.jump-overlay:before, .jump-overlay::before {top: 0; right: 0; background-position: -115px -240px; background-color: #2498c9;}
.jump-overlay-text {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -9px; font-weight: 700; font-size: 16px; text-align: center; text-transform: uppercase; color: #fff;}
.jump-item:hover .jump-overlay {display: block;}

/* For rows with missing items */
.jump-row:before, .jump-row::before, .jump-row:after, .jump-row::after {display: block; position: absolute; right: 0; background: #dde0e2; content: '';}
.jump-row:before, .jump-row::before {top: 0; width: 1px; height: 100%;}
.jump-row:after, .jump-row::after {bottom: 0; width: 100%; height: 1px;}

@media only screen and (min-width: 600px) {

	.jump-row {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.jump-item {float: left; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 50%; padding: 1em;}
	.jump-item:nth-child(2n) {border-left: none;}

	.jump-grid-quarters .jump-item:nth-child(3) {clear: left;}

}

@media only screen and (min-width: 960px) {

	.jump-grid-quarters .jump-item {border-left: none; width: 25%;}
	.jump-grid-quarters .jump-item:nth-child(1) {clear: left; border-left: 1px solid #dde0e2;}
	.jump-grid-quarters .jump-item:nth-child(3) {clear: none;}

}

/* Header */
header {position: relative; width: 100%; z-index: 8887; background: #fff;}
header.fixed {position: fixed; top: 0; left: 0;}
header .top-level {position: relative;}
header a:link, header a:visited {border-bottom: none;}
header .logo {display: block; position: absolute; top: 50%; margin: -20px 0 0 0; left: 0; height: 40px; width: 225px; background: url('-/img/icons.png?v10.20.2015') no-repeat -100px 0;}
header .logo a {display: block; height: 100%; width: 100%;}
header .logo span {display: none;}
header .pseudo-button {float: right; margin: .7em 0 0;}
.nav {float: right; display: block; margin: 0 .8em 0 0; text-align: right; font-size: .875em;}
.nav li {display: inline-block;}
.nav li.nav-login {display: none;}
.nav li a {display: inline-block; padding: 1.5em .8em; font: 400 1em/1em 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; text-transform: uppercase; letter-spacing: .07em; color: #52b5df;}
.nav li a:hover {color: #228dba;}
.nav li.current_page_ancestor a, .nav li.current_page_parent a, .nav li.current_page_item a {color: #333; border-bottom: 3px solid #52b5df;}
.nav li a.pseudo-button:hover {color: #fff;}

header .subnav {position: relative; display: block; width: 100%; background: #f3f3f3;}
header .subnav ul {float: right; margin: 0; padding: 1.15em 0;}
header .subnav li {display: inline-block; text-align: right;}
header .subnav li a {padding: .4em .6em; font-size: .938em; text-transform: none; letter-spacing: 0;}
header .subnav .current_page_item a, header .subnav .current-cat a {color: #333; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
header .nav-button:link, header .nav-button:visited {display: none;}
header .bottom-shadow {display: none; position: absolute; bottom: -10px; left: 0; height: 10px; width: 100%; background: url('-/img/header-shadow.png') repeat-x 0 0;}
header.fixed .bottom-shadow, body.error404 header .bottom-shadow, body.clients header .bottom-shadow, body.jobs header .bottom-shadow, body.job-listing header .bottom-shadow, body.parent-pageid-62 header .bottom-shadow, body.single-case-studies header .bottom-shadow, body.terms-of-use header .bottom-shadow, body.privacy-policy header .bottom-shadow, body.thank-you header .bottom-shadow, .single-docs .bottom-shadow, body.contact-us .bottom-shadow {display: block;}

/* Footer */
footer {background: #13213e; color: #72809d;}
footer a:link, footer a:visited {color: #fff; opacity: .5; border-bottom: 0 none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;}
footer a.hiring, footer a.hiring:visited {color: #72809d; opacity: 1;}
footer a:hover, footer a.caps:hover, footer a.hiring:hover {color: #fff; opacity: 1;}

.footer-nav {padding: 2em 0; font-size: .875em; line-height: 1.6em;}
.footer-nav h6 {margin: 0 0 .75em; font-size: 1em;} /* context = .footer-nav (14px) */
.footer-nav h6 a:link, footer h6 a:visited {opacity: 1;}
.footer-nav p, .fine-print p {font-size: 1em;}
.footer-nav .clients-title {margin-top: 1.4em;}

.footer-nav .social-icons li {float: left; margin: 0 4px 4px 0;}
.footer-nav .social-icons a {display: block; height: 25px; width: 25px; background: url('-/img/icons.png?v10.20.2015') no-repeat 0 0;}
.footer-nav .social-icons a span {display: none;}
.footer-nav .social-icons .twitter {background-position: 0 -30px;}
.footer-nav .social-icons .google {background-position: 0 -60px;}
.footer-nav .social-icons .linkedin {background-position: 0 -90px;}
.footer-nav .social-icons .github {background-position: 0 -120px;}
.footer-nav .social-icons .rss {background-position: 0 -150px;}

.footer-nav-col {width: 25%; float: left;}

.fine-print {position: relative; padding: 2em 0 1.5em; font-size: .814em; line-height: 1.5em; background: #0e1c37;}
.fine-print .shadow {display: block; position: absolute; top: 0; left: 0; height: 10px; width: 100%; background: #131d31; background: -moz-linear-gradient(top,  #131d31 0%, #0e1c37 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131d31), color-stop(100%,#0e1c37)); background: -webkit-linear-gradient(top,  #131d31 0%,#0e1c37 100%); background: -o-linear-gradient(top,  #131d31 0%,#0e1c37 100%); background: -ms-linear-gradient(top,  #131d31 0%,#0e1c37 100%); background: linear-gradient(to bottom,  #131d31 0%,#0e1c37 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131d31', endColorstr='#0e1c37',GradientType=0);}
.fine-print .container {position: relative;}
.fine-print .logo {display: block; position: absolute; top: 50%; margin-top: -15px; left: 0; height: 30px; width: 170px; background: url('-/img/icons.png?v10.20.2015') no-repeat -100px -50px;}
.fine-print .logo a {display: block; height: 100%; width: 100%;}
.fine-print .logo span {display: none;}
.fine-print p {margin: 0;}
.tiny-links, .copyright, .data {float: left; margin: 0;}
.tiny-links li {display: inline;}
.tiny-links a .bull {color: #72809d;}

.heart {display: inline-block; line-height: .7 ; height: 10px; width: 11px; background: url('-/img/icons.png?v10.20.2015') no-repeat -55px -1px; text-indent: -9999px;}

.iab-wrap {margin-right: 0px;}
.iab-member {display: block; background: url('-/img/icons.png?v10.20.2015') -240px -180px no-repeat; width: 60px; height: 60px;}

/* Contact Form */
.form-tab:link, .form-tab:visited {position: fixed; z-index: 9998; top: 10em; right: 0; border-bottom: 0 none; height: 100px; width: 34px; background: url('-/img/icons.png?v10.20.2015') no-repeat -58px -110px #f5613d; color: #fff; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.hs-form-field {margin: 0 0 1.5em;}
.hbspt-form label {display: none;}
.hbspt-form textarea {height: 8em;}
.wrap .hs-form fieldset.form-columns-1 .hs-input {width: 100%;}

/* HS Error Overrides */ .hsformerror {text-align: right; margin: 0.15em 0 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 none !important; font-size: 0.5em !important; color: #fff !important; -webkit-box-shadow: 0 0 0 !important; -moz-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important;}
.hsformerror p {padding: 0.25em 0.5em; background-color: #ff0000 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.hsformerror em {bottom: -1.15em !important; border: 5px solid !important; border-color: #ff0000 transparent transparent!important;}

/* HS Error Overrides */ .hsformerror {text-align: right; margin: 0.15em 0 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 none !important; font-size: 0.5em !important; color: #fff !important; -webkit-box-shadow: 0 0 0 !important; -moz-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important;}
.hsformerror p {padding: 0.25em 0.5em; background-color: #ff0000 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.hsformerror em {bottom: -1.15em !important; border: 5px solid !important; border-color: #ff0000 transparent transparent!important;}

/* Layouts with side nav */

.side-nav {float: left; width: 23.5%;}
.has-side-nav {float: right; width: 74.5%;}

.side-nav-list {margin-bottom: 1.5em;}
.side-nav-list li {margin-bottom: 0.5em;}
.side-nav-list .current_page_item a, .side-nav-list .current-menu-item a {border-bottom: 0; color: #13213e;}

/* $3RD PARTY
--------------------------------------------- */

/* HubSpot */
#hs_map {height: 100%;}
#hs_map div {margin: 0px; padding: 0px;}

/* Team Page */
.hs-team-avatar{float:left; padding:0 10px 10px 0;}
.hs-team{display:block; min-height:130px; vertical-align:top; padding-bottom: 30px;}
.hs-description img{float:left; margin:0; padding:0 3px 0 0;}
/* Custom Form styles */
#hs_custom_form table, #hs_custom_form tr, #hs_custom_form tr td {border:0; padding:0; margin:0; text-align:left; background:none; vertical-align:top;}
#hs_custom_form tr td {padding: 6px 24px;}
#hs_custom_form textarea{width:100%; height:100px;}

/* $HOME
--------------------------------------------- */
body.home header {margin: 0;}
body.home .main-wrap {border-bottom: 1px; border-bottom: 1px solid #dde0e2;}

.site-intro-wrap {margin: 0; position: relative; overflow: hidden}
.site-intro-wrap .illo {position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -768px; height: auto; min-width: 100%; width: auto;}
.site-intro {float: none; position: relative; z-index: 2; margin: 0 auto; padding: 5em 0; text-align: center;}
.site-intro h1 {color: #fff;}

.latest-news {padding: 0.625em; text-align: center; background: #f3f3f3;}
.latest-news-label {display: inline-block; padding: 0 0.5em 0 0; color: #989898;}
.latest-news a:link, .latest-news a:hover {display: inline-block; position: relative; padding: 0 30px 0 0; min-height: 24px; border-bottom: 0 none; font-weight: 700; -webkit-transition: color 0 ease; -moz-transition: color 0 ease; -ms-transition: color 0 ease;-o-transition: color 0 ease; transition: color 0 ease;}
.latest-news a .icon {display: inline-block; position: absolute; top: 50%; margin-top: -7px; right: 0; height: 13px; width: 24px; background: url('-/img/icons.png') no-repeat -240px -150px;}
.latest-news a:hover .icon {background-position: -270px -150px;}

.made-for-wrap h1 {margin-bottom: 0;}
.made-for {margin-top: 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 1em;}
.made-for h2 {text-align: center;}
.made-for h2 a:link, .made-for h2 a:visited {color: #13213e;}
.made-for .feature-content {margin-top: 1.8em; padding-top: 1.8em; border-top: 1px solid #dde0e2;}
.made-for .button-bar {position: relative; margin: 1em 0 0; text-align: center;}
.made-for .button-bar::before {display: block; position: absolute; z-index: 1; top: 50%; margin-top: -1px; left: 0; height: 1px; width: 100%; background: #dde0e2; content: '';}
.made-for .pseudo-button {position: relative; z-index: 2; background: #fff; border-color: #fff; color: #52b5df;}
.made-for.current h2 a:link, .made-for.current h2 a:visited {color: #52b5df;}
.made-for.current h2 a:hover {color: #228dba;}
.made-for.current .pseudo-button:link, .made-for.current .pseudo-button:visited {background: #52b5df; border-color: #2498c9; color: #fff;}
.made-for.current .pseudo-button:hover {background: #28a2d6; border-color: #1f82ac;}
.made-for.current .pseudo-button:active {border-width: 3px 0 0 0; background: #2597c8; border-color: #1d779d;}
.made-for.current h2 a {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;}

/* Pre-Footer */
.pre-footer {padding: 2.625em 0; background: #f3f4f5;}
.pre-footer section {position: relative; margin: 0; padding: 2.625em 0 0; overflow: hidden; border-top: 1px solid #fff;}
.pre-footer section.first {padding: 0 0 2.625em; border-top: 0; border-bottom: 1px solid #dde0e2;}
.pre-footer .vertical-divider {display: block; position: absolute; left: 50%; margin-left: -2px; bottom: 2.625em; border-right: 1px solid #fff; height: 100%; width: 1px; background: #dde0e2;}
.pre-footer h1, .pre-footer h2, .pre-footer h3 {color: #666;}
.pre-footer h2 a:link {text-decoration: underline;}
.pre-footer h6 {color: #989898;}
.pre-footer .media-wrap {margin: 0;}

/* Client Experience */
.single-client img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(100%); -webkit-transform: translateZ(0);}

/*
.single-client a:hover img {filter: none; filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: none; -webkit-filter: grayscale(0);}
*/
.single-client {float: left; margin-left: 2%; width: 15.0%;}
.single-client a {display: block; border-bottom: none;}
.single-client:first-child {margin-left: 0;}


/* Awards */
.home-awards-wrap {text-align: center;}
.home-awards {padding: 40px 0px;}
.home-awards img {max-width: 100px; margin: 0 auto;}
.single-award a {display: block; border-bottom: none;}
.single-award {float: left; margin-left: 2%; width: 15.0%;}
.single-award:first-child {margin-left: 0;}

.featured-post .post-title {font-size: 1.313em; font-weight: 400;}
.featured-post .post-meta {margin: .3em 0 0;}

.pre-footer .news-item,
.pre-footer .blog-item {margin: 0; padding: 2em 0; border-bottom: 1px solid #dde0e2; border-top: #fff 1px solid;}
.pre-footer .news-item.first,
.pre-footer .blog-item.first {padding-top: 0; border-top: none; }
.pre-footer .news-item.last,
.pre-footer .blog-item.last {padding-bottom: 0; border-bottom: none;}

.pre-footer .blog-item:first-child {display: none;}

/* $DOCS
--------------------------------------------- */

.doc-contents .children {
	margin-left: 20px;
	list-style: disc;
}
.single-docs .col-right {
	max-width: 850px;
}

.center-button { text-align: center; width: 100%;}

.print-link {
  display: inline-block;
  margin-top: 10px;
}
.single-docs .quote:before,
.single-docs blockquote:before {
  content: none;
  display: none;
}


/* $WHAT WE DO
--------------------------------------------- */

/* Demo Form */
.demo-wrap {padding: 1.5em 0;}
.demo-wrap .pseudo-legend {line-height: 2em; display: inline-block; margin-right: 20px;}
.demo-cta {width: 280px; margin: 0 auto; text-align: center;}

/* Overview */
.product-marketing .wide-content,
.product-marketing .client-pull-quote,
.overview-infographic, .overview-infographic-caption {margin-right: auto; margin-left: auto; width: 100%; max-width: 800px;}
.product-marketing h1, .product-marketing h2 {text-align: center;}
.product-marketing h3, .product-marketing .h3 {margin-bottom: 0.5em;}

.overview-infographic-caption [class*="col-"] {padding-left: 0;}
.overview-infographic-caption .col-right {padding-right: 0;}

ul.solution-list {margin-left: 0;}
ul.solution-list li {margin-bottom: 1.25em;}
ul.solution-list li:last-of-type {margin-bottom: 0;}
.solution-list .h3 {margin-bottom: 0;}

/* Override margins set on product marketing .h3 style */
.product-marketing .quote-author-info {margin-bottom: 0;}

.benefit-vert {position: relative; padding-top: 120px; /* 90px for icon space, 30px for margin/spacing */}
.benefit-vert .h3 {text-align: center;}
.benefit-vert:before,
.benefit-horiz:before {display: block; position: absolute; left: 50%; background: url('-/img/icons-what-we-do.png?v10.20.2015'); content: '';}
.benefit-horiz:before {top: 0; left: auto;}

 /* Feedback was to strive for perceived consitent margin here instead of mathematically consistent to other .h3 styles on page */
.benefit-horiz .h3 {margin-bottom: 0.25em;}

/* Vertical icons */
.benefit-icon-speed:before {background-position: 0 0; top: 21px; margin-left: -48px; width: 95px; height: 48px;}
.benefit-icon-security:before {background-position: -130px 0;}
.benefit-icon-security:before, .benefit-icon-big-picture:before {top: 4px; margin-left: -38px; width: 76px; height: 81px;}
.benefit-icon-standards:before {background-position: -260px 0; top: 16px; margin-left: -62px; width: 125px; height: 58px;}
.benefit-icon-big-picture:before {background-position: 0 -90px; margin-left: -43px; width: 86px; height: 64px;}
.benefit-icon-opportunities:before {background-position: -130px -90px; top: 12px; margin-left: -42px; width: 85px; height: 66px;}
.benefit-icon-engagement:before {background-position: -260px -90px; top: 11px; margin-left: -56px; width: 112px; height: 68px;}
.benefit-icon-planning:before {background-position: 0 -180px; top: 3px; margin-left: -47px; width: 94px; height: 84px;}
.benefit-icon-optimization:before {background-position: -260px -270px; top: 27px; margin-left: -60px; width: 120px; height: 35px;}
.benefit-icon-integration-issues:before {background-position: -130px -180px; top: 6px; margin-left: -39px; width: 79px; height: 78px;}

/* Horizontal icons */
.benefit-horiz {position: relative; margin-top: 2em; padding-left: 160px; /* 130px + 30px for spacing */ min-height: 90px;}
.benefit-horiz:first-child {margin-top: 0;}
.benefit-horiz:before {}

.benefit-icon-certificate:before {background-position: 0 -360px; left: 35px; width: 61px; height: 73px;}
.benefit-icon-network:before {background-position: -260px -180px; left: 13px; width: 102px; height: 69px;}
.benefit-icon-revenue:before {background-position: 0 -270px; left: 29px; width: 72px; height: 57px;}
.benefit-icon-control:before {background-position: -130px -270px; left: 4px; width: 123px; height: 70px;}

/* Pull quotes */
.quote-text {position: relative;}
.quote-text blockquote {position: relative; padding: 1.75em 1.5em 1.75em 3.5em; text-align: left; background: #52B5DF; color: #fff;}
.quote-text blockquote, .quote-text p {margin-bottom: 0;}
.quote-text blockquote p {font-size: 1em;}
.quote-text blockquote:before {top: 1.825em; left: 1.25em; background-position: -300px -120px;}
.quote-author {margin-top: 2em; text-transform: uppercase; letter-spacing: 0.01em;}
.quote-photo {display: none;}
.quote-author-info {line-height: 1;}
.quote-author-name {color: #52B5DF;}
.quote-author-title {display: block; margin-top: 0.5em; font-weight: 400; font-size: 0.75em; color: #666;}
.quote-logo {margin-top: 1em; max-width: 150px;}

@media only screen and (max-width: 500px) {

	.quote-text blockquote {font-weight: 400; font-size: 1.325em;}

}

@media only screen and (min-width: 500px) {

	.quote-author-info {float: right;}
	.quote-logo {float: left; margin: 0 1em 0 0;}

	/* Variation for when author info below quote text */
	.quote-text .quote-author-info {float: none; margin-left: 1.5em;}

}

@media only screen and (min-width: 750px) {

	.client-pull-quote {position: relative; padding-right: 230px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.quote-author {position: absolute; top: 0; margin-top: 0; right: 0; width: 200px; text-align: center;}

	.quote-text::after {position: absolute; top: 2.5em; left: 100%; margin-left: -15px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #52B5DF; content: '';}
	.quote-text blockquote {margin-right: 15px;}
	.quote-photo, .quote-logo, .quote-author-info {float: none; margin: 0.75em 0 0;}
	.quote-photo, .quote-logo {display: inline-block; width: 100px; height: auto;}
	.quote-photo {margin-top: 0; padding: 0.5em;}

}

/* Technology */
body.technology .feature-content ul {margin: 1.5em;}
body.technology .feature-content ul li {margin: 0 0 .75em;}
body.technology .feature-content ul strong {display: block; font-size: 1.125em; line-height: 1.6em; font-family: 'ff-din-web', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; color: #333;}
.stack-illustration-wrap {
	width: 100%;
	margin: 0 auto;
}
.stack-illustration-wrap p {
	max-width: 800px;
	margin: 0 auto 40px;
}
.stack-boxes {margin-top: 2em;}
.stack-item {
	float: left;
	width: 17%;
	margin: 0 1.5%;
	background: #fff;
	position: relative;
	z-index: 2;
}
.stack-item h3 {
	margin-bottom: 10px;
}
.stack-item p {
	font-size: 14px;
	margin-bottom: 0;
}
.stack-content {
	max-width: 800px;
	margin: 20px auto;
}
.tech-talking-point {
	margin: 0 2.75%;
}

.druid .content {margin: 0 0 1.5em;}
.druid .cta {text-align: center;}
.druid .learn-more {display: block; margin: 0 0 1em;}

.modal-overlay {z-index: 9997;}
.modal {display: none; position: fixed; z-index: 9998; top: -100%; left: -100%; max-height: 90%; width: 66%;}
.close-modal:link, .close-modal:visited {display: block; padding: .5em 0 1.5em; width: 100%; text-align: right; letter-spacing: .15em; color: #fff; opacity: .75;}
.close-modal.caps:hover {color: #fff; opacity: 1;}
.modal-content {-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;}

/* Clients */
body.clients section {position: relative;}

.featured-customer {margin: 0 0 1em;}
.featured-customer .featured-logo {padding: 1.625em; border-bottom: 1px solid #e5e5e5; text-align: center;}
.featured-customer .featured-logo img {display: inline; width: 50%;}
.featured-customer .content {padding: 1.625em 1.625em .875em;}
.featured-customer .caps {display: block; margin: 1em 0 1.625em; text-align: center;}

.customer-logo-list {margin: 0 0 0 8.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #e5e5e5;}
.customer-logo-list li {position: relative; padding: 1.25em 0; border-bottom: 1px solid #e5e5e5;}
.customer-logo-list li.last {border-bottom: 0 none;}
.customer-logo-list li img {width: 80%;}
.customer-logo-list li h2 {margin: 0;}
.customer-logo-list .current .pointer {display: block; position: absolute; top: 50%; margin-top: -9px; right: -11px; height: 18px; width: 11px; background: url('-/img/icons.png?v10.20.2015') no-repeat -52px -90px;}

.customer-quote-list {position: relative; float: right; margin: 0 8.5% 0 0;}
.customer-quote-list li {display: none; position: absolute; left: 0;}
.customer-quote-list li.current {display: block;}

.pseudo-button-wrap {padding: 20px 0 30px;;}

.clients-headline {margin-bottom: 1.6em; text-align: center;}

.other-clients p  {
	margin-bottom: 0;
}

.case-study-header .case-photo {float: left; max-width: 220px; width: 100%; padding: .5em; overflow: hidden; border: 1px solid #dde0e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.case-study-header .case-quote {position: relative; padding-left: 2em; width: 65%;}
.case-study-header .case-quote .h1 {margin: 0 0 .5em; padding: 0; text-align: left;}
.case-quote-author-name {color: #f5613d;}
.case-quote-author-title {display: block; color: #666;}

/* $COMPANY
--------------------------------------------- */

/* About Us */
.about-cta {margin: 2em auto 3em; text-align: center;}
.sidebar-sections-header {margin: 0; padding: 0 0 .75em; border-bottom: 1px solid #dde0e2;}
.sidebar-section, .sidebar.investors .sidebar-section.last {padding: 1.5em 0 1.25em; border-top: 1px solid #fff; border-bottom: 1px solid #dde0e2;}
.sidebar-section.last {padding-bottom: 0; border-bottom: 0 none;}
.sidebar-section .outlined img {margin: .5em auto; width: 50%;}
.sidebar-section .shadow {margin: 0 0 .75em;}

.strategic-investors {padding: 1.25em 0 0; border-top: 1px solid #fff;}

.leadership-headline {margin-bottom: 1em; text-align: center;}

/* Leadership / Board */
.people-intro {margin: 0 auto 3em;}
.people {float: none; margin: 0 auto;}

.board-intro {float: none; margin: 0 auto; text-align: center;}
.board-member {margin: 0 auto 2em;}
.board-member .outlined {float: left; width: 20%;}
.board-member .board-meta {float: right; width: 75%;}

/* Contact Us */
.contact-headline {text-align: left;}
.hbspt-form input[type="submit"] {margin: 0 0 1.5em; width: 33%;}
.contact-us .hbspt-form input[type="submit"] {margin-bottom: 0;}

.contact-methods.col-right {margin-right: 8.5%; padding: 4.1em 0 0;}
.contact-methods .phone, .contact-methods li a {position: relative; padding-left: 40px;}
.contact-methods .icon {position: absolute; top: 50%; margin-top: -12px; left: 4px; height: 25px; width: 25px; background: url('-/img/icons.png?v10.20.2015') no-repeat;}
.contact-methods .phone {color: #666;}
.contact-methods .phone .icon {background-position: -266px -270px;}
.contact-methods .phone .number {white-space: nowrap;}

.contact-methods .social {float: left; margin: 0; width: 50%; border-top: 1px solid #dde0e2; font-weight: 700; font-size: 1.0625em; line-height: 1.4706; letter-spacing: 0.005em;}
.contact-methods .social li {float: none; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #dde0e2;}
.contact-methods .social.left li {border-right: 1px solid #dde0e2;}
.contact-methods .social.right li {padding-left: 4px;}
.contact-methods .social a:link, .col-left .social a:visited {border-bottom: 0 none; color: #52b5df; -webkit-transition: 0 none; -moz-transition: 0 none; -ms-transition: 0 none;-o-transition: 0 none; transition: 0 none;}
.contact-methods .social a:hover {color: #228dba;}
.contact-methods .facebook .icon {background-position: -90px -270px;}
.contact-methods .facebook:hover .icon {background-position: -90px -300px;}
.contact-methods .twitter .icon {background-position: -120px -270px;}
.contact-methods .twitter:hover .icon {background-position: -120px -300px;}
.contact-methods .google .icon {background-position: -150px -270px;}
.contact-methods .google:hover .icon {background-position: -150px -300px;}
.contact-methods .linkedin .icon {background-position: -180px -270px;}
.contact-methods .linkedin:hover .icon {background-position: -180px -300px;}
.contact-methods .github .icon {background-position: -210px -270px;}
.contact-methods .github:hover .icon {background-position: -210px -300px;}
.contact-methods .rss .icon {background-position: -240px -270px;}
.contact-methods .rss:hover .icon {background-position: -240px -300px;}

.contact-us section:last-child {margin-bottom: 0;}
.office {margin-top: 1em; margin-bottom: 2em; text-align: center;}
.office .meta {margin: 0 0 1.5em;}
.office .meta h2, .office .meta p {margin-bottom: 0;}
.office-map-wrap {padding: 0.5em; background: #efefef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.office-map {position: relative; padding-bottom: 35%; padding-top: 35%; height: 0; width: 100%; overflow: hidden;}
.office-map iframe, .office-map object, .office-map embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.office-map small {display: none;}

/* News / Events */
.news-intro {text-align: center;}
.news-intro h6 {display: inline-block; margin: 0 1em 0 0; padding: 0.5em; background: #f5613d; color: #fff;}
.news-intro p.last {display: inline-block; margin-top: 1em;}

.news-item, .more-posts {border-top: 1px solid #dde0e2; margin: 2em 0 0; padding: 2em 0 0;}
.news-item.last {padding-bottom: 2em;}
.news-item .logo-tile {float: left; width: 37%;}
.news-item .news-meta {float: right; width: 58%;}
.news-item .news-meta h3 {margin: 0 0 0.5em;}
.news-date {display: block; margin: 2em auto 1.5em; padding: 0 0 1.5em; width: 80%; border-bottom: 1px solid #dde0e2; text-align: center; font-weight: 700; color: #999;}
.more-posts {text-align: center;}

.sidebar.events {padding-left: 0; padding-right: 0;}
.sidebar.events .sidebar-sections-header {margin: 0 1em;}
.event-wrap {position: relative; padding: 0 1.5em;}
.event h3 {margin: 0 0 1em;}
.event h6 {margin: 0 0 0.75em; color: #999; line-height: 1.5em;}
.event h6 span {display: block; margin: 0 0 0.5em;}
.event h6 a:link, .event h6 a:visited {color: #999; text-decoration: underline;}
.event h6 a:hover {color: #666; text-decoration: none;}
.event .event-link {display: block; margin: 1.5em 0 0;}
.event .event-date {display: block; position: absolute; top: 1.5em; left: -70px; padding: 1em 0; width: 70px; background: #52b5df; text-align: center; line-height: 1; color: #fff;}
.event .event-date span {display: block; margin: 0;}

/* $JOBS
--------------------------------------------- */
.jobs-intro .button-wrap {text-align: center;}
.jobs-intro .pseudo-button {margin: 2em auto 1em;}
.culture-images {margin: 0 0 1.875em;}
body.jobs .section-title {margin-bottom: 1.5em; text-align: center;}

.benefit-cat {position: relative; padding-left: 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.benefit-cat:before {position: absolute; top: 0; left: 0; height: 30px; width: 30px; background: url('-/img/icons.png') 0 -330px; content: '';}
.benefit-cat .benefit-cat-title {font-size: 1.25em;}
.benefit-cat .feature-content {margin: 0.75em 0 2.5em;}
.benefit-cat .feature-content li {margin-bottom: 0.25em;}

#r-r-benefit:before {background-position: -30px -330px;}
#food-benefit:before {background-position: -60px -330px;}
#fun-benefit:before {background-position: -90px -330px;}
#transportation-benefit:before {background-position: -120px -330px;}
#misc-benefits-benefit:before {background-position: -150px -330px;}

.job-type-title-bar {position: relative; padding: 1em; border-top: 1px solid #dde0e2;}
.job-types {border-bottom: 1px solid #dde0e2;}
.job-type-title {margin-bottom: 0;}
.job-type-content {display: none; border-top: 1px solid #dde0e2; background: #fafafa;}
.job-link {text-align: right;}
.job-type-title-bar .job-link {padding-top: 0.25em;}

.job-list {margin-bottom: 0;}
.job {padding: 1em 1em 0; border-top: 1px dotted #dde0e2;}
.job:first-child {border-top: 0;}
.job [class*=col] {margin-bottom: 1em;}
.job h3 a {color: #2498c9;}
.job h3 a:hover {color: #196c90;}
.job p {margin-bottom: 0;}

.not-listed {margin: 3em auto 1em; text-align: center; max-width: 600px;}
.not-listed p {margin-bottom: 0;}

/* $JOB LISTING
--------------------------------------------- */

.stretch-image {max-height: 400px; width: 100%; text-align: center; overflow: hidden; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.stretch-image .container {width: 100%;}
.stretch-image img {display: inline-block; height: auto; width: 100%; zoom: 1; filter: alpha(opacity=0); opacity: 0;}

.job-sidebar .section-title {padding: 0 0.625em;}
.job-sidebar .job-type-title-bar {padding: 0.75em;}
.job-sidebar .job-type-title-bar .job-link {padding-top: 0;}
.job-sidebar .job {padding: 0.75em;}

/* $BLOG
--------------------------------------------- */
.post-tile {margin: 0 auto 2.5em;}
.post-tile h1 {margin: 0 0 .5em; text-align: left;}
.post-tile .post-meta {padding: 0 0 1em; color: #999; line-height: 1.4em;}
.post-tile-segment {padding: 1.875em 0;}
.post-header {margin: 0 4.5% 0;}
.post-header .post-thumbnail {float: left; width: 50%;}
.post-header .placeholder {display: block; padding: 6em 0; background: #f9f9f9; text-align: center;}
.post-header .placeholder .icon {display: inline-block; height: 75px; width: 75px; background: url('-/img/icons.png?v10.20.2015') no-repeat 0 -240px;}
.post-header .post-tease {float: right; width: 45%;}
.post-header .post-social {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 1.5em; border: 1px solid #dde0e2; background: #f3f4f5;}

.post-ctas {padding: 1.25em 0; border-top: 1px solid #dde0e2; text-align: center; color: #999;}
.post-ctas .bull {padding: 0 .75em;}

.blog .more-posts {border-top: 0 none; margin: 0; padding: 0;}

/* Single Post */
body.single-post .post-header {border-bottom: 1px solid #dde0e2;}
.post-header .fb-like {margin: 0 0 .5em; width: 100%;}

.post-categories {padding: 1em 0; border-top: 1px solid #dde0e2; line-height: 1.5em; color: #999;}
.post-tags {display: block; padding: .5em 0 0;}
.post-content {margin: 0 auto; padding: 4em 0; float: none;}
.post-content img {margin: 1em auto; width: auto; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dde0e2;}
.post-content p, .post-content ul, .post-content ol {font-size: 1em; line-height: 1.625em;}
.post-content h1 {margin: 1em 0 .5em;}


/* Github Gist */
.main-wrap .gist {margin: 1.5em 0 0;}
.main-wrap .gist .pinned {width: 3em;}
.main-wrap .gist div.table-wrapper {margin-bottom: 0.5em;}
.main-wrap .gist div.table-wrapper div.scrollable {margin-left: 3em;}

.main-wrap .gist pre {white-space: no-wrap;}
.main-wrap .gist .line-pre {white-space: pre;}
.main-wrap .gist .gist-file {margin-bottom: 2em; border: 0 none; background: #ffcc00;}
.main-wrap .gist .gist-file .gist-data {border-bottom: 0 none; background-color: #fff;}
.main-wrap .gist .gist-file .gist-data .line-numbers {border-right: 0 none; background: #f9f9f9;}
.main-wrap .gist .gist-file .gist-meta {padding: 0; font-family: inherit; background-color: #fff; background-image: none; line-height: 2em;}
.main-wrap .gist .gist-file .gist-meta a {float: none !important; display: inline;}
.main-wrap .gist .gist-file .gist-meta a:link, .blog .gist .gist-file .gist-meta a:visited {color: #2498c9;}

/* $PRESS KIT
--------------------------------------------- */

.pr-rep {float: left; text-align: center;}
.pr-rep h3 {margin: 0 0 .5em; color: #555;}
.pr-rep p {margin: 0;}

.press-wrap {position: relative;}
.press-vertical-divider {display: block; position: absolute; top: 0; left: 27.7%; height: 100%; width: 1px; background: #dde0e2;}

.press-subpages {margin: 0;}
.press-subpages li {position: relative; padding: 1em 0;}
.press-subpages li a {font: 700 1.25em/1em 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; border-bottom: 0 none; color: #52b5df;}
.press-subpages li a:hover {color: #228dba;}
.press-subpages .current_page_item a, body.single-case-studies .wrap .page-item-132 a, .press-subpages .current_page_ancestor a {color: #333;}
.press-subpages .current_page_item .pointer, body.single-case-studies .page-item-132 .pointer, .press-subpages .current_page_ancestor .pointer {display: block; position: absolute; z-index: 2; top: 50%; margin-top: -9px; right: -10px; height: 18px; width: 11px; background: url('-/img/icons.png?v10.20.2015') no-repeat -52px -90px;}

.press-content .block {margin: 1.5em 0 0; padding: 1.5em 0 0; border-top: 1px solid #dde0e2;}
.press-content .first {margin: 0; }

/* Brand Assets */
body.brand-assets .subpage-title {margin: 0 0 .25em;}

.asset-image {width: 42%;}
.asset-image .outlined {width: 50%;}
.asset-image.wide .outlined {width: 100%;}
.asset-meta {float: left; margin: 0; width: 50%; font-size: .875em;}
.asset-meta li {margin: 0 0 .5em;}
.asset-meta span {float: left; display: block;}
.asset-meta .label {margin: 0 5% 0 0; width: 35%; font-family: 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; font-weight: 700; color: #999;}
.asset-meta .answer {width: 60%;}

.asset-image a {display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%;}
.asset-image a.wide {width: 100%;}

/* Executive Bios */
.executive-bios .executive-bio {padding: 0; border-top: 0 none;}
.executive-bios .outlined {float: left; width: 20%;}
.executive-bios .bio-meta {float: right; width: 75%;}

/* Case Studies */
.single-case-studies .page-item-46 a:link, .single-case-studies .page-item-46 a:visited, .single-case-studies .mobile-nav .current_page_parent > a:link, .single-case-studies .mobile-nav .current_page_parent > a:visited {border-bottom: 0 none; color: #52b5df;}
.case-study-list {margin: 0 0 1.5em; border-top: 1px solid #dde0e2; border-bottom: 1px solid #dde0e2;}
.case-study-list li {display: inline-block; padding: .75em 1.5em .75em 0;}
.case-study-list .current_page_item a {color: #333;}
.case-study-col {max-width: 900px;}
.case-study-col .quote-photo {margin-top: 0;}
.case-study-content {margin: 1.5em 0;}

.case-study-header .pseudo-button:link, .case-study-header .pseudo-button:visited {font-size: 14px;}
.case-study-header .pseudo-button {margin: 2em 0 1.4em 0;}

/* Awards & Coverage */
.accolade-block h3 {margin: 0 0 1em;}

.press-content .awards {margin: 0; padding: 0; border-top: 0 none;}
.awards h3 {margin: 0;}
.award, .award:link, .award:visited {display: block; float: left; margin: 1em 1em 0 0; border-bottom: 0 none;}
.award img {height: 124px; width: auto; overflow: hidden;}

.featured-report .download-report {display: block; margin: 1em 0 0;}

.report-preview {float: left; display: block; width: 17.5%;}
.report-meta {width: 78%;}

.media-coverage .content ul, .press-releases .content ul {margin: 1em 0 0 1.25em;}
.media-coverage .content ul li, .press-releases .content ul li {margin: 0 0 .25em; line-height: 1.6em;}

/* $BASIC PAGES
--------------------------------------------- */
.page-content {float: none; margin: 0 auto 3em;}
.error404 .main-wrap h1, .thank-you .main-wrap {margin: 2em 0 10em; text-align: center;}
.thank-you .main-wrap h1 {text-align: center;}
.success-button-group .pseudo-button {margin-top: 1em;}

/* $FIXES
--------------------------------------------- */
.clear:before, .clear:after {content: ""; display: table;}
.clear:after {clear: both;}
.clear {zoom:1;}

.col-right, .col-last {float: right; margin-right: 0;} /* col-last to account for more than 2 cols in a row, fixes tablet-ish issue */
.col-centered { margin: 0 auto; float: none; }
.last {margin-bottom: 0;}
.mobile-only, .ie-only {display: none;}
.empty {text-align: center;}

/* $TOP BANNER SECTION
--------------------------------------------- */

.top-banner-section { padding: 30px 0 20px; background-color: #53B6E0; position:relative; margin-bottom:0;}
.top-banner-section .container { padding: 0 50px; }
.top-banner-section .facet-heading  a h2 { text-align:center; color: #fff; font-size: 36px; font-family: 'Raleway', sans-serif; font-weight:900; margin-bottom:0; letter-spacing: 2px; }
.top-banner-section .top-banner-text p { margin: 0; color: #fff; font-size: 28px; font-family: 'Raleway', sans-serif; font-weight:400; text-align:center;}
.top-banner-section .banner-close { position: absolute; top: 20px; right: 20px; height: 25px; width: 25px; background-color:#fff; line-height: 27px; text-align: center; border-radius: 50px; font-family: 'Raleway', sans-serif; font-weight:900;}

/* $IE ONLY
--------------------------------------------- */

/* All IE */
.ie-wrap .ie-only {display: block;}
.ie-wrap label {display: block !important;}
.ie-wrap .selectbox {border: 0 none; background: transparent; padding: 0;}
.ie-wrap .selectbox .selected-value, .ie-wrap .selectbox .arrow {display: none;}
.ie-wrap .selectbox select {position: relative; top: 0; left: 0; margin-top: 0; opacity: 1;}

/* $RETINA
--------------------------------------------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

header .bottom-shadow {background: url('-/img/header-shadow@2x.png') repeat-x 0 0; background-size: 1px 10px;}

header .logo,
.fine-print .logo,
header .nav-button span,
.contact-form-box .form-tab:link, .contact-form-box .form-tab:visited,
.latest-news a .icon,
.quote:before, blockquote:before, blockquote:after,
.divider-bar .middle, .divider-bar .cap,
.footer-nav .social-icons a, .heart,
.media-wrap .play,
.customer-logo-list .current .pointer,
.contact-methods .icon,
.selectbox .arrow,
.post-tile .placeholder .icon,
.iab-member,
.press-subpages .current_page_item .pointer, body.single-case-studies .page-item-132 .pointer, .press-subpages .current_page_ancestor .pointer,
a.jump-item:before, a.jump-item::before,
.jump-arrow-hover,
.benefit-cat:before,
.checks-list li:before {background-image: url('-/img/icons@2x.png?v1.0.4'); background-size: 325px 360px;}

.benefit-vert:before, .benefit-horiz:before {background-image: url('-/img/icons-what-we-do@2x.png?v10.20.2015'); background-size: 390px 450px;}

}

/* $LARGE
--------------------------------------------- */
@media only screen and (min-width: 1200px) {

p, ul, ol {font-size: 1em;}
.sidebar p, .sidebar ul, .sidebar ol {font-size: 0.938em;}
.wide-content p, .wide-content ul, .wide-content ol {font-size: 1.188em;}

/* Contact Form */
.hbspt-form input[type="submit"] {width: 40%; text-align: center;}

/* Contact Us */
.office-map {padding-bottom: 20%;}

/* Blog */
.post-content p, .post-content ul, .post-content ol {font-size: 1.125em;}

}

/* $HOME ILLO
--------------------------------------------- */
@media only screen and (min-width: 1536px) {

/* Home */
.site-intro-wrap .illo {left: 0; margin-left: 0; width: 100%;}

/* Contact Form */
.hbspt-form input[type="submit"] {width: 45%;}

}

/* $JOBS
--------------------------------------------- */
@media only screen and (min-width: 1400px) {

/* Jobs */
.job-description {font-size: 1.125em; line-height: 1.5;}

}

/* $TABLET ONLY
--------------------------------------------- */
@media only screen and (min-width: 575px) and (max-width: 875px) {

/* Universal */
.col-left, .col-right {width: 47%; /* font-size: .938em; */}

/* Footer */
.fine-print .col-right {width: 61%;} /* Aligns w links column above */

/* Product - Overview */
body.overview .nudged-half {margin: 0 1.5% 0 0; width: 47.5%;}
body.overview .nudged-half.col-right {margin: 0 0 0 1.5%;}

/* Company - Contact */
.contact-methods.col-right {margin-right: 0;}

/* Press Kit */
.press-subpages li a {font-size: 1.15em;}
.asset-image .outlined {width: 75%;}
.asset-meta {display: block;}

/* Demo Form */
.demo-wrap .hs-form-field {width: 48%;}
.demo-wrap .hs-form-field {margin: 0 2% 1em 0;}
.demo-wrap .hs_submit {float: none; margin: .5em 0 0; clear: both; width: 24%;}

/* Docs */
.mobile-full {width: 100%; float: none; clear: both; }

}
/* $1366px
--------------------------------------------- */
@media only screen and (max-width: 1366px) {
	.top-banner-section .facet-heading  a h2 { font-size: 32px; }
	.top-banner-section .top-banner-text p {font-size: 26px; }
}

/* $1200px
--------------------------------------------- */
@media only screen and (max-width: 1200px) {
	.top-banner-section .container .pure-u-1-2{width:100%;}	
	.top-banner-section { padding: 20px 0; }
}

/* $1024px
--------------------------------------------- */
@media only screen and (max-width: 1024px) {	
	.top-banner-section { padding: 20px 0; }
	.top-banner-section .facet-heading  a h2 { font-size: 30px; }
	.top-banner-section .top-banner-text p {font-size: 24px; }
}

/* $768px
--------------------------------------------- */
@media only screen and (max-width: 768px) {
	.top-banner-section .container { padding: 0 10px; }
	.top-banner-section .facet-heading  a h2 { font-size: 28px; }
	.top-banner-section .top-banner-text p {font-size: 22px; }
	.top-banner-section .banner-close { height: 20px; width: 20px; line-height: 22px; font-size: 12px; }
}

/* $768px
--------------------------------------------- */
@media only screen and (max-width: 360px) {
	.top-banner-section .facet-heading  a h2 { font-size: 26px; }
	.top-banner-section .top-banner-text p {font-size: 18px; }
}



/* $950px
--------------------------------------------- */
@media only screen and (max-width: 950px) {

	/* Layouts with side nav */
	.side-nav, .has-side-nav {float: none; width: 100%;}
	.has-side-nav {margin-top: 3em;}
	.side-nav-list {margin-bottom: 1em;}

  /* Job Listing */
  .newton-listing, .job-sidebar {float: none; margin-right: 0; width: 100%;}

}

/* $TABLET & MOBILE
--------------------------------------------- */
@media only screen and (max-width: 875px) {

/* Footer */
.footer-nav .col-6, .footer-nav .col-4 {width: 100%; margin: 0 5% 1.5em 0;}

.footer-nav .col-18 {width: 100%;}


.tiny-links, .copyright {float: none;}
.tiny-links li.last .bull, .copyright .bull {display: none;}

/* Home */
.home-intro {width: 50%;}
.home-intro .half {float: none; margin: 0; width: 100%;}
.made-for-wrap {width: 100%;}
.made-for {padding: 0;}
.made-for h2 {text-align: left;}
.made-for .feature-content {padding-top: 0; border-top: 0;}
.made-for .button-bar {text-align: left;}
.made-for .button-bar .line {display: none;}
.media-wrap .media-label {font-size: 2.15em;}

/* What We Do pages */
.benefit-vert .h3 {text-align: left;}
.benefit-vert {float: none; margin-top: 2em; width: 100%; min-height: 100px;}
.benefit-vert, .wide-gutter .benefit-vert {padding: 0 0 0 130px;}
.benefit-vert:first-child {margin-top: 0;}
.benefit-vert:before {left: 0; margin-left: 0; top: 0;}

/* Product - Overview */
body.overview h1 {text-align: left;}
body.overview .talking-point {border-bottom: 1px solid #dde0e2;}
body.overview .talking-point.last {border-bottom: 0 none;}
body.overview .talking-point .col-left, body.overview .talking-point .col-right {float: none; width: 100%;}
body.overview .talking-point .col-left {margin: 1.5em 0 0;}

/* Product - Technology */
body.technology .page-intro {margin: 0 0 1.5em;}
.stack-illustration-wrap {
}
.stack-boxes {
	max-width: 400px;
	margin: 40px auto 0;
}
.stack-item {
	float: none;
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	position: relative;
	z-index: 2;
	text-align: center;
}
.talking-points .col-7 {
	width: 100%;
	margin: 0 0 30px 0;
}

/* Clients */
.case-study-header .case-photo {float: none; margin-left: 2em; max-width: 110px;}
.case-study-header .case-quote {float: none; margin: 0 0 1.5em; width: auto;}

/* Company - News / Events */
.news-item, .more-posts {margin-top: 1.5em; padding-top: 1.5em;}
.news-item .logo-tile, .news-item .news-meta {float: none; width: 100%;}
.news-item .logo-tile {margin: 0 0 1em;}

.event .event-date {display: inline-block; position: relative; margin: 0 0 1.25em; padding: 0.5em; top: 0; left: 0; width: auto;}
.event .event-date span {display: inline;}

/* Company - Contact Us */
.office-map {padding-bottom: 35%;}

/* Jobs */
.culture-images .col-8 {width: 32%;}
.jobs-intro, body.jobs .interior, .job [class*=col] {float: none; width: 100%; text-align: left;}
.job {padding-bottom: 1em;}
.job [class*=col] {margin-bottom: 0.25em;}
.job .job-link {display: none;}

.clients h1 {
	text-align: center;
}

/* Blog */
.post-tile .post-tease, .post-tile .post-thumbnail {float: none; margin: 0 4.5%; width: auto;}
.post-tile .post-thumbnail {margin: 1.5em 4.5% 0;}
.post-tile .placeholder {display: none;}

.comment .comment-author, .pingback .comment-author {height: 45px; width: 45px;}
.comment .col-right, .pingback .col-right {width: 83%;}

/* Press Kit */
.press-intro .col-right, .press-content {width: 66%;}
.asset-meta li {margin: 0 0 1em;}
.asset-meta li.last {margin: 0;}
.asset-meta .label, .asset-meta .answer {float: none; width: 100%;}

/* PK - Awards / Coverage */
.award img {height: 100px;}
.report-preview {float: none; margin: 0 0 1em; width: 50%;}
.report-meta {float: none; width: 100%; font-size: 1em;}

}

/* $850
--------------------------------------------- */
@media only screen and (max-width: 950px) {

/* Header */
header .logo {position: relative; float: left; margin: 0.75em 0; top: auto; left: auto;}
header .nav-button:link {display: inline-block; float: right; margin: 1.35em 0 .75em; padding: .6em .6em .4em;}
header .nav-button span {display: inline-block; height: 20px; width: 22px; background: url('-/img/icons.png?v10.20.2015') no-repeat -52px -60px;}
header .nav-button.open {background: #dedede; border-color: #b2b2b2;}
header .nav, header .contact-button:link, header .subnav, header .mobile-nav {display: none;}

.mobile-nav {position: relative; background: #f3f3f3;}
.mobile-nav li a:link, .mobile-nav li a:visited {color: #52b5df;}
.mobile-nav li a:hover {color: #228dba;}
.mobile-nav .current_page_ancestor > a:link, .mobile-nav .current_page_ancestor > a:visited,
.mobile-nav .current_page_parent > a:link, .mobile-nav .current_page_parent > a:visited,
.mobile-nav .current_page_item a:link, .mobile-nav .current_page_item a:visited,
.mobile-nav .current-cat a:link, .mobile-nav .current-cat a:visited {color: #333;}

.mobile-nav > ul {padding: 1em 0 .25em;}
.mobile-nav .parents > li {margin: 0 0 .5em; font-family: 'proxima-nova', 'Franklin Gothic Narrow', 'Arial Narrow', sans-serif; font-weight: 700;}
.mobile-nav .parents > li > a {text-transform: uppercase;}

.mobile-nav .children {display: none;}
.mobile-nav .current_page_ancestor .children, body.blog .blog-children {display: block; margin: .5em 0 0; padding: .4em 0 .25em; border-top: 1px solid #dde0e2; border-bottom: 1px solid #dde0e2;}
.mobile-nav .current_page_ancestor .children li, body.blog .blog-children li {display: inline; padding: 0 .5em 0 0;}

}

/* $675
--------------------------------------------- */

@media only screen and (max-width: 675px) {

.block {margin: 0 0 1.5em; border-bottom: 1px solid #dde0e2;}
.block.last {margin: 0; border-bottom: 0 none;}

/* Home */
.home-intro-image, .home-intro {float: none; width: 100%;}
.home-intro-image {margin: 0 0 1.5em;}

/* Home - Pre-footer - Client Experience */
.single-client,
.single-client:first-child {margin: 10px 5%; width: 40%;}
.single-client:nth-child(5), .single-client:nth-child(6) {display: none;}

/* Home - Pre-footer - Awards */
.home-awards-wrap {text-align: left;}
.home-awards {padding: 0px;}
.single-award,
.single-award:first-child {margin: 10px 4%; width: 24%;}

/* Demo Form */
.demo-wrap .hs-form-field, .demo-wrap .hs_submit {float: none; margin: 0 0 1em; width: 100%;}

/* Product - Technology */
.video-modal {left: 5%; width: 90%;}

/* Product - Overview */
body.technology .col-left, body.technology .col-right {float: none; width: 100%;}
body.technology .feature-content ul {margin: 1.5em 0;}
.the-stack {margin: 0 0 2.5em;}

/* Product - Customers */
.featured-customers.col-left {margin: 0 0 1em;}
.customer-logo-list {display: none;}
.customer-quote-list {float: none; width: 100%;}
.customer-quote-list li {display: block; position: relative; padding: 0 0 1.5em 30px;}
.customer-quote-list li.last {margin: 0; padding: 0 0 0 30px;}

/* Company - Contact Us */
.contact-us section:last-child {margin-bottom: 0;}
.contact-methods.col-right {padding-top: 1em;}
.office {float: none; width: 100%;}

/* Blog */
body.single-post .post-tile {margin: 0; padding: 0; border-bottom: 0 none;}
body.single-post .post-header {border-bottom: 0 none;}
.post-content, .comments-wrap {padding: 0;}

.comments-divider {display: none;}
.comments-wrap {margin: 1.5em auto 0; padding: 1.5em 0; border-top: 1px solid #dde0e2;}
.comments-list {margin: 1.5em 0 0;}
.comment-author {display: none;}
.comment-meta {font-size: 1.125em;}
.comment .col-right, .pingback .col-right {float: none; width: 100%;}

.comment-form .half-wide {float: none; width: 100%;}

/* Press Kit */
.press-intro, .press-content {float: none; width: 100%;}
.press-content {margin: 1.5em 0 0; padding: 1.5em 0 0;}
.press-content .block {border-bottom: 0;}

/* PK - Brand Assets */
.asset.last {margin: 1.5em 0 0;}
.asset-image {float: none; width: 100%;}
.asset-image .outlined, .asset-image .outlined.wide {width: 50%;}
.details-link {display: block; margin: 1.5em 0 0;}
.details-link:hover {cursor: pointer;}
.details-link .type {color: #999;}
.asset-meta {display: none; float: none; margin: 1.5em 0 0; width: 100%;}
.asset-meta li {margin: 0 0 .5em;}
.asset-meta span {display: inline;}
.asset-meta .label {margin: 0;}

}

/* $MOBILE
--------------------------------------------- */
@media only screen and (max-width: 575px) {

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16,
.col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23
{float: none; margin-right: 0; width: 100%;}
.col-left {margin: 0 0 1.5em;}

body {font-size: 80%;}
p, ul, ol, input[type="text"], input[type="email"], input[type="password"], textarea, .selectbox, .post-content p, .post-content ul, .post-content ol {font-size: 1.1em;}
p > ul, p > ol, .post-content p > ul, .post-content p > ol, .container span.wpcf7-not-valid-tip {font-size: 1em;}
.container div.wpcf7-response-output {font-size: 1.15em;}
h1 {margin: 0 0 .5em; text-align: left;}
h3 {font-size: 1.25em;}
h6 {font-size: 1em;}
blockquote, .quote {padding: 0 0 0 2.5em;}

section, .divider-bar {margin-bottom: 3em;}
h1 + .divider-bar {margin-top: 2.5em;}

.pseudo-button:link, .pseudo-button:visited, a.caps, input[type="submit"], input[type="button"] {font-size: 1.1em;}

.mobile-only {display: block;}

/* Header */
header {margin: 0 0 1.5em;}
.form-tab {display: none;}

/* Footer */
.pre-footer-headings {display: none;}
.footer-nav {font-size: 1.1em;}
.footer-nav .col-6, .footer-nav .col-4 {width: 100%;}
.fine-print {font-size: .9em; line-height: 2em;}
.fine-print .logo {position: relative; margin: .75em 0;}
.copyright .cities {display: block;}
.footer-nav-col {width: 100%; margin-bottom: 20px;}

/* Home */
.site-intro h1 {margin: 0 0 1em; text-align: center;}
.made-for {margin-top: 2.5em;}
.made-for .feature-content {margin-top: 1em;}

.pre-footer {padding: 1.5em 0;}
.pre-footer section {margin: 0; padding: 1.5em 0 0;}
.pre-footer section.first {padding: 0 0 1em;}
.pre-footer section.first .col-left {margin: 0; padding: 0 0 1.5em; border-bottom: 1px solid #dde0e2;}
.pre-footer section.first .col-right {padding: 1.5em 0 0; border-top: 1px solid #fff;}
.pre-footer .vertical-divider {display: none;}
.pre-footer .horizontal-divider {display: block; margin: 0 0 1.5em; height: 1px; width: 100%; background: #dde0e2; border-bottom: 1px solid #fff;}

.logo-tile {width: 48%;}
.featured-post .post-meta {margin: .5em 0 1em;}
.featured-post .excerpt p {margin: 0;}
.media-label {font-size: 3em;}

.pre-footer .news-item {padding-bottom: 0.7em;}

/* What We Do > Overview > [Solutions pages] */
.product-marketing [class*="col-"], ul.solution-list li {margin-bottom: 1.5em;}
.product-marketing [class*="col-"]:last-child {margin-bottom: 0;}
.product-marketing h1, .product-marketing h2 {text-align: left;}
.demand-services {margin-top: 2.5em;}

.benefit-row {margin-right: 0; margin-left: 0;}
.benefit-vert, .benefit-horiz, .wide-gutter .benefit-vert, .wide-gutter .benefit-horiz {padding: 0; min-height: 0;}
.benefit-vert h3 {text-align: left;}
.benefit-vert:before, .benefit-horiz:before {position: relative; top: auto; left: auto; margin: 0 0 1em;}

/* Company - About */
.leadership-headline {text-align: left;}

/* Company - Board */
.board-intro {text-align: left;}
.board-member .mobile-only {display: none;}

/* Company - Office */
.office {margin-bottom: 2em;}

/* Company - News & Events */
.news-intro {text-align: left;}

/* Jobs */
.culture-images .col-8 {margin-bottom: 1.5em; width: 100%;}
.culture-images img.col-right {margin: 0;}

.job-type-title-bar [class*=col] {margin-bottom: 0; width: 100%; text-align: left;}

/* Job Listings */
.page-id-7123 header {margin-bottom: 0;}

/* Blog */
.post-tile {padding: 0 0 1.5em; border-bottom: 1px solid #dde0e2;}
.post-tile .outlined {border: none;}
.post-tile .shadow {display: none;}
.post-tile-segment {margin: 0; padding: 0;}
.post-tile .post-tease, .post-tile .post-thumbnail {margin: 0 0 1.5em;}
.post-ctas {padding: 0; border-top: 0 none; text-align: left;}

.post-content blockquote {margin: 1em 0;}
.comment-meta cite {display: block;}

.main-wrap .gist .gist-file .gist-meta {font-size: 100%;}

/* Press Kit */
.asset-meta {font-size: 1em;}

/* PK - Executive Bios */
.press-content .executive-bio {padding: 1.5em 0 0; border-top: 1px solid #dde0e2;}
.press-content .executive-bio.first {padding: 0; border-top: none;}
.press-content .executive-bio.last {margin: 1.5em 0 0;}
.executive-bio .outlined {float: none; margin: 0 0 1.5em; width: 35%;}
.executive-bio .bio-meta {float: none; width: 100%;}

/* PK - Case Studies */
body.single-case-studies .subpage-title {display: none;}
body.single-case-studies .press-content {padding: 0; border-top: 0 none;}

}

/* $MOBILE SMALL
--------------------------------------------- */
@media only screen and (max-width: 480px) {

/* Company - Leadership / Board */
.board-member .outlined {margin: 0 5% 1em 0; width: 30%;}
.board-member .mobile-only {display: block; float: left; width: 60%;}
.board-member .mobile-clear {clear: both;}
.board-member .board-meta {float: none; width: 100%;}
.board-member .board-meta h3 {display: none;}

}

/* $PRINT
--------------------------------------------- */
@media print {

/* GLOBAL */
header,
footer,
.contact-form-box {
	display: none;
}

body {
	font-size: 70%;
}

table td {
	border: 1px solid #cbcbcb;
}

/* DOCS */
.doc-contents {
	display: none;
}
.col-18 {
	width: 100%;
}

html .syntaxhighlighter .line {
  white-space: pre-wrap !important;
}
html .syntaxhighlighter code {
  font-size: 9px !important;
}
html .syntaxhighlighter .gutter {
  display: none;
}
html .syntaxhighlighter {
  background-color: none !important;
}

html .syntaxhighlighter table td.code .line {
  padding: 0 !important;
}
html .syntaxhighlighte,
html .syntaxhighlighter table td.code,
html .syntaxhighlighter table td,
html .syntaxhighlighter table,
html .syntaxhighlighter .line,
html .syntaxhighlighter .line.alt1,
html .syntaxhighlighter .line.alt2 {
  background-color: #FFFFFF !important;
  border: none !important;
}

}


/*
 * Added by JE on 1-22-15
 * Centers large text block.
 */
.text_full-wrapped { max-width: 50em; margin: 0 auto; }


/* New Contact Us Edit */

.hs_company_type label {
	display: inline-block;
	font: 400 0.938em/1.4em "proxima-nova", 'Lucida Grande', Tahoma, sans-serif;
	font-weight: 200;
	color: #9f9f9f;
}

.hs_company_type .inputs-list li {
	display: inline-block;
	padding-right: 20px;
	padding-bottom: 3px;
	box-sizing: border-box;
	width: 50%;
}

@media (max-width: 1064px) {
	.hs_company_type .inputs-list li {
		width: 100%;
	}
}

.hs_company_type .inputs-list li input{
	width: 15px;
	height: 15px;
	margin-right: 5px;
  box-sizing: content-box;
	-webkit-appearance: checkbox !important;
	 -moz-appearance: checkbox !important;
	 -ms-appearance: checkbox !important;
	 -o-appearance: checkbox !important;
	 appearance: checkbox !important;
}

body,h1,h2,h3,h4,h5,h6,p {
	-moz-osx-font-smoothing: grayscale;
}