@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700,300);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.right {
  float: right; }

.left, .left-col, .right-col, .videos-container, .stories li, .publications li {
  float: left; }

.title .annualReport, .title .iyf, .arrowDown, .pull-quote, .video-tabs, .video-tabs a, .videos-container, .stories li, .publications li {
  display: block; }

.button, .button-block, .footer-navigation li, .email-updates input {
  display: inline-block; }

.row {
  display: block; }
  .row:after {
    content: "";
    display: table;
    clear: both; }

.wrapper {
  max-width: 45em;
  margin-left: auto;
  margin-right: auto; }
  .wrapper:after {
    content: "";
    display: table;
    clear: both; }

.wrapper-wide {
  display: block;
  max-width: 75rem;
  margin: 0 auto; }
  .wrapper-wide:after {
    content: "";
    display: table;
    clear: both; }

.siteColors, .footer-navigation ul, .three-col, .stories, .publications, .business-types > li, .business-types .business-names li {
  list-style-type: none;
  padding-left: 0; }

.blue-bg {
  background: rgba(5, 74, 129, 0.75); }

.white-bg {
  background: rgba(255, 255, 255, 0.75); }

.center {
  text-align: center; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
  color: #222; }

html {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  max-width: 100%; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@font-face {
  font-family: 'Tungsten';
  src: url("../../fonts/tungsten-medium-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/tungsten-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/tungsten-medium-webfont.woff") format("woff"), url("../../fonts/tungsten-medium-webfont.ttf") format("truetype"), url("../../fonts/tungsten-medium-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Tungsten Book';
  src: url("../../fonts/tungsten-book-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/tungsten-book-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/tungsten-book-webfont.woff") format("woff"), url("../../fonts/tungsten-book-webfont.ttf") format("truetype"), url("../../fonts/tungsten-book-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Tungsten Light';
  src: url("../../fonts/tungsten-light-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/tungsten-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/tungsten-light-webfont.woff") format("woff"), url("../../fonts/tungsten-light-webfont.ttf") format("truetype"), url("../../fonts/tungsten-light-webfont.svg#svgFontName") format("svg");
  /* Legacy iOS */ }
html, html a, submit, button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.01); }

body {
  font-size: 18px;
  line-height: 27px;
  font-family: Open Sans, sans-serif;
  color: #121212; }

h1, .business-logos h2, h2, h3, h4, h5, h6 {
  font-family: Open Sans, sans-serif;
  margin: .33rem 0 .66rem;
  font-weight: normal; }

h1, .business-logos h2 {
  font-size: 3.8rem;
  line-height: 1.66;
  text-transform: uppercase;
  font-family: Tungsten, sans-serif; }

h2 {
  font-size: 2.1rem;
  line-height: 1.44;
  font-weight: bold; }

h3 {
  font-size: 1.4rem;
  line-height: 1.33;
  font-weight: 400; }

h4 {
  font-size: 1.62rem;
  line-height: 1.22; }

h5 {
  font-size: 1.31rem;
  line-height: 1.11; }

h6 {
  font-size: 1.11rem;
  line-height: 1; }

p {
  font-size: 1.25rem;
  font-weight: 400;
  margin: 1.5rem 0; }

.intro {
  font-size: 1.66rem;
  line-height: 1.33;
  font-weight: 700; }

.tiny {
  font-size: 0.66rem;
  line-height: 1.33; }

li {
  font-size: 1rem; }

a {
	text-decoration: none;
	border: 0 none;
	}

a.textlink {
  color: #ff0000;
  border-bottom: 1px dashed #054a81;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  a:hover {
    color: #2574b3;
    border-bottom: 0px solid #8bc6f4; }


blockquote p {
  font-size: 1.33rem;
  line-height: 2rem;
  text-align: center;
  font-style: italic; }

.accent {
  color: #54cbbc; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
.style-section {
  display: block; }
  .style-section:after {
    content: "";
    display: table;
    clear: both; }

.siteColors li {
  display: block;
  float: left;
  width: 20%;
  height: 10rem;
  border: 0.5rem solid white; }
  .siteColors li:nth-child(1) {
    background: #054a81; }
  .siteColors li:nth-child(2) {
    background: #8bc6f4; }
  .siteColors li:nth-child(3) {
    background: #a6a6a4; }
  .siteColors li:nth-child(4) {
    background: #ffe300; }
  .siteColors li:nth-child(5) {
    background: #54cbbc; }
  .siteColors li:nth-child(6) {
    background: #2574b3; }
  .siteColors li:nth-child(7) {
    background: #cde9fe; }
  .siteColors li:nth-child(8) {
    background: #e2e2e1; }
  .siteColors li:nth-child(9) {
    background: #faeb6f; }
  .siteColors li:nth-child(10) {
    background: #5bddcd; }

.button {
  margin: 1rem;
  text-align: center; }

.button {
  padding: .5rem 2rem;
  margin: 1rem 0;
  border: 0;
  color: #fff;
  font-family: Tungsten, sans-serif;
  text-transform: uppercase;
  font-size: 1.66rem;
  -webkit-transition: all 0.33s ease-in-out;
  -moz-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out; }
  .button:hover {
    color: white;
    border: 0; }
  .button.-primary {
    background: #054a81; }
    .button.-primary:hover {
      background: #2574b3; }
  .button.-secondary {
    background: #54cbbc; }
    .button.-secondary:hover {
      background: #5bddcd; }
  .button.-block {
    display: block; }

.button-block {
  padding: 1.6rem 1rem;
  background: rgba(0, 0, 0, 0.15);
  color: #054a81; }
  .button-block:hover {
    background: rgba(0, 0, 0, 0.075);
    color: #2574b3; }

.fb {
  background: url("../../img/fb.png") center center no-repeat; }

.twitter {
  background: url("../../img/twitter.png") center center no-repeat; }

.fb, .twitter {
  margin-right: .33rem;
  padding: 0 1rem 0 0;
  width: 1.66rem;
  height: 1.66rem;
  display: inline-block;
  float: left; }

.feature {
  display: block;
  height: 92vmin;
  background: url("../../img/header_img.jpg") no-repeat center center;
  background-size: cover; }
  .feature:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1px) and (max-width: 749px) {
    .feature {
      height: 600px; } }

.lt-ie9 .feature {
  height: 700px;
  filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/feature-img.jpg',sizingMethod='scale')";
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/feature-img.jpg', sizingMethod='scale')"; }

.primaryLogo {
  padding: 1.5rem 1rem 2rem;
  margin: 0;
  background: white;
  width: 100%; }

.logo {
  padding: .5rem;
  margin: 0 1rem; }

.feature-caption {
  width: 240px;
  right: 25%;
  top: 85%;
  position: absolute; }
  .feature-caption p {
    margin: 0;
    font-size: .8rem;
    line-height: 1.4;
    font-weight: bold; }
  @media (min-width: 1px) and (max-width: 749px) {
    .feature-caption {
      display: none; } }
  @media (min-width: 750px) and (max-width: 999px) {
    .feature-caption {
      display: none; } }

.title-wrap {
  float: left;
  width: 100%;
  position: relative;
  top: 65%;
  -webkit-transform: translateY(-65%);
  -ms-transform: translateY(-65%);
  transform: translateY(-65%); }
  .title-wrap h1, .title-wrap .business-logos h2, .business-logos .title-wrap h2 {
    font-size: 2.25rem; }
  .title-wrap .blue-bg {
    padding: 2rem; }
    @media (min-width: 1px) and (max-width: 749px) {
      .title-wrap .blue-bg {
        padding: 1rem; } }
  .title-wrap .white-bg {
    padding: .5rem 2rem; }
    @media (min-width: 1px) and (max-width: 749px) {
      .title-wrap .white-bg {
        padding: .5rem 1rem; } }
  .title-wrap .subhead {
    color: #054a81;
    margin: 0;
    font-weight: 300; }
    @media (min-width: 1px) and (max-width: 749px) {
      .title-wrap .subhead {
        font-size: 1.5rem; } }
  @media (min-width: 750px) {
    .title-wrap {
      width: 450px; } }

.title {
  word-spacing: .2rem; }
  .title .annualReport, .title .iyf {
    color: white;
    font-weight: 300;
    line-height: 2rem; }
    @media (min-width: 1px) and (max-width: 749px) {
      .title .annualReport, .title .iyf {
        font-size: 1.5rem;
        line-height: 1; } }

.site-navigation {
  width: 20%;
  min-width: 275px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.66);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  @media (min-width: 1px) and (max-width: 749px) {
    .site-navigation {
      display: none; } }
  .site-navigation.isExpanded {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
    z-index: 999; }
  .site-navigation h2 {
    margin: 0;
    padding: .5rem 1rem;
    background: #054a81;
    color: white;
    font-weight: 300;
    font-family: Tungsten, sans-serif; }
  .site-navigation ul {
    padding-left: 0;
    margin: 1rem 0 0 0; }
  .site-navigation li {
    margin: .5rem 0; }
  .site-navigation .nav-intro:hover {
    border-right: 15px solid #ffe300; }
  .site-navigation .nav-programs:hover {
    border-right: 15px solid #54cbbc; }
  .site-navigation .nav-youth:hover {
    border-right: 15px solid #8bc6f4; }
  .site-navigation .nav-business:hover {
    border-right: 15px solid #054a81; }
  .site-navigation .nav-dev:hover {
    border-right: 15px solid #e2e2e1; }
  .site-navigation .nav-conclusion:hover {
    border-right: 15px solid #a6a6a4; }
  .site-navigation .nav-appendix:hover {
    border-right: 15px solid white; }
  .site-navigation a {
    display: block;
    padding: .5rem 1rem;
    display: block;
    font-family: Tungsten, sans-serif;
    font-size: 1.66rem;
    border: 0;
    text-decoration: none;
    color: #054a81; }
    .site-navigation a:after {
      content: "";
      display: table;
      clear: both; }
    .site-navigation a:hover {
      background: rgba(255, 255, 255, 0.9);
      border: 0; }
  .site-navigation .button {
    margin: 1rem;
    text-align: center; }

.footer-navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 75px;
  overflow: hidden;
  z-index: 3;
  display: block;
  width: 100%;
  background: #b2c7d8;
  border-top: 1px solid #ccc;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .footer-navigation:after {
    content: "";
    display: table;
    clear: both; }
  .footer-navigation.isExpanded {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .footer-navigation ul {
    margin: 0; }
  .footer-navigation .button {
    margin: 0 .5rem 0 0; }
  .footer-navigation .logo {
    float: left; }

.introduction {
  background: #ffe300;
  color: #121212; }

.introduction {
  background: #ffe300;
  color: #574d00; }
  .introduction h1, .introduction .business-logos h2, .business-logos .introduction h2, .introduction a {
    color: #121212; }
  .introduction a {
    border-bottom: 1px dashed #121212; }
    .introduction a:hover {
      color: black;
      border-bottom: 1px solid black; }

.products {
  background: #54cbbc;
  color: #1c5b53; }
  .products h1, .products .business-logos h2, .business-logos .products h2, .products a {
    color: white; }

.impactBusiness {
  background: #054a81;
  color: white; }
  .impactBusiness a {
    color: #8bc6f4;
    border-bottom: 1px dashed #8bc6f4; }
    .impactBusiness a:hover {
      border-bottom: 1px solid #8bc6f4; }

.impactBusiness {
  background: #054a81;
  color: #d9edfe; }
  .impactBusiness h1, .impactBusiness .business-logos h2, .business-logos .impactBusiness h2, .impactBusiness a {
    color: white; }
  .impactBusiness a {
    border-bottom: 1px dashed white; }
    .impactBusiness a:hover {
      color: white;
      border-bottom: 1px solid white; }

.impactDevelopment {
  background: #e2e2e1;
  color: #232322; }
  .impactDevelopment h1, .impactDevelopment .business-logos h2, .business-logos .impactDevelopment h2, .impactDevelopment a {
    color: #121212; }
  .impactDevelopment a {
    border-bottom: 1px dashed #121212; }
    .impactDevelopment a:hover {
      color: black;
      border-bottom: 1px solid black; }

.conclusion {
  background: #a6a6a4;
  color: white; }
  .conclusion h1, .conclusion .business-logos h2, .business-logos .conclusion h2, .conclusion a {
    color: #525250; }
  .conclusion a {
    border-bottom: 1px dashed #525250; }
    .conclusion a:hover {
      color: #6c6c69;
      border-bottom: 1px solid #6c6c69; }

.chairman-letter {
  width: 90%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.4);
  padding: 10px 10px 10px 20px;
  overflow: hidden; }
  .chairman-letter h2 {
    color: #525250;
    font-family: Tungsten, sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 10px; }
  .chairman-letter p {
    color: #525250;
    margin: 0;
    font-size: .8rem;
    line-height: 1.1rem; }
  .chairman-letter .chairman-image {
    width: 120px;
    margin-left: 20px;
    margin-bottom: 10px; }
  .chairman-letter .play-small {
    margin-left: 100px;
    margin-top: 10px; }
  .chairman-letter a {
    border-bottom: 0; }
    .chairman-letter a:hover {
      border-bottom: 0; }
  @media (min-width: 750px) {
    .chairman-letter {
      width: 400px; } }

.wellbeing {
  margin: 0 auto;
  width: 405px;
  border: 5px solid #e1e1e0;
  display: block; }

#intro.reportSection {
  padding: 2rem 0 0 0; }

#conclusion.reportSection {
  padding-bottom: 0; }

.three-col {
  margin: 2rem auto;
  display: block; }
  .three-col:after {
    content: "";
    display: table;
    clear: both; }
  .three-col li {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    color: white; }
    .three-col li:last-child {
      margin-right: 0; }
    .three-col li a {
      color: white;
      border-bottom: 1px dashed white; }
      .three-col li a:hover {
        color: white;
        border-bottom: 1px solid white; }

.introVideo {
  display: block;
  padding-bottom: 1.5rem; }
  .introVideo:after {
    content: "";
    display: table;
    clear: both; }
  .introVideo.yellow {
    background: #e0bf02; }
  .introVideo.gray {
    background: #445A6C; }
  .introVideo h3 {
    font-weight: 700; }
  .introVideo a:hover {
    border-bottom: 0; }
  .introVideo .video-wrapper {
    margin: 0 auto;
    width: 85%; }
    @media (min-width: 750px) {
      .introVideo .video-wrapper {
        width: 70%; } }

.introText {
  padding: 3rem 0; }
  .introText.yellow {
    background: #e0bf02; }

.text-overlay {
  width: 100%;
  text-align: center;
  color: #fff;
  min-height: 20rem; }
  .text-overlay .text {
    padding: 1rem 0 2rem 0; }

@-webkit-keyframes glow {
  0% {
    opacity: .85; }

  50% {
    opacity: 1; }

  100% {
    opacity: .85; } }
@-moz-keyframes glow {
  0% {
    opacity: .85; }

  50% {
    opacity: 1; }

  100% {
    opacity: .85; } }
@keyframes glow {
  0% {
    opacity: .85; }

  50% {
    opacity: 1; }

  100% {
    opacity: .85; } }
.arrowDown {
  text-align: center;
  padding: 1rem;
  color: #121212;
  font-size: 2rem;
  font-family: Tungsten, sans-serif;
  position: fixed; }
  .arrowDown:hover {
    color: #054a81; }
  .arrowDown:after {
    display: inline-block;
    width: 2rem;
    height: 1rem;
    background: url("../../img/intro_arrow.png") center center no-repeat;
    content: ''; }

.reportSection {
  padding: 3rem 0;
  display: block;
  margin: 0; }
  .reportSection:after {
    content: "";
    display: table;
    clear: both; }

.callout {
  font-family: Tungsten, sans-serif;
  display: block;
  text-transform: uppercase;
  font-size: 2.3rem;
  line-height: 2.7rem;
  border-top-width: 3px;
  border-bottom: 3px;
  border-style: solid;
  border-left: 0;
  border-right: 0;
  padding: 30px 40px;
  margin: 50px 0;
  text-align: center; }
  .callout:after {
    content: "";
    display: table;
    clear: both; }
  .callout.gray {
    border-top-color: #000;
    border-bottom-color: #000; }
  .callout.blue {
    border-top-color: #1c5b53;
    border-bottom-color: #1c5b53; }

.left-col {
  width: 25%;
  float: left;
  padding-left: 1rem;
  min-height: 50px; }

.product-nav, .bc-nav {
  padding: 0;
  margin: 1rem 0; }

.product {
  opacity: 0;
  border: 2px solid #fff;
  margin-bottom: .33rem;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .product.selected {
    opacity: 1; }

.product-wrap, .bc-content {
  width: 75%;
  float: left;
  padding: 0 2rem 0 10%;
  text-align: left; }

.stickem-container {
  display: block;
  margin: 0 auto; }
  .stickem-container:after {
    content: "";
    display: table;
    clear: both; }

.individualProduct {
  padding: 2rem 0;
  border-bottom: 3px solid #40c5b4;
  border-top: 3px solid #40c5b4;
  max-width: 500px; }
  .individualProduct h3 {
    text-transform: uppercase;
    font-family: Tungsten, sans-serif;
    font-size: 2.5rem; }
    .individualProduct h3 a {
      border-bottom: none; }
    @media (min-width: 750px) {
      .individualProduct h3 {
        font-size: 3rem; } }
  .individualProduct img {
    width: 100%;
    max-width: 100%; }
    @media (min-width: 1000px) {
      .individualProduct img {
        width: 600px;
        max-width: none;
        margin: 0 0 0 -50px; } }

.individualProduct.yan img {
  width: 100%;
  max-width: 100%; }
  @media (min-width: 1000px) {
    .individualProduct.yan img {
      width: 650px;
      margin-left: -80px; } }

.pts h3 a, .pts p {
  color: #0a67a2; }

.byb h3 a, .byb p {
  color: #005f53; }

.yan h3 a {
  color: #ffe300; }

.bc-content img {
  display: block; }

.footer-top {
  width: 100%;
  padding: 1rem;
  background: #054a81;
  position: relative; }
  .footer-top img {
    float: left; }

.email-updates {
  float: right;
  margin-top: 40px; }
  .email-updates input {
    vertical-align: bottom; }
  .email-updates input[type=text], .email-updates input[type=email] {
    width: 150px;
    background: #7b9fbc;
    height: 50px;
    border: 0;
    text-transform: uppercase;
    font-family: Tungsten, sans-serif;
    font-size: 1.5em;
    padding: 0 .5em;
    transition: all .2s ease-in-out; }
    .email-updates input[type=text]:focus, .email-updates input[type=email]:focus {
      outline: none;
      background: #9db8cd; }
  .email-updates input[type=submit] {
    background: #033157;
    color: #fff;
    height: 50px;
    padding: 0 15px;
    border: 0;
    font-family: Tungsten, sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    transition: all .2s ease-in-out; }
    .email-updates input[type=submit]:hover {
      background: #02233e; }
  .email-updates h4 {
    color: #fff;
    font-size: 1.7em; }
  .email-updates ::-webkit-input-placeholder {
    color: #a6bdd0; }
  .email-updates :-moz-placeholder {
    color: #a6bdd0;
    opacity: 1; }
  .email-updates ::-moz-placeholder {
    color: #a6bdd0;
    opacity: 1; }
  .email-updates :-ms-input-placeholder {
    color: #a6bdd0; }

.top {
  width: 61px;
  height: 61px;
  display: block;
  background: #054578 url("../../img/top_arrow.png") center no-repeat;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -30px;
  border-bottom: 1px solid #065fa5; }

.quote-container {
  width: 90%;
  margin: 0 auto; }
  @media (min-width: 750px) {
    .quote-container {
      width: 90%; } }
  @media (min-width: 1000px) {
    .quote-container {
      width: 50%; } }

.sliderNavText a {
  position: absolute;
  top: 20%;
  z-index: 2;
  width: 31px;
  height: 31px;
  background: url("../../img/quote_arrows.png") 0 0 no-repeat;
  text-indent: -9999px;
  border-bottom: 0; }
  .sliderNavText a:hover {
    border-bottom: 0; }
.sliderNavText #prev {
  left: 20px; }
.sliderNavText #next {
  right: 20px;
  background-position: 0 -36px; }

.pull-quote {
  width: 100%;
  margin: 50px auto; }

.quote-text {
  background: rgba(255, 255, 255, 0.5);
  padding: 1.5rem 20%;
  margin-bottom: 0;
  color: #454649;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.6rem;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative; }
  .quote-text strong {
    font-weight: 900; }

@media (min-width: 750px) {
  .quote-text:before, .quote-text:after {
    content: '“';
    font-size: 7rem;
    position: absolute;
    font-family: Tungsten, sans-serif; } }

.quote-text:before {
  left: 100px;
  top: 50px; }

.quote-text:after {
  content: '”';
  bottom: 0px;
  right: 110px; }

.quotes {
  font-size: 4rem;
  line-height: 1.6rem;
  display: inline-block; }

.sliderView.current {
  z-index: 3; }

.quote-source {
  background: rgba(255, 255, 255, 0.3);
  overflow: hidden;
  padding: .5rem 10%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; }
  .quote-source .quote-author {
    margin: 0;
    font-size: .9rem;
    font-style: normal;
    line-height: 1rem;
    text-align: left;
    font-weight: bold;
    color: #454649; }
  .quote-source .author-text {
    font-size: .9rem;
    line-height: 1rem;
    text-align: left;
    margin: .5rem 0;
    color: #454649; }
    .quote-source .author-text > a {
      text-decoration: none;
      border-bottom: 0;
      color: #454649;
      font-style: italic; }

.profile-image {
  border-radius: 50%;
  width: 75px;
  float: left;
  border: 3px solid white;
  margin-right: 20px; }

.tabbed-video {
  margin: 0 auto 4rem; }

.video-tabs {
  width: 100%;
  list-style-type: none;
  padding-left: 0;
  float: left;
  margin: 0; }
  .video-tabs .video-slider {
    width: 25%;
    float: left; }
  .video-tabs a {
    padding: 1.5rem 1rem .5rem;
    border-bottom: none;
    text-align: center;
    opacity: .66;
    -webkit-transition: all 0.66s ease-in-out;
    -moz-transition: all 0.66s ease-in-out;
    transition: all 0.66s ease-in-out;
    font-size: 1rem; }
    .video-tabs a:hover {
      border-bottom: none; }
  .video-tabs .profile-image {
    display: block;
    width: 80%;
    margin: 0 10%; }
  .video-tabs .active {
    margin-top: -30px; }
    .video-tabs .active:before {
      content: '';
      width: 0;
      height: 0;
      position: relative;
      top: -10px;
      left: 40%;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid #1c5b53; }
    .video-tabs .active a {
      opacity: 1;
      border-bottom: none;
      background: #1c5b53;
      border-radius: 0 0 5px 5px; }
    .video-tabs .active img {
      box-shadow: 0 0 0 5px #054a81; }

.videos-container {
  width: 100%;
  padding: 2rem 0;
  background: #31a193; }
  .videos-container iframe {
    display: block;
    margin: 0 auto; }

.stories, .publications {
  max-width: 45em;
  margin-left: auto;
  margin-right: auto;
  max-width: 65rem; }
  .stories:after, .publications:after {
    content: "";
    display: table;
    clear: both; }
  .stories h4, .publications h4 {
    margin-top: 1rem; }
    .stories h4 strong, .publications h4 strong {
      font-size: 1.33rem; }
    .stories h4 small, .publications h4 small {
      font-size: .9rem; }
  .stories li, .publications li {
    padding: .5rem;
    text-align: center;
    width: 20%; }
    .stories li h4, .publications li h4 {
      font-size: 1rem; }
      .stories li h4 a, .publications li h4 a {
        border-bottom: none; }
    .stories li p, .publications li p {
      font-size: 1rem; }
  .stories.four, .four.publications {
    max-width: 55rem; }
    .stories.four li, .four.publications li {
      width: 50%; }
  .stories .success-stories, .publications .success-stories {
    padding: .5rem 2rem; }
  @media (min-width: 750px) {
    .stories.four, .four.publications {
      max-width: 55rem; }
      .stories.four li, .four.publications li {
        width: 25%; } }

.publications {
  max-width: 60rem;
  margin-top: 6rem; }
  .publications li {
    width: 100%;
    text-align: left; }
    .publications li h4 {
      font-weight: 700; }
  .publications .blocks {
    padding: 1rem 1rem;
    float: left;
    width: 100%; }
    @media (min-width: 750px) {
      .publications .blocks {
        width: 33.33333%; } }
  .publications .row {
    min-height: 20rem; }
  .publications img {
    width: 120px;
    margin: 0 auto;
    display: block; }

.coming-soon {
  max-width: 45rem;
  margin-top: 5rem; }
  .coming-soon h4 {
    clear: both;
    font-weight: bold; }
  .coming-soon img {
    width: 33%;
    margin: 0 auto;
    border-radius: 50%;
    padding: 1rem; }

.success-stories a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
.success-stories img {
  border-radius: 50%;
  border: 3px solid white; }
.success-stories:hover img {
  border: 3px solid #054a81; }
.success-stories:hover h4 {
  color: #054a81; }

.bc-container {
  margin: 0 auto 3rem; }

.bc-container .left-col {
  display: none; }

.bc-container .right-col {
  width: 100%; }

@media (min-width: 750px) {
  .bc-container .left-col {
    display: block; }

  .bc-container .right-col {
    width: 75%; } }
.stickem-container {
  position: relative;
  max-width: 52rem; }

.stickit {
  margin-left: 660px;
  position: fixed;
  top: 0; }

.stickit-end {
  bottom: 40px;
  position: absolute;
  right: 0; }

.unoSlider ul,
.unoSlider .sliderView {
  min-height: 40rem;
  padding: 0; }
  @media (min-width: 750px) {
    .unoSlider ul,
    .unoSlider .sliderView {
      min-height: 22rem; } }

.unoSlider {
  list-style: none;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0; }

.unoSliderNav {
  text-align: center;
  z-index: 999; }

.unoSliderNav span {
  color: white;
  display: inline-block;
  cursor: pointer;
  font-size: 4rem;
  margin-right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.unoSliderNav span:hover,
.unoSliderNav span:active {
  color: #054a81; }

.unoSliderNav .current {
  color: #054a81; }

.unoSlider .sliderView {
  left: 1000px;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%; }

.unoSlider .current {
  left: 0;
  opacity: 1;
  z-index: 0; }

.introduction .wrapper ul li {
  font-weight: bold; }

.business-logos {
  max-width: 1000px;
  margin: 0 auto;
  background: url("../../img/map-bg.png") top center no-repeat;
  padding: 0 1em; }
  .business-logos img.business_logos {
    display: block;
    margin: 0 auto;
    max-width: 85%;
    background: rgba(255, 255, 255, 0.6);
    padding: 2rem 4rem; }
  .business-logos img {
    margin: 0 auto;
    display: block; }
  .business-logos h2 {
    padding-top: 1rem;
    line-height: 1;
    text-align: center; }
  .business-logos h4 {
    margin: 1rem 10% 2rem;
    color: rgba(242, 242, 241, 0.75);
    line-height: 1;
    text-align: center;
    font-family: Tungsten, sans-serif;
    font-size: 2rem;
    text-transform: uppercase; }

.business-stories {
  width: 73%;
  margin: 0 auto; }
  .business-stories .story {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    min-height: 0;
    margin: 40px 0;
    overflow: hidden; }
    .business-stories .story:last-child {
      margin-right: 0; }
    @media (min-width: 750px) {
      .business-stories .story {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        min-height: 300px; }
        .business-stories .story:last-child {
          margin-right: 0; } }
    .business-stories .story a {
      display: block;
      border-bottom: 0; }
    .business-stories .story .story-title {
      text-align: center;
      font-family: Tungsten, sans-serif;
      text-transform: uppercase;
      font-size: 2.5rem;
      padding-left: 10px; }
      .business-stories .story .story-title em {
        font-size: 1.3rem;
        display: block;
        font-style: normal; }
    .business-stories .story img {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 3px solid rgba(255, 255, 255, 0.5);
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      .business-stories .story img:hover {
        border-color: white; }

.business-types {
  overflow: hidden;
  padding: 0; }
  .business-types h3 {
    font-size: 1.5em; }
  .business-types > li {
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 20px;
    min-height: 33rem; }
  .business-types .bs-corporate {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .business-types .bs-corporate:last-child {
      margin-right: 0; }
  .business-types .bs-foundation {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
    .business-types .bs-foundation:last-child {
      margin-right: 0; }
  .business-types .bs-gov {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
    .business-types .bs-gov:last-child {
      margin-right: 0; }
  .business-types .bs-ngo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
    .business-types .bs-ngo:last-child {
      margin-right: 0; }
  .business-types .business-names {
    padding: 0;
    overflow: hidden; }
    .business-types .business-names li {
      font-size: 1.1em;
      font-family: Tungsten, sans-serif;
      width: 50%;
      float: left; }
      .business-types .business-names li img {
        display: block; }

.timeline-nav {
  font-family: Tungsten, sans-serif;
  color: #a6a6a4;
  position: relative;
  padding: 0;
  margin: 0; }
  .timeline-nav:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 8px;
    background: #a6a6a4;
    left: 40%;
    margin-left: 5px; }
  .timeline-nav li {
    position: relative;
    height: 70px; }

.timeline-year {
  width: 35%;
  position: absolute;
  top: 0;
  font-size: 2.3rem;
  text-align: right;
  line-height: 70px;
  padding: 0px 10px;
  height: 65px;
  border-radius: 10px; }

.selected .timeline-year {
  background: #fff; }

.timeline-circle {
  width: 30px;
  height: 30px;
  background: #fff;
  border: 7px solid #a6a6a4;
  position: absolute;
  top: 20px;
  left: 36.5%;
  border-radius: 50%; }

.timeline-content {
  padding: 50px 0; }

/* Downloads section */
.downloads {
  padding: 30px 0 120px 0; }
  .downloads h1, .downloads .business-logos h2, .business-logos .downloads h2 {
    color: #054a81; }

.download-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .download-list li {
    width: 100%;
    min-height: 325px;
    margin: 0;
    float: left;
    padding: 0 0 20px 0;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .download-list li p {
      font-size: 1rem; }
    .download-list li img {
      border: 1px solid #ccc; }
    .download-list li:hover {
      background: #f1f1f1; }
    @media (min-width: 750px) {
      .download-list li {
        width: 30%;
        margin: 0 10px; } }

/* Modal Window */
#chairman-modal {
  background: white;
  padding: 20px 30px;
  text-align: left;
  max-width: 65%;
  margin: 40px auto;
  position: relative; }
  #chairman-modal p {
    font-size: 1rem;
    line-height: 1.4rem; }
  #chairman-modal h1, #chairman-modal .business-logos h2, .business-logos #chairman-modal h2 {
    font-size: 3rem; }

.c-modal-image {
  width: 200px;
  margin: 0 0 10px 20px; }

.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0; }

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0.001;
  /* Chrome opacity transition bug */
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }