@font-face {
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/Lato-Light.ttf');
}

html {
    height: 100%;
}
* {
    box-sizing: border-box;
}
article, aside, blockquote, dd, div, dl, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, noscript, ol, output, p, pre, section, table, tfoot, ul, video {
    position: relative;
}
.container:before, .container:after, .columns:before, .columns:after {
    content: " ";
    display: table;
}
.container:after, .columns:after {
    clear: both;
}
.container, .columns {
}
.columns {
    display: block;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.columns > div {
    display: block;
    float: left;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 33%;
}
.frame {
    overflow: hidden;
}
.screen-reader-text {
    left: -99999px;
    position: absolute;
    top: -99999px;
}
body {
    font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
	word-spacing: 1px;
}
img {
    border: 0 none;
}
a {
    border: medium none;
}
a:focus {
    outline: medium none;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, hr {
    font-size: inherit;
    line-height: inherit;
    margin: 0 0 10px;
    position: relative;
}
h1, h2, h3, h4, h5 {
    font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
h1 span, h2 span, h3 span, h4 span, h5 span {
    display: block;
}
h1, h2 {
    font-feature-settings: "kern", "liga", "case";
    font-size: 60px;
    line-height: 1em;
    margin-bottom: 20px;
}
h1, h2, h6 {
    font-weight: 300;
}
h2 {
    font-size: 40px;
}
h3, h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.2;
}
h4 {
    font-size: 16px;
    font-weight: 300;
}
h5, h6 {
    font-size: 14px;
    font-weight: 400;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: -1px 0 20px;
    top: -7px;
}
.lead-in {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5;
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: outside none none;
}
article ul {
    margin-bottom: 1em;
    padding-left: 1em;
}
article ol li {
    list-style: outside none none;
}
.content h1 {
    left: -3px;
}
.page-title {
    margin-top: 100px;
}
@media screen and (max-width: 1160px) {
.content-frame .sidebar h3 {
    font-size: 40px;
}
}
@media screen and (max-width: 890px) {
.page-title {
    margin-top: 80px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    display: inline;
}
.content h1 {
    font-size: 50px;
    left: -2px;
}
.content h2, .content .sidebar h3 {
    font-size: 36px;
    line-height: 1.2;
}
.content h3 {
    font-size: 20px;
}
}
@media screen and (max-width: 740px) {
.page-title {
    margin-top: 40px;
}
.content h1 {
    font-size: 34px;
    left: -2px;
}
.content h2, .content .sidebar h3 {
    font-size: 30px;
    line-height: 1.2;
}
.lead-in {
    font-size: 18px;
    font-weight: 300;
}
}
blockquote {
    font-style: italic;
}
button, input {
    font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
}
input[type="text"], input[type="email"] {
    margin: 0;
    padding: 5px;
}
textarea {
	width: 350px;
}
button, input[type="submit"] {
    background-color: #218bc3;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    padding: 5px 10px;
}
button:hover, input[type="submit"]:hover {
    background-color: #1d7bad;
}
body {
    background: none repeat scroll 0 0 #fff;
    color: #222;
}
a, a.link-block .link {
    color: #218bc3;
    text-decoration: none;
}
a:hover, a.link-block .link:hover {
    color: #0b2e40;
    transition: all 0.1s ease-in-out 0s;
}
a.black {
    color: #222;
}
a.black:hover {
    color: #218bc3;
    transition: all 0.1s ease-in-out 0s;
}
a.link-block {
    color: #222;
    display: block;
    text-decoration: none;
}
hr {
    border-color: #292929;
}
h5, h6 {
    color: #5e5e5e;
}
.content h1 {
    color: #222;
}
@media not all {
.background-clip .texture-1 {
    background: url("../images/text-texture-1.jpg") repeat scroll 0 0 #ffffff;
}
.background-clip .texture-2 {
    background: url("../images/text-texture-2.jpg") repeat scroll 0 0 #ffffff;
}
.background-clip .texture-3 {
    background: url("../images/text-texture-3.jpg") repeat scroll 0 0 #ffffff;
}
.background-clip .texture-1, .background-clip .texture-2, .background-clip .texture-3 {
}
}
a.rss {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll 10px -80px rgba(0, 0, 0, 0);
    border-left: 1px solid #ddd;
    direction: ltr;
    display: inline-block;
    font-size: 6px;
    height: 20px;
    margin-left: 10px;
    overflow: hidden;
    text-indent: -2000em;
    vertical-align: middle;
    width: 30px;
}
a.twitter-user {
    vertical-align: middle;
}
a.twitter-user:before {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
    content: ".";
    direction: ltr;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    text-indent: -2000em;
    vertical-align: middle;
    width: 20px;
}
.content-frame {
    border-top: 1px solid transparent;
}
.content-frame .content {
    margin: 0 auto;
    width: 870px;
}
.content-frame .content.no-tertiary {
    width: 630px;
}
.content-frame .main-column {
    float: left;
    width: 630px;
}
.content-frame .tertiary {
    float: right;
    width: 150px;
}
.content-frame .content.content-wide {
    width: 870px;
}
@media screen and (max-width: 1160px) {
.content-frame .content, .content-frame .content.content-wide {
    width: 630px;
}
.content-frame .main-column {
    float: none;
    width: auto;
}
.content-frame .tertiary {
    display: none;
}
}
@media screen and (max-width: 890px) {
.content-frame .content, .content-frame .content.no-tertiary {
    width: 470px;
}
.content-frame .sidebar {
    clear: left;
    max-width: none;
}
}
@media screen and (max-width: 740px) {
.content-frame .content, .content-frame .content.no-tertiary {
    margin: 0 20px;
    width: auto;
}
}
.ie8 .content-frame {
    margin-left: 250px;
    width: auto;
}
.ie8 .content-frame .tertiary {
    display: none;
}
#body-class-surrogate, #title-surrogate {
    display: none;
}
.directory.pinned {
    float: right;
    margin-top: 0;
    width: 150px;
}
@media screen and (max-width: 1160px) {
.directory {
    display: none;
}
}
.directory ul {
    margin-bottom: 20px;
}
.directory li {
    font-weight: 300;
    line-height: 1.8em;
    text-transform: uppercase;
}
.pcgraph {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;
}
.pcgraph > pcgraph {
    display: block;
}
.pcgraph .left {
    left: 0;
    position: absolute;
    top: 0;
}
.pcgraph .right {
    position: absolute;
    right: 0;
    top: 0;
}
.pcgraph .top {
    margin: 0 auto;
}
@media screen and (max-width: 740px) {
.pcgraph {
    display: none;
}
}
.home .content-frame {
    background: url("../images/home/bg.png") no-repeat scroll 100% 0 #ffffff;
}
@media screen and (max-width: 890px) {
.home .content-frame {
    background: none repeat scroll 0 0 #fff;
}
}
.content .icon, .home-content .icon {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px;
}
.content .icon.back, .home-content .icon.back {
    background-position: 0 0;
}
.content .icon.twitter, .home-content .icon.twitter {
    background-position: 0 -20px;
}
.content .icon.web, .home-content .icon.web {
    background-position: 0 -40px;
}
.content .icon.video, .home-content .icon.video {
    background-position: 0 -140px;
}
.content .icon.linkedin, .home-content .icon.linkedin {
    background-position: 0 -180px;
}
.content .icon-highlight-on-hover .icon.video, .home-content .icon-highlight-on-hover .icon.video {
    background-position: -20px -140px;
    opacity: 0.5;
}
.content .icon-highlight-on-hover:hover .icon.video, .home-content .icon-highlight-on-hover:hover .icon.video {
    background-position: 0 -140px;
    opacity: 1;
}
.content .icon {
    top: 0.35em;
}
.home-content .icon {
    top: 0.2em;
}
.icon-big {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 40px;
    position: relative;
    width: 40px;
}
.icon-big.twitter {
    background-position: 0 -200px;
}
.icon-big.facebook {
    background-position: 0 -240px;
}
.icon-big.feed {
    background-position: 0 -280px;
}
.modal-backdrop {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.75);
    height: 100%;
    left: 0;
    padding: 20px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.modal-backdrop:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
}
.modal {
    display: inline-block;
    max-height: 90%;
    max-width: 90%;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 10001;
}
.modal .close {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: 30px;
    left: -30px;
    line-height: 30px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: -30px;
    width: 30px;
}
.modal .close:hover {
    opacity: 1;
}
.modal-inner {
    max-height: 100%;
    max-width: 100%;
}
.modal-inner img {
    max-height: 100%;
    max-width: 100%;
}
.tooltip-content {
    display: none !important;
}
.tooltip-element {
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.tooltip-body {
    background: none repeat scroll 0 0 #ebeff1;
    color: rgba(0, 0, 0, 0.6);
    padding: 20px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 250px;
    z-index: 999999;
}
.tooltip-body .partners {
    display: block;
    padding-top: 5px;
}
.tooltip-body .partners .label {
    color: rgba(0, 0, 0, 0.8);
}
.tooltip-right .tooltip-body {
    left: 10px;
    right: auto;
}
.tooltip-element:after {
    background: none repeat scroll 0 0 #ebeff1;
    content: " ";
    display: block;
    height: 9px;
    margin: -3px -5px 0 0;
    position: absolute;
    right: 20px;
    top: 0;
    transform: rotate(45deg);
    width: 9px;
}
.tooltip-right:after {
    left: 20px;
    margin: 0 0 0 -5px;
    right: auto;
}
.company-tooltip .partners {
    margin-top: 1em;
}
.company-tooltip .partners .label {
    display: inline-block;
    font-size: 0.75em;
    font-weight: bold;
    padding-right: 3px;
    text-transform: uppercase;
}
.portrait {
    position: relative;
}
.portrait:after {
    background: url("../images/masks/photo-corner-sw.svg") no-repeat scroll -54px bottom rgba(0, 0, 0, 0);
    bottom: 0;
    content: " ";
    display: block;
    height: 15px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 30px;
}
.portrait.small:after {
    background-position: -60px bottom;
}
.portrait.large:after {
    background-position: 0 bottom;
    height: 50px;
    width: 80px;
}
hr.graph {
    background: url("../images/graph/hr-large-1.svg") no-repeat scroll left top / 100% 100% rgba(0, 0, 0, 0);
    border: medium none;
    display: block;
    height: 40px;
    margin: 10px -10px 45px;
    width: 650px;
}
hr.graph.b {
    background-image: url("../images/graph/hr-large-2.svg");
}
hr.graph.medium {
    background-image: url("../images/graph/hr-medium-1.svg");
    width: 490px;
}
hr.graph.medium.b {
    background-image: url("../images/graph/hr-medium-2.svg");
}
hr.graph.flex {
    background-image: url("../images/graph/hr-flex-1.svg");
    width: auto;
}
hr.graph.flex.b {
    background-image: url("../images/graph/hr-flex-2.svg");
}
@media screen and (max-width: 890px) {
hr.graph, hr.graph.medium {
    background-image: url("../images/graph/hr-flex-1.svg");
    width: auto;
}
hr.graph.b, hr.graph.medium.b {
    background-image: url("../images/graph/hr-flex-2.svg");
}
}
.people-list h3, .people-list-large h3 {
    line-height: 100%;
}
.people-list h4, .people-list-large h4 {
    color: #999;
    font-weight: 300;
}
.people-list {
    margin: 30px 0;
    width: 680px;
}
.people-list a {
    border: 1px solid transparent;
    height: 100%;
    padding: 20px;
}
.people-list a:hover {
    border-color: #80b9dd;
}
.people-list li {
    float: left;
    height: 150px;
    margin-bottom: 10px;
    margin-left: -20px;
    margin-right: 30px;
    width: 330px;
}
.people-list li p {
    font-size: 14px;
    margin-left: 80px;
    max-height: 6.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.people-list h3 {
    font-size: 18px;
    margin-bottom: 3px;
}
.people-list h4 {
    font-size: 13px;
    margin-bottom: 4px;
}
.people-list .portrait {
    background: none repeat scroll 0 0 #eee;
    float: left;
    height: 70px;
    margin-right: 10px;
    width: 70px;
}
@media screen and (max-width: 890px) {
.people-list {
    width: auto;
}
.people-list li {
    float: none;
    height: auto;
    margin-right: 0;
    width: auto;
}
}
.people-list-large {
    margin-bottom: 30px;
    margin-right: -40px;
    width: 700px;
}
.people-list-large a {
    border: 1px solid transparent;
    cursor: pointer;
    float: left;
    height: 270px;
    line-height: 1.6;
    margin-left: -20px;
    margin-right: 30px;
    padding: 20px;
    width: 330px;
}
.people-list-large a:hover {
    border-color: #80b9dd;
}
.people-list-large h3 {
    margin-bottom: 4px;
    max-width: 160px;
}
.people-list-large h4 {
    font-size: 14px;
    margin-bottom: 12px;
}
.people-list-large .portrait {
    float: right;
    height: 110px;
    margin-bottom: 5px;
    margin-left: 10px;
    width: 110px;
}
.people-list-large .portrait img {
    width: 110px;
}
@media screen and (min-width: 890px) {
.people-list-large a.managing-partner {
    clear: both;
    float: none;
    margin-bottom: 0;
    padding-top: 50px;
    position: relative;
    top: -50px;
    width: 670px;
}
.people-list-large a.managing-partner h3 {
    font-size: 32px;
    max-width: 200px;
}
.people-list-large a.managing-partner .portrait {
    height: 220px;
    margin-left: 50px;
    margin-top: -30px;
    width: 220px;
}
.people-list-large a.managing-partner .portrait img {
    width: 220px;
}
}
@media screen and (max-width: 890px) {
.people-list-large {
    margin-right: 0;
    width: auto;
}
.people-list-large a {
    float: none;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    width: auto;
}
}
@media screen and (max-width: 740px) {
.people-list-large, .team-content .people-list-large {
    margin: 0 0 0 -20px;
}
.people-list-large h3, .team-content .people-list-large h3 {
    font-size: 20px;
}
a.link-block {
    margin: 0 -2px;
    padding: 20px 0 0;
}
a.link-block:hover, a.link-block:focus {
    border-color: #fff;
}
.team-content a.link-block {
    margin-left: 18px;
}
}
.sidebar {
    max-width: 170px;
    padding-top: 100px;
}
.blog-post .sidebar {
    padding-top: 25px;
}
.sidebar section {
    margin-bottom: 50px;
}
.sidebar .email input {
    border: 1px solid #b2b2b2;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 7px 12px;
    width: 100%;
}
.sidebar .links {
    margin-top: 20px;
}
.sidebar .links a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    position: relative;
    white-space: nowrap;
}
.sidebar .links a:before {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll left -20px rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 20px;
}
.sidebar .links a.google-plus:before {
    background-position: 0 -60px;
}
.sidebar .links a.feed:before {
    background-position: 0 -80px;
}
.link-items .item {
    margin: 20px 0;
}
.link-items .item span {
    display: block;
}
.link-items .item .pre {
    font-weight: 300;
}
.link-items .item .pre img {
    max-height: 20px;
    max-width: 100%;
}
.link-items .item .post {
    color: #999;
    font-size: 12px;
    margin-top: 0.1em;
    text-transform: uppercase;
}
@media screen and (max-width: 1160px) {
.link-items .item {
    margin: 15px 0;
}
.link-items .item a {
    font-size: 16px;
}
}
@media screen and (max-width: 1160px) {
.content-frame .sidebar {
    clear: left;
    display: block;
    float: none;
    max-width: none;
    padding-top: 90px;
    width: auto;
}
}
.page-footer {
    clear: both;
    color: #999;
    font-size: 13px;
    margin-bottom: 25px;
    padding-top: 100px;
    text-align: center;
    width: 100%;
}
.page-footer hr {
    border-top: 1px solid #eee;
}
.page-footer em {
    color: #ccc;
    margin: 0 0.6em;
}
.page-footer a {
    color: #91cdec;
}
body {
    height: 100%;
    margin: 0;
    min-width: 100%;
    padding-left: 50px;
}
.ie8 body {
    padding-left: 0;
}
.content-frame {
    transform: translate(150px, 0px);
    transition: transform 0.28s ease-in-out 0s;
}
.nav-collapsed .content-frame {
    transform: translate(0px, 0px);
}
@media screen and (max-width: 740px) {
.content-frame {
    transform: translate(0px, 0px);
}
}
.pin-frame {
    height: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.pin-content {
    left: -25px;
    margin: 0 auto;
    position: relative;
    transform: translate(150px, 0px);
    transition: transform 0.28s ease-in-out 0s;
    width: 870px;
}
.no-touch .nav-collapsed .pin-content {
    transform: translate(0px, 0px);
}
html.side-nav-always-open {
    padding-left: 200px;
}
html.side-nav-always-open body {
    padding-left: 0;
}
html.side-nav-always-open .content-frame {
    transform: none;
    transition: none 0s ease 0s ;
}
@media screen and (max-width: 740px) {
html.side-nav-always-open {
    padding-left: 0;
}
}
.side-nav {
    -moz-user-select: none;
    background: none repeat scroll 0 0 #222;
    color: #999; /*#c8c8c8;*/
    cursor: default;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translate(0px, 0px);
    transition: width 0.28s ease-in-out 0s, background 0.1s linear 0s;
    width: 200px;
}
.pc-logo {
    height: 50px;
}
.pc-logo .logotype, .pc-logo .bug {
    background-image: url("../images/logo.png");
    height: 50px;
    width: 150px;
}
.pc-logo .logotype {
    background-position: 0 100px;
    opacity: 1;
    transition: opacity 0.28s linear 0s;
}
.pc-logo .bug {
    left: 0;
    position: absolute;
    top: 0;
	opacity: 0;
}
.pc-logo span {
    display: none;
}
.side-nav .pc-logo {
    margin: 10px 0 15px;
}
.side-nav .pc-logo a {
    display: block;
    position: absolute;
    right: 30px;
    transition: right 0.28s ease-in-out 0s;
}
.nav-collapsed .side-nav .pc-logo a {
    right: 6px;
}
.nav-collapsed .side-nav .pc-logo .logotype {
    opacity: 0;
}
.nav-collapsed .side-nav .pc-logo .bug {
    opacity: 1;
}
.ie8 .pc-logo .logotype, .ie8 .pc-logo .bug {
    background-image: url("../images/bug.png");
}
.ie8 .side-nav .pc-logo a {
    left: 13px;
    right: auto;
}
.side-nav ul {
    width: 200px;
}
.side-nav li a {
    border-top: 1px solid #2d2d2d;
    color: #aaaaaa;
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 44px;
    padding-left: 50px;
    position: relative;
}
.side-nav li a.selected {
    color: #e3bc28;
}
.side-nav li:last-child a {
    border-bottom: 1px solid #2d2d2d;
}
.side-nav h3 {
    font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    /*margin: 30px 0 14px 15px;*/
	margin: 20px 0 5px 15px;
    opacity: 1;
    transition: opacity 0.28s ease-in-out 0s;
    width: 200px;
}
.side-nav .icon {
    background-image: url("../images/icons/nav-icons.svg");
    display: block;
    height: 40px;
    left: 5px;
    opacity: 0.4;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 40px;
	background-position: -7px -120px !important;
}
.side-nav li a.selected .icon {
    opacity: 1;
	background-position: -57px -120px !important;
}
.side-nav.white-nav .icon {
    background-position: -107px -120px !important;
}
.side-nav .icon.team {
    background-position: -7px 0 !important;
}
.side-nav .selected .icon.team {
    background-position: -57px 0 !important;
}
.side-nav.white-nav .icon.team {
    background-position: -107px 0 !important;
}
.side-nav .icon.portfolio {
    background-position: -7px -40px !important;
}
.side-nav .selected .icon.portfolio {
    background-position: -57px -40px !important;
}
.side-nav.white-nav .icon.portfolio {
    background-position: -107px -40px !important;
}
.side-nav .icon.about {
    background-position: -7px -80px !important;
}
.side-nav .selected .icon.about {
    background-position: -57px -80px !important;
}
.side-nav.white-nav .icon.about {
    background-position: -107px -80px !important;
}
.side-nav .icon.design {
    background-position: -7px -160px !important;
}
.side-nav .selected .icon.design {
    background-position: -57px -160px !important;
}
.side-nav.white-nav .icon.design {
    background-position: -107px -160px !important;
}
.side-nav .icon.recruiting {
    background-position: -7px -200px !important;
}
.side-nav .selected .icon.recruiting {
    background-position: -57px -200px !important;
}
.side-nav.white-nav .icon.recruiting {
    background-position: -107px -200px !important;
}
.side-nav .icon.marketing {
    background-position: -7px -240px !important;
}
.side-nav .selected .icon.marketing {
    background-position: -57px -240px !important;
}
.side-nav.white-nav .icon.marketing {
    background-position: -107px -240px !important;
}
.side-nav .icon.engineering {
    background-position: -7px -280px !important;
}
.side-nav .selected .icon.engineering {
    background-position: -57px -280px !important;
}
.side-nav.white-nav .icon.engineering {
    background-position: -107px -280px !important;
}
.side-nav .icon.google-access {
    background-position: -7px -320px !important;
}
.side-nav .selected .icon.google-access {
    background-position: -57px -320px !important;
}
.side-nav.white-nav .icon.google-access {
    background-position: -107px -320px !important;
}
.side-nav .icon.library {
    background-position: -7px -360px !important;
}
.side-nav .selected .icon.library {
    background-position: -57px -360px !important;
}
.side-nav.white-nav .icon.library {
    background-position: -107px -360px !important;
}
.side-nav .icon.workshops {
    background-position: -7px -400px !important;
}
.side-nav .selected .icon.workshops {
    background-position: -57px -400px !important;
}
.side-nav.white-nav .icon.workshops {
    background-position: -107px -400px !important;
}
.side-nav .icon.products {
    background-position: -7px -440px !important;
}
.side-nav .selected .icon.products {
    background-position: -57px -440px !important;
}
.side-nav.white-nav .icon.products {
    background-position: -107px -440px !important;
}
.no-touch .side-nav li a:hover {
    background: none repeat scroll 0 0 #111;
}
.ie8 .side-nav .icon {
    background: url("../images/icons/nav-icons.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.nav-collapsed .side-nav li a {
    background: none repeat scroll 0 0 transparent;
}
@media screen and (max-height: 670px) and (min-width: 740px) {
.side-nav li a {
    font-size: 15px;
    line-height: 34px;
}
.side-nav .icon {
    top: -5px;
}
}
.ie8 .side-nav li a {
    font-size: 14px;
    line-height: 35px;
}
.ie8 .side-nav .icon {
    top: -5px;
}
.nav-collapsed .side-nav {
    width: 50px;
	z-index: 99999;
}
.nav-collapsed .side-nav h3 {
    opacity: 0;
}
.side-nav.white-nav {
    background: none repeat scroll 0 0 transparent;
}
.side-nav.white-nav li a {
    border-color: rgba(1, 1, 1, 0.1);
    color: #3a3a3a;
}
.side-nav.white-nav .pc-logo .logotype {
    background-position: 0 -100px;
    top: 5px;
}
.no-touch .side-nav.white-nav li a:hover {
    background: none repeat scroll 0 0 rgba(1, 1, 1, 0.04);
}
.ie8 .side-nav.white-nav li a {
    border-color: #ccc;
}
.ie8 .side-nav.white-nav li a:hover {
    background: none repeat scroll 0 0 #eee;
}
.pc-logo.mobile {
    display: none;
    left: 10px;
    position: absolute;
    top: 10px;
}
.pc-logo.mobile .logotype {
    background-position: 0 -100px;
    top: 5px;
}
@media screen and (max-width: 740px) {
.side-nav {
    display: none;
    transition: none 0s ease 0s ;
}
.pc-logo.mobile {
    display: block;
}
body {
    padding-left: 0;
}
.home .side-nav {
    display: block;
    position: relative;
    width: auto;
}
.home .side-nav .pc-logo {
    display: none;
}
.home .side-nav ul {
    width: auto;
}
.home .side-nav li a {
    line-height: 53px;
}
.home .side-nav .icon {
    top: 4px;
}
}
.top-nav {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #eee;
    color: #777;
    display: none;
    font-size: 16px;
    font-weight: 300;
    height: 50px;
    left: 0;
    line-height: 32px;
    padding-top: 8px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30;
}
.top-nav .left {
    left: 5px;
    position: absolute;
    z-index: 5;
}
.top-nav .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    background-image: url("../images/back-button.svg");
    background-position: left top;
    border-color: -moz-use-text-color #e0e0e0 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    color: inherit;
    display: inline-block;
    height: 32px;
    padding: 0 15px 0 35px;
}
.top-nav .btn-icon {
    background: url("../images/mobile-nav-logo.png") no-repeat scroll rgba(0, 0, 0, 0);
    display: block;
    left: 12px;
    position: absolute;
    bottom: 7px;
	width: 100px;
	height: 30px;
}
.top-nav .label {
    color:transparent;
}
.top-nav .title {
    line-height: 32px;
    margin: 0 50px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top-nav .search {
    color: #218bc3;
    cursor: pointer;
    display: none;
    height: 32px;
    position: absolute;
    right: 13px;
    top: 8px;
}
@media screen and (max-width: 740px) {
.page .content-frame {
    padding-top: 49px;
}
.top-nav {
    display: block;
}
body.home .top-nav {
    display: none;
}
}
body.home .frame, body.home .page, body.home .content-frame, body.home .home-content {
    height: 100%;
    padding: 0;
}
.home-content {
    margin-right: 150px;
    width: auto;
}
.home-content .home-carousel {
    -moz-user-select: none;
    padding-bottom: 60px;
}
.home-content .home-carousel, .home-content .slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: auto;
	padding: 0 30px 0 0;
}
.home-content p.subhead {
    color: #333;
    font-size: 31px;
    line-height: 1.3;
    margin: 1em auto 0.4em;
    max-width: 800px;
}
.home-content p.subhead span {
    display: block;
}
.home-content .slide-image {
    position: relative;
	height: 100%;
}
.home-content .exit {
    bottom: 10%;
    color: #ccc;
    font-size: 18px;
    font-weight: 100;
    left: 50%;
    position: absolute;
}
.home-content #exit-foundation.exit {
    left: auto;
    right: 53%;
}
.side-nav-always-open .home-content {
    margin-right: 0;
}
.home-content .slide {
    display: none;
    text-align: center;
}
.home-content .slide:first-child, .home-content .slide.loaded {
    display: table;
}
.home-content .slide .container {
    display: table-cell;
    vertical-align: middle;
}
.home-content .slide img {
    margin: 0;
    max-width: 900px;
    width: 100%;
}
.home-content .slide .description {
    font-weight: 300;
    line-height: 1.6;
    padding: 0 80px;
}
.home-content .slide p.about {
    color: #666;
    font-size: 18.5px;
    line-height: 1.5;
    margin: 1% auto;
    max-width: 800px;
}
.home-content .slide p.about a.home-learn {
    white-space: nowrap;
}
@media screen and (max-width: 1056px) {
.home-content .slide img {
    height: auto;
    width: 100%;
}
.home-content .slide p.subhead span {
    display: inline;
}
.home-content .slide .exit {
    font-size: 12px;
}
}
@media screen and (max-height: 760px) {
.home-content .slide img {
    height: auto;
    width: 60%;
}
}
@media screen and (max-height: 760px) and (max-width: 1056px) {
.home-content .slide img {
    height: auto;
    width: 100%;
}
.home-content .slide p.about {
    font-size: 14px;
    margin: 0.5% auto;
}
}
@media screen and (max-width: 740px) {
.home-content .slide .exit {
    display: none;
}
}
.home-content .nav {
    bottom: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 40;
}
.home-content .nav a {
    display: inline-block;
    height: 30px;
    width: 30px;
}
.home-content .nav .icon {
    background: url("../images/graphics/carousel.svg") no-repeat scroll -20px 0 rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    margin: 5px;
    width: 20px;
}
.home-content .nav .selected .icon {
    background-position: 0 0;
}
.home-content .nav a:nth-child(0) .icon, .home-content .nav a:nth-child(4) .icon {
    transform: rotate(10deg);
}
.home-content .nav a:nth-child(1) .icon, .home-content .nav a:nth-child(5) .icon {
    transform: rotate(-10deg);
}
.home-content .nav a:nth-child(2) .icon, .home-content .nav a:nth-child(6) .icon {
    transform: rotate(-30deg);
}
.home-content .nav a:nth-child(3) .icon, .home-content .nav a:nth-child(7) .icon {
    transform: rotate(50deg);
}
.home-content .slide {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.home-content .slide.animated {
    transition: left 0.75s ease 0s, -webkit-transform 0.75s ease 0s, transform 0.75s ease 0s;
}
.home-content .slide.stage-left {
    left: -100.5%;
}
.home-content .slide.stage-right {
    left: 100.5%;
}
.home-content .slide.active {
    left: 0;
    z-index: 20;
}
@media screen and (max-width: 740px) {
body.home .frame, body.home .page, body.home .home-content {
    height: auto;
}
body.home .content-frame {
    height: 420px;
}
.home-content {
    margin-right: 0;
}
.home-content .slides, .home-content .slide .center {
    height: 420px;
}
.home-content .slide img {
    margin-top: 100px;
    max-width: 400px;
    width: 100%;
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.home-content .slide .description {
    padding: 10px;
    width: 100%;
}
.home-content .slide .description p.subhead {
    font-size: 24px;
    margin: 0 10%;
}
.home-content .slide .description p.subhead.longsubhead {
    font-size: 20px;
}
.home-content .slide .description p.about {
    display: none;
}
.home-content .nav {
    bottom: auto;
    padding-right: 35px;
    text-align: center;
    bottom: 25px;
    transform-origin: right top 0;
}
}
.team-content .people-list-large {
    margin-top: 75px;
}
#bill-maris h4 {
    line-height: 1.45em;
}
.team-content .overview {
    line-height: 1.2em;
    margin-top: 0.4em;
}
.team-content .directory {
    margin-top: 324px;
}
.directory.directory-team {
    padding-top: 50px;
}
@media screen and (max-width: 740px) {
hr.graph {
    display: none;
}
.team-content h2 {
    margin-top: 1.2em;
}
}
.bio-content .portrait {
    float: left;
    margin-top: -1px;
}
.bio-content .portrait img {
    background: none repeat scroll 0 0 #efefef;
    height: 310px;
    width: 310px;
}
.bio-content .portrait.has-press-photo {
    cursor: zoom-in;
}
.bio-content .name {
    height: 310px;
    margin-left: 350px;
    width: 280px;
}
.bio-content .name > div {
    bottom: 0;
    position: absolute;
}
.bio-content .name h2 {
    margin-bottom: 5px;
}
.bio-content .name h5 {
    color: #888;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: -3px;
}
@media screen and (max-width: 890px) {
.bio-content .portrait img {
    height: 230px;
    width: 230px;
}
.bio-content .name {
    height: 230px;
    margin-left: 270px;
    width: 200px;
}
.bio-content .name h2 {
    font-size: 32px;
    margin-bottom: 0;
}
}
@media screen and (max-width: 740px) {
.bio-content .portrait {
    float: none;
    margin: 0;
    max-width: 465px;
}
.bio-content .portrait img {
    height: auto;
    width: 100%;
}
.bio-content .name {
    clear: both;
    height: auto;
    margin-left: 0;
    margin-top: 30px;
    width: auto;
}
.bio-content .name > div {
    position: relative;
}
}
.bio-content .main-column {
    margin-left: 80px;
    position: static;
    width: 550px;
}
.bio-content .bio-text {
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 40px;
}
.bio-content .links {
    margin-top: 30px;
}
.bio-content .links a {
    margin: 0 20px 0 0;
}
.bio-content .articles {
    margin: 60px 0;
}
.bio-content .articles a {
    line-height: 1.6em;
    margin: 30px 0;
}
.bio-content .articles a h6 {
    color: #218bc3;
    font-size: 16px;
    margin: 0 0 3px;
}
.bio-content .articles a h6:hover {
    color: #0b2e40;
}
.bio-content .press {
    margin: 60px 0;
}
.bio-content .press .mentions {
    margin-top: 40px;
}
.bio-content .press p {
    color: #333;
    display: block;
    float: left;
    height: 130px;
    line-height: 1.6em;
    margin-right: 30px;
    width: 240px;
}
.bio-content .press a {
    font-size: 16px;
}
@media screen and (max-width: 890px) {
.bio-content .main-column {
    margin-left: 0;
    width: 470px;
}
.bio-content .bio-text {
    font-size: 14px;
}
.bio-content .press p {
    width: 200px;
}
}
@media screen and (max-width: 740px) {
.bio-content .main-column {
    width: auto;
}
.bio-content .press p {
    float: none;
    height: auto;
    margin: 0 0 20px;
    width: auto;
}
}
.bio-content .companies {
    float: right;
    margin-top: 40px;
    width: 200px;
}
.bio-content .companies a {
    border: 1px solid #eee;
    display: inline-block;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.bio-content .companies a:hover {
    border-color: #80b9dd;
}
.bio-content .companies img {
    width: 140px;
}
.bio-content .companies ul {
    margin-top: 10px;
}
.bio-content .companies li {
    line-height: 1.4em;
    margin: 0 0 0.9em;
}
@media screen and (max-width: 1160px) {
.bio-content .companies {
    float: none;
    margin: 60px 0 60px 80px;
    width: auto;
}
.bio-content ul {
    -moz-column-count: 2;
    -moz-column-gap: 15px;
    margin-top: 10px;
    width: 100%;
}
.bio-content ul .logos a {
    width: 20%;
}
}
@media screen and (max-width: 890px) {
.bio-content .companies {
    margin-left: 0;
}
}
.portfolio-content .main-column {
    padding-bottom: 100px;
}
.portfolio-group {
    margin-top: 80px;
    min-height: 300px;
    padding-left: 175px;
}
.portfolio-group .key-investors {
    left: 0;
    line-height: 1.8em;
    position: absolute;
    top: 0;
    width: 150px;
}
.portfolio-group .key-investors em {
    display: none;
}
.portfolio-group .key-investors a {
    font-weight: 300;
}
.portfolio-group .key-investors h6 {
    margin-bottom: 0;
    margin-top: 30px;
}
.portfolio-group .featured-investments {
    margin-right: -40px;
}
.portfolio-group .featured-investments li {
    border: 1px solid #eee;
    float: left;
    height: 138px;
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    transition: border-color 0.3s ease-in-out 0s;
    width: 138px;
}
.portfolio-group .featured-investments li:hover {
    border-color: #80b9dd;
}
.portfolio-group .featured-investments li:hover img {
    opacity: 1;
}
.portfolio-group .featured-investments li .exit {
    bottom: 0;
    color: #aaa;
    font-size: 9px;
    left: 0;
    line-height: 1.2;
    margin-bottom: 6px;
    padding: 0 4px;
    position: absolute;
    width: 100%;
}
.portfolio-group .featured-investments a {
    height: 100%;
    line-height: 136px;
    width: 100%;
}
.portfolio-group .featured-investments img {
    border: medium none;
    display: inline-block;
    height: 120px;
    opacity: 0.85;
    vertical-align: middle;
    width: 120px;
}
.portfolio-group .featured-investments li.more-toggle {
    -moz-user-select: none;
}
.portfolio-group .featured-investments li.more-toggle > div {
    cursor: pointer;
    font-weight: 300;
    height: 100%;
    width: 100%;
}
.portfolio-group .featured-investments li.more-toggle .show-more {
    color: #999;
    font-weight: 100;
    padding-top: 34px;
}
.portfolio-group .featured-investments li.more-toggle .show-less {
    color: #218bc3;
    display: none;
    padding-top: 60px;
}
.portfolio-group .featured-investments li.more-toggle.expanded .show-more {
    display: none;
}
.portfolio-group .featured-investments li.more-toggle.expanded .show-less {
    display: block;
}
.portfolio-group .featured-investments li.more-toggle .count {
    color: #218bc3;
    display: block;
    font-size: 24px;
    font-weight: 100;
    margin-left: -5px;
    padding: 6px 0;
}
.portfolio-group .more-investments {
    display: none;
    margin: 20px -20px 30px 0;
}
.portfolio-group .more-investments li {
    color: #555;
    float: left;
    height: 50px;
    line-height: 1.2;
    margin: 5px 0 0;
    padding: 0 20px 0 0;
    width: 33%;
}
.portfolio-group .more-investments .acquired {
    color: #aaa;
    font-size: 10px;
    margin-top: 3px;
}
.portfolio-group .testimonial {
    text-align: center;
}
.portfolio-group .testimonial .author {
    color: #a4a4a4;
}
.portfolio-content .directory {
    margin-top: 310px;
}
.directory.directory-portfolio {
    padding-top: 50px;
}
.portfolio-all {
    margin-top: 80px;
}
.portfolio-all li {
    display: block;
    float: left;
    height: 8em;
    margin: 0 1% 1% 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 24%;
}
.portfolio-all a, .portfolio-all span {
    border: 1px solid #eee;
    font-size: 15px;
    height: 100%;
    left: 0;
    line-height: 1;
    padding-top: 50px;
    position: absolute;
    top: 0;
    transition: border-color 0.3s ease-in-out 0s;
    width: 100%;
    z-index: 500;
}
.portfolio-all a:hover, .portfolio-all span:hover {
    border-color: #80b9dd;
}
.portfolio-all div.acquired {
    bottom: 5px;
    color: #ccc;
    font-size: 10px;
    left: 0;
    line-height: 1;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.portfolio-all li:hover div.acquired {
    color: #333;
}
@media screen and (max-width: 890px) {
.portfolio-group .more-investments li {
    float: left;
    width: 50%;
}
}
@media screen and (max-width: 740px) {
.portfolio-group {
    margin: 40px 0 0;
    min-height: 1px;
    padding-bottom: 4em;
    padding-left: 0;
    position: relative;
}
.portfolio-group .show-more, .portfolio-group .show-less {
    position: relative;
    top: -20px;
}
.portfolio-group .key-investors {
    color: #555;
    line-height: 1.3;
    padding-bottom: 20px;
    position: static;
    width: auto;
}
.portfolio-group .key-investors h3 {
    border-top: 1px solid #eee;
    margin-bottom: 0;
    padding: 10px 0 0;
}
.portfolio-group .key-investors em {
    display: inline;
    font-style: normal;
}
.portfolio-group .key-investors li, .portfolio-group .key-investors h6, .portfolio-group .key-investors ul {
    display: inline;
    font-size: 13px;
}
.portfolio-group .key-investors li {
    white-space: nowrap;
}
.portfolio-group .key-investors div {
    bottom: 10px;
    position: absolute;
}
.portfolio-group .featured-investments li {
    height: 85px;
    margin-bottom: 2%;
    margin-right: 2%;
    width: 85px;
}
.portfolio-group .featured-investments li a {
    padding-left: 2px;
    padding-top: 2px;
}
.portfolio-group .featured-investments li img {
    height: auto;
    position: relative;
    vertical-align: top;
    width: 95%;
}
.portfolio-group .featured-investments li .acquired {
    display: none;
}
.portfolio-group .testimonial {
    display: none;
}
.portfolio-all li {
    width: 49%;
}
}
#all .more-investments {
    display: block;
    margin-top: 4px;
}
#all .more-toggle {
    display: none;
}
.about-content .sidebar {
    padding-top: 365px;
}
.about-content .categories {
    margin: 50px 0 70px;
}
.about-content .categories a {
    background: url("../images/pages/about-enterprise.jpg") no-repeat scroll 50% -105px / 90% auto rgba(0, 0, 0, 0);
    color: #999;
    display: block;
    float: left;
    margin-top: 22px;
    text-align: center;
    transition: none 0s ease 0s ;
    width: 33%;
}
.about-content .categories a em {
    background: url("../images/pages/about-enterprise.jpg") no-repeat scroll 50% 0 / 90% auto rgba(0, 0, 0, 0);
    display: block;
    font-style: normal;
    opacity: 0;
    padding-top: 80px;
    transition: opacity 0.3s ease-in-out 0s;
}
.about-content .categories a:hover em {
    color: #218bc3;
    opacity: 1;
}
.about-content .categories a.about-mobile, .about-content .categories a.about-mobile em {
    background-image: url("../images/pages/about-mobile.jpg");
}
.about-content .categories a.about-consumer, .about-content .categories a.about-consumer em {
    background-image: url("../images/pages/about-consumer.jpg");
}
.about-content .categories a.about-health, .about-content .categories a.about-health em {
    background-image: url("../images/pages/about-health.jpg");
}
.about-content .categories a.about-data, .about-content .categories a.about-data em {
    background-image: url("../images/pages/about-cloud.jpg");
}
.about-content .categories a.about-science, .about-content .categories a.about-science em {
    background-image: url("../images/pages/about-science.jpg");
}
.about-content .categories .all-stages span {
    bottom: 10px;
    color: #999;
    left: 5%;
    position: absolute;
}
.about-content .categories .all-stages span.about-venture {
    left: 27%;
}
.about-content .categories .all-stages span.about-growth {
    left: 62%;
}
.about-content .categories > div {
    float: left;
    padding-top: 20px;
    width: 300px;
}
.about-content .categories .all-stages {
    margin-right: 20px;
}
.about-content .categories img {
    max-width: 500px;
    width: 100%;
}
@media screen and (max-width: 890px) {
.about-content .categories > div {
    float: none;
    margin-left: 20px;
    width: 80%;
}
.about-content .categories .all-stages {
    margin: 0 0 40px 20px;
}
}
.about-content .section {
    margin-top: 30px;
}
.about-content .section h3 {
    margin-top: 30px;
}
.about-content .section .portrait {
    display: block;
    float: right;
    margin: 0 0 20px 40px;
}
.about-content .unparalleled-support .portrait, .about-content .google-access .portrait {
    float: left;
    margin: 0 40px 20px 0;
}
@media screen and (max-width: 890px) {
.about-content .categories div, .about-content .categories .all-stages {
    margin-left: 0;
    width: 100%;
}
.about-content .categories .all-stages span {
    left: 7%;
}
.about-content .categories .all-stages span.about-venture {
    left: 30%;
}
.about-content .categories .all-stages span.about-growth {
    left: 64%;
}
.about-content .categories a {
    width: 100px;
}
.about-content .section h3 {
    font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-transform: none;
}
.about-content .section .portrait {
    float: right !important;
    margin: 20px 0 20px 20px;
}
.about-content .section img {
    height: 120px;
    width: 120px;
}
}
.studio-content h2 {
    margin-bottom: 45px;
}
.studio-content .sidebarbar {
    padding-top: 190px;
}
ul.checkmarks {
    margin-top: 2em;
}
p.check, ul.checkmarks li {
    margin: 0 0 1em;
    padding-left: 24px;
    position: relative;
}
p.check:before, ul.checkmarks li:before {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll 4px -160px rgba(0, 0, 0, 0);
    content: " ";
    display: inline-block;
    height: 20px;
    left: -4px;
    position: absolute;
    top: 0;
    width: 24px;
}
em.checkmark {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll 4px -163px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    vertical-align: middle;
    width: 20px;
}
.studio-content .stories {
    margin-bottom: 100px;
    position: relative;
}
.studio-content .stories .story {
    text-align: center;
    width: 270px;
}
.studio-content .stories .story.hero {
    background: url("../images/pages/hero-back.jpg") no-repeat scroll 0 100% / 100% auto rgba(0, 0, 0, 0);
    padding: 40px 340px 80px 0;
    position: relative;
    width: 100%;
}
.studio-content .stories .story.hero .story-image {
    bottom: 40px;
    position: absolute;
    right: 0;
}
.studio-content .stories .story.hero .story-image img {
    width: 300px;
}
.studio-content .stories .story.hero .story-image-full {
    bottom: 0;
}
.studio-content .stories .story.hero .description {
    display: table-cell;
    height: 250px;
    padding-left: 25px;
    position: relative;
    top: 20px;
    vertical-align: middle;
}
.studio-content .stories .story.hero.opposite {
    margin-top: -40px;
    padding-left: 320px;
    padding-right: 40px;
}
.studio-content .stories .story.hero.opposite .story-image {
    left: 0;
    right: auto;
}
.studio-content .stories .story.sub {
    float: left;
    margin: 30px 30px 0 10px;
}
.studio-content .stories .story.sub:last-child {
    margin-right: 10px;
}
.studio-content .stories .story.sub .story-image {
    margin-bottom: 15px;
}
@media screen and (max-width: 890px) {
.studio-content .stories .story {
    width: auto;
}
.studio-content .stories .story.sub {
    float: none;
}
.studio-content .stories .story.sub, .studio-content .stories .story.sub:last-child {
    margin: 0 auto 60px;
}
.studio-content .stories .story.sub .description {
    width: auto;
}
.studio-content .stories .story.sub .story-image {
    position: relative;
}
.studio-content .stories .story .description {
    padding: 30px 10px 10px;
}
.studio-content .stories .story.hero, .studio-content .stories .story.hero.opposite {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    margin-top: 0;
    min-height: 1px;
    padding: 0 0 40px;
}
.studio-content .stories .story.hero .story-image, .studio-content .stories .story.hero.opposite .story-image {
    bottom: 0;
    float: none;
    margin: 0 auto -60px;
    max-width: 330px;
    position: relative;
    width: 100%;
}
.studio-content .stories .story.hero .story-image img, .studio-content .stories .story.hero.opposite .story-image img {
    width: 100%;
}
.studio-content .stories .story.hero .description, .studio-content .stories .story.hero.opposite .description {
    width: auto;
}
.studio-content .stories .story.sub .story-image img {
    float: none;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    max-width: 330px;
    width: 100%;
}
.studio-content .stories .studio-content .stories {
    margin-bottom: 0 !important;
}
}
.studio-content .company-checklist {
    margin-top: 50px;
}
.studio-content .company-checklist .companies {
    margin-top: 50px;
}
.studio-content .company-checklist .companies li {
    float: left;
    min-height: 200px;
    padding-right: 20px;
    width: 33%;
}
.studio-content .company-checklist .companies li a {
    font-size: 16px;
    font-weight: 300;
}
.studio-content .company-checklist .companies li ul {
    padding-top: 6px;
}
.studio-content .company-checklist .companies li li {
    float: none;
    line-height: 1.6em;
    min-height: 1px;
    padding: 3px 0 0 22px;
    position: relative;
    width: auto;
}
.studio-content .company-checklist .companies li li:before {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll 4px -160px rgba(0, 0, 0, 0);
    content: " ";
    display: inline-block;
    height: 20px;
    left: -4px;
    position: absolute;
    top: 2px;
    width: 24px;
}
@media screen and (max-width: 890px) {
.studio-content .company-checklist .companies li {
    width: 50%;
}
}
@media screen and (max-width: 740px) {
.studio-content .company-checklist .companies li {
    min-height: 1px;
    padding-bottom: 20px;
    width: 100%;
}
}
.studio-content .people-list-large a {
    height: 200px;
}
.studio-content .press {
    margin-right: -47px;
    margin-top: 80px;
}
.studio-content .press h2 {
    margin-right: 47px;
}
.studio-content .press h6 {
    font-size: 18px;
    font-weight: 300;
}
.studio-content .press .article {
    float: left;
    margin: 10px 47px 30px 0;
    width: 290px;
}
.studio-content .press img.preview {
    display: block;
}
.studio-content .press .mask {
    background-image: url("../images/masks/press-mask-1.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    height: 200px;
    position: absolute;
    width: 290px;
}
.studio-content .press .article:nth-child(2n+1) .mask {
    background-image: url("../images/masks/press-mask-2.png");
}
.studio-content .press img.logo {
    display: block;
    margin: 0 0 10px;
}
@media screen and (max-width: 890px) {
.studio-content h2 {
    margin-bottom: 20px;
}
.studio-content .stories {
    margin-bottom: 20px;
}
.studio-content .people-list-large a {
    height: auto;
}
.studio-content .press {
    margin-top: 40px;
}
.studio-content .press .article {
    float: none;
    margin-bottom: 60px;
    margin-top: 40px;
    width: auto;
}
}
@media screen and (max-width: 740px) {
.studio-content h1 {
    margin-bottom: 20px;
}
}
.design-content .sidebar {
    padding-top: 340px;
}
.google-access-content .columns {
    margin-right: -30px;
    margin-top: 70px;
    padding-bottom: 50px;
}
.google-access-content .columns div {
    min-height: 11em;
    padding-right: 30px;
    width: 50%;
}
.google-access-content section {
    line-height: 1.6em;
    margin-bottom: 30px;
}
.google-access-content section img {
    height: auto;
    width: 100%;
}
.google-access-content .google-other h2 {
    margin-bottom: 40px;
}
.google-access-content h4 {
    font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    margin-bottom: 0.4em;
    margin-top: 2em;
    text-transform: none;
}
.google-access-content .more {
    margin-top: 1em;
    white-space: nowrap;
}
@media screen and (max-width: 740px) {
.google-access-content .columns {
    margin-top: 3em;
}
.google-access-content .columns div {
    float: none;
    min-height: 1px;
    padding-bottom: 1em;
    width: auto;
}
}
.recruiting-content .story.kabam img {
    margin-left: -12%;
}
.recruiting-content .sidebar {
    padding-top: 245px;
}
.product-content .sidebar {
    padding-top: 330px;
}
.product-skills {
    margin-bottom: 100px;
}
.product-skills h2 {
    margin-bottom: 0.5em;
}
.marketing-pr-content .sidebar {
    padding-top: 420px;
}
.marketing-pr-feature {
    float: right;
    margin: 0 -70px 60px 40px;
    width: 340px;
}
.marketing-pr-sections {
    padding: 40px 0;
}
.marketing-pr-sections h3 {
    margin-bottom: 0.2em;
    margin-top: 30px;
}
.attribution {
    color: #999;
    font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    margin-bottom: 2em;
    text-transform: uppercase;
}
em.attribution {
    display: block;
    font-style: normal;
    margin-top: 0.6em;
}
.pc-helped {
    color: #999;
    margin-top: 1em;
}
.pc-helped-list {
    margin: 0 0 2em;
}
.pc-helped-list li {
    margin-bottom: 0.2em;
}
@media screen and (max-width: 890px) {
.marketing-pr-feature {
    margin-right: -30px;
    width: 220px;
}
}
@media screen and (max-width: 740px) {
.marketing-pr-feature {
    margin: 20px -20px 10px 10px;
    width: 160px;
}
}
.eng-quote {
    margin: 1em 0 0;
}
.event-content .sidebar {
    padding-top: 255px;
}
.events-content .lead-in {
    margin-bottom: 40px;
}
.events-content section {
    margin-bottom: 40px;
    min-height: 30px;
    position: relative;
}
.events-content a:visited {
    color: #7249a9;
}
.events-content .links a {
    display: block;
    float: left;
    padding-left: 75px;
    padding-right: 40px;
    position: relative;
    width: 50%;
}
.events-content .links h4 {
    font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 6px;
    text-transform: none;
}
.events-content .links p {
    color: #222;
}
.events-content .links img {
    display: block;
    left: 5px;
    position: absolute;
    top: 10px;
}
.events-content .links em {
    color: #999;
    font-style: normal;
}
@media screen and (max-width: 620px) {
.events-content .links a {
    float: none;
    margin-bottom: 30px;
    width: auto;
}
.events-content .links h4 {
    margin-bottom: 2px;
}
.events-content .links img {
    left: -5px;
}
.events-content .links em {
    display: block;
}
}
.events-content .subscribe {
    background: none repeat scroll 0 0 #efefef;
    display: none;
    line-height: 1.6em;
    padding: 40px;
}
.events-content .subscribe .eg {
    color: #777;
    font-size: 12px;
}
.events-content .upcoming-events, .events-content .past-events {
    padding-left: 255px;
    padding-top: 30px;
}
.events-content .none {
    color: #999;
}
.events-content h3 {
    left: 0;
    position: absolute;
    top: 25px;
}
.events-list li {
    margin-bottom: 20px;
    position: relative;
}
.events-list .date {
    display: block;
    font-weight: normal;
    left: -255px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 0;
    width: 230px;
}
@media screen and (max-width: 620px) {
.events-content .upcoming-events, .events-content .past-events {
    padding-left: 100px;
}
.events-content h3 {
    margin-left: -100px;
    position: relative;
}
.events-content .date {
    left: -100px;
    text-align: left;
    width: 80px;
}
}
.events-list span {
    color: #999;
}
.events-list h6 {
    color: #000;
    font-size: 18px;
    font-weight: 300;
}
.events-list .note {
    display: block;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
}
.events-list .note .icon {
    margin-right: 4px;
    position: relative;
    top: 8px;
}
.events-list .note.portco-only {
    color: #777;
}
.events-list .note.portco-only:hover {
    color: #218bc3;
}
article .event-date {
    margin-top: -15px;
}
article .portfolio-only-message {
    color: #999;
}
@media screen and (max-width: 740px) {
.events-content .links a {
    margin: 0;
    padding: 0 0 10px;
}
.events-content .links a img {
    display: none;
}
.events-content .upcoming-events, .events-content .past-events {
    left: 0;
    margin: 0;
    padding: 0;
}
.events-content .upcoming-events h3, .events-content .past-events h3 {
    margin: 0 0 0.5em;
    top: 0;
}
.events-content .events-list, .events-content p.none {
    margin-bottom: 40px;
}
.events-content .events-list .date, .events-content p.none .date {
    border-top: 1px solid #eee;
    color: #bbb;
    display: block;
    font-size: 12px;
    left: 0;
    padding-top: 15px;
    position: relative;
    width: 100%;
}
.events-content .events-list h6, .events-content p.none h6 {
    font-size: 14px;
    font-weight: 500;
}
}
.case-study {
    line-height: 1.8;
    margin-top: 36px;
}
.case-study .lead-in {
    font-size: 24px;
    margin: 0;
}
.case-study p {
    font-size: 16px;
    margin: 0.5em 0 0;
}
.case-study h2 {
    margin: 2em 0 0.5em;
}
.case-study h3 {
    margin: 1.5em 0 0.5em;
}
.case-study img {
    margin-top: 2em;
    width: 100%;
}
.case-study p.caption {
    color: #999;
    line-height: 1.4;
    margin: 0.5em 1em 2em;
    text-align: center;
}
.case-study .container.halfs {
    margin-top: 2em;
}
.case-study .container.halfs img {
    margin-top: 0;
}
.case-study .container.halfs p:first-child {
    margin-top: -0.4em;
}
.case-study .container.halfs div {
    float: left;
    padding: 0 10px 0 0;
    width: 50%;
}
.case-study .container.halfs div:last-child {
    padding: 0 0 0 10px;
}
.case-study .container.thirds {
    margin-top: 2em;
}
.case-study .container.thirds img {
    margin-top: 0;
}
.case-study .container.thirds p:first-child {
    margin-top: -0.4em;
}
.case-study .container.thirds div {
    float: left;
    padding: 0 10px;
    width: 33%;
}
.case-study .container.thirds div:first-child {
    padding: 0 10px 0 0;
}
.case-study .container.thirds div:last-child {
    padding: 0 0 0 10px;
}
.press-content .section {
    margin-top: 60px;
}
.press-content .section a {
    background: url("../images/pages/google-ventures-color-on-white.png") no-repeat scroll 50% 0 / cover rgba(0, 0, 0, 0);
    border: 1px solid #eee;
    display: block;
    float: left;
    font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 240px;
    margin: 20px 20px 0 0;
    padding-top: 200px;
    position: relative;
    text-transform: uppercase;
    width: 45%;
}
.press-content .section a:hover {
    border-color: #a6d7f0;
}
.press-content .section a div {
    position: absolute;
    top: 250px;
}
.press-content .section a div span {
    margin-right: 0.5em;
}
.press-content .section a div em {
    color: #999;
    font-style: normal;
    font-weight: 300;
    white-space: nowrap;
}
.press-content .section a.black {
    background-color: #333;
    border-color: #333;
    color: #666;
}
.press-content .section a.black:hover {
    background-color: #000;
    border-color: #000;
}
.press-content .press-logos a {
    background-position: 50% 60px;
    background-size: 80% auto;
}
.press-content .press-headshots a {
    margin-bottom: 70px;
}
@media screen and (max-width: 890px) {
.press-content .section a {
    height: 340px;
    margin-right: 0;
    padding-top: 300px;
    width: 100%;
}
}
.not-found-content pcgraph {
    display: block;
    margin: 100px 0 0 -50px;
}
.library-category h2 {
    font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    text-transform: none;
}
.library-category .category {
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.flex-page {
    margin: 0 auto;
    max-width: 1080px;
    padding: 0 60px;
}
@media screen and (max-width: 560px) {
.flex-page {
    padding: 0 20px;
}
}
.library .minor-left-column {
    margin-bottom: 60px;
}
.library .minor-left-column .left {
    float: left;
    width: 200px;
}
.library .minor-left-column .right {
    margin-left: 260px;
}
@media screen and (max-width: 890px) {
.library .minor-left-column .left {
    float: none;
    width: auto;
}
.library .minor-left-column .right {
    margin-left: 0;
}
}
.single-pc_article .pcgraph, .category .pcgraph, .blog .pcgraph {
    display: none;
}
.library-header {
    margin: 40px 0;
}
.library-header h1 {
    color: #333;
    display: inline-block;
    margin: 0;
}
.library-header form {
    float: right;
    margin-top: 30px;
}
.library-header input {
    border: 1px solid transparent;
    margin-right: -10px;
    outline: medium none;
    padding: 5px 10px;
    transition: width 0.3s ease 0s, border 0.3s ease 0s, margin 0.3s ease 0s;
    width: 70px;
}
.library-header input:hover {
    border: 1px solid #cccccc;
}
.library-header input:focus {
    border: 1px solid #aaa;
    margin-right: 0;
    width: 180px;
}
@media screen and (max-width: 740px) {
.library-header {
    margin: 0;
}
.library-header h1 {
    display: none;
}
.library-header form {
    display: none;
    float: none;
    margin: 20px 0 0;
}
.library-header input {
    border: 1px solid #cccccc;
    margin: 0;
    width: 100%;
}
.library-header input:focus {
    width: 100%;
}
}
.library-article-list {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #eeeeee;
}
.library-article-list.video {
    margin-right: -20px;
}
.library-category-banner {
    background: none repeat scroll 0 0 #eee;
    margin-bottom: 20px;
    padding: 10px 15px;
}
.library-category-banner h4 {
    color: #666;
    margin: 0;
}
.library-video-icon {
    background-image: url("../images/icons/play.png");
    background-size: 100% auto;
    height: 21px;
    width: 29px;
}
.library-video-thumbnail {
    background: none no-repeat scroll center center / cover #eee;
    opacity: 0.9;
    z-index: 1;
}
.library-video-thumbnail:hover {
    opacity: 1;
}
.library-video-thumbnail .library-video-icon {
    margin: 5px;
}
.library-article-item {
    border-top: 1px solid #eeeeee;
    display: block;
    line-height: 1.6;
    min-height: 160px;
    padding: 20px 0;
}
.library-article-item h2 {
    color: #000;
}
.library-article-item .category {
    font-size: 12px;
    margin-bottom: 5px;
}
.library-article-item .category a {
    color: #80b9dd;
}
.library-article-item .category a:hover {
    color: #218bc3;
}
.library-article-item .category a:after {
    color: #ccc;
    content: "/";
    margin: 0 0.5em;
}
.library-article-item .category a:last-child:after {
    content: none;
}
.library-article-item .snippet {
    color: #555;
    margin: 2px 0 0;
}
.library-article-item .snippet em {
    color: #bf873c;
    font-style: normal;
    text-transform: uppercase;
}
.library-article-item .by {
    color: #777;
    margin: 0;
}
.library-article-item .by > span {
    display: inline-block;
}
.library-article-item .by .name {
    font-weight: 400;
}
.library-article-item .by .title {
    color: #999;
    font-size: 12px;
    margin-right: 1.5em;
    text-transform: uppercase;
}
.library-article-item .by .title:before {
    content: " / ";
}
.library-article-item .library-video-thumbnail.right {
    float: right;
    height: 100px;
    margin: 0 0 20px 20px;
    width: 100px;
}
.library-article-item.video {
    border: medium none;
    float: left;
    height: 280px;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0 20px 0 0;
    width: 33.3%;
}
.library-article-item.video .library-video-thumbnail {
    background-position: center top;
    float: none;
    height: 135px;
    margin-bottom: 10px;
    padding: 1px;
    width: 100%;
}
.library-article-item.video .category {
    font-size: 11px;
    margin-bottom: 1px;
}
.library-article-item.video h2 {
    font-size: 16px;
    margin: 0 10px 0 0;
}
.library-article-item.video .snippet {
    color: #888;
    font-size: 13px;
    line-height: 1.4;
    margin-right: 10px;
}
@media screen and (max-width: 1160px) {
.touch .library-article-item.video {
    width: 50%;
}
}
@media screen and (max-width: 740px) {
.library-article-item.video {
    width: 50%;
}
}
@media screen and (max-width: 515px) {
.touch .library-article-item.video, .no-touch .library-article-item.video {
    height: auto;
    margin-bottom: 30px;
    width: 100%;
}
}
.library-article-feature {
    background: none no-repeat scroll center center / cover #999;
    color: #ffffff;
    display: table;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 400px;
    opacity: 0.95;
    overflow: hidden;
    padding: 30px;
    position: relative;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    width: 100%;
}
.library-article-feature:hover {
    color: #ffffff;
    opacity: 1;
}
.library-article-feature .text {
    display: table-cell;
    vertical-align: bottom;
}
.library-article-feature h2 {
    font-size: 52px;
    line-height: 1;
}
.library-article-feature .category {
    opacity: 0.5;
}
.library-article-feature .by {
    margin: 5px 0 0;
}
.library-article-feature.small {
    margin-bottom: 20px;
    margin-top: 0;
    min-height: 280px;
}
.library-article-feature.small h2 {
    font-size: 42px;
}
@media screen and (max-width: 890px) {
.library-article-feature h2 {
    font-size: 42px;
}
.library-article-feature.small h2 {
    font-size: 32px;
}
}
@media screen and (max-width: 740px) {
.library-article-feature {
    min-height: 280px;
}
.library-article-feature h2 {
    font-size: 32px;
}
.library-article-feature .category {
    font-size: 12px;
}
.library-article-feature.small {
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 200px;
}
.library-article-feature.small h2 {
    font-size: 26px;
}
}
.library-categories {
    border-top: 1px solid #eeeeee;
    font-size: 16px;
    line-height: 50px;
}
.library-categories li {
    border-bottom: 1px solid #eeeeee;
    padding: 0 10px;
}
.library-categories li.selected {
    background: none repeat scroll 0 0 #218bc3;
    color: #fff;
}
.library-categories li.back {
    text-indent: -0.8em;
}
.library-categories li.back span {
    font-size: 20px;
    line-height: 1;
    margin-right: 0.3em;
}
.library-categories li.mobile-menu {
    display: none;
}
.library-categories li.subscribe {
    color: #888;
    line-height: 1;
    padding: 30px 0;
    text-align: center;
}
.library-categories li .subscribe-options {
    margin-top: 14px;
}
.library-categories li .subscribe-options a {
    margin: 0 6px;
}
@media screen and (max-width: 890px) {
.library-categories {
    background-color: #f6f6f6;
    border-top: medium none;
    line-height: 35px;
    margin: 0 0 20px;
    padding: 12px 10px;
    text-align: center;
}
.library-categories li {
    border-bottom: medium none;
    display: inline-block;
}
.library-categories li.selected {
    border-radius: 5px;
}
.library-categories li.back {
    display: none;
}
.library-categories li.subscribe {
    display: none;
}
}
@media screen and (max-width: 740px) {
.library-categories.library-category-page {
    display: none;
}
}
.library-more-pivot {
    border-bottom: 1px solid #eeeeee;
    clear: both;
    margin-top: 40px;
}
.library-more-pivot ul {
    margin-bottom: 40px;
}
.library-more-pivot li {
    display: inline-block;
    padding: 5px 20px 5px 0;
}
.library-category-footer .library-more-pivot {
    border-bottom: medium none;
    margin-top: 20px;
}
.library-category-footer .library-more-pivot h3 {
    display: none;
}
.library-category-footer .library-more-pivot ul {
    margin-bottom: 0;
}
.library-category-footer h1 {
    font-size: 24px;
    margin-top: 140px;
}
article {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    min-height: 460px;
}
article h1, article h2, article h3, article h4 {
    font-family: "open-sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0;
    text-transform: none;
}
article h1 {
    font-size: 3.6em;
    line-height: 1.1;
    margin-bottom: -0.1em;
    padding-bottom: 0.1em;
}
article h2 {
    font-size: 1.8em;
    margin-top: 1.6em;
}
article h3 {
    font-size: 1.4em;
    margin-top: 1.6em;
}
article h4 {
    font-size: 1em;
}
article p {
    margin-bottom: 1em;
    margin-top: 1em;
}
article li {
    list-style-type: square;
}
article hr {
    border-color: #ebebeb;
    margin-top: 2em;
}
article img {
    height: auto;
    max-width: 100%;
}
article img.full {
    max-height: 50vh;
    max-width: 100%;
}
article table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
article th, article td {
    border: 1px solid #ddd;
    font-weight: inherit;
    padding: 5px 10px;
}
article strong, article b {
    font-weight: 600;
}
article iframe {
    max-width: 100%;
}
@media screen and (min-width: 1160px) {
article {
    font-size: 19px;
    font-weight: 300;
}
article strong, article b {
    font-weight: 400;
}
}
@media screen and (max-width: 740px) {
article h1 {
    font-size: 2.6em;
}
}
@media screen and (max-width: 560px) {
article {
    font-size: 14px;
}
}
.library-article-header {
    margin-bottom: 1.7em;
    margin-top: 2.2em;
}
.library-article-categories {
    font-size: 14px;
    font-weight: 400;
}
.library-article-categories a {
    white-space: nowrap;
}
.library-article-categories .quo {
    color: #555;
    padding: 0 0.4em;
}
.library-article-title {
    left: -0.1em;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
    position: relative;
}
.library-article-title a {
    color: #333;
}
.library-article-byline {
    float: left;
    font-weight: 300;
    margin-bottom: 1em;
}
.library-article-byline .name:after {
    color: #333;
    content: ", ";
}
.library-article-byline .name:last-child:after {
    content: "";
}
.library-article-header .social-buttons {
    float: right;
    position: relative;
    top: -2px;
}
@media screen and (max-width: 740px) {
.library-article-header {
    margin-top: 1.4em;
}
.library-article-byline {
    float: none;
}
.library-article-header .social-buttons {
    float: none;
}
}
.article-image {
    margin-bottom: 2em;
    overflow: hidden;
}
.article-image img {
    display: block;
    width: 100%;
}
.article-image .caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    bottom: 0;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    font-size: 11px;
    padding: 1px 8px;
    position: absolute;
    right: 0;
    text-align: right;
}
.article-image a.caption:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #ffffff;
}
.article-video {
    background: none repeat scroll 0 0 #333;
    margin-bottom: 2em;
    padding-bottom: 56.25%;
    width: auto;
}
.article-video iframe, .article-video .placeholder {
    border: 0 none;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.article-video .placeholder {
    cursor: pointer;
}
.article-video-login-message {
    background: none repeat scroll 0 0 #efefef;
    color: #666;
    display: none;
    margin-bottom: 30px;
    margin-top: -2em;
    padding: 0.8em 1em;
    position: relative;
    text-align: center;
    width: 100%;
}
article footer {
    padding-top: 15px;
}
.social-button {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #222;
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    margin-bottom: 8px;
    margin-right: 4px;
    padding-left: 40px;
    padding-right: 20px;
    position: relative;
}
.social-button:last-child {
    margin-right: 0;
}
.no-touch .social-button:hover {
    border-color: #ccc;
}
.social-button:before {
    background: url("../images/icons/icon-sprite.svg") no-repeat scroll -20px 0 rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 20px;
    left: 14px;
    position: absolute;
    top: 4px;
    width: 20px;
}
.social-button.facebook:before {
    background-position: 0 -120px;
}
.social-button.twitter:before {
    background-position: 0 -20px;
}
.social-button.google-plus:before {
    background-position: 0 -60px;
}
.social-button.pocket:before {
    background-position: 0 -100px;
}
@media screen and (max-width: 740px) {
.social-button {
    padding-left: 35px;
    padding-right: 15px;
}
.social-button:before {
    left: 9px;
}
}
article div.pc_article_researchsprint_checklist {
    margin-bottom: 3em;
    margin-left: 2.3em;
}
article ul.pc_article_researchsprint_checklist li {
    background: url("../images/icons/checkbox.png") no-repeat scroll left 0.3em / 1em auto rgba(0, 0, 0, 0);
    list-style: outside none none;
    padding-left: 1.5em;
}
article ul.pc_article_researchsprint_checklist li.pc_article_researchsprint_checklist_complete {
    background-image: url("../images/icons/checkbox-checked.png");
}
article ul.pc_article_researchsprint_checklist li em {
    background-color: #f7ebbe;
    font-style: normal;
}
article .pc_article_researchsprint_example {
    background: none repeat scroll 0 0 #eee;
    border: 1px dotted #ccc;
    color: #444;
    margin-bottom: 1em;
    padding: 1em 1em 0;
}
article .pc_article_researchsprint_example h4 {
    font-size: 1em;
    font-weight: 600;
}
article .pc_article_researchsprint_worksheet {
    background: url("../images/icons/document.png") no-repeat scroll left 0.2em / 1em auto rgba(0, 0, 0, 0);
    padding-left: 1.5em;
}
.blog-content article h1 {
    font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 20px;
    text-transform: uppercase;
}



.portfolio-group h3, .portfolio-group h4{
	font-size: 17px;
}

.portfolio-group .key-investors h6 {
    margin-top: 20px;
}

.portfolio-group .featured-investments a{
	font-size: 15px;
    height: 100%;
    left: 0;
    line-height: 20px;
    padding-top: 45px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 500;
}


body.page-about1 .frame, body.page-about1 .page, body.page-about1 .content-frame, body.page-about1 .home-content{
	height: 100%;
	padding: 0;
}

body.page-about .careers {
	margin-top : 50px;
}

body.page-about ul.listbox li {
	list-style: disc outside none;
	margin: 0 0 0 15px;
}

@media screen and (max-width: 740px) {
	.page-team .team-content li{
		clear: both;
	}
	
	.page-about .home-content .slides, .page-about .home-content .slide .center {
		height: 100%;
	}
	
	.page-about .home-content .nav {
		text-align: left;
		top: 70%;
	}
	
	.page-about .pc-logo.mobile {
		display: none;
	}
}


.sign-in{
	position: relative;
	margin: 20px 0 0 0;
}

.sign-in a{
	color: #fff;
	background: -moz-linear-gradient(center top , #4387fd, #4683ea) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #4285f4;
    font-weight: bold;
    outline: medium none;
	border-radius: 2px;
    display: inline-block;
    line-height: 28px;
    padding: 0 12px;
	font-family: arial,sans-serif;
	float: right;
	font-size: 13px;
}

.clear_both{
	clear: both;
}

.products-info .featured-investments a{
	padding-top: 0px;
	line-height: 136px;
}

body.page-about .about-content,
body.page-contact-us .about-content{
	width: 1150px;
}

body.page-about .sjb-listing .clearfix {
	display: none;
}
.wonderplugin-engine {
	display: none;
}

.side-nav.white-nav .icon.technology {
	background-image: url("../images/icons/nav-icons1.svg");
	background-position: -105px -478px !important;
}
.side-nav .selected .icon.technology {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -56px -479px !important;
}
.side-nav .icon.technology {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -7px -480px !important;
}
.side-nav.white-nav .icon.consulting {
	background-image: url("../images/icons/nav-icons1.svg");
	background-position: -105px -519px !important;
}
.side-nav .selected .icon.consulting {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -56px -520px !important;
}
.side-nav .icon.consulting {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -7px -520px !important;
}
.side-nav.white-nav .icon.outsourcing {
	background-image: url("../images/icons/nav-icons1.svg");
	background-position: -105px -559px !important;
}
.side-nav .selected .icon.outsourcing {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -55.5px -559px !important;
}
.side-nav .icon.outsourcing {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -7px -560px !important;
}
.side-nav.white-nav .icon.startup-initiation {
	background-image: url("../images/icons/nav-icons1.svg");
	background-position: -105px -599px !important;
}
.side-nav .selected .icon.startup-initiation {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -55px -599px !important;
}
.side-nav .icon.startup-initiation {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -7px -600px !important;
}
.side-nav.white-nav .icon.compliance {
	background-image: url("../images/icons/nav-icons1.svg");
	background-position: -105px -639px !important;
}
.side-nav .selected .icon.compliance {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -56px -640px !important;
}
.side-nav .icon.compliance {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -7px -640px !important;
}
.side-nav.white-nav .icon.advisory {
	background-image: url("../images/icons/nav-icons1.svg");
	background-position: -105px -679px !important;
}
.side-nav .selected .icon.advisory {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -56px -680px !important;
}
.side-nav .icon.advisory {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -7px -680px !important;
}
.side-nav.white-nav .icon.branding {
	background-image: url("../images/icons/nav-icons1.svg");
	background-position: -105px -719px !important;
}
.side-nav .selected .icon.branding {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -55px -719px !important;
}
.side-nav .icon.branding {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -7px -720px !important;
}
.side-nav.white-nav .icon.coworking-space {
	background-image: url("../images/icons/nav-icons1.svg");
	background-position: -105px -759px !important;
}
.side-nav .selected .icon.coworking-space {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -55px -760px !important;
}
.side-nav .icon.coworking-space {
    background-image: url("../images/icons/nav-icons1.svg");
	background-position: -7px -760px !important;
}

.clearfix {
	width: 0px;
}