/******************************************************************
Site Name: 
Author: 

Stylesheet: IE Stylesheet

So instead of using the respond.js file to add media query support
to IE, we're going to use SASS to create an easily readable css file.
Here, we import all the styles the standard stylesheet gets, only
without the media queries. No need to worry about editing anything!

******************************************************************/
/*
Remember, all the BASE styles are called already since IE can
read those. Below, we need to import only the stuff IE can't 
understand (what's inside the media queries). We also need to
import the mixins file so SASS can understand the variables.
*/
/* import mixins */
/******************************************************************
Site Name: Framework
Author: Tone

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.

The grid below is a combination of the 1140 grid and Twitter Boostrap. 
I liked 1140 but Boostrap's grid was way more detailed so I merged them 
together, let's see how this works out. If you want to use 1140, the original 
values are commented out on each line.

******************************************************************/
.onecol {
  width: 6.5%; }

/* 4.85%;  } /* grid_1  */
.twocol {
  width: 15.0%; }

/* 13.45%; } /* grid_2  */
.threecol {
  width: 23.5%; }

/* 22.05%; } /* grid_3  */
.fourcol {
  width: 32.0%; }

/* 30.75%; } /* grid_4  */
.fivecol {
  width: 40.5%; }

/* 39.45%; } /* grid_5  */
.sixcol {
  width: 49%; }

/* 48%;    } /* grid_6  */
.sevencol {
  width: 57.5%; }

/* 56.75%; } /* grid_7  */
.eightcol {
  width: 66.0%; }

/* 65.4%;  } /* grid_8  */
.ninecol {
  width: 74.5%; }

/* 74.05%; } /* grid_9  */
.tencol {
  width: 83.0%; }

/* 82.7%;  } /* grid_10 */
.elevencol {
  width: 91.5%; }

/* 91.35%; } /* grid_11 */
.twelvecol {
  width: 99.999999993%; }

/* 100%;   } /* grid_12 */
.fifthcol {
  width: 18.39%; }

/* 13.45%; } /* grid_2  */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol, .fifthcol {
  position: relative;
  float: left;
  margin-left: 2%; }

.first {
  margin-left: 0; }

.last {
  float: right; }

/******************************************************************
Site Name: 
Author: 

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
/*********************
NAVIGATION STYLES
*********************/
/* .menu is clearfixed inside mixins.scss */
.menu {
  /* end .menu ul */ }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */ }
    .menu ul li {
      /*
      plan your menus and drop-downs wisely.
      */ }
      .menu ul li a {
        /*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */ }

/* end .menu */
/*********************
POSTS & CONTENT STYLES
*********************/
/* entry content */
.entry-content {
  /* at this larger size, we can start to align images */ }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }

/* end .entry-content */
/*********************
FOOTER STYLES
*********************/
/*
check your menus here. do they look good?
do they need tweaking?
*/
/* end .footer-links */
/******************************************************************
Site Name: Framework
Author: Tone

Stylesheet: Tablet & Small Desktop Stylesheet


******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  overflow-x: auto; }

.showmob {
  display: none; }

.hidemob {
  display: block; }

.about-anchors {
  border-bottom: 1px solid white; }

.res-page.related-resources a.active::after {
  content: url("../images/blue-arrow-down.png");
  z-index: 5;
  position: absolute;
  bottom: -19px;
  left: 50%;
  margin-left: -10px; }

.res-page.related-resources .resource-switcher .buttons,
.res-page.related-resources .resource-switcher .buttons a {
  border-radius: 0 !important; }

#container {
  margin: 0 auto;
  position: static;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none; }
  #container.menu-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

#inner-content {
  padding-top: 40px;
  padding-bottom: 40px; }

.intro-copy {
  font-size: 24px; }

.our-clients .client-logo {
  float: left;
  width: 50%; }

.about-bottom .sixcol.last {
  background: url("../images/side-grad.png") no-repeat left top;
  min-height: 600px; }
.about-bottom .career-post .inner {
  margin: 0 40px; }

.home-gallery {
  width: 49%;
  margin-bottom: 40px; }
  .home-gallery:nth-of-type(3) {
    margin-left: 0; }

.above-blue-blocks .threecol {
  margin-bottom: 0; }

.band {
  padding: 45px 0 55px 0px; }

.page-intro.band {
  padding: 50px 0 50px 0px; }

.why-partner.band {
  padding: 50px 0 20px 0px; }

.header-platform-features {
  padding-top: 65px; }
  .header-platform-features .first {
    padding-top: 20px; }
    .header-platform-features .first img {
      margin: 20px 0; }

.pf-features .fourcol {
  margin-bottom: 50px; }

.industry-dd {
  position: absolute;
  text-align: center;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  background: white;
  display: none;
  z-index: 90;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #eee;
  width: 610px;
  right: auto;
  left: auto;
  margin-left: -250px;
  top: 85px;
  text-align: left !important; }

.industry-dd {
  position: absolute;
  text-align: center;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  background: white;
  display: none;
  z-index: 90;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #eee;
  width: 610px;
  right: auto;
  left: auto;
  margin-left: -250px;
  top: 85px;
  text-align: left !important; }

.industry-dd .sixcol {
  padding: 30px;
  width: 50%; }

.industry-dd .sixcol .lititle {
  margin: 10px 0;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee; }

.industry-dd .sixcol .lidiscover {
  font-size: 0.8em;
  color: #666; }

.industry-dd .sixcol:nth-of-type(1) .lititle {
  color: #1894D8; }

.industry-dd .sixcol:nth-of-type(2) .lititle {
  color: #1bb0c2; }

.industry-dd .sixcol {
  padding: 30px;
  width: 50%; }

.industry-dd .sixcol:first-of-type {
  border-right: 1px solid #eee; }

.why-slider {
  padding-bottom: 58px !important; }
  .why-slider .carousel-control {
    width: 80px;
    height: 80px;
    top: 50%;
    position: absolute;
    font-size: 1.6em;
    float: none;
    margin-top: -40px;
    left: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    transition: all 250ms ease-out; }
    .why-slider .carousel-control:hover {
      opacity: 1;
      background-color: #C1D3D6; }
    .why-slider .carousel-control.left {
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
      background-position: 30px 25px !important; }
    .why-slider .carousel-control.right {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      background-position: -590px 25px !important; }

p.subtitle {
  padding: 0 2%; }

.subtitle {
  margin-bottom: 30px; }

.icon-left {
  display: block; }
  .icon-left div {
    font-size: 59px; }

.ind-intro {
  padding-left: 25px; }

.ind-intro::after {
  content: '';
  border-left: 1px solid #D9D9D9;
  position: absolute;
  left: -4%;
  height: 100%;
  top: 0;
  bottom: 0; }

.dotted-intro {
  max-width: 90%;
  font-size: 2em;
  font-weight: 200; }

.standard-page-rows .stand-row .text {
  padding-right: 20px; }
.standard-page-rows .stand-row .first.last .text {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 40px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 40px;
  /* Firefox */
  column-gap: 40px;
  column-width: 50%;
  -webkit-column-width: 50%; }
.standard-page-rows .stand-row img {
  margin-top: 0; }

.resource-switcher .mobile-button-dd {
  display: none; }
.resource-switcher.square .resource-contents .content-area {
  background-size: cover;
  padding: 40px 50px; }
.resource-switcher.square .buttons {
  border-radius: 0 !important;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  left: auto;
  display: block !important;
  opacity: 1 !important;
  z-index: 1;
  margin-top: 0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none; }
  .resource-switcher.square .buttons a {
    border-radius: 0 !important;
    width: 20%;
    border-right: 1px solid #EEE; }
    .resource-switcher.square .buttons a:hover {
      background-color: #FAFAFA; }
    .resource-switcher.square .buttons a.active:hover {
      background-color: #06A8CA; }
.resource-switcher.square .box {
  max-width: 500px;
  margin-top: 0; }
.resource-switcher .buttons {
  position: relative;
  opacity: 1 !important;
  z-index: 1 !important;
  width: 100%;
  left: auto;
  right: auto;
  text-align: center;
  background: white;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  overflow: hidden; }
  .resource-switcher .buttons a {
    border-right: 1px solid #EEEEEE;
    transition: 0.25s background-color ease;
    -moz-transition: 0.25s background-color ease;
    -webkit-transition: 0.25s background-color ease;
    -o-transition: 0.25s background-color ease; }
    .resource-switcher .buttons a:hover {
      background-color: #FAFAFA; }
    .resource-switcher .buttons a.active:hover {
      background-color: #08AACC; }
    .resource-switcher .buttons a.active::after {
      content: url("../images/blue-arrow-down.png");
      position: absolute;
      bottom: -19px;
      z-index: 5;
      left: 50%;
      margin-left: -10px; }
.resource-switcher .resource-contents .fourcol {
  margin-bottom: 0; }

/*
  Header
*/
.big-header .wrap {
  padding: 50px 0; }
.big-header.header-partners {
  background-image: url("../images/partners-title.jpg"); }
  .big-header.header-partners h2 {
    font-size: 3.5em;
    max-width: 680px;
    display: inline-block; }
.big-header.header-partners p {
  font-size: 1.5em; }

.partners-blue .wrap h2 {
  margin-bottom: 70px; }
.partners-blue .wrap .button {
  margin-top: 55px; }

.supporting-partners .wrapped {
  margin: 0 auto;
  max-width: 60%; }

.industry-intro {
  padding-top: 75px;
  padding-bottom: 75px; }
  .industry-intro .intro {
    line-height: 1.5; }
  .industry-intro h2 {
    margin-bottom: 66px; }
  .industry-intro .sixcol:last-of-type img {
    margin-top: 0px; }

.industry-solutions .subtitle {
  margin-bottom: 50px; }

.cta-bar a {
  margin-right: 20px; }

.cta-band {
  text-align: left;
  font-size: 18px; }
  .cta-band h3 {
    font-size: 32px;
    float: left;
    display: inline-block;
    margin-bottom: 0; }
  .cta-band h4 {
    font-size: 18px; }
  .cta-band a {
    padding: 15px 25px;
    display: inline-block;
    float: right;
    margin-top: 5px; }
    .cta-band a:last-of-type {
      margin-right: 0; }

.we-helped {
  padding: 80px 0; }
  .we-helped p {
    font-size: 1.25em;
    max-width: 90%; }
  .we-helped::before {
    background: rgba(0, 0, 0, 0.6); }
  .we-helped h3 {
    letter-spacing: -0.5px;
    font-size: 3.2em; }
  .we-helped .fivecol {
    width: 100.0%; }

@-webkit-keyframes dottedbox {
  0% {
    width: 20px;
    height: 0px; }

  30% {
    width: 20px;
    height: 45px; }

  80% {
    width: 661px;
    height: 45px; }

  100% {
    width: 661px;
    height: 270px; } }
.how-we-help .sixcol.first {
  margin-bottom: 0; }
.how-we-help .dotted-track {
  display: block;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 175px;
  height: 270px;
  width: 661px;
  overflow: hidden;
  margin-left: -330px;
  text-align: center; }
  .how-we-help .dotted-track .insider {
    display: inline-block;
    background: url("../images/dotted-box.png") no-repeat center top;
    height: 0px;
    width: 20px; }
.how-we-help.animated .dotted-track .insider {
  animation: dottedbox 1.2s 1;
  -webkit-animation: dottedbox 1.2s 1;
  -moz-animation: dottedbox 1.2s 1;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }
.how-we-help.animated .sixcol {
  transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0); }
.how-we-help .sixcol {
  opacity: 0;
  margin-top: 0px;
  padding-top: 70px;
  position: relative;
  z-index: 3;
  -webkit-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-out;
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }
  .how-we-help .sixcol .tab-background {
    background-size: cover;
    width: 90%;
    max-width: 370px; }

/*
  Contact Page
*/
.contact-sidebar {
  max-width: 300px;
  padding-left: 30px;
  margin-top: 0; }

.cf-main-wrap .gform_wrapper .gfield {
  float: left;
  width: 50%; }
  .cf-main-wrap .gform_wrapper .gfield:nth-of-type(odd) {
    padding-right: 15px; }
  .cf-main-wrap .gform_wrapper .gfield:nth-of-type(even) {
    padding-left: 15px; }
  .cf-main-wrap .gform_wrapper .gfield:last-of-type {
    width: 100%;
    padding: 0;
    float: none;
    margin-bottom: 26px; }
.cf-main-wrap .gform_wrapper input[type="submit"] {
  width: auto; }

.contact-map .office .inside {
  padding: 25px;
  margin: 10px;
  min-height: 265px; }
  .contact-map .office .inside h4 img {
    display: block;
    margin-bottom: 10px; }

.contact-bottom .first {
  padding-right: 35px; }
.contact-bottom .career-post {
  margin-left: 40px; }

/*
  Module Page
*/
.module-intro {
  font-size: 2em;
  font-weight: 200;
  color: #5F767F;
  padding: 35px 70px;
  margin-bottom: 40px; }

.module-blocks .career-block .content {
  padding-top: 30px;
  margin-bottom: 0; }

.testimonial {
  font-size: 24px; }
  .testimonial p {
    margin: 0 80px 20px 80px; }

#inner-footer .last {
  margin-top: -7px;
  text-align: right; }

.social {
  width: 38px;
  height: 38px;
  margin-right: 5px; }
  .social:first-of-type {
    margin-left: 10px; }

.topbar {
  display: block;
  padding: 10px 0; }
  .topbar.mobile {
    display: none; }
  .topbar p {
    display: block;
    padding: 5px 0 0 0; }
  .topbar form {
    float: right; }
    .topbar form input {
      float: left;
      width: auto; }
      .topbar form input#searchsubmit {
        width: 40px;
        display: inline-block;
        background: url(../images/search-icon.png) no-repeat #666666;
        background-size: 16px;
        background-position: center;
        overflow: hidden;
        text-indent: -5000px; }
        .topbar form input#searchsubmit:hover {
          background-color: #000; }

.flex-control-nav {
  display: block; }

.carousel-indicators {
  display: block; }

.slider .carousel-caption {
  right: 0;
  left: 0;
  bottom: 30px;
  font-weight: 400;
  width: 100%;
  font-size: 18px;
  padding: 45px 0;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
  background: none; }

/* snide carousel */
.slider .item .carousel-caption {
  top: 100%;
  opacity: 0.01;
  -webkit-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-out; }

.slider .item.active .carousel-caption {
  position: absolute;
  top: 0px;
  opacity: 0.99; }

.slider .carousel-caption .wrap {
  background: transparent;
  text-align: left; }

.slide-info {
  text-shadow: none;
  max-width: 500px;
  width: auto;
  padding: 20px 20px;
  padding-left: 0;
  display: inline-block; }
  .slide-info h2 {
    padding: 0;
    margin: 0;
    font-size: 1.8em; }
  .slide-info .button {
    font-size: 1.1em;
    float: left; }
  .slide-info .button-title {
    font-size: 0.9em; }
  .slide-info p {
    font-size: 1.2em;
    line-height: 1.6;
    font-weight: 300;
    margin-top: 10px; }

.carousel-inner {
  padding-bottom: 0;
  overflow: hidden;
  max-height: 600px; }
  .carousel-inner img {
    max-width: 84%; }

.map {
  text-align: center;
  padding: 60px 0;
  background: white url("../images/bgmap.png") no-repeat top center;
  background-size: 200%;
  background-position: center center; }
  .map .bottom .threecol {
    width: 33%;
    padding: 0px 50px; }
    .map .bottom .threecol:last-of-type {
      display: none; }

/* end snide carousel */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 92%;
  max-width: 1360px; }

.page-intro {
  font-size: 2em; }

.big-header {
  min-height: 550px;
  max-height: 550px; }
  .big-header h2 {
    margin-bottom: 10px;
    font-size: 4.2em; }
  .big-header p {
    font-size: 1.75em; }

.big-header.header-careers .wrap {
  padding: 160px 0; }

.page-template-page-careers-php .big-header::after {
  background: rgba(0, 0, 0, 0.25); }

/*
  Case Study
*/
img.caselogo {
  max-width: 200px; }

.case-study-single {
  text-align: left; }
  .case-study-single .big-header .wrap {
    padding: 150px 0; }
  .case-study-single .big-header h2 {
    margin-bottom: 0; }
  .case-study-single .helped-testimonial {
    margin-top: 170px;
    background: url("../images/bottom-shadow.png") no-repeat top center; }

.case-study-single .big-header::after {
  background: rgba(0, 0, 0, 0.01);
  content: ""; }

.case-study-blocks {
  padding: 70px 0; }

.cs-block .bottom {
  padding: 45px; }
  .cs-block .bottom img {
    margin-bottom: 0; }
.cs-block:last-of-type {
  margin-bottom: 50px; }

.case-study-header {
  padding: 150px 0; }

.more-case-studies .fourcol {
  margin-bottom: 0; }

.case-study .cs-quote {
  font-size: 1.9em;
  font-weight: 200; }

.cs-quote-block {
  padding-top: 245px;
  padding-bottom: 90px; }

.project-goals .sixcol, .why-partner .sixcol {
  padding: 3em 0;
  width: 46%;
  margin-top: 0;
  text-align: center;
  border-bottom: none;
  min-height: 280px; }
  .project-goals .sixcol .icoholder, .why-partner .sixcol .icoholder {
    margin-bottom: 0;
    min-height: 280px; }
.project-goals .sixcol:nth-of-type(odd), .why-partner .sixcol:nth-of-type(odd) {
  margin-right: 4%; }
.project-goals .sixcol:nth-of-type(even), .why-partner .sixcol:nth-of-type(even) {
  margin-left: 4%; }
.project-goals .sixcol:nth-of-type(odd):after, .why-partner .sixcol:nth-of-type(odd):after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  right: -9%;
  top: 50px;
  bottom: 50px;
  border-right: 1px dotted lightgrey; }
.project-goals .sixcol:nth-of-type(1n+3), .why-partner .sixcol:nth-of-type(1n+3) {
  border-top: 1px dotted lightgrey; }

.cs-intro-img {
  margin-top: 0; }

.about-intro .intro-para {
  margin-bottom: 50px;
  font-size: 1.6em; }

#timeline ul.arrows {
  display: block; }

.key-events .key {
  top: 5px; }
.key-events .history-item {
  min-height: 360px;
  margin-left: 30px;
  width: 295px; }
  .key-events .history-item:first-of-type {
    margin-left: 100px; }
.key-events h3 {
  text-align: center; }

.about-anchors {
  padding: 30px 0px;
  font-size: 0.9em; }
  .about-anchors ul {
    display: block;
    max-width: 100%; }
  .about-anchors .mobile-button-dd,
  .about-anchors .buttons {
    display: none; }

.intro-blocks img {
  display: inline-block;
  margin-bottom: 20px; }
.intro-blocks h4 {
  color: #3F6C7F;
  font-size: 1.4em;
  font-weight: 500; }
.intro-blocks p {
  color: #5F767F;
  font-size: 0.95em;
  max-width: 263px;
  line-height: 1.6;
  margin-top: 0;
  margin: 0 auto; }
.intro-blocks.intro-blocks-md {
  padding-bottom: 60px;
  background: url("../images/module-intro-bottom.png") repeat-x bottom; }
  .intro-blocks.intro-blocks-md h3 {
    color: #597F92;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 50px; }
.intro-blocks .intro-block {
  margin-bottom: 0; }

.challenge-solution p {
  padding-right: 80px; }
.challenge-solution .sixcol.first {
  margin-bottom: 0px; }

.whos-it-for .subtitle {
  margin-bottom: 50px; }
.whos-it-for img {
  margin-bottom: 15px; }
.whos-it-for .title {
  margin-bottom: 15px; }
.whos-it-for .who-block {
  margin-bottom: 0; }

.conclusion .conc-image {
  margin-bottom: -180px; }

.shadow-right {
  background: url("../images/right-shadow.png") no-repeat right; }

.blogpost .post-bottom {
  margin-top: 20px; }
.blogpost .prevnext-wrap {
  overflow: visible;
  border-radius: 0px; }
  .blogpost .prevnext-wrap a {
    border-radius: 5px; }
.blogpost .inner {
  padding: 35px; }
.blogpost .single-title {
  font-size: 2.5em; }

a.sixcol.last.next.clearfix {
  margin-top: 0; }

.shadow-box {
  margin-top: 30px;
  margin-left: 35px;
  margin-right: 20px;
  margin-bottom: 0; }
  .shadow-box .item {
    width: 33.333%;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE; }
    .shadow-box .item:nth-last-child(3), .shadow-box .item:nth-last-child(1), .shadow-box .item:nth-last-child(2) {
      border-bottom: none; }
    .shadow-box .item:last-of-type {
      border-right: none;
      width: 33.333%; }
    .shadow-box .item:nth-of-type(3) {
      border-right: none; }

/*********************
HEADER STYLES
*********************/
.header {
  height: 105px;
  padding: 20px 0;
  transition: 0.35s padding ease;
  -webkit-transition: 0.35s padding ease;
  -o-transition: 0.35s padding ease;
  -moz-transition: 0.35s padding ease; }
  .header #inner-header {
    padding-bottom: 0;
    margin-bottom: 0; }

.whitepaper-mid .sixcol {
  padding-right: 20px; }

.header-contact {
  display: block;
  font-size: 24px; }
  .header-contact span {
    display: inline; }
    .header-contact span.divider {
      display: inline; }
  .header-contact p {
    text-align: right;
    padding-top: 30px; }

#logo {
  padding: 0;
  line-height: 0;
  text-align: left;
  margin-top: 0; }
  #logo img {
    margin: 0;
    margin-top: 0;
    display: inline-block;
    max-width: 117px; }

.blue-header {
  padding-top: 55px; }
  .blue-header h1 {
    font-size: 3.4em; }
  .blue-header.module-header {
    padding-top: 45px;
    padding-bottom: 45px; }
    .blue-header.module-header h1 {
      color: white;
      margin-top: 0;
      letter-spacing: -2px;
      font-size: 3.5em;
      font-weight: 500; }

.cs-slider .cs-slide {
  padding: 60px 0px 60px 0;
  min-height: 525px; }
  .cs-slider .cs-slide::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.15); }
  .cs-slider .cs-slide .cs-quote {
    font-size: 1.275em;
    line-height: 1.4;
    padding-left: 20px;
    padding-right: 20px; }
  .cs-slider .cs-slide .inner {
    max-width: 818px;
    margin: 0 auto;
    width: 80%; }
  .cs-slider .cs-slide .cs-quote {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.575em; }

.header-nav {
  display: inline-block; }

.partner-block .info-block {
  text-align: left; }
  .partner-block .info-block .text-left {
    text-align: left;
    margin-bottom: 0; }

.we-work-with .logo {
  float: left;
  width: 12.4%;
  text-align: center;
  height: 105px;
  line-height: 110px;
  opacity: 0.85; }
  .we-work-with .logo img {
    display: inline;
    vertical-align: middle;
    max-width: 70%; }

h2, .h2 {
  font-size: 3em;
  letter-spacing: -1px; }

/*********************
NAVIGATION STYLES
*********************/
.mobile-menu-toggle {
  display: none; }

.nav-holder {
  border-bottom: 1px solid #ddd; }

.mobile-navigation {
  display: none; }

.top-nav {
  display: block !important;
  text-align: right;
  margin: 18px 0px;
  margin-bottom: 0; }

.who-we-partner img {
  max-width: 50%; }

.global-founders .fourcol {
  margin-bottom: 0; }
.global-founders img {
  width: 100%; }
.global-founders .people-wrapper {
  margin-bottom: 40px; }
.global-founders .person {
  padding-top: 20px; }

.top-bar {
  font-size: 12px; }
  .top-bar img {
    margin-right: 2px;
    display: inline; }
  .top-bar .wrap {
    width: 94%;
    padding-left: 0; }
  .top-bar .fivecol {
    margin-top: 2px; }

.top-bar-menu {
  float: right;
  display: block;
  margin-right: 8px; }
  .top-bar-menu ul {
    margin: 0;
    margin-top: 2px; }
    .top-bar-menu ul li {
      padding: 0 5px;
      border-right: 1px solid #DADADA;
      float: left; }
      .top-bar-menu ul li a {
        color: #98A6AF;
        -webkit-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-in;
        -o-transition: all 250ms ease-in;
        -moz-transition: all 250ms ease-in;
        transition: all 250ms ease-out; }
        .top-bar-menu ul li a:hover {
          color: #3F6D7F; }
      .top-bar-menu ul li:last-of-type {
        border-right: none; }

.header-wrapper {
  height: 105px; }

.header-wrap {
  height: 100px;
  background: transparent; }

.nav-holder .nav {
  display: block;
  padding: 10px 0;
  position: static;
  width: auto;
  height: auto;
  background: transparent;
  border: 0;
  /* end .menu ul li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav-holder .nav ul {
    margin-top: 0; }
  .nav-holder .nav li {
    float: left;
    margin-right: 30px;
    border-bottom: none;
    font-size: 22px;
    /*
    plan your menus and drop-downs wisely.
    */
    /* showing sub-menus */ }
    .nav-holder .nav li.current-menu-item > a {
      color: #996245; }
    .nav-holder .nav li a {
      text-shadow: none;
      border: none;
      background: transparent;
      color: #3d3c3c;
      padding: 0;
      display: block;
      text-decoration: none;
      /*
      you can use hover styles here even though this size
      has the possibility of being a mobile device.
      */ }
      .nav-holder .nav li a:hover, .nav-holder .nav li a:focus {
        color: #662815;
        background: transparent; }
    .nav-holder .nav li.menu-item-39 {
      float: right;
      padding: 0;
      margin: 0; }
      .nav-holder .nav li.menu-item-39 a {
        padding: 3px 10px;
        background: #3d3c3c;
        color: #fceeb8; }
    .nav-holder .nav li ul.sub-menu,
    .nav-holder .nav li ul.children {
      margin-top: 0;
      border: 1px solid #ccc;
      position: absolute;
      overflow: hidden;
      visibility: hidden;
      z-index: 8999;
      /* highlight sub-menu current page */ }
      .nav-holder .nav li ul.sub-menu li,
      .nav-holder .nav li ul.children li {
        float: none;
        margin-right: 0;
        background: #fff;
        /*
        if you need to go deeper, go nuts
        just remember deeper menus suck
        for usability. k, bai.
        */ }
        .nav-holder .nav li ul.sub-menu li a,
        .nav-holder .nav li ul.children li a {
          color: #3d3c3c;
          padding-left: 10px;
          border-right: 0;
          display: block;
          width: 180px;
          border-bottom: 1px solid #ccc; }
          .nav-holder .nav li ul.sub-menu li a:hover, .nav-holder .nav li ul.sub-menu li a:focus,
          .nav-holder .nav li ul.children li a:hover,
          .nav-holder .nav li ul.children li a:focus {
            background: #fceeb8;
            color: #3d3c3c; }
        .nav-holder .nav li ul.sub-menu li:last-child a,
        .nav-holder .nav li ul.children li:last-child a {
          border-bottom: 0; }
    .nav-holder .nav li:hover ul {
      top: auto;
      overflow: visible;
      visibility: visible; }

/* end .nav */
footer {
  padding: 68px 0;
  text-align: left; }
  footer a {
    margin-top: 0; }
  footer .copyright {
    float: left;
    margin-right: 25px; }
  footer .conw {
    display: inline;
    color: #819FAC;
    font-weight: normal; }
  footer nav {
    display: block;
    position: static;
    width: auto; }
    footer nav ul#menu-footer-menu {
      margin: 20px 0; }
    footer nav li {
      display: inline;
      margin-right: 10px;
      padding-right: 10px;
      line-height: 18px;
      border-right: 1px solid #CCCCCC; }
    footer nav a {
      border-bottom: none;
      display: inline-block;
      text-decoration: none;
      padding: 0; }

.footer-top {
  font-size: 15px;
  padding-top: 50px; }
  .footer-top .fourcol {
    margin-bottom: 0; }
  .footer-top .white {
    background: white;
    border-radius: 5px;
    padding: 20px;
    margin: 25px 5px;
    margin-bottom: 0;
    min-height: 260px;
    position: relative; }

.footer-logos {
  display: block; }
  .footer-logos img {
    max-width: 19.4%; }

.features .threecol {
  min-height: 200px; }

/* 
  CS Slider
*/
.slider-controls {
  position: absolute;
  top: 50%;
  left: 30px;
  bottom: auto;
  margin-top: -35px;
  margin-left: 0; }
  .slider-controls a {
    float: none;
    margin-right: 0; }

/*
  News
*/
.news-listing {
  margin-right: 21px; }

.news-item {
  margin-bottom: 0; }

.wp-pagenavi {
  float: none;
  margin-bottom: 0; }

.resource-switcher .buttons {
  overflow: visible; }
  .resource-switcher .buttons a {
    width: 33.333%; }
    .resource-switcher .buttons a:last-of-type {
      border-right: none; }
    .resource-switcher .buttons a .active::after {
      content: url("../images/blue-arrow-down.png");
      position: absolute;
      bottom: -16px;
      left: 50%;
      margin-left: -10px; }

/*********************
SIDEBARS & ASIDES
*********************/
.search-wrap {
  position: relative;
  top: auto;
  right: auto;
  background: #E7E9EA;
  float: right;
  margin-top: -8px;
  margin-bottom: -8px;
  max-height: 38px;
  -webkit-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  transition: all 250ms ease-out; }
  .search-wrap:hover {
    background: #fff; }
  .search-wrap .open {
    height: 38px; }

#searchform label {
  display: none; }

.widget {
  background-color: #f6f6f6;
  padding: 10px;
  margin: 0 0 30px 0; }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */ }
    .widget ul li ul {
      margin-top: 0.75em;
      padding-left: 1em; }

/*********************
FOOTER STYLES
*********************/
#inner-footer.wrap {
  width: 90%;
  text-align: left; }

/* end .footer-links */
#banner-area {
  overflow: hidden;
  padding: 42% 0 60px 0; }
  #banner-area .button {
    display: inline-block;
    float: none;
    font-size: 20px;
    padding: 17px 22px; }
  #banner-area .dividebar {
    display: block; }

.how-we-help.animated .dotted-track .insider {
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards; }

.carousel-indicators {
  bottom: -10px; }

.cs-quote-block {
  padding-top: 150px;
  padding-bottom: 90px; }

.cs-slide {
  position: relative; }

.cs-slide .inner {
  z-index: 2;
  position: relative; }

.cs-slide::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
  content: ""; }

.whitepaper-header h1 {
  font-size: 2.8em;
  letter-spacing: -1px; }

.resource-switcher.square .box {
  max-width: 630px;
  margin-top: 0; }

.content-area.clearfix.active {
  min-height: 660px; }

.features .fourcol {
  min-height: 200px; }

.scroller-wrap {
  overflow-x: hidden;
  padding-left: 40px; }

.scroller-wrap::after {
  display: block; }

.scroller-wrap::before {
  display: block; }

.gf-block {
  text-align: left; }
  .gf-block .wrap {
    width: 92%; }
  .gf-block .people {
    width: 78px;
    text-align: center;
    margin-left: 0; }
    .gf-block .people a {
      width: 100%;
      margin: 0; }

.person-shots {
  min-height: 500px;
  position: relative; }

.person-shots img.large {
  max-width: 480px;
  right: 50px;
  max-height: 800px; }

.mobile-search input.typesearch {
  width: calc(100% - 120px);
  padding: 10px; }
.mobile-search input.submitsearch {
  padding: 10px; }

/******************************************************************
Site Name: Framework
Author: Tone

Stylesheet: Desktop Stylsheet

******************************************************************/
body {
  font-size: 15px; }

.wrap {
  width: 92%;
  margin: 0 auto; }

p.subtitle {
  padding: 0 10%; }

.band {
  padding: 60px 0 70px 0px; }

.we-work-with .logo {
  width: 12.5%; }
  .we-work-with .logo img {
    display: inline;
    vertical-align: middle;
    max-width: 70%; }
  .we-work-with .logo:nth-of-type(7), .we-work-with .logo:nth-of-type(8) {
    display: inline; }
  .we-work-with .logo.middle {
    display: block; }

.form-wrap input[type="submit"] {
  font-size: 13px; }

.map {
  text-align: center;
  padding: 60px 0;
  background: white url("../images/bgmap.png") no-repeat top center;
  background-size: 90%;
  background-position: bottom center; }
  .map .bottom {
    min-height: 400px; }
    .map .bottom .threecol {
      width: 25%;
      margin-bottom: 0px; }
      .map .bottom .threecol:last-of-type {
        display: block; }

.cs-content {
  padding-right: 30px; }

.cs-block .cs-feat-image {
  min-height: 300px; }

.project-goals .sixcol, .why-partner .sixcol {
  text-align: left; }
.project-goals .sixcol .icoholder, .why-partner .sixcol .icoholder {
  display: block;
  float: left;
  width: 80px;
  min-height: 150px;
  margin-right: 30px; }

.big-header .wrap {
  padding: 160px 0; }

.top-bar-menu ul {
  margin: 0; }
  .top-bar-menu ul li {
    padding: 0 9px; }

.search-wrap .form-wrap.opened {
  max-width: 220px; }

.top-nav li {
  padding: 0 14px; }
  .top-nav li:hover .sub-menu {
    opacity: 1;
    top: 55px;
    z-index: 10; }
.top-nav .sub-menu {
  display: block;
  position: absolute;
  top: 45px;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
  left: 50%;
  width: 240px;
  margin-left: -130px;
  z-index: 99;
  border-radius: 3px;
  background: white;
  z-index: -1;
  opacity: 0;
  transition: 200ms all ease;
  -webkit-transition: 200ms all ease;
  -moz-transition: 200ms all ease; }
  .top-nav .sub-menu:before {
    content: url("../images/sub-menu-tail.png");
    position: absolute;
    top: -27px;
    left: 50%;
    margin-left: -25px; }
  .top-nav .sub-menu li {
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 0; }

.who-we-partner img {
  max-width: 140px; }

@-webkit-keyframes dottedbox {
  0% {
    width: 20px;
    height: 0px; }

  30% {
    width: 20px;
    height: 45px; }

  80% {
    width: 661px;
    height: 45px; }

  100% {
    width: 661px;
    height: 270px; } }
.how-we-help .sixcol.first {
  margin-bottom: 0; }
.how-we-help .dotted-track {
  display: block;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 175px;
  height: 270px;
  width: 661px;
  overflow: hidden;
  margin-left: -330px;
  text-align: center; }
  .how-we-help .dotted-track .insider {
    display: inline-block;
    background: url("../images/dotted-box.png") no-repeat center top;
    height: 0px;
    width: 20px; }
.how-we-help.animated .dotted-track .insider {
  animation: dottedbox 1.2s 1;
  -webkit-animation: dottedbox 1.2s 1;
  -moz-animation: dottedbox 1.2s 1;
  animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards; }
.how-we-help.animated .sixcol {
  transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0); }
.how-we-help .sixcol {
  opacity: 0;
  margin-top: 0px;
  padding-top: 70px;
  position: relative;
  z-index: 3;
  -webkit-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  transition: all 300ms ease-out;
  -webkit-transform: translate3d(0, 50px, 0);
  -moz-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }
  .how-we-help .sixcol .tab-background {
    background-size: cover;
    width: 90%;
    max-width: 370px; }

/*
  About
*/
.key-events {
  position: relative; }

.scroller-wrap {
  overflow-y: hidden; }
  .scroller-wrap::after {
    content: url("../images/green-grad.png");
    position: absolute;
    top: 3px;
    right: 0px;
    pointer-events: none; }

.cs-slider .carousel-inner {
  max-width: 1120px; }

.features .threecol {
  padding: 0px 20px; }

.about-bottom .career-post .inner {
  margin: 0;
  margin-left: 60px; }
.about-bottom .shadow-box {
  margin: 0;
  margin-right: 30px;
  margin-top: 28px; }
.about-bottom .careerpad {
  margin-left: 40px; }

.about-anchors li {
  text-align: center; }
  .about-anchors li a {
    font-size: 1.3em; }

.about-intro .intro-para {
  font-size: 1.9em; }

.header.smaller {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08); }

/*from nonsass*/
.header {
  height: auto;
  background: transparent;
  position: relative;
  z-index: 100;
  background: #fff;
  padding: 20px 0 15px 0;
  -webkit-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-in;
  -o-transition: all 350ms ease-in;
  -moz-transition: all 350ms ease-in;
  transition: all 350ms ease-out; }

.home .header.smaller {
  background: #fff; }

.home .header img {
  -webkit-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-in;
  -o-transition: all 350ms ease-in;
  -moz-transition: all 350ms ease-in;
  transition: all 350ms ease-out; }

.home .header img.logocolor {
  opacity: 0;
  -webkit-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-in;
  -o-transition: all 350ms ease-in;
  -moz-transition: all 350ms ease-in;
  transition: all 350ms ease-out; }

.home .header img.logowhite {
  opacity: 1;
  -webkit-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-in;
  -o-transition: all 350ms ease-in;
  -moz-transition: all 350ms ease-in;
  transition: all 350ms ease-out; }

.home .header.smaller img.logocolor {
  opacity: 1;
  -webkit-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-in;
  -o-transition: all 350ms ease-in;
  -moz-transition: all 350ms ease-in;
  transition: all 350ms ease-out; }

.header #logo img.logowhite {
  display: none; }

.home .header #logo img.logowhite {
  display: block; }

.home .header.smaller #logo img.logowhite {
  display: inline-block;
  visibility: visible;
  opacity: 0;
  -webkit-transition: all 350ms ease-out;
  -ms-transition: all 350ms ease-in;
  -o-transition: all 350ms ease-in;
  -moz-transition: all 350ms ease-in;
  transition: all 350ms ease-out; }

.home .header {
  background: rgba(0, 0, 0, 0.15); }

.home .header .top-nav li a {
  color: #ccc; }

.home .header .top-nav li a:hover {
  color: #fff; }

.home .header.smaller .top-nav li a {
  color: #5F767F; }

.home .header.smaller .top-nav li a:hover {
  color: #39a9ca; }

#banner-area .slide-info h2 {
  font-size: 3.2em;
  background: none;
  -webkit-text-fill-color: initial;
  color: #fff; }

#gfblock p.subtitle {
  padding: 0; }

.features .fourcol {
  padding: 0px 20px; }

.top-bar {
  position: relative;
  z-index: 101;
  font-size: 14px; }

.home #banner-area {
  position: relative;
  margin-top: -110px;
  padding: 210px 0 130px 0; }

#banner-area .vid-wrap {
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/dots.png");
  z-index: 90; }

.features a.click-through {
  margin-left: 22px; }

#banner-area .slide-video video {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0; }

/**/
.vid-wrap,
.slide-video {
  display: block !important; }

.slide-images {
  display: none !important; }

.header-platform-features h3 {
  font-size: 3.1em; }
.header-platform-features .first .subtitle {
  font-size: 2em;
  font-weight: 400; }
.header-platform-features .first p {
  color: white;
  margin-top: 0;
  font-size: 1.375em; }

/*
  Carousel
*/
.slider .item.active .carousel-caption {
  position: absolute;
  top: 50px; }

.slide-info h2 {
  font-size: 3.2em; }
.slide-info p {
  font-size: 1.4em; }

.cs-slide .inner {
  max-width: 918px;
  margin: 0 auto; }

/*
  Careers 
*/
.cp-wrap {
  padding: 0 50px; }

.our-clients .client-logo {
  float: left;
  width: 20%; }

.worker-block .inner {
  margin-top: 175px;
  margin-bottom: 125px; }

.career-post .inner {
  margin: 0 20px; }

.career-block .fivecol {
  z-index: 5; }
.career-block:nth-of-type(odd) {
  position: relative; }
  .career-block:nth-of-type(odd)::after {
    content: url("../images/section-zigzag-flipped.png");
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -331px;
    z-index: 0; }
.career-block:nth-of-type(even)::after {
  content: url("../images/section-zigzag.png");
  position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -331px;
  z-index: 0; }
.career-block:last-of-type::after {
  content: ''; }

.job-info div {
  float: left;
  width: 50%; }
.job-info .type {
  border-right: 1px solid #DDDDDD;
  border-bottom: none; }

.footer-top {
  font-size: 15px;
  padding-top: 60px; }
  .footer-top .fourcol {
    margin-bottom: 0; }
  .footer-top .white {
    background: white;
    border-radius: 5px;
    padding: 31px;
    margin: 23px 20px;
    margin-bottom: 0;
    min-height: 237px;
    position: relative; }

.social {
  width: 40px;
  height: 40px;
  margin-right: 10px; }
  .social:first-of-type {
    margin-left: 10px; }

.we-helped {
  padding: 80px 0; }
  .we-helped p {
    font-weight: 400; }
  .we-helped::before {
    background: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: ""; }
  .we-helped h3 {
    letter-spacing: -0.5px;
    font-size: 3.2em; }
  .we-helped .fivecol {
    width: 40.5%; }

.gf-block {
  position: relative;
  background: url("../images/global-founders-bg.png") no-repeat center white;
  background-size: cover;
  padding-bottom: 0 !important;
  overflow: hidden; }
  .gf-block .first {
    padding-top: 50px; }
  .gf-block .last {
    background: rgba(63, 108, 127, 0.6);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 46%;
    padding: 70px;
    color: white;
    line-height: 1.65; }
    .gf-block .last::before {
      content: url("../images/indent-arrow.png");
      position: absolute;
      left: -33px;
      top: 50%;
      margin-top: -342px; }
  .gf-block h2 {
    color: white;
    font-size: 3.5em;
    font-weight: normal; }
  .gf-block h4 {
    font-weight: 200;
    font-size: 1.6em;
    color: white;
    margin-bottom: 50px; }
  .gf-block .bio {
    display: none; }
    .gf-block .bio p {
      font-size: 1.15em; }
    .gf-block .bio a {
      display: inline-block;
      margin-top: 20px;
      color: white;
      text-decoration: none;
      font-size: 0.8em;
      font-weight: 500; }
      .gf-block .bio a img {
        vertical-align: -5px;
        margin-right: 5px;
        width: 20px; }
    .gf-block .bio.active {
      display: block; }
  .gf-block .people {
    width: 78px; }
    .gf-block .people a {
      line-height: 0;
      display: block;
      margin-bottom: 15px;
      text-decoration: none;
      opacity: 0.35;
      transition: 0.5s all ease;
      -webkit-transition: 0.5s all ease;
      -moz-transition: 0.5s all ease;
      -o-transition: 0.5s all ease; }
      .gf-block .people a img {
        border: 2px solid #CCCCCC;
        -webkit-filter: grayscale(100%); }
      .gf-block .people a.active {
        opacity: 1; }
        .gf-block .people a.active img {
          border: 2px solid #40B8AB;
          -webkit-filter: none; }

.contact-sidebar .contact-details {
  color: #5F767F;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px dashed #DDDDDD;
  font-size: 1.3em; }

.contact-map .office .inside {
  background: #FFFFFF;
  border-radius: 3px;
  padding: 35px;
  min-height: 240px; }
  .contact-map .office .inside h4 img {
    display: inline-block;
    margin-bottom: 0px; }

/* 
you can call the larger styles if you want, but there's really no need 
*/
/******************************************************************
ADDITIONAL IE FIXES
These fixes are now ONLY seen by IE, so you don't have to worry
about using prefixes, although it's best practice. For more info
on using Modernizr classes, check out this link:
http://www.modernizr.com/docs/
******************************************************************/
/*
For example, you can use something like:

.no-textshadow .class { ... }

You can also target specific versions by using the classes applied to
the html element. These can sometimes change, so take a look inside the
header.php file to see what they are:


.lt-ie8 .class { ... }

*/
.button {
  filter: none !important; }

a:focus {
  background: none;
  outline: none; }