@charset "UTF-8";
/**
 * global.scss - This files contains references to all .scss files compiled via gulp
 * ==========
 *
 * !! IMPORTANT !! - Always use absolute paths for static resources references (images, fonts, etc)
 *
 */
@font-face {
  font-family: 'dotBCG-Icons';
  src: url("../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/fonts/dotBCG-Icons.6ae6bccaaeb85c02e3622fcf21722af4.eot?4vybr5");
  src: url("../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/fonts/dotBCG-Icons.6ae6bccaaeb85c02e3622fcf21722af4.eot?4vybr5#iefix") format("embedded-opentype"), url("../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/fonts/dotBCG-Icons.7db0f031f96c2fac853af96dd5f90c5b.ttf?4vybr5") format("truetype"), url("../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/fonts/dotBCG-Icons.cdc19f5485663472e77751cadcc9b749.woff?4vybr5") format("woff"), url("../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/fonts/dotBCG-Icons.13a5b3303b53e403d8ca2099ddc7869c.svg?4vybr5#dotBCG-Icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dotBCG-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-copy:before {
  content: "\e92d"; }

.icon-instapaper:before {
  content: "\e92c"; }

.icon-Footer-Follow-Us-icon:before {
  content: "\e903"; }

.icon-lens-selector-carrot-drop-down:before, .apply-module .select-boxes .dd-pointer-down:before {
  content: "\e600"; }

.icon-lens-selector-carrot-collapse:before, .apply-module .select-boxes .dd-pointer-up:before {
  content: "\e601"; }

.icon-Flag-selector-carrot-drop-down:before {
  content: "\e602"; }

.icon-clusters-collapse:before {
  content: "\e603"; }

.icon-clusters-expand:before {
  content: "\e604"; }

.icon-office-carrot:before {
  content: "\e641"; }

.icon-archetype-video-Play-Triangle:before {
  content: "\e901"; }

.icon-archetype-form-carrot:before, .search-controls .country-language-select .dd-pointer:before {
  content: "\e642"; }

.icon-archetype-collapse:before, .collapsible-content .subheader.expanded:before {
  content: "\e643"; }

.icon-archetype-expand:before, .collapsible-content .subheader:before {
  content: "\e644"; }

.icon-archetype-previous:before {
  content: "\e645"; }

.icon-archetype-next:before {
  content: "\e646"; }

.icon-archetype-profile-blank:before {
  content: "\e647"; }

.icon-archetype-quote-commentary:before {
  content: "\e648"; }

.icon-archetype-form-success:before {
  content: "\e649"; }

.icon-archetype-video-play:before, .social-feed .play-button:before, .featured-content-wrapper .content-container.video .image:before, .subscriptions-non-gated__news-letters-component .content-container.video .image:before {
  content: "\e64a"; }

.icon-archetype_zoom:before {
  content: "\e64b"; }

.icon-archetype-audio-download:before {
  content: "\e64c"; }

.icon-cta-link-no-circle:before {
  content: "\e64d"; }

.icon-cta-link-internal:before {
  content: "\e64e"; }

.icon-cta-infographic:before {
  content: "\e64f"; }

.icon-cta-download:before {
  content: "\e650"; }

.icon-cta-audio:before {
  content: "\e651"; }

.icon-cta-link-out:before {
  content: "\e652"; }

.icon-cta-video:before, .alumniTalk-video-link:before {
  content: "\e653"; }

.icon-cta-view:before {
  content: "\e654"; }

.icon-cta-modular:before {
  content: "\e655"; }

.icon-cta-feature:before {
  content: "\e656"; }

.icon-deep-mode-back:before, .forward-and-back .back-arrow:before,
.forward-and-back .forward-arrow:before, .collections-carousel-wrapper .slick-arrow:before {
  content: "\e657"; }

.icon-deep-mode-close:before {
  content: "\e658"; }

.icon-filters-carrot:before, .lens .lens-container .selector-container .selector-content .dd-container .dd-pointer:after {
  content: "\e615"; }

.icon-filters-check-mark:before {
  content: "\e616"; }

.icon-filters-clear:before, .content-wrapper .search-count .breadcrumbs a:hover:after {
  content: "\e617"; }

.icon-filters-close:before, .search-controls .filter-selected:before {
  content: "\e618"; }

.icon-filters-filter:before {
  content: "\e619"; }

.icon-filters-grid-view:before {
  content: "\e61a"; }

.icon-filters-list-view:before {
  content: "\e61b"; }

.icon-filters-search:before, .search-controls .input-field .search-input-icon:before {
  content: "\e61c"; }

.icon-main-menu-expand:before, .office-location .city:after {
  content: "\e61d"; }

.icon-main-menu-link-out:before {
  content: "\e61e"; }

.icon-media-tag-audio:before {
  content: "\e61f"; }

.icon-media-tag-infographic:before {
  content: "\e620"; }

.icon-media-tag-photos:before {
  content: "\e621"; }

.icon-media-tag-video:before {
  content: "\e622"; }

.icon-nav-menu-bcg-logo:before {
  content: "\e623"; }

.icon-nav-menu-hamburger:before {
  content: "\e624"; }

.icon-nav-menu-search:before, .campus-search .typeahead-container .typeahead-button button .typeahead-search-icon:after {
  content: "\e626"; }

.icon-nav-interstitial-arrow:before, .practice-area-hero .read-more:after {
  content: "\e627"; }

.icon-nav-menu-search-close:before {
  content: "\e628"; }

.icon-social-bio-email:before {
  content: "\e62a"; }

.icon-social-share-email:before {
  content: "\e62b"; }

.icon-social-share-facebook:before {
  content: "\e62c"; }

.icon-social-share-linkedin:before {
  content: "\e62e"; }

.icon-social-share-twitter:before {
  content: "\e62f"; }

.icon-social-share-instagram:before {
  content: "\e637"; }

.icon-social-share-youtube:before {
  content: "\e638"; }

.icon-social-share:before {
  content: "\e630"; }

.icon-social-trending-source-facebook:before {
  content: "\e631"; }

.icon-social-trending-source-instagram:before {
  content: "\e633"; }

.icon-social-trending-source-linkedin:before {
  content: "\e634"; }

.icon-social-trending-source-twitter:before {
  content: "\e900"; }

.icon-social-trending-source-youtube:before {
  content: "\e636"; }

.icon-social-share-email2:before {
  content: "\e605"; }

.icon-social-share-email-hover:before {
  content: "\e606"; }

.icon-social-share-facebook-hover:before {
  content: "\e607"; }

.icon-social-share-facebook2:before {
  content: "\e608"; }

.icon-social-share-gonway-hover:before {
  content: "\e609"; }

.icon-social-share-gonway:before {
  content: "\e60a"; }

.icon-social-share-instagram-hover:before {
  content: "\e60d"; }

.icon-social-share-instagram2:before {
  content: "\e60e"; }

.icon-social-share-linkedin-hover:before {
  content: "\e60f"; }

.icon-social-share-linkedin2:before {
  content: "\e610"; }

.icon-social-share-slideshare-hover:before {
  content: "\e611"; }

.icon-social-share-slideshare:before {
  content: "\e612"; }

.icon-social-share-twitter-hover:before {
  content: "\e613"; }

.icon-social-share-twitter2:before {
  content: "\e614"; }

.icon-social-share-VK-hover:before {
  content: "\e625"; }

.icon-social-share-VK:before {
  content: "\e635"; }

.icon-social-share-wechat-hover:before {
  content: "\e639"; }

.icon-social-share-wechat:before {
  content: "\e63a"; }

.icon-social-share-xing-hover:before {
  content: "\e63b"; }

.icon-social-share-xing:before {
  content: "\e63c"; }

.icon-social-share-youtube2:before {
  content: "\e63d"; }

.icon-social-share-youtube-hover:before {
  content: "\e63e"; }

.icon-form-upload:before, .modal.bcg-modal.contact .fieldset--customupload::after {
  content: "\e63f"; }

.icon-form-check:before {
  content: "\e640"; }

.icon-cta-modular-thin:before {
  content: "\e902"; }

.icon-perspectives-download:before {
  content: "\e904"; }

.icon-perspectives-print:before {
  content: "\e905"; }

.icon-type-scaling:before {
  content: "\e906"; }

.icon-perspectives-bookmark:before {
  content: "\e914"; }

.icon-perspectives-share:before {
  content: "\e907"; }

.icon-expand-content:before {
  content: "\e908"; }

.icon-collapse-content:before {
  content: "\e909"; }

.icon-carousel-arrow:before, .timeline-next-prev .back:before, .timeline-next-prev .forward:before {
  content: "\e90a"; }

.icon-BCG_Perspectives_Mail:before {
  content: "\e90b"; }

.icon-back-to-top:before, .med-pub .tagline:last-child:after, .small-pub .tagline:last-child:after, .pLanding-article-body p:last-child:after, .related-content-container .more-topics ul .text::after {
  content: "\e90c"; }

.icon-watch-time:before {
  content: "\e90d"; }

.icon-alumni-read:before {
  content: "\e90e"; }

.icon-alumni-lab-talk:before {
  content: "\e90f"; }

.icon-alumni-jobs:before {
  content: "\e910"; }

.icon-alumni-home:before {
  content: "\e911"; }

.icon-alumni-groups:before {
  content: "\e912"; }

.icon-alumni-search:before {
  content: "\e913"; }

.icon-alumni-phone:before {
  content: "\e915"; }

.icon-alumni-more:before {
  content: "\e916"; }

.icon-alumni-save:before {
  content: "\e917"; }

.icon-alumni-contact-saved:before {
  content: "\e918"; }

.icon-perspectives-quote:before, .standalone-article .quote-icon:before {
  content: "\e919"; }

.icon-publications-quote:before, .standard-article .quote-icon:before {
  content: "\e91a"; }

.icon-profile-user-profile-icon:before {
  content: "\e91b"; }

.icon-profile-twitter:before {
  content: "\e91c"; }

.icon-profile-linkedin:before {
  content: "\e91d"; }

.icon-profile-facebook:before {
  content: "\e91e"; }

.icon-profile-check-circle:before {
  content: "\e91f"; }

.icon-profile-check:before {
  content: "\e920"; }

.icon-profile-trash:before {
  content: "\e921"; }

.icon-profile-phone:before {
  content: "\e922"; }

.icon-profile-lock:before {
  content: "\e923"; }

.icon-profile-camera:before {
  content: "\e924"; }

.icon-perspectives-bookmark-hover:before {
  content: "\e925"; }

.icon-perspectives-grok-grid:before {
  content: "\e926"; }

.icon-perspectives-grok-list:before {
  content: "\e927"; }

.icon-social-share-weibo-hover:before {
  content: "\e928"; }

.icon-social-share-weibo:before {
  content: "\e929"; }

.icon-Edit-Profile:before {
  content: "\e92b"; }

/*
fallback fonts from: https://css-tricks.com/snippets/css/font-stacks/  (with reduced craziness)
See also: http://www.sitepoint.com/eight-definitive-font-stacks/
*/
/* Standalone fonts can be found in the standalone-article/_standalone-text-matrix.scss */
/* Sans Font */
/* Serif Font: uses a Garamond-like fallback*/
/* Headline Font: uses a Times-like fallback */
/* Sans Fonts */
/* Mod Fonts */
/* Serif Fonts */
/* Sans Fonts */
/* Headline Fonts */
/*************************************************/
/** Colors                                      **/
/*************************************************/
/* Basic colors */
/*#000000*/
/*#ffffff*/
/*#d93934*/
/* BCG Color Palette */
/*#333333*/
/*#707070*/
/*#b7b7b7*/
/*#a6a6a6*/
/*#d9d9d9*/
/*#f2f2f2*/
/*#fafafa*/
/*#ebebeb*/
/*#00532f*/
/*#177b57 .. RGB 23/123/87 .. Nov 15, 2018 .. RGB 25/122/86 .. #197A56*/
/*#3fad93*/
/*#32c77f*/
/*#3ca46a*/
/*#e4ef39*/
/* Social Media Brand Colors */
/* For TESTING - Are these really needed??? */
/* re-layout */
/* New Grid Variables */
/* Colors aliases */
/* TODO: Phase these out using the main variables. */
/*!!!!! DEV NOTE: THESE ARE DEPRICATED!!!! DO NOT USE THESE VARIABLES.  USE THE ONES DECLARED IN COLORS.SCSS !!!!!!*/
/********** INVALID COLORS **********************************************************************/
/* TODO: Match these colors to the proper color in BCGs color palette. **************************/
/************************************************************************************************/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/* END: Invalid Colors **************************************************************************/
/* Spacing Matrix */
/* Exception defines the new spacing when text-panel elements preceed other archetypes */
/* panels that override the preceeding spacing */
/*************************************************/
/** Colors                                      **/
/*************************************************/
/* Basic colors */
/*#000000*/
/*#ffffff*/
/*#d93934*/
/* BCG Color Palette */
/*#333333*/
/*#707070*/
/*#b7b7b7*/
/*#a6a6a6*/
/*#d9d9d9*/
/*#f2f2f2*/
/*#fafafa*/
/*#ebebeb*/
/*#00532f*/
/*#177b57 .. RGB 23/123/87 .. Nov 15, 2018 .. RGB 25/122/86 .. #197A56*/
/*#3fad93*/
/*#32c77f*/
/*#3ca46a*/
/*#e4ef39*/
/* Social Media Brand Colors */
/* For TESTING - Are these really needed??? */
/* re-layout */
/* New Grid Variables */
/* Colors aliases */
/* TODO: Phase these out using the main variables. */
/*!!!!! DEV NOTE: THESE ARE DEPRICATED!!!! DO NOT USE THESE VARIABLES.  USE THE ONES DECLARED IN COLORS.SCSS !!!!!!*/
/********** INVALID COLORS **********************************************************************/
/* TODO: Match these colors to the proper color in BCGs color palette. **************************/
/************************************************************************************************/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/*!!!!!!!!! Color not valid against the color palette. !!!!!!!*/
/* END: Invalid Colors **************************************************************************/
/* Spacing Matrix */
/* Exception defines the new spacing when text-panel elements preceed other archetypes */
/* panels that override the preceeding spacing */
/* Reset CSS and Global Settings */
html {
  box-sizing: border-box; }

div {
  display: block; }

*, *:before, *:after {
  box-sizing: inherit; }

/**
  * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) 
  * Richard Clark (http://richclarkdesign.com) 
  * http://cssreset.com 
  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, canvas, details, figcaption, figure, footer,
header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  background: transparent;
  cursor: pointer;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline; }

a:hover {
  cursor: pointer; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/** END reset.css */
/**  499px < */
/** 500px <==> 767px */
/** 768px <==> 946px */
/** 947px <==> 1090px */
/** 1091px <==> 1279px */
/** 1280px <==> 1599px */
/** > 1600px */
/** Screen width is wider than value passed in */
/** Screen width is wider than value passed in and in portrait */
/** Screen width is wider than value passed in and in landscape */
/** Screen width is narrow than value passed in -1px */
/** Screen width is narrow than value passed in -1px in portrait */
/** Screen width is narrow than value passed in -1px in landscape */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* STYLED NUMBERED LIST */
/* VERTICALLY ALIGNS */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSFORM DURATION */
/* TRANSITION */
/* TRANSITION-DURATION */
.hi-statement .grid-row:after, .hero-type-3:after {
  content: "";
  visibility: hidden;
  display: block;
  font-size: 0;
  clear: both;
  height: auto;
  width: 100%; }

/*Animations*/
@keyframes deepmode-open {
  from {
    transform: scale3d(0, 0, 0); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes deepmode-close {
  from {
    transform: scale3d(1, 1, 1); }
  to {
    transform: scale3d(0, 0, 0); } }

@keyframes fromleft {
  from {
    transform: translate3d(-100%, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes fromright {
  from {
    transform: translate3d(100%, 0, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

/*SPACING CORRECTIONS*/
@-webkit-keyframes repaint {
  from {
    padding: 0; }
  to {
    padding: 0; } }

/*===============
    #ROOTELEMENTS
===============*/
* {
  box-sizing: border-box; }

/*
See comment in BR-1337.
Safari & microsoft arbitrarily reserve the right to change font-size
http://stackoverflow.com/questions/3226001/some-font-sizes-rendered-larger-on-safari-iphone
https://github.com/necolas/normalize.css/blob/master/normalize.css#L15
*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

html,
body {
  padding: 0;
  margin: 0;
  font-size: 100%;
  line-height: 1; }

body {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #333333; }

/*===============
    #HEADINGS
===============*/
h1,
.h1 {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: black;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 24px; }
  @media (min-width: 768px) {
    h1,
    .h1 {
      margin-bottom: 35px; } }
  @media (min-width: 947px) {
    h1,
    .h1 {
      font-size: 48px;
      line-height: 56px; } }
  @media (min-width: 1280px) {
    h1,
    .h1 {
      font-size: 60px;
      line-height: 72px; } }

h2,
.h2,
.alumniTalks .video-tab .video-tab-collection-title {
  font-weight: 400;
  color: black;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    h2,
    .h2,
    .alumniTalks .video-tab .video-tab-collection-title {
      margin-bottom: 35px; } }
  @media (min-width: 947px) {
    h2,
    .h2,
    .alumniTalks .video-tab .video-tab-collection-title {
      font-size: 28px;
      line-height: 36px;
      margin-bottom: 35px; } }
  @media (min-width: 1280px) {
    h2,
    .h2,
    .alumniTalks .video-tab .video-tab-collection-title {
      font-size: 35px;
      line-height: 44px; } }

h3,
.h3,
th {
  font-weight: 700;
  color: #197a56;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    h3,
    .h3,
    th {
      margin-bottom: 20px; } }
  @media (min-width: 947px) {
    h3,
    .h3,
    th {
      font-size: 18px;
      line-height: 23px; } }

h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 400;
  color: black;
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 768px) {
    h4, .h4,
    h5, .h5,
    h6, .h6 {
      margin-bottom: 35px; } }
  @media (min-width: 947px) {
    h4, .h4,
    h5, .h5,
    h6, .h6 {
      font-size: 28px;
      line-height: 36px;
      margin-bottom: 35px; } }
  @media (min-width: 1280px) {
    h4, .h4,
    h5, .h5,
    h6, .h6 {
      font-size: 35px;
      line-height: 44px; } }

/*===============
    #LINKS
===============*/
a {
  color: #3fad93; }
  a:hover, a:focus {
    color: #00532f; }

/*===============
    #PARAGRAPHS
===============*/
p,
.p,
.featured-events-wrapper time,
.transcript .transcript-time {
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  margin: 0 0 20px 0; }
  p:empty,
  .p:empty,
  .featured-events-wrapper time:empty,
  .transcript .transcript-time:empty {
    display: none; }
  @media (min-width: 947px) {
    p,
    .p,
    .featured-events-wrapper time,
    .transcript .transcript-time {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 25px; } }

/*===============
    #QUOTES
===============*/
blockquote,
.blockquote {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: #197a56;
  position: relative;
  font-size: 20px;
  line-height: 29px;
  padding-top: 40px; }
  blockquote::before, blockquote::after,
  .blockquote::before,
  .blockquote::after {
    font-family: 'dotBCG-Icons'; }
  blockquote::before,
  .blockquote::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\e648";
    font-size: 23px;
    color: #b7b7b7; }

q,
.q {
  quotes: "“" "”" "‘" "’"; }
  q::before,
  .q::before {
    content: open-quote; }
  q::after,
  .q::after {
    content: close-quote; }

/*===============
    #INLINE TEXT
===============*/
strong, b .strong, .b {
  font-weight: 700; }

em, i,
.em, .i {
  font-style: italic; }

small {
  color: #b7b7b7;
  font-size: .75em;
  line-height: 1.33;
  padding-top: 15px;
  text-align: justify; }

sub, sup,
.sub, .sup {
  font-size: .75em; }

sup,
.sup {
  vertical-align: super; }

sub,
.sub {
  vertical-align: sub; }

pre,
.pre {
  font-family: monospace;
  overflow: auto;
  line-height: 1; }
  pre mark,
  pre .mark,
  .pre mark,
  .pre .mark {
    color: inherit;
    border-bottom: 1px solid;
    background: none; }

code, samp,
.code, .samp {
  font-family: monospace; }

ruby {
  display: inline-flex;
  flex-direction: column; }
  ruby rt {
    font-size: .8em;
    align-self: flex-start; }
    ruby rt:not(:empty) {
      order: -1;
      display: block; }
    ruby rt:empty {
      display: none; }

/*===============
  #LISTS
===============*/
ul,
.ul,
ol,
.ol {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 40px;
  list-style-type: none; }
  @media (min-width: 947px) {
    ul,
    .ul,
    ol,
    .ol {
      margin-bottom: 50px;
      font-size: 18px; } }

li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px; }
  @media (min-width: 947px) {
    li {
      margin-bottom: 13.5px;
      padding-left: 50px; } }
  li:before {
    color: #197a56;
    position: absolute;
    left: 0; }
  .column:last-child li {
    padding-left: 20px; }

ul li:before,
.ul li:before {
  content: "\2022"; }

ol,
.ol {
  counter-reset: numbered-list; }
  ol li,
  .ol li {
    counter-increment: numbered-list; }
    ol li:before,
    .ol li:before {
      font-weight: 700;
      /*https://tahzoo.atlassian.net/browse/BPBL-55 : Removing the '0' before the counter*/
      content: counter(numbered-list) ".";
      color: #197a56;
      position: absolute;
      top: 0; }
    ol li:nth-child(10),
    .ol li:nth-child(10) {
      counter-reset: numbered-list 9; }
    ol li:nth-child(n+10):before,
    .ol li:nth-child(n+10):before {
      content: counter(numbered-list) "."; }

dl,
.dl {
  display: block; }

dt,
.dt {
  display: inline-block;
  color: #197a56;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin: 20px 25px 20px 0; }

dd,
.dd {
  display: block;
  font-size: 18px;
  margin-bottom: 25px; }

nav ul {
  list-style: none;
  font-size: inherit;
  line-height: 1;
  padding: 0;
  margin: 0; }

nav li {
  position: static;
  list-style: none;
  font-size: inherit;
  line-height: 1;
  padding: 0;
  margin: 0; }
  nav li::before {
    content: none; }

/*===============
    #SELECTION
===============*/
::selection {
  background: #D9D9D9;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: rgba(195, 195, 195, 0.6);
  /* Chrome dynamically makes the background semi transparent, FF doesn't. This "visually" gets close to what chrome does w/ dynamic transparency */ }

/*===============
    #IMAGES
===============*/
img {
  width: 100%; }

picture {
  display: block; }

/*===============
    #TABLES
===============*/
table {
  width: 100%;
  border-color: #707070; }

th, td {
  padding: .25em;
  text-align: left; }

caption {
  font-weight: 300;
  font-style: italic; }

[colspan] {
  text-align: center; }

[colspan="1"] {
  text-align: left; }

[rowspan] {
  vertical-align: middle; }

/*===============
    #FORMS
===============*/
form {
  font-size: 1.125rem;
  line-height: 1.333333;
  position: relative;
  width: 100%; }

fieldset {
  position: relative;
  margin: .5em 0;
  border: none; }

label {
  color: #b7b7b7;
  padding: 0 .618em;
  transition: all .3s ease-in-out; }

input, select, textarea {
  font-weight: 300;
  color: #b7b7b7;
  font-size: 1em;
  line-height: 1;
  padding: .618em;
  border: 1px solid #b7b7b7;
  transition: all .3s ease-in; }
  input:hover, input:focus, input:active, select:hover, select:focus, select:active, textarea:hover, textarea:focus, textarea:active {
    outline: none;
    border-color: #3fad93;
    color: #3fad93;
    transition: all .3s ease-out; }

select {
  height: 2.5em;
  background-color: white;
  border-radius: 0;
  -webkit-appearance: inherit;
  -moz-appearance: inherit;
  appearance: inherit; }
  select::after {
    height: 1em;
    width: 2em;
    display: inline-block; }
  select::-ms-expand {
    display: none; }

button,
.button {
  display: inline-block;
  color: white;
  font-size: 1em;
  padding: .75em;
  width: 100%;
  border: none;
  background: #b7b7b7;
  outline: none;
  transition: all .3s ease-in-out; }
  button:hover, button:focus, button:active,
  .button:hover,
  .button:focus,
  .button:active {
    background: #3fad93; }

::-webkit-input-placeholder,
::-webkit-placeholder {
  color: #b7b7b7; }

::-moz-input-placeholder,
::-moz-placeholder {
  color: #b7b7b7; }

::-ms-input-placeholder,
::-ms-placeholder {
  color: #b7b7b7; }

/*Microsoft: x to clear, icon to reveal password
Do not merge with webkit ruleset below. will fail to work in IE11
*/
::-ms-clear,
::-ms-reveal {
  display: none; }

/*Webkit:
http://stackoverflow.com/questions/9421551/how-do-i-remove-all-default-webkit-search-field-styling
*/
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  display: none; }

:hover,
:focus,
:active {
  outline: none; }

/*===============
#OBJECTS
===============*/
/*
  Objects are rulesets that we want to use across modules
  Objects should:
    use low specificity (ideally a single class)
    not be "chained" to types (div.overlay -> bad; .overlay -> good)
    contain little design information (i.e.don't put in styles we all have to override later)
*/
/*==========
    #LAYOUT
==========*/
html.show-bcg-spinner:after {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  content: "";
  height: 40px;
  width: 40px;
  background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/loading-animation.88d8b983053b0ac8c29d074b7f6cda68.gif') 0 0 no-repeat;
  z-index: 2000; }

html.show-bcg-spinner body:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.5); }

.login-overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 10000;
  display: flex;
  top: 0;
  left: 0; }

.login-overlay-spinner {
  height: 40px;
  width: 40px;
  background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/loading-animation.88d8b983053b0ac8c29d074b7f6cda68.gif') 0 0 no-repeat;
  margin: auto; }

.overlay {
  background: #fff;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  z-index: -1;
  width: 100%; }
  @media (max-width: 767px) {
    .overlay {
      position: fixed; } }
  @media (min-width: 768px) {
    .overlay {
      transform: translateX(0);
      transition: opacity 0.5s, transform 0.5s; } }
  .overlay > a {
    display: block;
    color: #00532f;
    font-size: 20px;
    margin: 20px 20px 0;
    position: relative; }
  .active-nav .overlay {
    opacity: 0.9;
    z-index: 10;
    position: fixed; }
    @media (min-width: 768px) {
      .active-nav .overlay {
        transform: translateX(350px); } }
    @media (max-width: 767px) {
      .active-nav .overlay {
        background: #ebebeb;
        font-weight: bold;
        height: 50px;
        opacity: 1;
        right: 0px;
        width: 50px; }
        .active-nav .overlay > a {
          margin: 16px; } }
  .active-search .overlay {
    opacity: 0.9;
    z-index: 3; }
  @media (min-width: 768px) {
    .overlay {
      left: 0;
      top: 0;
      opacity: 0; } }

html.no-scroll {
  overflow: hidden; }

.content-wrapper {
  background: white;
  position: relative;
  width: 100%;
  z-index: 1; }

.clearfix:after {
  width: 100%;
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: auto; }

/*==========
    #INTERSTITIAL
==========*/
.interstitial-overlay {
  position: absolute;
  opacity: 1;
  border: 1px solid #ccc;
  top: 107px;
  height: 100%;
  width: 100%;
  background: #f0f0f0;
  z-index: 3; }
  .interstitial-overlay:after {
    content: "";
    position: absolute;
    top: calc(50% - 100px);
    left: 50%;
    height: 40px;
    width: 40px;
    background-image: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/loading-animation.88d8b983053b0ac8c29d074b7f6cda68.gif');
    background-repeat: no-repeat; }
  @media (min-width: 768px) {
    .interstitial-overlay {
      top: 78px; } }
  @media (min-width: 1280px) {
    .interstitial-overlay {
      top: 96px; } }

/*==========
 #RESPONSE MODALS
 used in subscription page confirmations and GTM opt-out etc
===========*/
.response-modal-background {
  position: fixed;
  display: none;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10; }
  .response-modal-background.show-confirmation {
    display: block;
    z-index: 1000; }
    .response-modal-background.show-confirmation .response-modal {
      display: block; }
  .response-modal-background .response-modal {
    display: none;
    position: relative;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto;
    width: 80%;
    max-width: 500px;
    min-height: 220px;
    background-color: white;
    border: 1px solid #cecece;
    border-radius: 4px;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    top: calc(50vh - 100px); }
    @media (min-width: 768px) {
      .response-modal-background .response-modal {
        min-height: 230px; } }
    .response-modal-background .response-modal h1 {
      color: #32c77f;
      font-size: 30px; }
      @media (min-width: 768px) {
        .response-modal-background .response-modal h1 {
          font-size: 34px; } }
      @media (min-width: 1280px) {
        .response-modal-background .response-modal h1 {
          margin-bottom: 0; } }
    .response-modal-background .response-modal .error-response {
      color: #ff5b4d; }
    .response-modal-background .response-modal p {
      font-size: 18px; }
      @media (min-width: 1280px) {
        .response-modal-background .response-modal p {
          font-size: 20px; } }
    .response-modal-background .response-modal button {
      position: absolute;
      left: 0;
      bottom: 0px;
      background-color: #32c77f;
      color: white; }

/*==========
    #MODAL
==========*/
.modal.outer-grid-wrapper {
  margin: 0;
  padding: 0;
  border: none;
  width: auto; }
  .modal.outer-grid-wrapper .inner-grid-wrapper {
    margin: 0;
    padding: 0;
    width: auto; }

.modal.bcg-modal {
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: none; }
  .modal.bcg-modal.loaded::after {
    display: none; }
  .modal.bcg-modal.zoom.loaded .icon-filters-close {
    visibility: visible; }
  .modal.bcg-modal::after {
    content: "";
    background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/loading-animation.88d8b983053b0ac8c29d074b7f6cda68.gif');
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    height: 40px;
    width: 40px;
    z-index: 20;
    position: fixed; }
  .modal.bcg-modal a.icon-filters-close.custom {
    position: absolute;
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
    top: -25px;
    right: -21px; }
  .modal.bcg-modal.zoom img {
    background: #f2f2f2; }
  .modal.bcg-modal.zoom .icon-filters-close {
    visibility: hidden; }
  .modal.bcg-modal.video-modal {
    width: 75%; }

/*==========
    #OFFICE
==========*/
.office-info {
  font-size: 18px; }
  .office-info .office-name {
    margin-bottom: 5px;
    color: #177b57;
    text-transform: uppercase;
    font-weight: 700; }
  .office-info .adr {
    font-weight: 300;
    margin-top: 0; }
    .office-info .adr + .tel {
      margin-top: 10px; }
  .office-info .tel {
    font-weight: 300; }
    .office-info .tel:last-of-type {
      margin-top: 0; }
  .office-info .country {
    display: block;
    margin: 4px 0; }

/*==========
    #ICONS
==========*/
.back-to-page span:last-child {
  margin-left: 35px; }

.back-to-page .icon-cta-feature {
  transform: rotate(180deg);
  position: absolute;
  margin-right: 20px; }

.icon-deep-mode-close,
.icon-filters-close {
  color: #00532F; }
  .icon-deep-mode-close:hover,
  .icon-filters-close:hover {
    color: #a6a6a6; }

/* Adds right margin to all spans that have a class name that starts with "icon-cta" */
/* BP-1857: Updates all icon-cta to be middle aligned */
span[class^="icon-cta"] {
  margin-right: 10px;
  font-size: 18px;
  line-height: 27px;
  vertical-align: middle; }
  @media (max-width: 767px) {
    span[class^="icon-cta"] {
      font-size: 16px;
      line-height: 24px; } }

/*==========
    #IMAGES
==========*/
.logo span {
  display: block; }

.full-width-background img {
  height: auto;
  position: absolute;
  top: 0;
  width: 100%; }

/*==========
    #NEWS
==========*/
.content-details {
  margin: 0 0 20px 0;
  display: flex; }
  @media (max-width: 767px) {
    .content-details {
      display: block; } }
  .content-details .time, .content-details .divider, .content-details .label {
    font-size: 18px;
    line-height: 23px;
    color: #197a56;
    font-weight: 400;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .content-details .time, .content-details .divider, .content-details .label {
        font-size: 16px;
        line-height: 21px; } }
  .content-details .divider {
    margin: 0 0px; }
    @media (min-width: 768px) {
      .content-details .divider {
        margin: 0 .5ex; } }
  .content-details .label {
    display: inline-block; }

.content-container time {
  font-family: inherit !important; }

.content-container .title, .content-container .med-pub .title > a, .med-pub .content-container .title > a, .content-container .small-pub .title > a, .small-pub .content-container .title > a {
  font-family: inherit;
  font-weight: 700;
  font-size: 35px;
  line-height: 44px; }
  @media (max-width: 1090px) {
    .content-container .title, .content-container .med-pub .title > a, .med-pub .content-container .title > a, .content-container .small-pub .title > a, .small-pub .content-container .title > a {
      font-size: 28px;
      line-height: 36px; } }
  @media (max-width: 767px) {
    .content-container .title, .content-container .med-pub .title > a, .med-pub .content-container .title > a, .content-container .small-pub .title > a, .small-pub .content-container .title > a {
      font-size: 26px;
      line-height: 35px; } }

.content-container .icon-social-bio-email {
  margin-right: 10px; }

/*==========
    #PEOPLE-LIST-HEADER
==========*/
.people-list-header {
  margin-bottom: 20px;
  padding-right: 0; }
  .people-list-header .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
  .people-list-header .header {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    padding-left: 4px; }
    .people-list-header .header h3, .people-list-header .header .h3, .people-list-header .header th {
      margin-bottom: 0; }
    .people-list-header .header h2 {
      margin-bottom: 20px; }
  .people-list-header .view-all {
    font-weight: 500;
    font-size: 14px;
    color: #197a56;
    max-width: 38vw;
    padding-right: 18px; }
  @media (min-width: 768px) {
    .people-list-header {
      padding-right: 36px; }
      .people-list-header .view-all {
        font-size: 14px; } }
  @media (min-width: 947px) {
    .people-list-header .header {
      font-size: 35px; } }

/*==========
    #PEOPLE-LIST
==========*/
.people-list:not(.grid-row) {
  width: 100%; }
  @media (min-width: 768px) {
    .people-list:not(.grid-row) {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 10px; } }

.people-list.container-text {
  display: block; }

@media (max-width: 767px) {
  .people-list .person:nth-child(n + 2) {
    border-top: 1px solid #ccc; } }

@media (min-width: 768px) {
  .people-list .person:nth-child(n + 3) {
    border-top: 1px solid #ccc; } }

/*==========
    #PERSON
==========*/
.person {
  position: relative;
  width: 100%; }
  .person:hover, .person:focus {
    background-color: #f2f2f2;
    border-color: #28c47a;
    box-shadow: 4px 0px 0px 0px #f2f2f2, -4px 0px 0px 0px #f2f2f2; }
    .person:hover .wrapper, .person:focus .wrapper {
      border-color: #28c47a; }
  @media (min-width: 768px) {
    .person {
      width: calc(100% / 15 * 7); } }
  .person .wrapper {
    padding: 25px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
  .person .person-content {
    display: flex;
    flex-grow: 1;
    position: relative;
    width: calc(100% - 34px); }
    .person .person-content[class*='social-icons-present-'] {
      width: calc(100% - 68px); }
      .person .person-content[class*='social-icons-present-'] + .share-bar a:last-child span {
        margin-right: 0; }
  .person .person-link:focus {
    /*SW:BR-719: Removed the outline from the focus state.
        This now has no visible focus state, and hover cannot
        be matched since the hover state is applied to the wrapper.
        To best be accessible, this markup should be re-structured, so
        the hover state is applied to the actionable element. */
    outline: none; }
  .person .name,
  .person .name a {
    color: #333333;
    margin: 0;
    font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px; }
  .person .pal,
  .person .role,
  .person .office[class] {
    font-family: inherit;
    color: #707070;
    font-size: 14px;
    line-height: 18px;
    margin: 0; }
  .person .pal {
    color: #32c77f;
    text-transform: capitalize; }
  .person .lead {
    color: #32c77f;
    font-size: 14px;
    line-height: 18px;
    margin: 0; }
  .person .image {
    flex-shrink: 0;
    margin-right: 20px; }
    .person .image img {
      width: 60px;
      height: 60px; }
    @media (min-width: 768px) {
      .person .image img {
        width: 90px;
        height: 90px; } }
    @media (min-width: 1280px) {
      .person .image img {
        width: 100px;
        height: 100px; } }
  .person .additional-info {
    width: 100%;
    padding-top: 10px; }
  .person .short-summary {
    font-size: 14px;
    line-height: 18px; }
    .person .short-summary h1 {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }
    .person .short-summary h2 {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }
    .person .short-summary h3 {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }
    .person .short-summary h4 {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }
    .person .short-summary h5 {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }
    .person .short-summary h6 {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }
    .person .short-summary p {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }
    .person .short-summary li {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0;
      position: static; }
      .person .short-summary li::before {
        content: none; }
    .person .short-summary ul {
      color: inherit;
      font-size: inherit;
      line-height: inherit;
      margin: 0;
      padding: 0; }
    .person .short-summary ul {
      list-style-type: none;
      line-height: 1.5;
      padding-left: 0px; }
    .person .short-summary li {
      position: relative;
      text-indent: 0ex;
      padding-left: 16px; }
      .person .short-summary li::before {
        content: '\2022';
        margin-right: 8px;
        color: #32c77f; }
  .person .share-bar {
    text-align: right;
    align-self: flex-start;
    flex-grow: 0;
    z-index: 2; }
    .person .share-bar .mailto {
      margin-right: 0; }
  .expert-bio-page-type .person {
    width: 100% !important; }
    .expert-bio-page-type .person:hover {
      box-shadow: none !important;
      background: none !important; }
    .expert-bio-page-type .person .name {
      font-size: 24px;
      line-height: 30px; }
    .expert-bio-page-type .person .image img {
      width: 130px;
      height: 130px; }
    .expert-bio-page-type .person .share-bar {
      align-self: flex-end;
      margin-left: auto; }
    .expert-bio-page-type .person .person-content {
      width: calc(100% - 34px); }
    @media (min-width: 768px) {
      .expert-bio-page-type .person .person-content {
        max-width: 650px; }
      .expert-bio-page-type .person .name {
        font-size: 28px;
        line-height: 36px; }
      .expert-bio-page-type .person .role,
      .expert-bio-page-type .person .office {
        font-size: 16px;
        line-height: 24px; } }
    @media (min-width: 947px) {
      .expert-bio-page-type .person .name {
        font-size: 35px;
        line-height: 44px; }
      .expert-bio-page-type .person .role,
      .expert-bio-page-type .person .office {
        font-size: 18px;
        line-height: 27px; } }
    .expert-bio-page-type .person .image + .content .name + .role + .name {
      font-family: inherit; }

.experts .additional-info li:before {
  color: #333; }

.experts .additional-info li::before {
  color: #333; }

/*==========
  #MEDIA
==========*/
.media {
  /*Media Brightness adjustments. Chained in case dark/light are used for non-media*/ }
  .media.dark {
    display: block;
    position: relative; }
    .media.dark::after {
      pointer-events: none;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
      bottom: 0;
      content: " ";
      display: block;
      height: 50%;
      position: absolute;
      width: 100%; }
  .media.light {
    display: block;
    position: relative; }
    .media.light::after {
      pointer-events: none;
      background: linear-gradient(to top, rgba(255, 255, 255, 0.5), transparent);
      bottom: 0;
      content: " ";
      display: block;
      height: 50%;
      position: absolute;
      width: 100%; }

/*===============
 #CONTAINER-TEXT
===============*/
.content-inner-wrapper > .container-text:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-text:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-text:first-child {
      margin-top: 130px; } }

.bcg-homepage .panel.has-featured .panel-content-wrapper {
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }

.bcg-homepage .wrapper, .bcg-homepage .page {
  height: inherit; }

.bcg-homepage h1 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.bcg-homepage h2 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.bcg-homepage h3 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.bcg-homepage p {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.bcg-homepage h1 {
  font-family: inherit;
  font-weight: 700; }

.bcg-homepage .title-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 2;
  margin-left: 10%;
  margin-top: 5%;
  color: white;
  padding-right: 40px; }
  @media (min-width: 768px) {
    .bcg-homepage .title-container {
      padding-right: 150px; } }

.bcg-homepage .eyebrow {
  font-weight: 300;
  font-style: italic;
  color: inherit;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 14px; }
  @media (min-width: 768px) {
    .bcg-homepage .eyebrow {
      font-size: 18px;
      line-height: 22px; } }

.bcg-homepage .headline {
  color: inherit;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 25px; }
  @media (min-width: 768px) {
    .bcg-homepage .headline {
      font-size: 43px;
      line-height: 47px; } }

.bcg-homepage .title-container__link-wrapper {
  color: white;
  display: block; }
  .bcg-homepage .title-container__link-wrapper .cta__link-like-wrapper {
    align-self: flex-start;
    background-color: #333333;
    margin-top: 20px;
    transition: background-color .2s ease-in-out;
    font-weight: 700;
    padding: 12px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    color: #d9d9d9;
    display: inline-block; }
  .bcg-homepage .title-container__link-wrapper:hover .cta__link-like-wrapper, .bcg-homepage .title-container__link-wrapper:focus .cta__link-like-wrapper, .bcg-homepage .title-container__link-wrapper:active .cta__link-like-wrapper {
    background-color: #197a56;
    outline: none; }
  .bcg-homepage .title-container__link-wrapper .icon-nav-interstitial-arrow {
    font-size: 12px;
    margin-left: 10px; }

.bcg-homepage .cta {
  align-self: flex-start;
  background-color: #333333;
  margin-top: 20px;
  transition: all .2s ease-in-out; }
  .bcg-homepage .cta:hover, .bcg-homepage .cta:focus, .bcg-homepage .cta:active {
    background-color: #197a56;
    outline: none; }
  .bcg-homepage .cta p {
    font-weight: 700;
    padding: 12px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    color: #d9d9d9;
    display: inline-block; }
  .bcg-homepage .cta .icon-nav-interstitial-arrow {
    font-size: 12px;
    margin-left: 10px; }

.bcg-homepage .cta-panel-container {
  display: flex;
  flex-direction: column;
  max-height: 240px;
  width: 100%;
  margin-top: 5%;
  flex-grow: 1; }
  .bcg-homepage .cta-panel-container.has-see-all {
    flex-wrap: wrap; }
  @media (min-width: 768px) {
    .bcg-homepage .cta-panel-container {
      flex-direction: row;
      justify-content: center;
      margin-top: auto; } }

.bcg-homepage .see-all-panel {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.75);
  color: white;
  text-align: center;
  padding: 15px 0 15px 0;
  font-size: 16px;
  line-height: 21px;
  transition: all .2s ease-in-out; }
  .bcg-homepage .see-all-panel:hover, .bcg-homepage .see-all-panel:focus, .bcg-homepage .see-all-panel:active {
    background-color: #333333;
    outline: none; }
  .bcg-homepage .see-all-panel .icon-nav-interstitial-arrow {
    font-size: 14px;
    margin-left: 8px; }
  @media (min-width: 768px) {
    .bcg-homepage .see-all-panel {
      font-size: 25px;
      line-height: 30px; }
      .bcg-homepage .see-all-panel .icon-nav-interstitial-arrow {
        margin-left: 10px; } }

.bcg-homepage .cta-panel {
  background-color: rgba(0, 0, 0, 0.55);
  color: white;
  transition: all .2s ease-in-out; }
  .bcg-homepage .cta-panel:hover, .bcg-homepage .cta-panel:focus, .bcg-homepage .cta-panel:active {
    background-color: rgba(0, 0, 0, 0.85);
    outline: none; }
    .bcg-homepage .cta-panel:hover .cta-eyebrow, .bcg-homepage .cta-panel:focus .cta-eyebrow, .bcg-homepage .cta-panel:active .cta-eyebrow {
      color: #ebebeb; }
    .bcg-homepage .cta-panel:hover .cta-text, .bcg-homepage .cta-panel:focus .cta-text, .bcg-homepage .cta-panel:active .cta-text {
      color: #ebebeb; }
      .bcg-homepage .cta-panel:hover .cta-text .cta-arrow, .bcg-homepage .cta-panel:focus .cta-text .cta-arrow, .bcg-homepage .cta-panel:active .cta-text .cta-arrow {
        color: #32c77f; }

.bcg-homepage .cta-eyebrow {
  font-weight: 300;
  font-style: italic;
  color: white;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 14px; }
  @media (max-width: 767px) and (orientation: landscape) {
    .bcg-homepage .cta-eyebrow {
      font-size: 10px;
      line-height: 10px; } }

.bcg-homepage .cta-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  width: 100%; }
  .bcg-homepage .cta-panel:nth-of-type(1) {
    margin-bottom: 2px; }
  .bcg-homepage .cta-panel:nth-last-of-type(3):first-of-type + .cta-panel {
    margin-bottom: 2px; }
  @media (min-width: 768px) {
    .bcg-homepage .cta-panel {
      width: 50%;
      padding: 20px 20px 20px 10%; }
      .bcg-homepage .cta-panel:nth-of-type(1) {
        margin-right: 2px;
        margin-bottom: 0; }
      .bcg-homepage .cta-panel:nth-last-of-type(3) {
        padding: 0;
        width: calc(100% / 3); }
        .bcg-homepage .cta-panel:nth-last-of-type(3) ~ .cta-panel {
          padding: 0;
          width: calc( 100% / 3); } }

.bcg-homepage .has-see-all .cta-panel ~ .cta-panel {
  display: none; }
  @media (min-width: 768px) {
    .bcg-homepage .has-see-all .cta-panel ~ .cta-panel {
      display: flex; } }

.bcg-homepage .cta-media {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'; }
  @media (max-width: 767px) {
    .bcg-homepage .cta-media {
      display: none; } }
  .bcg-homepage .cta-media img {
    height: 100%; }

@media (min-width: 768px) {
  .bcg-homepage .cta-eyebrow {
    font-size: 16px;
    line-height: 18px; } }

.bcg-homepage .cta-text {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: white;
  font-size: 16px;
  line-height: 21px; }
  @media (max-width: 767px) and (orientation: landscape) {
    .bcg-homepage .cta-text {
      font-size: 11px;
      line-height: 11px; } }
  @media (min-width: 768px) {
    .bcg-homepage .cta-text {
      font-size: 25px;
      line-height: 30px; } }
  .bcg-homepage .cta-text .cta-arrow {
    margin-left: 10px; }
  .bcg-homepage .cta-text .icon-nav-interstitial-arrow {
    font-size: 14px; }

.bcg-homepage .cta-panel-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1; }
  @media (max-width: 767px) {
    .bcg-homepage .cta-panel-content {
      padding: 20px; } }
  @media (min-width: 768px) {
    .bcg-homepage .cta-panel-content {
      padding: 35px; } }
  @media (min-width: 947px) {
    .bcg-homepage .cta-panel-content {
      padding: 50px; } }

.bcg-homepage .cta-panel:nth-of-type(2) {
  height: auto; }

.bcg-homepage .cta-panel:nth-last-of-type(3):first-of-type ~ .cta-panel {
  margin-bottom: 2px;
  margin-right: 2px; }
  .bcg-homepage .cta-panel:nth-last-of-type(3):first-of-type ~ .cta-panel:last-child {
    margin-right: 0;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .bcg-homepage .cta-panel:nth-last-of-type(3):first-of-type ~ .cta-panel {
      margin-bottom: 0; } }

.bcg-homepage .cta-panel:nth-last-of-type(2):first-of-type .cta-panel-content,
.bcg-homepage .cta-panel:nth-last-of-type(2):first-of-type ~ .cta-panel .cta-panel-content {
  padding: 20px 40px 20px 20px; }

.bcg-homepage .cta-panel:nth-last-of-type(2):nth-of-type(1) .cta-panel-content,
.bcg-homepage .cta-panel:nth-last-of-type(2):nth-of-type(1) ~ .cta-panel .cta-panel-content {
  width: 340px;
  margin: 0; }

.bcg-homepage .panel-content-wrapper > [class*="-panel"] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }

.bcg-homepage .capabilities-and-industries-panel {
  height: inherit; }

.bcg-homepage .shallow-mode-wrapper {
  margin-top: 50px;
  /* moves shallowmode content below main navigation */
  overflow-y: auto; }
  .bcg-homepage .shallow-mode-wrapper .shallow-mode-close {
    color: #fff;
    cursor: pointer; }
  .bcg-homepage .shallow-mode-wrapper:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 1; }
  .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title {
    font-weight: 700;
    color: white;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 21px;
    background-color: black;
    padding: 10px 20px;
    position: fixed;
    z-index: 1; }
    .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title .title, .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title .med-pub .title > a, .med-pub .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title .title > a, .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title .small-pub .title > a, .small-pub .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title .title > a {
      float: left; }
    .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title .shallow-mode-close {
      float: right; }
  .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: inherit;
    top: 50px;
    padding-bottom: 50px;
    position: relative; }
    .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items a {
      font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
      font-weight: 400;
      color: #ebebeb;
      background-color: rgba(0, 0, 0, 0.7);
      padding: 10px 20px;
      margin-bottom: 2px;
      font-size: 16px;
      line-height: 21px; }
      .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items a:hover, .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items a:focus {
        background-color: #333333;
        outline: none; }

@media (min-width: 768px) {
  .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title {
    font-size: 24px;
    line-height: 30px; }
  .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items a {
    font-size: 20px;
    line-height: 30px; } }

@media (min-width: 768px) {
  .bcg-homepage .shallow-mode-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
    overflow: hidden; }
    .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container {
      margin-left: 50px;
      /* moves shallowmode content beside main navigation */ }
      .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title {
        margin-bottom: 30px;
        background-color: transparent;
        margin-left: 20px;
        font-size: 30px;
        position: relative; }
        .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-title .shallow-mode-close {
          margin-right: 40px; }
      .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        top: 0; }
        .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items a {
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: calc(50% - 2px);
          padding: 10px 30px 10px 30px;
          font-size: 18px;
          line-height: 24px;
          margin: 0 0 2px 2px; } }

@media (min-width: 1091px) {
  .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container {
    margin-left: 65px; }
    .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items {
      margin-left: -2px; }
      .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items a {
        width: calc(100% * (1/3) - 2px); } }

.bcg-homepage .featured-panels {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  transition: transform 0.5s; }
  .bcg-homepage .featured-panels .panel {
    width: 100vw; }
  .bcg-homepage .featured-panels .featured-panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0; }
    .bcg-homepage .featured-panels .featured-panel .eyeem {
      background: rgba(255, 255, 255, 0.5);
      padding: 10px;
      color: #333;
      position: absolute;
      right: 0;
      font-style: italic;
      font-size: smaller;
      z-index: 1;
      top: -67px;
      transition: top .5s; }
      .has-eyeem.bcg-homepage .featured-panels .featured-panel .eyeem {
        top: 0; }
    .bcg-homepage .featured-panels .featured-panel .panel-media {
      position: relative;
      /*shrinks panel image to remaining space*/ }
    .bcg-homepage .featured-panels .featured-panel .featured-block {
      background-color: #333333;
      flex-shrink: 0; }
      .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content {
        padding: 20px 40px 20px 20px; }
        @media (max-width: 767px) {
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content {
            padding: 15px 20px; } }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .tagline {
          color: white;
          text-transform: uppercase;
          display: inline-flex;
          font-size: 26px;
          line-height: 32px;
          margin-bottom: 12px; }
          @media (max-width: 767px) {
            .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .tagline {
              font-size: 16px;
              line-height: 21px; } }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .tagline .ted {
            font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
            font-weight: 700;
            color: #de2c25; }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .quote {
          font-weight: 400;
          color: white;
          font-size: 26px;
          line-height: 32px; }
          @media (max-width: 767px) {
            .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .quote {
              font-size: 16px;
              line-height: 21px; } }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .title-container__link-wrapper {
          color: white;
          display: block;
          margin-bottom: 5px; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .title-container__link-wrapper .cta__link-like-wrapper {
            align-self: flex-start;
            background-color: #222;
            margin-top: 20px;
            transition: background-color .2s ease-in-out;
            font-weight: 700;
            padding: 12px;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 12px;
            color: #d9d9d9;
            display: inline-block; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .title-container__link-wrapper:hover .cta__link-like-wrapper, .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .title-container__link-wrapper:focus .cta__link-like-wrapper, .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .title-container__link-wrapper:active .cta__link-like-wrapper {
            background-color: #197a56;
            outline: none; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .title-container__link-wrapper .icon-archetype-video-Play-Triangle {
            font-size: 12px;
            margin-left: 10px; }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .cta {
          align-self: flex-start;
          display: inline-flex;
          background-color: #222;
          margin: 15px 0 20px; }
          @media (max-width: 767px) {
            .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .cta {
              margin: 15px 0 0; } }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .cta:hover, .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .cta:focus {
            background-color: #197a56;
            outline: none; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .cta p {
            font-weight: 700;
            padding: 12px;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 12px;
            color: #d9d9d9;
            display: inline-block; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .cta .icon-archetype-video-Play-Triangle {
            font-size: 12px;
            margin-left: 10px; }
      .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content.added-dmdbase-content .cta__link-like-wrapper {
        margin: 20px 0 0 0; }
      .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation {
        display: flex;
        border-top: 2px solid #000; }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton {
          font-size: 14px;
          color: #d9d9d9;
          margin-right: 30px;
          margin-top: auto;
          margin-bottom: auto;
          padding: 20px 0; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:hover, .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:focus, .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:active {
            outline: none;
            color: #32c77f; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:first-child {
            margin-left: 20px; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:last-child {
            margin-right: 40px; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton.active {
            color: #32c77f; }

@media (min-width: 768px) {
  .bcg-homepage .featured-panels .featured-panel {
    display: block;
    position: absolute; }
    .bcg-homepage .featured-panels .featured-panel .panel-media {
      position: absolute;
      /*image back to size of panel*/ }
    .bcg-homepage .featured-panels .featured-panel .featured-block {
      padding: 0 70px;
      width: 45%;
      margin-left: 50px;
      margin-top: 153px; } }
    @media (min-width: 768px) and (min-width: 1280px) {
      .bcg-homepage .featured-panels .featured-panel .featured-block {
        margin-left: 65px;
        margin-top: 198px; } }

@media (min-width: 768px) {
      .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content {
        padding: 0; }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .tagline {
          margin: 30px 0 18px 0;
          font-size: 24px;
          line-height: 24px; }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .quote {
          font-weight: 700;
          font-style: italic;
          text-transform: uppercase;
          font-size: 30px;
          line-height: 35px; }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .cta,
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content .cta__link-like-wrapper {
          margin: 20px 0 50px 0; }
      .bcg-homepage .featured-panels .featured-panel .featured-block .featured-block-content.added-dmdbase-content .cta__link-like-wrapper {
        margin: 20px 0 0 0; }
      .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation {
        margin-bottom: 20px;
        border-top: none; }
        .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton {
          margin-right: 30px;
          padding-top: 5px; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:hover, .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:focus, .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:active {
            border-top: 2px solid #32c77f; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:first-child {
            margin-left: 0; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton:last-child {
            margin-right: 0; }
          .bcg-homepage .featured-panels .featured-panel .featured-block .featured-navigation .pbutton.active {
            color: #32c77f;
            border-top: 2px solid #32c77f; } }

.bcg-homepage .careers-panel .headline {
  font-weight: 200;
  font-size: 29px;
  line-height: 32px;
  text-transform: inherit; }
  @media (min-width: 768px) {
    .bcg-homepage .careers-panel .headline {
      font-size: 60px;
      line-height: 65px; } }

.shallowmode-active {
  overflow-y: hidden; }

.top-level:last-of-type .cta-panel-container {
  margin-bottom: 61px; }
  @media (max-width: 1090px) {
    .top-level:last-of-type .cta-panel-container {
      margin-bottom: 61px; } }
  @media (max-width: 946px) {
    .top-level:last-of-type .cta-panel-container {
      margin-bottom: 107px; } }
  @media (max-width: 767px) {
    .top-level:last-of-type .cta-panel-container {
      margin-bottom: 116px; } }
  @media (max-width: 499px) {
    .top-level:last-of-type .cta-panel-container {
      margin-bottom: 145px; } }

.container.homepage-container {
  margin-top: 0; }

.homepage-container::after {
  content: "";
  height: 100%;
  width: 8px;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 100%); }

.homepage-container h2, .homepage-container h3, .homepage-container p {
  color: inherit;
  text-transform: inherit;
  font-size: inherit;
  line-height: inherit; }

@media (min-width: 768px) {
  .homepage-container {
    z-index: auto; } }

.homepage-container .panel {
  position: relative;
  height: 100vh;
  width: 100%; }
  .homepage-container .panel .panel-media {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
    object-fit: cover;
    object-position: 50% 50%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    width: 100vw;
    height: 100vh; }
    .homepage-container .panel .panel-media img {
      height: inherit; }
  .homepage-container .panel .panel-content-wrapper {
    position: relative;
    height: 100%;
    width: 100%; }
  @media (max-width: 767px) {
    .homepage-container .panel .single-cta .title-container {
      justify-content: flex-end;
      margin-bottom: 60px; }
    .homepage-container .panel:last-child .single-cta {
      height: calc(100% - 135px); }
      .homepage-container .panel:last-child .single-cta .title-container {
        margin-bottom: 20px; } }

.homepage-container .user-lens-container {
  align-items: center;
  flex-direction: row-reverse;
  position: fixed;
  right: 0;
  /*z-index: 20;*/
  /*A z-index of 20 is a bit much, if it is going to take up a lot of space, it needs to have an index smaller than the nav buttons.*/
  z-index: 3; }

/*SW: I don't know why this was fixed in the first place, but in IE "fixed" still means fixed position relative to the viewport.  Therefore the lens panel does not push the login and lens down.*/
/*It is a day before delivery, so adding this override for IE.  TODO: Revisit reasoning for assigment of fixed when it appears that it should be absolute.*/
.isIE .homepage-container .user-lens-container {
  position: absolute; }

.panel {
  transition: visibility 0.5s, transform 0.5s;
  transition-timing-function: ease-out; }
  .panel.jump-to-top {
    transform: translate3d(0, 0, 0);
    transition: none; }
    .panel.jump-to-top .panel-content-wrapper {
      transition: none; }
  .panel .featured-panel {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    transform: translate3d(100%, 0, 0); }
    .panel .featured-panel.active, .panel .featured-panel.primary {
      transform: translate3d(0, 0, 0);
      visibility: visible; }
      .panel .featured-panel.active .panel-content-wrapper, .panel .featured-panel.primary .panel-content-wrapper {
        transform: translate3d(0, 0, 0); }

.homepage-container .lens-selector-button {
  margin-top: 25px; }

.lens-global .homepage-container .flag-icon {
  -webkit-filter: brightness(4);
  filter: brightness(4); }

.homepage-container .lens-selector-button,
.homepage-container .user-info {
  transition: margin .5s; }

.has-eyeem .homepage-container .lens-selector-button,
.has-eyeem .homepage-container .user-info {
  margin-top: 40px; }

@media (min-width: 768px) {
  .bcg-homepage {
    position: fixed;
    height: 100%;
    width: 100vw;
    overflow: hidden; }
  .homepage-container {
    height: 100%; }
    .homepage-container .page {
      transform: scale3d(1, 1, 1);
      transition: transform 0.75s; }
    .homepage-container.show-shallowmode .page {
      transform: scale3d(4, 4, 4);
      transform-origin: center 2vh; }
    .homepage-container .homepage-content-wrapper {
      height: 100%; }
    .homepage-container .panel {
      background-color: black;
      background-size: cover;
      visibility: hidden; }
      .homepage-container .panel.top-level {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        transform: translate3d(0, 100%, 0); }
        .homepage-container .panel.top-level.active, .homepage-container .panel.top-level.primary {
          transform: translate3d(0, 0, 0);
          visibility: visible; }
          .homepage-container .panel.top-level.active .panel-content-wrapper, .homepage-container .panel.top-level.primary .panel-content-wrapper {
            transform: translate3d(0, 0, 0); }
    .homepage-container picture {
      transition: opacity, 0.5s;
      opacity: 1; }
    .homepage-container .panel-content-wrapper {
      transform: translate3d(0, 40%, 0);
      position: relative;
      transition: transform 0.8s; } }

.bcg-homepage .primary-navigation-wrapper {
  display: none;
  height: 87vh;
  margin-top: 10vh;
  width: auto;
  position: fixed;
  right: 0;
  z-index: 3; }
  @media (min-width: 768px) {
    .bcg-homepage .primary-navigation-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center; } }

.bcg-homepage .primary-navigation {
  top: 0;
  position: relative;
  z-index: 100;
  right: 20px; }

.primary-navigation-wrapper {
  display: none; }
  .primary-navigation-wrapper .pbutton {
    font-weight: 700;
    padding: 0;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    background: transparent;
    border: none;
    text-align: right;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase; }
    .primary-navigation-wrapper .pbutton:hover, .primary-navigation-wrapper .pbutton:focus, .primary-navigation-wrapper .pbutton:active {
      outline: none; }
    .primary-navigation-wrapper .pbutton:after {
      content: "";
      display: inline-block;
      background: #fff;
      height: 12px;
      width: 12px;
      border-radius: 6px;
      margin-left: 10px; }
    .primary-navigation-wrapper .pbutton.active {
      color: #32c77f; }
      .primary-navigation-wrapper .pbutton.active:after {
        background: #32c77f; }

.shallow-mode-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.75s; }
  .shallow-mode-wrapper picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .shallow-mode-wrapper picture img {
      height: 100%; }
  .shallow-mode-wrapper .shallow-mode-content {
    position: relative;
    z-index: 2; }
  .shallow-mode-wrapper.show {
    opacity: 1; }

.bcg-homepage .top-level:nth-child(1):before, .bcg-homepage .top-level:nth-child(6):before {
  background: rgba(0, 0, 0, 0.45); }

.bcg-homepage .top-level:nth-child(2):before, .bcg-homepage .top-level:nth-child(3):before {
  background: rgba(0, 0, 0, 0.2); }

.careers-homepage .homepage-content-wrapper {
  padding-top: 50px; }
  @media (min-width: 768px) {
    .careers-homepage .homepage-content-wrapper {
      padding-top: 0; } }

.careers-homepage .user-lens-container {
  position: absolute;
  top: 0;
  right: 0; }

.careers-homepage .language-container p {
  margin: 0;
  padding: 0; }

.ted-hero {
  margin-bottom: 50px; }
  .ted-hero .rf-video-player__video-js .rf-vjs_overlay {
    display: none; }
  .ted-hero .slick-arrow {
    top: 25%; }
  .ted-hero .prev-arrow {
    left: 20px; }
  .ted-hero .next-arrow {
    right: 20px; }
  .ted-hero .ted-hero-panel.no-CTA {
    overflow: visible; }
    .ted-hero .ted-hero-panel.no-CTA .ted-hero__wrapper > .container-2 {
      position: relative; }
  .ted-hero .ted-hero-panel {
    position: relative;
    overflow: hidden;
    padding-left: 0; }
  .ted-hero .ted-hero__background {
    position: absolute;
    overflow: hidden; }
  .ted-hero .ted-hero__content {
    position: relative; }
  .ted-hero .ted-hero__content-title {
    margin-bottom: 10px;
    line-height: 37px; }
  .ted-hero .ted-hero__content-title,
  .ted-hero .ted-hero__content-subtitle {
    color: #fff; }
  .ted-hero .ted-hero__content-subtitle {
    font-size: 15px;
    line-height: 1.3; }
  .ted-hero .ted-hero__CTA {
    display: block;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: auto; }
  .ted-hero .icon-cta-modular {
    position: relative;
    color: #fff;
    font-size: 1.4em;
    margin-left: auto;
    margin-right: 0; }
    .ted-hero .icon-cta-modular:before {
      display: inline-block;
      transform: rotateZ(90deg); }
  .ted-hero .ted-hero__CTA-block-wrapper {
    cursor: pointer;
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%; }
    .ted-hero .ted-hero__CTA-block-wrapper > a {
      width: 100%; }
    .ted-hero .ted-hero__CTA-block-wrapper .icon-cta-module {
      margin-left: auto; }
    .ted-hero .ted-hero__CTA-block-wrapper .grid-row {
      display: flex;
      padding: 10px 0; }
    .ted-hero .ted-hero__CTA-block-wrapper .container-1 {
      position: relative;
      width: 100%;
      background: rgba(0, 0, 0, 0.7); }
    .ted-hero .ted-hero__CTA-block-wrapper picture {
      position: absolute;
      width: 100%; }
  @media (max-width: 767px) {
    .ted-hero .slick-list {
      height: auto !important; }
    .ted-hero.video-playing .slick-arrow {
      display: none !important; }
    .ted-hero .ted-hero__video {
      margin-left: -20px;
      margin-right: -20px; }
    .ted-hero .ted-hero__content {
      margin-top: 20px;
      margin-bottom: 20px; } }
  @media (min-width: 768px) {
    .ted-hero .slick-arrow {
      top: calc( 52.79831% - 75px); }
    .ted-hero .ted-hero__video,
    .ted-hero .ted-hero__content {
      padding-top: 60px;
      padding-bottom: 50px; }
    .ted-hero .ted-hero__video {
      margin-right: 20px; }
    .ted-hero .ted-hero__content {
      margin-left: 20px; }
    .ted-hero .icon-cta-modular {
      font-size: 1.8em; }
    .ted-hero .ted-hero__video,
    .ted-hero .ted-hero__content {
      width: calc(50% - 20px); }
    .ted-hero .ted-hero__CTA-block-wrapper .grid-row {
      padding: 20px 0; } }
  @media (min-width: 947px) {
    .ted-hero .slick-arrow {
      top: 43%; }
    .ted-hero .ted-hero__background {
      width: 100%; }
    .ted-hero .ted-hero__video,
    .ted-hero .ted-hero__content {
      padding-top: 0;
      padding-bottom: 0; }
    .ted-hero .ted-hero__wrapper .container-2 {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column; }
      .ted-hero .ted-hero__wrapper .container-2 .grid-row {
        margin-top: 8%; }
    .ted-hero .ted-hero-panel.no-CTA .ted-hero__wrapper .container-2 .grid-row {
      margin-bottom: 8%; }
    .ted-hero .ted-hero__CTA-block {
      display: flex; }
    .ted-hero .ted-hero__CTA-block-wrapper {
      width: 350px;
      margin-left: auto;
      margin-right: 100px;
      margin-top: calc( 46.875% -  (196.875px - 50px));
      overflow: auto; }
      .ted-hero .ted-hero__CTA-block-wrapper picture {
        width: 100%;
        position: relative; }
      .ted-hero .ted-hero__CTA-block-wrapper .grid-row {
        margin: auto;
        width: auto;
        height: 50px;
        display: flex;
        align-items: center;
        padding: 0 20px; }
      .ted-hero .ted-hero__CTA-block-wrapper .container-1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; } }
  @media (min-width: 1280px) {
    .ted-hero .prev-arrow {
      left: 100px; }
    .ted-hero .next-arrow {
      right: 100px; }
    .ted-hero .ted-hero__CTA-block-wrapper {
      width: 350px;
      margin-right: 100px;
      margin-top: calc( 31.25% -  (196.875px - 50px)); }
      .ted-hero .ted-hero__CTA-block-wrapper .grid-row {
        height: 50px; }
    .ted-hero .ted-hero__wrapper .container-2 .grid-row {
      margin-top: 5%; } }
  .ted-hero .slick-arrow {
    cursor: pointer;
    background: none;
    transition: none;
    display: inline-block !important;
    position: absolute;
    z-index: 2; }
  .ted-hero .icon-main-menu-expand {
    color: #fff;
    font-size: 40px; }
  .ted-hero .prev-arrow {
    transform: rotateZ(180deg); }

html.archetypes body > .container {
  height: auto !important; }

.search-container .grid-row {
  display: block; }

@media (max-width: 767px) {
  .search-container .grid-row {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 768px) {
  .search-container .grid-row {
    margin-left: 75px;
    width: calc(100vw - 75px * 2); }
    .search-container .grid-row .search-facets-wrapper {
      width: calc( (((100vw - 75px * 2) / 15) * 4));
      flex-shrink: 0; }
    .search-container .grid-row .hits {
      width: 100%;
      margin-left: calc( (((100vw - 75px * 2) / 15) * 2)); } }

@media (min-width: 947px) {
  .search-container .grid-row {
    margin-left: 75px;
    width: calc(((70vw / 15) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); }
    .search-container .grid-row .search-facets-wrapper {
      width: calc( ((70vw / 15) * 4));
      flex-shrink: 0; }
    .search-container .grid-row .hits {
      width: 100%;
      margin-left: calc( ((70vw / 15) * 2)); } }

@media (min-width: 1280px) {
  .search-container .grid-row {
    margin-left: calc( 100px + 10vw);
    width: calc( 100% - ( 100px * 2 + 10vw)); }
    .search-container .grid-row .search-facets-wrapper {
      width: calc( ((60vw / 15) * 4));
      flex-shrink: 0; }
    .search-container .grid-row .hits {
      margin-left: calc( ((60vw / 15) * 2)); } }

.container-header .grid-row {
  margin-left: 20px;
  margin-right: 20px; }

.container-header .grid-row.grid-top {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap; }
  .container-header .grid-row.grid-top .grid-column {
    width: calc(100% - 250px); }
  .container-header .grid-row.grid-top .grid-column.grid-image {
    width: 50px; }

@media (min-width: 768px) {
  .container-header .grid-row {
    margin-left: 75px;
    margin-right: 75px; }
    .container-header .grid-row.grid-top .grid-column.grid-image {
      width: 200px;
      margin-right: 50px; }
  .container-header .grid-row.grid-content {
    padding-left: 215px; } }

@media (min-width: 947px) {
  .container-header .grid-row.grid-content {
    padding-left: 260px; } }

@media (min-width: 1280px) {
  .container-header .grid-row {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px; } }

.container-header p {
  font-size: 16px;
  line-height: 28px; }

.container-text .grid-row {
  display: block;
  margin-left: 20px;
  margin-right: 20px; }

@media (min-width: 768px) {
  .container-text .grid-row {
    margin-left: auto;
    margin-right: auto;
    max-width: 580px; } }

.container-media .grid-row {
  display: block;
  margin-left: 20px;
  margin-right: 20px; }

@media (min-width: 768px) {
  .container-media .grid-row {
    margin-left: 75px;
    margin-right: 75px; } }

@media (min-width: 947px) {
  .container-media .grid-row {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px; } }

.container-1 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-1 .grid-row {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 768px) {
  .container-1 .grid-row {
    margin-left: 75px;
    width: calc((((100vw - 75px * 2) / 15) * 15)); } }
  @media (min-width: 768px) and (max-width: 946px) {
    .deepmode .container-1 .grid-row, .deepmode-container .container-1 .grid-row, .interrupter .container-1 .grid-row {
      margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1));
      width: calc((((100vw - 75px * 2) / 16) * 15)); } }

@media (min-width: 947px) {
  .container-1 .grid-row {
    margin-left: 75px;
    width: calc(((70vw / 15) * 15)); } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .deepmode .container-1 .grid-row, .deepmode-container .container-1 .grid-row, .interrupter .container-1 .grid-row {
      width: calc(((70vw / 16) * 15));
      margin-left: calc(75px + ((70vw / 16) * 1)); } }

@media (min-width: 1280px) {
  .container-1 .grid-row {
    margin-left: calc(100px + 10vw);
    width: calc(((60vw / 15) * 15)); } }

.container-2.reversed .grid-column:first-child {
  order: 1; }

.container-2.reversed .grid-column:last-child {
  order: 2; }

.container-2 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-2 .grid-row {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 768px) {
  .container-2 .grid-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 75px;
    width: calc(100vw - 75px * 2); } }
  @media (min-width: 768px) and (max-width: 946px) {
    .deepmode .container-2 .grid-row, .deepmode-container .container-2 .grid-row, .interrupter .container-2 .grid-row {
      margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1));
      width: calc((((100vw - 75px * 2) / 16) * 15)); } }

@media (min-width: 768px) {
  .container-2 .grid-column {
    width: calc((((100vw - 75px * 2) / 15) * 7)); } }
  @media (min-width: 768px) and (max-width: 946px) {
    .deepmode .container-2 .grid-column, .deepmode-container .container-2 .grid-column, .interrupter .container-2 .grid-column {
      width: calc((((100vw - 75px * 2) / 16) * 7)); } }

@media (min-width: 947px) {
  .container-2 .grid-row {
    margin-left: 75px;
    width: calc(((70vw / 15) * 15)); } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .deepmode .container-2 .grid-row, .deepmode-container .container-2 .grid-row, .interrupter .container-2 .grid-row {
      width: calc(((70vw / 16) * 15));
      margin-left: calc(75px + ((70vw / 16) * 1)); } }

@media (min-width: 947px) {
  .container-2 .grid-column {
    width: calc(((70vw / 15) * 7)); } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .deepmode .container-2 .grid-column, .deepmode-container .container-2 .grid-column, .interrupter .container-2 .grid-column {
      width: calc(((70vw / 16) * 7)); } }

@media (min-width: 1280px) {
  .container-2 .grid-row {
    margin-left: calc(100px + 10vw);
    width: calc(((60vw / 15) * 15)); }
  .container-2 .grid-column {
    width: calc(((60vw / 15) * 7)); } }

.container-3 .grid-row {
  display: block;
  position: relative; }

@media (max-width: 767px) {
  .container-3 .grid-row {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 768px) {
  .container-3 .grid-row {
    margin-left: 75px;
    width: calc(100vw - 75px * 2); } }
  @media (min-width: 768px) and (max-width: 946px) {
    .deepmode .container-3 .grid-row, .deepmode-container .container-3 .grid-row, .interrupter .container-3 .grid-row {
      margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1));
      width: calc((((100vw - 75px * 2) / 16) * 15)); } }

@media (min-width: 947px) {
  .container-3 .grid-row {
    margin-left: 75px;
    width: calc(((70vw / 15) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .deepmode .container-3 .grid-row, .deepmode-container .container-3 .grid-row, .interrupter .container-3 .grid-row {
      margin-left: calc(75px + ((70vw / 16) * 1));
      width: calc(((70vw / 16) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); } }

@media (min-width: 1280px) {
  .container-3 .grid-row {
    margin-left: calc( 100px + 10vw / 2);
    width: calc(10vw/2 + ((60vw / 15) * 15) + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); } }

.container-4 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-4 .grid-row {
    margin-left: 20px;
    margin-right: 20px;
    display: flex;
    flex-direction: column; }
  .container-4 .grid-column:first-child {
    order: 2; }
  .container-4 .grid-column:last-child {
    order: 1; }
  .container-4.reversed .grid-column:first-child {
    order: 1; }
  .container-4.reversed .grid-column:last-child {
    order: 2; } }

@media (min-width: 768px) {
  .container-4 .grid-row {
    display: flex;
    flex-direction: row;
    margin-left: 75px;
    width: calc(100vw - 75px * 2); } }
  @media (min-width: 768px) and (max-width: 946px) {
    .deepmode .container-4 .grid-row, .deepmode-container .container-4 .grid-row, .interrupter .container-4 .grid-row {
      margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1));
      width: calc((((100vw - 75px * 2) / 16) * 15)); }
      .deepmode .container-4 .grid-row .grid-column:first-child, .deepmode-container .container-4 .grid-row .grid-column:first-child, .interrupter .container-4 .grid-row .grid-column:first-child {
        width: calc((((100vw - 75px * 2) / 16) * 7));
        margin-right: calc((((100vw - 75px * 2) / 16) * 1)); } }

@media (min-width: 768px) {
  .container-4 .grid-column:first-child {
    flex-shrink: 0;
    width: calc((((100vw - 75px * 2) / 15) * 7));
    margin-right: calc((((100vw - 75px * 2) / 15) * 1)); }
  .container-4 .grid-column:last-child {
    flex-shrink: 1;
    width: 100%; } }

@media (min-width: 947px) {
  .container-4 .grid-row {
    margin-left: 75px;
    width: calc(((70vw / 15) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .deepmode .container-4 .grid-row, .deepmode-container .container-4 .grid-row, .interrupter .container-4 .grid-row {
      margin-left: calc(75px + ((70vw / 16) * 1));
      width: calc(((70vw / 16) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); }
      .deepmode .container-4 .grid-row .grid-column:first-child, .deepmode-container .container-4 .grid-row .grid-column:first-child, .interrupter .container-4 .grid-row .grid-column:first-child {
        width: calc(((70vw / 16) * 7));
        margin-right: calc(((70vw / 16) * 1)); } }

@media (min-width: 947px) {
  .container-4 .grid-column:first-child {
    width: calc(((70vw / 15) * 7));
    margin-right: calc(((70vw / 15) * 1)); } }

@media (min-width: 1280px) {
  .container-4 .grid-row {
    margin-left: calc(100px + 10vw);
    width: calc(((60vw / 15) * 15) + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
  .container-4 .grid-column:first-child {
    width: calc(((60vw / 15) * 7));
    margin-right: calc(((60vw / 15) * 1)); } }

.container-5 .grid-row,
.container-6 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-5 .grid-row,
  .container-6 .grid-row {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 768px) {
  .container-5 .grid-row,
  .container-6 .grid-row {
    display: flex;
    justify-content: space-between;
    margin-left: 75px;
    width: calc(100vw - 75px * 2); } }
  @media (min-width: 768px) and (max-width: 946px) {
    .deepmode .container-5 .grid-row, .deepmode-container .container-5 .grid-row, .interrupter .container-5 .grid-row, .deepmode
    .container-6 .grid-row, .deepmode-container
    .container-6 .grid-row, .interrupter
    .container-6 .grid-row {
      margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1));
      width: calc((((100vw - 75px * 2) / 16) * 15)); }
      .deepmode .container-5 .grid-row .grid-column:first-child, .deepmode-container .container-5 .grid-row .grid-column:first-child, .interrupter .container-5 .grid-row .grid-column:first-child, .deepmode
      .container-6 .grid-row .grid-column:first-child, .deepmode-container
      .container-6 .grid-row .grid-column:first-child, .interrupter
      .container-6 .grid-row .grid-column:first-child {
        width: calc((((100vw - 75px * 2) / 16) * 9)); }
      .deepmode .container-5 .grid-row .grid-column:last-child, .deepmode-container .container-5 .grid-row .grid-column:last-child, .interrupter .container-5 .grid-row .grid-column:last-child, .deepmode
      .container-6 .grid-row .grid-column:last-child, .deepmode-container
      .container-6 .grid-row .grid-column:last-child, .interrupter
      .container-6 .grid-row .grid-column:last-child {
        width: calc((((100vw - 75px * 2) / 16) * 5)); } }

@media (min-width: 768px) {
  .container-5 .grid-column:first-child,
  .container-6 .grid-column:first-child {
    flex-shrink: 0;
    width: calc((((100vw - 75px * 2) / 15) * 9)); }
  .container-5 .grid-column:last-child,
  .container-6 .grid-column:last-child {
    flex-shrink: 1;
    width: calc((((100vw - 75px * 2) / 15) * 5)); } }

@media (min-width: 947px) {
  .container-5 .grid-row,
  .container-6 .grid-row {
    width: 70vw;
    margin-left: 75px; } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .deepmode .container-5 .grid-row, .deepmode-container .container-5 .grid-row, .interrupter .container-5 .grid-row, .deepmode
    .container-6 .grid-row, .deepmode-container
    .container-6 .grid-row, .interrupter
    .container-6 .grid-row {
      margin-left: calc(75px + ((70vw / 16) * 1));
      width: calc(((70vw / 16) * 15)); }
      .deepmode .container-5 .grid-row .grid-column:first-child, .deepmode-container .container-5 .grid-row .grid-column:first-child, .interrupter .container-5 .grid-row .grid-column:first-child, .deepmode
      .container-6 .grid-row .grid-column:first-child, .deepmode-container
      .container-6 .grid-row .grid-column:first-child, .interrupter
      .container-6 .grid-row .grid-column:first-child {
        width: calc(((70vw / 16) * 9)); }
      .deepmode .container-5 .grid-row .grid-column:last-child, .deepmode-container .container-5 .grid-row .grid-column:last-child, .interrupter .container-5 .grid-row .grid-column:last-child, .deepmode
      .container-6 .grid-row .grid-column:last-child, .deepmode-container
      .container-6 .grid-row .grid-column:last-child, .interrupter
      .container-6 .grid-row .grid-column:last-child {
        width: calc(((70vw / 16) * 5)); } }

@media (min-width: 947px) {
  .container-5 .grid-column:first-child,
  .container-6 .grid-column:first-child {
    width: calc(((70vw / 15) * 9)); }
  .container-5 .grid-column:last-child,
  .container-6 .grid-column:last-child {
    width: calc(((70vw / 15) * 5)); } }

@media (min-width: 1280px) {
  .container-5 .grid-row,
  .container-6 .grid-row {
    width: 60vw;
    margin-left: calc(100px + 10vw); }
  .container-5 .grid-column:first-child,
  .container-6 .grid-column:first-child {
    width: calc(((60vw / 15) * 9)); }
  .container-5 .grid-column:last-child,
  .container-6 .grid-column:last-child {
    width: calc(((60vw / 15) * 5)); } }

.container-7 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-7 .grid-row {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 768px) {
  .container-7 .grid-row {
    display: flex;
    justify-content: space-between;
    margin-left: 75px;
    width: calc(100vw - 75px * 2); } }
  @media (min-width: 768px) and (max-width: 946px) {
    .deepmode .container-7 .grid-row, .deepmode-container .container-7 .grid-row, .interrupter .container-7 .grid-row {
      margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1));
      width: calc((((100vw - 75px * 2) / 16) * 15)); }
      .deepmode .container-7 .grid-row .grid-column:first-child, .deepmode-container .container-7 .grid-row .grid-column:first-child, .interrupter .container-7 .grid-row .grid-column:first-child {
        width: calc((((100vw - 75px * 2) / 16) * 9)); }
      .deepmode .container-7 .grid-row .grid-column:last-child, .deepmode-container .container-7 .grid-row .grid-column:last-child, .interrupter .container-7 .grid-row .grid-column:last-child {
        width: calc((((100vw - 75px * 2) / 16) * 5)); } }

@media (min-width: 768px) {
  .container-7 .grid-column:first-child {
    flex-shrink: 0;
    order: 2;
    width: calc((((100vw - 75px * 2) / 15) * 9)); }
  .container-7 .grid-column:last-child {
    flex-shrink: 1;
    order: 1;
    width: calc((((100vw - 75px * 2) / 15) * 5)); } }

@media (min-width: 947px) {
  .container-7 .grid-row {
    width: 70vw;
    margin-left: 75px; } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .deepmode .container-7 .grid-row, .deepmode-container .container-7 .grid-row, .interrupter .container-7 .grid-row {
      margin-left: calc(75px + ((70vw / 16) * 1));
      width: calc(((70vw / 16) * 15)); }
      .deepmode .container-7 .grid-row .grid-column:first-child, .deepmode-container .container-7 .grid-row .grid-column:first-child, .interrupter .container-7 .grid-row .grid-column:first-child {
        width: calc(((70vw / 16) * 9)); }
      .deepmode .container-7 .grid-row .grid-column:last-child, .deepmode-container .container-7 .grid-row .grid-column:last-child, .interrupter .container-7 .grid-row .grid-column:last-child {
        width: calc(((70vw / 16) * 5)); } }

@media (min-width: 947px) {
  .container-7 .grid-column:first-child {
    width: calc(((70vw / 15) * 9)); }
  .container-7 .grid-column:last-child {
    width: calc(((70vw / 15) * 5)); } }

@media (min-width: 1280px) {
  .container-7 .grid-row {
    width: 60vw;
    margin-left: calc(100px + 10vw); }
  .container-7 .grid-column:first-child {
    width: calc(((60vw / 15) * 9)); }
  .container-7 .grid-column:last-child {
    width: calc(((60vw / 15) * 5)); } }

.container-8 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-8 .grid-row {
    margin-left: 20px;
    margin-right: 20px; }
  .container-8 .grid-column:first-child {
    width: 50%; } }

@media (min-width: 768px) {
  .container-8 .grid-row {
    display: flex;
    margin-left: 75px;
    width: calc(100vw - 75px * 2); } }
  @media (min-width: 768px) and (max-width: 946px) {
    .deepmode .container-8 .grid-row, .deepmode-container .container-8 .grid-row, .interrupter .container-8 .grid-row {
      margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1));
      width: calc((((100vw - 75px * 2) / 16) * 15)); }
      .deepmode .container-8 .grid-row .grid-column:first-child, .deepmode-container .container-8 .grid-row .grid-column:first-child, .interrupter .container-8 .grid-row .grid-column:first-child {
        width: calc((((100vw - 75px * 2) / 16) * 3));
        margin-right: calc((((100vw - 75px * 2) / 16) * 1)); } }

@media (min-width: 768px) {
  .container-8 .grid-column:first-child {
    flex-shrink: 0;
    width: calc((((100vw - 75px * 2) / 15) * 3));
    margin-right: calc((((100vw - 75px * 2) / 15) * 1)); }
  .container-8 .grid-column:last-child {
    flex-shrink: 1; } }

@media (min-width: 947px) {
  .container-8 .grid-row {
    width: calc(((70vw / 15) * 15) + ((100vw - 75px - 70vw - 75px) / 2));
    margin-left: 75px; } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .deepmode .container-8 .grid-row, .deepmode-container .container-8 .grid-row, .interrupter .container-8 .grid-row {
      margin-left: calc(75px + ((70vw / 16) * 1));
      width: calc(((70vw / 16) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); }
      .deepmode .container-8 .grid-row .grid-column:first-child, .deepmode-container .container-8 .grid-row .grid-column:first-child, .interrupter .container-8 .grid-row .grid-column:first-child {
        width: calc(((70vw / 16) * 3));
        margin-right: calc(((70vw / 16) * 1)); } }

@media (min-width: 947px) {
  .container-8 .grid-column:first-child {
    width: calc(((70vw / 15) * 3));
    margin-right: calc(((70vw / 15) * 1)); } }

@media (min-width: 1280px) {
  .container-8 .grid-row {
    width: calc(((60vw / 15) * 15) + ((100vw - 100px - 10vw - 60vw - 100px) / 2));
    margin-left: calc(100px + 10vw); }
  .container-8 .grid-column:first-child {
    width: calc(((60vw / 15) * 3));
    margin-right: calc(((60vw / 15) * 1)); } }

.container-9 {
  margin-top: calc(20px * 2); }
  .container-9 .grid-row {
    display: block;
    border-width: 1px;
    border-style: solid; }
  .container-9 .grid-column:first-child {
    width: 90%;
    transform: translate3d(-20px, -20px, 0); }
  @media (max-width: 767px) {
    .container-9 .grid-row {
      margin-left: 20px;
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .container-9 {
      margin-top: calc((((100vw - 75px * 2) / 15) * 1) * 2); }
      .container-9 .grid-row {
        display: flex;
        width: calc(100vw - 75px * 2 - (((100vw - 75px * 2) / 15) * 1));
        margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1)); } }
    @media (min-width: 768px) and (max-width: 946px) {
      .deepmode .container-9 .grid-row, .deepmode-container .container-9 .grid-row, .interrupter .container-9 .grid-row {
        margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 2));
        width: calc(100vw - 75px * 2 - (((100vw - 75px * 2) / 16) * 2)); }
        .deepmode .container-9 .grid-row .grid-column:first-child, .deepmode-container .container-9 .grid-row .grid-column:first-child, .interrupter .container-9 .grid-row .grid-column:first-child {
          width: calc((((100vw - 75px * 2) / 16) * 7));
          transform: translate3d(calc((((100vw - 75px * 2) / 16) * -1)), calc((((100vw - 75px * 2) / 16) * -1)), 0); } }
  @media (min-width: 768px) {
      .container-9 .grid-column:first-child {
        flex-shrink: 0;
        width: calc((((100vw - 75px * 2) / 15) * 7));
        transform: translate3d(calc((((100vw - 75px * 2) / 15) * -1)), calc((((100vw - 75px * 2) / 15) * -1)), 0); } }
  @media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
    .container-9 .grid-column:first-child {
      transform: none;
      position: relative; }
      .container-9 .grid-column:first-child picture {
        position: absolute;
        max-width: 100%;
        top: calc((((100vw - 75px * 2) / 15) * -1));
        left: calc((((100vw - 75px * 2) / 15) * -1)); }
    .container-9 .grid-column:last-child {
      width: calc((((100vw - 75px * 2) / 15) * 7)); } }

@media (min-width: 768px) and (-ms-high-contrast: none) and (max-width: 946px), (min-width: 768px) and (-ms-high-contrast: active) and (max-width: 946px) {
  .deepmode .container-9 .grid-column:first-child picture, .deepmode-container .container-9 .grid-column:first-child picture, .interrupter .container-9 .grid-column:first-child picture {
    top: calc((((100vw - 75px * 2) / 16) * -1));
    left: calc((((100vw - 75px * 2) / 16) * -1)); }
  .deepmode .container-9 .grid-column:last-child, .deepmode-container .container-9 .grid-column:last-child, .interrupter .container-9 .grid-column:last-child {
    width: calc((((100vw - 75px * 2) / 16) * 7)); } }
  @media (min-width: 947px) {
    .container-9 {
      margin-top: calc(((70vw / 15) * 1) * 2); }
      .container-9 .grid-row {
        width: calc(((70vw / 15) * 14));
        margin-left: calc(75px + ((70vw / 15) * 1)); } }
    @media (min-width: 947px) and (max-width: 1279px) {
      .deepmode .container-9 .grid-row, .deepmode-container .container-9 .grid-row, .interrupter .container-9 .grid-row {
        margin-left: calc(75px + ((70vw / 16) * 2));
        width: calc(70vw - ((70vw / 16) * 2)); }
        .deepmode .container-9 .grid-row .grid-column:first-child, .deepmode-container .container-9 .grid-row .grid-column:first-child, .interrupter .container-9 .grid-row .grid-column:first-child {
          width: calc(((70vw / 16) * 7));
          transform: translate3d(calc(((70vw / 16) * -1)), calc(((70vw / 16) * -1)), 0); } }
  @media (min-width: 947px) {
      .container-9 .grid-column:first-child {
        width: calc(((70vw / 15) * 7));
        transform: translate3d(calc(((70vw / 15) * -1)), calc(((70vw / 15) * -1)), 0); } }
  @media (min-width: 947px) and (-ms-high-contrast: none), (min-width: 947px) and (-ms-high-contrast: active) {
    .container-9 .grid-column:first-child picture {
      top: calc(((70vw / 15) * -1));
      left: calc(((70vw / 15) * -1)); }
    .container-9 .grid-column:last-child {
      width: calc(((70vw / 15) * 7)); } }

@media (min-width: 947px) and (-ms-high-contrast: none) and (max-width: 1279px), (min-width: 947px) and (-ms-high-contrast: active) and (max-width: 1279px) {
  .deepmode .container-9 .grid-column:first-child picture, .deepmode-container .container-9 .grid-column:first-child picture, .interrupter .container-9 .grid-column:first-child picture {
    top: calc(((70vw / 16) * -1));
    left: calc(((70vw / 16) * -1)); }
  .deepmode .container-9 .grid-column:last-child, .deepmode-container .container-9 .grid-column:last-child, .interrupter .container-9 .grid-column:last-child {
    width: calc(((70vw / 16) * 7)); } }
  @media (min-width: 1280px) {
    .container-9 {
      margin-top: calc(((60vw / 15) * 1) * 2); }
      .container-9 .grid-row {
        width: calc(((60vw / 15) * 14));
        margin-left: calc(100px + 10vw + ((60vw / 15) * 1)); }
      .container-9 .grid-column:first-child {
        width: calc(((60vw / 15) * 7));
        transform: translate3d(calc(((60vw / 15) * -1)), calc(((60vw / 15) * -1)), 0); } }
  @media (min-width: 1280px) and (-ms-high-contrast: none), (min-width: 1280px) and (-ms-high-contrast: active) {
    .container-9 .grid-column:first-child picture {
      top: calc(((60vw / 15) * -1));
      left: calc(((60vw / 15) * -1)); }
    .container-9 .grid-column:last-child {
      width: calc(((60vw / 15) * 7)); } }

.container-10 {
  margin-top: calc(20px * 2); }
  .container-10 .grid-row {
    display: block;
    border: 1px solid #00532f; }
  .container-10 .grid-column:first-child {
    width: 90%;
    transform: translate3d(-20px, -20px, 0); }
  @media (max-width: 767px) {
    .container-10 .grid-row {
      margin-left: 20px;
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .container-10 {
      margin-top: calc((((100vw - 75px * 2) / 15) * 1) * 2); }
      .container-10 .grid-row {
        display: flex;
        width: calc(100vw - 75px * 2 - (((100vw - 75px * 2) / 15) * 1));
        margin-left: 75px; } }
    @media (min-width: 768px) and (max-width: 946px) {
      .deepmode .container-10 .grid-row, .deepmode-container .container-10 .grid-row, .interrupter .container-10 .grid-row {
        margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1));
        width: calc(100vw - 75px * 2 - (((100vw - 75px * 2) / 16) * 2)); }
        .deepmode .container-10 .grid-row .grid-column:first-child, .deepmode-container .container-10 .grid-row .grid-column:first-child, .interrupter .container-10 .grid-row .grid-column:first-child {
          transform: translate3d(calc((((100vw - 75px * 2) / 16) * 1)), calc((((100vw - 75px * 2) / 16) * -1)), 0); }
        .deepmode .container-10 .grid-row .grid-column:last-child, .deepmode-container .container-10 .grid-row .grid-column:last-child, .interrupter .container-10 .grid-row .grid-column:last-child {
          width: calc((((100vw - 75px * 2) / 16) * 7)); } }
  @media (min-width: 768px) {
      .container-10 .grid-column:first-child {
        order: 2;
        transform: translate3d(calc((((100vw - 75px * 2) / 15) * 1)), calc((((100vw - 75px * 2) / 15) * -1)), 0); }
      .container-10 .grid-column:last-child {
        flex-shrink: 0;
        order: 1;
        width: calc((((100vw - 75px * 2) / 15) * 7)); } }
  @media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
    .container-10 .grid-column:last-child {
      transform: none;
      position: relative; }
      .container-10 .grid-column:last-child picture {
        position: absolute;
        max-width: 100%;
        top: calc((((100vw - 75px * 2) / 15) * -1));
        left: calc((((100vw - 75px * 2) / 15) * -1)); }
    .container-10 .grid-column:first-child {
      width: calc((((100vw - 75px * 2) / 15) * 7)); } }

@media (min-width: 768px) and (-ms-high-contrast: none) and (max-width: 946px), (min-width: 768px) and (-ms-high-contrast: active) and (max-width: 946px) {
  .deepmode .container-10 .grid-column:last-child picture, .deepmode-container .container-10 .grid-column:last-child picture, .interrupter .container-10 .grid-column:last-child picture {
    top: calc((((100vw - 75px * 2) / 16) * -1));
    left: calc((((100vw - 75px * 2) / 16) * -1)); }
  .deepmode .container-10 .grid-column:first-child, .deepmode-container .container-10 .grid-column:first-child, .interrupter .container-10 .grid-column:first-child {
    width: calc((((100vw - 75px * 2) / 16) * 7)); } }
  @media (min-width: 947px) {
    .container-10 {
      margin-top: calc(((70vw / 15) * 1) * 2); }
      .container-10 .grid-row {
        width: calc(((70vw / 15) * 14));
        margin-left: 75px; } }
    @media (min-width: 947px) and (max-width: 1279px) {
      .deepmode .container-10 .grid-row, .deepmode-container .container-10 .grid-row, .interrupter .container-10 .grid-row {
        margin-left: calc(75px + ((70vw / 16) * 1));
        width: calc(70vw - ((70vw / 16) * 2)); }
        .deepmode .container-10 .grid-row .grid-column:first-child, .deepmode-container .container-10 .grid-row .grid-column:first-child, .interrupter .container-10 .grid-row .grid-column:first-child {
          transform: translate3d(calc(((70vw / 16) * 1)), calc(((70vw / 16) * -1)), 0); }
        .deepmode .container-10 .grid-row .grid-column:last-child, .deepmode-container .container-10 .grid-row .grid-column:last-child, .interrupter .container-10 .grid-row .grid-column:last-child {
          width: calc(((70vw / 16) * 7)); } }
  @media (min-width: 947px) {
      .container-10 .grid-column:first-child {
        transform: translate3d(calc(((70vw / 15) * 1)), calc(((70vw / 15) * -1)), 0); }
      .container-10 .grid-column:last-child {
        width: calc(((70vw / 15) * 7)); } }
  @media (min-width: 947px) and (-ms-high-contrast: none), (min-width: 947px) and (-ms-high-contrast: active) {
    .container-10 .grid-column:last-child picture {
      top: calc(((70vw / 15) * -1));
      left: calc(((70vw / 15) * -1)); }
    .container-10 .grid-column:first-child {
      width: calc(((70vw / 15) * 7)); } }

@media (min-width: 947px) and (-ms-high-contrast: none) and (max-width: 1279px), (min-width: 947px) and (-ms-high-contrast: active) and (max-width: 1279px) {
  .deepmode .container-10 .grid-column:last-child picture, .deepmode-container .container-10 .grid-column:last-child picture, .interrupter .container-10 .grid-column:last-child picture {
    top: calc(((70vw / 16) * -1));
    left: calc(((70vw / 16) * -1)); }
  .deepmode .container-10 .grid-column:first-child, .deepmode-container .container-10 .grid-column:first-child, .interrupter .container-10 .grid-column:first-child {
    width: calc(((70vw / 16) * 7)); } }
  @media (min-width: 1280px) {
    .container-10 {
      margin-top: calc(((60vw / 15) * 1) * 2); }
      .container-10 .grid-row {
        width: calc(((60vw / 15) * 14));
        margin-left: calc(100px + 10vw); }
      .container-10 .grid-column:first-child {
        transform: translate3d(calc(((60vw / 15) * 1)), calc(((60vw / 15) * -1)), 0); }
      .container-10 .grid-column:last-child {
        width: calc(((60vw / 15) * 7)); } }
  @media (min-width: 1280px) and (-ms-high-contrast: none), (min-width: 1280px) and (-ms-high-contrast: active) {
    .container-10 .grid-column:last-child picture {
      top: calc(((60vw / 15) * -1));
      left: calc(((60vw / 15) * -1)); }
    .container-10 .grid-column:first-child {
      width: calc(((60vw / 15) * 7)); } }

.container-11 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-11 .grid-row {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 768px) {
  .container-11 .grid-column {
    margin-left: 75px;
    width: calc(100vw - 75px*2); } }

@media (min-width: 768px) and (max-width: 946px) {
  .deepmode .container-11 .grid-row, .deepmode-container .container-11 .grid-row {
    margin-left: 75px; }
  .deepmode .container-11 .grid-column, .deepmode-container .container-11 .grid-column {
    margin-left: calc((((100vw - 75px * 2) / 16) * 1));
    width: calc((((100vw - 75px * 2) / 16) * 15)); } }

@media (min-width: 768px) {
  .container-11 .container-1 .grid-row,
  .deepmode .container-11 .container-1 .grid-row, .deepmode-container .container-11 .container-1 .grid-row {
    margin-left: 0;
    width: 100%; }
  .container-11 .container-1 .grid-column,
  .deepmode .container-11 .container-1 .grid-column, .deepmode-container .container-11 .container-1 .grid-column {
    margin-left: 0;
    width: 100%; } }

@media (min-width: 947px) {
  .container-11.qa-carousel .grid-column {
    width: calc(70vw + ((100vw - 75px - 70vw - 75px) / 2)); }
  .container-11 .grid-column {
    margin-left: 75px;
    width: 70vw; } }

@media (min-width: 947px) and (max-width: 1279px) {
  .deepmode .container-11 .grid-row, .deepmode-container .container-11 .grid-row {
    margin-left: 75px; }
  .deepmode .container-11 .grid-column, .deepmode-container .container-11 .grid-column {
    margin-left: calc(((70vw / 16) * 1));
    width: calc(((70vw / 16) * 15)); } }

@media (min-width: 1280px) {
  .container-11.qa-carousel .grid-column {
    width: calc(((60vw / 15) * 15) + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
  .container-11 .grid-row {
    margin-left: 100px; }
  .container-11 .grid-column {
    width: 60vw;
    margin-left: 10vw; } }

.container-12 .grid-row {
  display: block; }

.container-12 .bg-image {
  margin-left: 20px;
  width: calc(100% - 20px); }

.container-12 .notch {
  background: #fff;
  position: relative; }

.container-12 .grid-column {
  width: calc(100vw - 20px * 2);
  margin-left: 20px; }

@media (min-width: 768px) {
  .container-12 .notch {
    margin-top: -80px;
    min-height: 80px; }
  .container-12 .bg-image {
    width: calc( 100vw - 75px);
    margin-left: 75px; }
  .container-12 .grid-row {
    width: calc( 100vw - 75px * 2);
    margin-left: 75px; }
  .container-12 .grid-column {
    margin-left: calc((((100vw - 75px * 2) / 15) * 1));
    width: calc((((100vw - 75px * 2) / 15) * 13)); } }

@media (min-width: 947px) {
  .container-12 .notch {
    margin-top: -140px;
    min-height: 140px; }
  .container-12 .grid-row {
    width: calc( 70vw + ((100vw - 75px - 70vw - 75px) / 2));
    margin-left: 75px; }
  .container-12 .grid-column {
    margin-left: calc(((70vw / 15) * 1));
    width: calc(((70vw / 15) * 14)); } }

@media (min-width: 1280px) {
  .container-12 .bg-image {
    width: calc( 100% - 100px);
    margin-left: 100px; }
  .container-12 .grid-row {
    margin-left: 100px;
    width: calc(10vw + 60vw + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
  .container-12 .grid-column {
    width: 60vw;
    margin-left: 10vw; } }

.container-13 .grid-row {
  display: block; }

.container-13 .bg-image {
  width: 100%; }

.container-13 .notch {
  margin-top: -100px;
  min-height: 100px;
  background: #fff;
  position: relative; }

@media (max-width: 767px) {
  .container-13 .grid-row.notch {
    margin-left: 20px;
    width: calc(100% - 20px * 2); } }

@media (min-width: 768px) {
  .container-13 .grid-row {
    width: calc(100vw - 75px * 2);
    margin-left: 75px; }
    .container-13 .grid-row .grid-column {
      width: calc((((100vw - 75px * 2) / 15) * 13));
      margin-left: calc((((100vw - 75px * 2) / 15) * 1)); } }

@media (min-width: 947px) {
  .container-13 .grid-row {
    width: calc(70vw + ((100vw - 75px - 70vw - 75px) / 2));
    margin-left: 75px; }
    .container-13 .grid-row .grid-column {
      width: calc(((70vw / 15) * 14));
      margin-left: calc(((70vw / 15) * 1)); } }

@media (min-width: 1280px) {
  .container-13 .grid-row {
    width: calc(10vw + 60vw + ((100vw - 100px - 10vw - 60vw - 100px) / 2));
    margin-left: 100px; }
    .container-13 .grid-row .grid-column {
      width: 60vw;
      margin-left: 10vw; } }

.container-14 {
  margin-top: calc(20px * 2); }
  .container-14 .grid-row {
    display: block;
    border: 1px solid #00532f;
    width: calc(100% - 20px * 2);
    margin-left: 20px; }
  .container-14 .grid-column:first-child {
    width: 100%;
    transform: translate3d(-20px, -20px, 0); }
  @media (min-width: 768px) {
    .container-14 {
      margin-top: calc((((100vw - 75px * 2) / 15) * 1) * 2); }
      .container-14 .grid-row {
        display: flex;
        width: calc(100vw - 75px * 2 - (((100vw - 75px * 2) / 15) * 1));
        margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1)); } }
    @media (min-width: 768px) and (max-width: 946px) {
      .deepmode .container-14 .grid-row, .deepmode-container .container-14 .grid-row, .interrupter .container-14 .grid-row {
        width: calc(100vw - 75px * 2 - (((100vw - 75px * 2) / 16) * 2));
        margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 2)); }
        .deepmode .container-14 .grid-row .grid-column:first-child, .deepmode-container .container-14 .grid-row .grid-column:first-child, .interrupter .container-14 .grid-row .grid-column:first-child {
          width: calc((((100vw - 75px * 2) / 16) * 7));
          transform: translate3d(calc((((100vw - 75px * 2) / 16) * -1)), calc((((100vw - 75px * 2) / 16) * -1)), 0); } }
  @media (min-width: 768px) {
      .container-14 .grid-column:first-child {
        flex-shrink: 0;
        width: calc((((100vw - 75px * 2) / 15) * 8));
        transform: translate3d(calc((((100vw - 75px * 2) / 15) * -1)), calc((((100vw - 75px * 2) / 15) * -1)), 0); } }
  @media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
    .container-14 .grid-column:first-child {
      transform: none;
      position: relative; }
      .container-14 .grid-column:first-child picture {
        position: relative;
        max-width: 100%;
        width: 100%;
        top: calc((((100vw - 75px * 2) / 15) * -1));
        left: calc((((100vw - 75px * 2) / 15) * -1)); }
    .container-14 .grid-column:last-child {
      width: calc((((100vw - 75px * 2) / 15) * 7));
      -ms-flex-negative: 1; } }
  @media (min-width: 947px) {
    .container-14 {
      margin-top: calc(((70vw / 15) * 1) * 2); }
      .container-14 .grid-row {
        width: calc(((70vw / 15) * 14) + ((100vw - 75px - 70vw - 75px) / 2));
        margin-left: calc(75px + ((70vw / 15) * 1)); } }
    @media (min-width: 947px) and (max-width: 1279px) {
      .deepmode .container-14 .grid-row, .deepmode-container .container-14 .grid-row, .interrupter .container-14 .grid-row {
        width: calc(((70vw / 16) * 14) + ((100vw - 75px - 70vw - 75px) / 2));
        margin-left: calc(75px + ((70vw / 16) * 2)); }
        .deepmode .container-14 .grid-row .grid-column:first-child, .deepmode-container .container-14 .grid-row .grid-column:first-child, .interrupter .container-14 .grid-row .grid-column:first-child {
          width: calc(((70vw / 16) * 7));
          transform: translate3d(calc(((70vw / 16) * -1)), calc(((70vw / 16) * -1)), 0); } }
  @media (min-width: 947px) {
      .container-14 .grid-column:first-child {
        width: calc(((70vw / 15) * 8));
        transform: translate3d(calc(((70vw / 15) * -1)), calc(((70vw / 15) * -1)), 0); } }
  @media (min-width: 947px) and (-ms-high-contrast: none), (min-width: 947px) and (-ms-high-contrast: active) {
    .container-14 .grid-column:first-child {
      transform: none;
      position: relative; }
      .container-14 .grid-column:first-child picture {
        top: calc(((70vw / 15) * -1));
        left: calc(((70vw / 15) * -1)); }
    .container-14 .grid-column:last-child {
      width: 100%; } }
  @media (min-width: 1280px) {
    .container-14 {
      margin-top: calc(((60vw / 15) * 1) * 2); }
      .container-14 .grid-row {
        width: calc(((60vw / 15) * 14) + ((100vw - 100px - 10vw - 60vw - 100px) / 2));
        margin-left: calc(100px + 10vw + ((60vw / 15) * 1)); }
      .container-14 .grid-column:first-child {
        width: calc(((60vw / 15) * 9));
        transform: translate3d(calc(((60vw / 15) * -1)), calc(((60vw / 15) * -1)), 0); } }
  @media (min-width: 1280px) and (-ms-high-contrast: none), (min-width: 1280px) and (-ms-high-contrast: active) {
    .container-14 .grid-column:first-child {
      transform: none;
      position: relative; }
      .container-14 .grid-column:first-child picture {
        top: calc(((60vw / 15) * -1));
        left: calc(((60vw / 15) * -1)); }
    .container-14 .grid-column:last-child {
      width: calc(((60vw / 15) * 8)); } }

.container-15 {
  margin-top: calc(20px * 2); }
  .container-15 .grid-row {
    display: block;
    border: 1px solid #00532f;
    width: calc(100% - 20px * 2);
    margin-left: 20px; }
  .container-15 .grid-column:first-child {
    width: 100%;
    transform: translate3d(-20px, -20px, 0); }
  @media (min-width: 768px) {
    .container-15 {
      margin-top: calc((((100vw - 75px * 2) / 15) * 1) * 2); }
      .container-15 .grid-row {
        display: flex;
        width: calc(100vw - 75px * 2 - (((100vw - 75px * 2) / 15) * 1));
        margin-left: 75px; } }
    @media (min-width: 768px) and (max-width: 946px) {
      .deepmode .container-15 .grid-row, .deepmode-container .container-15 .grid-row, .interrupter .container-15 .grid-row {
        width: calc((((100vw - 75px * 2) / 16) * 14));
        margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1)); }
        .deepmode .container-15 .grid-row .grid-column:first-child, .deepmode-container .container-15 .grid-row .grid-column:first-child, .interrupter .container-15 .grid-row .grid-column:first-child {
          width: calc((((100vw - 75px * 2) / 16) * 7));
          transform: translate3d(calc((((100vw - 75px * 2) / 16) * 1)), calc(((70vw / 16) * -1)), 0); }
        .deepmode .container-15 .grid-row .grid-column:last-child, .deepmode-container .container-15 .grid-row .grid-column:last-child, .interrupter .container-15 .grid-row .grid-column:last-child {
          flex-shrink: 0;
          width: calc((((100vw - 75px * 2) / 16) * 7)); } }
  @media (min-width: 768px) {
      .container-15 .grid-column:first-child {
        order: 2;
        flex-shrink: 0;
        width: calc((((100vw - 75px * 2) / 15) * 8));
        transform: translate3d(calc((((100vw - 75px * 2) / 15) * 1)), calc((((100vw - 75px * 2) / 15) * -1)), 0); }
      .container-15 .grid-column:last-child {
        order: 1; } }
  @media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
    .container-15 .grid-column:first-child {
      transform: none;
      position: relative; }
      .container-15 .grid-column:first-child picture {
        position: relative;
        max-width: 100%;
        width: 100%;
        top: calc((((100vw - 75px * 2) / 15) * -1));
        right: calc((((100vw - 75px * 2) / 15) * -1)); }
    .container-15 .grid-column:last-child {
      width: calc((((100vw - 75px * 2) / 15) * 6)); } }
  @media (min-width: 947px) {
    .container-15 {
      margin-top: calc(((70vw / 15) * 1) * 2); }
      .container-15 .grid-row {
        width: calc(((70vw / 15) * 14) + ((100vw - 75px - 70vw - 75px) / 2));
        margin-left: 75px; } }
    @media (min-width: 947px) and (max-width: 1279px) {
      .deepmode .container-15 .grid-row, .deepmode-container .container-15 .grid-row, .interrupter .container-15 .grid-row {
        width: calc(((70vw / 16) * 14) + ((100vw - 75px - 70vw - 75px) / 2));
        margin-left: calc(75px + ((70vw / 16) * 1)); }
        .deepmode .container-15 .grid-row .grid-column:first-child, .deepmode-container .container-15 .grid-row .grid-column:first-child, .interrupter .container-15 .grid-row .grid-column:first-child {
          width: calc(((70vw / 16) * 7));
          transform: translate3d(calc(((70vw / 16) * 1)), calc(((70vw / 16) * -1)), 0); } }
  @media (min-width: 947px) {
      .container-15 .grid-column:first-child {
        width: calc(((70vw / 15) * 8));
        transform: translate3d(calc(((70vw / 15) * 1)), calc(((70vw / 15) * -1)), 0); } }
  @media (min-width: 947px) and (-ms-high-contrast: none), (min-width: 947px) and (-ms-high-contrast: active) {
    .container-15 .grid-column:first-child {
      width: 100%;
      -ms-flex-negative: 1; }
      .container-15 .grid-column:first-child picture {
        top: calc(((70vw / 15) * -1));
        right: calc(((70vw / 15) * -1)); }
    .container-15 .grid-column:last-child {
      width: calc(((70vw / 15) * 7)); } }
  @media (min-width: 1280px) {
    .container-15 {
      margin-top: calc(((60vw / 15) * 1) * 2); }
      .container-15 .grid-row {
        width: calc(((60vw / 15) * 14) + ((100vw - 100px - 10vw - 60vw - 100px) / 2));
        margin-left: calc(100px + 10vw); }
      .container-15 .grid-column:first-child {
        width: calc(((60vw / 15) * 9));
        transform: translate3d(calc(((60vw / 15) * 1)), calc(((60vw / 15) * -1)), 0); }
      .container-15 .grid-column:last-child {
        flex-grow: 1;
        width: calc(((60vw / 15) * 6)); } }
  @media (min-width: 1280px) and (-ms-high-contrast: none), (min-width: 1280px) and (-ms-high-contrast: active) {
    .container-15 .grid-column:first-child picture {
      width: 100%;
      display: block;
      top: calc(((60vw / 15) * -1));
      right: calc(((60vw / 15) * -1)); }
    .container-15 .grid-column:last-child {
      width: calc(((60vw / 15) * 6)); } }

.container-16 {
  margin-top: 20px; }
  .container-16 .grid-row {
    display: block;
    border: 1px solid #00532f;
    width: calc(100% - 5px * 2);
    margin-left: 5px; }
  .container-16 .grid-column:first-child {
    width: 100%;
    transform: translate3d(-35px, -40px, 0); }
  .container-16 .grid-column:last-child {
    margin-top: -40px;
    padding: 15px; }
  @media (min-width: 768px) {
    .container-16 {
      margin-top: calc((((100vw - 75px * 2) / 15) * 1)); }
      .container-16 .grid-row {
        width: calc( (((100vw - 75px * 2) / 15) * 14));
        margin-left: calc( 75px + (((100vw - 75px * 2) / 15) * 1)); }
      .container-16 .grid-column:first-child {
        transform: translate3d(calc((((100vw - 75px * 2) / 15) * -1)), calc((((100vw - 75px * 2) / 15) * -1)), 0); }
      .container-16 .grid-column:last-child {
        padding: 20px;
        margin-top: calc((((100vw - 75px * 2) / 15) * -1)); } }
  @media (min-width: 947px) {
    .container-16 {
      margin-top: calc( ((70vw / 15) * 1)); }
      .container-16 .grid-row {
        width: calc( ((70vw / 15) * 14));
        margin-left: calc( 75px + ((70vw / 15) * 1)); }
      .container-16 .grid-column:first-child {
        transform: translate3d(calc(((70vw / 15) * -1)), calc(((70vw / 15) * -1)), 0); }
      .container-16 .grid-column:last-child {
        margin-top: calc(((70vw / 15) * -1)); } }
  @media (min-width: 1280px) {
    .container-16 {
      margin-top: calc( ((60vw / 15) * 1)); }
      .container-16 .grid-row {
        width: calc( ((60vw / 15) * 14));
        margin-left: calc( 100px + 10vw + ((60vw / 15) * 1)); }
      .container-16 .grid-column:first-child {
        transform: translate3d(calc(((60vw / 15) * -1)), calc(((60vw / 15) * -1)), 0); }
      .container-16 .grid-column:last-child {
        margin-top: calc(((60vw / 15) * -1)); } }

.container-17 .grid-row {
  display: block; }

.container-17 .bg-image {
  width: 100%; }

.container-17 .notch {
  background: transparent;
  position: relative; }

@media (max-width: 767px) {
  .container-17 .grid-row {
    margin-left: 20px;
    width: calc(100% - 20px * 2); }
  .container-17 .notch {
    margin-top: -2.5em; } }

@media (min-width: 768px) {
  .container-17 .grid-row {
    width: calc(100vw - 50px); }
  .container-17 .grid-column {
    margin-left: 75px;
    width: calc(100% - 75px - 25px); }
  .container-17 .notch {
    margin-top: calc(-1 * (2.5em + 140px)); }
    .container-17 .notch:before {
      top: 2.5em;
      height: calc( 140px); }
    .container-17 .notch:before {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      background: #fff; }
  .container-17 .hero-content h1:first-line {
    color: #fff; }
  .container-17.apply-header .notch {
    margin-top: calc(-1 * (2.5em + 65px)); }
    .container-17.apply-header .notch:before {
      top: 2.5em;
      height: calc( 65px); } }

@media (min-width: 947px) {
  .container-17 .grid-row {
    width: calc( 75px + 70vw + ((100vw - 75px - 70vw - 75px) / 2)); }
  .container-17 .grid-column {
    width: 70vw;
    margin-left: 75px; }
  .container-17 .notch {
    margin-top: calc(-1 * (4.2em + 140px)); }
    .container-17 .notch:before {
      top: 4.2em;
      height: calc( 140px); }
  .container-17.apply-header .notch {
    margin-top: calc(-1 * (4.2em + 65px)); }
    .container-17.apply-header .notch:before {
      top: 4.2em;
      height: calc( 65px); } }

@media (min-width: 1280px) {
  .container-17 .grid-row {
    width: calc( (100px + 10vw) + 60vw + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
  .container-17 .grid-column {
    width: 60vw;
    margin-left: calc(100px + 10vw); }
  .container-17 .notch {
    margin-top: calc(-1 * (5.2em + 180px)); }
    .container-17 .notch:before {
      top: 5.2em;
      height: calc( 180px); }
  .container-17.apply-header .grid-column {
    margin-left: 100px; }
  .container-17.apply-header .notch {
    margin-top: calc(-1 * (4.8em + 65px)); }
    .container-17.apply-header .notch:before {
      top: 4.8em;
      height: calc( 65px); } }

.container-18 .grid-row {
  display: block; }

.container-18 .bg-image {
  margin-left: 20px; }

@media (max-width: 767px) {
  .container-18 .grid-row.pre-content {
    margin-left: 20px;
    margin-right: 20px; }
  .container-18 .grid-row.notch {
    margin-left: 20px;
    margin-right: 20px; } }

@media (min-width: 768px) {
  .container-18 {
    margin-bottom: -60px; }
    .container-18 .grid-row {
      width: calc(100vw - 75px * 2);
      margin-left: 75px; }
      .container-18 .grid-row.notch {
        margin-top: -100px;
        min-height: 100px;
        background: #fff;
        position: relative; }
        .container-18 .grid-row.notch .grid-column {
          margin-left: 25px;
          width: calc((((100vw - 75px * 2) / 15) * 14)); } }
    @media (min-width: 768px) and (max-width: 946px) {
      .container-18 .grid-row.pre-content .grid-column {
        width: calc((((100vw - 75px * 2) / 15) * 15)); }
      .container-18 .grid-row.notch {
        margin-left: 50px;
        width: calc(100vw - 50px - 75px); } }

@media (min-width: 768px) {
    .container-18 .bg-image {
      margin-left: 50px; } }

@media (min-width: 947px) {
  .container-18 .grid-row {
    width: calc(70vw + ((100vw - 75px - 70vw - 75px) / 2));
    margin-left: 75px; }
    .container-18 .grid-row.notch .grid-column {
      width: calc(((70vw / 15) * 15)); } }
  @media (min-width: 947px) and (max-width: 1279px) {
    .container-18 .grid-row.notch {
      margin-left: 50px;
      width: calc(70vw + ((100vw - 75px - 70vw - 75px) / 2) + 50px); } }

@media (min-width: 947px) {
    .container-18 .grid-row .grid-column {
      width: calc(((70vw / 15) * 15)); }
  .container-18 .bg-image {
    margin-left: 50px; } }

@media (min-width: 1280px) {
  .container-18 .grid-row {
    width: calc(10vw + 60vw + ((100vw - 100px - 10vw - 60vw - 100px) / 2));
    margin-left: 100px; }
    .container-18 .grid-row .grid-column {
      width: calc(((60vw / 15) * 15));
      margin-left: 10vw; }
    .container-18 .grid-row.notch .grid-column {
      margin-left: 10vw;
      width: calc(((60vw / 15) * 15)); }
  .container-18 .bg-image {
    margin-left: 100px; } }

.container-20 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-20 .grid-column:last-child {
    width: calc(100% - 20px * 2);
    margin-left: 20px; } }

@media (min-width: 768px) {
  .container-20 .grid-row {
    display: flex;
    width: calc(100% - 75px); }
  .container-20 .grid-column:first-child {
    width: calc((((100vw - 75px * 2) / 15) * 7) + 75px);
    margin-right: calc((100vw - 75px)/15);
    flex-shrink: 0; }
  .container-20 .grid-column:last-child {
    flex-shrink: 1;
    width: 100%; } }

@media (min-width: 947px) {
  .container-20 .grid-column:first-child {
    width: calc((70vw / 15) * 7 + 75px);
    margin-right: calc(70vw / 15); } }

@media (min-width: 1280px) {
  .container-20 .grid-column:first-child {
    width: calc( ((60vw/15)*7) + 100px + 10vw);
    margin-right: calc(60vw/15); } }

.container-21 .grid-row.quote {
  padding-top: 40px; }

.container-21 .grid-row.notch .grid-column {
  padding-top: 10px;
  padding-bottom: 10px; }

@media (max-width: 767px) {
  .container-21 .grid-row .grid-column {
    margin-left: 20px;
    width: calc(100% - 20px * 2); }
  .deepmode .container-21 .grid-row .grid-column, .deepmode-container .container-21 .grid-row .grid-column {
    margin-left: 0;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) {
  .container-21 .grid-row.quote .grid-column {
    margin-left: 75px;
    width: calc(100% - 75px * 2); }
  .container-21 .grid-row.notch {
    margin-left: 75px; }
    .container-21 .grid-row.notch .grid-column {
      background: #fff;
      width: calc(100vw - 75px * 2); } }

@media (min-width: 768px) and (max-width: 946px) {
  .deepmode .container-21 .grid-row.quote, .deepmode-container .container-21 .grid-row.quote {
    margin-left: 75px; }
    .deepmode .container-21 .grid-row.quote .grid-column, .deepmode-container .container-21 .grid-row.quote .grid-column {
      margin-left: calc((((100vw - 75px * 2) / 16) * 1));
      width: calc((((100vw - 75px * 2) / 16) * 15)); }
  .deepmode .container-21 .notch-bar, .deepmode-container .container-21 .notch-bar {
    padding-left: calc((((100vw - 75px * 2) / 16) * 1)); } }

@media (min-width: 947px) {
  .container-21 .grid-row.quote .grid-column {
    margin-left: 75px;
    width: calc(70vw + ((100vw - 75px - 70vw - 75px) / 2)); }
  .container-21 .grid-row.notch {
    margin-left: 75px; }
    .container-21 .grid-row.notch .grid-column {
      width: calc(70vw + ((100vw - 75px - 70vw - 75px) / 2)); } }

@media (min-width: 947px) and (max-width: 1279px) {
  .deepmode .container-21 .grid-row.quote, .deepmode-container .container-21 .grid-row.quote {
    margin-left: 75px; }
    .deepmode .container-21 .grid-row.quote .grid-column, .deepmode-container .container-21 .grid-row.quote .grid-column {
      margin-left: calc(((70vw / 16) * 1));
      width: calc(((70vw / 16) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); }
  .deepmode .container-21 .grid-row.notch, .deepmode-container .container-21 .grid-row.notch {
    margin-left: 75px; }
    .deepmode .container-21 .grid-row.notch .grid-column, .deepmode-container .container-21 .grid-row.notch .grid-column {
      padding-left: calc(((70vw / 16) * 1)); } }

@media (min-width: 1280px) {
  .container-21 .grid-row.quote {
    margin-left: 100px; }
    .container-21 .grid-row.quote .grid-column {
      margin-left: 10vw;
      width: calc(60vw + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
  .container-21 .grid-row.notch {
    margin-left: calc(100px + 10vw); }
    .container-21 .grid-row.notch .grid-column {
      width: calc(60vw + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); } }

.container-22 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .container-22 .grid-row {
    margin-left: 20px; }
  .container-22 .grid-column:last-child {
    margin-right: 20px; } }

@media (min-width: 768px) {
  .container-22 .grid-row {
    display: flex;
    margin-left: 75px; }
    .deepmode .container-22 .grid-row, .deepmode-container .container-22 .grid-row, .interrupter .container-22 .grid-row {
      width: calc(100% - 75px - (((100vw - 75px * 2) / 16) * 1));
      margin-left: calc(75px + (((100vw - 75px * 2) / 16) * 1)); }
  .container-22 .grid-column:first-child {
    order: 2;
    width: 100%; }
  .container-22 .grid-column:last-child {
    order: 1;
    flex-shrink: 0;
    width: calc((((100vw - 75px * 2) / 15) * 7));
    margin-right: calc((((100vw - 75px * 2) / 15) * 1)); }
    .deepmode .container-22 .grid-column:last-child, .deepmode-container .container-22 .grid-column:last-child, .interrupter .container-22 .grid-column:last-child {
      width: calc((((100vw - 75px * 2) / 16) * 7));
      margin-right: calc((((100vw - 75px * 2) / 16) * 1)); } }

@media (min-width: 947px) {
  .container-22 .grid-row {
    width: calc(((70vw / 15) * 15) + (100vw - 75px - 70vw - 75px));
    margin-left: 75px; }
    .deepmode .container-22 .grid-row, .deepmode-container .container-22 .grid-row, .interrupter .container-22 .grid-row {
      width: calc(100% - 75px - ((70vw / 16) * 1));
      margin-left: calc(75px + ((70vw / 16) * 1)); }
  .container-22 .grid-column:last-child {
    width: calc(((70vw / 15) * 7));
    margin-right: calc(((70vw / 15) * 1)); }
    .deepmode .container-22 .grid-column:last-child, .deepmode-container .container-22 .grid-column:last-child, .interrupter .container-22 .grid-column:last-child {
      width: calc(((70vw / 16) * 7));
      margin-right: calc(((70vw / 16) * 1)); } }

@media (min-width: 1280px) {
  .container-22 .grid-row {
    width: calc(((60vw / 15) * 15) + (100vw - 100px - 10vw - 60vw - 100px));
    margin-left: calc(100px + 10vw); }
    .deepmode .container-22 .grid-row, .deepmode-container .container-22 .grid-row, .interrupter .container-22 .grid-row {
      width: calc(100% - 100px - 10vw);
      margin-left: calc(100px + 10vw); }
  .container-22 .grid-column:last-child {
    width: calc(((60vw / 15) * 7));
    margin-right: calc(((60vw / 15) * 1)); }
    .deepmode .container-22 .grid-column:last-child, .deepmode-container .container-22 .grid-column:last-child, .interrupter .container-22 .grid-column:last-child {
      width: calc(((60vw / 15) * 7));
      margin-right: calc(((60vw / 15) * 1)); } }

.container-23 .grid-row {
  display: block; }
  .container-23 .grid-row.content {
    position: relative;
    margin-top: 25vw; }

.container-23 .bg-image {
  width: 100%;
  position: absolute; }

.container-23 .notch {
  background: #fff;
  position: relative; }
  .container-23 .notch.wide {
    height: 100%; }

@media (max-width: 767px) {
  .container-23 .bg-image {
    max-height: 500px;
    overflow: hidden; }
  .container-23 .grid-row.content {
    width: 82%;
    margin-left: 20px; }
    .container-23 .grid-row.content .grid-column {
      margin-left: calc((((100vw - 75px * 2) / 15) * 1)); }
  .container-23 .grid-row.notch {
    z-index: 2; }
    .container-23 .grid-row.notch.narrow {
      width: calc( 100% - 20px); }
      .container-23 .grid-row.notch.narrow .grid-column {
        margin-left: calc(20px + (((100vw - 75px * 2) / 15) * 1));
        width: calc( 100% - 20px - (((100vw - 75px * 2) / 15) * 2)); }
    .container-23 .grid-row.notch.wide {
      width: calc( 100% - 20px); }
      .container-23 .grid-row.notch.wide .grid-column {
        margin-left: calc(20px + (((100vw - 75px * 2) / 15) * 1));
        width: calc( 100% - 20px - (((100vw - 75px * 2) / 15) * 2)); }
        .container-23 .grid-row.notch.wide .grid-column .text-panel {
          color: #333; } }

@media (min-width: 768px) {
  .container-23 .bg-image {
    max-height: 55vw;
    overflow: hidden; }
  .container-23 .grid-row.content {
    width: 100%;
    z-index: 2;
    margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1));
    width: calc((((100vw - 75px * 2) / 15) * 14)); }
  .container-23 .grid-row.notch {
    z-index: 2; }
    .container-23 .grid-row.notch.narrow {
      margin-left: 75px;
      width: calc(100% - 75px * 2); }
      .container-23 .grid-row.notch.narrow .grid-column {
        margin-left: calc( 100% / 15);
        width: calc(100% / 15 * 13); }
    .container-23 .grid-row.notch.wide {
      width: calc( 100% - 75px); }
      .container-23 .grid-row.notch.wide .grid-column {
        margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1));
        width: calc((((100vw - 75px * 2) / 15) * 13)); }
        .container-23 .grid-row.notch.wide .grid-column .text-panel {
          color: #333; } }

@media (min-width: 947px) {
  .container-23 .grid-row.content {
    margin-left: calc( 75px + ((70vw / 15) * 1));
    width: calc(((70vw / 15) * 14)); }
  .container-23 .grid-row.notch {
    z-index: 2; }
    .container-23 .grid-row.notch.narrow {
      margin-left: 75px;
      width: calc(10vw + 60vw + ((100vw - 75px - 70vw - 75px) / 2)); }
      .container-23 .grid-row.notch.narrow .grid-column {
        width: calc(((70vw / 15) * 14));
        margin-left: calc(((70vw / 15) * 1)); }
    .container-23 .grid-row.notch.wide {
      width: calc((75px + 70vw + ((100vw - 75px - 70vw - 75px) / 2))); }
      .container-23 .grid-row.notch.wide .grid-column {
        margin-left: calc(75px + ((70vw / 15) * 1));
        width: calc(((70vw / 15) * 13)); } }

@media (min-width: 1280px) {
  .container-23 .grid-row.content {
    margin-left: 100px; }
    .container-23 .grid-row.content .grid-column {
      width: 60vw;
      margin-left: 10vw; }
  .container-23 .grid-row.notch {
    z-index: 2; }
    .container-23 .grid-row.notch.narrow {
      margin-left: 100px;
      width: calc(10vw + 60vw + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
      .container-23 .grid-row.notch.narrow .grid-column {
        width: 60vw;
        margin-left: 10vw; }
    .container-23 .grid-row.notch.wide {
      width: calc((100px + 10vw) + 60vw + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
      .container-23 .grid-row.notch.wide .grid-column {
        margin-left: calc(100px + 10vw);
        width: 60vw; }
        .container-23 .grid-row.notch.wide .grid-column .text-panel {
          color: #333; } }

/*
 * This container was not deliverd by CSA.  It's was made to match the styling for the "Next Section" centered above-the-footer module on interstitial pages
 *
 * On deepmode centering is w/ respect to 100% of page width, not gray par only!
 */
.container-24 .grid-row {
  border-left-width: 20px;
  border-left-style: solid;
  border-right-width: 20px;
  border-right-style: solid;
  border-color: transparent;
  justify-content: center; }

.container-24 .grid-column {
  margin-left: 15%;
  margin-right: 15%;
  padding: 0; }

@media (min-width: 768px) {
  .container-24 .grid-row {
    width: calc(100% - ( 2 * 50px ));
    margin-left: 50px;
    margin-right: 50px; } }

@media (min-width: 947px) {
  .container-24 .grid-row {
    width: calc(100% - (2 * 75px));
    margin-right: 75px;
    margin-left: 75px; } }

.margin-only-container .grid-row {
  display: block;
  margin-left: 20px;
  margin-right: 20px; }
  @media (min-width: 768px) {
    .margin-only-container .grid-row {
      margin-left: 75px;
      margin-right: 75px; }
      .deepmode .margin-only-container .grid-row, .deepmode-container .margin-only-container .grid-row, .interrupter .margin-only-container .grid-row {
        margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1)); } }
  @media (min-width: 947px) {
    .margin-only-container .grid-row {
      margin-left: 75px;
      margin-right: 75px; }
      .deepmode .margin-only-container .grid-row, .deepmode-container .margin-only-container .grid-row, .interrupter .margin-only-container .grid-row {
        margin-left: calc(75px + ((70vw / 15) * 1)); } }
  @media (min-width: 1280px) {
    .margin-only-container .grid-row {
      margin-left: 100px;
      margin-right: 100px; }
      .deepmode .margin-only-container .grid-row, .deepmode-container .margin-only-container .grid-row, .interrupter .margin-only-container .grid-row {
        margin-left: calc(100px + ((60vw / 15) * 1)); } }

.grid-overlay-button {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 20px;
  background: #333;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  z-index: 21;
  opacity: .5; }

.bp3-grid-updates .breakpoints {
  position: absolute;
  width: 450px;
  background: #000;
  color: #fff;
  padding: 40px;
  font-size: 25px;
  top: 5vh;
  left: calc(50% - (450px/2));
  text-align: center; }
  .bp3-grid-updates .breakpoints .x-small {
    display: block; }
    .bp3-grid-updates .breakpoints .x-small:after {
      content: "Mobile - less than 768px"; }
  .bp3-grid-updates .breakpoints .small:after {
    content: "Small - more than 768px"; }
  .bp3-grid-updates .breakpoints .medium:after {
    content: "Medium - more than 947px"; }
  .bp3-grid-updates .breakpoints .large:after {
    content: "Large - more than 1280px"; }
  .bp3-grid-updates .breakpoints .small,
  .bp3-grid-updates .breakpoints .medium,
  .bp3-grid-updates .breakpoints .large {
    display: none; }
  @media (min-width: 768px) {
    .bp3-grid-updates .breakpoints .x-small {
      display: none; }
    .bp3-grid-updates .breakpoints .small {
      display: block; } }
  @media (min-width: 947px) {
    .bp3-grid-updates .breakpoints .small {
      display: none; }
    .bp3-grid-updates .breakpoints .medium {
      display: block; } }
  @media (min-width: 1280px) {
    .bp3-grid-updates .breakpoints .medium {
      display: none; }
    .bp3-grid-updates .breakpoints .large {
      display: block; } }

.bp3-grid-updates .grid-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  opacity: .5; }
  .bp3-grid-updates .grid-overlay.show {
    display: block; }
  .bp3-grid-updates .grid-overlay .outer-margin {
    height: 100%;
    border-color: #ff0032;
    border-style: solid;
    border-left-width: 20px;
    border-right-width: 20px;
    border-left-style: solid; }
  @media (min-width: 768px) {
    .bp3-grid-updates .grid-overlay {
      background: #005aff; }
      .bp3-grid-updates .grid-overlay .outer-margin {
        border-left-width: calc(75px - 25px);
        border-right-width: calc(75px - 25px); }
      .bp3-grid-updates .grid-overlay .inner-margin {
        height: 100%;
        border-color: #9b0032;
        border-style: solid;
        border-left-width: 25px;
        border-right-width: 25px; }
      .bp3-grid-updates .grid-overlay .outer-flex {
        height: 100%;
        background: rgba(150, 175, 100, 0.65); }
      .bp3-grid-updates .grid-overlay .inner-flex {
        height: 100%;
        background: rgba(0, 100, 255, 0.5); }
      .bp3-grid-updates .grid-overlay .content {
        position: relative;
        height: 100%;
        width: 100%;
        background: #fff; }
      .bp3-grid-updates .grid-overlay .content-columns {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%; }
      .bp3-grid-updates .grid-overlay .content-column {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: rgba(255, 175, 0, 0.5);
        width: calc(100%/15); }
        .bp3-grid-updates .grid-overlay .content-column:nth-child(2) {
          margin-left: calc( (100%/15) * 2); }
        .bp3-grid-updates .grid-overlay .content-column:nth-child(3) {
          margin-left: calc( (100%/15) * 4); }
        .bp3-grid-updates .grid-overlay .content-column:nth-child(4) {
          margin-left: calc( (100%/15) * 6); }
        .bp3-grid-updates .grid-overlay .content-column:nth-child(5) {
          margin-left: calc( (100%/15) * 8); }
        .bp3-grid-updates .grid-overlay .content-column:nth-child(6) {
          margin-left: calc( (100%/15) * 10); }
        .bp3-grid-updates .grid-overlay .content-column:nth-child(7) {
          margin-left: calc( (100%/15) * 12); }
        .bp3-grid-updates .grid-overlay .content-column:nth-child(8) {
          margin-left: calc( (100%/15) * 14); } }
    @media (min-width: 768px) and (max-width: 946px) {
      .deep-mode-open .bp3-grid-updates .grid-overlay .content-column,
      .deepmode .bp3-grid-updates .grid-overlay .content-column, .deepmode-container .bp3-grid-updates .grid-overlay .content-column, .interrupter .bp3-grid-updates .grid-overlay .content-column {
        width: calc(100%/16); }
        .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(2),
        .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(2), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(2), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(2) {
          margin-left: calc( (100%/16) * 2); }
        .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(3),
        .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(3), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(3), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(3) {
          margin-left: calc( (100%/16) * 4); }
        .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(4),
        .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(4), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(4), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(4) {
          margin-left: calc( (100%/16) * 6); }
        .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(5),
        .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(5), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(5), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(5) {
          margin-left: calc( (100%/16) * 8); }
        .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(6),
        .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(6), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(6), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(6) {
          margin-left: calc( (100%/16) * 10); }
        .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(7),
        .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(7), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(7), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(7) {
          margin-left: calc( (100%/16) * 12); }
        .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(8),
        .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(8), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(8), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(8) {
          margin-left: calc( (100%/16) * 14); } }
  @media (min-width: 947px) {
    .bp3-grid-updates .grid-overlay .content {
      width: 70vw; } }

@media (min-width: 947px) and (max-width: 1279px) {
  .deep-mode-open .bp3-grid-updates .grid-overlay .content-column,
  .deepmode .bp3-grid-updates .grid-overlay .content-column, .deepmode-container .bp3-grid-updates .grid-overlay .content-column, .interrupter .bp3-grid-updates .grid-overlay .content-column {
    width: calc(70vw/16); }
    .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(2),
    .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(2), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(2), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(2) {
      margin-left: calc( (70vw/16) * 2); }
    .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(3),
    .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(3), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(3), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(3) {
      margin-left: calc( (70vw/16) * 4); }
    .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(4),
    .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(4), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(4), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(4) {
      margin-left: calc( (70vw/16) * 6); }
    .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(5),
    .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(5), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(5), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(5) {
      margin-left: calc( (70vw/16) * 8); }
    .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(6),
    .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(6), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(6), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(6) {
      margin-left: calc( (70vw/16) * 10); }
    .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(7),
    .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(7), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(7), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(7) {
      margin-left: calc( (70vw/16) * 12); }
    .deep-mode-open .bp3-grid-updates .grid-overlay .content-column:nth-child(8),
    .deepmode .bp3-grid-updates .grid-overlay .content-column:nth-child(8), .deepmode-container .bp3-grid-updates .grid-overlay .content-column:nth-child(8), .interrupter .bp3-grid-updates .grid-overlay .content-column:nth-child(8) {
      margin-left: calc( (70vw/16) * 14); } }
  @media (min-width: 1280px) {
    .bp3-grid-updates .grid-overlay .outer-margin {
      border-left-width: calc(100px - 35px);
      border-right-width: calc(100px - 35px); }
    .bp3-grid-updates .grid-overlay .inner-margin {
      border-left-width: 35px;
      border-right-width: 35px; }
    .bp3-grid-updates .grid-overlay .inner-flex {
      margin-left: calc(10vw/2); }
    .bp3-grid-updates .grid-overlay .content {
      margin-left: calc(10vw/2);
      width: 60vw; }
    .bp3-grid-updates .grid-overlay .content-column {
      width: calc(60vw/15); }
      .bp3-grid-updates .grid-overlay .content-column:nth-child(2) {
        margin-left: calc( (60vw/15) * 2); }
      .bp3-grid-updates .grid-overlay .content-column:nth-child(3) {
        margin-left: calc( (60vw/15) * 4); }
      .bp3-grid-updates .grid-overlay .content-column:nth-child(4) {
        margin-left: calc( (60vw/15) * 6); }
      .bp3-grid-updates .grid-overlay .content-column:nth-child(5) {
        margin-left: calc( (60vw/15) * 8); }
      .bp3-grid-updates .grid-overlay .content-column:nth-child(6) {
        margin-left: calc( (60vw/15) * 10); }
      .bp3-grid-updates .grid-overlay .content-column:nth-child(7) {
        margin-left: calc( (60vw/15) * 12); }
      .bp3-grid-updates .grid-overlay .content-column:nth-child(8) {
        margin-left: calc( (60vw/15) * 14); } }

.bp3-grid-updates p {
  line-height: 1.4; }

.bp3-grid-updates img {
  max-width: 100%; }

.careers .link-box-wrapper {
  margin-top: 25px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .careers .link-box-wrapper {
      display: flex; } }

.careers .link-box-button {
  background: #fff;
  color: #c8c8c8;
  border: 1px solid #c8c8c8;
  padding: 20px;
  width: 100%;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  margin-bottom: 10px; }
  .careers .link-box-button.active, .careers .link-box-button:hover {
    border-color: #32c77f;
    background: #32c77f;
    color: #fff; }
  @media (min-width: 768px) {
    .careers .link-box-button {
      width: calc(100% - 35px); }
      .careers .link-box-button:first-child {
        margin-right: 35px; } }
  @media (min-width: 947px) {
    .careers .link-box-button {
      padding: 25px; } }

.careers .full-width-body-section {
  padding-top: 35px;
  padding-bottom: 35px; }
  .careers .full-width-body-section:nth-of-type(even) {
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: 10% 15%;
    background-color: #f8f7f7; }
  .careers .full-width-body-section:nth-of-type(4n) {
    background-position: 50% 70%; }
  .careers .full-width-body-section h2 {
    margin-bottom: 15px; }
  .careers .full-width-body-section .cta-link.disabled {
    color: #c8c8c8; }

.careers .inline-search-bar form {
  border: 1px solid #32c77f;
  padding: 20px;
  width: 100%;
  display: flex; }
  .careers .inline-search-bar form input {
    width: 100%;
    height: 100%;
    border: none; }
    .careers .inline-search-bar form input:focus {
      outline: none; }
  @media (min-width: 768px) {
    .careers .inline-search-bar form {
      padding: 25px; } }
  @media (min-width: 947px) {
    .careers .inline-search-bar form {
      padding: 25px; } }

.careers .inline-search-bar ::-webkit-input-placeholder {
  color: #c8c8c8;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  weight: 400; }

.careers .inline-search-bar :-moz-placeholder {
  color: #c8c8c8;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  weight: 400; }

.careers .inline-search-bar ::-moz-placeholder {
  color: #c8c8c8;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  weight: 400; }

.careers .inline-search-bar :-ms-input-placeholder {
  color: #c8c8c8;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  weight: 400; }

.careers .hero-type1 .notch {
  color: #fff; }
  .careers .hero-type1 .notch .grid-column {
    position: relative;
    font-size: 30px; }
    .careers .hero-type1 .notch .grid-column h1 {
      font-weight: 200; }

@media (max-width: 767px) {
  .careers .hero-type1 {
    margin-top: 50px; }
    .careers .hero-type1 .notch {
      background: transparent;
      height: 0; }
      .careers .hero-type1 .notch .grid-column {
        margin-left: 20px;
        top: calc( -1em + -20px); } }

@media (min-width: 768px) {
  .careers .hero-type1 .notch {
    margin-top: -50px;
    min-height: 50px; }
    .careers .hero-type1 .notch .grid-column {
      font-size: 48px;
      top: calc( -1em + -27px); }
  .careers .hero-type1 + .apply-module {
    padding-top: 0; } }

@media (min-width: 947px) {
  .careers .hero-type1 .notch {
    margin-top: -65px;
    min-height: 65px; } }

@media (min-width: 1280px) {
  .careers .hero-type1 .notch .grid-column {
    font-size: 60px;
    top: calc( -1em + -45px);
    margin-left: 100px; } }

.deep-mode-open > .top-bar-wrapper {
  display: none; }

.deep-mode-open .content-wrapper.deepmode {
  position: fixed;
  top: 0;
  right: 0;
  transform-origin: right top;
  animation-name: deepmode-open;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
  animation-timing-function: 'ease-in-out'; }
  .deep-mode-open .content-wrapper.deepmode.dm-close {
    animation-name: deepmode-close;
    animation-fill-mode: forwards; }
  .deep-mode-open .content-wrapper.deepmode.animation-done {
    animation-fill-mode: none;
    animation-name: none; }

.content-wrapper.deepmode {
  min-height: 100vh; }

/*BP4-1367 prevents content from being draggable, http://stackoverflow.com/questions/17068026/prevent-ios-safari-from-moving-web-page-window-so-drag-event-can-happen
didn't target this to one browser b/c it also seems to fix an issue where IE11 was showing grey background all the way to left
not using overflow or overflow-y b/c there's no issue with vertical overflow
*/
.deepmode > .content-inner-wrapper {
  overflow-x: hidden; }

/*===============
    #MAIN
===============*/
/*
  Main is for layout rulesets that exist at the page level.
  If your ruleset is for:
    Fixing a component template -> put it in a module
    Fixing a browser bug  ->  put it in trumps
    Adding a ruleset that we can use everywhere -> Put it in objects
*/
html {
  overflow-x: hidden; }

@media (max-width: 767px) {
  .active-nav body .top-bar-wrapper {
    display: none; } }

@media (max-width: 946px) {
  .active-nav body .top-bar-wrapper {
    z-index: -1; } }

body > section.container {
  position: relative;
  transition: left 0.5s, margin-top 0.35s, transform 0.35s;
  left: 0; }

/* Fix for BR-1242: in mobile (iOS mainly), when content is ajaxed in (deepmode or interstitial) and scrolled
parts of the page that are out of view are not rendered until finger is off screen. Hiding the main navigation
while not in use fixes this. the .nav-closed class is added on side-navigation js init and removed/added when
nav is opened/closed */
.nav-closed .navigation-wrapper {
  display: none; }

.nav-closed.active-nav .navigation-wrapper {
  display: block; }

/* global styles for all of the person contact local and non local names (formerly ruby tags)*/
.name-non-local {
  display: block; }

.name-local {
  display: block;
  margin-bottom: 5px; }

/*
 Any page besides deepmode, give the first text panel the top margin
 Applies to only content components:
   with a .container- class,
   is directly inside of content-inner-wrapper (because we can put containers in containers),
   and is a first-child (basically, the very first component on a page)
 Spacing-A) easiest approach is to loop through all containers and apply top spacing to first child
 Spacing-B) These are "heros" or banners, where there's imagery and content starts at the very top;
          These are the "exceptions" to the rule
 */
.content-inner-wrapper > .container-1:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-1:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-1:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-2:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-2:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-2:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-3:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-3:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-3:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-4:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-4:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-4:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-5:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-5:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-5:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-6:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-6:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-6:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-7:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-7:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-7:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-8:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-8:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-8:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-9:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-9:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-9:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-10:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-10:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-10:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-11:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-11:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-11:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-12:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-12:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-12:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-13:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-13:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-13:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-14:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-14:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-14:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-15:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-15:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-15:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-16:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-16:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-16:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-17:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-17:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-17:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-18:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-18:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-18:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-19:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-19:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-19:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-20:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-20:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-20:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-21:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-21:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-21:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-22:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-22:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-22:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-23:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-23:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-23:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-24:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-24:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-24:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-25:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-25:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-25:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-26:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-26:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-26:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-27:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-27:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-27:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-28:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-28:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-28:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-29:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-29:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-29:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .container-30:first-child {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .content-inner-wrapper > .container-30:first-child {
      margin-top: 90px; } }
  @media (min-width: 1280px) {
    .content-inner-wrapper > .container-30:first-child {
      margin-top: 130px; } }

.content-inner-wrapper > .challenge-top:first-child, .content-inner-wrapper >
.container-17:first-child, .content-inner-wrapper >
.container-12:first-child, .content-inner-wrapper >
.container-13:first-child {
  margin-top: 0; }

.page .deepmode .content-inner-wrapper .deepmode-hero {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .page .deepmode .content-inner-wrapper .deepmode-hero {
      margin-top: 0; } }

@media (max-width: 767px) {
  .deepmode-hero.container-12 .bg-image {
    margin-left: 0;
    width: 100%; } }

.navigation-wrapper {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; }

.navigation-wrapper,
.content-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto; }

.content-wrapper {
  padding-top: 100px;
  top: 0; }
  @media (min-width: 768px) {
    .content-wrapper {
      padding-top: 51px; } }
  @media (min-width: 1280px) {
    .content-wrapper {
      padding-top: 65px; } }
  @media (min-width: 768px) {
    .has-interstitial .content-wrapper {
      padding-top: 100px; } }
  @media (min-width: 1280px) {
    .has-interstitial .content-wrapper {
      padding-top: 105px; } }
  .content-wrapper.deepmode {
    padding-top: 50px;
    background: #ebebeb;
    padding-bottom: 1px; }
    @media (min-width: 768px) {
      .content-wrapper.deepmode {
        box-shadow: inset 75px 0 white; } }
    @media (min-width: 1280px) {
      .content-wrapper.deepmode {
        box-shadow: inset 100px 0 white; } }
  .content-wrapper:not(.deepmode).from-left, .content-wrapper:not(.deepmode).from-right {
    animation-fill-mode: forwards;
    animation-duration: 0.5s;
    animation-timing-function: 'ease-in-out';
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }
  .content-wrapper:not(.deepmode).from-left {
    animation-name: fromleft; }
  .content-wrapper:not(.deepmode).from-right {
    animation-name: fromright; }

[data-useragent*="Windows NT"] .content-wrapper:not(.deepmode).from-left, [data-useragent*="Windows NT"] .content-wrapper:not(.deepmode).from-right {
  overflow: hidden; }

/*
  #SHAME
  This should be replaced with gird updates
*/
.expert-bio-page-type .people-list .additional-info {
  display: none; }

.expert-bio-page-type .column-wrapper {
  padding-top: 30px; }
  @media (min-width: 947px) {
    .expert-bio-page-type .column-wrapper {
      display: flex; }
      .expert-bio-page-type .column-wrapper .column:first-child {
        flex-grow: 1;
        width: 65%;
        margin-right: 40px; }
      .expert-bio-page-type .column-wrapper .column + .column {
        max-width: 35%; } }
  .expert-bio-page-type .column-wrapper .people-list.container-2 + .pull-quote {
    margin-top: 0; }
  @media (max-width: 946px) {
    .expert-bio-page-type .column-wrapper .column {
      display: flex; }
      .expert-bio-page-type .column-wrapper .column .wrapper {
        width: 50%; }
        .expert-bio-page-type .column-wrapper .column .wrapper:first-child {
          margin-right: 40px; } }
  @media (max-width: 767px) {
    .expert-bio-page-type .column-wrapper .column {
      display: block; }
      .expert-bio-page-type .column-wrapper .column .wrapper {
        width: 100%;
        margin: 0; } }

/*
The notch contains negative margin, which causes the notch to "eat" content
Adding position:relative to all the containers after the notch prevent them from being
  sucked up into the notch
 */
.hero-type-1 ~ [class*="container-"],
.hero-type-1 ~ [class*="insight-teaser-"],
.hero-type-2 ~ [class*="container-"],
.hero-type-2 ~ [class*="insight-teaser-"],
.apply-header ~ [class*="container-"],
.apply-header ~ [class*="insight-teaser-"] {
  position: relative; }
  .isIE .hero-type-1 ~ [class*="container-"], .isIE
  .hero-type-1 ~ [class*="insight-teaser-"], .isIE
  .hero-type-2 ~ [class*="container-"], .isIE
  .hero-type-2 ~ [class*="insight-teaser-"], .isIE
  .apply-header ~ [class*="container-"], .isIE
  .apply-header ~ [class*="insight-teaser-"] {
    background-color: white; }

.popup404 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: flex; }
  .popup404 .inner {
    margin: auto;
    background: rgba(255, 255, 255, 0.75);
    padding: 20px;
    border: 1px solid #32c77f; }

.spinner-wrapper {
  position: fixed;
  background: rgba(0, 0, 0, 0.35);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  z-index: 200; }
  .spinner-wrapper .spinner {
    height: 40px;
    width: 40px;
    margin: auto;
    background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/loading-animation.88d8b983053b0ac8c29d074b7f6cda68.gif'); }

.cookie-notification {
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  bottom: -200px;
  opacity: 0;
  right: 65px;
  position: fixed;
  padding: 20px;
  visibility: hidden;
  width: 350px;
  -webkit-transition: visibility 0.5s, bottom 0.5s, opacity 0.5s;
  -moz-transition: visibility 0.5s, bottom 0.5s, opacity 0.5s;
  -ms-transition: visibility 0.5s, bottom 0.5s, opacity 0.5s;
  -o-transition: visibility 0.5s, bottom 0.5s, opacity 0.5s;
  transition: visibility 0.5s, bottom 0.5s, opacity 0.5s; }
  .cookie-notification.visible {
    visibility: visible;
    bottom: 65px;
    opacity: 1;
    z-index: 1; }
    @media (max-width: 767px) {
      .cookie-notification.visible {
        bottom: 0; } }
  @media (max-width: 767px) {
    .cookie-notification {
      bottom: 0;
      position: fixed;
      right: 0;
      width: 100%;
      z-index: 1; } }
  .isMobile .cookie-notification {
    position: fixed; }
  .cookie-notification p {
    font-size: 14px;
    line-height: 18px;
    color: #707070;
    font-weight: 300; }
  .cookie-notification button {
    border: 1px solid #01542f;
    background-color: #197a56;
    color: #fff;
    font-size: 18px;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    margin-top: 20px;
    padding: 10px 0;
    width: 100%; }

/*===============
  #SITEFOOTER
===============*/
/*
  static site footers
  _legal.pug            || everywhere
  _deepmode.pug         || deepmode
  _homepage.pug         || homepage
  _perspectives.pug     || perspectives/bhi pages

   tridion site footers
    LegalFooter.cshtml           ||  everywhere
    DeepmodeFooter.cshtml        ||  deepmode
    StandardFooter.html          ||  homepage
    CareersFooter.cshtml         ||  careers

*/
/*=== sitefooter ===
  -outerGridWrapper
  -wrapper
  -flags
  -list
   -item
   -itemLink
   _base
   _share
  -legal
  -element

  _deepmode
  _legal
  _careers
  _homepage
  _bhi
*/
.sitefooter {
  clear: both;
  display: block;
  float: none;
  height: auto;
  margin: 125px 0 30px; }
  @media (min-width: 768px) {
    .sitefooter {
      margin-top: 125px; } }
  .container.deepmode .sitefooter .outer-grid-wrapper .inner-grid-wrapper {
    margin-right: 0;
    padding: 5px 0 0; }
  .deepmode-container .sitefooter .outer-grid-wrapper .inner-grid-wrapper {
    padding: 5px 0 0;
    border-top: 1px solid #d7d9d9; }
    @media (min-width: 768px) {
      .deepmode-container .sitefooter .outer-grid-wrapper .inner-grid-wrapper {
        margin: 0 0 0 5%; } }

.sitefooter-outerGridWrapper {
  width: 100%; }

.sitefooter-wrapper {
  border-top: 1px solid #c2c2c2;
  padding-top: 15px;
  display: flex;
  flex-direction: row; }
  .sitefooter-wrapper .footer-row {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    @media (min-width: 947px) {
      .sitefooter-wrapper .footer-row {
        display: none; } }
  .sitefooter-wrapper .user-profile {
    margin-right: 30px;
    font-size: 19px;
    line-height: 19px; }
    @media (min-width: 768px) {
      .sitefooter-wrapper .user-profile {
        display: none; } }
  @media (max-width: 946px) {
    .sitefooter-wrapper {
      flex-direction: column;
      justify-content: space-around; } }
  @media (min-width: 768px) {
    .sitefooter-wrapper {
      justify-content: space-between; } }

@media (max-width: 946px) {
  .sitefooter .sitefooter-flags {
    order: 2; } }

@media (min-width: 768px) {
  .sitefooter .sitefooter-flags {
    display: none; } }

@media (max-width: 767px) {
  .sitefooter .sitefooter-flags {
    align-self: center;
    display: block;
    margin-bottom: 0px; } }

.sitefooter .sitefooter-flags .language p {
  color: #707070;
  font-style: normal;
  font-size: 14px;
  padding: 0; }

.sitefooter .sitefooter-flags .language em {
  font-style: normal;
  text-transform: capitalize; }

@media (max-width: 767px) {
  .sitefooter .sitefooter-flags .lens-selector-button {
    display: block;
    margin: 0px;
    float: none; } }

@media (max-width: 767px) {
  .sitefooter .sitefooter-flags .lens-selector-button-content .language-container {
    width: auto;
    margin: 0 0 0 5px; } }

@media (max-width: 767px) {
  .sitefooter .sitefooter-flags .flag {
    margin-right: 5px; } }

.sitefooter-list {
  list-style-type: none;
  font-size: 14px;
  line-height: 1;
  margin: 0; }

.sitefooter-list-item {
  padding: 0 14px 0 0;
  margin: 0;
  display: inline-block; }
  @media (min-width: 947px) and (max-width: 1090px) {
    .sitefooter-list-item {
      padding: 0 8px 0 0; } }
  @media (max-width: 767px) {
    .sitefooter-list-item {
      padding-right: 3px; } }
  .sitefooter-list-item::before {
    content: none; }
  .sitefooter-list-item:last-child {
    padding-top: 15px;
    padding-right: 0;
    margin-right: 0; }
    .sitefooter-list-item:last-child span {
      padding-right: 0; }
  @media (max-width: 767px) {
    .sitefooter-list-item {
      text-align: center; } }
  .sitefooter-list-item span {
    padding-right: 10px;
    vertical-align: auto; }
    @media (min-width: 947px) and (max-width: 1090px) {
      .sitefooter-list-item span {
        padding-right: 0;
        font-size: 14px; } }

.sitefooter-list-itemLink,
.sitefooter-list-item a {
  color: inherit;
  transition: all .3s ease-in-out; }
  .sitefooter-list-itemLink:hover, .sitefooter-list-itemLink:focus, .sitefooter-list-itemLink:active,
  .sitefooter-list-item a:hover,
  .sitefooter-list-item a:focus,
  .sitefooter-list-item a:active {
    color: #00532f; }

/*due to:
.share {margin-right: 20px; font-size: 16px;}
*/
.sitefooter-list.sitefooter-list_share {
  font-size: 14px;
  margin-right: 0; }

@media (max-width: 946px) {
  .sitefooter-list_share {
    float: none;
    order: 1;
    text-align: center;
    margin-bottom: 25px; } }

.sitefooter-list_share .sitefooter-list-itemLink {
  color: #32c77f; }
  .sitefooter-list_share .sitefooter-list-itemLink:hover, .sitefooter-list_share .sitefooter-list-itemLink:focus, .sitefooter-list_share .sitefooter-list-itemLink:active {
    color: #32c77f; }
  .sitefooter-list_share .sitefooter-list-itemLink span.icon {
    color: #fff;
    background-color: #32c77f;
    border-radius: 17px;
    margin-right: 5px;
    padding: 4px 7px 4px 5px; }
    .sitefooter-list_share .sitefooter-list-itemLink span.icon.icon-social-bio-email {
      padding: 4px 6px; }
      .sitefooter-list_share .sitefooter-list-itemLink span.icon.icon-social-bio-email::before {
        font-size: 8px;
        bottom: 3px; }
    .sitefooter-list_share .sitefooter-list-itemLink span.icon::before {
      background-color: #32c77f;
      font-size: 10px;
      margin-bottom: 0;
      bottom: 2px;
      position: relative; }
  @media (max-width: 499px) {
    .sitefooter-list_share .sitefooter-list-itemLink span {
      margin: 0;
      display: block; }
    .sitefooter-list_share .sitefooter-list-itemLink span.icon {
      display: inline-block;
      margin-bottom: 7px; } }

.sitefooter-list_base {
  color: #707070; }
  @media (max-width: 946px) {
    .sitefooter-list_base {
      float: none;
      order: 3;
      text-align: center; } }
  @media (min-width: 947px) {
    .sitefooter-list_base {
      margin-top: 3px; } }
  @media (max-width: 767px) {
    .sitefooter-list_base .sitefooter-list-item {
      border-right: 1px solid #707070;
      padding: 0 11px 0 6px; } }
  .sitefooter-list_base .sitefooter-list-item:first-child {
    padding-left: 0; }
    @media (max-width: 499px) {
      .sitefooter-list_base .sitefooter-list-item:first-child {
        border-right: none;
        display: block;
        margin: 0 0 15px;
        padding: 0; } }
  .sitefooter-list_base .sitefooter-list-item:last-child {
    border: none;
    padding-right: 0; }

.copyright {
  line-height: 19px;
  font-size: 14px;
  color: #707070; }

.sitefooter-legal {
  clear: both;
  color: #b7b7b7;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  padding-top: 15px;
  text-align: justify; }
  @media (max-width: 946px) {
    .sitefooter-legal {
      width: 100%; } }

.homepage-container .sitefooter-legal {
  color: #b7b7b7;
  font-size: 12px;
  line-height: 16px; }

/*===============
  #HOMEPAGE
===============*/
.sitefooter_homepage {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 300;
  font-size: .9em;
  margin: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.55); }
  @media (min-width: 768px) {
    .sitefooter_homepage {
      flex-direction: row;
      transform: translate3d(0, 100px, 0);
      transition: transform 0.8s;
      position: fixed;
      bottom: 0;
      left: 0;
      padding: 0 20px;
      z-index: 101;
      padding: 0; }
      .sitefooter_homepage.show {
        transform: translate3d(0, 0, 0); } }
  @media (min-width: 947px) {
    .sitefooter_homepage {
      font-size: 1em; } }

/*===============
  #HOMEPAGE ELEMENTS
===============*/
.sitefooter_homepage .sitefooter-wrapper {
  padding: 12px 0 15px;
  border: none;
  margin-left: 20px;
  margin-right: 20px; }
  @media (max-width: 946px) {
    .sitefooter_homepage .sitefooter-wrapper {
      flex-direction: column; } }
  @media (max-width: 767px) {
    .sitefooter_homepage .sitefooter-wrapper {
      padding-bottom: 20px;
      padding-top: 5px; } }
  @media (min-width: 947px) {
    .sitefooter_homepage .sitefooter-wrapper {
      margin-left: 4%;
      margin-right: 4%; } }

@media (max-width: 767px) {
  .sitefooter_homepage .sitefooter-flags {
    order: 1;
    margin: 0; } }

.sitefooter_homepage .sitefooter-flags .language p {
  color: #fff; }

.sitefooter_homepage .sitefooter-list {
  color: #f2f2f2; }

.sitefooter_homepage .sitefooter-list-itemLink {
  color: inherit; }
  .sitefooter_homepage .sitefooter-list-itemLink:hover, .sitefooter_homepage .sitefooter-list-itemLink:focus, .sitefooter_homepage .sitefooter-list-itemLink:active {
    color: #fff;
    text-shadow: 2px 2px 0 #000; }

@media (max-width: 946px) {
  .sitefooter_homepage .sitefooter-list_base {
    order: 2; } }

@media (max-width: 499px) {
  .sitefooter_homepage .sitefooter-list_share span.icon {
    display: none; } }

@media (max-width: 946px) {
  .sitefooter_homepage .sitefooter-list_share {
    order: 3;
    padding: 15px 0 5px;
    margin: 0; } }

.bhi-pt .sitewide-footer {
  background-color: black;
  padding-bottom: 35px;
  margin: -1px 0px 0px 0px;
  color: #b7b7b7; }

.bhi-pt .sitefooter-wrapper {
  border-top: none; }

.bhi-pt .sitefooter-row {
  margin-bottom: 15px;
  order: 2; }

.bhi-pt footer.clearfix {
  margin: 0px; }

.bhi-pt .sitefooter-list_base {
  color: inherit; }

.bhi-pt .sitefooter-legal {
  color: inherit;
  margin-bottom: 0;
  padding-top: 20px; }

.bhi-pt .sitefooter-flags {
  display: block; }
  @media (min-width: 768px) {
    .bhi-pt .sitefooter-flags {
      display: none; } }

.bhi-pt .sitefooter-flags .language p {
  color: inherit; }

.bhi-pt .lens-selector-button .lens-selector-button-content .language-container .right-arrow {
  color: inherit;
  display: none; }

.sitefooter .user-and-lens {
  display: flex;
  justify-content: center;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .sitefooter .user-and-lens {
      display: none; } }
  .sitefooter .user-and-lens .user-info {
    margin-top: 0; }
    @media (min-width: 768px) {
      .sitefooter .user-and-lens .user-info {
        display: none; } }
  .sitefooter .user-and-lens .profile-link {
    align-self: center; }

.sitefooter_legal .user-info {
  display: block; }

.deepmode .user-and-lens {
  display: none; }

.xdsoft_autocomplete,
.xdsoft_autocomplete div,
.xdsoft_autocomplete span {
  /*  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;*/ }

.xdsoft_autocomplete {
  display: inline;
  position: relative;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: start;
  width: 60% !important;
  /* Have to use the important declaration since the plugin calculates the width incorrectly */ }

@media (min-width: 768px) {
  .xdsoft_autocomplete {
    width: 75% !important;
    /* Have to use the important declaration since the plugin calculates the width incorrectly */ } }

@media (min-width: 1280px) {
  .xdsoft_autocomplete {
    width: 85% !important;
    /* Have to use the important declaration since the plugin calculates the width incorrectly */ } }

.xdsoft_autocomplete .xdsoft_input {
  position: relative;
  z-index: 2; }

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
  position: absolute;
  border-top: 1px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: default;
  display: none;
  z-index: 1001;
  margin-top: -1px;
  background-color: #f0f2f2;
  min-width: 100%;
  overflow: auto;
  width: calc(100vw - 10px) !important;
  margin-left: 0 !important; }

@media (min-width: 768px) {
  .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
    width: 93vw !important;
    max-width: calc(75px + (((100vw - 75px * 2) / 15) * 15)) !important;
    left: -50px !important; } }

@media (min-width: 1280px) {
  .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
    width: 93vw !important;
    max-width: calc(50px + 10vw + ((60vw / 15) * 15) + (100vw - 100px - 10vw - 60vw - 100px)) !important;
    left: -65px !important; } }

.xdsoft_autocomplete .xdsoft_autocomplete_hint {
  position: absolute;
  z-index: 1;
  color: #ccc !important;
  -webkit-text-fill-color: #ccc !important;
  text-fill-color: #ccc  !important;
  overflow: hidden !important;
  white-space: pre  !important;
  width: 100% !important; }

.xdsoft_autocomplete .xdsoft_autocomplete_hint span {
  color: transparent;
  opacity: 0.0; }

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > .xdsoft_autocomplete_copyright {
  color: #ddd;
  font-size: 10px;
  text-decoration: none;
  right: 5px;
  position: absolute;
  margin-top: -15px;
  z-index: 1002; }

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-weight: 400;
  background: #f0f2f2;
  cursor: pointer;
  line-height: 16px;
  font-size: 14px;
  padding: 20px 0px;
  border-bottom: 1px solid #D7D9D9;
  margin: 0 20px !important;
  font-weight: normal; }

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div:last-child {
  border: none; }

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
  background: rgba(50, 199, 127, 0.15);
  color: #333;
  margin: 0 !important;
  padding: 20px !important;
  border-bottom: 1px solid transparent; }

@media (min-width: 768px) {
  .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
    padding-left: 0 !important;
    margin: 0 0 0 80px !important;
    line-height: 26px;
    font-size: 24px; }
  .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
    padding-left: 80px !important;
    margin: 0 !important;
    border-bottom: 1px solid transparent; } }

@media (min-width: 1280px) {
  .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
    padding-left: 0 !important;
    margin: 0 0 0 100px !important;
    font-size: 21px;
    line-height: 25px; }
  .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
    padding-left: 100px !important;
    margin: 0 !important;
    border-bottom: 1px solid transparent; } }

.typeahead li, .typeahead-container li {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: static; }
  .typeahead li::before, .typeahead-container li::before {
    content: none; }

.typeahead {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  list-style: none;
  border: 1px solid #f0f2f2;
  background-color: #f0f2f2;
  width: calc(25px + (((100vw - 75px * 2) / 15) * 15)); }
  @media (max-width: 767px) {
    .typeahead {
      width: 100%;
      top: 110px; } }
  @media (min-width: 1280px) {
    .typeahead {
      width: calc(-10px + 10vw + ((60vw / 15) * 15) + (100vw - 100px - 10vw - 60vw - 100px)); } }

.typeahead li {
  color: inherit;
  font-size: inherit;
  line-height: 20px;
  margin: 0;
  padding: 0; }
  .typeahead li:not(:last-child) {
    border-bottom: 1px solid #bdbfbf; }
  .typeahead li:nth-child(n+6) {
    display: none; }

.typeahead a {
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-weight: 400;
  display: block;
  padding: 23px 20px 23px 30px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #bdbfbf;
  white-space: nowrap;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }
  @media (min-width: 500px) {
    .typeahead a {
      font-size: 18px;
      line-height: 22px; } }
  @media (min-width: 768px) {
    .typeahead a {
      font-size: 21px;
      line-height: 25px; } }

.typeahead .active > a {
  color: #333;
  text-decoration: none;
  outline: 0; }
  .typeahead .active > a:hover {
    color: #3fad93; }

.typeahead.hidden {
  display: none; }

.hero-search-typeahead.typeahead {
  background: none;
  left: 0 !important;
  width: calc(100% - 40px);
  margin-left: 20px; }
  .hero-search-typeahead.typeahead li {
    background: #f0f2f2; }
  .hero-search-typeahead.typeahead a {
    padding-left: 20px;
    padding-right: 20px; }
  @media (min-width: 768px) {
    .hero-search-typeahead.typeahead {
      width: calc(100% - 100px);
      margin-left: 50px;
      margin-right: 50px;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent; } }
  @media (min-width: 947px) {
    .hero-search-typeahead.typeahead {
      width: calc(100% - 100px); }
      .hero-search-typeahead.typeahead li {
        margin-right: 30%; } }
  @media (min-width: 1280px) {
    .hero-search-typeahead.typeahead {
      width: calc(100% - 130px);
      margin-left: 65px;
      margin-right: 65px;
      border-left: 35px solid transparent;
      border-right: 35px solid transparent; }
      .hero-search-typeahead.typeahead li {
        margin-left: 10%;
        margin-right: 30%; } }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/fonts/VideoJS.cbd83306372625041829a4f49fd97fe9.eot?#iefix") format("eot"); }

@font-face {
  font-family: VideoJS;
  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==') format("woff"), url('data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=') format("truetype");
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
    content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-play-circle:before {
    content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-square:before {
    content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-spinner:before {
    content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
    content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-share:before {
    content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cog:before {
    content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-outline:before {
    content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-circle-inner-circle:before {
    content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-hd:before {
    content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-facebook:before {
    content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-gplus:before {
    content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-linkedin:before {
    content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-twitter:before {
    content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-tumblr:before {
    content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-pinterest:before {
    content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e"; }

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-next-item:before {
    content: "\f11f"; }

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }
  .vjs-icon-previous-item:before {
    content: "\f120"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial; }
  .video-js:-moz-full-screen {
    position: absolute; }
  .video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

.video-js[tabindex="-1"] {
  outline: none; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.vjs-control .vjs-button {
  width: 100%;
  height: 100%; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  box-sizing: content-box; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  box-sizing: content-box; }

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -ms-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
  touch-action: none; }

.video-js .vjs-progress-control.disabled {
  cursor: default; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-play-progress {
  background-color: #fff; }
  .video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.333333333333333em;
    z-index: 1; }

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  -khtml-user-select: none;
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider.disabled {
  cursor: default; }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s; }
  .video-js .vjs-volume-panel:hover .vjs-volume-control,
  .video-js .vjs-volume-panel:active .vjs-volume-control,
  .video-js .vjs-volume-panel:focus .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control:hover,
  .video-js .vjs-volume-panel .vjs-volume-control:active,
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
      width: 5em;
      height: 3em; }
    .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 9em;
    -webkit-transition: width 0.1s;
    -moz-transition: width 0.1s;
    -ms-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s; }
  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }
  .video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }
  .vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }
  .vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0px !important;
  white-space: nowrap; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -moz-transform: translateY(-1.5em);
  -ms-transform: translateY(-1.5em);
  -o-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: 0s linear 0.3s forwards vjs-spinner-show; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible; } }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em; }

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: block; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto; }
  .vjs-text-track-settings .vjs-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1; }
  .vjs-text-track-settings .vjs-track-settings-font {
    grid-column: 2;
    grid-row: 1; }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 2;
    grid-row: 2; } }

.vjs-track-setting > select {
  margin-right: 5px; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000; }

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none; }

.video-js *:focus:not(:focus-visible) {
  outline: none; }

.text-panel {
  margin-bottom: 25px; }
  .content-inner-wrapper > .text-panel:first-child {
    margin-top: 50px; }
    @media (min-width: 768px) {
      .content-inner-wrapper > .text-panel:first-child {
        margin-top: 90px; } }
    @media (min-width: 1280px) {
      .content-inner-wrapper > .text-panel:first-child {
        margin-top: 130px; } }
  .text-panel .cta-link {
    margin-bottom: 0; }

/* Text matrix for careers pages only */
.careers .text-panel p {
  color: black; }

.careers .text-panel h1 {
  /* DTTM-1312: Changed font-family and weight to better match prototype. */
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 200;
  font-size: 30px;
  line-height: 36px;
  color: #333333; }

.careers .text-panel h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: black; }

.careers .text-panel.dek {
  color: #333333; }

.careers .archetype p {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: black; }

.careers .archetype .headline {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  color: black; }

.careers .archetype .eyebrow {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #707070; }

@media (min-width: 768px) {
  .careers .text-panel h1 {
    font-size: 48px;
    line-height: 54px; }
  .careers .text-panel h2 {
    font-size: 28px;
    line-height: 36px; }
  .careers .archetype .body {
    font-size: 18px;
    line-height: 22px; }
  .careers .archetype .headline {
    font-size: 22px;
    line-height: 26px; } }

@media (min-width: 1280px) {
  .careers .text-panel h1 {
    font-size: 60px;
    line-height: 66px; }
  .careers .text-panel h2 {
    font-size: 35px;
    line-height: 44px; }
  .careers .archetype .headline {
    font-size: 25px;
    line-height: 30px; } }

.sitemap .sm-section {
  padding: 15px 0 0 15px; }

.sitemap a {
  border-right: 1px solid #333;
  display: inline-block;
  color: #177b57;
  margin: 5px;
  padding: 0 10px 0 0; }
  .sitemap a:last-child {
    border: none; }

.sitemap .has-children > a {
  border-right: none;
  font-weight: bold; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  height: 100%;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing {
  cursor: url("../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/icons/grabbing.74f3dbe56dccc6f78ab0bc07140e633f.png") 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  border-radius: 20px;
  background: #869791; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/css/AjaxLoader.88d8b983053b0ac8c29d074b7f6cda68.gif') no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@keyframes empty {
  0% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    transform: translateZ(-500px); }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }

@keyframes goDown {
  from {
    transform: translateY(-100%); } }

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }

.modal {
  display: none;
  background: #fff;
  padding: 15px 30px;
  border-radius: 8px;
  box-shadow: 0 0 10px #000; }

.flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  box-shadow: none; }

.modal-close-button {
  font-size: larger;
  display: block;
  float: right; }

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/modal-close.9b52b94b61fa235d18b50af1c631cc61.png') no-repeat 0 0; }

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/modal-spinner.937fcf3f2bcf6d9bad637d4c75c95b30.gif') #111 no-repeat center center;
  border-radius: 8px; }

/*BQ3-350: Attaching and removing on body element so background article does not scroll while modal is open*/
.modal-open {
  overflow: hidden; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

/* Means that borders take up their own space; 
prevents bottom-border from being covered up in FF/ IE */
.slick-list, .slick-list * {
  box-sizing: content-box; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  padding-left: 2px;
  /*BP4-1908 
        in retina devices, .slick-list is 1px wider than the .slick-slide
        doesn't seem to be an issue caused by box-sizing: content-box. Though it feels like it. 
        Can't fix this w/ overflow:hidden because this isn't an overflow problem. it's a 1px wider problem
        could add border-right: 1px to .slick-slide, but then you'd have to change that w/ the background color of the container 
        Don't use margin-right; it doesn't work. don't use padding-right for the same reason
        Don't try to target this with .isRetina ... slick slider runs before we determine that it's retina, so the computation change from the 1px padding won't apply

        padding left nudges the content 2px to the left w/o causing layout to look off as you continue sliding. hich only works b/c of box-sizing: content-box
        using 2px instead of 1 because I don't want to come back to this when apple releases an iPad Air 4 
    */
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*------------------------------------*\
    CONTENTS
\*------------------------------------*/
/*
NORMALIZE BUTTON & INPUT - https://github.com/necolas/normalize.css
LAYOUT
INPUT, BUTTON, A & DROPDOWN
EXTRA
*/
/*------------------------------------*\
    NORMALIZE BUTTON & INPUT
\*------------------------------------*/
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/*------------------------------------*\
    LAYOUT
\*------------------------------------*/
.typeahead-container {
  position: relative;
  font-family: "Open Sans", Arial, Helvetica, Sans-Serif; }

.typeahead-container * {
  box-sizing: border-box; }

.typeahead-query {
  width: 100%; }

.typeahead-filter {
  position: relative; }

.typeahead-filter button {
  min-width: 66px; }

.typeahead-field {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%; }

.typeahead-button {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle; }

.typeahead-field > span {
  display: table-cell;
  vertical-align: top; }

/*------------------------------------*\
    INPUT, BUTTON, A & DROPDOWN
\*------------------------------------*/
.typeahead-button button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.typeahead-field input,
.typeahead-select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background: transparent;
  border: 1px solid #cccccc;
  border-radius: 2px 0 0 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.typeahead-field input {
  -webkit-appearance: none;
  background: transparent; }

.typeahead-field input:last-child,
.typeahead-hint {
  background: #fff; }

.typeahead-container button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  height: 32px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }

.typeahead-container button:focus,
.typeahead-container button:active {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.typeahead-container button:hover,
.typeahead-container button:focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.typeahead-container button:active,
.typeahead-container button.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.typeahead-field input.disabled,
.typeahead-field input[disabled],
.typeahead-container button.disabled,
.typeahead-container button[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  background-color: #ffffff;
  border-color: #cccccc; }

.typeahead-filter button,
.typeahead-button button {
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.typeahead-query {
  position: relative;
  z-index: 2; }

.typeahead-filter,
.typeahead-button {
  z-index: 1; }

.typeahead-container.filter .typeahead-filter,
.typeahead-filter:hover,
.typeahead-filter:hover,
.typeahead-filter:active,
.typeahead-filter:focus,
.typeahead-button:hover,
.typeahead-button:active,
.typeahead-button:focus,
.typeahead-button:focus button:focus,
.typeahead-button:active button:active {
  z-index: 1001; }

.typeahead-list,
.typeahead-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.typeahead-result.detached .typeahead-list {
  font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
  position: relative;
  z-index: 1041;
  top: auto;
  left: auto; }

.typeahead-dropdown {
  right: 0;
  left: auto;
  z-index: 1001; }

.typeahead-list > li:first-child {
  border-top: none; }

.typeahead-list > li {
  position: relative;
  border-top: solid 1px rgba(0, 0, 0, 0.15); }

.typeahead-list > li > a,
.typeahead-dropdown > li > a {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
  text-decoration: none; }

.typeahead-list > li > a:hover,
.typeahead-list > li > a:focus,
.typeahead-list > li.active > a,
.typeahead-dropdown > li > a:hover,
.typeahead-dropdown > li > a:focus,
.typeahead-dropdown > li.active > a {
  background-color: #ebebeb;
  color: #333; }

.typeahead-list.empty > li > a:hover,
.typeahead-list.empty > li > a:focus,
.typeahead-list.empty > li.active > a {
  background-color: transparent; }

.typeahead-list.empty > li > a {
  cursor: default; }

.typeahead-list > li.typeahead-group > a,
.typeahead-list > li.typeahead-group > a:hover,
.typeahead-list > li.typeahead-group > a:focus,
.typeahead-list > li.typeahead-group.active > a {
  border-color: #9cb4c5;
  color: #305d8c;
  background-color: #d6dde7;
  cursor: default; }

.typeahead-container.result .typeahead-list,
.typeahead-container.filter .typeahead-dropdown,
.typeahead-container.hint .typeahead-hint,
.typeahead-container.backdrop + .typeahead-backdrop {
  display: block !important; }

.typeahead-container .typeahead-list,
.typeahead-container .typeahead-dropdown,
.typeahead-container .typeahead-hint,
.typeahead-container + .typeahead-backdrop {
  display: none !important; }

/*------------------------------------*\
    EXTRA
\*------------------------------------*/
.typeahead-dropdown .divider {
  height: 1px;
  margin: 5px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.typeahead-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.typeahead-search-icon {
  min-width: 40px;
  height: 18px;
  font-size: 13px;
  display: block;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=') no-repeat scroll center center transparent; }

.pageMessage {
  line-height: 1.5;
  padding: 18px 65px;
  width: 100%;
  background-color: #ebebeb; }
  .pageMessage__title {
    color: #197a56; }
  .pageMessage p {
    color: #197a56;
    font-size: 1.5em;
    font-size: 1.5rem; }
  .pageMessage ~ .content-wrapper {
    transform: translateY(0px); }

.featured-profile {
  margin-top: calc(20px + 30px); }
  .featured-profile .grid-row {
    border-color: #32c77f; }
  .featured-profile .eyebrow {
    text-transform: uppercase;
    color: #707070;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px; }
  .featured-profile .headline {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    color: #000;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 5px; }
  .featured-profile .body-copy {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000; }
  .featured-profile .cta-link {
    margin-bottom: 0;
    font-size: 28px;
    margin-top: 27px; }
    .featured-profile .cta-link p {
      color: inherit;
      display: inline-block;
      margin-bottom: 0; }
  @media (min-width: 768px) {
    .featured-profile {
      margin-top: calc((((100vw - 75px * 2) / 15) * 1) + 30px); }
      .featured-profile .headline {
        font-size: 22px;
        line-height: 26px; }
      .featured-profile .body-copy {
        font-size: 18px;
        line-height: 22px; } }
  @media (min-width: 947px) {
    .featured-profile {
      margin-top: calc( ((70vw / 15) * 1) + 30px); }
      .featured-profile .headine {
        font-size: 25px;
        line-height: 30px; } }
  @media (min-width: 1280px) {
    .featured-profile {
      margin-top: calc( ((60vw / 15) * 1) + 30px); } }

.smart-advertising {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 25px; }
  .smart-advertising .bg-image {
    position: relative; }
  .smart-advertising picture {
    width: 100%;
    flex-shrink: 0;
    position: absolute; }
  .smart-advertising .grid-row {
    display: block; }
    .smart-advertising .grid-row.eyebrow, .smart-advertising .grid-row.content, .smart-advertising .grid-row.cta {
      position: relative; }
    .smart-advertising .grid-row.content {
      padding-top: 25px; }
    .smart-advertising .grid-row.cta {
      background: #fff;
      padding: 15px 0 15px 15px;
      margin-left: 50px;
      width: calc(100% - 50px); }
  .smart-advertising .cta-link {
    margin-bottom: 0; }
  .smart-advertising .eyebrow p {
    font-weight: 700;
    text-transform: uppercase;
    color: #b7b7b7;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px; }
  .smart-advertising .editorial-title {
    font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
    font-weight: 400;
    color: #fff;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 15px; }
  .smart-advertising .body-copy {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 25px; }
  @media (max-width: 767px) {
    .smart-advertising .grid-row.content, .smart-advertising .grid-row.eyebrow {
      margin-left: 20px;
      width: calc(100% - 20px * 2); } }
  @media (min-width: 768px) {
    .smart-advertising .grid-row.bg-image {
      width: calc(100vw - 75px); }
    .smart-advertising .grid-row.eyebrow, .smart-advertising .grid-row.content {
      display: flex;
      margin-left: 75px;
      width: calc(100vw - 75px); }
    .smart-advertising .grid-row.content .grid-column:first-child {
      width: calc((((100vw - 75px * 2) / 15) * 5));
      margin-right: calc((((100vw - 75px * 2) / 15) * 1));
      flex-shrink: 0; }
    .smart-advertising .grid-row.content .grid-column:last-child {
      width: calc((((100vw - 75px * 2) / 15) * 8)); }
    .smart-advertising .grid-row.cta {
      margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 6));
      width: calc( (((100vw - 75px * 2) / 15) * 9)); } }
  @media (min-width: 947px) {
    .smart-advertising .grid-row.bg-image {
      width: calc(70vw + 75px); }
    .smart-advertising .grid-row.eyebrow, .smart-advertising .grid-row.content {
      width: 70vw; }
    .smart-advertising .grid-row.content {
      padding-top: 35px; }
      .smart-advertising .grid-row.content .grid-column:first-child {
        width: calc(((70vw / 15) * 5));
        margin-right: calc(((70vw / 15) * 1)); }
      .smart-advertising .grid-row.content .grid-column:last-child {
        width: calc(((70vw / 15) * 8)); }
    .smart-advertising .grid-row.cta {
      margin-left: calc(75px + ((70vw / 15) * 6));
      width: calc( ((70vw / 15) * 9)); } }
  @media (min-width: 1280px) {
    .smart-advertising .eyebrow p {
      margin-bottom: 15px; }
    .smart-advertising .editorial-title {
      font-size: 42px;
      line-height: 45px; }
    .smart-advertising .body-copy {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 35px; }
    .smart-advertising .grid-row.bg-image {
      width: calc(100px + 10vw + 60vw); }
    .smart-advertising .grid-row.eyebrow, .smart-advertising .grid-row.content {
      margin-left: calc(100px + 10vw);
      width: 60vw; }
    .smart-advertising .grid-row.content .grid-column:first-child {
      width: calc(((60vw / 15) * 7));
      margin-right: 0; }
    .smart-advertising .grid-row.content .grid-column:last-child {
      width: calc(((60vw / 15) * 8));
      margin-left: 15px;
      margin-right: 20px; }
    .smart-advertising .grid-row.cta {
      margin-left: calc(100px + 10vw + ((60vw / 15) * 7));
      width: calc( ((60vw / 15) * 8)); } }

a.eyeem {
  background: rgba(255, 255, 255, 0.5);
  padding: 10px;
  color: #333;
  position: absolute;
  right: 0;
  top: 0;
  font-style: italic;
  font-size: smaller;
  z-index: 1; }

.hero-type-3 .eyeem {
  right: 20px; }
  @media (min-width: 768px) {
    .hero-type-3 .eyeem {
      right: 75px; } }
  @media (min-width: 1280px) {
    .hero-type-3 .eyeem {
      right: 100px; } }

/* Quick Patch to deal with eyeem behind interstitial */
.eyeem + a > picture, .eyeem + picture {
  margin-top: 33px; }

/*===============
 #MENU
 ===============*/
.menu {
  background-color: #197a56;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 4;
  transform: translateX(0);
  transition: opacity 0.5s, transform 0.5s, top 0.35s;
  width: 100%; }
  .menu li {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: static; }
    .menu li::before {
      content: none; }
  .menu ul {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  @media (min-width: 768px) {
    .menu {
      width: auto; }
      .active-nav .menu {
        opacity: 0;
        transform: translateX(350px); } }

/*===============
 #MENU UL
 ===============*/
/* SW: This should have class(es) and be flattened.*/
/* SW: Unless there is a good reason, should not style on elements, and */
/*     if there is a good reason, that reason should be noted in comments. */
.menu ul {
  display: block;
  list-style: none;
  margin: 0; }
  .menu ul li {
    margin-bottom: 0;
    padding-left: 0; }
    .menu ul li:before {
      content: none; }
  @media (min-width: 768px) {
    .menu ul {
      display: inline-block; } }
  .menu ul > li {
    border-left: 1px solid #00532f;
    border-bottom: none; }
    @media (min-width: 768px) {
      .menu ul > li {
        border-bottom: 1px solid #00532f;
        border-left: none; } }
    @media (max-width: 767px) {
      .menu ul > li:nth-child(n+2) {
        float: right; } }
    @media (max-width: 767px) {
      .menu ul > li:first-child {
        float: left;
        border: none; } }
    .menu ul > li:first-child a {
      text-transform: uppercase; }
    @media (min-width: 768px) {
      .menu ul > li:last-child {
        border: none; } }
    .menu ul > li a {
      color: #fff;
      display: block;
      text-align: center;
      text-decoration: none;
      line-height: 50px;
      width: 50px;
      background-color: #197a56;
      transition-duration: 0.5s;
      transition-timing-function: ease;
      transition-property: line-height, width; }
      @media (min-width: 1280px) {
        .menu ul > li a {
          width: 65px;
          line-height: 65px; } }
      .active-search .menu ul > li a.toggle-nav-search {
        background-color: #b7b7b7; }
        @media (max-width: 499px) {
          .active-search .menu ul > li a.toggle-nav-search {
            background-color: #f0f2f2; } }
      @media (max-width: 499px) {
        .active-search-expanded .menu ul > li a.toggle-nav-search {
          background-color: #f0f2f2; } }
      @media (min-width: 500px) {
        .active-search-expanded .menu ul > li a.toggle-nav-search {
          background-color: #b7b7b7; } }
      .menu ul > li a.toggle-nav-search.hasValue {
        background-color: #32c77f; }
      .menu ul > li a.icon-filters-close {
        color: #00532f;
        background-color: #ebebeb;
        display: none;
        margin-top: -50px;
        position: relative; }
        @media (max-width: 767px) {
          .active-search .menu ul > li a.icon-filters-close {
            display: block; } }
        @media (max-width: 767px) {
          .active-search-expanded .menu ul > li a.icon-filters-close {
            display: block; } }
    .menu ul > li .menu-search a.toggle-nav-search {
      background: transparent;
      display: block;
      float: right;
      margin-right: 0;
      z-index: -1; }
      @media (max-width: 767px) {
        .menu ul > li .menu-search a.toggle-nav-search {
          display: none; } }
      @media (min-width: 1280px) {
        .menu ul > li .menu-search a.toggle-nav-search {
          margin-top: -65px; } }
    .menu ul > li a.icon-nav-menu-bcg-logo {
      font-size: 17px; }
      @media (min-width: 1280px) {
        .menu ul > li a.icon-nav-menu-bcg-logo {
          font-size: 21px; } }
      @media (max-width: 767px) {
        .menu ul > li a.icon-nav-menu-bcg-logo {
          font-size: 23px;
          margin-left: 8px;
          width: 75px; } }
    .menu ul > li a.icon-nav-menu-search {
      font-size: 17px; }
      @media (min-width: 1280px) {
        .menu ul > li a.icon-nav-menu-search {
          font-size: 22px; } }
    .menu ul > li a.icon-nav-menu-search:before, .menu ul > li .campus-search .typeahead-container .typeahead-button button a.typeahead-search-icon:after, .campus-search .typeahead-container .typeahead-button button .menu ul > li a.typeahead-search-icon:after {
      line-height: 50px; }
      @media (min-width: 1280px) {
        .menu ul > li a.icon-nav-menu-search:before, .menu ul > li .campus-search .typeahead-container .typeahead-button button a.typeahead-search-icon:after, .campus-search .typeahead-container .typeahead-button button .menu ul > li a.typeahead-search-icon:after {
          line-height: 62px; } }
    .menu ul > li a.icon-nav-menu-hamburger {
      font-size: 14px; }
      @media (min-width: 1280px) {
        .menu ul > li a.icon-nav-menu-hamburger {
          font-size: 17px; } }
    .menu ul > li a.icon-nav-menu-hamburger:before {
      line-height: 49px; }
      @media (min-width: 1280px) {
        .menu ul > li a.icon-nav-menu-hamburger:before {
          line-height: 62px; } }
    .menu ul > li a:hover {
      background-color: #11593f; }
    .menu ul > li a:active {
      background-color: #0c402d; }

/*===============
 #MENU-SEARCH
 ===============*/
.menu .menu-search {
  display: none;
  height: 65px;
  left: 0;
  margin: 50px 0 0 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  transition: width 0.5s ease-out 0.25s;
  width: 100%;
  z-index: -1; }

/* Tablet */
@media (min-width: 768px) {
  .menu .menu-search {
    display: block;
    height: 50px;
    left: auto;
    margin: -50px 0 0 50px;
    top: auto;
    width: 0;
    max-width: calc(75px + (((100vw - 75px * 2) / 15) * 15)); } }

/* Desktop */
@media (min-width: 1280px) {
  .menu .menu-search {
    height: 65px;
    margin: -65px 0 0 65px;
    width: 0;
    max-width: calc(35px + 10vw + ((60vw / 15) * 15) + (100vw - 100px - 10vw - 60vw - 100px)); } }

/* States of the menu-search */
/* SW: This really needs some re-work.  Should not have the menu dependant on an outside element.   */
/* TODO: Implement the states via a class on menu-search and remove the dependency of the HTML tag. */
.active-search .menu .menu-search,
.active-search-expanded .menu .menu-search {
  display: block;
  width: 100%; }

/* Tablet */
@media (min-width: 768px) {
  .active-search .menu .menu-search,
  .active-search-expanded .menu .menu-search {
    width: 93vw; } }

/* Desktop */
@media (min-width: 1280px) {
  .active-search .menu .menu-search,
  .active-search-expanded .menu .menu-search {
    width: 93vw; } }

.menu .menu-search form {
  background-color: #F2F2F2;
  width: 100%; }

/* Tablet */
@media (min-width: 768px) {
  .menu .menu-search form {
    width: 92%;
    width: calc(100% - 49px); } }

.menu .menu-search form input {
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-weight: 400;
  background-color: #F2F2F2;
  border: none;
  color: #333;
  display: inline-block;
  font-size: 18px;
  height: auto;
  margin-left: 20px;
  min-width: 100px;
  outline: none;
  padding: 20px 0;
  width: 60%;
  /* Handle the placeholder color */ }
  .menu .menu-search form input::-webkit-input-placeholder {
    color: #ccc; }
  .menu .menu-search form input:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc; }
  .menu .menu-search form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc; }
  .menu .menu-search form input:-ms-input-placeholder {
    color: #ccc; }

@media (min-width: 768px) {
  .menu .menu-search form input {
    display: inline-block;
    font-size: 20px;
    height: 50px;
    width: 75%;
    padding: 0.5em 0.5em 0.5em 30px;
    margin-left: 0; } }

@media (min-width: 1280px) {
  .menu .menu-search form input {
    font-size: 28px;
    height: 65px;
    padding-left: 35px;
    width: 85%; } }

.menu .menu-search form button {
  font-weight: 300;
  background-color: #197a56;
  border: 1px solid #197a56;
  color: #fff;
  font-size: 12px;
  width: auto;
  padding: 5px 25px;
  text-transform: uppercase;
  margin: 20px 20px 20px 0;
  float: right; }

@media (min-width: 768px) {
  .menu .menu-search form button {
    margin: 11px 19px 0 0;
    margin-right: calc((((100vw - 75px * 2) / 15) * 1)); } }

@media (min-width: 1280px) {
  .menu .menu-search form button {
    margin-top: 20px;
    margin-right: 35px; } }

/* A trump to make sure the menu is under full screen videos */
/* SW: Unclear why this is necessary. Might need to re-think z-index settings. */
body.video-fullscreen .menu {
  z-index: 0; }

/* Some sort of menu container override. */
/* SW: Unclear why this is necessary. TODO: identify reason and comment. */
.menu .container {
  position: relative;
  padding: 25px; }

/**
* MegaMenu module
*/
/** Main Structure **/
.mega-menu {
  background-color: #fff;
  display: none;
  height: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
  margin-top: 50px;
  padding-bottom: 70px; }

.mega-menu.isOpen {
  height: 100vh;
  width: 100vw;
  display: block;
  opacity: 1;
  overflow-y: auto; }

.mega-menu__positionWrapper {
  position: relative; }

.mega-menu__header {
  background-color: #fff;
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #197a56;
  display: flex;
  align-items: center;
  z-index: 25; }
  @media (min-width: 768px) {
    .mega-menu__header {
      padding-right: 1em; } }

.mega-menu__body {
  position: relative; }

.mega-menu__footer {
  border-top: 1px solid #ebebeb;
  padding-left: 2.7em;
  padding-right: 2.7em;
  background-color: #fff; }

@media (min-width: 768px) {
  .mega-menu {
    margin-top: 65px;
    padding-bottom: 0; }
  .mega-menu__header {
    height: 65px;
    border-bottom: 1px solid #ebebeb; }
  .noMobile .mega-menu__body {
    height: calc(100vh - (70px + 65px));
    overflow-y: auto; } }

@media (min-width: 1280px) {
  .mega-menu {
    margin-top: 60px; }
  .mega-menu__header {
    height: 60px; }
  .isSafari .mega-menu.isOpen .mega-menu__body {
    margin-top: 60px; }
  .isSafari .new-homepage .mega-menu.isOpen .mega-menu__body {
    margin-top: 0; } }

/* Scroll/Sticky fix for mobile and ipad safari. */
.isSafari .mega-menu.isOpen {
  margin-top: 0; }
  .isSafari .mega-menu.isOpen .mega-menu__body .primary-navigation__navLinks {
    height: auto;
    min-height: auto; }

.isSafari .new_homepage .mega-menu.isOpen {
  position: -webkit-sticky; }

@media (max-width: 1279px) {
  .mega-menu__header {
    position: -webkit-sticky; } }

/* need to include landscape for ipad */
@media (min-width: 1280px) and (orientation: landscape) {
  .isiPad .mega-menu.isOpen {
    position: -webkit-sticky;
    margin-top: 0; }
  .isiPad .mega-menu__header {
    position: -webkit-sticky; } }

/** Header **/
/* Close Button */
/*Increasing the specificity here because women@bcg is overwriting it.*/
.mega-menu__closeBtn.mega-menu__closeBtn {
  background-color: #197a56;
  color: white;
  display: inline-block;
  height: 50px;
  width: 58px;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  flex-shrink: 0; }

.mega-menu__closeBtn:focus,
.mega-menu__closeBtn:hover {
  background-color: #00532f; }

@media (min-width: 768px) {
  /*Increasing the specificity here because women@bcg is overwriting it.*/
  .mega-menu__closeBtn.mega-menu__closeBtn {
    height: 65px;
    width: 67px;
    font-size: 22px;
    line-height: 65px;
    text-align: center; } }

@media (min-width: 1280px) {
  /*Increasing the specificity here because women@bcg is overwriting it.*/
  .mega-menu__closeBtn.mega-menu__closeBtn {
    height: 60px;
    width: 60px;
    font-size: 24px;
    line-height: 60px;
    text-align: center; } }

/* Logo */
.mega-menu__logo {
  display: inline-block;
  color: #197a56;
  margin-left: 15px;
  font-size: 24px; }
  @media (min-width: 768px) {
    .mega-menu__logo {
      margin-left: 1.2em; } }

/* Search */
.mega-menu__search {
  margin-left: auto;
  margin-right: auto;
  width: 50%; }
  @media (max-width: 767px) {
    .mega-menu__search {
      display: flex;
      align-items: center;
      justify-content: flex-end; } }
  @media (min-width: 768px) {
    .mega-menu__search {
      display: inline-block; } }

/** Body **/
/* Navigation */
/*SW: These can probably be refactored into a basic link list with a couple overrides.*/
/* First Level of links */
.primary-navigation__navSubLinks__navTitle {
  display: none;
  padding: 20px 0;
  width: 100%;
  line-height: 36px;
  color: #444; }

.primary-navigation__navTitle {
  font-weight: 600;
  font-size: 24px; }

.primary-navigation__navLinks__navItem > .primary-navigation__navLink {
  border-bottom: 1px solid #e1e1e1;
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 1.4rem 1rem 1.4rem 2rem; }

.primary-navigation__navLinks__navItem > .primary-navigation__navLink.isActive {
  font-weight: 700;
  border-bottom: 1px solid #177b57; }

.primary-navigation__navSubLinks__navItem > .primary-navigation__navLink.isActive,
.linkList__item > .primary-navigation__navLink.isActive,
.primary-navigation__navLinks__navItem > .primary-navigation__navLink:hover {
  color: #32c77f; }

.primary-navigation__navLinks__navItem.hasChildren > .primary-navigation__navLink:after {
  color: #177b57;
  content: '\e61d';
  font-family: dotBCG-Icons !important;
  speak: none;
  float: right;
  font-style: normal;
  font-size: 12px;
  margin-right: 2rem;
  padding-top: .25em;
  text-transform: none;
  -webkit-font-smoothing: antialiased; }

.primary-navigation__navLinks__navItem.hasChildren > .primary-navigation__navLink.isActive:after {
  content: '\e657';
  float: left;
  margin-right: .8em; }

.primary-navigation__navLinks__navItem.isDisabled {
  display: none; }

/* Double-checking with UX regarding intent.*/
.primary-navigation__navLinks__navItem > .primary-navigation__navLink.isActive {
  padding: 1.75rem 1rem 1.75rem 1.5rem; }

.primary-navigation__navLinks__navItem.hasChildren > .primary-navigation__navLink.isActive:after {
  font-size: 16px;
  padding-top: .2em;
  padding-right: 1.5em; }

.primary-navigation__widget-container {
  display: block;
  margin: 50px 0; }

@media (min-width: 768px) {
  .primary-navigation__navLinks {
    width: 33%;
    border-right: 1px solid #ebebeb;
    height: 100%;
    min-height: 100vh; }
  nav li {
    position: static;
    list-style: none;
    font-size: inherit;
    line-height: 1;
    padding: 0;
    margin: 0 0 0 4em; }
  .primary-navigation__navLinks__navItem > .primary-navigation__navLink {
    border-bottom: 1px solid #ebebeb;
    color: #999;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 1.65rem .75rem 1.65rem .75em; }
  .primary-navigation__navLinks__navItem > .primary-navigation__navLink.isActive {
    padding: 1.65rem .75rem 1.65rem .56em; }
  .primary-navigation__navLinks__navItem.hasChildren > .primary-navigation__navLink:after {
    color: #177b57;
    content: '\e61d';
    font-family: dotBCG-Icons !important;
    speak: none;
    float: right;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    margin-right: 35px;
    text-transform: none;
    -webkit-font-smoothing: antialiased; }
  .primary-navigation__navLinks__navItem.hasChildren > .primary-navigation__navLink.isActive:after {
    content: '\e61d';
    float: right;
    margin-right: 5px; }
  .primary-navigation__navLinks .primary-navigation__navLinks__navItem:last-child > .primary-navigation__navLink {
    border-bottom: none; }
  .primary-navigation__navLinks__navItem > .primary-navigation__navLink.isActive, .primary-navigation__navLinks .primary-navigation__navLinks__navItem:last-child > .primary-navigation__navLink.isActive {
    border-bottom: 1px solid #ebebeb;
    margin-top: -1px;
    margin-right: -3px;
    border-right: 3px solid #177b57; }
  .primary-navigation__navLinks__navItem > .primary-navigation__navLink:hover {
    color: #333; } }

@media (min-width: 1280px) {
  .primary-navigation__navLinks {
    width: 25%; }
  .primary-navigation__navSubLinks__navTitle {
    display: block;
    margin: 2rem 0 1.3rem 0;
    padding: 0; } }

/* Second Level of links */
.primary-navigation__navSubLinks {
  display: none;
  padding: 0 2.967em; }

.primary-navigation__navSubLinks.isOpen {
  display: block;
  padding: 0 4em 140px 4em; }

/*May need to add a first child here too, with padding-top:2.5em, and a last-child with padding-bottom:2.5em; to give extra spacng between very first top and the header, and very last bottom nav and the device floor.*/
.primary-navigation__navSubLinks__navItem > .primary-navigation__navLink {
  color: #333333;
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  padding: 1.5em 0 1.5em 0; }

.primary-navigation__navSubLinks__navItem.hasChildren > .primary-navigation__navLink {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: .5em; }

.primary-navigation__navSubLinks__navItem > a.primary-navigation__navLink:hover,
.primary-navigation__navSubLinks__navItem > a.primary-navigation__navLink:focus {
  color: #32c77f; }

@media (min-width: 768px) {
  .primary-navigation__navSubLinks {
    border-left: 1px solid #ebebeb;
    margin-left: -1px;
    position: absolute;
    top: 0;
    left: 33%;
    padding: 0; }
  .primary-navigation__navSubLinks__navItem.hasChildren > .primary-navigation__navLink {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: .5em; }
  .primary-navigation__navSubLinks.isOpen {
    width: 60%;
    padding: 0 0 155px 3.3125em; }
  .primary-navigation__navLinks__navItem.isDisabled {
    display: block; } }

@media (min-width: 1280px) {
  .primary-navigation__navSubLinks {
    left: 25%; }
  .primary-navigation__navSubLinks {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start; }
  .primary-navigation__navSubLinks.isOpen {
    display: flex;
    padding-bottom: 150px; }
  .primary-navigation__navSubLinks__navItem {
    flex-basis: 30%;
    margin: 0; } }

/* Third Level of links */
.linkList {
  padding: 0.25em 0em 0.5em 2em; }

.linkList .linkList__item {
  margin: 0; }

.linkList__item > .primary-navigation__navLink {
  color: #333;
  display: block;
  font-size: .9rem;
  padding: 1.25em 0; }

.linkList__item > .primary-navigation__navLink:hover,
.linkList__item > .primary-navigation__navLink:focus {
  color: #32c77f; }

@media (min-width: 768px) {
  .linkList {
    padding: 1em 0em 0em 0em;
    margin-left: 1em; }
  .linkList__item > .primary-navigation__navLink {
    font-size: .9rem;
    padding: 1em 0; } }

/*Lens Flag*/
.mega-menu__lens .flags {
  display: block;
  min-width: auto; }

.mega-menu__lens .flags .flag-icon {
  display: inline-block; }

.mega-menu__lens .flags .flag-icon .flag {
  height: 14px;
  margin-right: 10px;
  width: 24px;
  position: relative;
  top: 2px; }
  @media (min-width: 1280px) {
    .mega-menu__lens .flags .flag-icon .flag {
      height: 18px;
      width: 28px; } }

/* login */
.mega-menu__login .user-info {
  margin-top: 0; }

.mega-menu__login .user-info .icon {
  display: none; }

.mega-menu__login .user-info .login-container.logged-in .icon {
  display: block;
  color: #177B57; }

.mega-menu__login .user-info .login-text {
  color: #177B57;
  text-transform: none; }

@media (min-width: 768px) {
  .mega-menu__login .user-info {
    margin-right: 3em; } }

/** Footer **/
.mega-menu__footer__contactList {
  margin: 2em auto 1em auto;
  padding: 0;
  width: 50%; }

.mega-menu__footer__contactList__contactListItem {
  display: inline-block;
  width: 48%;
  padding: 0;
  margin: 0; }

.mega-menu__footer__contactList__contactListItem:before {
  content: ''; }

.mega-menu__footer__contactList__itemLink {
  color: #333;
  display: block;
  font-size: 0.75rem;
  text-align: center;
  text-decoration: none; }

.mega-menu__footerLinks {
  font-size: .75rem; }

.mega-menu__footerLinksList {
  text-align: center;
  width: 100%;
  font-size: .75rem;
  line-height: 1;
  margin: 0; }

.mega-menu__footerLinksList__footerLinksListItem {
  display: inline-block;
  margin: 5px 0;
  border-right: 1px solid #707070;
  padding: 0 11px 0 6px;
  color: #999; }

.mega-menu__footerLinksList__footerLinksListItem:first-child {
  width: 100%;
  border-right: none;
  padding: none; }

.mega-menu__footerLinksList__footerLinksListItem:last-child {
  border-right: none;
  padding-right: 0; }

.mega-menu__footerLinksList__footerLinksListItem:before {
  content: ''; }

.mega-menu__footerLinksList__itemLink {
  color: #333;
  display: block;
  text-align: center;
  text-decoration: none; }

.mega-menu__footerLinksList__itemLink:hover {
  color: #32c77f; }

@media (min-width: 768px) {
  .mega-menu__footer {
    height: 70px;
    padding-top: 0.8em;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100vw; }
  .mega-menu__footer__contactList {
    width: 170px;
    margin: auto;
    font-size: 0.9em; }
  .mega-menu__footerLinksList {
    text-align: left;
    width: auto;
    flex-shrink: 1; }
  .mega-menu__footerLinksList__itemLink {
    text-align: left; } }

@media (max-width: 767px) {
  html.active-search .mega-menu.isOpen {
    height: auto;
    padding-bottom: 0; }
  html.active-search .mega-menu.isOpen .mega-menu__body {
    display: none; }
  html.active-search .mega-menu.isOpen .mega-menu__footer {
    display: none; } }

@media (min-width: 768px) {
  .typeaheadIsOpen .mega-menu__header::after {
    content: ' ';
    height: 100vh;
    width: 100vw;
    z-index: 4;
    position: fixed;
    top: 0;
    left: 0; } }

/*------------------------------------*\
  #MEGA-MENU SEARCH
\*------------------------------------*/
.mega-menu__mobile-search-icon {
  display: block;
  margin-right: 10px; }
  @media (min-width: 768px) {
    .mega-menu__mobile-search-icon {
      display: none; } }

.mega-menu__search-form {
  border: 1px solid #a6a6a6;
  padding: 5px 20px 5px 0;
  border-radius: 50px; }
  @media (max-width: 767px) {
    .mega-menu__search-form {
      display: none;
      padding-right: 5px;
      padding-left: 5px; }
      .mega-menu__search-form ::placeholder {
        font-size: 12px !important; }
      .mega-menu__search-form:not(.mega-menu__mobile-search-icon--show) {
        padding: 0; }
      .mega-menu__search-form.mega-menu__mobile-search-icon--show {
        display: block;
        margin-left: 7px;
        margin-right: 7px; }
        .mega-menu__search-form.mega-menu__mobile-search-icon--show + .mega-menu__mobile-search-icon {
          display: none; } }
  .mega-menu__search-form ::placeholder {
    color: #a6a6a6;
    font-size: 14px; }
  .mega-menu__search-form fieldset {
    margin: 0;
    position: relative; }
    @media (min-width: 768px) {
      .mega-menu__search-form fieldset {
        padding-left: 50px; } }

.mega-menu__search-submit {
  background: none;
  width: 20px;
  height: 20px;
  padding: 0;
  display: none;
  position: absolute;
  left: 10px;
  top: .2em;
  color: #197a56;
  font-size: 16px;
  font-weight: 700; }
  .mega-menu__search-submit:hover {
    background: none; }
  @media (min-width: 768px) {
    .mega-menu__search-submit {
      display: block;
      left: 20px;
      top: .2em; } }

.mega-menu__search-input {
  border: none;
  padding: 0;
  display: block;
  background: none;
  width: 100%; }
  @media (max-width: 767px) {
    .mega-menu__search-input {
      font-size: 14px; } }

/*------------------------------------*\
  #MEGA-MENU TYPEAHEAD
\*------------------------------------*/
/**
 * These are here just to give a style wash to the existing typeahead
 * module.  The !importants are due to overriding the overrides to
 * the styling set by the javascript.  All typeaheads need to be
 * rewritten so we have skinned versions of this code instead of
 * just overwriting.
 */
.mega-menu__search .xdsoft_autocomplete {
  width: 100% !important; }

.mega-menu__search .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
  background-color: #fff;
  width: 100% !important;
  top: 30px !important; }

.mega-menu__search .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div,
.mega-menu__search .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active,
.mega-menu__search .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div:hover {
  background-color: #fff;
  color: #999;
  font-size: 18px;
  line-height: 1;
  border-bottom: 1px solid #ebebeb; }

@media (min-width: 768px) {
  .mega-menu__search .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
    width: calc(100% + 25px) !important;
    max-width: none !important;
    left: -25px !important;
    padding-left: 25px !important;
    z-index: 40; }
  .mega-menu__search .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
    background-color: #fff;
    color: #999;
    font-size: 18px;
    line-height: 1;
    border-bottom: 1px solid #ebebeb; }
  .mega-menu__search .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active,
  .mega-menu__search .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div:hover {
    margin: 0 !important;
    padding-left: 0 !important;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    color: #333; } }

.button-link-ct {
  display: inline-block;
  padding: 0;
  margin: 20px 0;
  text-transform: uppercase; }
  .button-link-ct.margin-only-container:first-of-type {
    margin: 20px 0 40px 0; }
    .button-link-ct.margin-only-container:first-of-type .button-link-ct {
      margin: 0; }
    @media (min-width: 768px) {
      .button-link-ct.margin-only-container:first-of-type {
        margin-top: 30px; } }
    @media (min-width: 1280px) {
      .button-link-ct.margin-only-container:first-of-type {
        margin-top: 70px; } }
  .button-link-ct .icon-back-to-top {
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
    transform: rotate(-90deg);
    vertical-align: -10%; }

/*@import "../modules/side-navigation/_style";*/
.interstitial-nav {
  background-color: #fff;
  border-bottom: 1px solid #b8b8b8;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  /* momentum scrolling and hidden scrollbars have a bug in ios8;
   * https://lists.webkit.org/pipermail/webkit-unassigned/2014-September/639714.html
   https://lists.webkit.org/pipermail/webkit-unassigned/2014-September/639695.html
   */ }
  .interstitial-nav ul {
    margin: 0;
    font-size: inherit; }
  .interstitial-nav li {
    margin: 0; }
    .interstitial-nav li:before {
      content: none; }
  @media (min-width: 768px) {
    .interstitial-nav {
      border: none;
      padding: 0 0 10px;
      position: relative; } }
  @media (max-width: 767px) {
    .deep-mode-open .interstitial-nav {
      height: 0; } }
  .interstitial-nav .wrapper {
    margin: 0;
    position: relative;
    z-index: 0;
    width: 90%; }
    @media (max-width: 767px) {
      .interstitial-nav .wrapper {
        -webkit-overflow-scrolling: touch;
        overflow-x: visible;
        overflow-y: hidden; } }
    @media (min-width: 768px) {
      .interstitial-nav .wrapper {
        overflow: hidden; } }
  .interstitial-nav .arrow {
    display: none;
    background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.7));
    padding: 0 0 0 10px;
    z-index: 1; }
    .interstitial-nav .arrow:before {
      background-color: #fff;
      padding-left: 7px; }
    .interstitial-nav .arrow:hover {
      color: #3fad93; }
      .isMobile .interstitial-nav .arrow:hover {
        color: #000; }
    .interstitial-nav .arrow.disabled {
      color: #cfcfcf; }
    .interstitial-nav .arrow.prev {
      left: 0;
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .interstitial-nav .arrow.next {
      right: 35px; }
    @media (min-width: 768px) {
      .interstitial-nav .arrow {
        position: absolute;
        top: 7px;
        color: #3e3e3e;
        cursor: pointer; } }
    @media (min-width: 1280px) {
      .interstitial-nav .arrow {
        top: 20px; } }
  .interstitial-nav a {
    color: black; }
  .interstitial-nav ul {
    white-space: nowrap;
    line-height: 50px; }
    @media (min-width: 768px) {
      .interstitial-nav ul {
        transform: translate3d(0, 0, 0);
        transition: transform .25s;
        line-height: 1.4; } }
  .interstitial-nav li {
    display: inline-block;
    margin-left: 15px;
    padding: 4px 0 0; }
    .interstitial-nav li:first-child {
      margin-left: 0; }
    .isMobile .interstitial-nav li a:hover {
      color: #000; }
    .interstitial-nav li.active a,
    .interstitial-nav li a:hover {
      color: #32c77f; }
    .isMobile .interstitial-nav li.active a:hover {
      color: #32c77f; }
    @media (min-width: 768px) {
      .interstitial-nav li {
        padding-top: 6px; }
        .interstitial-nav li a {
          font-size: 12px; } }
    @media (min-width: 1280px) {
      .interstitial-nav li {
        padding-top: 10px; }
        .interstitial-nav li a {
          font-size: 13px; } }
    @media (min-width: 768px) {
      .interstitial-nav li {
        position: relative; }
        .interstitial-nav li.active:before {
          content: "";
          width: 100%;
          height: 3px;
          background: #32c77f;
          position: absolute;
          top: 0;
          left: 0; } }
    @media (min-width: 947px) and (max-width: 1090px) {
      .interstitial-nav li {
        margin-left: 20px; } }
    @media (min-width: 1280px) {
      .interstitial-nav li {
        margin-left: 25px; } }

@media (min-width: 768px) {
  .interstitial-title-mobile {
    display: none; } }

@media (max-width: 767px) {
  .interstitial-title-mobile {
    color: #a6a6a6;
    font-size: 16px;
    margin: 0 20px 15px 20px;
    font-weight: 300; } }

.interstitial-nav ul li.highlighted {
  background-color: #32c77f;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 5px;
  cursor: pointer; }

.interstitial-nav ul li.highlighted a,
.interstitial-nav ul li.highlighted a:hover {
  color: white;
  padding: 5px; }

.isMobile .interstitial-nav ul li.highlighted a:hover {
  color: white;
  padding: 5px; }

.top-bar-wrapper {
  position: fixed;
  width: 100%;
  top: 0;
  transition: transform 0.5s;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .top-bar-wrapper {
      margin-top: 50px !important;
      background: #fff; } }
  .top-bar-wrapper .interstitial-title {
    color: #a6a6a6; }
  .top-bar-wrapper.is-interstitial {
    transition: margin 0.35s, transform 0.5s; }
    .top-bar-wrapper.is-interstitial .title-and-nav,
    .top-bar-wrapper.is-interstitial .title-and-nav-logo {
      height: 100%;
      transition: transform .35s, margin .35s, opacity .35s; }
    @media (min-width: 768px) {
      .top-bar-wrapper.is-interstitial.hide-title-up .title-and-nav {
        transform: translateY(-45px);
        margin-bottom: -45px; }
      .top-bar-wrapper.is-interstitial.hide-title-up .title-and-nav-logo {
        opacity: 0; } }
    @media (min-width: 1280px) {
      .top-bar-wrapper.is-interstitial.hide-title-up .title-and-nav {
        transform: translateY(-55px);
        margin-bottom: -55px; } }
    .top-bar-wrapper.is-interstitial .user-info {
      align-self: flex-start;
      margin-top: 23px;
      border-bottom: 1px solid #b8b8b8;
      display: none; }
      @media (min-width: 768px) {
        .top-bar-wrapper.is-interstitial .user-info {
          display: flex;
          border-bottom: none;
          margin-right: 80px; } }
      @media (min-width: 1280px) {
        .top-bar-wrapper.is-interstitial .user-info {
          margin-right: 100px; } }
  @media (min-width: 768px) {
    .top-bar-wrapper.deepmode-top-bar {
      background: #fff;
      align-items: center;
      width: calc(100% - 75px);
      margin-left: 75px;
      height: 50px; } }
  @media (min-width: 1280px) {
    .top-bar-wrapper.deepmode-top-bar {
      width: calc(100% - 100px);
      margin-left: 100px;
      height: 65px; } }
  .top-bar-wrapper.deepmode-top-bar .close-button {
    color: #00532f;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    height: 50px;
    width: 52px; }
    .top-bar-wrapper.deepmode-top-bar .close-button .close-all-deepmode {
      margin: auto; }
    @media (min-width: 768px) {
      .top-bar-wrapper.deepmode-top-bar .close-button {
        position: static; } }
  .top-bar-wrapper.deepmode-top-bar .interstitial-title {
    display: none; }
    @media (min-width: 768px) {
      .top-bar-wrapper.deepmode-top-bar .interstitial-title {
        display: block; } }
  .top-bar-wrapper.deepmode-top-bar .deepmode-close {
    background: rgba(255, 255, 255, 0.35);
    font-size: 24px;
    font-weight: 200;
    color: #00532f;
    line-height: 35px;
    padding: 0 0 6px 0px;
    position: absolute;
    right: -18px;
    z-index: 2;
    top: 65px;
    /* only show the individual deepmode close button (the arrow) for two or more deepmode windows */
    display: none; }
    @media (min-width: 1280px) {
      .top-bar-wrapper.deepmode-top-bar .deepmode-close {
        top: 82px; } }
    .deepmode + .deepmode .top-bar-wrapper.deepmode-top-bar .deepmode-close {
      display: block; }
    .top-bar-wrapper.deepmode-top-bar .deepmode-close span {
      color: #00532f;
      background-color: #f4f2f3;
      padding: 18px 20px;
      position: relative;
      z-index: 3;
      margin-right: 17px; }
      .top-bar-wrapper.deepmode-top-bar .deepmode-close span:first-child {
        background-color: #f4f2f3 !important;
        font-size: 18px;
        padding: 15px 10px 11px 10px;
        position: absolute;
        top: -16px;
        transform: translateX(0);
        transition-duration: 1s;
        width: 135px;
        z-index: 2; }
    .top-bar-wrapper.deepmode-top-bar .deepmode-close:hover {
      background-color: #f4f2f3; }
      .top-bar-wrapper.deepmode-top-bar .deepmode-close:hover span:first-child {
        transform: translateX(-130px); }
      .top-bar-wrapper.deepmode-top-bar .deepmode-close:hover span:last-child {
        background-color: #f4f2f3; }
  .top-bar-wrapper:not(.deepmode-top-bar) {
    height: auto;
    z-index: 2; }
    .top-bar-wrapper:not(.deepmode-top-bar) .social-share {
      display: none; }
    .top-bar-wrapper:not(.deepmode-top-bar) .scroll-tracker {
      display: none; }
    .top-bar-wrapper:not(.deepmode-top-bar) .flags {
      display: flex;
      -webkit-transition: transform 0.5s;
      -moz-transition: transform 0.5s;
      -ms-transition: transform 0.5s;
      -o-transition: transform 0.5s;
      transition: transform 0.5s;
      margin-left: 10px;
      align-self: flex-start;
      margin-top: 23px; }
    .top-bar-wrapper:not(.deepmode-top-bar).office {
      background: rgba(255, 255, 255, 0.8);
      padding: 15px; }
    .top-bar-wrapper:not(.deepmode-top-bar) .title, .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
    .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image {
      white-space: nowrap;
      display: block; }
    .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav {
      flex: 1 1 auto; }
      @media (max-width: 946px) {
        .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav {
          width: 100%; } }
      .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav .title, .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav .med-pub .title > a, .med-pub .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav .title > a, .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav .small-pub .title > a, .small-pub .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav .title > a {
        padding: 5px 0px; }
    .top-bar-wrapper:not(.deepmode-top-bar) .perspectives-link {
      color: #333333;
      font-size: 14px;
      line-height: 21px; }
    .top-bar-wrapper:not(.deepmode-top-bar) .perspectives-link:hover {
      color: #00532f; }
    .top-bar-wrapper:not(.deepmode-top-bar) .icon-main-menu-link-out:before {
      margin: 0 20px; }
    @media (max-width: 767px) {
      .top-bar-wrapper:not(.deepmode-top-bar) {
        overflow: visible; }
        .top-bar-wrapper:not(.deepmode-top-bar) nav {
          order: 0; }
        .top-bar-wrapper:not(.deepmode-top-bar) .title, .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
        .top-bar-wrapper:not(.deepmode-top-bar) .flags,
        .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image {
          display: none; }
        .top-bar-wrapper:not(.deepmode-top-bar) .title, .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
        .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image {
          background-color: #fff;
          color: #b2b2b2;
          font-size: 18px;
          order: 1;
          padding: 13px 20px;
          width: 100%; }
        .top-bar-wrapper:not(.deepmode-top-bar) .wrapper {
          width: calc(100% - 40px);
          margin: 0 20px; } }
    @media (min-width: 768px) {
      .top-bar-wrapper:not(.deepmode-top-bar) {
        background-color: #fff;
        padding-left: 80px; }
        .top-bar-wrapper:not(.deepmode-top-bar).office {
          background: rgba(255, 255, 255, 0.8);
          padding: 0; }
        .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav {
          overflow: hidden; }
        .top-bar-wrapper:not(.deepmode-top-bar) .title, .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
        .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image,
        .top-bar-wrapper:not(.deepmode-top-bar) .pdf {
          margin: 15px 0 16px;
          font-size: 18px; } }
    @media (min-width: 1280px) {
      .top-bar-wrapper:not(.deepmode-top-bar) {
        padding-left: 100px; }
        .top-bar-wrapper:not(.deepmode-top-bar) .title, .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
        .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image,
        .top-bar-wrapper:not(.deepmode-top-bar) .pdf {
          margin: 21px 0; } }

.lens.show ~ .top-bar-wrapper:not(.deepmode-top-bar).hide-title-up .title-and-nav {
  transform: translateY(0);
  margin-bottom: 0; }

@media (min-width: 768px) {
  .active-nav .top-bar-wrapper {
    transform: translate3d(350px, 0, 0); } }

.active-nav .overlayed-top-bar .top-bar-wrapper {
  transform: none; }

.right-float {
  display: flex; }

.bookmark {
  display: flex;
  align-self: center;
  margin-top: 0;
  margin-right: 20px; }
  @media (min-width: 768px) {
    .bookmark {
      align-self: flex-start;
      margin-top: 23px; } }
  .bookmark .icon {
    color: #707070;
    font-size: 16px; }
    @media (min-width: 1280px) {
      .bookmark .icon {
        font-size: 20px; } }
  .bookmark:hover {
    cursor: pointer; }
    .bookmark:hover .icon {
      color: #177b57; }
  .bookmark .bookmark-container {
    display: flex; }
  .bookmark.saved-bookmark {
    -webkit-animation: savedBookmark 0.3s;
    -moz-animation: savedBookmark 0.3s;
    animation: savedBookmark 0.3s; }
    .bookmark.saved-bookmark .icon {
      color: #177b57; }

@keyframes savedBookmark {
  from {
    color: #333;
    transform: translateY(-3px) scale(1.2); }
  to {
    color: #32c77f;
    transform: translateY(0px) scale(1); } }

@media (max-width: 767px) {
  .top-bar-wrapper .user-info {
    display: none; } }

.user-info {
  display: flex;
  align-self: flex-start;
  margin-top: 23px; }
  .user-info .login-container {
    display: flex;
    position: relative; }
    .user-info .login-container.logged-in .login-text,
    .user-info .login-container.logged-in .icon, .user-info .login-container:hover .login-text,
    .user-info .login-container:hover .icon {
      color: #197a56; }
  .user-info .login-text, .user-info .icon {
    align-self: center;
    margin-bottom: 0;
    color: #707070;
    cursor: pointer; }
  .user-info .icon {
    margin-right: 12px;
    font-size: 16px;
    line-height: 16px; }
    @media (min-width: 1280px) {
      .user-info .icon {
        font-size: 20px;
        line-height: 20px; } }
  .user-info .login-text {
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 12px;
    white-space: nowrap;
    line-height: 0; }
  .user-info .login-dropdown {
    box-sizing: border-box;
    visibility: hidden;
    position: fixed;
    background-color: white;
    min-width: 160px;
    width: 200px;
    /*BP4-3100: We are caculating the position of this dropdown based upon width, but the width grows every time the dropdown grows.  Fixing the width of the dropdown at 200px pulled from UserProfile specs doc.*/
    box-shadow: 0px 3px 16px 2px rgba(0, 0, 0, 0.2);
    padding-top: 14px;
    z-index: 22; }
    .user-info .login-dropdown:after, .user-info .login-dropdown:before {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .user-info .login-dropdown:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 10px;
      margin-left: -10px; }
    .user-info .login-dropdown:before {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 10px;
      margin-left: -10px; }
  .user-info .dropdown-option {
    font-weight: 300;
    width: 100%;
    display: block;
    padding: 14px 20px;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    color: #707070;
    font-size: 14px;
    text-decoration: none; }
    .user-info .dropdown-option:last-of-type {
      border-bottom: none; }
    .user-info .dropdown-option:hover {
      background-color: #f2f2f2; }
    .user-info .dropdown-option .name {
      font-weight: 400;
      text-transform: capitalize;
      color: #32c77c;
      font-size: 16px; }
    .user-info .dropdown-option .view {
      display: block;
      font-size: 10px; }

.homepage-container .user-info {
  float: right;
  z-index: 6;
  position: relative;
  margin-top: 60px; }
  @media (min-width: 768px) {
    .homepage-container .user-info {
      margin-top: 25px; } }
  .homepage-container .user-info .login-text, .homepage-container .user-info .icon {
    color: white;
    cursor: pointer; }

.hasRibbonUp .top-bar-wrapper:not(.deep-mode-top-bar) {
  height: 0;
  overflow: hidden; }
  .hasRibbonUp .top-bar-wrapper:not(.deep-mode-top-bar) .right-float {
    position: fixed;
    right: 0;
    top: 0; }
  .hasRibbonUp .top-bar-wrapper:not(.deep-mode-top-bar) .icon-profile-user-profile-icon, .hasRibbonUp .top-bar-wrapper:not(.deep-mode-top-bar) .login-text {
    color: white;
    cursor: pointer; }

@keyframes highlightSection {
  from {
    background: #32c77f;
    opacity: 0.5; }
  to {
    background: rgba(50, 199, 127, 0);
    opacity: 1; } }

.highlighted-section {
  -webkit-animation: highlightSection 1s;
  -moz-animation: highlightSection 1s;
  animation: highlightSection 1s; }

.user-lens-container {
  display: flex; }

.landing .top-bar-wrapper .title-and-nav-logo {
  width: 220px;
  vertical-align: middle; }
  @media (min-width: 1280px) {
    .landing .top-bar-wrapper .title-and-nav-logo {
      width: 320px; } }

.standard-article .top-bar-wrapper .title-and-nav .title-and-nav-image, .standard-article .top-bar-wrapper .title-and-nav .title, .standard-article .top-bar-wrapper .title-and-nav .med-pub .title > a, .med-pub .standard-article .top-bar-wrapper .title-and-nav .title > a, .standard-article .top-bar-wrapper .title-and-nav .small-pub .title > a, .small-pub .standard-article .top-bar-wrapper .title-and-nav .title > a,
.standalone-article .top-bar-wrapper .title-and-nav .title-and-nav-image,
.standalone-article .top-bar-wrapper .title-and-nav .title,
.standalone-article .top-bar-wrapper .title-and-nav .med-pub .title > a,
.med-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
.standalone-article .top-bar-wrapper .title-and-nav .small-pub .title > a,
.small-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
.collections .top-bar-wrapper .title-and-nav .title-and-nav-image,
.collections .top-bar-wrapper .title-and-nav .title,
.collections .top-bar-wrapper .title-and-nav .med-pub .title > a,
.med-pub .collections .top-bar-wrapper .title-and-nav .title > a,
.collections .top-bar-wrapper .title-and-nav .small-pub .title > a,
.small-pub .collections .top-bar-wrapper .title-and-nav .title > a {
  line-height: 50px; }
  @media (min-width: 1280px) {
    .standard-article .top-bar-wrapper .title-and-nav .title-and-nav-image, .standard-article .top-bar-wrapper .title-and-nav .title, .standard-article .top-bar-wrapper .title-and-nav .med-pub .title > a, .med-pub .standard-article .top-bar-wrapper .title-and-nav .title > a, .standard-article .top-bar-wrapper .title-and-nav .small-pub .title > a, .small-pub .standard-article .top-bar-wrapper .title-and-nav .title > a,
    .standalone-article .top-bar-wrapper .title-and-nav .title-and-nav-image,
    .standalone-article .top-bar-wrapper .title-and-nav .title,
    .standalone-article .top-bar-wrapper .title-and-nav .med-pub .title > a,
    .med-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
    .standalone-article .top-bar-wrapper .title-and-nav .small-pub .title > a,
    .small-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
    .collections .top-bar-wrapper .title-and-nav .title-and-nav-image,
    .collections .top-bar-wrapper .title-and-nav .title,
    .collections .top-bar-wrapper .title-and-nav .med-pub .title > a,
    .med-pub .collections .top-bar-wrapper .title-and-nav .title > a,
    .collections .top-bar-wrapper .title-and-nav .small-pub .title > a,
    .small-pub .collections .top-bar-wrapper .title-and-nav .title > a {
      line-height: 65px; } }

.standard-article .top-bar-wrapper:not(.deepmode-top-bar) .social-share,
.standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .social-share,
.collections .top-bar-wrapper:not(.deepmode-top-bar) .social-share {
  color: #b7b7b7;
  font-size: 14px; }

.standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title, .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
.standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image,
.standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title,
.standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a,
.med-pub .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
.standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a,
.small-pub .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
.standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image,
.collections .top-bar-wrapper:not(.deepmode-top-bar) .title,
.collections .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a,
.med-pub .collections .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
.collections .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a,
.small-pub .collections .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
.collections .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #333; }
  @media (min-width: 768px) {
    .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title, .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
    .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image,
    .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title,
    .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a,
    .med-pub .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
    .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a,
    .small-pub .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
    .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image,
    .collections .top-bar-wrapper:not(.deepmode-top-bar) .title,
    .collections .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a,
    .med-pub .collections .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
    .collections .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a,
    .small-pub .collections .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
    .collections .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image {
      font-size: 18px; } }

.standard-article .top-bar-wrapper,
.standalone-article .top-bar-wrapper,
.collections .top-bar-wrapper {
  height: 50px;
  z-index: 2; }
  @media (min-width: 1280px) {
    .standard-article .top-bar-wrapper,
    .standalone-article .top-bar-wrapper,
    .collections .top-bar-wrapper {
      height: 65px; } }
  .standard-article .top-bar-wrapper .title-and-nav .title-and-nav-image, .standard-article .top-bar-wrapper .title-and-nav .title, .standard-article .top-bar-wrapper .title-and-nav .med-pub .title > a, .med-pub .standard-article .top-bar-wrapper .title-and-nav .title > a, .standard-article .top-bar-wrapper .title-and-nav .small-pub .title > a, .small-pub .standard-article .top-bar-wrapper .title-and-nav .title > a,
  .standalone-article .top-bar-wrapper .title-and-nav .title-and-nav-image,
  .standalone-article .top-bar-wrapper .title-and-nav .title,
  .standalone-article .top-bar-wrapper .title-and-nav .med-pub .title > a,
  .med-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
  .standalone-article .top-bar-wrapper .title-and-nav .small-pub .title > a,
  .small-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
  .collections .top-bar-wrapper .title-and-nav .title-and-nav-image,
  .collections .top-bar-wrapper .title-and-nav .title,
  .collections .top-bar-wrapper .title-and-nav .med-pub .title > a,
  .med-pub .collections .top-bar-wrapper .title-and-nav .title > a,
  .collections .top-bar-wrapper .title-and-nav .small-pub .title > a,
  .small-pub .collections .top-bar-wrapper .title-and-nav .title > a {
    height: 50px;
    margin: 0;
    display: block;
    padding: 0; }
    @media (max-width: 767px) {
      .standard-article .top-bar-wrapper .title-and-nav .title-and-nav-image, .standard-article .top-bar-wrapper .title-and-nav .title, .standard-article .top-bar-wrapper .title-and-nav .med-pub .title > a, .med-pub .standard-article .top-bar-wrapper .title-and-nav .title > a, .standard-article .top-bar-wrapper .title-and-nav .small-pub .title > a, .small-pub .standard-article .top-bar-wrapper .title-and-nav .title > a,
      .standalone-article .top-bar-wrapper .title-and-nav .title-and-nav-image,
      .standalone-article .top-bar-wrapper .title-and-nav .title,
      .standalone-article .top-bar-wrapper .title-and-nav .med-pub .title > a,
      .med-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
      .standalone-article .top-bar-wrapper .title-and-nav .small-pub .title > a,
      .small-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
      .collections .top-bar-wrapper .title-and-nav .title-and-nav-image,
      .collections .top-bar-wrapper .title-and-nav .title,
      .collections .top-bar-wrapper .title-and-nav .med-pub .title > a,
      .med-pub .collections .top-bar-wrapper .title-and-nav .title > a,
      .collections .top-bar-wrapper .title-and-nav .small-pub .title > a,
      .small-pub .collections .top-bar-wrapper .title-and-nav .title > a {
        padding-left: 20px; } }
    @media (min-width: 1280px) {
      .standard-article .top-bar-wrapper .title-and-nav .title-and-nav-image, .standard-article .top-bar-wrapper .title-and-nav .title, .standard-article .top-bar-wrapper .title-and-nav .med-pub .title > a, .med-pub .standard-article .top-bar-wrapper .title-and-nav .title > a, .standard-article .top-bar-wrapper .title-and-nav .small-pub .title > a, .small-pub .standard-article .top-bar-wrapper .title-and-nav .title > a,
      .standalone-article .top-bar-wrapper .title-and-nav .title-and-nav-image,
      .standalone-article .top-bar-wrapper .title-and-nav .title,
      .standalone-article .top-bar-wrapper .title-and-nav .med-pub .title > a,
      .med-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
      .standalone-article .top-bar-wrapper .title-and-nav .small-pub .title > a,
      .small-pub .standalone-article .top-bar-wrapper .title-and-nav .title > a,
      .collections .top-bar-wrapper .title-and-nav .title-and-nav-image,
      .collections .top-bar-wrapper .title-and-nav .title,
      .collections .top-bar-wrapper .title-and-nav .med-pub .title > a,
      .med-pub .collections .top-bar-wrapper .title-and-nav .title > a,
      .collections .top-bar-wrapper .title-and-nav .small-pub .title > a,
      .small-pub .collections .top-bar-wrapper .title-and-nav .title > a {
        height: 65px; } }
  .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .scroll-tracker,
  .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .scroll-tracker,
  .collections .top-bar-wrapper:not(.deepmode-top-bar) .scroll-tracker {
    display: block; }
  .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .social-share,
  .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .social-share,
  .collections .top-bar-wrapper:not(.deepmode-top-bar) .social-share {
    display: block;
    margin: auto 20px auto 0; }
  .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title, .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
  .standard-article .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image,
  .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title,
  .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a,
  .med-pub .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
  .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a,
  .small-pub .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
  .standalone-article .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image,
  .collections .top-bar-wrapper:not(.deepmode-top-bar) .title,
  .collections .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a,
  .med-pub .collections .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
  .collections .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a,
  .small-pub .collections .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
  .collections .top-bar-wrapper:not(.deepmode-top-bar) .title-and-nav-image {
    display: block; }

.title-and-nav-logo {
  height: 100%;
  width: 220px;
  vertical-align: middle; }
  @media (min-width: 1280px) {
    .title-and-nav-logo {
      width: 320px; } }

/*===============
  #topbar-title-toggle
===============*/
.top-bar-wrapper--title-toggle .title-content {
  height: 50px;
  overflow: hidden; }
  @media (min-width: 1280px) {
    .top-bar-wrapper--title-toggle .title-content {
      height: 65px; } }

.top-bar-wrapper--title-toggle .title-and-nav-image,
.top-bar-wrapper--title-toggle .title-and-nav-title {
  transition: all 300ms ease-in-out; }

.standard-article .top-bar-wrapper--title-toggle {
  height: 50px; }
  @media (min-width: 1280px) {
    .standard-article .top-bar-wrapper--title-toggle {
      height: 65px; } }

.top-bar-wrapper--title-toggle.hasUserScrolled .title-content__firstItem,
.top-bar-wrapper--title-toggle.hasUserScrolled .title-content__secondItem {
  transform: translate(0, -50px); }
  @media (min-width: 1280px) {
    .top-bar-wrapper--title-toggle.hasUserScrolled .title-content__firstItem,
    .top-bar-wrapper--title-toggle.hasUserScrolled .title-content__secondItem {
      transform: translate(0, -65px); } }

.top-bar-wrapper--title-toggle.is-interstitial.hide-title-up .title-and-nav {
  transform: none;
  margin-bottom: 0; }

.standard-article .top-bar-wrapper--title-toggle.hasUserScrolled .title-content__firstItem,
.standard-article .top-bar-wrapper--title-toggle.hasUserScrolled .title-content__secondItem {
  transform: translate(0, -3.5em); }

@media (min-width: 768px) {
  .top-bar-wrapper .user-info {
    display: flex;
    border-bottom: none;
    margin-right: 80px; } }

@media (min-width: 1280px) {
  .top-bar-wrapper .user-info {
    margin-right: 100px; } }

@media (max-width: 767px) {
  .top-bar-wrapper .subscription-widget__show-button,
  .bcg-homepage .subscriptoin-widget__show-button {
    display: none; } }

.subscription-widget__show-button {
  display: flex;
  align-self: center;
  margin-top: 0;
  margin-right: 20px; }
  @media (min-width: 768px) {
    .subscription-widget__show-button {
      align-self: flex-start;
      margin-top: 23px; } }
  .subscription-widget__show-button .icon {
    align-self: center;
    margin-bottom: 0;
    color: #707070;
    margin-right: 12px;
    font-size: 16px;
    line-height: 16px; }
    @media (min-width: 1280px) {
      .subscription-widget__show-button .icon {
        font-size: 20px;
        line-height: 20px; } }
  .subscription-widget__show-button:hover {
    cursor: pointer; }
    .subscription-widget__show-button:hover .icon, .subscription-widget__show-button:hover .subscription-widget__show-button-text {
      color: #197a56; }
  .subscription-widget__show-button.subscription-widget__show-button--hide {
    display: none; }

.subscription-widget__show-button-text {
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 0;
  align-self: center;
  margin-bottom: 0;
  color: #707070;
  cursor: pointer; }

.bcg-homepage .subscription-widget__show-button {
  margin-top: 60px; }
  @media (min-width: 768px) {
    .bcg-homepage .subscription-widget__show-button {
      margin-top: 25px; } }
  .bcg-homepage .subscription-widget__show-button .icon,
  .bcg-homepage .subscription-widget__show-button .subscription-widget__show-button-text {
    color: white; }
  .bcg-homepage .subscription-widget__show-button .subscription-widget__show-button-text {
    font-size: 14px; }
  .bcg-homepage .subscription-widget__show-button:hover .icon, .bcg-homepage .subscription-widget__show-button:hover .subscription-widget__show-button-text {
    color: #197a56; }

::-webkit-input-placeholder {
  color: #333333; }

:-moz-placeholder {
  color: #333333;
  opacity: 1; }

::-moz-placeholder {
  color: #333333;
  opacity: 1; }

:-ms-input-placeholder {
  color: #333333; }

.carousel-tile {
  border: 1px solid #32c77f; }

.formats {
  display: none; }

.pagination a:hover {
  color: #44CA7D; }

.bottom-content {
  position: relative;
  border-top: 1px solid #c7c7c7;
  padding-top: 15px;
  height: 100px; }

@media (max-width: 767px) {
  .filters,
  .filter-tab-container {
    display: none !important; }
  .perspectives-site-linkback,
  .perspectives-site-linkback-icon {
    display: none;
    visibility: hidden; } }

.press-search-carousel[class] .item__footer p.social-handle {
  color: #b7b7b7;
  font-size: 14px;
  text-align: left;
  font-style: normal;
  margin-left: 0;
  font-weight: 700; }

.search-count {
  border-top: 1px solid #e3e6e6;
  color: #b7b7b7;
  font-size: 21px;
  padding: 20px 0;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400; }

.masonry-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  /*LIST RESULTS*/ }
  .masonry-container article {
    width: calc( (100% / 3) - 10px);
    border: 1px solid #32c77f;
    position: relative;
    margin-top: 10px;
    /*&:hover {
            background: #f2f2f2;
        }*/ }
    @media (max-width: 767px) {
      .masonry-container article {
        width: 100%; } }
    .perspective-search-results .masonry-container article .text {
      line-height: 26px; }
    .masonry-container article.tile-mention, .masonry-container article.tile-quote {
      background-color: #32c77f; }
      .perspective-search-results .masonry-container article.tile-mention, .perspective-search-results .masonry-container article.tile-quote {
        background: transparent; }
        .perspective-search-results .masonry-container article.tile-mention .text, .perspective-search-results .masonry-container article.tile-quote .text {
          color: #333333; }
      .masonry-container article.tile-mention time,
      .masonry-container article.tile-mention .label, .masonry-container article.tile-quote time,
      .masonry-container article.tile-quote .label {
        font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
        font-weight: 700;
        color: #00532f; }
      .masonry-container article.tile-mention .text, .masonry-container article.tile-quote .text {
        color: #fff; }
      .masonry-container article.tile-mention:hover, .masonry-container article.tile-quote:hover {
        background-color: #3ca46a;
        cursor: pointer; }
    .masonry-container article.tile-video .play-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 52px;
      height: 52px;
      background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/icons/play-icon.9aed7604c01250a3fafd0c612acfad90.png') no-repeat;
      cursor: pointer; }
    .masonry-container article .title, .masonry-container article .med-pub .title > a, .med-pub .masonry-container article .title > a, .masonry-container article .small-pub .title > a, .small-pub .masonry-container article .title > a {
      color: #44CA7D;
      margin-bottom: 8px;
      line-height: 25px;
      display: block;
      font-size: 14px;
      text-transform: uppercase; }
    .masonry-container article .content-container {
      padding: 20px; }
    .masonry-container article .text {
      font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
      font-weight: 400;
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 35px;
      color: #333333; }
      @media (max-width: 1279px) {
        .masonry-container article .text {
          line-height: 19px; } }
    .masonry-container article .intro,
    .masonry-container article .list-bar {
      display: none; }
    .masonry-container article time,
    .masonry-container article .label {
      font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
      font-weight: 700;
      color: #b7b7b7;
      text-transform: uppercase;
      font-size: 14px;
      margin-bottom: 5px;
      display: inline-block; }
    .masonry-container article .quote-icon {
      position: absolute;
      bottom: 22px;
      left: 20px;
      width: 25px;
      height: 17px;
      color: #3fad93; }
    .masonry-container article .label {
      display: block; }
    .masonry-container article .social-icon img {
      width: 52px;
      float: right;
      margin: 0 0 10px 10px; }
    .masonry-container article.double-width {
      width: calc( (100% / 1.5) - 5px); }
      @media (max-width: 767px) {
        .masonry-container article.double-width {
          width: 100%; } }
    .masonry-container article footer {
      position: absolute;
      bottom: 10px;
      width: 80%; }
      .masonry-container article footer p {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        word-wrap: break-word; }
      .masonry-container article footer span {
        padding-right: 8px; }
    .masonry-container article footer {
      clear: none;
      margin: 0; }
      .masonry-container article footer p {
        margin: auto;
        text-align: inherit;
        width: auto;
        font-style: inherit; }
    .container .masonry-container article footer p {
      clear: none;
      margin: auto;
      width: auto;
      line-height: inherit; }
  .press-search-results .masonry-container.show-as-list article a,
  .press-search-results .masonry-container.show-as-list article,
  .perspective-search-results .masonry-container.show-as-list article a,
  .perspective-search-results .masonry-container.show-as-list article,
  .global-search-results .masonry-container.show-as-list article a,
  .global-search-results .masonry-container.show-as-list article, .masonry-container.show-as-list.trending article a,
  .masonry-container.show-as-list.trending article {
    display: none;
    width: 100%;
    display: flex;
    flex-direction: row; }
    .press-search-results .masonry-container.show-as-list article a > picture,
    .press-search-results .masonry-container.show-as-list article > picture,
    .perspective-search-results .masonry-container.show-as-list article a > picture,
    .perspective-search-results .masonry-container.show-as-list article > picture,
    .global-search-results .masonry-container.show-as-list article a > picture,
    .global-search-results .masonry-container.show-as-list article > picture, .masonry-container.show-as-list.trending article a > picture,
    .masonry-container.show-as-list.trending article > picture {
      width: 50px;
      flex-shrink: 0;
      margin: 0 10px 0 0; }
      @media (min-width: 768px) {
        .press-search-results .masonry-container.show-as-list article a > picture,
        .press-search-results .masonry-container.show-as-list article > picture,
        .perspective-search-results .masonry-container.show-as-list article a > picture,
        .perspective-search-results .masonry-container.show-as-list article > picture,
        .global-search-results .masonry-container.show-as-list article a > picture,
        .global-search-results .masonry-container.show-as-list article > picture, .masonry-container.show-as-list.trending article a > picture,
        .masonry-container.show-as-list.trending article > picture {
          width: 90px;
          margin-right: 20px; } }
      .press-search-results .masonry-container.show-as-list article a > picture img,
      .press-search-results .masonry-container.show-as-list article > picture img,
      .perspective-search-results .masonry-container.show-as-list article a > picture img,
      .perspective-search-results .masonry-container.show-as-list article > picture img,
      .global-search-results .masonry-container.show-as-list article a > picture img,
      .global-search-results .masonry-container.show-as-list article > picture img, .masonry-container.show-as-list.trending article a > picture img,
      .masonry-container.show-as-list.trending article > picture img {
        float: none;
        margin: 0;
        width: 100%; }
    .press-search-results .masonry-container.show-as-list article a .content-container,
    .press-search-results .masonry-container.show-as-list article .content-container,
    .perspective-search-results .masonry-container.show-as-list article a .content-container,
    .perspective-search-results .masonry-container.show-as-list article .content-container,
    .global-search-results .masonry-container.show-as-list article a .content-container,
    .global-search-results .masonry-container.show-as-list article .content-container, .masonry-container.show-as-list.trending article a .content-container,
    .masonry-container.show-as-list.trending article .content-container {
      width: calc(100% - 50px); }
      @media (min-width: 768px) {
        .press-search-results .masonry-container.show-as-list article a .content-container,
        .press-search-results .masonry-container.show-as-list article .content-container,
        .perspective-search-results .masonry-container.show-as-list article a .content-container,
        .perspective-search-results .masonry-container.show-as-list article .content-container,
        .global-search-results .masonry-container.show-as-list article a .content-container,
        .global-search-results .masonry-container.show-as-list article .content-container, .masonry-container.show-as-list.trending article a .content-container,
        .masonry-container.show-as-list.trending article .content-container {
          width: calc(100% - 90px); } }
      .press-search-results .masonry-container.show-as-list article a .content-container .text,
      .press-search-results .masonry-container.show-as-list article .content-container .text,
      .perspective-search-results .masonry-container.show-as-list article a .content-container .text,
      .perspective-search-results .masonry-container.show-as-list article .content-container .text,
      .global-search-results .masonry-container.show-as-list article a .content-container .text,
      .global-search-results .masonry-container.show-as-list article .content-container .text, .masonry-container.show-as-list.trending article a .content-container .text,
      .masonry-container.show-as-list.trending article .content-container .text {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 5px; }
  .masonry-container.show-as-list .quote-icon {
    display: none; }
  .masonry-container.show-as-list .formats {
    display: block;
    font-size: 20px;
    margin-top: 20px; }
    .masonry-container.show-as-list .formats span {
      color: #b7b7b7;
      margin-right: 4px; }
    @media (min-width: 768px) {
      .masonry-container.show-as-list .formats {
        position: absolute;
        bottom: 40px;
        right: 30px; } }
  .masonry-container.show-as-list article {
    border: none;
    border-bottom: 1px solid #d7d7d7;
    width: 100%;
    display: flex;
    flex-direction: row;
    min-height: initial;
    margin-top: 0;
    padding: 30px 25px; }
    @media (max-width: 499px) {
      .masonry-container.show-as-list article {
        padding: 25px 0; } }
    .masonry-container.show-as-list article.e-money .content-container .intro {
      color: #10543f; }
    .masonry-container.show-as-list article .content-container {
      padding: 0;
      display: block; }
      .masonry-container.show-as-list article .content-container .text {
        display: block;
        color: #333;
        margin-bottom: 15px; }
      .masonry-container.show-as-list article .content-container .intro {
        display: block;
        color: #707070;
        font-size: 14px;
        line-height: 19px; }
      .masonry-container.show-as-list article .content-container .time {
        color: #b7b7b7;
        font-weight: 700; }
      .masonry-container.show-as-list article .content-container .list-bar {
        color: #b7b7b7;
        margin: 0 12px 0 12px;
        display: inline-block; }
      .masonry-container.show-as-list article .content-container .label {
        display: inline-block;
        color: #b7b7b7; }
    .masonry-container.show-as-list article.tile-image-social > picture:first-child,
    .masonry-container.show-as-list article.tile-video picture {
      display: none; }
    .masonry-container.show-as-list article .social-icon img {
      margin: 0 10px 10px 0; }
    .masonry-container.show-as-list article.tile-video .play-icon {
      display: none; }
    .masonry-container.show-as-list article.tile-video.social-icon,
    .masonry-container.show-as-list article > picture.social-icon {
      display: block;
      border: none; }
      .masonry-container.show-as-list article.tile-video.social-icon img,
      .masonry-container.show-as-list article > picture.social-icon img {
        border: 1px solid #e2e2e2; }
    @media (max-width: 499px) {
      .masonry-container.show-as-list article.tile-image-social .content-container .text,
      .masonry-container.show-as-list article.tile-social .content-container .text {
        font-size: 14px;
        line-height: 18px; } }
    .masonry-container.show-as-list article.tile-mention, .masonry-container.show-as-list article.tile-quote {
      background: transparent; }
      .masonry-container.show-as-list article.tile-mention:hover, .masonry-container.show-as-list article.tile-quote:hover {
        cursor: pointer;
        background: #f2f2f2; }
      .perspective-search-results .masonry-container.show-as-list article.tile-mention .text, .perspective-search-results .masonry-container.show-as-list article.tile-quote .text {
        color: #333333; }
      .masonry-container.show-as-list article.tile-mention .quote-icon, .masonry-container.show-as-list article.tile-quote .quote-icon {
        position: static;
        width: 90px;
        flex-shrink: 0;
        align-self: center; }
      .masonry-container.show-as-list article.tile-mention .intro, .masonry-container.show-as-list article.tile-quote .intro {
        display: block; }
        @media (max-width: 499px) {
          .masonry-container.show-as-list article.tile-mention .intro, .masonry-container.show-as-list article.tile-quote .intro {
            font-size: 14px;
            line-height: 18px; } }
      .masonry-container.show-as-list article.tile-mention .content-container, .masonry-container.show-as-list article.tile-quote .content-container {
        padding: 0; }
    .masonry-container.show-as-list article footer {
      margin: 15px 0 0 0;
      position: static; }

/************* Global Search Specific Styling *****************/
.global-search-results {
  /* Top, E-Money Resutls ! */ }
  .global-search-results .e-money {
    background-color: #f2f2f2; }
  .global-search-results .item:hover .title, .global-search-results .item:hover .med-pub .title > a, .med-pub .global-search-results .item:hover .title > a, .global-search-results .item:hover .small-pub .title > a, .small-pub .global-search-results .item:hover .title > a {
    color: #3fad93; }
  .global-search-results .search-controls .grid {
    display: none; }
  .global-search-results .search-controls .input-field {
    margin-left: 0; }
  .global-search-results .masonry-container .breadcrumb {
    display: block; }
    @media (max-width: 767px) {
      .global-search-results .masonry-container .breadcrumb {
        display: none; } }
  .global-search-results .masonry-container h3.title {
    font-size: 21px;
    line-height: 22px;
    color: #333;
    margin: 0 0 7px 0;
    text-transform: none;
    font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
    top: 0;
    left: 0; }
  .global-search-results .masonry-container p {
    display: none; }
    .global-search-results .masonry-container p.breadcrumb {
      display: block; }

@media (min-width: 768px) {
  .search-filter {
    visibility: hidden; } }

.list-content {
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .list-content.people-search-results {
    display: flex;
    flex-direction: column;
    flex-flow: wrap; }
  .list-content h3.subheader {
    font-size: 18px;
    line-height: 23px;
    color: #197a56;
    width: 100%; }
  .list-content h4.list-content-subheader {
    font-size: 18px;
    line-height: 23px;
    color: #197a56;
    margin: 60px 0 20px 0;
    width: 100%; }

.list-container {
  flex-wrap: wrap;
  width: 100%; }
  @media (min-width: 947px) {
    .list-container {
      display: flex; } }
  .list-container .list-item:nth-of-type(odd) {
    margin-right: 40px; }
    @media (max-width: 946px) {
      .list-container .list-item:nth-of-type(odd) {
        margin-right: 0; } }

.list-item {
  display: flex;
  position: relative;
  padding: 29px 0 29px 15px;
  border-bottom: 1px solid #ccc;
  width: calc(50% - 23px);
  box-sizing: border-box; }
  .list-item:hover {
    background-color: #f2f2f2; }
  .list-item:after {
    clear: both;
    content: " ";
    visibility: hidden;
    display: block; }
  .list-item > a {
    display: flex;
    flex-shrink: 0;
    display: block;
    padding: 0;
    margin: 0; }
  .list-item .bio-image {
    margin: 0 15px 0 0;
    float: left;
    height: 100px;
    width: 100px;
    flex-shrink: 0; }
  .list-item .bio-info {
    float: left;
    padding-right: 20px; }
    .list-item .bio-info .bio-name {
      color: #333;
      font-family: 'HenBCGHead';
      font-size: 20px;
      line-height: 1.2;
      margin-bottom: 10px; }
      .list-item .bio-info .bio-name span {
        display: block; }
    .list-item .bio-info .bio-text {
      font-weight: 300;
      font-size: 14px;
      line-height: 18px;
      color: #9c9c9c;
      width: 90%;
      margin-bottom: 25px; }
      .list-item .bio-info .bio-text span {
        display: block; }
    .list-item .bio-info .share-bar {
      position: absolute;
      bottom: 30px;
      right: 0; }

@media (max-width: 946px) {
  .list-item {
    display: block;
    width: 100%; }
    .list-item .bio-image {
      height: 90px;
      width: 90px; }
    .list-item .bio-info {
      float: left; }
      .list-item .bio-info .bio-name {
        margin-bottom: 10px; }
      .list-item .bio-info .bio-text {
        position: relative; } }

@media (max-width: 767px) {
  .list-item {
    padding: 25px 0; }
    .list-item .bio-image {
      height: 60px;
      margin-left: 0;
      width: 60px; } }

.noimg .bio-info {
  padding-left: 10px; }

.collapsed-content .list-container {
  justify-content: space-between;
  flex-wrap: wrap; }
  .collapsed-content .list-container .list-item {
    width: calc(100% / 15 * 7) !important;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: none; }
    .collapsed-content .list-container .list-item:nth-child(n + 2) {
      border-top: 1px solid #ccc; }
  .collapsed-content .list-container .share-bar .mailto {
    margin-right: 0; }

.deep-mode-open .people-list .person .share-bar {
  z-index: 0; }

.campus-search {
  margin-bottom: 20px; }
  .campus-search .typeahead-container {
    font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif; }
    .campus-search .typeahead-container :focus {
      outline: none; }
    .campus-search .typeahead-container .typeahead-field {
      background: #f0f2f2; }
      .campus-search .typeahead-container .typeahead-field input {
        font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
        font-size: 18px;
        border: none;
        background: none;
        height: 70px;
        padding: 6px 0 6px 12px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
        .campus-search .typeahead-container .typeahead-field input:last-child {
          background: none; }
        @media (min-width: 768px) {
          .campus-search .typeahead-container .typeahead-field input {
            height: 72px;
            font-size: 20px; } }
        @media (min-width: 1280px) {
          .campus-search .typeahead-container .typeahead-field input {
            height: 82px;
            font-size: 28px; } }
    .campus-search .typeahead-container .typeahead-list {
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin-top: 0; }
      .campus-search .typeahead-container .typeahead-list.empty > li > a {
        font-size: 18px; }
      .campus-search .typeahead-container .typeahead-list > li {
        background: #f0f2f2; }
        .campus-search .typeahead-container .typeahead-list > li > a {
          white-space: normal;
          padding-top: 23px;
          padding-right: 20px;
          padding-bottom: 23px;
          font-size: 18px;
          color: #bdbfbf; }
          .campus-search .typeahead-container .typeahead-list > li > a p {
            margin-bottom: 1em; }
          .campus-search .typeahead-container .typeahead-list > li > a strong {
            color: #333; }
          @media (min-width: 768px) {
            .campus-search .typeahead-container .typeahead-list > li > a {
              font-size: 20px; } }
          @media (min-width: 1280px) {
            .campus-search .typeahead-container .typeahead-list > li > a {
              font-size: 28px; } }
    .campus-search .typeahead-container .typeahead-button button {
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      height: 70px;
      background-color: transparent; }
      .campus-search .typeahead-container .typeahead-button button .typeahead-search-icon {
        background: none;
        height: auto; }
        .campus-search .typeahead-container .typeahead-button button .typeahead-search-icon:after {
          font-family: 'dotBCG-Icons';
          color: rgba(0, 0, 0, 0.35);
          font-size: 30px;
          cursor: pointer; }
      @media (min-width: 768px) {
        .campus-search .typeahead-container .typeahead-button button {
          height: 72px; } }
      @media (min-width: 1280px) {
        .campus-search .typeahead-container .typeahead-button button {
          height: 82px; } }

.pagination {
  font-size: 80%; }

.pagination a {
  text-decoration: none;
  color: #000000; }

.pagination a, .pagination span {
  display: inline-block;
  padding: 0.3em 0.5em;
  text-align: center;
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-weight: 400;
  font-size: 18px; }

.pagination .current {
  color: #44CA7D;
  text-decoration: underline; }

.pagination .next {
  float: right; }
  @media (max-width: 767px) {
    .pagination .next {
      padding: 0;
      top: -20px;
      position: relative; } }

.pagination .previous {
  float: right; }
  @media (max-width: 767px) {
    .pagination .previous {
      float: left;
      padding: 0;
      top: -20px;
      position: relative; } }

.pagination .prev {
  margin-left: -30px; }

.pagination .prev-elipse, .pagination .next-elipse {
  margin-left: -18px; }

.pagination .next-elipse {
  margin-left: -8px; }

.pagination .current-page-mobile {
  visibility: hidden;
  display: none; }

@media (max-width: 767px) {
  .pagination .current.prev, .pagination .current.next {
    display: inline;
    visibility: visible; }
  .pagination .page-number-link, .pagination .prev-elipse, .pagination .next-elipse {
    display: none;
    visibility: hidden; }
  .pagination .current-page-mobile {
    visibility: visible;
    display: block;
    float: none;
    padding: 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #999; }
    .pagination .current-page-mobile span {
      color: #000000;
      display: inline;
      width: initial;
      float: none;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
      text-align: left; } }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.search-controls .filter-selected {
  background-color: #f0f0f0;
  cursor: pointer; }

.content-wrapper .search-count .breadcrumbs {
  display: none;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  @media (max-width: 767px) {
    .content-wrapper .search-count .breadcrumbs a:hover:after {
      content: ""; } }

@media (min-width: 768px) {
  .content-wrapper .search-count {
    display: flex; }
    .content-wrapper .search-count span:first-child {
      flex-shrink: 0;
      margin-right: 40px; }
    .content-wrapper .search-count .breadcrumbs {
      display: block; }
      .content-wrapper .search-count .breadcrumbs ul {
        font-size: 14px; }
      .content-wrapper .search-count .breadcrumbs a {
        color: #b7b7b7;
        display: inline-block;
        white-space: nowrap;
        position: relative; }
        .content-wrapper .search-count .breadcrumbs a:hover {
          color: #3fad93; }
          .content-wrapper .search-count .breadcrumbs a:hover:after {
            width: 4em;
            text-align: right;
            position: absolute;
            right: 0;
            top: 0;
            background: #fff;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+55,ffffff+100&0+0,1+55,1+100 */
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 55%, white 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 55%, white 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 55%, white 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            font-family: 'dotBCG-Icons'; }
      .content-wrapper .search-count .breadcrumbs li {
        padding-left: 0;
        display: inline;
        margin-right: 20px; }
        .content-wrapper .search-count .breadcrumbs li:before {
          content: ""; } }

.content-wrapper .filter-tab-container {
  background-color: #f0f0f0;
  clear: both;
  display: none;
  margin-bottom: 15px;
  padding: 20px;
  z-index: 5; }
  .content-wrapper .filter-tab-container .filter-controls {
    display: flex;
    align-items: center;
    margin-top: 45px; }
    .content-wrapper .filter-tab-container .filter-controls button {
      border: none;
      background: #d9d9d9;
      color: #fff;
      font-size: 18px;
      line-height: 1;
      display: inline-block;
      padding: 15px 30px; }
      .content-wrapper .filter-tab-container .filter-controls button:nth-child(1), .content-wrapper .filter-tab-container .filter-controls button:nth-child(3) {
        margin-right: 15px; }
      .content-wrapper .filter-tab-container .filter-controls button:nth-child(2) {
        margin-right: 40px; }
      .content-wrapper .filter-tab-container .filter-controls button:first-child, .content-wrapper .filter-tab-container .filter-controls button.active, .content-wrapper .filter-tab-container .filter-controls button:hover {
        background: #3fad93; }
    .content-wrapper .filter-tab-container .filter-controls label {
      font-size: 14px;
      color: #333333; }
  .content-wrapper .filter-tab-container .text-panel > ul {
    margin: 0; }
  .content-wrapper .filter-tab-container .drop-down-list {
    display: none;
    clear: both;
    margin: 20px 0 0; }
    .content-wrapper .filter-tab-container .drop-down-list ul {
      float: left;
      margin: 0;
      width: 33%; }
      .content-wrapper .filter-tab-container .drop-down-list ul li {
        float: left;
        clear: both;
        padding-left: 0; }
        .content-wrapper .filter-tab-container .drop-down-list ul li:before {
          content: ""; }
      .content-wrapper .filter-tab-container .drop-down-list ul label {
        font-size: 14px; }
  .content-wrapper .filter-tab-container .selected {
    display: flex;
    flex-wrap: wrap; }
  .content-wrapper .filter-tab-container .text-panel {
    margin: 0; }
    .content-wrapper .filter-tab-container .text-panel ul li {
      color: #333333;
      display: inline-block;
      list-style-type: none;
      margin: 0 15px 0 0;
      padding-left: 0;
      padding: 0 0 0 5px !important; }
      .content-wrapper .filter-tab-container .text-panel ul li.selected a {
        color: #3fad93; }
      .content-wrapper .filter-tab-container .text-panel ul li:before {
        content: none; }
      .content-wrapper .filter-tab-container .text-panel ul li input {
        float: left;
        margin-top: 8px; }
      .content-wrapper .filter-tab-container .text-panel ul li label {
        display: block;
        display: -moz-inline-stack;
        overflow: auto;
        padding-left: 5px; }
      .content-wrapper .filter-tab-container .text-panel ul li a {
        font-size: 14px;
        color: #333333;
        text-transform: uppercase;
        vertical-align: middle; }
        .content-wrapper .filter-tab-container .text-panel ul li a:hover, .content-wrapper .filter-tab-container .text-panel ul li a.active {
          color: #3fad93; }
        .content-wrapper .filter-tab-container .text-panel ul li a.active span {
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
        .content-wrapper .filter-tab-container .text-panel ul li a span {
          margin: 0 8px 0 0;
          font-size: 8px;
          display: inline-block;
          vertical-align: middle; }

.search-controls {
  width: 100%; }
  @media (min-width: 768px) {
    .search-controls {
      display: flex;
      align-items: center; }
      .search-controls .grid-options {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2; }
      .search-controls .country-language-select {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1; }
      .search-controls .filters + .input-field + .grid-options + .country-language-select {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2; }
      .search-controls .filters + .input-field + .grid-options {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3; } }
  .search-controls .country-language-select {
    display: none; }
    .search-controls .country-language-select .apply-lens,
    .search-controls .country-language-select .clear-lens {
      font-weight: 300; }
    .search-controls .country-language-select .dd-pointer:before {
      font-family: 'dotBCG-Icons';
      font-size: 9px; }
    @media (max-width: 767px) {
      .search-controls .country-language-select {
        content: ""; } }
    @media (min-width: 768px) {
      .search-controls .country-language-select {
        flex-shrink: 0;
        margin-left: auto;
        display: flex; }
        .search-controls .country-language-select .apply-lens,
        .search-controls .country-language-select .clear-lens {
          background: #f0f0f0;
          color: #333;
          font-size: 14px;
          border: none; }
        .search-controls .country-language-select .apply-lens {
          margin-right: 10px; }
        .search-controls .country-language-select .dd-container {
          width: auto !important;
          margin-right: 10px; }
          .search-controls .country-language-select .dd-container.disabled .dd-selected {
            color: #ccc; }
          .search-controls .country-language-select .dd-container.disabled .dd-select {
            border-color: #ccc; }
          .search-controls .country-language-select .dd-container.disabled .dd-pointer {
            background: #ccc; }
        .search-controls .country-language-select .dd-select {
          border: 1px solid #f0f0f0;
          width: auto !important;
          background: none !important;
          border-radius: 0; }
        .search-controls .country-language-select .dd-selected {
          font-weight: normal;
          padding: 8px 40px 8px 8px;
          color: #333; }
        .search-controls .country-language-select .dd-pointer {
          display: flex;
          align-items: center;
          background: #f0f0f0;
          height: 100%;
          border: none !important;
          margin-top: 0;
          top: 0;
          right: 0;
          padding-left: 7px;
          padding-right: 7px;
          width: auto;
          height: 100%;
          color: #333; }
          .search-controls .country-language-select .dd-pointer.dd-pointer-up:before {
            transform: rotateZ(180deg); }
        .search-controls .country-language-select .dd-options {
          width: 100% !important;
          border-left: 1px solid #f0f0f0;
          border-right: 1px solid #f0f0f0;
          border-bottom: 1px solid #f0f0f0;
          box-shadow: none;
          margin: 0;
          font-size: inherit;
          line-height: inherit; }
          .search-controls .country-language-select .dd-options li {
            padding-left: 0;
            margin: 0; }
            .search-controls .country-language-select .dd-options li:before {
              content: ""; }
        .search-controls .country-language-select .dd-option {
          color: #333;
          padding-left: 8px;
          padding-right: 0;
          padding-top: 10px;
          padding-bottom: 10px; }
          .search-controls .country-language-select .dd-option .dd-option-text {
            -webkit-box-decoration-break: clone;
            -ms-box-decoration-break: clone;
            -o-box-decoration-break: clone;
            box-decoration-break: clone;
            display: block; }
        .search-controls .country-language-select .dd-selected,
        .search-controls .country-language-select .dd-option {
          font-size: 14px;
          font-weight: 300; } }
  .search-controls .input-field {
    margin: 18px 0 12px 0;
    display: flex; }
    .search-controls .input-field .search-input {
      font-weight: 400;
      font-style: italic;
      color: #333333;
      font-size: 16px;
      border: none;
      padding: 0 0 2px 0; }
      @media (max-width: 767px) {
        .search-controls .input-field .search-input {
          margin-top: 8px;
          width: 52%; } }
    .search-controls .input-field .search-input-icon:before {
      font-size: 18px;
      font-family: 'dotBCG-Icons';
      margin-right: 10px;
      vertical-align: middle; }
      @media (max-width: 767px) {
        .search-controls .input-field .search-input-icon:before {
          color: #b2b2b2;
          font-size: 24px; } }
    .search-controls .input-field .search-input-button {
      height: 0;
      position: fixed;
      left: -9999em; }
      @media (max-width: 767px) {
        .search-controls .input-field .search-input-button {
          background: none;
          border: 1px solid #ebebeb;
          color: #b2b2b2;
          display: block;
          float: right;
          font-size: 12px;
          padding: 10px 20px;
          text-transform: uppercase; } }
  .search-controls .filters,
  .search-controls .input-field {
    flex-shrink: 0; }
    @media (max-width: 767px) {
      .search-controls .filters,
      .search-controls .input-field {
        clear: both;
        display: block;
        float: none;
        border-bottom: 1px solid #ebebeb;
        border-top: 1px solid #ebebeb;
        padding: 13px 0;
        margin-left: 0;
        height: 65px; } }
  .search-controls .filters {
    vertical-align: middle;
    padding: 20px;
    margin-right: 8px;
    position: relative; }
    .search-controls .filters > a {
      font-weight: 400;
      font-style: italic;
      font-size: 16px;
      color: #333333; }
    .search-controls .filters:before {
      width: 18px;
      display: inline-block;
      margin-right: 10px; }

.grid-options {
  margin: 18px 0 20px 0;
  flex-shrink: 0; }
  .grid-options > a {
    font-size: 18px;
    margin-left: 10px;
    color: #197a56; }
    .grid-options > a.inactive {
      color: #b7b7b7; }
  @media (max-width: 767px) {
    .grid-options {
      clear: both;
      display: block;
      float: none;
      margin: 25px 0 5px; }
      .grid-options > a {
        margin-left: 0px;
        font-size: 24px; }
      .grid-options .icon-filters-list-view {
        margin-left: 10px; } }

@-moz-document url-prefix() {
  .content-wrapper .filter-tab-container .text-panel ul li label {
    display: initial; } }

.search-result.search-result__keymatch-container {
  background-color: #f2f2f2; }
  .search-result.search-result__keymatch-container .search-result-container {
    background-color: inherit;
    padding: 20px; }

.search-result__keymatch-label {
  padding: 20px 20px 0 20px;
  text-transform: uppercase; }

.book-archetype .grid-row {
  border-top: 1px solid #ccc;
  padding: 40px 0; }

.book-archetype:last-child .grid-row {
  border-bottom: 1px solid #ccc; }

.book-archetype picture img {
  max-width: 146px; }

.book-archetype:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden; }

.book-header {
  color: #197a56;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 34px;
  margin-bottom: 20px;
  margin-top: 0; }

.book-body p,
.book-body a {
  font-weight: 300;
  color: #707070;
  font-size: 16px;
  line-height: 21px; }

.book-body a {
  color: #3fad93; }
  .book-body a:hover {
    color: #00532f; }

.book-link {
  margin-right: 1.25em; }

@media (max-width: 767px) {
  .book-archetype .grid-row .grid-column {
    width: 100%; }
    .book-archetype .grid-row .grid-column img {
      width: auto; }
  .book-media {
    position: initial; }
  .book-body {
    padding: 0;
    margin-top: 8px; }
    .book-body .book-header {
      font-size: 20px;
      line-height: 29px; }
    .book-body p,
    .book-body a {
      font-size: 16px;
      line-height: 24px; } }

.video-wrapper + .collapsible-content .switch,
.audio-wrapper + .collapsible-content .switch {
  display: none; }

.content-wrapper-office .full-width-background {
  margin-bottom: 330px; }
  @media (max-width: 946px) {
    .content-wrapper-office .full-width-background {
      margin-bottom: 300px; } }
  @media (max-width: 767px) {
    .content-wrapper-office .full-width-background {
      margin-bottom: 170px; } }

.collapsible-content {
  margin-bottom: 35px;
  /*SW - Not sure why this min-height was added, but they break the alignment of offices. */
  /*.subheader {
    min-height: 120px; 
  }*/ }
  @media (min-width: 768px) {
    .collapsible-content {
      margin-bottom: 50px; } }
  .collapsible-content h3 {
    margin-bottom: 10px; }
  .collapsible-content .grid-column {
    padding-bottom: 5px; }
  .collapsible-content .subheader {
    position: relative; }
    .collapsible-content .subheader:before {
      height: 20px;
      width: 20px;
      right: 0;
      margin-right: 0;
      position: absolute;
      cursor: pointer;
      top: 20px; }
    .collapsible-content .subheader:after {
      top: 20px; }
    .collapsible-content .subheader a {
      display: block;
      position: relative; }
    .collapsible-content .subheader.expanded a:after {
      top: 12px; }
    .collapsible-content .subheader .title, .collapsible-content .subheader .med-pub .title > a, .med-pub .collapsible-content .subheader .title > a, .collapsible-content .subheader .small-pub .title > a, .small-pub .collapsible-content .subheader .title > a {
      margin: 20px 25px 10px 0px;
      /*margin-top: 10px; 
      padding: 30px 0 20px 0;*/
      /*SW - Not sure why these changes were made, but they break the alignment of offices. */ }
  .collapsible-content h3.subheader:after {
    top: 1.3em; }
  .collapsible-content h3.subheader a {
    padding: 20px 25px 20px 0; }
  .collapsible-content h4.subheader:after {
    top: 1em; }
  .collapsible-content h4.subheader a {
    margin: 10px 0 10px 20px; }
  .collapsible-content .img-container img {
    width: 100%;
    height: 100%;
    max-height: 72px;
    max-width: 72px;
    float: left;
    margin: 10px 20px 20px 0px; }
    @media (min-width: 947px) {
      .collapsible-content .img-container img {
        max-height: 120px;
        max-width: 120px; } }
  .collapsible-content .article-button {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    height: 44px;
    padding: 0 30px;
    overflow: hidden;
    color: #b7b7b7;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 2; }
    .collapsible-content .article-button:hover {
      color: white;
      border-color: black; }
      .collapsible-content .article-button:hover:after {
        border-width: 800px 800px 0 0; }
    .collapsible-content .article-button:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 0;
      left: 0;
      z-index: -1;
      border-style: solid;
      border-width: 0 0 0 0;
      border-color: black transparent transparent transparent;
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-transition: all 500ms;
      -moz-transition: all 500ms;
      -ms-transition: all 500ms;
      -o-transition: all 500ms;
      transition: all 500ms; }
  .collapsible-content .text-panel p {
    clear: both; }
  .collapsible-content .switch {
    margin-top: 55px; }
    .collapsible-content .switch:after {
      content: " ";
      display: block;
      clear: both;
      visibility: hidden; }
    .collapsible-content .switch a {
      float: right;
      margin-bottom: 10px; }
      .collapsible-content .switch a.expand:after {
        content: attr(data-expand); }
      .collapsible-content .switch a.collapse:after {
        content: attr(data-collapse); }
  .collapsible-content .collapsed-content {
    padding-bottom: 10px;
    display: none; }
    .collapsible-content .collapsed-content.expanded {
      display: block; }
    .collapsible-content .collapsed-content .video-player.grid-column {
      padding-bottom: 0; }
    .collapsible-content .collapsed-content .article-video > .grid-row {
      border: none; }
    .collapsible-content .collapsed-content .video-player-title {
      margin-bottom: 20px; }
  .collapsible-content .collapsed-content .rtf {
    clear: both; }
  .collapsible-content .collapsed-content__list {
    margin-top: 45px; }
  .collapsible-content .collapsed-content__list li {
    margin-bottom: 45px; }
  .collapsible-content .collapsed-content__list li:before {
    font-weight: 400;
    color: #333; }

.collapsible-content {
  border-color: #ccc;
  /* We have two kinds of collapsible sections
1) https://www.bcg.com/about/bcg-today/awards.aspx
   1 grid-row > grid-column,
    many .subheader and .collapsed-content next to each other
2) http://app-rtb.bcg.tahzoo.net/testing/qa/zo/standard-article-header-hero-1.aspx
  many grid-row > grid-column,
  one .subheader and .collapsed-content next to each other

*/
  /*type 1*/
  /*Spacing for images and video inside BP4-3166*/ }
  .collapsible-content .video-player {
    border-bottom: none !important; }
  .collapsible-content .subheader:after {
    color: black;
    cursor: pointer; }
  .collapsible-content .skim {
    text-transform: none;
    font-size: 16px; }
    @media (min-width: 947px) {
      .collapsible-content .skim {
        font-size: 18px; } }
    @media (min-width: 1280px) {
      .collapsible-content .skim {
        line-height: 33px;
        color: black; } }
  .collapsible-content .img-container img {
    background-color: #cecece; }
  .collapsible-content .switch a {
    color: #3fad93; }
    .collapsible-content .switch a:hover {
      color: #00532f; }
  .collapsible-content h3.subheader {
    font-size: 18px;
    line-height: 23px; }
    .collapsible-content h3.subheader a {
      color: #197a56; }
  .collapsible-content h4.subheader a {
    color: #333333;
    font-size: 16px; }
  .collapsible-content .subheader a {
    font-weight: 700;
    text-transform: uppercase; }
  .collapsible-content .subheader:before {
    font-family: "dotBCG-Icons";
    font-size: 16px; }
  .collapsible-content .switch + .subheader,
  .collapsible-content .collapsed-content + .subheader,
  .collapsible-content .collapsed-content__wrapper > .subheader {
    border-top: 1px solid #ccc; }
    .collapsible-content .switch + .subheader:before,
    .collapsible-content .collapsed-content + .subheader:before,
    .collapsible-content .collapsed-content__wrapper > .subheader:before {
      top: 20px; }
  .collapsible-content .article-video_textContained, .collapsible-content .article-video {
    margin: 0 !important; }
    .collapsible-content .article-video_textContained .quote-caption, .collapsible-content .article-video .quote-caption {
      overflow: hidden !important;
      padding-bottom: 0 !important; }
  .collapsible-content .container-text-mod {
    margin: 0; }
  .collapsible-content .collapsed-content {
    color: #333; }
  @media print {
    .collapsible-content {
      margin: 5mm 0;
      display: block !important; } }

/*BP4-3166: removing boroder lines from inside grid-rows from videos/images*/
.collapsible-content > .grid-row:last-child {
  border-bottom-style: solid; }

/*type 2*/
.collapsible-content > .grid-row {
  border-color: inherit;
  border-width: 1px;
  border-top-style: solid; }

.standard-article .collapsible-content {
  border-color: #32c77f; }
  .standard-article .collapsible-content .text-panel {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif; }
  .standard-article .collapsible-content .img-container {
    transform: translateY(-0.2em); }
  .standard-article .collapsible-content .subheader:before {
    color: #b7b7b7 !important; }
  .standard-article .collapsible-content .subheader .title, .standard-article .collapsible-content .subheader .med-pub .title > a, .med-pub .standard-article .collapsible-content .subheader .title > a, .standard-article .collapsible-content .subheader .small-pub .title > a, .small-pub .standard-article .collapsible-content .subheader .title > a {
    color: black;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700; }
  .standard-article .collapsible-content .skim {
    color: #b7b7b7;
    font-weight: 300; }

.standalone-article .collapsible-content {
  border-color: black; }
  .standalone-article .collapsible-content .numbered-list li {
    padding-left: 35px; }
    .standalone-article .collapsible-content .numbered-list li:before {
      position: absolute; }
    @media (min-width: 947px) {
      .standalone-article .collapsible-content .numbered-list li {
        padding-left: 50px; } }
  .standalone-article .collapsible-content ul li:before {
    color: black; }
  .standalone-article .collapsible-content .subheader:after {
    color: black; }
  .standalone-article .collapsible-content .subheader .title, .standalone-article .collapsible-content .subheader .med-pub .title > a, .med-pub .standalone-article .collapsible-content .subheader .title > a, .standalone-article .collapsible-content .subheader .small-pub .title > a, .small-pub .standalone-article .collapsible-content .subheader .title > a {
    font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 800;
    color: black; }
  .standalone-article .collapsible-content .subheader .subheader:before {
    color: black; }
  .standalone-article .collapsible-content .grid-row {
    border-top-width: 5px; }
  .standalone-article .collapsible-content .skim {
    color: #000;
    font-size: 18px;
    line-height: 33px;
    font-weight: 300;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*===============
    #COLLAPSIBLECONTENT #ACCORDION #EXPAND #COLLAPSE
===============*/
/*
* Comment-1) using max-height instead of height. this is because you can't animate from height:0 to height: auto.
* Comment-2) the max-height is intentionally ridiculously tall (supposed to be taller than you would ever reasonably expect content to be)
*
*/
/*=== collapsible ===
-summary
-details

.ui-expanded
.ui-collapsed
*/
.collapsible-details {
  transition: all .3s ease-in-out;
  overflow: hidden; }

.collapsible .ui-collapsed {
  max-height: 0; }

.collapsible .ui-expanded {
  max-height: 300vh; }

.featured-events-wrapper .featured-event {
  margin-bottom: 60px; }
  @media (min-width: 500px) {
    .featured-events-wrapper .featured-event {
      margin-bottom: 50px; } }

.featured-events-wrapper a {
  word-wrap: break-word; }
  .featured-events-wrapper a[href='#modalEmail'] {
    text-decoration: underline; }

section.container.homepage-container {
  z-index: 1; }

@media (max-width: 946px) {
  .deepmode footer .flags {
    display: none; } }

.top-bar-wrapper.open-lens {
  -webkit-transition: margin-top 0.35s !important;
  -moz-transition: margin-top 0.35s !important;
  -ms-transition: margin-top 0.35s !important;
  -o-transition: margin-top 0.35s !important;
  transition: margin-top 0.35s !important; }

.modal-open .overlay {
  background: #f2f3f3;
  font-weight: bold;
  height: 50px;
  opacity: 1;
  right: 0px;
  width: 50px;
  z-index: 10; }
  .modal-open .overlay .icon-filters-close {
    margin: 16px; }

.modal-open .lens-modal .icon-filters-close {
  display: none; }

.stop-scroll {
  overflow: hidden; }

.lens {
  transition: transform .35s;
  /* leaving this as display: none when not visible makes the animation abrubt. */
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #32c77f;
  background-image: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/worldMapCSA.989aa014c01b81bcff28c8aaac1424b1.png');
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  position: fixed;
  transform-origin: top;
  transform: translateY(-100%);
  z-index: 999;
  height: 0;
  top: 0; }
  .lens.open {
    opacity: 1; }
  .lens.visible {
    z-index: 3; }
  .lens.lens-overlay {
    height: 100vh; }
  .lens.fixed {
    position: fixed; }
  .lens.show {
    top: 0;
    transform: translateY(0); }
  .lens ul {
    font-size: inherit;
    line-height: inherit; }
  .lens li {
    padding: 0;
    margin: 0; }
    .lens li::before {
      content: none; }
  .lens .icon-deep-mode-close {
    color: white;
    position: absolute;
    right: 15px;
    margin-top: 15px; }
  .lens .lens-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: 25px 35px; }
    .lens .lens-container .instruction-container {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .lens .lens-container .instruction-container .instructions {
        text-align: center; }
        .lens .lens-container .instruction-container .instructions p {
          font-weight: 200;
          font-size: 30px;
          line-height: 37px;
          color: white; }
    .lens .lens-container .selector-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 20px; }
      .lens .lens-container .selector-container .selector-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        .lens .lens-container .selector-container .selector-content .dd-container {
          font-weight: 300;
          font-size: 14px;
          color: #707070;
          margin-bottom: 15px; }
          .lens .lens-container .selector-container .selector-content .dd-container .dd-options {
            max-height: 200px; }
          .lens .lens-container .selector-container .selector-content .dd-container .dd-pointer {
            right: 30px;
            top: 34%; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-pointer:after {
              font-family: "dotBCG-Icons";
              font-size: 10px; }
          .lens .lens-container .selector-container .selector-content .dd-container .dd-pointer-down, .lens .lens-container .selector-container .selector-content .dd-container .dd-pointer-up {
            margin: 0;
            border: none !important; }
          .lens .lens-container .selector-container .selector-content .dd-container .dd-selected {
            display: flex;
            flex-direction: row;
            font-weight: 300;
            height: 40px;
            font-size: 14px;
            color: #707070;
            background-color: white; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-selected .dd-selected-image {
              max-width: 25px;
              max-height: 15px;
              margin-right: 10px;
              margin-top: 3px; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-selected .dd-selected-text {
              line-height: normal !important; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-selected .dd-desc {
              display: none; }
          .lens .lens-container .selector-container .selector-content .dd-container .dd-option {
            font-weight: 300;
            font-size: 14px;
            color: #707070;
            padding: 11px;
            border-bottom: none; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-option:hover, .lens .lens-container .selector-container .selector-content .dd-container .dd-option:active, .lens .lens-container .selector-container .selector-content .dd-container .dd-option:focus {
              background-color: #f2f2f2; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-option .dd-option-description {
              display: none; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-option .dd-option-image {
              max-width: 25px;
              max-height: 20px;
              float: none; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-option .dd-option-text {
              line-height: normal !important; }
            .lens .lens-container .selector-container .selector-content .dd-container .dd-option .adjust-external {
              margin-left: 5%;
              font-size: 12px; }
      .lens .lens-container .selector-container .confirm {
        font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
        font-weight: 400;
        height: 40px;
        width: 100%;
        font-size: 18px;
        color: white;
        background-color: #197a56;
        border: 1px solid #01542f;
        margin-bottom: 60px;
        padding: 0; }
      .lens .lens-container .selector-container .remember {
        font-weight: 300;
        font-size: 14px;
        color: white;
        margin-bottom: 15px; }
        .lens .lens-container .selector-container .remember input {
          margin-right: 5px; }

.flags {
  min-width: 82px; }
  .flags p {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  @media (max-width: 767px) {
    .flags {
      display: none; } }

.lens-selector-button {
  float: right;
  position: relative; }
  .lens-selector-button p {
    color: inherit;
    font-size: inherit;
    line-height: inherit; }
  .flags .lens-selector-button {
    display: none; }
    @media (min-width: 768px) {
      .flags .lens-selector-button {
        display: flex; } }
  .lens-selector-button .lens-selector-button-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center; }
    .lens-selector-button .lens-selector-button-content:hover {
      cursor: pointer; }
    .lens-selector-button .lens-selector-button-content .flag-icon {
      display: inline-block; }
      .lens-selector-button .lens-selector-button-content .flag-icon .flag {
        height: 14px;
        margin-right: 10px;
        width: 24px;
        position: relative;
        top: 2px; }
        @media (min-width: 1280px) {
          .lens-selector-button .lens-selector-button-content .flag-icon .flag {
            height: 18px;
            width: 28px; } }
    .lens-selector-button .lens-selector-button-content .language-container {
      display: inline-block;
      width: 45px; }
      .lens-selector-button .lens-selector-button-content .language-container .language {
        font-weight: 300;
        text-transform: uppercase;
        font-size: 14px;
        color: #707070;
        margin-right: 3px;
        display: inline-block; }
      .lens-selector-button .lens-selector-button-content .language-container .right-arrow {
        border-style: solid;
        border-width: 3px 0 3px 5.2px;
        border-color: transparent transparent transparent #707070;
        color: #707070;
        margin: 0 0 1px 0;
        display: inline-block; }

.lens-modal {
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  width: 100vw; }
  .lens-modal .lens-modal-content .text {
    font-weight: 300;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 25px; }
  .lens-modal .lens-modal-content .confirm {
    width: 100%;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    font-size: 18px;
    color: white;
    background-color: #197a56;
    border: 1px solid #01542f;
    margin-right: 14px;
    padding: 10px 30px; }
  .lens-modal .lens-modal-content .cancel {
    width: 100%;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    font-size: 18px;
    color: white;
    background-color: #a9a9a9;
    border: 1px solid #707070;
    padding: 10px 30px; }

.homepage-container .lens-selector-button {
  z-index: 6; }
  @media (max-width: 767px) {
    .homepage-container .lens-selector-button {
      margin-top: 60px; } }
  .homepage-container .lens-selector-button .lens-selector-button-content .language-container .language {
    color: white; }
  .homepage-container .lens-selector-button .lens-selector-button-content .language-container .right-arrow {
    border-color: transparent transparent transparent white; }
    .bcg-homepage .homepage-container .lens-selector-button .lens-selector-button-content .language-container .right-arrow,
    .careers-homepage .homepage-container .lens-selector-button .lens-selector-button-content .language-container .right-arrow {
      border-color: transparent transparent transparent #f1f1f1; }

/* BR-1001 on the homepage, the lens selector above the panels is taking up space
 that affects the layout of panels in mobile view
 */
.homepage-content-wrapper .content-inner-wrapper .lens-selector-button {
  /* BP4-2510 removing absolute to add login... might cause issues with height positioning of homepage panels -- sorry Frank*/ }
  @media (min-width: 768px) {
    .homepage-content-wrapper .content-inner-wrapper .lens-selector-button {
      position: relative; } }

@media (min-width: 768px) {
  .modal-open .overlay {
    background: #fff;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    z-index: -1;
    width: 100%; }
  .modal-open .lens-modal .icon-filters-close {
    display: block; }
  .lens {
    height: auto;
    overflow: visible; }
    .lens .lens-container {
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      margin: 25px 50px; }
      .lens .lens-container .instruction-container {
        width: 40%;
        margin-right: 35px; }
        .lens .lens-container .instruction-container .instructions {
          text-align: left; }
          .lens .lens-container .instruction-container .instructions p {
            color: #fff;
            font-size: 22px;
            line-height: 27px; }
      .lens .lens-container .selector-container {
        margin-top: 20px; }
        .lens .lens-container .selector-container .selector-content {
          flex-wrap: no-wrap; }
          .lens .lens-container .selector-container .selector-content .dd-container {
            margin-right: 20px; }
          .lens .lens-container .selector-container .selector-content .confirm {
            padding: 0 30px;
            margin-bottom: 15px;
            width: auto; }
  .lens-modal {
    width: 460px;
    padding: 0; }
    .lens-modal .icon-filters-close {
      position: absolute;
      font-size: 20px;
      top: 0;
      right: 0; }
    .lens-modal .lens-modal-content {
      margin: 40px 40px 0 40px; }
      .lens-modal .lens-modal-content .confirm {
        padding: 10px 40px;
        margin-right: 20px; }
      .lens-modal .lens-modal-content .cancel {
        padding: 10px 40px; } }

@media (min-width: 1280px) {
  .lens .lens-container {
    margin: 25px 65px; }
    .lens .lens-container .instruction-container {
      margin-right: 50px; }
      .lens .lens-container .instruction-container .instructions p {
        font-size: 30px;
        line-height: 37px; }
    .lens .lens-container .selector-container .selector-content .confirm {
      padding: 0 40px; } }

/* BCGer Profile makes heavy use of Program's rules */
.programs .program-item {
  display: inline-flex;
  width: 100%;
  margin: 0 0 40px 0; }
  .programs .program-item .image-container, .programs .program-item .program-content > a {
    flex-shrink: 0; }
  .programs .program-item .program-content {
    display: flex;
    padding: 20px 20px 0 0;
    border: 1px solid #32c77f;
    width: calc(100% - 25px);
    margin-left: 25px; }
    .programs .program-item .program-content .program-image {
      width: auto;
      margin: 0 15px 0 -20px; }
    .programs .program-item .program-content .text-container {
      display: flex;
      flex-direction: column;
      margin-bottom: 13px;
      width: 100%;
      margin-left: 20px; }
      .programs .program-item .program-content .text-container .content-header {
        font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 30px;
        color: #32c77f; }
      .programs .program-item .program-content .text-container .program-text {
        font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        margin-bottom: 27px;
        font-size: 16px;
        font-weight: 300;
        color: #333333;
        line-height: 20px; }
      .programs .program-item .program-content .text-container .program-cta {
        margin-top: auto;
        color: #32c77f; }
        .programs .program-item .program-content .text-container .program-cta .icon-nav-interstitial-arrow {
          height: 60px;
          width: 60px;
          border-radius: 30px;
          border: 2px solid #32c77f;
          color: #32c77f;
          padding: 3px; }
          .programs .program-item .program-content .text-container .program-cta .icon-nav-interstitial-arrow:hover {
            color: #707070;
            border-color: #707070; }
    .programs .program-item .program-content .image-container + .text-container {
      margin-left: 0; }

@media (min-width: 768px) {
  .programs .program-item {
    flex-shrink: 0;
    width: calc( ( (100vw - 75px * 2) / 15) * 7);
    margin-bottom: 36px; }
    .programs .program-item .program-content {
      padding: 25px 20px 0 0; }
      .programs .program-item .program-content .program-image {
        margin: 0 20px 0 -25px; }
      .programs .program-item .program-content .text-container {
        margin-bottom: 18px; }
        .programs .program-item .program-content .text-container .program-text {
          margin-bottom: 32px; } }

@media (min-width: 947px) {
  .programs .program-item {
    margin-bottom: 40px;
    width: calc( (70vw / 15) * 7); }
    .programs .program-item .program-content .text-container {
      margin-bottom: 18px; }
      .programs .program-item .program-content .text-container .content-header {
        margin-bottom: 15px; }
      .programs .program-item .program-content .text-container .program-text {
        margin-bottom: 37px; } }

@media (min-width: 1280px) {
  .programs .program-item {
    width: calc( (60vw / 15) * 7); } }

.impact-story + .programs {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .impact-story + .programs {
      margin-top: 40px; } }
  @media (min-width: 947px) {
    .impact-story + .programs {
      margin-top: 50px; } }
  @media (min-width: 1280px) {
    .impact-story + .programs {
      margin-top: 60px; } }

@media (max-width: 767px) {
  .programs.container-2 .program-item.grid-column {
    width: calc(100% - 20px); } }

/* BCGer Profile makes heavy use of Program's rules */
.programs.bcger .program-item .program-content {
  margin-top: 20px; }
  .programs.bcger .program-item .program-content:hover {
    background-color: #f2f2f2; }
  @media (min-width: 1280px) {
    .programs.bcger .program-item .program-content {
      margin-top: 25px; } }
  .programs.bcger .program-item .program-content .program-image {
    margin-bottom: 20px; }
  .programs.bcger .program-item .program-content .text-container {
    margin-left: 0;
    margin-bottom: 22px; }
    @media (min-width: 1280px) {
      .programs.bcger .program-item .program-content .text-container {
        margin-bottom: 30px; } }
    .programs.bcger .program-item .program-content .text-container .content-header {
      font-family: inherit;
      font-weight: 700;
      font-size: 12px;
      line-height: 14px;
      margin-bottom: 6px;
      text-transform: uppercase; }
      @media (min-width: 1280px) {
        .programs.bcger .program-item .program-content .text-container .content-header {
          font-size: 14px;
          line-height: 16px;
          margin-bottom: 11px; } }
    .programs.bcger .program-item .program-content .text-container .program-text {
      font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
      font-weight: 400;
      font-size: 19px;
      line-height: 22px;
      margin-bottom: 0; }
      @media (min-width: 1280px) {
        .programs.bcger .program-item .program-content .text-container .program-text {
          font-size: 20px;
          line-height: 24px; } }

.expertise-cross-browsing.margin-only-container.footer-carousel {
  margin-top: 30px; }
  .expertise-cross-browsing.margin-only-container.footer-carousel .grid-column .carousel-link {
    padding: 15px; }
    .expertise-cross-browsing.margin-only-container.footer-carousel .grid-column .carousel-link .carousel-content-container {
      flex-direction: column;
      justify-content: flex-start;
      flex-grow: 0; }
      .expertise-cross-browsing.margin-only-container.footer-carousel .grid-column .carousel-link .carousel-content-container .subtext p {
        margin-bottom: 0;
        color: #707070;
        display: block;
        font-size: 14px;
        line-height: 17px; }
  .expertise-cross-browsing.margin-only-container.footer-carousel .footer-heading {
    border-top: none; }
    .expertise-cross-browsing.margin-only-container.footer-carousel .footer-heading h3 {
      margin-bottom: 0; }

.expertise-cross-browsing.margin-only-container .image.title, .expertise-cross-browsing.margin-only-container .med-pub .title > a.image, .med-pub .expertise-cross-browsing.margin-only-container .title > a.image, .expertise-cross-browsing.margin-only-container .small-pub .title > a.image, .small-pub .expertise-cross-browsing.margin-only-container .title > a.image {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px; }
  .expertise-cross-browsing.margin-only-container .image.title .title, .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .title, .med-pub .expertise-cross-browsing.margin-only-container .title > a.image .title, .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .title, .small-pub .expertise-cross-browsing.margin-only-container .title > a.image .title, .expertise-cross-browsing.margin-only-container .image.title .med-pub .title > a, .med-pub .expertise-cross-browsing.margin-only-container .image.title .title > a, .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .title > a, .med-pub .expertise-cross-browsing.margin-only-container .title > a.image .title > a, .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .med-pub .title > a, .small-pub .expertise-cross-browsing.margin-only-container .title > a.image .med-pub .title > a, .expertise-cross-browsing.margin-only-container .image.title .small-pub .title > a, .small-pub .expertise-cross-browsing.margin-only-container .image.title .title > a, .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .small-pub .title > a, .med-pub .expertise-cross-browsing.margin-only-container .title > a.image .small-pub .title > a, .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .title > a, .small-pub .expertise-cross-browsing.margin-only-container .title > a.image .title > a {
    color: black;
    width: 70%;
    text-transform: none;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400; }
  .expertise-cross-browsing.margin-only-container .image.title picture, .expertise-cross-browsing.margin-only-container .med-pub .title > a.image picture, .med-pub .expertise-cross-browsing.margin-only-container .title > a.image picture, .expertise-cross-browsing.margin-only-container .small-pub .title > a.image picture, .small-pub .expertise-cross-browsing.margin-only-container .title > a.image picture {
    order: 0;
    width: auto;
    margin-right: 10px; }
    .expertise-cross-browsing.margin-only-container .image.title picture img, .expertise-cross-browsing.margin-only-container .med-pub .title > a.image picture img, .med-pub .expertise-cross-browsing.margin-only-container .title > a.image picture img, .expertise-cross-browsing.margin-only-container .small-pub .title > a.image picture img, .small-pub .expertise-cross-browsing.margin-only-container .title > a.image picture img {
      max-width: 80px;
      max-height: 80px; }

.expertise-cross-browsing.margin-only-container.practice-area .grid-column {
  position: relative; }
  .expertise-cross-browsing.margin-only-container.practice-area .grid-column div {
    text-align: center; }
  .expertise-cross-browsing.margin-only-container.practice-area .grid-column .text {
    flex-direction: column;
    justify-content: center;
    position: absolute;
    padding: 0;
    width: 100%;
    height: 100%; }
    .expertise-cross-browsing.margin-only-container.practice-area .grid-column .text h3 {
      font-weight: 200;
      color: white;
      padding: 0 20px; }
  .expertise-cross-browsing.margin-only-container.practice-area .grid-column picture {
    width: 100%;
    max-height: 138px; }

.welcome-header {
  position: relative; }
  .welcome-header h1 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-header h2 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-header h3 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-header h4 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-header h5 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-header h6 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-header p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-header .apply {
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 2;
    font-size: 18px; }
  .welcome-header .content {
    position: relative;
    width: 100%;
    margin-top: -30px; }
  .welcome-header .heading {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 30px);
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    text-align: center; }
    .welcome-header .heading h1 {
      margin-bottom: auto;
      color: #fff;
      font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 700 !important;
      font-size: 25px; }
    .welcome-header .heading * {
      margin-top: 26%; }
  .welcome-header .cta-wrapper {
    padding: 20px 15px;
    width: calc(100% - 20px * 2);
    border: 1px solid white;
    height: 100%;
    margin: 0 auto;
    bottom: 0;
    left: 75px;
    background: -moz-linear-gradient(left, #5bc591 0%, #44ad93 50%, #007a5b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5bc591 0%, #44ad93 50%, #007a5b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5bc591 0%, #007a5b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .welcome-header .cta {
    margin-bottom: 15px; }
    .welcome-header .cta:last-child {
      margin-bottom: 0; }
    .welcome-header .cta br {
      display: none; }
    .welcome-header .cta a {
      color: #fff;
      font-weight: 200;
      display: flex;
      align-items: center;
      font-size: 18px;
      text-transform: uppercase; }
    .welcome-header .cta p {
      color: #fff;
      display: inline-block;
      width: 100%; }
    .welcome-header .cta span {
      display: inline-block;
      margin-right: 0;
      font-size: 30px; }
    .welcome-header .cta:hover p {
      color: #00532f; }
  @media (max-width: 767px) {
    .welcome-header {
      margin-top: 50px; }
      .welcome-header .heading h1 {
        margin-top: 18%; } }
  @media (min-width: 500px) {
    .welcome-header .heading h1 {
      font-size: 30px; } }
  @media (min-width: 768px) {
    .welcome-header {
      margin-bottom: 20px; }
      .welcome-header .content {
        position: absolute;
        bottom: 0;
        left: 0; }
        .welcome-header .content:after {
          content: "";
          position: absolute;
          box-sizing: content-box;
          bottom: 0;
          height: 50px;
          width: calc(100% - 75px * 2);
          border-left: 75px solid #fff;
          border-right: 75px solid #fff; }
      .welcome-header .heading {
        height: calc(100% - 50px); }
        .welcome-header .heading h1 {
          font-size: 48px;
          line-height: 56px; }
        .welcome-header .heading * {
          margin: auto 0; }
      .welcome-header .cta-wrapper {
        padding: 26px 0 19px 0;
        width: calc(100% - 75px * 2);
        display: flex;
        justify-content: space-around;
        background: rgba(63, 173, 147, 0.5); }
      .welcome-header .cta {
        align-self: center;
        text-align: center;
        margin-bottom: 0; }
        .welcome-header .cta a {
          font-size: 25px;
          display: block; }
          .welcome-header .cta a:hover {
            color: #00532f; }
            .welcome-header .cta a:hover span {
              border-color: #32c77f; }
        .welcome-header .cta br {
          display: block; }
        .welcome-header .cta p {
          margin-bottom: 15px;
          display: block; } }
  @media (min-width: 947px) {
    .welcome-header .heading h1 {
      font-size: 60px;
      line-height: 72px; }
    .welcome-header .cta a {
      font-size: 35px; } }
  @media (min-width: 1280px) {
    .welcome-header .content:after {
      height: 75px;
      width: calc(100% - 100px * 2);
      border-left-width: 100px;
      border-right-width: 100px; }
    .welcome-header .heading {
      height: calc(100% - 75px); }
    .welcome-header .cta-wrapper {
      width: calc(100% - 100px * 2);
      padding-top: 50px;
      padding-bottom: 50px; } }

.welcome-module {
  /* ===========
    #COMMON: common styles across all modules
  =========== */
  overflow: hidden;
  margin-bottom: 2px;
  /* ===========
    #MODULE-A
  =========== */
  /* ===========
    #MODULE-B
  =========== */
  /* ===========
    #MODULE-C
  =========== */
  /* ===========
    #MODULE-D
  =========== */ }
  .welcome-module h1 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-module h2 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-module h3 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-module h4 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-module h5 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-module h6 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-module p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .welcome-module .grid-column-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .welcome-module .grid-row {
    position: relative;
    display: block; }
  .welcome-module .grid-column:before,
  .welcome-module .grid-column:after {
    flex-shrink: 0;
    display: none;
    background: #fff;
    width: 100%; }
  .welcome-module .cta {
    cursor: pointer;
    max-height: 100%;
    background: #32c77f;
    color: #fff;
    font-size: 20px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .welcome-module .cta span {
      font-size: 30px; }
    .welcome-module .cta .title, .welcome-module .cta .med-pub .title > a, .med-pub .welcome-module .cta .title > a, .welcome-module .cta .small-pub .title > a, .small-pub .welcome-module .cta .title > a {
      width: 100%;
      color: #32c77f; }
      .welcome-module .cta .title:first-line, .welcome-module .cta .med-pub .title > a:first-line, .med-pub .welcome-module .cta .title > a:first-line, .welcome-module .cta .small-pub .title > a:first-line, .small-pub .welcome-module .cta .title > a:first-line {
        color: #fff; }
    .welcome-module .cta .content {
      font-weight: 200;
      display: none; }
      .welcome-module .cta .content p {
        color: #fff; }
    .welcome-module .cta .learn-more {
      margin-top: 5px;
      font-size: 18px; }
      .welcome-module .cta .learn-more .small {
        color: #fff;
        font-size: 12px;
        margin-left: 5px; }
  .welcome-module picture {
    display: block;
    overflow: hidden; }
    .welcome-module picture img {
      display: block; }
  @media (max-width: 767px) {
    .welcome-module .cta {
      padding: 15px;
      margin-bottom: 7px;
      display: flex;
      align-items: center; }
      .welcome-module .cta span {
        margin-left: 5px; }
      .welcome-module .cta .title, .welcome-module .cta .med-pub .title > a, .med-pub .welcome-module .cta .title > a, .welcome-module .cta .small-pub .title > a, .small-pub .welcome-module .cta .title > a {
        color: #fff; } }
  @media (min-width: 768px) {
    .welcome-module .grid-column-wrapper {
      display: flex; }
    .welcome-module .grid-column {
      display: flex;
      flex-direction: column; }
      .welcome-module .grid-column:before,
      .welcome-module .grid-column:after {
        display: block;
        height: 50px; }
    .welcome-module .cta {
      max-height: 50px;
      width: 250px;
      font-size: 18px;
      align-content: flex-start;
      transition: max-height .35s; }
      .welcome-module .cta .content {
        display: block;
        z-index: 3;
        padding: 0 15px 15px 15px;
        background: #32c77f;
        font-size: 14px;
        line-height: 18px;
        left: 0; }
        .welcome-module .cta .content .wrapper {
          overflow: hidden;
          line-height: 1.2em;
          height: 3.6em; }
      .welcome-module .cta .learn-more {
        font-size: 16px;
        margin-top: 35px; }
      .welcome-module .cta .title, .welcome-module .cta .med-pub .title > a, .med-pub .welcome-module .cta .title > a, .welcome-module .cta .small-pub .title > a, .small-pub .welcome-module .cta .title > a {
        width: 200px;
        padding: 15px; }
      .welcome-module .cta span.large {
        position: absolute;
        top: 10px;
        right: 15px; }
      .welcome-module .cta:hover {
        max-height: 250px; }
        .welcome-module .cta:hover .large {
          display: none; }
        .welcome-module .cta:hover .title, .welcome-module .cta:hover .med-pub .title > a, .med-pub .welcome-module .cta:hover .title > a, .welcome-module .cta:hover .small-pub .title > a, .small-pub .welcome-module .cta:hover .title > a {
          color: #fff; }
        .welcome-module .cta:hover .content {
          display: block; }
    .welcome-module.hover .cta {
      background: #a9e9ca; }
      .welcome-module.hover .cta .title, .welcome-module.hover .cta .med-pub .title > a, .med-pub .welcome-module.hover .cta .title > a, .welcome-module.hover .cta .small-pub .title > a, .small-pub .welcome-module.hover .cta .title > a {
        color: #a9e9ca; }
        .welcome-module.hover .cta .title:first-line, .welcome-module.hover .cta .med-pub .title > a:first-line, .med-pub .welcome-module.hover .cta .title > a:first-line, .welcome-module.hover .cta .small-pub .title > a:first-line, .small-pub .welcome-module.hover .cta .title > a:first-line {
          color: #fff; }
      .welcome-module.hover .cta:hover {
        background: #32c77f; }
        .welcome-module.hover .cta:hover .title, .welcome-module.hover .cta:hover .med-pub .title > a, .med-pub .welcome-module.hover .cta:hover .title > a, .welcome-module.hover .cta:hover .small-pub .title > a, .small-pub .welcome-module.hover .cta:hover .title > a {
          color: #fff; } }
  @media (min-width: 947px) {
    .welcome-module .grid-column:before,
    .welcome-module .grid-column:after {
      height: 65px; }
    .welcome-module .cta {
      width: 300px;
      font-size: 20px; }
      .welcome-module .cta .content {
        font-size: 16px; }
      .welcome-module .cta p {
        width: 260px; }
      .welcome-module .cta .learn-more {
        font-size: 18px; }
      .welcome-module .cta .title, .welcome-module .cta .med-pub .title > a, .med-pub .welcome-module .cta .title > a, .welcome-module .cta .small-pub .title > a, .small-pub .welcome-module .cta .title > a {
        width: 255px; } }
  @media (max-width: 767px) {
    .welcome-module.module-a {
      overflow: hidden; }
      .welcome-module.module-a .grid-row {
        margin-left: 20px; }
      .welcome-module.module-a picture {
        max-height: 200px; }
      .welcome-module.module-a .cta {
        margin-top: 50px;
        margin-right: 20px; } }
  @media (min-width: 768px) {
    .welcome-module.module-a .grid-row {
      width: calc( 100% - 75px); }
    .welcome-module.module-a .grid-column {
      width: calc(75px + (((100vw - 75px * 2) / 15) * 4)); }
      .welcome-module.module-a .grid-column:first-child {
        flex-shrink: 0;
        border-right: 1px solid #fff; }
        .welcome-module.module-a .grid-column:first-child:before, .welcome-module.module-a .grid-column:first-child:after {
          content: ""; }
        .welcome-module.module-a .grid-column:first-child:after {
          margin-top: auto; }
        .welcome-module.module-a .grid-column:first-child .cta:last-child {
          margin-top: auto; }
      .welcome-module.module-a .grid-column:last-child .cta:first-child {
        margin-top: 50px; } }
  @media (min-width: 947px) {
    .welcome-module.module-a .grid-row {
      width: calc( 75px + ((70vw / 15) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); }
    .welcome-module.module-a .grid-column {
      width: calc( 75px + ((70vw / 15) * 4)); }
      .welcome-module.module-a .grid-column:last-child .cta:first-child {
        margin-top: 65px; } }
  @media (min-width: 1280px) {
    .welcome-module.module-a .grid-row {
      width: calc( (100px + 10vw) + ((60vw / 15) * 15) + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
    .welcome-module.module-a .grid-column {
      width: calc( (100px + 10vw) + ((60vw / 15) * 4)); } }
  .welcome-module.module-b .heading {
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 28px;
    padding-left: 20px;
    font-weight: 200; }
  @media (max-width: 767px) {
    .welcome-module.module-b .grid-row {
      margin-right: 20px; }
    .welcome-module.module-b .cta {
      margin-left: 20px; }
    .welcome-module.module-b picture {
      max-height: 404px; } }
  @media (min-width: 768px) {
    .welcome-module.module-b .heading {
      height: 65px;
      line-height: 65px; }
    .welcome-module.module-b .grid-row {
      width: calc( 100% - 50px);
      margin-left: 50px; }
    .welcome-module.module-b .grid-column {
      width: calc(25px + (((100vw - 75px * 2) / 15) * 6)); }
      .welcome-module.module-b .grid-column:first-child {
        flex-shrink: 0;
        flex-direction: column;
        border-right: 1px solid #fff; }
        .welcome-module.module-b .grid-column:first-child:before {
          content: ""; }
        .welcome-module.module-b .grid-column:first-child .cta:first-child {
          margin-top: 65px; }
        .welcome-module.module-b .grid-column:first-child .cta:last-child {
          margin-top: auto;
          align-self: flex-end; }
      .welcome-module.module-b .grid-column:last-child .cta:first-child {
        margin-bottom: auto; }
      .welcome-module.module-b .grid-column:last-child .cta:last-child {
        margin-bottom: 100px; } }
  @media (min-width: 947px) {
    .welcome-module.module-b .grid-row {
      width: calc( 100% - 75px);
      margin-left: 75px; }
    .welcome-module.module-b .grid-column {
      width: calc( ((70vw / 15) * 8)); } }
  @media (min-width: 1280px) {
    .welcome-module.module-b .grid-row {
      width: calc( 100% - 100px);
      margin-left: 100px; }
    .welcome-module.module-b .grid-column {
      width: calc( 10vw + ((60vw / 15) * 8)); }
      .welcome-module.module-b .grid-column:last-child .cta:last-child {
        margin-bottom: 130px; } }
  @media (max-width: 767px) {
    .welcome-module.module-c .grid-row {
      margin-left: 20px; }
    .welcome-module.module-c .cta {
      margin-right: 20px;
      margin-top: 50px; }
    .welcome-module.module-c picture {
      max-height: 200px; } }
  @media (min-width: 768px) {
    .welcome-module.module-c .grid-row {
      width: calc( 100% - 75px);
      margin-left: 75px; }
    .welcome-module.module-c .grid-column:first-child {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
      flex-grow: 0;
      flex-shrink: 1;
      width: 100%; }
      .welcome-module.module-c .grid-column:first-child:before, .welcome-module.module-c .grid-column:first-child:after {
        content: ""; }
      .welcome-module.module-c .grid-column:first-child:after {
        margin-top: auto; }
    .welcome-module.module-c .grid-column:last-child {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
      flex-shrink: 0;
      align-items: flex-end;
      border-right: 1px solid #fff;
      width: calc( (((100vw - 75px * 2) / 15) * 10)); }
      .welcome-module.module-c .grid-column:last-child .cta {
        margin-top: 50px; } }
  @media (min-width: 947px) {
    .welcome-module.module-c .grid-row {
      width: calc( 100% - 75px - ((70vw / 15) * 1));
      margin-left: calc( 75px + ((70vw / 15) * 1)); }
    .welcome-module.module-c .grid-column:first-child {
      content: ""; }
    .welcome-module.module-c .grid-column:last-child {
      width: calc( ((70vw / 15) * 14)); }
      .welcome-module.module-c .grid-column:last-child .cta {
        margin-top: 65px; } }
  @media (min-width: 1280px) {
    .welcome-module.module-c .grid-row {
      width: calc( 100% - 100px - 10vw - ((60vw / 15) * 1));
      margin-left: calc( 100px + 10vw + ((60vw / 15) * 1)); }
    .welcome-module.module-c .grid-column:last-child {
      width: calc( ((60vw / 15) * 14)); }
      .welcome-module.module-c .grid-column:last-child .cta {
        margin-top: 65px; } }
  @media (max-width: 767px) {
    .welcome-module.module-d .grid-row {
      margin-right: 20px; }
    .welcome-module.module-d .cta {
      margin-left: 20px; } }
  @media (min-width: 768px) {
    .welcome-module.module-d .grid-row {
      width: calc( 100% - 50px); }
    .welcome-module.module-d .grid-column:first-child {
      flex-shrink: 0;
      align-items: flex-end;
      border-right: 1px solid #fff;
      width: calc( 75px + (((100vw - 75px * 2) / 15) * 8)); }
    .welcome-module.module-d .grid-column:last-child {
      width: 100%; }
      .welcome-module.module-d .grid-column:last-child:before {
        content: ""; } }
  @media (min-width: 947px) {
    .welcome-module.module-d .grid-row {
      width: calc( 100% - 75px); }
    .welcome-module.module-d .grid-column:first-child {
      width: calc( 75px + ((70vw / 15) * 11)); } }
  @media (min-width: 1280px) {
    .welcome-module.module-d .grid-row {
      width: calc( 100% - 100px); }
    .welcome-module.module-d .grid-column:first-child {
      width: calc( 100px + 10vw + ((60vw / 15) * 11)); } }

.office-detail2 h2 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.office-detail2 h3 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.office-detail2 h4 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.office-detail2 h5 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.office-detail2 h6 {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.office-detail2 p {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.office-detail2 li {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: static; }
  .office-detail2 li::before {
    content: none; }

.office-detail2 ul {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.office-detail2 .page-title {
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-weight: 400;
  margin: 20px 0; }
  @media (min-width: 768px) {
    .office-detail2 .page-title {
      margin: 0 0 40px 0; } }
  @media (min-width: 1280px) {
    .office-detail2 .page-title {
      margin: 0 0 50px 0; } }

.office-detail2 .office-header {
  margin-bottom: 40px; }
  .office-detail2 .office-header .image {
    margin-bottom: 20px; }
  .office-detail2 .office-header .office-info {
    color: #333333; }
    .office-detail2 .office-header .office-info .body {
      margin-bottom: 20px; }
    .office-detail2 .office-header .office-info .phone {
      color: #333333;
      margin-bottom: 3px; }
    .office-detail2 .office-header .office-info .fax {
      margin-bottom: 3px; }
    .office-detail2 .office-header .office-info .office-info__phone-wrapper {
      margin-bottom: 30px; }
    .office-detail2 .office-header .office-info .cta {
      display: flex;
      flex-direction: row;
      align-items: center;
      color: #32c77f; }
      .office-detail2 .office-header .office-info .cta .icon-cta-link-internal {
        font-size: 22px; }
      .office-detail2 .office-header .office-info .cta .cta-text {
        font-weight: 700;
        display: inline-block;
        color: #32c77f;
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 0; }

@media (min-width: 768px) {
  .office-detail2 .office-header .image {
    margin-bottom: 0; } }

.office-detail2 .office-bio {
  margin-bottom: 40px; }
  .office-detail2 .office-bio .container {
    border-bottom: 1px solid #d9d9d9;
    margin-top: 20px;
    padding-bottom: 20px; }
    .office-detail2 .office-bio .container .wrapper {
      display: flex;
      width: 100%; }
      .office-detail2 .office-bio .container .wrapper .image {
        margin-right: 15px; }
        .office-detail2 .office-bio .container .wrapper .image img {
          width: 100%; }
      .office-detail2 .office-bio .container .wrapper > a {
        display: flex; }
      .office-detail2 .office-bio .container .wrapper .info > a {
        flex-direction: column; }
      .office-detail2 .office-bio .container .wrapper .name a, .office-detail2 .office-bio .container .wrapper .phone a, .office-detail2 .office-bio .container .wrapper .title a {
        color: inherit; }
      .office-detail2 .office-bio .container .wrapper .title, .office-detail2 .office-bio .container .wrapper .med-pub .title > a, .med-pub .office-detail2 .office-bio .container .wrapper .title > a, .office-detail2 .office-bio .container .wrapper .small-pub .title > a, .small-pub .office-detail2 .office-bio .container .wrapper .title > a {
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        color: #333333; }
      .office-detail2 .office-bio .container .wrapper .name, .office-detail2 .office-bio .container .wrapper .phone, .office-detail2 .office-bio .container .wrapper a[href^="tel"] {
        font-weight: 300;
        font-size: 14px;
        line-height: 18px;
        color: #707070; }
  .office-detail2 .office-bio .share-bar {
    align-self: flex-end;
    text-align: right;
    z-index: 12;
    margin-left: auto; }

@media (min-width: 768px) {
  .office-detail2 .office-bio {
    margin-bottom: 50px; }
    .office-detail2 .office-bio .container {
      margin-top: 20px;
      padding-bottom: 20px; }
      .office-detail2 .office-bio .container .wrapper a .image {
        margin-right: 15px; }
        .office-detail2 .office-bio .container .wrapper a .image img {
          width: 100%; }
      .office-detail2 .office-bio .container .wrapper .title, .office-detail2 .office-bio .container .wrapper .med-pub .title > a, .med-pub .office-detail2 .office-bio .container .wrapper .title > a, .office-detail2 .office-bio .container .wrapper .small-pub .title > a, .small-pub .office-detail2 .office-bio .container .wrapper .title > a {
        font-size: 14px;
        line-height: 18px; }
      .office-detail2 .office-bio .container .wrapper .name, .office-detail2 .office-bio .container .wrapper .phone {
        font-size: 14px;
        line-height: 18px; }
    .office-detail2 .office-bio .share-bar {
      align-self: flex-end;
      text-align: right;
      z-index: 12;
      margin-left: auto; } }

.office-detail2 .office-social-bar {
  margin-bottom: 40px; }
  .office-detail2 .office-social-bar .header {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 18px;
    color: #197a56; }
  .office-detail2 .office-social-bar .social-bar {
    display: flex;
    flex-direction: column; }
    .office-detail2 .office-social-bar .social-bar .cta {
      display: flex;
      flex-direction: row;
      align-items: center;
      color: #b7b7b7;
      margin-bottom: 15px;
      font-size: 22px; }
      .office-detail2 .office-social-bar .social-bar .cta.facebook:hover {
        color: #3b5988; }
      .office-detail2 .office-social-bar .social-bar .cta.twitter:hover {
        color: #00aced; }
      .office-detail2 .office-social-bar .social-bar .cta.instagram:hover {
        color: #517fa4; }
      .office-detail2 .office-social-bar .social-bar .cta .cta-text {
        font-weight: 300;
        margin-left: 5px;
        color: #333333;
        display: inline-block;
        font-size: 16px;
        margin-bottom: 0; }

@media (min-width: 500px) {
  .office-detail2 .office-social-bar {
    margin-bottom: 80px; }
    .office-detail2 .office-social-bar .header {
      margin-bottom: 20px;
      font-size: 18px; }
    .office-detail2 .office-social-bar .social-bar {
      display: flex;
      flex-direction: row; }
      .office-detail2 .office-social-bar .social-bar .cta {
        color: #b7b7b7;
        margin-right: 40px; }
        .office-detail2 .office-social-bar .social-bar .cta.facebook:hover {
          color: #3b5988; }
        .office-detail2 .office-social-bar .social-bar .cta.twitter:hover {
          color: #00aced; }
        .office-detail2 .office-social-bar .social-bar .cta.instagram:hover {
          color: #517fa4; }
        .office-detail2 .office-social-bar .social-bar .cta .cta-text {
          margin-left: 5px;
          font-size: 18px;
          margin-bottom: 0; } }

.office-detail2 .office-content {
  margin-bottom: 30px; }
  .office-detail2 .office-content .image {
    margin-bottom: 20px; }
  .office-detail2 .office-content .headline {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px; }
  .office-detail2 .office-content .body {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px; }
  .office-detail2 .office-content picture {
    display: block; }
    .office-detail2 .office-content picture img {
      width: 100%; }
  .office-detail2 .office-content .cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #32c77f; }
    .office-detail2 .office-content .cta .icon-cta-link-internal {
      font-size: 22px; }
    .office-detail2 .office-content .cta .cta-text {
      font-weight: 700;
      display: inline-block;
      color: #32c77f;
      font-size: 18px;
      text-transform: uppercase;
      margin-bottom: 0; }
  @media (max-width: 767px) {
    .office-detail2 .office-content.container-2 .grid-row {
      display: flex;
      flex-wrap: wrap; }
    .office-detail2 .office-content.container-2 .grid-column {
      flex-grow: 1; } }
  @media (max-width: 767px) and (min-width: 768px) {
    .office-detail2 .office-content.container-2 .grid-column {
      flex-grow: 0; } }
  @media (max-width: 767px) {
    .office-detail2 .office-content.container-2 .grid-column:last-child {
      order: -1; }
    .office-detail2 .office-content.container-2.reversed .grid-row {
      display: block; } }

@media (min-width: 768px) {
  .office-detail2 .office-content .image {
    margin-bottom: 0; }
  .office-detail2 .office-content .headline {
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 30px; }
  .office-detail2 .office-content .body {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 35px; } }

.office-landing {
  position: relative; }
  .office-landing .office-location,
  .office-landing .adr {
    display: block; }
  .office-landing + .collapsible-content {
    margin-top: 40px; }
    .office-landing + .collapsible-content .text-panel {
      margin-bottom: 0; }
      .office-landing + .collapsible-content .text-panel .header {
        margin-bottom: 0; }
  .office-landing .grid-column {
    margin-bottom: 40px; }

.events-detail {
  margin-top: 50px;
  margin-bottom: 30px; }
  .events-detail + .video-wrapper {
    margin-top: 30px; }
  .events-detail .notch {
    margin-top: -70px;
    border: 1px solid #32c77f;
    background: rgba(255, 255, 255, 0.8); }
    .events-detail .notch .grid-column {
      padding: 20px; }
  .events-detail .text-panel .heading {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
    font-weight: 200; }
  .events-detail .text-panel .eyebrow {
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    font-weight: 700; }
  .events-detail .register {
    background: #32c77f;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    padding: 15px 30px; }
  @media (min-width: 768px) {
    .events-detail .notch {
      margin-top: -18%; }
      .events-detail .notch .grid-column {
        padding: 35px 0; }
    .events-detail .time-and-location {
      display: flex; }
    .events-detail .time-and-date,
    .events-detail .location {
      width: calc(50% - 35px); }
    .events-detail .time-and-date {
      margin-right: 35px; } }
  @media (min-width: 947px) {
    .events-detail .text-panel .heading {
      font-size: 48px;
      line-height: 54px; } }
  @media (min-width: 1280px) {
    .events-detail .text-panel .heading {
      font-size: 60px;
      line-height: 66px; } }

.office-location-map {
  margin-bottom: 30px; }
  .office-location-map .office-info p {
    margin-bottom: 0; }

.margin-only-container.footer-carousel {
  margin: 75px 0 20px; }

.margin-only-container .footer-heading {
  border-top: 1px solid #c2c2c2;
  color: #333;
  font-size: 14px;
  line-height: 16px;
  padding-top: 30px;
  text-transform: uppercase; }

.margin-only-container .slick-next,
.margin-only-container .slick-prev {
  border: 1px solid #c2c2c2;
  background-color: #fff;
  height: 30px;
  padding: 5px 10px;
  position: absolute;
  right: 0px;
  top: -30px;
  width: 30px; }
  .margin-only-container .slick-next:hover,
  .margin-only-container .slick-prev:hover {
    background-color: #f2f2f2; }
  @media (min-width: 500px) {
    .margin-only-container .slick-next,
    .margin-only-container .slick-prev {
      right: 20px; } }
  @media (min-width: 1280px) {
    .margin-only-container .slick-next,
    .margin-only-container .slick-prev {
      right: 36px; } }

.margin-only-container .slick-prev {
  right: 40px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
  @media (min-width: 500px) {
    .margin-only-container .slick-prev {
      right: 60px; } }
  @media (min-width: 1280px) {
    .margin-only-container .slick-prev {
      right: 76px; } }

.margin-only-container .grid-row.events .text {
  padding: 10px 1% 0 12px; }

.margin-only-container .grid-row.events picture {
  padding: 0; }

@media (min-width: 500px) {
  .margin-only-container .grid-row.carousel {
    margin-right: calc(20px - 20px); } }

@media (min-width: 768px) {
  .margin-only-container .grid-row.carousel {
    margin-right: calc(75px - 20px); } }

@media (min-width: 1280px) {
  .margin-only-container .grid-row.carousel {
    margin-right: calc(100px - 36px); } }

.margin-only-container .grid-row.carousel .slick-track {
  display: flex; }

.margin-only-container .grid-row.carousel .grid-column {
  margin-top: 13px;
  max-height: 302px;
  height: auto;
  flex-grow: 1; }
  @media (min-width: 500px) {
    .margin-only-container .grid-row.carousel .grid-column {
      margin-right: 20px; } }
  @media (min-width: 1280px) {
    .margin-only-container .grid-row.carousel .grid-column {
      margin-right: 36px; } }
  .margin-only-container .grid-row.carousel .grid-column > a {
    flex-grow: 1;
    height: auto;
    overflow: visible; }
    @media (min-width: 947px) {
      .margin-only-container .grid-row.carousel .grid-column > a > div {
        height: auto; } }
  .margin-only-container .grid-row.carousel .grid-column span.date {
    margin-bottom: 2px; }
  .margin-only-container .grid-row.carousel .grid-column span.place {
    margin-top: auto;
    padding-bottom: 15px; }

.margin-only-container .footer-heading {
  border-top: 1px solid #c2c2c2;
  color: #333;
  font-size: 14px;
  line-height: 16px;
  padding-top: 30px;
  text-transform: uppercase; }
  .margin-only-container .footer-heading h3 {
    width: 90%; }
    @media (max-width: 767px) {
      .margin-only-container .footer-heading h3 {
        width: 80%; } }
    @media (max-width: 499px) {
      .margin-only-container .footer-heading h3 {
        width: 60%; } }

.margin-only-container.offices {
  margin-top: 10px;
  margin-bottom: 0; }
  .margin-only-container.offices .footer-heading {
    border: none; }
  .margin-only-container.offices .grid-row.events .grid-column > a,
  .margin-only-container.offices .grid-row.events .grid-column > a > div {
    height: auto;
    justify-content: space-between; }
  .margin-only-container.offices .grid-row.events picture {
    height: 57px; }
    .margin-only-container.offices .grid-row.events picture img {
      height: 100%; }
  .margin-only-container.offices .grid-row.events h3 {
    color: #333;
    margin-bottom: 0; }
  .margin-only-container.offices .grid-row.events span.place {
    line-height: auto;
    margin: 0;
    padding: 0; }

.career-track {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  margin-top: 33px;
  margin-bottom: 60px; }
  .career-track h1, .career-track h2, .career-track h3, .career-track p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .career-track h1 {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    transition: color .2s ease-in-out; }
  @media (max-width: 767px) {
    .career-track .grid-row {
      display: block;
      margin-left: 20px;
      width: calc( 100% - 20px * 2); }
    .career-track .grid-column {
      width: 100%; } }
  @media (min-width: 768px) {
    .career-track .grid-row {
      display: flex;
      justify-content: space-between;
      margin-left: 75px;
      width: calc(100vw - 75px * 2); }
    .career-track .grid-column:first-child {
      width: calc( (((100vw - 75px * 2) / 15) * 5)); }
    .career-track .grid-column:last-child {
      width: calc( (((100vw - 75px * 2) / 15) * 9)); } }
  @media (min-width: 947px) {
    .career-track .grid-row {
      margin-left: 75px;
      width: calc( ((70vw / 15) * 15)); }
    .career-track .grid-column:first-child {
      width: calc( ((70vw / 15) * 5)); }
    .career-track .grid-column:last-child {
      width: calc( ((70vw / 15) * 9)); } }
  @media (min-width: 1280px) {
    .career-track .grid-row {
      margin-left: calc( 100px + 10vw);
      width: calc( ((60vw / 15) * 15)); }
    .career-track .grid-column:first-child {
      width: calc( ((60vw / 15) * 5)); }
    .career-track .grid-column:last-child {
      width: calc( ((60vw / 15) * 9)); } }
  .career-track .left-col {
    display: none; }
  .career-track .right-col .expand-all {
    font-weight: 300;
    display: block;
    padding: 15px 0;
    float: right;
    font-size: 14px; }
    .career-track .right-col .expand-all .expand {
      display: none; }
      .career-track .right-col .expand-all .expand.show {
        display: block; }
    .career-track .right-col .expand-all .collapse {
      display: block; }
      .career-track .right-col .expand-all .collapse.hide {
        display: none; }
  .career-track .right-col .career-track-container .mobile-title, .career-track .right-col .career-track-container .title, .career-track .right-col .career-track-container .med-pub .title > a, .med-pub .career-track .right-col .career-track-container .title > a, .career-track .right-col .career-track-container .small-pub .title > a, .small-pub .career-track .right-col .career-track-container .title > a, .career-track .right-col .career-track-container .name {
    color: inherit; }
  .career-track .right-col .career-track-container .big-image, .career-track .right-col .career-track-container .career-track-carousel-image .slick-slide {
    border: 1px solid; }
  .career-track .right-col .career-track-container.one {
    color: #7de266; }
    .career-track .right-col .career-track-container.one .dot {
      background-color: #7de266; }
  .career-track .right-col .career-track-container.two {
    color: #1ada8f; }
    .career-track .right-col .career-track-container.two .dot {
      background-color: #1ada8f; }
  .career-track .right-col .career-track-container.three {
    color: #32c77f; }
    .career-track .right-col .career-track-container.three .dot {
      background-color: #32c77f; }
  .career-track .right-col .career-track-container.four {
    color: #37ae6c; }
    .career-track .right-col .career-track-container.four .dot {
      background-color: #37ae6c; }
  .career-track .right-col .career-track-container.five {
    color: #3da08b; }
    .career-track .right-col .career-track-container.five .dot {
      background-color: #3da08b; }
  .career-track .right-col .career-track-container.six {
    color: #177b57; }
    .career-track .right-col .career-track-container.six .dot {
      background-color: #177b57; }
  .career-track .right-col .career-track-container.seven {
    color: #00532f; }
    .career-track .right-col .career-track-container.seven .dot {
      background-color: #00532f; }
  .career-track .right-col .career-track-container.eight {
    color: #1d4149; }
    .career-track .right-col .career-track-container.eight .dot {
      background-color: #1d4149; }
  .career-track .right-col .career-track-container .mobile-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #707070;
    width: 100%;
    padding: 20px 0;
    font-size: 18px;
    line-height: 22px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }
    .career-track .right-col .career-track-container .mobile-title.opened {
      color: inherit; }
    .career-track .right-col .career-track-container .mobile-title .mobile-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      cursor: pointer; }
      .career-track .right-col .career-track-container .mobile-title .mobile-container .left {
        font-weight: 300; }
      .career-track .right-col .career-track-container .mobile-title .mobile-container .right {
        margin-right: 20px; }
        .career-track .right-col .career-track-container .mobile-title .mobile-container .right .icon-archetype-expand, .career-track .right-col .career-track-container .mobile-title .mobile-container .right .icon-archetype-collapse {
          color: white;
          font-size: 12px;
          margin: auto; }
        .career-track .right-col .career-track-container .mobile-title .mobile-container .right .dot {
          display: flex;
          border-radius: 50px;
          width: 26px;
          height: 26px; }
  .career-track .right-col .career-track-container .mobile-height-fix {
    height: auto !important; }
  .career-track .right-col .career-track-container .role-container {
    margin-top: 20px;
    margin-bottom: 50px; }
    .career-track .right-col .career-track-container .role-container .title, .career-track .right-col .career-track-container .role-container .med-pub .title > a, .med-pub .career-track .right-col .career-track-container .role-container .title > a, .career-track .right-col .career-track-container .role-container .small-pub .title > a, .small-pub .career-track .right-col .career-track-container .role-container .title > a {
      font-weight: 400;
      display: none; }
    .career-track .right-col .career-track-container .role-container .description {
      font-weight: 300;
      color: #707070;
      margin-bottom: 26px;
      font-size: 18px;
      line-height: 27px; }
    .career-track .right-col .career-track-container .role-container .big-image {
      display: inline-flex; }
      .career-track .right-col .career-track-container .role-container .big-image .image {
        display: flex; }
        .career-track .right-col .career-track-container .role-container .big-image .image .photo {
          width: auto; }
    .career-track .right-col .career-track-container .role-container .carousel-container {
      display: flex;
      align-items: flex-end;
      margin-bottom: 20px; }
      .career-track .right-col .career-track-container .role-container .carousel-container .career-track-carousel-image {
        display: inline-block;
        opacity: 0.7; }
        .career-track .right-col .career-track-container .role-container .carousel-container .career-track-carousel-image .slick-slide {
          margin-top: 20px;
          width: 70px; }
          .career-track .right-col .career-track-container .role-container .carousel-container .career-track-carousel-image .slick-slide.slick-current {
            margin: 0;
            width: 90px; }
    @media (max-width: 767px) {
      .career-track .right-col .career-track-container .role-container .career-track-carousel-text .slick-slide {
        display: block;
        margin-left: 0;
        width: calc( 100vw - 20px * 2); } }
    @media (min-width: 768px) {
      .career-track .right-col .career-track-container .role-container .career-track-carousel-text .slick-slide {
        width: calc( (((100vw - 75px * 2) / 15) * 9)); } }
    @media (min-width: 947px) {
      .career-track .right-col .career-track-container .role-container .career-track-carousel-text .slick-slide {
        width: calc( ((70vw / 15) * 9)); } }
    @media (min-width: 1280px) {
      .career-track .right-col .career-track-container .role-container .career-track-carousel-text .slick-slide {
        width: calc( ((60vw / 15) * 9)); } }
    .career-track .right-col .career-track-container .role-container .career-track-carousel-text .content .quote {
      font-weight: 300;
      font-style: italic;
      font-size: 18px;
      line-height: 27px;
      color: #707070;
      margin-bottom: 25px; }
    .career-track .right-col .career-track-container .role-container .career-track-carousel-text .content .name {
      font-weight: 700;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 10px; }
    .career-track .right-col .career-track-container .role-container .career-track-carousel-text .content .info {
      font-weight: 300;
      font-size: 16px;
      line-height: 27px;
      color: #707070; }

@media (min-width: 768px) {
  .career-track .left-col {
    display: block; }
    .career-track .left-col.fixed {
      -webkit-transform: translate3d(0, 0, 0);
      position: fixed;
      top: 10%; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .career-track .left-col.fixed {
        width: calc( (((100vw - 75px * 2) / 15) * 5)); } }
    @media (min-width: 768px) and (min-width: 947px) {
      .career-track .left-col.fixed {
        width: calc( ((70vw / 15) * 5)); } }
    @media (min-width: 768px) and (min-width: 1280px) {
      .career-track .left-col.fixed {
        width: calc( ((60vw / 15) * 5)); } }

@media (min-width: 768px) {
    .career-track .left-col.normal {
      position: relative;
      -webkit-transform: translate3d(0, 0, 0); }
    .career-track .left-col .role {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      text-align: right;
      margin-bottom: 30px; }
      .career-track .left-col .role.active.two .role-text {
        color: #1ada8f; }
      .career-track .left-col .role.active.three .role-text {
        color: #32c77f; }
      .career-track .left-col .role.active.four .role-text {
        color: #37ae6c; }
      .career-track .left-col .role.active.five .role-text {
        color: #3da08b; }
      .career-track .left-col .role.active.six .role-text {
        color: #177b57; }
      .career-track .left-col .role.active.seven .role-text {
        color: #00532f; }
      .career-track .left-col .role.active.eight .role-text {
        color: #1d4149; }
      .career-track .left-col .role.one .role-text {
        color: #7de266; }
      .career-track .left-col .role.one .dot {
        background: #7de266; }
      .career-track .left-col .role.two .dot {
        background: #1ada8f; }
      .career-track .left-col .role.three .dot {
        background: #32c77f; }
      .career-track .left-col .role.four .dot {
        background: #37ae6c; }
      .career-track .left-col .role.five .dot {
        background: #3da08b; }
      .career-track .left-col .role.six .dot {
        background: #177b57; }
      .career-track .left-col .role.seven .dot {
        background: #00532f; }
      .career-track .left-col .role.eight .dot {
        background: #1d4149; }
      .career-track .left-col .role .role-text {
        display: inline-block;
        font-size: 18px;
        line-height: 22px; }
        .career-track .left-col .role .role-text p {
          transition: color .2s ease-in-out; }
      .career-track .left-col .role .dot-container {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .career-track .left-col .role .dot-container .dot {
          border-radius: 50px;
          margin-left: 14px;
          margin-top: 6px;
          width: 15px;
          height: 15px; }
  .career-track .right-col .expand-all {
    display: none; }
  .career-track .right-col .career-track-container .mobile-title {
    display: none; }
  .career-track .right-col .career-track-container .role-container {
    margin-bottom: 60px;
    margin-top: 0; }
    .career-track .right-col .career-track-container .role-container .title, .career-track .right-col .career-track-container .role-container .med-pub .title > a, .med-pub .career-track .right-col .career-track-container .role-container .title > a, .career-track .right-col .career-track-container .role-container .small-pub .title > a, .small-pub .career-track .right-col .career-track-container .role-container .title > a {
      display: block;
      font-size: 35px;
      line-height: 44px;
      margin-bottom: 20px; }
    .career-track .right-col .career-track-container .role-container .description {
      margin-bottom: 26px;
      font-size: 18px;
      line-height: 27px; }
    .career-track .right-col .career-track-container .role-container .big-image {
      display: inline-flex; }
      .career-track .right-col .career-track-container .role-container .big-image .image {
        display: flex; }
        .career-track .right-col .career-track-container .role-container .big-image .image .photo {
          width: auto; }
    .career-track .right-col .career-track-container .role-container .carousel-container {
      display: flex;
      align-items: flex-end;
      margin-bottom: 20px; }
      .career-track .right-col .career-track-container .role-container .carousel-container .career-track-carousel-image {
        display: inline-block;
        opacity: 0.7; }
        .career-track .right-col .career-track-container .role-container .carousel-container .career-track-carousel-image .slick-slide {
          margin-top: 50px;
          width: 40px; }
          .career-track .right-col .career-track-container .role-container .carousel-container .career-track-carousel-image .slick-slide.slick-current {
            margin: 0;
            width: 90px; }
    .career-track .right-col .career-track-container .role-container .career-track-carousel-text .content .quote {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 25px; }
    .career-track .right-col .career-track-container .role-container .career-track-carousel-text .content .name {
      text-transform: uppercase;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 10px; }
    .career-track .right-col .career-track-container .role-container .career-track-carousel-text .content .info {
      font-size: 18px;
      line-height: 27px; } }

.working-at-bcg .working-at-bcg-module {
  position: relative; }
  .working-at-bcg .working-at-bcg-module picture,
  .working-at-bcg .working-at-bcg-module img {
    display: block; }
  .working-at-bcg .working-at-bcg-module .cta .title, .working-at-bcg .working-at-bcg-module .cta .med-pub .title > a, .med-pub .working-at-bcg .working-at-bcg-module .cta .title > a, .working-at-bcg .working-at-bcg-module .cta .small-pub .title > a, .small-pub .working-at-bcg .working-at-bcg-module .cta .title > a,
  .working-at-bcg .working-at-bcg-module .cta .body {
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    margin-bottom: 10px; }
  .working-at-bcg .working-at-bcg-module .cta-content {
    margin-left: 20px;
    width: calc(100% - 20px * 2); }
    .working-at-bcg .working-at-bcg-module .cta-content span {
      font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
    .working-at-bcg .working-at-bcg-module .cta-content span:before {
      font-size: 24px;
      color: #32c77f;
      vertical-align: middle;
      margin-right: 5px;
      font-family: 'dotBCG-Icons'; }
  .working-at-bcg .working-at-bcg-module.type-1 .cta {
    position: absolute;
    left: 0;
    width: 100%; }
  .working-at-bcg .working-at-bcg-module.type-1.left .cta, .working-at-bcg .working-at-bcg-module.type-1.right .cta {
    bottom: 0; }
  .working-at-bcg .working-at-bcg-module.type-1 .cta-content {
    background: #fff;
    padding: 5px 5px 10px 5px; }
  .working-at-bcg .working-at-bcg-module.type-2 {
    display: flex;
    align-self: stretch; }
    .working-at-bcg .working-at-bcg-module.type-2 .cta {
      background: #fff;
      width: 100%; }
    .working-at-bcg .working-at-bcg-module.type-2 .cta-content {
      margin-top: 40px;
      margin-bottom: 40px; }
      .working-at-bcg .working-at-bcg-module.type-2 .cta-content p {
        font-weight: 300;
        font-size: 18px;
        line-height: 20px; }
      .working-at-bcg .working-at-bcg-module.type-2 .cta-content span {
        color: #32c77f; }
  .working-at-bcg .working-at-bcg-module.type-3 {
    margin-top: 50px; }
    .working-at-bcg .working-at-bcg-module.type-3 .video-js {
      height: auto !important; }
      .working-at-bcg .working-at-bcg-module.type-3 .video-js video {
        position: relative; }

@media (max-width: 767px) {
  .working-at-bcg .working-at-bcg-module {
    margin-bottom: 10px; } }

@media (min-width: 768px) {
  .working-at-bcg .modules-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative; }
    .working-at-bcg .modules-wrapper .working-at-bcg-module {
      cursor: pointer;
      margin-top: 3px;
      margin-bottom: 3px;
      transform: scale(1);
      transition: transform .15s; }
      .working-at-bcg .modules-wrapper .working-at-bcg-module:hover {
        transform: scale(1.03);
        z-index: 20; }
  .working-at-bcg .working-at-bcg-module {
    position: relative; }
    .working-at-bcg .working-at-bcg-module.left {
      margin-right: 3px; }
      .working-at-bcg .working-at-bcg-module.left .cta-content {
        margin-left: calc((100% - 60%) / 2);
        width: 60%; }
    .working-at-bcg .working-at-bcg-module.right {
      margin-left: 3px; }
      .working-at-bcg .working-at-bcg-module.right .cta-content {
        margin-left: 10vw;
        width: 60%; }
    .working-at-bcg .working-at-bcg-module:hover .cta-content span:before {
      color: #fff; }
    .working-at-bcg .working-at-bcg-module.type-1, .working-at-bcg .working-at-bcg-module.type-2 {
      width: 50vw; }
    .working-at-bcg .working-at-bcg-module.type-1:hover .cta-content {
      background: #32c77f; }
      .working-at-bcg .working-at-bcg-module.type-1:hover .cta-content h2 {
        color: #fff; }
    .working-at-bcg .working-at-bcg-module.type-1.right .cta {
      top: 0; }
    .working-at-bcg .working-at-bcg-module.type-2 .cta-content {
      margin-top: 60px;
      margin-bottom: 60px; }
    .working-at-bcg .working-at-bcg-module.type-2:hover .cta {
      background: #32c77f; }
    .working-at-bcg .working-at-bcg-module.type-2:hover .cta-content span {
      color: #fff; }
    .working-at-bcg .working-at-bcg-module.type-3 {
      margin-top: 153px;
      width: calc(50vw + 10vw + 3px * 2); }
      .working-at-bcg .working-at-bcg-module.type-3 + .modules-wrapper {
        margin-top: -150px; }
        .working-at-bcg .working-at-bcg-module.type-3 + .modules-wrapper .left:first-child {
          margin-top: 150px; } }

@media (min-width: 947px) {
  .working-at-bcg .working-at-bcg-module.type-1 .cta h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 8px; }
  .working-at-bcg .working-at-bcg-module.type-2 .cta-content p {
    font-weight: 400;
    font-size: 20px;
    line-height: 25px; } }

@media (min-width: 1280px) {
  .working-at-bcg .working-at-bcg-module.left {
    margin-right: 3px; }
    .working-at-bcg .working-at-bcg-module.left .cta-content {
      margin-left: calc((100% - 50%) / 2);
      width: 50%; }
  .working-at-bcg .working-at-bcg-module.right .cta-content {
    width: 50%; }
  .working-at-bcg .working-at-bcg-module.type-2 .cta-content {
    margin-top: 150px;
    margin-bottom: 150px; }
  .working-at-bcg .working-at-bcg-module.type-3 {
    margin-top: 198px; } }

.offices-mini-landing .image-left {
  margin-top: calc(20px + 20px); }
  @media (max-width: 767px) {
    .offices-mini-landing .image-left .grid-row {
      margin-left: 20px;
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .offices-mini-landing .image-left {
      margin-top: calc( (((100vw - 75px * 2) / 15) * 1) + 20px); } }
  @media (min-width: 947px) {
    .offices-mini-landing .image-left {
      margin-top: calc( ((70vw / 15) * 1) + 30px); } }
  @media (min-width: 1280px) {
    .offices-mini-landing .image-left {
      margin-top: calc( ((60vw / 15) * 1) + 40px); } }

.offices-mini-landing .image-right {
  margin-top: calc(20px + 20px); }
  @media (max-width: 767px) {
    .offices-mini-landing .image-right .grid-row {
      margin-left: 20px;
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .offices-mini-landing .image-right {
      margin-top: calc( (((100vw - 75px * 2) / 15) * 1) + 20px); }
      .offices-mini-landing .image-right .grid-column:last-child {
        margin-left: calc( (((100vw - 75px * 2) / 15) * 1)); } }
  @media (min-width: 947px) {
    .offices-mini-landing .image-right {
      margin-top: calc( ((70vw / 15) * 1) + 30px); }
      .offices-mini-landing .image-right .grid-column:last-child {
        margin-left: calc( ((70vw / 15) * 1)); } }
  @media (min-width: 1280px) {
    .offices-mini-landing .image-right {
      margin-top: calc( ((60vw / 15) * 1) + 40px); }
      .offices-mini-landing .image-right .grid-column:last-child {
        margin-left: calc( ((60vw / 15) * 1)); } }
  .offices-mini-landing .image-right .office-location {
    width: 100%; }

.offices-mini-landing .grid-row {
  border-color: #32c77f; }

.offices-mini-landing .office-location {
  flex-direction: column;
  align-self: flex-start;
  padding: 20px 0 20px 20px; }
  .offices-mini-landing .office-location .adr {
    padding-bottom: 35px; }
    .offices-mini-landing .office-location .adr .city:after {
      display: none; }

.offices-mini-landing .icon-nav-interstitial-arrow {
  height: 60px;
  width: 60px;
  border-radius: 60px;
  border: 2px solid #32c77f;
  color: #32c77f;
  padding: 5px; }

@media (min-width: 768px) {
  .offices-mini-landing .office-location {
    padding: 20px 0; }
    .offices-mini-landing .office-location .adr {
      padding-bottom: 35px; }
      .offices-mini-landing .office-location .adr .city:after {
        display: none; } }

.apply-module .search form {
  padding: 0; }
  .apply-module .search form input#apply-search {
    height: 70px; }
    @media (min-width: 768px) {
      .apply-module .search form input#apply-search {
        height: 72px; } }
    @media (min-width: 1280px) {
      .apply-module .search form input#apply-search {
        height: 82px; } }

.apply-module .search .typeahead-button {
  vertical-align: middle; }
  .apply-module .search .typeahead-button button[type="submit"] {
    background: #fff;
    border: 1px solid #b2b2b2;
    color: #b2b2b2;
    font-size: 12px;
    padding: 5px 25px;
    text-transform: uppercase;
    flex-shrink: 0; }

.apply-module .search form + .text-panel {
  margin-top: 20px;
  margin-bottom: 10px; }
  .apply-module .search form + .text-panel p {
    margin-bottom: 0; }

.apply-module .select-boxes {
  margin-top: 25px;
  margin-bottom: 20px; }
  .apply-module .select-boxes .disabled .dd-select {
    border-color: #d9d9d9; }
  .apply-module .select-boxes .disabled .dd-pointer {
    background-color: #d9d9d9; }
  .apply-module .select-boxes .disabled .dd-selected {
    color: #b7b7b7; }
  .apply-module .select-boxes .disabled:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3; }
  .apply-module .select-boxes .dd-container + .dd-container {
    margin-top: 10px; }
  .apply-module .select-boxes .dd-container,
  .apply-module .select-boxes .dd-select,
  .apply-module .select-boxes .dd-options {
    width: 100% !important;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    weight: 400; }
  .apply-module .select-boxes .dd-options {
    border-color: #32c77f; }
    .apply-module .select-boxes .dd-options .dd-option {
      line-height: 1.3;
      border-bottom: none;
      padding: 0 20px 0 20px;
      margin-top: 30px;
      margin-bottom: 30px; }
    .apply-module .select-boxes .dd-options label {
      cursor: pointer;
      text-transform: capitalize; }
      .apply-module .select-boxes .dd-options label:hover {
        color: #32c77f; }
  .apply-module .select-boxes .dd-selected {
    font-weight: normal;
    color: #32c77f;
    padding: 20px; }
  .apply-module .select-boxes .dd-selected-text {
    text-transform: capitalize; }
  .apply-module .select-boxes .dd-select {
    border-radius: 0;
    width: 100%;
    background: #fff !important;
    border-color: #32c77f; }
  .apply-module .select-boxes .dd-pointer-down {
    border: none; }
    .apply-module .select-boxes .dd-pointer-down:before {
      font-family: 'dotBCG-Icons'; }
  .apply-module .select-boxes .dd-pointer-up {
    border: none !important; }
    .apply-module .select-boxes .dd-pointer-up:before {
      font-family: 'dotBCG-Icons'; }
  .apply-module .select-boxes .dd-pointer {
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #32c77f;
    color: #fff;
    margin: 0;
    width: auto;
    height: 100%;
    top: 0;
    right: 0; }

@media (min-width: 768px) {
  .apply-module .select-boxes {
    display: flex; }
    .apply-module .select-boxes .dd-container:first-child {
      margin-right: 35px; }
    .apply-module .select-boxes .dd-container {
      width: calc(100% - 35px) !important; }
      .apply-module .select-boxes .dd-container .dd-select,
      .apply-module .select-boxes .dd-container .dd-options {
        width: 100% !important; }
      .apply-module .select-boxes .dd-container + .dd-container {
        margin-top: 0; } }

@media (min-width: 947px) {
  .apply-module .search form + .text-panel {
    margin-top: 20px; }
  .apply-module .dd-selected {
    padding: 25px; }
  .apply-module .select-boxes .dd-selected {
    padding: 25px; } }

.apply-module .typeahead-field {
  background: white;
  padding: 0 20px; }
  .apply-module .typeahead-field input {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    font-size: 16px;
    border: none;
    background: none;
    height: 70px;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .apply-module .typeahead-field input:last-child {
      background: none; }
    @media (min-width: 768px) {
      .apply-module .typeahead-field input {
        height: 72px; } }
    @media (min-width: 1280px) {
      .apply-module .typeahead-field input {
        height: 82px;
        font-size: 18px; } }
  .apply-module .typeahead-field .typeahead-query {
    vertical-align: middle; }

.apply-module .typeahead-list {
  padding: 0;
  border: 1px solid #32c77f;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 0;
  width: calc(100% + 2px);
  margin-left: -1px; }
  .apply-module .typeahead-list.empty > li > a {
    font-size: 16px; }
  .apply-module .typeahead-list > li {
    background: white; }
    .apply-module .typeahead-list > li > a {
      white-space: normal;
      padding-top: 23px;
      padding-right: 20px;
      padding-bottom: 23px;
      font-size: 18px;
      color: #737373; }
      .apply-module .typeahead-list > li > a p {
        margin-bottom: 1em; }
      .apply-module .typeahead-list > li > a strong {
        color: #333; }
      @media (min-width: 1280px) {
        .apply-module .typeahead-list > li > a {
          font-size: 18px; } }

.hero-type1 + section {
  position: relative; }

.full-width-body-section {
  padding-bottom: 40px; }
  .full-width-body-section .text-panel {
    margin-bottom: 0; }
    .full-width-body-section .text-panel .title, .full-width-body-section .text-panel .med-pub .title > a, .med-pub .full-width-body-section .text-panel .title > a, .full-width-body-section .text-panel .small-pub .title > a, .small-pub .full-width-body-section .text-panel .title > a {
      padding-top: 40px;
      margin-bottom: 20px; }
    .full-width-body-section .text-panel .text {
      margin-bottom: 0; }
  .full-width-body-section.students {
    margin-top: -3%; }
    .full-width-body-section.students .search button {
      display: none; }
  .full-width-body-section .link-box-wrapper {
    display: flex;
    flex-wrap: wrap; }
    .full-width-body-section .link-box-wrapper .link-box-button {
      font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
      font-weight: 400;
      margin-top: 20px;
      font-size: 18px;
      line-height: 21px;
      padding: 1.4em;
      width: 100%;
      background-color: white;
      border: 1px solid #32c77f;
      color: black; }
      @media (min-width: 768px) {
        .full-width-body-section .link-box-wrapper .link-box-button {
          width: calc(50% - 20px); } }
      .full-width-body-section .link-box-wrapper .link-box-button:hover {
        background-color: white;
        border: 1px solid #32c77f;
        color: black; }
      .full-width-body-section .link-box-wrapper .link-box-button:nth-of-type(odd) {
        margin-right: 0; }
        @media (min-width: 768px) {
          .full-width-body-section .link-box-wrapper .link-box-button:nth-of-type(odd) {
            margin-right: 40px; } }

.leadership .cta {
  text-transform: uppercase;
  color: #32c77f; }
  .leadership .cta p {
    display: inline-block; }

.leadership .name-first,
.leadership .name-last {
  display: block; }

.leadership .leadership-people-list {
  margin-top: 50px; }

.offices-deepmode {
  margin-top: 50px; }
  .offices-deepmode .follow-us {
    margin-bottom: 30px; }
    .offices-deepmode .follow-us .header {
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 15px;
      font-size: 18px;
      color: #197a56; }
    .offices-deepmode .follow-us .social-link {
      display: block;
      padding-bottom: 5px; }
  .offices-deepmode .office-info {
    color: #333333; }
    .offices-deepmode .office-info .body {
      line-height: normal;
      margin-bottom: 20px; }
      .offices-deepmode .office-info .body p {
        margin-bottom: 0; }
    .offices-deepmode .office-info .phone {
      color: #333333;
      margin-bottom: 3px; }
      .offices-deepmode .office-info .phone span {
        padding-right: 10px; }
    .offices-deepmode .office-info .fax {
      margin-bottom: 30px; }
      .offices-deepmode .office-info .fax span {
        padding-right: 10px; }
    .offices-deepmode .office-info .cta {
      display: flex;
      flex-direction: row;
      align-items: center;
      color: #32c77f; }
      .offices-deepmode .office-info .cta .icon-cta-link-internal {
        font-size: 22px; }
      .offices-deepmode .office-info .cta .cta-text {
        font-weight: 700;
        display: inline-block;
        color: #32c77f;
        font-size: 18px;
        text-transform: uppercase; }
  .offices-deepmode .bio .info p {
    margin: 0; }
  .offices-deepmode .bio .image {
    margin-right: 15px; }
  .offices-deepmode .bio .container {
    border-bottom: 1px solid #d9d9d9;
    margin-top: 20px;
    padding-bottom: 20px; }
    .offices-deepmode .bio .container:first-child {
      margin-top: 0; }
    .offices-deepmode .bio .container .wrapper {
      display: flex;
      width: 100%; }
      .offices-deepmode .bio .container .wrapper a .image {
        display: inline-table; }
        .offices-deepmode .bio .container .wrapper a .image picture {
          height: 50px;
          margin-right: 15px;
          width: 50px; }
      .offices-deepmode .bio .container .wrapper .name a, .offices-deepmode .bio .container .wrapper .phone a, .offices-deepmode .bio .container .wrapper .title a {
        color: inherit; }
      .offices-deepmode .bio .container .wrapper .title, .offices-deepmode .bio .container .wrapper .med-pub .title > a, .med-pub .offices-deepmode .bio .container .wrapper .title > a, .offices-deepmode .bio .container .wrapper .small-pub .title > a, .small-pub .offices-deepmode .bio .container .wrapper .title > a {
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        color: #333333; }
      .offices-deepmode .bio .container .wrapper .name, .offices-deepmode .bio .container .wrapper .phone, .offices-deepmode .bio .container .wrapper a {
        font-weight: 300;
        font-size: 14px;
        line-height: 18px;
        color: #707070; }
  .offices-deepmode .bio .share-bar {
    align-self: flex-end;
    text-align: right;
    z-index: 12;
    margin-left: auto; }
  .offices-deepmode .events:not(.featured) {
    margin-bottom: 50px; }

.interrupter {
  background-color: #eeeded;
  box-shadow: none;
  width: 100%;
  padding: 20px 0;
  margin: 30px 0;
  overflow: hidden; }
  @media (min-width: 768px) {
    .interrupter .outer-grid-wrapper {
      border-left-width: 25px;
      border-left-style: solid;
      border-color: transparent;
      margin-right: 50px;
      margin-left: 50px; }
      .interrupter .outer-grid-wrapper .inner-grid-wrapper {
        margin-right: 15%;
        margin-left: 5%;
        padding-right: 15%;
        padding-left: 5%; } }

@media (max-width: 1279px) and (min-width: 768px) {
  .interrupter .grid-row {
    margin-left: 100px; } }
  @media (min-width: 768px) {
    .interrupter {
      box-shadow: inset 75px 0 white;
      padding: 30px 0; } }
  @media (min-width: 1280px) {
    .interrupter {
      box-shadow: inset 100px 0 white; }
      .interrupter .outer-grid-wrapper {
        border-left-width: 35px;
        margin-left: 65px;
        margin-right: 65px; } }
  .deepmode .interrupter {
    background-color: #f2f2f2; }
    @media (min-width: 768px) {
      .deepmode .interrupter {
        box-shadow: inset 75px 0 white;
        padding: 30px 0; } }
    @media (min-width: 1280px) {
      .deepmode .interrupter {
        box-shadow: inset 100px 0 white; } }
  .interrupter .cta-link {
    margin-top: 20px;
    margin-bottom: 0; }

.insight-teaser:not(.external-video) .play {
  display: none; }

.insight-teaser .media-block {
  position: relative; }

.insight-teaser .images {
  margin-bottom: 20px; }

.insight-teaser-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

.insight-teaser-type-6 .grid-row.title, .insight-teaser-type-6 .med-pub .title > a.grid-row, .med-pub .insight-teaser-type-6 .title > a.grid-row, .insight-teaser-type-6 .small-pub .title > a.grid-row, .small-pub .insight-teaser-type-6 .title > a.grid-row {
  margin-left: 0 !important; }

.insight-teaser-type-6 .insight-teaser__content-section {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.insight-teaser-type-6 .insight-teaser-title,
.insight-teaser-type-6 .insight-teaser-title a {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.5;
  margin-bottom: 10px;
  color: #197a56; }

.insight-teaser-type-6 .insight-teaser-title a:hover, .insight-teaser-type-6 .insight-teaser-title a:active, .insight-teaser-type-6 .insight-teaser-title a:focus {
  color: #8b8b8b;
  outline: none; }

.insight-teaser-type-6 .cta-link {
  font-size: 16px;
  font-weight: 300; }

.insight-teaser-type-6 .cta-link [class^="icon-cta"]:before {
  font-size: 18px; }

.insight-teaser-type-6 .text-panel {
  margin-bottom: 0; }

.careers .insight-teaser-type-6 .text-panel,
.careers .insight-teaser-type-6 .text-panel p {
  font-size: 18px;
  color: #707070;
  line-height: 1.3; }

.careers .insight-teaser-type-6 .cta-link {
  font-size: 18px; }

@media (min-width: 1280px) {
  /* DTTM-1311 Increased font-size to 60px. */
  .careers .insight-teaser-type-6 .insight-teaser-title,
  .careers .insight-teaser-type-6 .insight-teaser-title a {
    font-size: 60px; }
  .careers .insight-teaser-type-6 .text-panel,
  .careers .insight-teaser-type-6 .text-panel p {
    font-size: 24px; }
  .careers .insight-teaser-type-6 .cta-link {
    font-size: 24px; } }

.insight-teaser-type-4 .grid-row,
.insight-teaser-type-6 .grid-row {
  display: block; }

@media (max-width: 767px) {
  .insight-teaser-type-4,
  .insight-teaser-type-6 {
    margin-left: 20px;
    margin-right: 20px; }
    .insight-teaser-type-4 .play,
    .insight-teaser-type-6 .play {
      margin-left: 20px; } }

@media (min-width: 768px) {
  .insight-teaser-type-4 .grid-row.title, .insight-teaser-type-4 .med-pub .title > a.grid-row, .med-pub .insight-teaser-type-4 .title > a.grid-row, .insight-teaser-type-4 .small-pub .title > a.grid-row, .small-pub .insight-teaser-type-4 .title > a.grid-row, .insight-teaser-type-6 .grid-row.title, .insight-teaser-type-6 .med-pub .title > a.grid-row, .med-pub .insight-teaser-type-6 .title > a.grid-row, .insight-teaser-type-6 .small-pub .title > a.grid-row, .small-pub .insight-teaser-type-6 .title > a.grid-row {
    margin-left: 75px; }
  .insight-teaser-type-4 .grid-row.content,
  .insight-teaser-type-6 .grid-row.content {
    display: flex;
    width: calc(100% - 75px); }
    .insight-teaser-type-4 .grid-row.content .grid-column:first-child,
    .insight-teaser-type-6 .grid-row.content .grid-column:first-child {
      flex-shrink: 0;
      width: calc(75px + (((100vw - 75px * 2) / 15) * 7));
      margin-right: calc((((100vw - 75px * 2) / 15) * 1)); }
    .insight-teaser-type-4 .grid-row.content .grid-column:last-child,
    .insight-teaser-type-6 .grid-row.content .grid-column:last-child {
      width: calc((((100vw - 75px * 2) / 15) * 7)); }
  .interrupter .insight-teaser-type-4 .grid-row.title, .interrupter .insight-teaser-type-4 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-4 .title > a.grid-row, .interrupter .insight-teaser-type-4 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-4 .title > a.grid-row, .interrupter .insight-teaser-type-6 .grid-row.title, .interrupter .insight-teaser-type-6 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-6 .title > a.grid-row, .interrupter .insight-teaser-type-6 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-6 .title > a.grid-row {
    margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1)); }
  .interrupter .insight-teaser-type-4 .grid-row.content, .interrupter
  .insight-teaser-type-6 .grid-row.content {
    margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1)); }
    .interrupter .insight-teaser-type-4 .grid-row.content .grid-column:first-child, .interrupter
    .insight-teaser-type-6 .grid-row.content .grid-column:first-child {
      width: calc((((100vw - 75px * 2) / 15) * 8)); }
    .interrupter .insight-teaser-type-4 .grid-row.content .grid-column:last-child, .interrupter
    .insight-teaser-type-6 .grid-row.content .grid-column:last-child {
      width: calc((((100vw - 75px * 2) / 15) * 5)); } }

@media (min-width: 947px) {
  .insight-teaser-type-4 .grid-row.content .grid-column:first-child,
  .insight-teaser-type-6 .grid-row.content .grid-column:first-child {
    width: calc(75px + ((70vw / 15) * 7));
    margin-right: calc(((70vw / 15) * 1)); }
  .insight-teaser-type-4 .grid-row.content .grid-column:last-child,
  .insight-teaser-type-6 .grid-row.content .grid-column:last-child {
    width: calc(((70vw / 15) * 7) + ((100vw - 75px - 70vw - 75px) / 2)); }
  .interrupter .insight-teaser-type-4 .grid-row.title, .interrupter .insight-teaser-type-4 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-4 .title > a.grid-row, .interrupter .insight-teaser-type-4 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-4 .title > a.grid-row, .interrupter .insight-teaser-type-6 .grid-row.title, .interrupter .insight-teaser-type-6 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-6 .title > a.grid-row, .interrupter .insight-teaser-type-6 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-6 .title > a.grid-row {
    margin-left: calc(75px + ((70vw / 15) * 1)); }
  .interrupter .insight-teaser-type-4 .grid-row.content, .interrupter
  .insight-teaser-type-6 .grid-row.content {
    margin-left: calc(75px + ((70vw / 15) * 1)); }
    .interrupter .insight-teaser-type-4 .grid-row.content .grid-column:first-child, .interrupter
    .insight-teaser-type-6 .grid-row.content .grid-column:first-child {
      width: calc(((70vw / 15) * 8)); }
    .interrupter .insight-teaser-type-4 .grid-row.content .grid-column:last-child, .interrupter
    .insight-teaser-type-6 .grid-row.content .grid-column:last-child {
      width: calc(((70vw / 15) * 5) + ((100vw - 75px - 70vw - 75px) / 2)); } }

@media (min-width: 1280px) {
  .insight-teaser-type-4 .grid-row.title, .insight-teaser-type-4 .med-pub .title > a.grid-row, .med-pub .insight-teaser-type-4 .title > a.grid-row, .insight-teaser-type-4 .small-pub .title > a.grid-row, .small-pub .insight-teaser-type-4 .title > a.grid-row, .insight-teaser-type-6 .grid-row.title, .insight-teaser-type-6 .med-pub .title > a.grid-row, .med-pub .insight-teaser-type-6 .title > a.grid-row, .insight-teaser-type-6 .small-pub .title > a.grid-row, .small-pub .insight-teaser-type-6 .title > a.grid-row {
    margin-left: calc(100px + 10vw); }
  .insight-teaser-type-4 .grid-row.content .grid-column:first-child,
  .insight-teaser-type-6 .grid-row.content .grid-column:first-child {
    width: calc(100px + 10vw + ((60vw / 15) * 7));
    margin-right: calc(((60vw / 15) * 1)); }
  .insight-teaser-type-4 .grid-row.content .grid-column:last-child,
  .insight-teaser-type-6 .grid-row.content .grid-column:last-child {
    width: calc(((60vw / 15) * 7) + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
  .interrupter .insight-teaser-type-4 .grid-row.title, .interrupter .insight-teaser-type-4 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-4 .title > a.grid-row, .interrupter .insight-teaser-type-4 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-4 .title > a.grid-row, .interrupter .insight-teaser-type-6 .grid-row.title, .interrupter .insight-teaser-type-6 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-6 .title > a.grid-row, .interrupter .insight-teaser-type-6 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-6 .title > a.grid-row {
    margin-left: calc(100px + 10vw); }
  .interrupter .insight-teaser-type-4 .grid-row.content, .interrupter
  .insight-teaser-type-6 .grid-row.content {
    margin-left: calc(100px + 10vw); }
    .interrupter .insight-teaser-type-4 .grid-row.content .grid-column:first-child, .interrupter
    .insight-teaser-type-6 .grid-row.content .grid-column:first-child {
      width: calc(((60vw / 15) * 8));
      margin-right: calc(((60vw / 15) * 1)); }
    .interrupter .insight-teaser-type-4 .grid-row.content .grid-column:last-child, .interrupter
    .insight-teaser-type-6 .grid-row.content .grid-column:last-child {
      width: calc(((60vw / 15) * 6) + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); } }

.insight-teaser-type-4 video,
.insight-teaser-type-6 video {
  position: static !important;
  height: auto !important; }

.insight-teaser-type-4 .picture-wrapper,
.insight-teaser-type-6 .picture-wrapper {
  position: relative; }

.insight-teaser-type-4 a.eyeem,
.insight-teaser-type-6 a.eyeem {
  background: rgba(255, 255, 255, 0.5);
  padding: 10px;
  color: #333;
  position: absolute;
  right: 0;
  top: 0;
  font-style: italic;
  font-size: smaller;
  z-index: 1; }

.insight-teaser-type-4 video,
.insight-teaser-type-6 video {
  height: auto !important;
  position: static !important; }
  .insight-teaser-type-4 video:after,
  .insight-teaser-type-6 video:after {
    content: '\e607';
    font-size: 50px;
    color: #32c77f;
    background: #fff; }
  .insight-teaser-type-4 video .image,
  .insight-teaser-type-6 video .image {
    position: relative; }
    .insight-teaser-type-4 video .image:before,
    .insight-teaser-type-6 video .image:before {
      content: attr(data-attribution);
      background: rgba(255, 255, 255, 0.5);
      padding: 10px;
      color: #333;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }

.insight-teaser-type-3 .grid-row {
  display: block; }

.insight-teaser-type-3 .grid-column:last-child {
  position: relative; }

@media (max-width: 767px) {
  .insight-teaser-type-3 {
    margin-left: 20px;
    margin-right: 20px; }
    .insight-teaser-type-3 .play {
      margin-left: 20px; }
    .insight-teaser-type-3 .grid-row.title, .insight-teaser-type-3 .med-pub .title > a.grid-row, .med-pub .insight-teaser-type-3 .title > a.grid-row, .insight-teaser-type-3 .small-pub .title > a.grid-row, .small-pub .insight-teaser-type-3 .title > a.grid-row {
      margin-left: 20px;
      margin-right: 20px; }
    .insight-teaser-type-3 .grid-row.content {
      display: flex;
      flex-direction: column; }
      .insight-teaser-type-3 .grid-row.content .grid-column:last-child {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1; }
      .insight-teaser-type-3 .grid-row.content .grid-column:first-child {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2; } }

@media (min-width: 768px) {
  .insight-teaser-type-3 .grid-row {
    display: flex;
    margin-left: 75px; }
    .insight-teaser-type-3 .grid-row.title, .insight-teaser-type-3 .med-pub .title > a.grid-row, .med-pub .insight-teaser-type-3 .title > a.grid-row, .insight-teaser-type-3 .small-pub .title > a.grid-row, .small-pub .insight-teaser-type-3 .title > a.grid-row {
      width: calc(100% - 75px * 2); }
    .insight-teaser-type-3 .grid-row.content .grid-column:first-child {
      flex-shrink: 0;
      width: calc((((100vw - 75px * 2) / 15) * 7));
      margin-right: calc((((100vw - 75px * 2) / 15) * 1)); }
    .insight-teaser-type-3 .grid-row.content .grid-column:last-child {
      width: 100%; }
  .interrupter .insight-teaser-type-3 .grid-row {
    margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1)); }
    .interrupter .insight-teaser-type-3 .grid-row.title, .interrupter .insight-teaser-type-3 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-3 .title > a.grid-row, .interrupter .insight-teaser-type-3 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-3 .title > a.grid-row {
      width: calc((((100vw - 75px * 2) / 15) * 14)); }
    .interrupter .insight-teaser-type-3 .grid-row.content .grid-column:first-child {
      width: calc((((100vw - 75px * 2) / 15) * 6)); } }

@media (min-width: 947px) {
  .insight-teaser-type-3 .grid-row.content .grid-column:first-child {
    width: calc(((70vw / 15) * 7));
    margin-right: calc(((70vw / 15) * 1)); }
  .insight-teaser-type-3 .grid-row.content .grid-column:last-child {
    width: calc(((70vw / 15) * 7) + ((100vw - 75px - 70vw - 75px) / 2)); }
  .interrupter .insight-teaser-type-3 .grid-row {
    margin-left: calc(75px + ((70vw / 15) * 1)); }
    .interrupter .insight-teaser-type-3 .grid-row.title, .interrupter .insight-teaser-type-3 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-3 .title > a.grid-row, .interrupter .insight-teaser-type-3 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-3 .title > a.grid-row {
      width: calc(((70vw / 15) * 14)); }
    .interrupter .insight-teaser-type-3 .grid-row.content .grid-column:first-child {
      width: calc(((70vw / 15) * 6)); } }

@media (min-width: 1280px) {
  .insight-teaser-type-3 .grid-row {
    margin-left: calc(100px + 10vw);
    width: calc(100% - (100px + 10vw)); }
    .insight-teaser-type-3 .grid-row.title, .insight-teaser-type-3 .med-pub .title > a.grid-row, .med-pub .insight-teaser-type-3 .title > a.grid-row, .insight-teaser-type-3 .small-pub .title > a.grid-row, .small-pub .insight-teaser-type-3 .title > a.grid-row {
      width: calc(100% - 10vw - 100px * 2); }
    .insight-teaser-type-3 .grid-row.content .grid-column:first-child {
      width: calc(((60vw / 15) * 7));
      margin-right: calc(((60vw / 15) * 1)); }
    .insight-teaser-type-3 .grid-row.content .grid-column:last-child {
      width: calc(((60vw / 15) * 7) + ((100vw - 100px - 10vw - 60vw - 100px) / 2)); }
  .interrupter .insight-teaser-type-3 .grid-row {
    margin-left: calc(100px + 10vw); }
    .interrupter .insight-teaser-type-3 .grid-row.title, .interrupter .insight-teaser-type-3 .med-pub .title > a.grid-row, .med-pub .interrupter .insight-teaser-type-3 .title > a.grid-row, .interrupter .insight-teaser-type-3 .small-pub .title > a.grid-row, .small-pub .interrupter .insight-teaser-type-3 .title > a.grid-row {
      width: calc(((60vw / 15) * 15)); }
    .interrupter .insight-teaser-type-3 .grid-row.content .grid-column:first-child {
      width: calc(((60vw / 15) * 7)); } }

.insight-teaser-type-2 .images {
  position: relative;
  margin-bottom: 9vw; }
  @media (min-width: 947px) {
    .insight-teaser-type-2 .images {
      margin-bottom: 7vw; } }

.insight-teaser-type-2.video-playing .media-block:first-child {
  z-index: 3; }

.insight-teaser-type-2 .media-block:first-child {
  cursor: pointer;
  width: 75%;
  margin-left: auto; }

.insight-teaser-type-2 .media-block:last-child {
  position: absolute;
  width: 45%;
  z-index: 2;
  bottom: -9vw; }
  @media (min-width: 947px) {
    .insight-teaser-type-2 .media-block:last-child {
      bottom: -7vw; } }

.insight-teaser-type-1 .media-block:first-child {
  width: 45%;
  float: right;
  margin-bottom: -13%;
  z-index: 2; }
  @media (max-width: 767px) {
    .insight-teaser-type-1 .media-block:first-child {
      width: 65%; } }

.insight-teaser-type-1 .media-block:last-child {
  width: 75%; }

@media (max-width: 767px) {
  .insight-teaser-multimedia {
    margin-bottom: 50px; }
  .insight-teaser-multimedia-right .grid-row {
    display: flex;
    flex-direction: column; }
  .insight-teaser-multimedia-right .grid-column:first-child {
    order: 2; }
  .insight-teaser-multimedia-right .grid-column:last-child {
    order: 1; } }

.endorsement-content {
  margin: 0 0 25px 0; }

.endorsement-content__title {
  margin: 0 0 5px 0; }

.endorsement-content__image {
  margin: 0 0 0 0;
  max-width: 100%; }

/*BQ3-1190: On collection pages, use the same margins as the authors container*/
@media (min-width: 768px) {
  body.collections .container-text.endorsement-content .grid-row {
    margin-left: 75px;
    margin-right: 75px; } }

@media (min-width: 947px) {
  body.collections .container-text.endorsement-content .grid-row {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 768px) {
  .text-panel.two-column .row {
    display: flex; }
  .text-panel.two-column .column {
    width: 50%; }
    .text-panel.two-column .column:first-child {
      margin-right: 40px; } }

/*===============
    #LinkList #List
===============*/
/*
  Comment-1 : BR-851 text to not wrap under icon.
  Float:left on icon worked, but not in mobile breakpoint; icon would've needed height and margin to keep text from wrapping
  Client also wants text to be aligned w/ text, even if icon isn't present
  FWIW, paddings, margins, and text-indent could also do this. position:absolute was more terse

*/
/*=== link-list ===
-title
-ul
-item

*/
.link-list {
  font-size: inherit;
  margin-bottom: 25px; }

.link-list-ul {
  font-size: inherit; }

.link-list-item {
  margin-bottom: 12px;
  padding-left: 2em; }
  @media (min-width: 768px) {
    .link-list-item {
      margin-bottom: 14px; } }
  .link-list-item:before {
    display: none; }
  .link-list-item [class*="icon"] {
    position: absolute;
    left: 0; }

.text-panel.dek,
.text-panel.dek p,
.dek,
.dek p,
.bhi-pt .dek,
.bhi .dek,
.bhi-pt .dek p,
.bhi .dek p {
  font-weight: 300;
  font-size: 19px;
  line-height: 28px; }
  @media (min-width: 768px) {
    .text-panel.dek,
    .text-panel.dek p,
    .dek,
    .dek p,
    .bhi-pt .dek,
    .bhi .dek,
    .bhi-pt .dek p,
    .bhi .dek p {
      font-weight: 300;
      font-size: 22px;
      line-height: 31px; } }
  @media (min-width: 1091px) {
    .text-panel.dek,
    .text-panel.dek p,
    .dek,
    .dek p,
    .bhi-pt .dek,
    .bhi .dek,
    .bhi-pt .dek p,
    .bhi .dek p {
      font-size: 24px;
      line-height: 33px; } }

.text-panel.inset-image .column:first-child {
  margin-bottom: 40px; }

.text-panel.inset-image .column:last-child {
  position: relative; }

.text-panel.inset-image p:first-child {
  margin-top: -.7ex;
  /* was -9px. tippy top of letters was cut off. using ex b/c it's relative to the font being used. */ }

.text-panel.inset-image img {
  max-width: 100%; }

.text-panel.inset-image figure {
  position: relative; }

.text-panel.inset-image figcaption {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #707070; }

@media (max-width: 767px) {
  .text-panel.inset-image figcaption {
    padding-right: 30px; }
  .text-panel.inset-image .container {
    display: flex;
    flex-direction: column; }
    .text-panel.inset-image .container .column:first-child {
      order: 2; }
    .text-panel.inset-image .container .column:last-child {
      order: 1;
      margin-bottom: 40px; } }

@media (min-width: 768px) {
  .text-panel.inset-image .container {
    overflow: hidden;
    display: flex;
    justify-content: space-between; }
  .text-panel.inset-image figcaption {
    font-size: 14px;
    line-height: 19px; }
  .text-panel.inset-image .column:first-child {
    margin-bottom: 0;
    width: calc(100% / 15 * 7); }
  .text-panel.inset-image .column:last-child {
    width: calc(100% / 15 * 7); } }

.collapsible-content .text-panel.inset-image .column {
  margin: 0; }

@media (min-width: 768px) {
  .collapsible-content .text-panel.inset-image .container {
    display: flex;
    justify-content: space-between; }
  .collapsible-content .text-panel.inset-image .column {
    width: calc(100% / 15 * 7); } }

.inset-image-text-wrap.right .inset-image-text-wrap-image {
  float: right;
  margin: 0 0 20px 20px; }

.inset-image-text-wrap.left .inset-image-text-wrap-image {
  float: left;
  margin: 0 20px 20px 0; }

.inset-image-text-wrap .inset-image-text-wrap-image {
  width: 50%; }

.cta-link {
  font-weight: 700;
  color: #32c77f;
  display: inline-block;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
  vertical-align: middle; }
  @media (min-width: 500px) {
    .cta-link {
      margin-bottom: 50px; } }
  @media (min-width: 768px) {
    .cta-link {
      font-size: 18px;
      line-height: 23px; } }
  .cta-link a {
    color: #32c77f; }
  .cta-link [class^="icon-cta"] {
    font-size: 24px;
    margin-right: 10px;
    vertical-align: -10%; }
    .cta-link [class^="icon-cta"]::before {
      font-size: 24px;
      font-family: 'dotBCG-icons'; }

.interstitial-footer-nav {
  position: relative;
  text-align: center;
  margin-top: 62px;
  margin-bottom: 10px;
  padding-top: 25px;
  padding-bottom: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
  @media (min-width: 768px) {
    .interstitial-footer-nav {
      margin-top: 125px;
      margin-bottom: 20px; } }
  .interstitial-footer-nav .arrow .icon-nav-interstitial-arrow {
    height: 60px;
    width: 60px;
    border-radius: 30px;
    border: 2px solid #32c77f;
    color: #32c77f;
    padding: 3px; }
  .interstitial-footer-nav .title, .interstitial-footer-nav .med-pub .title > a, .med-pub .interstitial-footer-nav .title > a, .interstitial-footer-nav .small-pub .title > a, .small-pub .interstitial-footer-nav .title > a {
    color: #333;
    font-size: 20px;
    font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
    font-weight: 400; }
    .interstitial-footer-nav .title + .arrow, .interstitial-footer-nav .med-pub .title > a + .arrow, .med-pub .interstitial-footer-nav .title > a + .arrow, .interstitial-footer-nav .small-pub .title > a + .arrow, .small-pub .interstitial-footer-nav .title > a + .arrow {
      margin-top: 15px; }
    .interstitial-footer-nav .title + .teaser, .interstitial-footer-nav .med-pub .title > a + .teaser, .med-pub .interstitial-footer-nav .title > a + .teaser, .interstitial-footer-nav .small-pub .title > a + .teaser, .small-pub .interstitial-footer-nav .title > a + .teaser {
      margin-top: 15px; }
  .interstitial-footer-nav .teaser {
    display: none;
    font-size: 18px;
    line-height: 24px;
    color: #707070; }
    .interstitial-footer-nav .teaser + .arrow {
      margin-top: 15px; }
  .interstitial-footer-nav .next-section {
    font-weight: 300;
    font-size: 14px;
    color: #32c77f;
    text-transform: uppercase;
    margin-bottom: 12px; }
    .interstitial-footer-nav .next-section strong {
      font-weight: 700; }
  @media (min-width: 768px) {
    .interstitial-footer-nav {
      padding-top: 35px;
      padding-bottom: 25px; }
      .interstitial-footer-nav a:hover .teaser,
      .interstitial-footer-nav a:hover .title,
      .interstitial-footer-nav a:hover .med-pub .title > a,
      .med-pub .interstitial-footer-nav a:hover .title > a,
      .interstitial-footer-nav a:hover .small-pub .title > a,
      .small-pub .interstitial-footer-nav a:hover .title > a {
        color: #707070;
        border-color: #707070; }
      .interstitial-footer-nav a:hover .arrow .icon-nav-interstitial-arrow {
        color: #007a5c;
        border-color: #007a5c; }
      .interstitial-footer-nav .title, .interstitial-footer-nav .med-pub .title > a, .med-pub .interstitial-footer-nav .title > a, .interstitial-footer-nav .small-pub .title > a, .small-pub .interstitial-footer-nav .title > a {
        font-size: 32px; }
        .interstitial-footer-nav .title + .arrow, .interstitial-footer-nav .med-pub .title > a + .arrow, .med-pub .interstitial-footer-nav .title > a + .arrow, .interstitial-footer-nav .small-pub .title > a + .arrow, .small-pub .interstitial-footer-nav .title > a + .arrow {
          margin-top: 20px; }
      .interstitial-footer-nav .teaser {
        display: block; }
        .interstitial-footer-nav .teaser + .arrow {
          margin-top: 20px; } }

/*===============
  #PEOPLE-ATTRIBUTION
===============*/
/*=== 
  elements that affect PA's spacing 
===*/
.q-and-a + .people-attribution .myth-and-reality + .people-attribution {
  margin-top: -50px; }
  @media (min-width: 768px) {
    .q-and-a + .people-attribution .myth-and-reality + .people-attribution {
      margin-top: -70px; } }

/*===
  people-attribution element 
===*/
@media (min-width: 500px) {
  .people-attribution {
    margin-bottom: 0; } }

/*=== 
  people-attribution children 
===*/
.people-attribution .container {
  display: block;
  padding-top: 20px;
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 1px solid #b8b8b8; }
  .people-attribution .container:hover .name a {
    color: #197a56; }
  @media (min-width: 500px) {
    .people-attribution .container {
      display: inline-block;
      vertical-align: top;
      width: calc(50% - 40px); }
      .people-attribution .container:nth-child(odd) {
        margin-right: 40px; } }

.people-attribution .image {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 15px;
  /* when there is ruby text (translations) next to an image, setting
  line-height to 1 aligns the text to the top of the image. We also need
  to add that line height back to the ruby tag inside */ }
  .people-attribution .image + .content .name {
    line-height: 1; }
    .people-attribution .image + .content .name .name-ruby {
      line-height: 2; }

.people-attribution .content {
  font-size: 14px; }

.people-attribution .name {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px; }
  .people-attribution .name a {
    color: #333333; }

.people-attribution div.name {
  color: #333333; }

.people-attribution .role,
.people-attribution .office {
  font-weight: 300;
  color: #707070;
  line-height: 19px; }

.office-location {
  position: relative; }
  @media (min-width: 768px) {
    .office-location {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .office-location .container {
        width: calc(100% / 15 * 7); } }
  .office-location .container {
    margin-bottom: 45px; }
    .office-location .container:last-child {
      margin-bottom: 0; }
  .office-location .city {
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
    vertical-align: middle;
    margin-bottom: 0; }
    .office-location .city a {
      color: inherit;
      font-size: 18px;
      line-height: inherit;
      font-weight: 700; }
    .office-location .city:after {
      font-family: 'dotBCG-Icons';
      font-size: .6785em;
      vertical-align: middle;
      margin: -.125em 0 0 8px;
      display: inline-block; }
  .office-location .street-address,
  .office-location .country-name,
  .office-location .phone {
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    display: block; }
  @media (min-width: 500px) {
    .office-location .street-address,
    .office-location .country-name,
    .office-location .phone {
      font-size: 18px;
      line-height: 22px; }
    .office-location .container {
      margin-bottom: 50px; } }

.offices-mini-landing .city {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400; }
  @media (min-width: 500px) {
    .offices-mini-landing .city {
      font-size: 25px; } }

.collapsed-content .city,
.office-landing .city {
  font-weight: 700;
  font-size: 18px; }

.threecol {
  /* (SW) BR-1057 - Removing the 2 col version from tablet per QA comments regarding spec.
  @include width-less-than($small-width) {
    .container {
      width: calc(50% - 40px);
      display: inline-block;
      margin-bottom: 40px;
      margin-right: 40px;
      &:nth-of-type(2n+0) {
        margin-right: 0;
      }
    }
  }
*/ }
  .threecol h3.subtitle {
    color: #177b57;
    text-transform: uppercase;
    margin: 20px 25px 20px 0;
    font-size: 18px;
    line-height: 23px; }
  .threecol .container {
    margin-bottom: 45px; }
    .threecol .container .container-content {
      display: block; }
      .threecol .container .container-content p {
        margin: 0;
        font-size: 18px;
        line-height: 27px; }
  @media (min-width: 768px) {
    .threecol .container {
      width: calc(33% - 40px);
      display: inline-block;
      margin-bottom: 40px;
      margin-right: 40px; }
      .threecol .container:nth-of-type(3n+0) {
        margin-right: 0; } }
  @media (max-width: 767px) {
    .threecol .container {
      width: 100%;
      display: inline-block;
      margin-bottom: 20px;
      margin-right: 20px; } }

.twocol {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .twocol {
      flex-direction: row; } }
  .twocol h3.subtitle {
    color: #177b57;
    text-transform: uppercase;
    margin: 20px 25px 20px 0;
    font-size: 18px;
    line-height: 23px; }
  .twocol .container {
    margin-bottom: 25px; }
    .twocol .container .container-content {
      display: block; }
      .twocol .container .container-content p {
        margin: 0;
        font-size: 18px;
        line-height: 27px; }
    @media (min-width: 768px) {
      .twocol .container {
        width: calc(50% - (100% / 30));
        display: inline-block;
        margin-bottom: 25px;
        margin-right: calc(100% / 15); }
        .twocol .container:nth-of-type(2n+0) {
          margin-right: 0; } }

.interview-tips {
  /* this is also grid-row;
  added the .interview-tip class so we don't have to style off of a grid class
  */ }
  .interview-tips h1 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .interview-tips h2 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .interview-tips h3 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .interview-tips h4 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .interview-tips h5 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .interview-tips h6 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .interview-tips p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .interview-tips h4 {
    font-weight: 700;
    color: #197a56; }
    @media (max-width: 767px) {
      .interview-tips h4 {
        padding: 0 0 10px; } }
  .interview-tips p {
    margin: 0; }
  .interview-tips .interview-tip {
    font-size: 18px;
    line-height: 27px;
    padding: 15px 0; }

.guided-cases-qa-header h2 {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 25px;
  font-weight: 300;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.guided-cases-qa-content.qa-list {
  margin: 0; }

.challenge-top {
  border-top: 1px solid transparent;
  color: #fff;
  overflow: hidden;
  position: relative;
  /* using padding instead of margin prevents a gap showing
  the bg image if the text is too short in topics
*/ }
  .challenge-top h1 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .challenge-top h2 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .challenge-top h3 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .challenge-top h4 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .challenge-top h5 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .challenge-top h6 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .challenge-top p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .challenge-top li {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: static; }
    .challenge-top li::before {
      content: none; }
  .challenge-top ul {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .challenge-top h1 {
    font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
    font-weight: 400;
    color: #fff;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 7.5px; }
    @media (min-width: 768px) {
      .challenge-top h1 {
        font-size: 60px; }
        .challenge-top h1:only-child {
          margin-bottom: .5em; } }
  .challenge-top .subtitle {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 24px;
    color: #fff; }
    @media (min-width: 768px) {
      .challenge-top .subtitle {
        font-size: 34px;
        margin-bottom: 40.8px; } }
  .challenge-top .challenge-intro p {
    color: #000;
    margin-bottom: 0; }
  .challenge-top .challenge-intro .sub-topics {
    font-size: 20px;
    padding: 10px 0 10px 0; }
    @media (min-width: 768px) {
      .challenge-top .challenge-intro .sub-topics {
        min-height: 50px; } }
  .challenge-top .challenge-intro .sub-topic-header {
    font-weight: 700;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.3;
    margin-right: 5px; }
    @media (min-width: 947px) {
      .challenge-top .challenge-intro .sub-topic-header {
        font-size: 18px;
        line-height: 1.5; } }
  .challenge-top .challenge-intro .sub-topics ul {
    display: inline;
    margin-bottom: 20px; }
    @media (min-width: 947px) {
      .challenge-top .challenge-intro .sub-topics ul {
        font-size: 18px;
        line-height: 1.5; } }
  .challenge-top .challenge-intro .sub-topics li {
    display: inline;
    font-weight: 200;
    margin: 0;
    padding: 0; }
    .challenge-top .challenge-intro .sub-topics li::before {
      content: none; }
    .challenge-top .challenge-intro .sub-topics li:not(:first-of-type)::before {
      position: relative;
      top: -.4ex;
      content: "\25cf";
      vertical-align: middle;
      font-size: .5em;
      color: #333;
      margin-right: 5px; }
    .challenge-top .challenge-intro .sub-topics li:after {
      display: none; }
  .challenge-top .sub-topics li a {
    color: #32c77f;
    white-space: normal; }
    @media (min-width: 947px) {
      .challenge-top .sub-topics li a {
        font-size: 18px;
        line-height: 1.5; } }
  .challenge-top .intro-text {
    padding: 20px 0; }
  .challenge-top .icon-cta-link-no-circle {
    font-size: 10px;
    padding-left: 3px; }

/*BR-1253
  Comment-A Fixes an issue where FF and Edge show background image between dek and next section of content;
    also doesn't hurt Chrome or IE
  Comment-B Safari won't show the content in .notch-wide because [reasons], this makes sure the dek content is visible
*/
.challenge-top {
  display: flex;
  flex-direction: column; }
  .challenge-top .notch.wide {
    height: auto; }

.hi-statement .grid-row {
  display: block; }

.hi-statement .grid-row {
  margin-left: 20px;
  width: calc(100% - 20px * 2); }

.hi-statement .content {
  padding: 25px;
  border: 1px solid #32c77f; }

.hi-statement .title, .hi-statement .med-pub .title > a, .med-pub .hi-statement .title > a, .hi-statement .small-pub .title > a, .small-pub .hi-statement .title > a {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.25;
  text-transform: capitalize;
  margin-bottom: 25px; }

.hi-statement .mailto {
  text-transform: uppercase;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-style: inherit;
  speak: inherit;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
  font-weight: 700;
  color: #00532f; }
  .hi-statement .mailto::before {
    font-family: dotBCG-Icons !important;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.hi-statement .cta-link,
.hi-statement .cta {
  margin-bottom: 0;
  font-weight: 700;
  color: #00532f;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  display: block;
  vertical-align: bottom; }
  .hi-statement .cta-link:hover, .hi-statement .cta-link:focus, .hi-statement .cta-link:active,
  .hi-statement .cta:hover,
  .hi-statement .cta:focus,
  .hi-statement .cta:active {
    color: #fff; }

.hi-statement p + .cta-link,
.hi-statement p + .cta,
.hi-statement .mailto + .cta-link,
.hi-statement .mailto + .cta {
  padding-top: 25px; }

.hi-statement .subtitle {
  font-size: 16px; }

.hi-statement p {
  color: inherit;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px; }

.hi-statement.type-1 .content, .hi-statement.type-3 .content {
  background: #fff; }
  .hi-statement.type-1 .content .content, .hi-statement.type-3 .content .content {
    background: #fff; }
  .hi-statement.type-1 .content .cta-link,
  .hi-statement.type-1 .content .cta, .hi-statement.type-3 .content .cta-link,
  .hi-statement.type-3 .content .cta {
    display: block;
    color: #32c77f; }
    .hi-statement.type-1 .content .cta-link:hover, .hi-statement.type-1 .content .cta-link:focus, .hi-statement.type-1 .content .cta-link:active,
    .hi-statement.type-1 .content .cta:hover,
    .hi-statement.type-1 .content .cta:focus,
    .hi-statement.type-1 .content .cta:active, .hi-statement.type-3 .content .cta-link:hover, .hi-statement.type-3 .content .cta-link:focus, .hi-statement.type-3 .content .cta-link:active,
    .hi-statement.type-3 .content .cta:hover,
    .hi-statement.type-3 .content .cta:focus,
    .hi-statement.type-3 .content .cta:active {
      color: #00532f; }

.hi-statement.type-2 .content, .hi-statement.type-4 .content {
  background: #32c77f;
  color: #fff; }
  .hi-statement.type-2 .content h1, .hi-statement.type-2 .content h2, .hi-statement.type-4 .content h1, .hi-statement.type-4 .content h2 {
    color: #fff; }
  .hi-statement.type-2 .content .content, .hi-statement.type-4 .content .content {
    background: #32c77f; }
  .hi-statement.type-2 .content .cta-link,
  .hi-statement.type-2 .content .cta, .hi-statement.type-4 .content .cta-link,
  .hi-statement.type-4 .content .cta {
    display: block;
    color: #00532f; }
    .hi-statement.type-2 .content .cta-link:hover, .hi-statement.type-2 .content .cta-link:focus, .hi-statement.type-2 .content .cta-link:active,
    .hi-statement.type-2 .content .cta:hover,
    .hi-statement.type-2 .content .cta:focus,
    .hi-statement.type-2 .content .cta:active, .hi-statement.type-4 .content .cta-link:hover, .hi-statement.type-4 .content .cta-link:focus, .hi-statement.type-4 .content .cta-link:active,
    .hi-statement.type-4 .content .cta:hover,
    .hi-statement.type-4 .content .cta:focus,
    .hi-statement.type-4 .content .cta:active {
      color: #fff; }

.hi-statement.type-5 .content {
  background: #32c77f;
  color: #fff; }
  .hi-statement.type-5 .content h1, .hi-statement.type-5 .content h2 {
    color: #fff; }
  .hi-statement.type-5 .content .content {
    background: #32c77f; }
  .hi-statement.type-5 .content .cta-link,
  .hi-statement.type-5 .content .cta {
    display: block;
    color: #00532f; }
    .hi-statement.type-5 .content .cta-link:hover, .hi-statement.type-5 .content .cta-link:focus, .hi-statement.type-5 .content .cta-link:active,
    .hi-statement.type-5 .content .cta:hover,
    .hi-statement.type-5 .content .cta:focus,
    .hi-statement.type-5 .content .cta:active {
      color: #fff; }
  .hi-statement.type-5 .content .title, .hi-statement.type-5 .content .med-pub .title > a, .med-pub .hi-statement.type-5 .content .title > a, .hi-statement.type-5 .content .small-pub .title > a, .small-pub .hi-statement.type-5 .content .title > a {
    margin-bottom: 15px; }
  .hi-statement.type-5 .content .subtitle {
    font-size: 16px; }

@media (max-width: 767px) {
  .hi-statement {
    margin-bottom: 20px; }
    .hi-statement img {
      width: 85px;
      height: 85px; }
    .hi-statement.type-1 .image, .hi-statement.type-3 .image {
      float: right;
      padding: 0 0 15px 15px; }
    .hi-statement.type-2 .image, .hi-statement.type-4 .image, .hi-statement.type-5 .image {
      float: left;
      padding: 0 15px 15px 0; } }

@media (min-width: 768px) {
  .hi-statement .image {
    flex-shrink: 0; }
  .hi-statement .content {
    flex-shrink: 0; }
  .hi-statement .content > p {
    font-size: 24px; }
  .hi-statement .grid-row {
    margin-left: 75px;
    display: flex; }
  .hi-statement.type-1 .grid-row {
    width: calc((((100vw - 75px * 2) / 15) * 10)); }
  .hi-statement.type-1 .image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: calc((((100vw - 75px * 2) / 15) * 2)); }
  .hi-statement.type-1 .content {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: calc((((100vw - 75px * 2) / 15) * 8));
    min-height: calc((((100vw - 75px * 2) / 15) * 2) * 1.25); }
  .hi-statement.type-2 .grid-row {
    margin-left: 75px;
    width: calc((((100vw - 75px * 2) / 15) * 13)); }
  .hi-statement.type-2 .image {
    width: calc((((100vw - 75px * 2) / 15) * 5)); }
  .hi-statement.type-2 .content {
    width: calc((((100vw - 75px * 2) / 15) * 9));
    min-height: calc((((100vw - 75px * 2) / 15) * 5) * 1.25); }
  .hi-statement.type-3 .grid-row {
    margin-left: 75px;
    width: calc((((100vw - 75px * 2) / 15) * 13)); }
  .hi-statement.type-3 .image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: calc((((100vw - 75px * 2) / 15) * 5)); }
  .hi-statement.type-3 .content {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: calc((((100vw - 75px * 2) / 15) * 9));
    min-height: calc((((100vw - 75px * 2) / 15) * 5) * 1.25); }
  .hi-statement.type-4 .grid-row, .hi-statement.type-5 .grid-row {
    margin-left: 75px;
    width: calc((((100vw - 75px * 2) / 15) * 10)); }
  .hi-statement.type-4 .image, .hi-statement.type-5 .image {
    width: calc((((100vw - 75px * 2) / 15) * 2)); }
  .hi-statement.type-4 .content, .hi-statement.type-5 .content {
    width: calc((((100vw - 75px * 2) / 15) * 8));
    min-height: calc((((100vw - 75px * 2) / 15) * 2) * 1.25); } }

@media (min-width: 947px) {
  .hi-statement.type-1 .grid-row {
    margin-left: calc(75px + ((70vw / 15) * 1));
    width: calc(((70vw / 15) * 10)); }
  .hi-statement.type-1 .image {
    width: calc(((70vw / 15) * 2)); }
  .hi-statement.type-1 .content {
    width: calc(((70vw / 15) * 8));
    min-height: calc(((70vw / 15) * 2) * 1.25); }
  .hi-statement.type-2 .grid-row {
    margin-left: 75px; }
  .hi-statement.type-2 .image {
    width: calc(((70vw / 15) * 5)); }
  .hi-statement.type-2 .content {
    width: calc(((70vw / 15) * 9));
    min-height: calc(((70vw / 15) * 5) * 1.25); }
  .hi-statement.type-3 .grid-row {
    margin-left: calc(75px + ((70vw / 15) * 1));
    width: calc(((70vw / 15) * 13)); }
  .hi-statement.type-3 .image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: calc(((70vw / 15) * 5)); }
  .hi-statement.type-3 .content {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: calc(((70vw / 15) * 9));
    min-height: calc(((70vw / 15) * 5) * 1.25); }
  .hi-statement.type-4 .grid-row {
    margin-left: 75px;
    width: calc(((70vw / 15) * 10)); }
  .hi-statement.type-4 .image {
    width: calc(((70vw / 15) * 2)); }
  .hi-statement.type-4 .content {
    width: calc(((70vw / 15) * 8));
    min-height: calc(((70vw / 15) * 2) * 1.25); }
  .hi-statement.type-5 .grid-row {
    margin-left: 75px;
    width: calc(((70vw / 15) * 12)); }
  .hi-statement.type-5 .image {
    width: calc(((70vw / 15) * 2)); }
  .hi-statement.type-5 .content {
    width: calc(((70vw / 15) * 10));
    min-height: calc(((70vw / 15) * 2) * 1.25); } }

@media (min-width: 1280px) {
  .hi-statement.type-1 .grid-row {
    margin-left: calc(100px + 10vw + ((60vw / 15) * 1));
    width: calc(((60vw / 15) * 10)); }
  .hi-statement.type-1 .image {
    width: calc(((60vw / 15) * 2)); }
  .hi-statement.type-1 .content {
    width: calc(((60vw / 15) * 8));
    min-height: calc(((60vw / 15) * 2) * 1.25); }
  .hi-statement.type-2 .grid-row {
    margin-left: calc(100px + 10vw); }
  .hi-statement.type-2 .image {
    width: calc(((60vw / 15) * 5)); }
  .hi-statement.type-2 .content {
    width: calc(((60vw / 15) * 9));
    min-height: calc(((60vw / 15) * 5) * 1.25); }
  .hi-statement.type-3 .grid-row {
    margin-left: calc(100px + 10vw + ((60vw / 15) * 1));
    width: calc(((60vw / 15) * 14)); }
  .hi-statement.type-3 .image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: calc(((60vw / 15) * 5)); }
  .hi-statement.type-3 .content {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    width: calc(((60vw / 15) * 9));
    min-height: calc(((60vw / 15) * 5) * 1.25); }
  .hi-statement.type-4 .grid-row {
    margin-left: calc(100px + 10vw);
    width: calc(((60vw / 15) * 10)); }
  .hi-statement.type-4 .image {
    width: calc(((60vw / 15) * 2)); }
  .hi-statement.type-4 .content {
    width: calc(((60vw / 15) * 8));
    min-height: calc(((60vw / 15) * 2) * 1.25); }
  .hi-statement.type-5 .grid-row {
    margin-left: calc(100px + 10vw);
    width: calc(((60vw / 15) * 12)); }
  .hi-statement.type-5 .image {
    width: calc(((60vw / 15) * 2)); }
  .hi-statement.type-5 .content {
    width: calc(((60vw / 15) * 10));
    min-height: calc(((60vw / 15) * 2) * 1.25); } }

.transcript .transcript-title {
  padding-top: 0;
  margin-top: 100px;
  padding-bottom: 10px;
  border-bottom: 1px solid #b8b8b8;
  color: #333333; }

.transcript .transcript-ch-title {
  margin-top: 40px;
  margin-bottom: 20px; }

.transcript .transcript-item[class] {
  margin-left: 20px; }

.transcript .transcript-time {
  font-weight: bold;
  float: left;
  margin-right: 5px;
  margin-bottom: 0; }

.transcript .transcript-text[class] p {
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .transcript .transcript-item[class] {
    display: flex; }
  .transcript .transcript-time {
    font-weight: normal;
    margin-right: 40px;
    float: none;
    flex-shrink: 0; }
  .transcript .transcript-text[class] p {
    margin-bottom: 20px; } }

/** important used to render IE10 style ***/
html[data-useragent*='MSIE 10.0'] .media-contact .icon-social-bio-email {
  margin: 0 25px 0 0 !important; }

.media-contact {
  font-weight: 200;
  color: #333;
  font-size: 16px;
  line-height: 21px;
  padding-bottom: 20px;
  padding-top: 20px; }
  .media-contact .icon-social-bio-email {
    color: #b7b7b7;
    font-family: 'dotBCG-Icons'; }
    .media-contact .icon-social-bio-email:before {
      font-size: 10px; }
    @media (min-width: 768px) {
      .media-contact .icon-social-bio-email {
        position: absolute;
        left: 0; } }
  .media-contact .icon-social-bio-email:hover {
    color: #3fad93; }
  .media-contact .phone {
    display: block; }
  .media-contact .country {
    color: #177b57;
    font-weight: 400;
    line-height: 24px;
    display: block; }
    @media (min-width: 768px) {
      .media-contact .country {
        width: calc(100% / 15 * 5);
        flex-shrink: 0; } }
    @media (min-width: 768px) {
      .media-contact .country + .name-email {
        width: calc(100% / 15 * 5); } }
    @media (min-width: 768px) {
      .media-contact .country + .name-email + .phone {
        width: calc(100% / 15 * 5); } }
    @media (min-width: 768px) {
      .media-contact .country + .name-email + .phone {
        text-align: right; } }
    @media (max-width: 767px) {
      .media-contact .country + .name-email {
        margin-left: 0;
        margin-right: 15px; } }
  @media (min-width: 768px) {
    .media-contact {
      display: flex;
      justify-content: flex-start;
      font-size: 18px;
      line-height: 21px;
      padding-top: 15px;
      padding-bottom: 15px; }
      .media-contact .name-email {
        position: relative;
        width: calc(100% / 15 * 5); }
      .media-contact .name {
        margin-left: 1.5em; }
      .media-contact .phone {
        flex-shrink: 1; } }

.person-contact {
  font-weight: 200;
  color: #333;
  font-size: 16px;
  line-height: 21px;
  padding-bottom: 20px;
  border-bottom: 1px solid #b7b7b7; }
  .person-contact + .person-contact {
    padding-top: 20px; }
  .person-contact + h3,
  .person-contact + h2 {
    margin-top: 40px; }
  .person-contact .profile-pic {
    width: 60px; }
  .person-contact .phone {
    font-weight: bold; }
  .person-contact .mailto {
    color: #b7b7b7; }
    .person-contact .mailto:hover {
      color: #3fad93; }
  @media (max-width: 767px) {
    .person-contact .email {
      float: right; } }
  @media (min-width: 768px) {
    .person-contact {
      display: flex; }
      .person-contact .name-phone {
        margin-left: 15px; }
      .person-contact .email {
        align-self: flex-end;
        margin-left: auto; } }

.press-release .content-wrapper {
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid #b8b8b8; }
  .press-release .content-wrapper:hover {
    background: #f2f2f2; }

.press-release time,
.press-release cite {
  color: #b7b7b7;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  display: block; }

.press-release cite {
  font-style: normal; }
  .press-release cite a {
    color: #b7b7b7; }
    .press-release cite a:hover {
      color: #32c77f; }

.press-release .title, .press-release .med-pub .title > a, .med-pub .press-release .title > a, .press-release .small-pub .title > a, .small-pub .press-release .title > a {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px; }

.press-release .wrapper {
  display: flex;
  margin-top: 10px; }

.press-release .content {
  color: #707070;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px; }

.press-release .image {
  flex-shrink: 0;
  margin-right: 10px;
  width: 90px;
  height: 90px; }
  .press-release .image img {
    max-width: 100%; }

@media (min-width: 768px) {
  .press-release .content-wrapper {
    padding-top: 30px;
    padding-bottom: 30px; }
  .press-release time + cite {
    border-left: 2px solid #b8b8b8;
    margin-left: 12px;
    padding-left: 12px; }
  .press-release time,
  .press-release cite {
    display: inline; }
  .press-release .title, .press-release .med-pub .title > a, .med-pub .press-release .title > a, .press-release .small-pub .title > a, .small-pub .press-release .title > a {
    font-size: 21px;
    line-height: 26px;
    margin-bottom: 15px; }
  .press-release .image {
    margin-right: 20px; }
  .press-release p {
    font-size: 14px;
    line-height: 19px; } }

.press-release-deepmode h1 {
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-size: 26px;
  line-height: 35px;
  margin-bottom: 45px; }
  @media (min-width: 500px) {
    .press-release-deepmode h1 {
      font-size: 28px;
      line-height: 36px;
      margin-bottom: 35px; } }
  @media (min-width: 768px) {
    .press-release-deepmode h1 {
      font-size: 35px;
      line-height: 44px; } }

.press-release-deepmode h3 {
  font-size: 16px;
  line-height: 21px; }
  @media (min-width: 768px) {
    .press-release-deepmode h3 {
      font-size: 18px;
      line-height: 27px; } }

.press-release-deepmode .cta {
  display: inline-flex;
  text-transform: uppercase;
  font-weight: bold;
  color: #32c77f; }
  .press-release-deepmode .cta p {
    color: inherit; }
  .press-release-deepmode .cta span {
    font-size: 24px;
    color: inherit; }

.press-release-deepmode .press-release-linklist {
  margin-bottom: 55px; }
  .press-release-deepmode .press-release-linklist ul {
    margin-top: 55px; }

.press-release-date {
  margin-bottom: 35px; }
  .press-release-date time,
  .press-release-date cite {
    color: #b7b7b7;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
    display: block; }
  .press-release-date cite {
    font-style: normal; }
    .press-release-date cite a {
      color: #b7b7b7; }
      .press-release-date cite a:hover {
        color: #32c77f; }
  @media (min-width: 768px) {
    .press-release-date time + cite {
      border-left: 2px solid #b8b8b8;
      margin-left: 12px;
      padding-left: 12px; }
    .press-release-date time,
    .press-release-date cite {
      display: inline; } }

.press-release-deepmode .press-release-date {
  margin-top: 15px;
  margin-bottom: 15px; }
  .press-release-deepmode .press-release-date time {
    color: #197a56; }

.social-feed .inner-grid-wrapper > a {
  display: block;
  position: relative;
  border: 1px solid #32c77f;
  margin-bottom: 20px; }
  .trending .social-feed .inner-grid-wrapper > a {
    border: none;
    margin-bottom: 0; }
  .social-feed .inner-grid-wrapper > a:hover {
    background: #f2f2f2;
    border: 1px solid #f2f2f2; }

.social-feed .video-js.vjs-youtube {
  height: 0;
  padding-top: 56.25%; }

.social-feed .wrapper {
  padding: 20px; }

.social-feed .media {
  max-width: 100%;
  display: block; }

.social-feed .play-button {
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 50px;
  color: #32c77f;
  background: #fff; }
  .social-feed .play-button:before {
    height: 50px;
    width: 50px;
    font-family: 'dotBCG-Icons'; }

.social-feed time {
  font-weight: 700;
  color: #b7b7b7;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 10px; }

.social-feed .content {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: #333333;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 25px; }

.social-feed .link {
  color: #3fad93; }
  .social-feed .link:hover {
    color: #00532f; }

.social-feed .social-platform {
  margin-right: 8px;
  font-family: 'dotBCG-Icons';
  vertical-align: text-top; }

.social-feed .social-platform,
.social-feed cite {
  text-transform: uppercase;
  font-size: 14px;
  color: #b7b7b7;
  font-style: normal; }

.social-feed cite {
  font-weight: 700;
  vertical-align: super; }

.social-feed .avatar {
  float: right;
  width: 50px;
  height: 50px;
  margin-left: 40px;
  margin-bottom: 10px; }
  .social-feed .avatar img {
    max-width: 100%; }

.social-full .twitter-timeline {
  width: 100% !important; }

/* Comment-A:  Pull quote changes resulted in image gallery not showing indicator and share icon on
  same line as the caption. This is targetted for image-gallery only

  Comment-B:
    caption is position:absolute, so it's out of the flow
    margin is added to the picture so that we have the "space" that caption should be using
    share bar is given matching negative margin so that it goes into the space where the caption should be
    it then gets positive bottom margin so that nothing else gets "sucked up" into its negative space

  Comment-C:
    If you use bottom, instead of top, it'll grow from the bottom and overlap the image

  Comment-D:
    Adding [class] because the CSS cleaner sees some other selector out there with margin-bottom, and removes this one

  Comment-E:
    have to use position:relative instead of negative margin,
    negative margin will cause the share icon to not work
    position:relative, if caption is multiline, causes share bar to not line with top line
    adding 8px will resolve this (and, oddly, doesn't make it worse if it wraps to 3 lines)

*/
.image-gallery-carousel {
  -webkit-animation: repaint infinite 1s; }
  .image-gallery-carousel .slick-slide {
    position: relative;
    padding-bottom: 19px;
    padding-left: 0; }
    .image-gallery-carousel .slick-slide picture {
      background-color: #f2f2f2; }
    .image-gallery-carousel .slick-slide figcaption {
      box-sizing: border-box;
      position: relative;
      font-size: 14px;
      line-height: 19px; }
      @media (min-width: 768px) {
        .image-gallery-carousel .slick-slide figcaption {
          padding: 0 57px 0 57px; } }
  .image-gallery-carousel .image-gallery-bar[class] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    line-height: 19px;
    position: absolute;
    top: -65px;
    height: 1px; }
    .image-gallery-carousel .image-gallery-bar[class] .share {
      margin-right: 0; }
  @media (min-width: 768px) {
    .image-gallery-carousel.noSlideNav figcaption {
      padding-right: 57px; } }
  @media (min-width: 768px) {
    .image-gallery-carousel.noShare figcaption {
      padding-right: 0; } }
  @media (min-width: 768px) {
    .image-gallery-carousel.noShare:not(.hasIndicator) figcaption {
      padding-top: 10px; } }
  .image-gallery-carousel.hasShare picture {
    margin-bottom: 20px; }
  .image-gallery-carousel.hasShare figcaption {
    padding-right: 65px !important;
    top: calc(100% - 57px); }
  .image-gallery-carousel.noIndicator figcaption {
    padding-left: 0; }
  .image-gallery-carousel.hasIndicator figcaption {
    padding-left: 57px;
    top: calc(100% - 57px); }
  .image-gallery-carousel.hasIndicator picture {
    margin-bottom: 20px; }

.deepmode .image-gallery-carousel {
  background-color: #ebebeb; }

.qa-hide {
  display: none; }

.qa-carousel {
  /*Q and A Carousel*/ }
  .qa-carousel .clear {
    clear: both; }
  .qa-carousel .carousel-wrapper {
    display: flex; }
  .qa-carousel .qa-carousel-bg {
    padding: 40px 0 0 0;
    will-change: transform; }
    .qa-carousel .qa-carousel-bg .outer-grid-wrapper:first-child {
      margin-top: 0; }
  .deepmode .qa-carousel .qa-carousel-bg {
    background-color: transparent; }
    .deepmode .qa-carousel .qa-carousel-bg .qa-carousel {
      background-color: #f2f2f2;
      padding-top: 30px; }
      @media (min-width: 500px) {
        .deepmode .qa-carousel .qa-carousel-bg .qa-carousel {
          padding-top: 0; } }
      .deepmode .qa-carousel .qa-carousel-bg .qa-carousel .qa-carousel-side {
        display: flex;
        flex-direction: column;
        justify-content: center; }
        @media (min-width: 500px) {
          .deepmode .qa-carousel .qa-carousel-bg .qa-carousel .qa-carousel-side {
            width: 15%;
            margin: 0 0 0 5%; } }

.deepmode .qa-carousel .grid-row {
  background: #fff; }

.qa-carousel-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  float: none;
  width: 35%;
  margin-left: 5%; }
  @media (min-width: 500px) {
    .qa-carousel-side {
      width: 15%;
      float: left; } }
  .qa-carousel-side .q-and-a-carousel-copy {
    display: flex;
    flex-direction: column; }
    .qa-carousel-side .q-and-a-carousel-copy .carousel-name {
      color: #00532f;
      font-weight: bold;
      margin-bottom: 0; }
    .qa-carousel-side .q-and-a-carousel-copy .carousel-position {
      color: #939393; }
    .qa-carousel-side .q-and-a-carousel-copy .carousel-name {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; }
    .qa-carousel-side .q-and-a-carousel-copy .carousel-position {
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      -ms-flex-order: 3;
      -webkit-order: 3;
      order: 3; }

.qa-carousel-container {
  width: 100%;
  float: none; }
  @media (min-width: 500px) {
    .qa-carousel-container {
      width: 80%;
      float: right; } }
  .qa-carousel-container a {
    outline: none; }
  .qa-carousel-container .slick-slide {
    opacity: .5; }
    .qa-carousel-container .slick-slide img {
      transform: matrix(0.8, 0, 0, 0.8, 0, 0);
      -webkit-transform: matrix(0.8, 0, 0, 0.8, 0, 0);
      -moz-transform: matrix(0.8, 0, 0, 0.8, 0, 0);
      -ms-transform: matrix(0.8, 0, 0, 0.8, 0, 0);
      transform-origin: bottom center;
      -webkit-transform-origin: bottom center;
      -moz-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
      max-height: 280px;
      max-width: 180px; }
  .qa-carousel-container .slick-current {
    opacity: 1; }
    .qa-carousel-container .slick-current img {
      transform: inherit;
      -webkit-transform: inherit;
      -moz-transform: inherit;
      -ms-transform: inherit; }

/*===============
# Single Pull Quote in Green Text
===============*/
.single-green-quote {
  font-weight: 200;
  font-style: italic;
  color: #197a56;
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 50px; }
  .single-green-quote .share:hover {
    cursor: pointer; }
  .container-4 .single-green-quote {
    flex-direction: column; }
  @media (min-width: 768px) {
    .single-green-quote {
      font-size: 30px;
      line-height: 43px; } }
  @media (min-width: 1280px) {
    .single-green-quote {
      font-size: 35px;
      line-height: 50px; } }
  .single-green-quote p span {
    font-size: 14px;
    color: #b7b7b7; }
    .single-green-quote p span:before {
      padding-right: 10px; }
    @media (min-width: 768px) {
      .single-green-quote p span {
        font-size: 16px;
        padding-left: 15px; } }
  .single-green-quote .author {
    font-weight: 700;
    color: #197a56;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase; }
    @media (min-width: 768px) {
      .single-green-quote .author {
        font-size: 18px; } }

/*===============
#PULL-QUOTE-CAROUSEL
===============*/
.pull-quote-carousel {
  margin-bottom: 20px; }
  .pull-quote-carousel .owl-item.active {
    margin-right: 20px; }
  .pull-quote-carousel.green-background .inner-grid-wrapper {
    background-color: #32c77f; }
    .pull-quote-carousel.green-background .inner-grid-wrapper .quote {
      color: white; }
      .pull-quote-carousel.green-background .inner-grid-wrapper .quote:before {
        color: white; }
    .pull-quote-carousel.green-background .inner-grid-wrapper .people-attribution .container .content .name, .pull-quote-carousel.green-background .inner-grid-wrapper .people-attribution .container .content .role, .pull-quote-carousel.green-background .inner-grid-wrapper .people-attribution .container .content .office, .pull-quote-carousel.green-background .inner-grid-wrapper .people-attribution .container .content a {
      color: #00532f; }
  .pull-quote-carousel.green-text .inner-grid-wrapper .quote {
    font-weight: 200;
    font-style: italic;
    font-size: 20px;
    line-height: 30px; }
    @media (min-width: 768px) {
      .pull-quote-carousel.green-text .inner-grid-wrapper .quote {
        font-size: 35px;
        line-height: 50px; } }
    @media (min-width: 500px) {
      .pull-quote-carousel.green-text .inner-grid-wrapper .quote {
        font-size: 30px;
        line-height: 43px; } }
  .pull-quote-carousel.green-text .inner-grid-wrapper .people-attribution .container .content .name, .pull-quote-carousel.green-text .inner-grid-wrapper .people-attribution .container .content .role, .pull-quote-carousel.green-text .inner-grid-wrapper .people-attribution .container .content .office, .pull-quote-carousel.green-text .inner-grid-wrapper .people-attribution .container .content a {
    font-weight: 700;
    font-size: 14px;
    color: #197a56; }
    @media (min-width: 500px) {
      .pull-quote-carousel.green-text .inner-grid-wrapper .people-attribution .container .content .name, .pull-quote-carousel.green-text .inner-grid-wrapper .people-attribution .container .content .role, .pull-quote-carousel.green-text .inner-grid-wrapper .people-attribution .container .content .office, .pull-quote-carousel.green-text .inner-grid-wrapper .people-attribution .container .content a {
        font-size: 18px; } }
  .pull-quote-carousel .pull-quote-carousel {
    margin-bottom: 0; }
  .pull-quote-carousel .pull-quote-image {
    align-self: flex-end;
    max-width: 50%;
    margin-right: 15px;
    display: block; }
    .pull-quote-carousel .pull-quote-image + .quote {
      margin-bottom: 35px;
      word-wrap: break-word; }
      @media (min-width: 500px) {
        .pull-quote-carousel .pull-quote-image + .quote {
          margin-bottom: 30px; } }
  .pull-quote-carousel .owl-stage-outer {
    margin-bottom: 35px; }
  .pull-quote-carousel .owl-controls {
    text-align: left; }
  .pull-quote-carousel .share {
    margin-right: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1; }

.pull-quote-carousel .owl-item > .pull-quote {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; }
  .pull-quote-carousel .owl-item > .pull-quote .pull-quote-image {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2; }
    .pull-quote-carousel .owl-item > .pull-quote .pull-quote-image + .quote + .people-attribution {
      width: calc(50% - 15px);
      margin-left: 180px;
      margin-top: -90px;
      margin-bottom: 40px; }
    .pull-quote-carousel .owl-item > .pull-quote .pull-quote-image + .quote + .people-attribution .container {
      padding-top: 0; }
  .pull-quote-carousel .owl-item > .pull-quote .people-attribution {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3; }
    .pull-quote-carousel .owl-item > .pull-quote .people-attribution .name, .pull-quote-carousel .owl-item > .pull-quote .people-attribution a {
      color: #707070; }

.pull-quote-carousel .owl-item .quote {
  width: 100%; }

.pull-quote-carousel .quote {
  margin-bottom: 50px; }

.pull-quote-carousel .people-attribution {
  min-height: 50px; }
  .pull-quote-carousel .people-attribution .container {
    padding-top: 0; }

.pull-quote-carousel .inner-grid-wrapper {
  padding-top: 35px;
  background-color: #F2F2F2; }
  .pull-quote-carousel .inner-grid-wrapper .carousel-wrapper:after {
    content: " ";
    width: 110%;
    height: 55px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -8.5%;
    background-color: white; }
    @media (min-width: 768px) and (max-width: 1280px) {
      .pull-quote-carousel .inner-grid-wrapper .carousel-wrapper:after {
        margin-left: -1.5%; } }
  .pull-quote-carousel .inner-grid-wrapper .share[class] {
    bottom: 20px; }
  .pull-quote-carousel .inner-grid-wrapper .owl-controls[class] {
    position: absolute;
    z-index: 1; }

/*===============
#PULL-QUOTE-CAROUSEL #RESPONSIVE
===============*/
@media (min-width: 500px) {
  .pull-quote-carousel .pull-quote .quote {
    width: 100%;
    order: 2; }
  .pull-quote-carousel .owl-item .pull-quote .pull-quote-image {
    width: 180px;
    margin-right: 25px;
    margin-bottom: -55px;
    order: 0; }
    .pull-quote-carousel .owl-item .pull-quote .pull-quote-image + .quote {
      width: calc(100% - 205px);
      margin-bottom: 55px; }
    .pull-quote-carousel .owl-item .pull-quote .pull-quote-image + .quote + .people-attribution {
      margin-top: -45px;
      margin-bottom: 55px;
      /*it seems stupid but leave it here. see Comment-C*/
      margin-left: 210px; } }

@media (min-width: 947px) {
  .pull-quote-carousel {
    display: block; }
    .pull-quote-carousel .pull-quote-image {
      margin-right: 0;
      bottom: 0; }
      .pull-quote-carousel .pull-quote-image + .quote + .people-attribution {
        margin-top: -50px;
        margin-bottom: 50px;
        /*it seems stupid, but leave it here. See COMMENT-C*/ }
    .pull-quote-carousel .owl-item .pull-quote .quote {
      width: 100%; } }

/*===============
#PULL-QUOTE-CAROUSEL #DEEPMODE
===============*/
.deepmode-container[class] .pull-quote-carousel[class] .inner-grid-wrapper[class],
.deepmode[class] .pull-quote-carousel[class] .inner-grid-wrapper[class] {
  padding-right: 15%;
  margin-right: 0; }
  .deepmode-container[class] .pull-quote-carousel[class] .inner-grid-wrapper[class] .carousel-wrapper:after,
  .deepmode[class] .pull-quote-carousel[class] .inner-grid-wrapper[class] .carousel-wrapper:after {
    background-color: #eeeded;
    padding-left: 1.5%; }

/*===============
#PULL-QUOTE
===============*/
.pull-quote-carousel .pull-quote.non-text-panel {
  margin-bottom: 0;
  /*
* (COMMENT-A)
  BR-573: containerheight  set to 110.
  margin-bottom of quote and people attribution is 55px. 55 *2 = 110.
  if those margins change, change this.
  (COMMENT-B)
  BR-653: padding added to pull-quote-content-wrapper
  we needed the container to take up content based on the size of content.
  This worked fine until we had people attribution with pictures. Which conveniently are wrapped in this selector
  This adds spacing needed to keep the people attribution from getting cut off at bottom
  (COMMENT-C)
  BR-689: Cutting off heads of pull quote images
  The pull-quote-image was position:absolute, meaning it didn't take up space and sometimes ruined your day (read: all the time)
  Set the .pull-quote to display flex, and then flex-row.
  But we don't have an easy way to get the image on one side an the quote + attribute on the other
  flex-column with a wrap could work, but that means a fixed height, which is the whole problem. So, it's all flex row
  That means that the quote attribution has to be manually shoved over (margin left)
  It also means that we need the quote attribution to come up. So that's negative margin
  But, when we use negative margin, that means the whole container is taking up less height... so the quote gets cut off
  For this reason, the bottom margin creates the space that we're losing with the top margin, to prevent the quote from being cut off
*/ }
  @media (max-width: 1279px) {
    .pull-quote-carousel .pull-quote.non-text-panel {
      padding-left: 20px; } }
  .pull-quote-carousel .pull-quote.non-text-panel .pull-quote-content-wrapper {
    padding-bottom: 50px; }
    .pull-quote-carousel .pull-quote.non-text-panel .pull-quote-content-wrapper .container {
      margin-bottom: 20px; }
  .pull-quote-carousel .pull-quote.non-text-panel .container {
    margin-bottom: 0;
    width: 100%;
    min-height: 100px; }

.pull-quote .people-attribution .container {
  border: none; }

.pull-quote .quote {
  color: #197a56;
  font-size: 20px;
  line-height: 29px;
  padding-top: 40px;
  position: relative; }
  .pull-quote .quote + .quote {
    padding-top: 0; }
    .pull-quote .quote + .quote:before {
      display: none; }

.pull-quote .attribution {
  display: flex;
  margin-top: 35px; }
  .pull-quote .attribution p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5; }
  .pull-quote .attribution .image {
    margin-right: 20px;
    flex-basis: 40px;
    flex-shrink: 0; }
    .pull-quote .attribution .image img {
      max-width: 100%; }

.pull-quote .title, .pull-quote .med-pub .title > a, .med-pub .pull-quote .title > a, .pull-quote .small-pub .title > a, .small-pub .pull-quote .title > a {
  font-weight: 700;
  text-transform: uppercase; }
  .pull-quote .title a {
    color: black; }

.pull-quote cite {
  font-weight: 400;
  color: #707070;
  font-size: 14px;
  line-height: 18px; }

.pq-text-wrapper {
  width: 100%; }

.featured-alumni .featured-alumni-title {
  color: #197a56;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px; }

.featured-alumni .cta-link span {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 23px;
  font-weight: bold; }
  .featured-alumni .cta-link span::before {
    margin-right: 10px;
    position: relative;
    top: 3px; }

.deepmode[class] .pull-quote-carousel[class] .inner-grid-wrapper[class] {
  padding-right: 15% !important; }
  @media (max-width: 767px) {
    .deepmode[class] .pull-quote-carousel[class] .inner-grid-wrapper[class] {
      padding-right: 0 !important; } }

.deepmode[class] .pull-quote-carousel[class] .pull-quote.non-text-panel {
  padding-top: 20px; }

.deepmode[class] .pull-quote-carousel[class] .share span {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.myth-and-reality,
.q-and-a {
  margin-bottom: 70px; }
  .myth-and-reality .grid-row,
  .q-and-a .grid-row {
    background-color: #F2F2F2; }
    .myth-and-reality .grid-row .grid-column:not(.image-gallery-carousel),
    .q-and-a .grid-row .grid-column:not(.image-gallery-carousel) {
      padding: 80px 0 40px 0; }
  .myth-and-reality .non-text-panel.spacing-override.people-attribution .outer-grid-wrapper .inner-grid-wrapper,
  .q-and-a .non-text-panel.spacing-override.people-attribution .outer-grid-wrapper .inner-grid-wrapper {
    padding: 0 15% 80px 93px; }
  .myth-and-reality .title, .myth-and-reality .med-pub .title > a, .med-pub .myth-and-reality .title > a, .myth-and-reality .small-pub .title > a, .small-pub .myth-and-reality .title > a,
  .q-and-a .title,
  .q-and-a .med-pub .title > a,
  .med-pub .q-and-a .title > a,
  .q-and-a .small-pub .title > a,
  .small-pub .q-and-a .title > a {
    margin-bottom: 40px; }
  .myth-and-reality .intro,
  .q-and-a .intro {
    margin-bottom: 60px; }
  .myth-and-reality p,
  .q-and-a p {
    margin-bottom: 18px; }
    @media (min-width: 768px) {
      .myth-and-reality p,
      .q-and-a p {
        margin-bottom: 20px; } }
  .myth-and-reality img,
  .q-and-a img {
    margin-bottom: 20px; }
  .myth-and-reality h2,
  .q-and-a h2 {
    margin-bottom: 0; }
  .myth-and-reality h1 + .intro + p,
  .q-and-a h1 + .intro + p {
    margin-top: 35px; }
  .myth-and-reality .question,
  .q-and-a .question {
    color: #197a56; }
    .myth-and-reality .question span,
    .q-and-a .question span {
      font-weight: 700;
      text-transform: uppercase; }
  .myth-and-reality .answer span,
  .q-and-a .answer span {
    font-weight: 700;
    text-transform: uppercase; }
  @media (min-width: 768px) {
    .myth-and-reality,
    .q-and-a {
      margin-bottom: 100px; } }
  .myth-and-reality .image-container,
  .q-and-a .image-container {
    margin-top: 50px;
    margin-bottom: 15px; }
  @media (max-width: 499px) {
    .myth-and-reality .outer-grid-wrapper .inner-grid-wrapper,
    .q-and-a .outer-grid-wrapper .inner-grid-wrapper {
      background-color: #F2F2F2;
      padding: 80px 20px 80px 20px; }
    .myth-and-reality .non-text-panel.spacing-override.people-attribution .outer-grid-wrapper .inner-grid-wrapper,
    .q-and-a .non-text-panel.spacing-override.people-attribution .outer-grid-wrapper .inner-grid-wrapper {
      padding: 0 20px 80px 20px; } }

.featured-content-wrapper {
  /*
    (Comment-A): Discovered with ticket BR-827
      IE (not Edge), was letting the image grow . For some reason, flex-shrink:0 stopped it
     
     (Comment-B): Ticket BR-827
       really long titles were not wrapping in IE (not edge)
       For unknown reasons, align-items: stretch forces wrapping. 
       It doesn't seem to negatively affect other browsers, but be cautious about removing this

   */ }
  .featured-content-wrapper.meet-us .title, .featured-content-wrapper.meet-us .med-pub .title > a, .med-pub .featured-content-wrapper.meet-us .title > a, .featured-content-wrapper.meet-us .small-pub .title > a, .small-pub .featured-content-wrapper.meet-us .title > a {
    color: #00532f; }
  @media (min-width: 768px) {
    .featured-content-wrapper.meet-us .content-container:last-child:nth-child(odd) .content {
      width: 100%; } }
  .featured-content-wrapper .caption {
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .featured-content-wrapper .caption {
        font-size: 14px;
        line-height: 19px;
        min-height: 2em;
        margin-bottom: 0; } }
  .featured-content-wrapper .content-container {
    display: flex;
    flex-direction: column;
    border: 1px solid #32c77f;
    margin-bottom: 20px; }
    .featured-content-wrapper .content-container .image {
      flex-shrink: 0; }
    .featured-content-wrapper .content-container.video .image {
      position: relative; }
      .featured-content-wrapper .content-container.video .image:before {
        font-family: 'dotBCG-Icons';
        color: #32c77f;
        font-size: 40px;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff; }
    .featured-content-wrapper .content-container .cta-link {
      font-weight: 700;
      margin: 0;
      font-size: 14px;
      vertical-align: middle;
      margin-top: auto; }
      .featured-content-wrapper .content-container .cta-link::before {
        padding-right: 7px; }
    .featured-content-wrapper .content-container .content {
      padding: 7px 17px;
      display: flex;
      align-items: flex-start;
      flex-grow: 1;
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: stretch;
      position: relative; }
      @media (min-width: 947px) {
        .featured-content-wrapper .content-container .content {
          padding: 14px 17px; } }
      .featured-content-wrapper .content-container .content p {
        font-size: 16px;
        line-height: 20px;
        color: #333;
        margin-bottom: 20px;
        width: 100%;
        flex-grow: 1; }
        @media (min-width: 768px) {
          .featured-content-wrapper .content-container .content p {
            line-height: 22px;
            margin-bottom: 0px; } }
        @media (min-width: 1280px) {
          .featured-content-wrapper .content-container .content p:last-of-type {
            margin-bottom: 25px; } }
    .featured-content-wrapper .content-container .title, .featured-content-wrapper .content-container .med-pub .title > a, .med-pub .featured-content-wrapper .content-container .title > a, .featured-content-wrapper .content-container .small-pub .title > a, .small-pub .featured-content-wrapper .content-container .title > a {
      color: inherit;
      font-size: 14px;
      line-height: 18px;
      text-transform: uppercase;
      width: 100%;
      margin-bottom: 5px; }
    .featured-content-wrapper .content-container .image img {
      display: block;
      max-width: 100%; }
    @media (min-width: 768px) {
      .featured-content-wrapper .content-container:last-child:nth-child(odd) {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%; }
        .featured-content-wrapper .content-container:last-child:nth-child(odd) .image,
        .featured-content-wrapper .content-container:last-child:nth-child(odd) .content {
          flex-shrink: 0;
          width: calc( (100% / 15) * 7); }
        .featured-content-wrapper .content-container:last-child:nth-child(odd) .content {
          padding-left: 20px; } }

.share-button {
  background: #32c77f;
  opacity: 0;
  left: -45px;
  top: -45px;
  color: #ffffff;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  transition: opacity 1s;
  border-radius: 7px;
  padding: 5px 15px;
  position: absolute;
  z-index: 9999;
  text-align: center;
  border: none;
  color: white; }

.share-button:hover {
  cursor: pointer; }

.share-button:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 42%;
  border-width: 15px 8px 0px;
  border-style: solid;
  border-color: #32c77f transparent;
  display: block;
  width: 0; }

.share-tooltip {
  color: #31C67E;
  position: relative;
  -webkit-transition: background .25s;
  -moz-transition: background .25s;
  -ms-transition: background .25s;
  transition: background .25s; }
  .share-tooltip.show {
    background-color: #D9D9D9;
    color: #333333; }
    .share-tooltip.show .share-button {
      opacity: 1; }
  .share-tooltip.hide .share-button {
    display: none; }

.social-share-modal {
  height: 165px;
  text-align: center;
  width: 350px; }
  @media (max-width: 499px) {
    .social-share-modal {
      width: 98%; } }
  .social-share-modal .embed-code,
  .social-share-modal .bitly-url-link {
    display: none; }
  .social-share-modal.image-share.carousel {
    background-color: #f3f3f3; }
  .social-share-modal.video-share {
    background-color: transparent; }
    .social-share-modal.video-share .embed-code {
      display: block; }
  .social-share-modal .embed-code,
  .social-share-modal .bitly-url-link {
    margin-top: 10px; }
    .social-share-modal .embed-code p,
    .social-share-modal .bitly-url-link p {
      text-align: left;
      color: #aaa;
      font-size: 14px;
      margin-bottom: 5px; }
    .social-share-modal .embed-code input,
    .social-share-modal .bitly-url-link input {
      width: 100%;
      color: #aaa;
      padding: 5px; }
    .social-share-modal .embed-code .icon-copy,
    .social-share-modal .bitly-url-link .icon-copy {
      margin-left: 5px;
      cursor: pointer; }
  .social-share-modal .bitly-url-link.open {
    display: block; }
  .social-share-modal .close-modal {
    position: absolute;
    top: -25px;
    right: 0; }
  .social-share-modal .icon-filters-close {
    display: block;
    position: absolute;
    right: 20px;
    top: -25px; }
    @media (min-width: 768px) {
      .social-share-modal .icon-filters-close {
        right: 0; } }
  .social-share-modal .share-details {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjAAAAGGCAIAAADq6CzNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAASfSURBVHja7NdBEcAgFEPBfgYTVYaX6sMC10qhlREOuxJyeZOa77oAIK3uZ1gBgLi+a1sBgHyQ2tesAMAJD8kIAOS5RwAIEgAIEgCCBACCBIAgAYAgASBIACBIAAgSAAgSAIIEAIIEgCABgCABIEgAIEgACBIACBIAggQAggSAIAGAIAEgSAAgSAAIEgAIEgCCBACCBIAgAYAgASBIACBIACBIAAgSAAgSAIIEAIIEgCABgCABIEgAIEgACBIACBIAggQAggSAIAGAIAEgSAAgSAAIEgAIEgCCBACCBIAgAYAgASBIACBIAAgSAAgSAIIEAIIEgCABgCABIEgAIEgAIEgACBIACBIAggQAggSAIAGAIAEgSAAgSAAIEgAIEgCCBACCBIAgAYAgASBIACBIAAgSAAgSAIIEAIIEgCABgCABIEgAIEgACBIACBIAggQAggSAIAGAIAGAIAEgSAAgSAAIEgAIEgCCBACCBIAgAYAgASBIACBIAAgSAAgSAIIEAIIEgCABgCABIEgAIEgACBIACBIAggQAggSAIAGAIAEgSAAgSAAIEgAIEgCCBACCBIAgAYAgAYAgASBIACBIAAgSAAgSAIIEAIIEgCABgCABIEgAIEgACBIACBIAggQAggSAIAGAIAEgSAAgSAAIEgAIEgCCBACCBIAgAYAgASBIACBIAAgSAAgSAIIEAIIEgCCZAABBAgBBAkCQAECQABAkABAkAAQJAAQJAEECAEECQJAAQJAAECQAECQABAkABAkAQQIAQQJAkABAkAAQJAAQJAAECQAECQBBAgBBAkCQAECQABAkABAkAAQJAAQJAAQJAEECAEECQJAAQJAAECQAECQABAkABAkAQQIAQQJAkABAkAAQJAAQJAAECQAECQBBAgBBAkCQAECQABAkABAkAAQJAAQJAEECAEECQJAAQJAAECQAECQABAkABAkABAkAQQIAQQJAkABAkAAQJAAQJAAECQAECQBBAgBBAkCQAECQABAkABAkAAQJAAQJAEECAEECQJAAQJAAECQAECQABAkABAkAQQIAQQJAkABAkAAQJAAQJAAQJAAECQAECQBBAgBBAkCQAECQABAkABAkAAQJAAQJAEECAEECQJAAQJAAECQAECQABAkABAkAQQIAQQJAkABAkAAQJAAQJAAECQAECQBBAgBBAkCQAECQABAkABAkABAkAAQJAAQJAEECAEECQJAAQJAAECQAECQABAkABAkAQQIAQQJAkABAkAAQJAAQJAAECQAECQBBAgBBAkCQAECQABAkABAkAAQJAAQJAEECAEECQJAAQJAAECQAECQAECQABAkABAkAQQIAQQJAkABAkAAQJAAQJAAECQAECQBBAgBBAkCQAECQABAkABAkAAQJAAQJAEECAEECQJAAQJAAECQAECQABAkABAkAQQIAQQJAkABAkABAkAAQJAAQJAAECQAECQBBAgBBAkCQAECQABAkABAkAAQJAAQJAEECAEECQJAAQJAAECQAECQABAkABAkAQQIAQQJAkABAkAAQJAAQJAAECQAECQBBAoCYHwAA//8DAIfHCnHn9Ei+AAAAAElFTkSuQmCC") no-repeat;
    width: 350px;
    height: 165px;
    margin: 0 0 20px 0;
    padding: 20px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 499px) {
      .social-share-modal .share-details {
        width: 100%; } }
    .social-share-modal .share-details p {
      font-size: 16px;
      color: white; }
  .social-share-modal.tooltip .social-share-modal {
    display: flex;
    justify-content: center; }
  .social-share-modal.share-page .follow-text {
    display: block;
    text-align: center;
    font-size: 26px; }
    @media (min-width: 768px) {
      .social-share-modal.share-page .follow-text {
        font-size: 30px; } }
  .social-share-modal .region-media-links,
  .social-share-modal .social-media-links,
  .social-share-modal .social-media-follow-links {
    display: block;
    text-align: center; }
    @media (min-width: 768px) {
      .social-share-modal .region-media-links,
      .social-share-modal .social-media-links,
      .social-share-modal .social-media-follow-links {
        text-align: center; } }
    .social-share-modal .region-media-links a,
    .social-share-modal .social-media-links a,
    .social-share-modal .social-media-follow-links a {
      color: #b7b7b7;
      margin: 10px 15px 0 0;
      display: inline-block;
      font-size: 40px; }
      .social-share-modal .region-media-links a img,
      .social-share-modal .social-media-links a img,
      .social-share-modal .social-media-follow-links a img {
        display: none; }
      .social-share-modal .region-media-links a:hover,
      .social-share-modal .social-media-links a:hover,
      .social-share-modal .social-media-follow-links a:hover {
        color: #fff; }
      .social-share-modal .region-media-links a.icon-social-share-gonway:hover,
      .social-share-modal .social-media-links a.icon-social-share-gonway:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-gonway:hover {
        background-color: #fba31f; }
      .social-share-modal .region-media-links a.icon-social-share-twitter2:hover,
      .social-share-modal .social-media-links a.icon-social-share-twitter2:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-twitter2:hover {
        background-color: #7bcbee; }
      .social-share-modal .region-media-links a.icon-social-share-linkedin2:hover,
      .social-share-modal .social-media-links a.icon-social-share-linkedin2:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-linkedin2:hover {
        background-color: #1384c6; }
      .social-share-modal .region-media-links a.icon-social-share-facebook2:hover,
      .social-share-modal .social-media-links a.icon-social-share-facebook2:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-facebook2:hover {
        background-color: #537abb; }
      .social-share-modal .region-media-links a.icon-social-share-instagram2:hover,
      .social-share-modal .social-media-links a.icon-social-share-instagram2:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-instagram2:hover {
        background-color: #125688; }
      .social-share-modal .region-media-links a.icon-social-share-youtube-hover:hover,
      .social-share-modal .social-media-links a.icon-social-share-youtube-hover:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-youtube-hover:hover {
        background-color: #d21a21; }
      .social-share-modal .region-media-links a.icon-social-share-google2:hover,
      .social-share-modal .social-media-links a.icon-social-share-google2:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-google2:hover {
        background-color: #e96349; }
      .social-share-modal .region-media-links a.icon-social-share-email2:hover,
      .social-share-modal .social-media-links a.icon-social-share-email2:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-email2:hover {
        background-color: #31c67e; }
      .social-share-modal .region-media-links a.icon-social-share-xing:hover,
      .social-share-modal .social-media-links a.icon-social-share-xing:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-xing:hover {
        background-color: #00605e; }
      .social-share-modal .region-media-links a.icon-social-share-VK:hover,
      .social-share-modal .social-media-links a.icon-social-share-VK:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-VK:hover {
        background-color: #4c75a3; }
      .social-share-modal .region-media-links a.icon-social-share-wechat:hover,
      .social-share-modal .social-media-links a.icon-social-share-wechat:hover,
      .social-share-modal .social-media-follow-links a.icon-social-share-wechat:hover {
        background-color: #00d10d; }
        .social-share-modal .region-media-links a.icon-social-share-wechat:hover img,
        .social-share-modal .social-media-links a.icon-social-share-wechat:hover img,
        .social-share-modal .social-media-follow-links a.icon-social-share-wechat:hover img {
          position: absolute;
          width: 200px;
          height: 200px;
          right: 20%;
          top: 13%;
          border: 1px solid #197a56; }
      .social-share-modal .region-media-links a.shorten-url-icon,
      .social-share-modal .social-media-links a.shorten-url-icon,
      .social-share-modal .social-media-follow-links a.shorten-url-icon {
        width: 40px;
        height: 40px;
        margin-left: 10px; }
        .social-share-modal .region-media-links a.shorten-url-icon:hover,
        .social-share-modal .social-media-links a.shorten-url-icon:hover,
        .social-share-modal .social-media-follow-links a.shorten-url-icon:hover {
          background-color: darkgrey; }
        .social-share-modal .region-media-links a.shorten-url-icon .icon-cta-link-no-circle,
        .social-share-modal .social-media-links a.shorten-url-icon .icon-cta-link-no-circle,
        .social-share-modal .social-media-follow-links a.shorten-url-icon .icon-cta-link-no-circle {
          font-size: 13px;
          transform: rotate(125deg);
          display: inline-block;
          position: relative;
          left: 5px;
          top: -7px; }
      .social-share-modal .region-media-links a:after,
      .social-share-modal .social-media-links a:after,
      .social-share-modal .social-media-follow-links a:after {
        width: 40px;
        height: 40px; }
  .social-share-modal .follow-text,
  .social-share-modal .title,
  .social-share-modal .med-pub .title > a,
  .med-pub .social-share-modal .title > a,
  .social-share-modal .small-pub .title > a,
  .small-pub .social-share-modal .title > a,
  .social-share-modal .social-media-follow-links {
    display: none; }

.social-share-follow-modal {
  height: auto;
  border: 1px solid #b8b8b8;
  padding: 20px;
  background-color: white; }
  .social-share-follow-modal .close-modal {
    top: -30px; }
  .social-share-follow-modal .title, .social-share-follow-modal .med-pub .title > a, .med-pub .social-share-follow-modal .title > a, .social-share-follow-modal .small-pub .title > a, .small-pub .social-share-follow-modal .title > a,
  .social-share-follow-modal .region-media-links,
  .social-share-follow-modal .social-media-links {
    display: block;
    text-align: left; }
    @media (max-width: 767px) {
      .social-share-follow-modal .title, .social-share-follow-modal .med-pub .title > a, .med-pub .social-share-follow-modal .title > a, .social-share-follow-modal .small-pub .title > a, .small-pub .social-share-follow-modal .title > a,
      .social-share-follow-modal .region-media-links,
      .social-share-follow-modal .social-media-links {
        text-align: center; } }
  .social-share-follow-modal .shareImage {
    display: none; }
  .social-share-follow-modal .follow-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .social-share-follow-modal .follow-text {
        font-size: 30px;
        display: block; } }
  .social-share-follow-modal .title, .social-share-follow-modal .med-pub .title > a, .med-pub .social-share-follow-modal .title > a, .social-share-follow-modal .small-pub .title > a, .small-pub .social-share-follow-modal .title > a {
    color: #197a56;
    font-weight: bold;
    padding-top: 20px;
    text-transform: uppercase; }

/*
   Putting in an override specifically for mobile landscape (BR-559).
   This should really be revisited and a proper responsive modal be built
   or a new plugin found.
*/
@media (max-width: 946px) and (orientation: landscape) {
  .social-share-follow-modal {
    transform: translateY(50px); }
  .social-share-follow-modal .social-share-container,
  .social-share-modal.carousel .social-share-container {
    max-height: 228px;
    /* Have to set a height, but there is no spec chose 228px */
    overflow-y: auto; } }

.recruiting-team .container {
  margin-bottom: 25px; }
  .recruiting-team .container:last-child .text-panel {
    margin-bottom: 0; }
  .recruiting-team .container:last-child p:last-child {
    margin-bottom: 0; }

.recruiting-team .team-list-item {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 40px; }
  .recruiting-team .team-list-item .person:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .recruiting-team .team-list-item .person .image {
    margin-right: 0; }
  .recruiting-team .team-list-item .person .container-content {
    display: flex; }
    .recruiting-team .team-list-item .person .container-content > a, .recruiting-team .team-list-item .person .container-content > .image {
      flex-shrink: 0; }
    .recruiting-team .team-list-item .person .container-content img {
      margin-right: 20px; }
    .recruiting-team .team-list-item .person .container-content .info .name {
      margin-bottom: 0; }
    .recruiting-team .team-list-item .person .container-content .info .name,
    .recruiting-team .team-list-item .person .container-content .info .name a {
      text-transform: uppercase;
      color: #197a56;
      font-size: 18px;
      font-family: inherit;
      font-weight: 700; }
    .recruiting-team .team-list-item .person .container-content .info .name a {
      color: #3fad93; }
      .recruiting-team .team-list-item .person .container-content .info .name a:hover {
        color: #197a56; }
    .recruiting-team .team-list-item .person .container-content .info .job-title {
      text-transform: uppercase;
      color: black;
      font-size: 18px;
      font-weight: 200; }

.personel-list-item {
  display: flex;
  color: #707070;
  font-size: 14px;
  line-height: 1.3;
  border-bottom: 1px solid #b8b8b8;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .personel-list-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .personel-list-item .image {
    flex-shrink: 0;
    width: 50px;
    margin-right: 15px; }
  .personel-list-item .title, .personel-list-item .med-pub .title > a, .med-pub .personel-list-item .title > a, .personel-list-item .small-pub .title > a, .small-pub .personel-list-item .title > a {
    font-weight: 700; }
  .personel-list-item .name {
    font-weight: 300; }
  .personel-list-item .tel {
    font-weight: 300; }
  .personel-list-item .mail {
    align-self: flex-end;
    margin-left: auto; }
    .personel-list-item .mail a {
      color: #b7b7b7; }
  .personel-list-item .icon-social-bio-email:hover {
    color: #32c77f; }

.impact-story {
  margin-bottom: 20px; }
  .impact-story h1 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .impact-story h2 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .impact-story h3 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .impact-story h4 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .impact-story h5 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .impact-story h6 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .impact-story p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .impact-story picture {
    display: block;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .impact-story picture {
        margin-bottom: 0; } }
  .impact-story p {
    font-size: 18px;
    line-height: 1.5; }
  .impact-story .text-panel {
    padding-top: 0;
    padding-left: 20px;
    margin-bottom: 0; }
    .impact-story .text-panel .eyebrow {
      line-height: 1;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 15px;
      text-transform: uppercase; }
    .impact-story .text-panel .headline {
      font-weight: 100;
      margin-bottom: 10px; }
    .impact-story .text-panel .body-copy {
      font-weight: 100;
      margin-bottom: 20px; }
  .impact-story .cta {
    display: flex; }
    .impact-story .cta span {
      font-size: 24px;
      line-height: 30px; }
      .impact-story .cta span:before {
        margin: auto; }
      .impact-story .cta span:hover {
        color: #00532f; }
        .impact-story .cta span:hover:before {
          color: #00532f; }
  .impact-story.container-14 .grid-row, .impact-story.container-15 .grid-row {
    border: 1px solid #32c77f; }
  .impact-story.container-14 .text-panel, .impact-story.container-15 .text-panel {
    padding-bottom: 13px; }
    .impact-story.container-14 .text-panel .eyebrow, .impact-story.container-15 .text-panel .eyebrow {
      color: #707070; }
    .impact-story.container-14 .text-panel .headline, .impact-story.container-15 .text-panel .headline {
      font-size: 20px;
      line-height: 25px;
      color: #000; }
  .impact-story.container-20 .text-panel .eyebrow {
    color: #32c77f; }
  .impact-story.container-20 .text-panel .headline {
    font-size: 30px;
    line-height: 36px;
    color: #333;
    margin-bottom: 15px; }
  .impact-story.container-20 .text-panel .body-copy {
    font-size: 19px;
    line-height: 28px;
    color: #333; }
  @media (max-width: 767px) {
    .impact-story.container-14 .text-panel, .impact-story.container-15 .text-panel {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 768px) {
    .impact-story.container-14 .text-panel, .impact-story.container-15 .text-panel {
      padding-top: 20px;
      padding-bottom: 18px; }
      .impact-story.container-14 .text-panel .headline, .impact-story.container-15 .text-panel .headline {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 15px; }
    .impact-story.container-20 .text-panel {
      padding-left: 0; }
    .impact-story.container-14 .text-panel {
      padding-right: 20px; }
    .impact-story.container-15 .text-panel {
      padding-left: 20px; }
    .impact-story.container-20 {
      margin-top: calc(153px - 51px - 51px); }
      .impact-story.container-20 .text-panel {
        padding-top: 30px; }
        .impact-story.container-20 .text-panel .headline {
          font-size: 48px;
          line-height: 54px;
          margin-bottom: 20px; }
        .impact-story.container-20 .text-panel .body-copy {
          font-size: 22px;
          line-height: 31px; } }
  @media (min-width: 947px) {
    .impact-story .text-panel .body-copy {
      margin-bottom: 24px; }
    .impact-story.container-14 .text-panel .headline, .impact-story.container-15 .text-panel .headline {
      font-size: 25px;
      line-height: 30px; }
    .impact-story.container-20 .text-panel {
      padding-top: 40px; }
      .impact-story.container-20 .text-panel .headline {
        font-size: 60px;
        line-height: 66px; }
      .impact-story.container-20 .text-panel .body-copy {
        font-size: 24px;
        line-height: 33px; } }
  @media (min-width: 1280px) {
    .impact-story.container-20 {
      margin-top: calc(198px - 66px - 66px); } }

.pull-quote {
  margin-bottom: 20px; }
  .pull-quote h1, .pull-quote h2, .pull-quote h3 {
    font-size: inherit;
    color: inherit;
    line-height: inherit; }
  .pull-quote p {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    font-size: 14px;
    color: inherit;
    line-height: inherit; }
  @media (min-width: 768px) {
    .pull-quote p {
      font-size: inherit; } }
  .pull-quote .quote {
    width: 100%;
    color: #197a56;
    font-size: 20px;
    line-height: 29px;
    padding-top: 40px;
    position: relative;
    background-color: #eeeded; }
  .pull-quote .title, .pull-quote .med-pub .title > a, .med-pub .pull-quote .title > a, .pull-quote .small-pub .title > a, .small-pub .pull-quote .title > a {
    font-weight: 700;
    text-transform: uppercase; }
    .pull-quote .title a {
      color: black; }
  .pull-quote cite {
    font-weight: 400;
    color: #707070;
    font-size: 14px;
    line-height: 18px; }
  .pull-quote .panel.has-image {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .pull-quote .panel.has-image {
        flex-direction: row; } }
    .pull-quote .panel.has-image picture + .quote-content {
      margin-left: 15px; }
  .pull-quote .panel .icon-archetype-quote-commentary {
    margin-bottom: 20px;
    display: block;
    font-size: 23px;
    color: #b7b7b7; }
  .pull-quote .panel .quote-content {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .pull-quote .panel .quote-content {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2; } }
    .pull-quote .panel .quote-content .people-attribution .container {
      width: 100%;
      border: none;
      margin-bottom: 0; }

.pull-quote-image {
  align-self: flex-end;
  flex-shrink: 0;
  display: block;
  order: 2; }
  @media (min-width: 768px) {
    .pull-quote-image {
      order: 1; } }
  .pull-quote-image img {
    width: auto; }
    @media (max-width: 767px) {
      .pull-quote-image img {
        max-height: 200px; } }

.notch {
  background-color: white;
  margin-left: 0; }
  @media (min-width: 768px) {
    .notch {
      background-color: #eeeded; } }

.notch-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.share {
  color: #b7b7b7;
  font-size: 14px;
  cursor: pointer; }
  @media (min-width: 768px) {
    .share {
      margin-right: 20px;
      font-size: 16px; } }
  .share .desktop {
    display: none; }
    @media (min-width: 768px) {
      .share .desktop {
        display: inline-block;
        margin-left: 5px; } }

.pull-quote.green-text .quote {
  background-color: transparent; }

.pull-quote.green-text .quote-container {
  font-weight: 200;
  font-style: italic;
  font-size: 20px;
  line-height: 30px; }
  @media (min-width: 768px) {
    .pull-quote.green-text .quote-container {
      font-size: 35px;
      line-height: 50px; } }
  @media (min-width: 500px) {
    .pull-quote.green-text .quote-container {
      font-size: 30px;
      line-height: 43px; } }
  .pull-quote.green-text .quote-container .author {
    font-weight: 700;
    display: block;
    font-size: 14px;
    text-transform: uppercase; }
    @media (min-width: 947px) {
      .pull-quote.green-text .quote-container .author {
        font-size: 18px; } }
  .pull-quote.green-text .quote-container .icon-archetype-quote-commentary {
    display: none; }
  .pull-quote.green-text .quote-container p, .pull-quote.green-text .quote-container div {
    display: inline; }

.pull-quote.green-text .people-attribution .container .content .name, .pull-quote.green-text .people-attribution .container .content .role, .pull-quote.green-text .people-attribution .container .content .office, .pull-quote.green-text .people-attribution .container .content a {
  font-weight: 700;
  font-size: 14px;
  color: #197a56; }
  @media (min-width: 500px) {
    .pull-quote.green-text .people-attribution .container .content .name, .pull-quote.green-text .people-attribution .container .content .role, .pull-quote.green-text .people-attribution .container .content .office, .pull-quote.green-text .people-attribution .container .content a {
      font-size: 18px; } }

.pull-quote.green-text .share {
  display: inline; }

.deepmode .pull-quote .quote {
  background-color: #f2f2f2; }

@media (min-width: 768px) {
  .deepmode .pull-quote .notch {
    background-color: #f2f2f2; } }

.deepmode .pull-quote .notch .notch-bar {
  background-color: #ebebeb; }

.deepmode .pull-quote .nav-dot {
  background-color: #859791;
  opacity: .5; }
  .deepmode .pull-quote .nav-dot:hover, .deepmode .pull-quote .nav-dot:active {
    opacity: 1; }

.deepmode .collapsed-content .container-1 .grid-row {
  margin-left: 0; }
  .deepmode .collapsed-content .container-1 .grid-row .carousels {
    width: 100%; }

.pull-quote.green-background .notch {
  background-color: white; }
  @media (min-width: 768px) {
    .pull-quote.green-background .notch {
      background-color: #32c77f; } }

.pull-quote.green-background .quote {
  background-color: #32c77f;
  color: white; }
  .pull-quote.green-background .quote .icon-archetype-quote-commentary {
    margin-bottom: 20px;
    display: block;
    font-size: 23px;
    color: white; }

.pull-quote.green-background .people-attribution .container .content .name, .pull-quote.green-background .people-attribution .container .content .role, .pull-quote.green-background .people-attribution .container .content .office, .pull-quote.green-background .people-attribution .container .content a {
  color: #00532f; }

.search-carousel {
  border: 1px solid #32c77f; }
  .search-carousel .carousel-controls, .search-carousel .indicator {
    display: none; }
  .search-carousel figcaption {
    margin: 20px; }
  .search-carousel .share {
    margin-left: 20px; }
  .search-carousel :focus {
    outline: 0; }

.green-tile-parent {
  background-color: #32c77f; }
  .green-tile-parent .panel {
    background-color: #fff; }
  .green-tile-parent .green-tile {
    background-color: #32c77f; }
    .green-tile-parent .green-tile figcaption p {
      font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
      font-weight: 400;
      color: white;
      font-size: 26px;
      line-height: 27px; }
      @media (min-width: 768px) {
        .green-tile-parent .green-tile figcaption p {
          font-size: 30px;
          line-height: 60px; } }
      @media (min-width: 947px) {
        .green-tile-parent .green-tile figcaption p {
          font-size: 60px;
          line-height: 70px; } }

.carousels {
  height: 260px;
  overflow: hidden; }
  .carousels.init-finished {
    height: auto;
    overflow: visible; }
  .carousels .caption-social p {
    color: #b7b7b7;
    font-size: 12px;
    line-height: 1.33;
    text-align: justify;
    padding-top: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    word-wrap: break-word;
    margin: auto;
    font-weight: 700;
    font-style: normal; }
  .carousels .slick-dots {
    display: none; }

.nav-dot-container {
  display: flex;
  flex-direction: row;
  margin: auto 0;
  background-color: white; }

.deepmode .nav-dot-container {
  background-color: #ebebeb; }

.deepmode .nav-dot.active {
  background-color: #00532f; }

.search-carousel .nav-dot-container {
  padding: 0 0 20px 20px; }

.nav-dot {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 15px;
  cursor: pointer; }

.nav-dot {
  background-color: #ebebeb; }
  .nav-dot.active {
    background-color: #00532f; }
  .nav-dot:hover, .nav-dot:active {
    background-color: #869791; }

.green-tile .nav-dot {
  background-color: white; }
  .green-tile .nav-dot.active {
    background-color: #00532f; }
  .green-tile .nav-dot:hover, .green-tile .nav-dot:active {
    background-color: #869791; }

/* Make zooming scrollable */
.zoom-modal {
  overflow: auto;
  max-width: 90%;
  max-height: 90%; }

.zoom-modal img {
  width: auto;
  height: auto !important; }

.modal.bcg-modal a.icon-filters-close.custom.zoom-image-close {
  top: 12px;
  right: 12px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 4px; }

.image-gallery-carousel {
  position: relative;
  margin-bottom: 20px; }
  .image-gallery-carousel .icon-archetype_zoom {
    position: absolute;
    top: 0;
    right: 0; }
  .image-gallery-carousel h3 {
    margin: 0 0 10px 0; }
  .image-gallery-carousel p {
    margin: 0; }
  .image-gallery-carousel .carousel-controls {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0; }
  .image-gallery-carousel .next.hide, .image-gallery-carousel .prev.hide, .image-gallery-carousel .zoom.hide {
    display: none; }
  @media (max-width: 946px) {
    .image-gallery-carousel .zoom {
      display: none; } }
  .image-gallery-carousel .image-gallery-bar {
    margin-top: 10px;
    height: 20px; }
  .image-gallery-carousel .indicator.hide {
    display: none; }
  .image-gallery-carousel .indicator .current {
    margin-right: 5px; }
  .image-gallery-carousel .indicator .total {
    margin-left: 5px; }
  .image-gallery-carousel .indicator {
    display: inline;
    margin-right: 5px; }
  .image-gallery-carousel .share {
    float: right;
    position: absolute;
    right: 0; }
    .image-gallery-carousel .share .desktop {
      margin-left: 5px; }

.q-and-a .container-3 .grid-row {
  width: auto;
  margin-left: auto; }

.collapsible-content .qa-list .container-3 .grid-row {
  width: auto;
  margin-left: auto;
  border-left: 0;
  padding-left: 0; }

.multi-gallery .icon-archetype_zoom {
  position: relative; }

.image-gallery-carousel h3 {
  color: #32c77f;
  font-size: 14px;
  line-height: 19px; }
  @media (max-width: 1090px) {
    .image-gallery-carousel h3 {
      font-size: 12px;
      line-height: 16px; } }
  @media (max-width: 767px) {
    .image-gallery-carousel h3 {
      font-size: 14px;
      line-height: 19px; } }

.image-gallery-carousel p {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333; }
  @media (max-width: 1090px) {
    .image-gallery-carousel p {
      font-size: 14px;
      line-height: 19px; } }
  @media (max-width: 767px) {
    .image-gallery-carousel p {
      font-size: 18px;
      line-height: 27px; } }

.image-gallery-carousel .next, .image-gallery-carousel .prev, .image-gallery-carousel .zoom {
  font-size: 50px;
  color: #707070;
  background-color: white;
  cursor: pointer; }

.image-gallery-carousel .indicator {
  font-weight: 400;
  color: #177b57;
  font-size: 12px;
  line-height: 16px; }
  @media (min-width: 768px) {
    .image-gallery-carousel .indicator {
      font-size: 14px;
      line-height: 19px; } }

.image-gallery-carousel .share {
  color: #b7b7b7;
  cursor: pointer; }

.standard-article .image-gallery-carousel .picture-caption {
  color: #000; }

.standalone-article .image-gallery-carousel .picture-caption {
  color: #000; }

.modal.bcg-modal {
  width: 80%; }

.modal.contact.outer-grid-wrapper {
  width: 70%; }

/*html,
body {
  height: 100%;
  position: fixed;
  width: 100%;
}*/
.form {
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.333333;
  position: relative;
  width: 100%;
  /*
  *When the form is filled out, and submitted,we set it to hidden
  the success message is inside of the form, though. So it becomes visible
  we collapse the fieldsets so that the only thing taking up space is the message
  we should move the success message out of the form
   */ }
  .form.hidden {
    visibility: hidden; }
    .form.hidden .fieldset {
      display: none;
      opacity: 0; }
  .form__title {
    color: #00532f;
    text-transform: uppercase;
    font-size: 1.3em;
    margin: 0 0 .618em 0;
    font-weight: 700;
    width: 100%; }
  .form__fieldset {
    margin: .5em 0; }
  .form__successMsg {
    position: absolute;
    top: 5%;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: calc(100vh - 100px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    visibility: visible;
    transition: .4s all ease-in-out;
    font-size: 1.5em;
    font-weight: 300; }
    .form__successMsg::before {
      content: '\2713';
      /*A check mark*/
      color: white;
      font-size: 1.5em;
      padding: 0 .30em;
      border-radius: 50%;
      background-color: #32c77f; }
    .form__successMsg.hidden {
      z-index: -1;
      visibility: hidden;
      opacity: 0; }
    @media (min-width: 768px) {
      .form__successMsg {
        top: 0;
        height: 50vh; } }
    .form__successMsg .modal-close-button--success {
      position: absolute; }
    .form__successMsg h3 {
      margin-top: 30px; }
  .form--hideLabels label, .form--hideLabels .label {
    visibility: hidden;
    height: 0;
    width: 0;
    text-indent: -9999em; }
  .form--insetLabels .label {
    position: absolute;
    top: .618em;
    left: 0; }
  .form--insetLabels .textarea + .label {
    left: .618em; }
  .form--insetLabels .input:focus + .label, .form--insetLabels .select:focus + .label, .form--insetLabels .textarea:focus + .label {
    color: white;
    z-index: -1; }
  .form .modal-close-button + .modal-close-button {
    display: none; }

.fieldset {
  position: relative; }
  .fieldset__label {
    padding: 0 .618em; }
  .fieldset__field {
    width: inherit; }
    .fieldset__field--textarea {
      height: 10em; }
  .fieldset__errorMessage {
    position: absolute;
    top: 1px;
    right: 1px;
    left: 1px;
    padding: .618em;
    z-index: -1;
    color: #707070;
    line-height: 22px;
    background-color: white;
    border-radius: 5px; }
  .fieldset__captchaWrapper {
    padding: .75em;
    border: 1px solid #707070; }
  .fieldset--custSelect select {
    opacity: .8;
    cursor: pointer; }
  .fieldset--custSelect::after {
    display: inline;
    font-size: 2em;
    position: absolute;
    top: 0;
    right: .35em;
    color: #000;
    content: '\2335';
    z-index: -1; }
  .fieldset.hasError {
    color: #ff5b4d; }
    .fieldset.hasError::after {
      color: #ff5b4d;
      position: absolute;
      top: .5em;
      right: .85em;
      font-size: 1.2em;
      z-index: 2;
      content: '!'; }
    .fieldset.hasError .fieldset__field {
      color: #ff5b4d;
      border-color: #ff5b4d; }
    .fieldset.hasError .fieldset__errorMessage {
      color: #ff5b4d;
      visibility: visible;
      z-index: 2; }
    .fieldset.hasError .label {
      z-index: -1; }
  .fieldset.hasValue .label {
    z-index: -1; }

/*Remove default IE select arrows*/
html[data-useragent*='Trident'] .form__fieldset select::-ms-expand {
  display: none; }

html[data-useragent*='Trident'] .fieldset--custSelect::after {
  top: -8px; }

.input, .select, .textarea {
  color: #b7b7b7;
  font-size: 1em;
  line-height: 1;
  padding: .618em;
  border: 1px solid #b7b7b7;
  transition: all .3s ease-in; }
  .input:hover, .input:focus, .input:active, .select:hover, .select:focus, .select:active, .textarea:hover, .textarea:focus, .textarea:active {
    outline: none;
    border-color: #3fad93;
    color: #3fad93;
    transition: all .3s ease-out; }

.input:focus {
  color: #3fad93; }

.textarea, .select, .input {
  font-weight: 300; }

.input::-webkit-input-placeholder {
  color: #b7b7b7; }

.input::-moz-placeholder {
  color: #b7b7b7; }

.input:-ms-input-placeholder {
  color: #b7b7b7; }

.textarea::-webkit-input-placeholder {
  color: #b7b7b7; }

.textarea::-moz-placeholder {
  color: #b7b7b7; }

.textarea:-ms-input-placeholder {
  color: #b7b7b7; }

.label {
  color: #b7b7b7; }

[required] + .label::after {
  content: '*'; }

.select {
  height: 2.5em;
  background-color: white;
  border-radius: 0;
  -webkit-appearance: inherit;
  -moz-appearance: inherit;
  appearance: inherit; }
  .select::after {
    height: 1em;
    width: 2em;
    display: inline-block; }

.button {
  display: inline-block;
  color: white;
  font-size: 1em;
  padding: .75em;
  width: 100%;
  border: none;
  background: #b7b7b7;
  outline: none;
  transition: all .3s ease-in-out; }
  .button:hover, .button:focus {
    background: #3fad93; }

.successClose {
  margin-left: 100%; }

@media (max-width: 767px) {
  .modal-close-button {
    font-size: initial; } }

.email-share-form .form .button {
  margin-top: 20px; }
  @media (min-width: 768px) {
    .email-share-form .form .button {
      margin-top: 0; } }

.email-share-form .form .fieldset {
  margin-top: 0; }

.email-share-form .form .textarea {
  margin: 0; }

.email-share-form .form .fieldset__field.fieldset__field--input.input {
  margin-bottom: 15px; }
  .email-share-form .form .fieldset__field.fieldset__field--input.input:last-child {
    margin-bottom: 0px; }

.modal.bcg-modal.contact {
  /*
1) Used to be loaded up with !important. These were all removed.
2) The JavaScript for the modal was adding position:fixed,
   but the !important on position:absolute overwrote it.
   This caused breakage in iOS and Android
   (form was at the top when user scrolled to bottom)
3) See comments in BR-494
*/ }
  .modal.bcg-modal.contact a.icon-filters-close.custom {
    top: 0;
    right: 0; }
    @media (max-width: 767px) {
      .modal.bcg-modal.contact a.icon-filters-close.custom {
        top: 29px; } }
  .modal.bcg-modal.contact:after {
    content: none; }
  .modal.bcg-modal.contact .form--apply label {
    left: 0; }
  .modal.bcg-modal.contact .apply-copy label {
    color: #668a77;
    font-size: 18px; }
  .modal.bcg-modal.contact .fieldset--customupload::after {
    font-family: 'dotBCG-Icons';
    display: inline;
    font-size: 1em;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #78a491; }
  .modal.bcg-modal.contact .fieldset--customupload .hidden-upload-input {
    display: none; }
  .modal.bcg-modal.contact select,
  .modal.bcg-modal.contact textarea,
  .modal.bcg-modal.contact input[type='text'],
  .modal.bcg-modal.contact input[type='file'],
  .modal.bcg-modal.contact input[type='email'] {
    width: 100%; }
  @media (min-width: 768px) {
    .modal.bcg-modal.contact form > fieldset .cols--6 {
      width: calc(50% - 20px); }
      .modal.bcg-modal.contact form > fieldset .cols--6:first-child {
        margin-right: 40px;
        float: left; }
    .modal.bcg-modal.contact form > fieldset .cols--4 {
      width: calc((100% / 3) - 40px);
      margin-right: 40px;
      float: left; }
      .modal.bcg-modal.contact form > fieldset .cols--4:last-child {
        margin-right: 0; }
    .modal.bcg-modal.contact form > fieldset .fieldset__captchaWrapper {
      width: auto;
      margin-right: 40px;
      float: left; } }
  @media (max-width: 767px) {
    .modal.bcg-modal.contact form > fieldset .fieldset__captchaWrapper {
      margin-bottom: .5em; }
    .modal.bcg-modal.contact form > fieldset > fieldset:first-child {
      margin: .5em 0; } }
  @media (min-width: 500px) {
    .modal.bcg-modal.contact form.form--apply > fieldset .fieldset__captchaWrapper {
      margin-right: 20px !important; }
      .modal.bcg-modal.contact form.form--apply > fieldset .fieldset__captchaWrapper + .cols--6 {
        float: left;
        width: 40%; } }
  @media (max-width: 767px) {
    .modal.bcg-modal.contact {
      overflow-y: scroll;
      top: 0;
      bottom: 0px;
      left: auto;
      margin-top: auto;
      margin-left: auto;
      height: calc(100vh - 60px);
      width: 100%;
      padding: 0 20px;
      -webkit-overflow-scrolling: touch;
      position: absolute;
      /*Don't know why this is absolute and not fixed*/ }
      .modal.bcg-modal.contact .inner-grid-wrapper {
        width: 100%; }
      .isMobile .modal.bcg-modal.contact {
        bottom: 0 !important;
        height: calc(100% - 50px) !important; } }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

#share-message {
  cursor: not-allowed; }
  #share-message:focus {
    color: #b7b7b7;
    border-color: #b7b7b7; }
  #share-message:hover {
    border-color: #b7b7b7;
    color: #b7b7b7; }

.perspective-article-abstract .cta-link {
  margin-top: 20px; }

.perspective-article-abstract .image {
  display: none; }

.perspective-article-abstract .category {
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  color: #00532f;
  font-size: 16px;
  line-height: 21px; }

.perspective-article-abstract .row.by {
  border-top: 1px solid #b8b8b8;
  padding: 20px 0;
  margin-top: 30px; }

.perspective-article-abstract .title, .perspective-article-abstract .med-pub .title > a, .med-pub .perspective-article-abstract .title > a, .perspective-article-abstract .small-pub .title > a, .small-pub .perspective-article-abstract .title > a {
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-weight: 400;
  color: #000;
  font-size: 26px;
  line-height: 35px;
  margin-bottom: 25px; }

.perspective-article-abstract time {
  font-weight: 300;
  text-transform: uppercase;
  color: #707070;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 30px; }

.perspective-article-abstract .authors {
  font-weight: 300;
  color: #707070;
  font-size: 16px;
  line-height: 21px;
  width: 100%; }
  .perspective-article-abstract .authors > p {
    margin: 0;
    display: flex;
    flex-wrap: wrap; }
    .perspective-article-abstract .authors > p .name-local {
      white-space: nowrap;
      margin-bottom: 0; }
    .perspective-article-abstract .authors > p > a,
    .perspective-article-abstract .authors > p > span {
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px solid #b8b8b8; }
      .perspective-article-abstract .authors > p > a:last-child,
      .perspective-article-abstract .authors > p > span:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none; }

.perspective-article-abstract .formats {
  font-size: 20px;
  margin-top: 20px; }
  .perspective-article-abstract .formats a {
    color: #b7b7b7;
    margin-left: 4px; }

.perspective-article-abstract .row.description {
  padding-top: 20px;
  border-top: 1px solid #b8b8b8; }

.perspective-article-abstract .description, .perspective-article-abstract .description p {
  font-weight: 400;
  font-size: 19px;
  line-height: 28px;
  color: #333;
  margin: 0; }
  .perspective-article-abstract .description .cta, .perspective-article-abstract .description p .cta {
    margin-top: 20px; }
    .perspective-article-abstract .description .cta span, .perspective-article-abstract .description .cta p, .perspective-article-abstract .description p .cta span, .perspective-article-abstract .description p .cta p {
      display: inline-block; }

@media (min-width: 768px) {
  .perspective-article-abstract .row:first-child {
    display: flex; }
  .perspective-article-abstract .row.by {
    display: flex; }
  .perspective-article-abstract .image {
    display: block;
    flex-shrink: 0;
    margin-right: 30px; }
    .perspective-article-abstract .image img {
      max-height: 146px;
      max-width: 146px; }
  .perspective-article-abstract .category {
    font-size: 18px;
    line-height: 23px; }
  .perspective-article-abstract .title, .perspective-article-abstract .med-pub .title > a, .med-pub .perspective-article-abstract .title > a, .perspective-article-abstract .small-pub .title > a, .small-pub .perspective-article-abstract .title > a {
    font-size: 28px;
    line-height: 36px; }
  .perspective-article-abstract .authors {
    font-size: 18px;
    line-height: 23px; }
  .perspective-article-abstract .description, .perspective-article-abstract .description p {
    font-weight: 200;
    font-size: 22px;
    line-height: 31px; }
  .perspective-article-abstract .formats {
    margin-left: auto;
    margin-top: 0; } }

@media (min-width: 1091px) {
  .perspective-article-abstract .title, .perspective-article-abstract .med-pub .title > a, .med-pub .perspective-article-abstract .title > a, .perspective-article-abstract .small-pub .title > a, .small-pub .perspective-article-abstract .title > a {
    font-size: 35px;
    line-height: 44px; }
  .perspective-article-abstract .description, .perspective-article-abstract .description p {
    font-size: 24px;
    line-height: 33px; } }

.perspective-article-footer .perspective-content-wrapper {
  padding-top: 50px; }

.perspective-article-footer .title, .perspective-article-footer .med-pub .title > a, .med-pub .perspective-article-footer .title > a, .perspective-article-footer .small-pub .title > a, .small-pub .perspective-article-footer .title > a {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 20px;
  color: #707070; }

.perspective-article-footer .category-title {
  text-transform: uppercase;
  font-weight: 700;
  color: #197a56;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 5px; }

.perspective-article-footer .description {
  word-break: break-word;
  margin-top: 0;
  font-size: 20px;
  line-height: 22px;
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-weight: 400;
  color: #000; }

.perspective-article-footer .row {
  flex-wrap: nowrap;
  display: flex;
  flex-direction: column; }

.perspective-article-footer .column {
  flex: 1 0 auto;
  border-top: 1px solid #b8b8b8;
  text-align: center;
  padding: 20px 0 30px 0; }

@media (min-width: 768px) {
  .perspective-article-footer .row {
    flex-wrap: wrap;
    flex-direction: row; }
  .perspective-article-footer .column {
    flex: 1 0 33%;
    text-align: left;
    padding-right: 60px; }
  .perspective-article-footer .column:last-child {
    padding-right: 0; } }

@media (min-width: 768px) {
  .isIE .perspective-article-footer .column {
    flex: 1 0 auto;
    width: 33%; } }

.med-pub-container {
  position: relative;
  background-color: black; }
  .med-pub-container a span {
    color: white; }

.isIE .med-pub .wedge {
  max-height: 50px; }

.med-pub, .small-pub {
  padding: 50px 0;
  background-color: black;
  margin: 0 20px; }
  @media (min-width: 768px) {
    .med-pub, .small-pub {
      margin: 0 80px; } }
  @media (min-width: 1280px) {
    .med-pub, .small-pub {
      margin: 0 100px; } }
  .med-pub.top .text-container, .small-pub.top .text-container {
    padding: 0 0 0 0; }
    @media (min-width: 1280px) {
      .med-pub.top .text-container, .small-pub.top .text-container {
        padding-right: 25%; } }
  .med-pub.top .med-cutout, .small-pub.top .med-cutout {
    top: 0;
    left: 0;
    right: 0;
    margin-top: -1px; }
  .med-pub.bottom .text-container, .small-pub.bottom .text-container {
    padding: 0; }
    @media (min-width: 768px) {
      .med-pub.bottom .text-container, .small-pub.bottom .text-container {
        padding: 0 0 0 0; } }
  .med-pub.bottom .med-cutout, .small-pub.bottom .med-cutout {
    bottom: -1px;
    right: 0;
    left: 0;
    margin-bottom: -1px; }
  .med-pub.bottom .title, .med-pub.bottom .title > a, .med-pub.bottom .small-pub .title > a, .small-pub.bottom .title, .small-pub.bottom .med-pub .title > a, .small-pub.bottom .title > a {
    margin-top: 30px; }
  .med-pub.vertical, .small-pub.vertical {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .med-pub.vertical, .small-pub.vertical {
        flex-direction: row; } }
    .med-pub.vertical .article-container.has-images, .small-pub.vertical .article-container.has-images {
      border-top: none;
      padding-top: 0; }
      .med-pub.vertical .article-container.has-images .article-title, .med-pub.vertical .article-container.has-images .article-title > a, .med-pub.vertical .article-container.has-images .small-pub .article-title > a, .small-pub.vertical .article-container.has-images .article-title, .small-pub.vertical .article-container.has-images .med-pub .article-title > a, .small-pub.vertical .article-container.has-images .article-title > a {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 20px; }
    .med-pub.vertical .media-container, .small-pub.vertical .media-container {
      margin-bottom: 30px;
      overflow: hidden; }
      @media (min-width: 768px) {
        .med-pub.vertical .media-container, .small-pub.vertical .media-container {
          margin-bottom: 0; } }
      .med-pub.vertical .media-container img, .small-pub.vertical .media-container img {
        height: auto; }
    .med-pub.vertical .med-cutout, .small-pub.vertical .med-cutout {
      bottom: -1px;
      right: 0;
      left: 0;
      margin-bottom: -2px; }
    .med-pub.vertical.reverse .title, .med-pub.vertical.reverse .title > a, .med-pub.vertical.reverse .small-pub .title > a, .small-pub.vertical.reverse .title, .small-pub.vertical.reverse .med-pub .title > a, .small-pub.vertical.reverse .title > a {
      margin-top: 0; }
    .med-pub.vertical.reverse .med-cutout, .small-pub.vertical.reverse .med-cutout {
      top: -1px;
      right: -1px; }
    .med-pub.vertical .title, .med-pub.vertical .title > a, .med-pub.vertical .small-pub .title > a, .small-pub.vertical .title, .small-pub.vertical .med-pub .title > a, .small-pub.vertical .title > a {
      margin-top: 30px; }
    .med-pub.vertical .media-content, .small-pub.vertical .media-content {
      height: 100%; }
      .med-pub.vertical .media-content picture, .small-pub.vertical .media-content picture {
        height: 100%; }
      .med-pub.vertical .media-content img, .small-pub.vertical .media-content img {
        height: 100%; }
    .med-pub.vertical .article-image, .small-pub.vertical .article-image {
      margin-bottom: 20px; }
  .med-pub .text-container, .small-pub .text-container {
    width: 100%;
    position: relative;
    background-color: black;
    overflow: hidden;
    z-index: 2; }
  .med-pub .media-container, .small-pub .media-container {
    position: relative; }
  .med-pub .med-cutout, .small-pub .med-cutout {
    position: absolute;
    z-index: 2; }
  .med-pub .title, .med-pub .title > a, .med-pub .small-pub .title > a, .small-pub .title, .small-pub .med-pub .title > a, .small-pub .title > a {
    font-family: 'bcg-henderson-mod';
    font-weight: 800;
    font-size: 26px;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: white; }
    @media (min-width: 947px) {
      .med-pub .title, .med-pub .title > a, .med-pub .small-pub .title > a, .small-pub .title, .small-pub .med-pub .title > a, .small-pub .title > a {
        font-size: 40px;
        line-height: 38px; } }
    @media (min-width: 1280px) {
      .med-pub .title, .med-pub .title > a, .med-pub .small-pub .title > a, .small-pub .title, .small-pub .med-pub .title > a, .small-pub .title > a {
        font-size: 50px;
        line-height: 46px; } }
  .med-pub .title > a:hover, .med-pub .title > a > a:hover, .med-pub .small-pub .title > a > a:hover, .med-pub .title > a:focus, .med-pub .title > a > a:focus, .med-pub .small-pub .title > a > a:focus, .small-pub .title > a:hover, .small-pub .med-pub .title > a > a:hover, .small-pub .title > a > a:hover, .small-pub .title > a:focus, .small-pub .med-pub .title > a > a:focus, .small-pub .title > a > a:focus {
    color: #b7b7b7 !important; }
  .med-pub .tagline, .small-pub .tagline {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
    color: white; }
    .med-pub .tagline:last-child:after, .small-pub .tagline:last-child:after {
      margin-left: 5px;
      transform: rotateZ(90deg);
      display: inline-block;
      font-size: 14px;
      font-family: 'dotBCG-Icons'; }
    @media (min-width: 947px) {
      .med-pub .tagline, .small-pub .tagline {
        font-size: 14px;
        line-height: 22px; } }
    @media (min-width: 1280px) {
      .med-pub .tagline, .small-pub .tagline {
        font-size: 18px;
        line-height: 27px; } }
    .med-pub .tagline:hover, .small-pub .tagline:hover {
      color: #b7b7b7; }
  .med-pub .article-container, .small-pub .article-container {
    padding: 10px 0; }
    .med-pub .article-container:first-child, .small-pub .article-container:first-child {
      border-top: 1px solid white;
      padding-top: 20px; }
  .med-pub .article-title, .med-pub .article-title > a, .med-pub .small-pub .article-title > a, .small-pub .article-title, .small-pub .med-pub .article-title > a, .small-pub .article-title > a {
    font-family: 'bcg-henderson-mod';
    font-weight: 800;
    color: white;
    font-size: 28px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 10px; }
    @media (min-width: 1280px) {
      .med-pub .article-title, .med-pub .article-title > a, .med-pub .small-pub .article-title > a, .small-pub .article-title, .small-pub .med-pub .article-title > a, .small-pub .article-title > a {
        font-size: 18px;
        line-height: 22px; } }
  .med-pub .article-teaser, .small-pub .article-teaser {
    font-weight: 300;
    color: white;
    font-size: 16px;
    line-height: 22px; }
    @media (min-width: 947px) {
      .med-pub .article-teaser, .small-pub .article-teaser {
        font-size: 14px;
        line-height: 22px; } }
    @media (min-width: 1280px) {
      .med-pub .article-teaser, .small-pub .article-teaser {
        font-size: 18px;
        line-height: 27px; } }
    .med-pub .article-teaser .icon-cta-modular-thin, .small-pub .article-teaser .icon-cta-modular-thin {
      margin-left: 5px;
      font-weight: bold; }
  @media (min-width: 768px) {
    .med-pub .left-col, .med-pub .right-col, .small-pub .left-col, .small-pub .right-col {
      flex-basis: calc(50% - 50px); } }
  .med-pub .left-col, .small-pub .left-col {
    margin-right: 0;
    display: flex;
    flex-direction: column-reverse; }
    @media (min-width: 768px) {
      .med-pub .left-col, .small-pub .left-col {
        flex-direction: column;
        margin-right: 50px; } }

.small-pub.left {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .small-pub.left {
      flex-direction: row; } }
  .small-pub.left .text-container {
    margin-right: 10%; }

.small-pub.right {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .small-pub.right {
      flex-direction: row-reverse; } }
  .small-pub.right .text-container {
    margin-left: 0; }
    @media (min-width: 768px) {
      .small-pub.right .text-container {
        margin-left: 10%; } }

.small-pub .text-container {
  flex-basis: auto; }
  @media (min-width: 768px) {
    .small-pub .text-container {
      flex-basis: 75%; } }

.share-bar {
  font-size: 20px; }
  .share-bar .mailto,
  .share-bar .twitter,
  .share-bar .linkedin,
  .share-bar .google-plus,
  .share-bar .facebook {
    color: #b7b7b7;
    display: inline-block;
    cursor: pointer; }
  .share-bar .mailto, .share-bar .twitter, .share-bar .linkedin, .share-bar .facebook {
    margin-right: 10px; }
    .share-bar .mailto:focus, .share-bar .twitter:focus, .share-bar .linkedin:focus, .share-bar .facebook:focus {
      outline: none; }
  .share-bar .mailto:hover, .share-bar .mailto:focus {
    color: #32c77f; }
  .share-bar .twitter:hover, .share-bar .twitter:focus {
    color: #55cbff; }
  .share-bar .facebook:hover, .share-bar .facebook:focus {
    color: #537abb; }
  .share-bar .linkedin:hover, .share-bar .linkedin:focus {
    color: #1384c6; }
  .share-bar .google-plus:hover, .share-bar .google-plus:focus {
    color: #e96349; }

/* SW: Commenting this out, since it should have been replaced with the new modules. @import "../modules/video/_style"; */
.audio-wrapper {
  margin-bottom: 70px; }

@media (min-width: 768px) {
  .audio-wrapper {
    margin-bottom: 100px; } }

.transcript .audio-wrapper {
  margin-bottom: 0; }

.audio-wrapper .video-js {
  height: auto !important; }

.audio-wrapper .video-js.vjs-default-skin video {
  width: auto;
  height: 31px !important; }

.audio-wrapper .vjs-control-bar {
  display: flex;
  visibility: visible !important;
  opacity: 1 !important;
  background-color: #2B333F; }

.audio-wrapper .vjs-big-play-button {
  display: none !important; }

.articleFilter {
  background-color: #f1f1f1;
  padding: 50px 20px;
  position: relative; }

.articleFilter .article-filter__title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.18;
  margin-bottom: 40px; }

.articleFilter-filters-toggler {
  display: block;
  margin: 10px 0 20px 0; }
  .articleFilter-filters-toggler:after {
    font-family: 'dotBCG-Icons';
    color: #3fad93;
    content: "\e615";
    font-size: .5em;
    margin-left: 5px; }

.articleFilter-filters-toggler.isOpen:after {
  content: "\e601"; }

.articleFilter-filters {
  border-bottom: 1px solid #ccc; }

.articleFilter-filters-list {
  list-style-type: none;
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 15px;
  flex-direction: column;
  display: none;
  left: 0;
  padding-left: 40px; }

.articleFilter-filters-list.isVisible {
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(241, 241, 241, 0.9); }

.articleFilter-filters-list-item {
  display: inline;
  padding: .2em 1em;
  margin-bottom: 0; }

.articleFilter-filters-list-item::before {
  content: "\25CB"; }

.articleFilter-filters-list-item .filter-link {
  color: #3fad93; }

.articleFilter-filters-list-item:hover,
.articleFilter-filters-list-item.isSelected {
  color: #3fad93; }

.articleFilter-filters-list-item:hover::before,
.articleFilter-filters-list-item.isSelected::before {
  content: "\002022";
  color: #3fad93; }

.articleFilter-filters-list-item.isSelected .filter-link,
.articleFilter-filters-list-item:hover .filter-link {
  color: #3fad93; }

.articleFilter .results {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }

.articleFilter-result-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.articleFilter .search-result {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #ccc; }

.articleFilter .search-result .search-result-container {
  display: flex;
  flex-direction: row; }

.articleFilter .more {
  height: 50px;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: none; }

.articleFilter .moreLink {
  color: #000;
  text-transform: uppercase;
  font-weight: 700; }

.articleFilter .search-result .result-header {
  margin-bottom: 20px; }

.articleFilter .search-result .result-header a .title, .articleFilter .search-result .result-header a .med-pub .title > a, .med-pub .articleFilter .search-result .result-header a .title > a, .articleFilter .search-result .result-header a .small-pub .title > a, .small-pub .articleFilter .search-result .result-header a .title > a {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 1.25;
  text-transform: none; }

.articleFilter .search-result .result-header a:hover .title, .articleFilter .search-result .result-header a:hover .med-pub .title > a, .med-pub .articleFilter .search-result .result-header a:hover .title > a, .articleFilter .search-result .result-header a:hover .small-pub .title > a, .small-pub .articleFilter .search-result .result-header a:hover .title > a {
  color: #333; }

@media (min-width: 768px) {
  .articleFilter .search-result {
    width: 48%; }
  .articleFilter .search-result .result-header a .title, .articleFilter .search-result .result-header a .med-pub .title > a, .med-pub .articleFilter .search-result .result-header a .title > a, .articleFilter .search-result .result-header a .small-pub .title > a, .small-pub .articleFilter .search-result .result-header a .title > a {
    font-size: 18px; }
  .articleFilter-filters-list {
    flex-direction: row;
    display: block;
    padding-left: 0; }
  .articleFilter-filters-toggler {
    display: none; }
  .articleFilter-filters-list.isVisible {
    position: static;
    height: auto;
    width: auto;
    background-color: transparent; } }

@media (min-width: 1280px) {
  .articleFilter .search-result .result-header a .title, .articleFilter .search-result .result-header a .med-pub .title > a, .med-pub .articleFilter .search-result .result-header a .title > a, .articleFilter .search-result .result-header a .small-pub .title > a, .small-pub .articleFilter .search-result .result-header a .title > a {
    font-size: 24px; }
  .articleFilter .article-filter__title {
    font-size: 35px;
    line-height: 0.9;
    margin-bottom: 35px; } }

.articleFilter .more.hasMore {
  display: block;
  position: relative; }

.articleFilter .more.hasMore::before {
  content: ' ';
  height: 6em;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 0.8) 40%);
  position: absolute;
  top: -6em;
  left: 0; }

.deepmode .articleFilter {
  background-color: transparent; }

.careers-events-hero {
  overflow: hidden;
  background: #32c77f; }
  .careers-events-hero .heading {
    margin-bottom: 0; }
    .careers-events-hero .heading h1 {
      color: #fff;
      font-weight: 200;
      margin-bottom: 0; }
  .careers-events-hero .eyebrow {
    color: #32c77f;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px; }
  .careers-events-hero .headline {
    color: #177b57;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px; }
  .careers-events-hero .date-location {
    color: #707070;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    margin-bottom: 25px; }
  .careers-events-hero .cta-link {
    margin-bottom: 0;
    font-size: 30px; }
  .careers-events-hero .featured-event img {
    display: block; }
  @media (max-width: 767px) {
    .careers-events-hero .heading {
      position: absolute;
      padding: 0 0 0 20px;
      display: inline-block;
      top: calc(60vw - 50px); }
    .careers-events-hero .featured-event {
      min-height: 195px;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding: 0; }
      .careers-events-hero .featured-event .image {
        width: 70vw;
        margin-right: -40px;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1; }
      .careers-events-hero .featured-event .content {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        width: 100%;
        background: #fff;
        padding: 20px; } }
  @media (min-width: 768px) {
    .careers-events-hero.has-content .featured-event:before {
      border: 1px solid #32c77f; }
    .careers-events-hero .heading {
      height: 152px;
      margin-left: 75px;
      display: flex;
      align-items: flex-end; }
      .careers-events-hero .heading h1 {
        margin-bottom: 20px; }
    .careers-events-hero .eyebrow {
      font-size: 16px; }
    .careers-events-hero .headline {
      font-size: 22px;
      line-height: 22px; }
    .careers-events-hero .date-location {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 30px; }
    .careers-events-hero .featured-event {
      min-height: 218px;
      padding-top: 30px;
      padding-bottom: 25px;
      position: relative;
      overflow: visible;
      background: #fff;
      padding-left: 75px;
      width: calc(75px + (((100vw - 75px * 2) / 15) * 15)); }
      .careers-events-hero .featured-event .image {
        right: calc(-1 * 75px);
        width: 60vw;
        position: absolute;
        bottom: 0;
        z-index: 1; }
      .careers-events-hero .featured-event .content {
        position: relative;
        z-index: 5; }
      .careers-events-hero .featured-event:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 3; }
      .careers-events-hero .featured-event:after {
        content: "";
        background: #fff;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        height: calc(100% - 50px);
        right: calc(-1 * 75px);
        width: 75px; } }
  @media (min-width: 947px) {
    .careers-events-hero .featured-event {
      padding-left: 75px;
      width: calc( 75px + ((70vw / 15) * 15) + ((100vw - 75px - 70vw - 75px) / 2)); }
      .careers-events-hero .featured-event .image {
        right: calc(-1 * ((100vw - 75px - 70vw - 75px) / 2) - 75px);
        width: 50vw; }
      .careers-events-hero .featured-event:after {
        right: calc(-1 * ((100vw - 75px - 70vw - 75px) / 2) - 75px);
        width: calc(((100vw - 75px - 70vw - 75px) / 2) + 75px); } }
  @media (min-width: 1280px) {
    .careers-events-hero .heading {
      margin-left: 100px;
      height: 197px; }
      .careers-events-hero .heading h1 {
        margin-bottom: 30px; }
    .careers-events-hero .eyebrow {
      font-size: 18px; }
    .careers-events-hero .headline {
      font-size: 25px;
      line-height: 25px; }
    .careers-events-hero .date-location {
      font-size: 16px;
      line-height: 20px;
      margin-bottom: 37px; }
    .careers-events-hero .featured-event {
      padding-top: 40px;
      padding-bottom: 30px;
      width: calc( (100px + 10vw) + ((60vw / 15) * 15) + ((100vw - 100px - 10vw - 60vw - 100px) / 2));
      padding-left: calc(100px + 10vw); }
      .careers-events-hero .featured-event .image {
        right: calc(-1 * ((100vw - 100px - 10vw - 60vw - 100px) / 2) - 100px);
        width: 45vw; }
      .careers-events-hero .featured-event:after {
        height: calc(100% - 65px);
        right: calc(-1 * ((100vw - 100px - 10vw - 60vw - 100px) / 2) - 100px);
        width: calc(((100vw - 100px - 10vw - 60vw - 100px) / 2) + 100px); } }

.hero-type-1 .bg-image {
  position: relative; }
  .isIE .hero-type-1 .bg-image {
    z-index: -1; }

.hero-type-1.with-video .hero-image {
  height: auto; }

.hero-type-1 .hero-content {
  position: relative; }
  .hero-type-1 .hero-content h1:first-line {
    color: #fff; }

@media (min-width: 768px) {
  .hero-type-1 h1 {
    line-height: 1.3; } }

.hero-type-1 .vjs-default-skin .vjs-big-play-button,
.hero-type-1 .video-play,
.hero-type-1 .play {
  top: -2.5em; }
  @media (min-width: 768px) {
    .hero-type-1 .vjs-default-skin .vjs-big-play-button,
    .hero-type-1 .video-play,
    .hero-type-1 .play {
      top: -2em; } }

.hero-type-1.with-video .play, .hero-type-1.non-ambient-video .play {
  display: flex; }

.isMobile .hero-type-1.non-ambient-video .notch {
  transition: margin-top .35s; }

.isMobile .hero-type-1.non-ambient-video.video-playing .notch {
  margin-top: 0; }

.isMobile .hero-type-1.with-video .vjs-big-play-button {
  display: none; }

.isMobile .hero-type-1.video-playing a.play {
  display: none; }

.isMobile .hero-type-1.video-playing .video-js {
  pointer-events: auto; }

.isMobile .hero-type-1.video-playing .vjs-control-bar {
  visibility: visible !important;
  opacity: 1 !important; }

.isMobile .hero-type-1.video-playing .hero-content h1:first-line {
  color: #000; }

.hero-type-2 {
  margin-bottom: 20px; }
  .hero-type-2 .bg-image {
    position: relative; }
  .hero-type-2 .notch .grid-column {
    padding-top: 20px; }
  .hero-type-2.with-video .play, .hero-type-2.non-ambient-video .play {
    display: flex; }
  @media (min-width: 768px) {
    .hero-type-2 .notch .grid-column {
      padding-top: 30px; } }
  @media (min-width: 947px) {
    .hero-type-2 .notch .grid-column {
      padding-top: 40px; } }
  .hero-type-2.non-ambient-video .vjs-big-play-button {
    display: none; }

.isMobile .hero-type-2.non-ambient-video .notch {
  transition: margin-top .35s; }

.isMobile .hero-type-2.non-ambient-video.video-playing .notch {
  margin-top: 0; }

.isMobile .hero-type-2.video-playing a.play {
  display: none; }

.isMobile .hero-type-2.video-playing .video-js {
  pointer-events: auto; }

.isMobile .hero-type-2.video-playing .vjs-control-bar {
  visibility: visible !important;
  opacity: 1 !important; }

.hero-type-3:not(.external-video) .play {
  display: none; }

.hero-type-3 .vjs-default-skin .vjs-big-play-button {
  top: 0; }

.hero-type-3 .video-js.vjs-has-started {
  z-index: 2; }

.hero-type-3 .grid-row {
  display: block; }

.hero-type-3 .bg-image {
  position: relative; }
  .hero-type-3 .bg-image .video-js,
  .hero-type-3 .bg-image picture {
    position: relative;
    display: block;
    width: calc(100% - 20px) !important; }
    .hero-type-3 .bg-image .video-js + .video-js,
    .hero-type-3 .bg-image .video-js + picture,
    .hero-type-3 .bg-image .video-js + .play + .bottom,
    .hero-type-3 .bg-image picture + .video-js,
    .hero-type-3 .bg-image picture + picture,
    .hero-type-3 .bg-image picture + .play + .bottom {
      margin-top: -100px;
      margin-left: 20px;
      width: calc(100% - 20px) !important; }
    .hero-type-3 .bg-image .video-js + .play,
    .hero-type-3 .bg-image picture + .play {
      margin-top: -100px;
      margin-left: 20px; }

@media (max-width: 767px) {
  .hero-type-3 .grid-row.headline {
    margin-left: 20px;
    width: calc(100% - 20px * 2); }
  .hero-type-3 .grid-row.content {
    margin-left: 20px;
    width: calc(100% - 20px * 2); } }

@media (min-width: 768px) and (max-width: 946px) {
  .hero-type-3 .play {
    margin-left: 75px; } }

@media (min-width: 768px) {
  .hero-type-3 .grid-row.content {
    margin-left: 75px;
    width: calc(100% - 75px * 2); }
  .hero-type-3 .grid-row.headline {
    margin-left: 75px;
    width: calc(100% - 75px * 2); }
  .hero-type-3 .bg-image .video-js,
  .hero-type-3 .bg-image picture {
    margin-left: 75px;
    width: calc(100% - 75px * 2) !important; }
    .hero-type-3 .bg-image .video-js + .video-js,
    .hero-type-3 .bg-image .video-js + picture,
    .hero-type-3 .bg-image .video-js + .play + .bottom,
    .hero-type-3 .bg-image picture + .video-js,
    .hero-type-3 .bg-image picture + picture,
    .hero-type-3 .bg-image picture + .play + .bottom {
      margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 2));
      width: auto !important; }
    .hero-type-3 .bg-image .video-js + .play,
    .hero-type-3 .bg-image picture + .play {
      margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 2)); } }

@media (min-width: 947px) {
  .hero-type-3 .grid-row.headline {
    margin-left: 75px;
    width: 70vw; }
  .hero-type-3 .grid-row.content {
    width: calc(((70vw / 15) * 7));
    margin-right: calc(((70vw / 15) * 1)); }
  .hero-type-3 .bg-image {
    float: right;
    width: calc( (100% - 75px) - ((70vw / 15) * 8)); }
    .hero-type-3 .bg-image .video-js,
    .hero-type-3 .bg-image picture {
      margin-left: 0;
      margin-right: 75px;
      width: calc(100% - 75px) !important; }
      .hero-type-3 .bg-image .video-js + .video-js,
      .hero-type-3 .bg-image .video-js + picture,
      .hero-type-3 .bg-image .video-js + .play + .bottom,
      .hero-type-3 .bg-image picture + .video-js,
      .hero-type-3 .bg-image picture + picture,
      .hero-type-3 .bg-image picture + .play + .bottom {
        margin-left: calc( ((70vw / 15) * 2));
        margin-right: 0;
        width: calc( (100vw - 75px) - ((70vw / 15) * 10)); }
      .hero-type-3 .bg-image .video-js + .play,
      .hero-type-3 .bg-image picture + .play {
        margin-left: calc( ((70vw / 15) * 2)); } }

@media (min-width: 1280px) {
  .hero-type-3 .grid-row.headline {
    margin-left: calc( 100px + 10vw);
    width: 60vw; }
  .hero-type-3 .grid-row.content {
    width: calc(((60vw / 15) * 7));
    margin-left: calc(100px + 10vw);
    margin-right: calc(((60vw / 15) * 1)); }
  .hero-type-3 .bg-image {
    width: calc( (100% - 100px - 10vw) - ((60vw / 15) * 8)); }
    .hero-type-3 .bg-image .video-js,
    .hero-type-3 .bg-image picture {
      width: auto !important;
      margin-left: 0;
      margin-right: 100px; }
      .hero-type-3 .bg-image .video-js + .video-js,
      .hero-type-3 .bg-image .video-js + picture,
      .hero-type-3 .bg-image .video-js + .play + .bottom,
      .hero-type-3 .bg-image picture + .video-js,
      .hero-type-3 .bg-image picture + picture,
      .hero-type-3 .bg-image picture + .play + .bottom {
        margin-left: calc( ((60vw / 15) * 2));
        width: calc( (100vw - 100px - 10vw) - ((60vw / 15) * 10)) !important; }
      .hero-type-3 .bg-image .video-js + .play,
      .hero-type-3 .bg-image picture + .play {
        margin-left: calc( ((60vw / 15) * 2)); } }

.information-header .hero-content h1 {
  color: #32c77f;
  line-height: 1.4;
  margin-top: -1.5em; }

.information-header .bg-image {
  position: relative; }

.hero-type-5 .profile-hero-background {
  position: relative;
  margin: 0 0 60px 0; }
  @media (max-width: 946px) {
    .hero-type-5 .profile-hero-background {
      margin: 0 0 44px 0; } }

.hero-type-5 picture {
  height: 100%;
  display: block; }

.hero-type-5 .hero-banner-content-mobile {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif; }
  @media (min-width: 947px) {
    .hero-type-5 .hero-banner-content-mobile {
      display: none; } }
  @media (max-width: 946px) {
    .hero-type-5 .hero-banner-content-mobile {
      font-size: 26px;
      line-height: 30px;
      color: #32c77f;
      margin: 15px 20px 25px 20px;
      font-weight: 300; } }

.hero-type-5 .profile-hero-img {
  position: absolute;
  width: 50%; }
  .hero-type-5 .profile-hero-img img {
    width: 100%; }
  .hero-type-5 .profile-hero-img h1 {
    color: #32c77f;
    font-size: 30px;
    line-height: 40px;
    width: 70%;
    font-weight: 300;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif; }
    @media (min-width: 947px) {
      .hero-type-5 .profile-hero-img h1 {
        font-size: 35px;
        line-height: 45px;
        padding-bottom: 25px; } }
    @media (min-width: 1280px) {
      .hero-type-5 .profile-hero-img h1 {
        font-size: 45px;
        line-height: 55px;
        padding-bottom: 43px; } }

.hero-type-5 .profile-hero-img-l {
  bottom: 0; }
  .hero-type-5 .profile-hero-img-l h1 {
    text-align: right;
    margin: 0 25px 30px 0;
    float: right; }
    @media (max-width: 1090px) {
      .hero-type-5 .profile-hero-img-l h1 {
        margin: 0 14px 13px 0; } }
    @media (max-width: 767px) {
      .hero-type-5 .profile-hero-img-l h1 {
        display: none; } }

.hero-type-5 .profile-hero-img-r {
  right: 0;
  top: 0; }
  .hero-type-5 .profile-hero-img-r h1 {
    margin: 25px 0 0 25px;
    float: left; }
    @media (max-width: 1090px) {
      .hero-type-5 .profile-hero-img-r h1 {
        margin: 17px 0 0 14px; } }
    @media (max-width: 767px) {
      .hero-type-5 .profile-hero-img-r h1 {
        display: none; } }

.hero-type-6 img {
  display: block; }

.hero-type-6 .bottom {
  position: relative; }
  .hero-type-6 .bottom h1 {
    position: absolute;
    top: -1.4em;
    line-height: 1.4em;
    color: #fff; }
    .hero-type-6 .bottom h1:first-line {
      color: #32c77f; }
    @media (min-width: 947px) {
      .hero-type-6 .bottom h1 {
        line-height: 1.2em;
        top: -1.3em; } }

.hero-type-6 .grid-row {
  position: relative;
  margin-left: 20px;
  width: 50%; }
  @media (min-width: 768px) {
    .hero-type-6 .grid-row {
      margin-left: 75px;
      width: calc((((100vw - 75px * 2) / 15) * 9)); } }
  @media (min-width: 947px) {
    .hero-type-6 .grid-row {
      margin-left: calc(75px + ((70vw / 15) * 1));
      width: calc(((70vw / 15) * 9)); } }
  @media (min-width: 1280px) {
    .hero-type-6 .grid-row {
      margin-left: calc(100px + 10vw);
      width: calc(((60vw / 15) * 9)); } }

@media (min-width: 768px) {
  .information-header .notch {
    margin-top: calc(-1 * (2.6em + 82px)); }
    .information-header .notch:before {
      height: 87px; } }

@media (min-width: 947px) {
  .information-header .notch {
    margin-top: calc(-1 * (4.2em + 92px)); }
    .information-header .notch:before {
      height: 92px; } }

.apply-header .hero-content h1 {
  font-weight: 200; }

.apply-header + * {
  position: relative; }

.deepmode-hero.container-12 .notch {
  padding-top: 22px;
  padding-bottom: 40px;
  margin-bottom: 40px; }

.deepmode-hero.container-12 .text-panel {
  margin-bottom: 0; }
  .deepmode-hero.container-12 .text-panel p {
    font-weight: 200; }
    .deepmode-hero.container-12 .text-panel p:last-child {
      margin-bottom: 0; }

.deepmode-hero.container-12 h1 {
  font-weight: 200;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .deepmode-hero.container-12 .notch {
    padding-top: 32px;
    padding-bottom: 40px;
    margin-bottom: 35px; }
  .deepmode-hero.container-12 h1 {
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 54px; } }

@media (min-width: 1280px) {
  .deepmode-hero.container-12 h1 {
    font-size: 60px;
    line-height: 66px; } }

.deepmode-hero.container-12.no-image {
  margin-left: 20px; }
  .deepmode-hero.container-12.no-image .image {
    height: 90px;
    width: 90px; }
  @media (min-width: 768px) {
    .deepmode-hero.container-12.no-image {
      margin-left: 0; } }
  .deepmode-hero.container-12.no-image:first-child {
    margin-top: 100px; }
    @media (min-width: 768px) {
      .deepmode-hero.container-12.no-image:first-child {
        margin-top: 183px; } }
    @media (min-width: 947px) {
      .deepmode-hero.container-12.no-image:first-child {
        margin-top: 244px; } }
    @media (min-width: 1280px) {
      .deepmode-hero.container-12.no-image:first-child {
        margin-top: 273px; } }
  .deepmode-hero.container-12.no-image .photo {
    margin-top: -70px;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .deepmode-hero.container-12.no-image .photo {
        margin-top: -85px; } }
    @media (min-width: 1280px) {
      .deepmode-hero.container-12.no-image .photo {
        margin-top: -98px; } }
  .deepmode-hero.container-12.no-image .title, .deepmode-hero.container-12.no-image .med-pub .title > a, .med-pub .deepmode-hero.container-12.no-image .title > a, .deepmode-hero.container-12.no-image .small-pub .title > a, .small-pub .deepmode-hero.container-12.no-image .title > a {
    margin-bottom: 20px; }
    .deepmode-hero.container-12.no-image .title p {
      font-weight: 200;
      color: #32c77f;
      font-size: 24px; }
  .deepmode-hero.container-12.no-image .text-panel {
    width: calc(100% - 20px); }
    @media (min-width: 768px) {
      .deepmode-hero.container-12.no-image .text-panel {
        width: 100%; } }

/** These styles are heavily inherited by job-posting module */
.grid-row.events.featured .event-wrap {
  border: 1px solid #32c77f;
  overflow: hidden; }
  @media (min-width: 768px) {
    .grid-row.events.featured .event-wrap .text {
      padding: 16px 5% 0 20px;
      width: 65%; }
    .grid-row.events.featured .event-wrap picture {
      width: 35%;
      max-height: 200px; } }
  @media (min-width: 1280px) {
    .grid-row.events.featured .event-wrap .text {
      padding: 16px 10% 0 20px;
      width: 65%; } }

.grid-row.events {
  align-items: stretch; }
  .grid-row.events .grid-column {
    margin-top: 20px;
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .grid-row.events .grid-column {
        margin-top: 40px; } }
    .grid-row.events .grid-column > a,
    .grid-row.events .grid-column .event-wrap {
      border: 1px solid #32c77f; }
    .grid-row.events .grid-column > a:hover {
      background-color: #f2f2f2; }
      .grid-row.events .grid-column > a:hover .icon {
        color: #197a56; }
    .grid-row.events .grid-column > a,
    .grid-row.events .grid-column > a > div {
      display: flex;
      flex-direction: row;
      flex-grow: 1;
      justify-content: space-between; }
    .grid-row.events .grid-column > .event-wrap > div {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      overflow: hidden; }
  .grid-row.events .event-wrap {
    display: flex;
    flex-grow: 1;
    width: 100%; }
  .grid-row.events .text {
    display: flex;
    flex-direction: column;
    order: 1;
    padding: 11px 1% 0 15px;
    width: 61%; }
    @media (min-width: 768px) {
      .grid-row.events .text {
        padding: 16px 1% 0 20px; } }
    @media (min-width: 1280px) {
      .grid-row.events .text {
        width: 55%; } }
  .grid-row.events picture {
    order: 2;
    width: 25%;
    padding: 15px 0;
    /*BR-1333, BR1338
      This fixes an issue w/ images being too wide in only IE
      Max-height set to 270 b/c visually, looks closest to what it looks like in Edge
      removed height on image
      width on image stays. it pushes the image over, but retains proportion
      leaving flexbox b/c the picure takes up full vertical height
    */ }
    @media (min-width: 768px) {
      .grid-row.events picture {
        padding: 20px 0;
        width: 36%; } }
    @media (min-width: 1280px) {
      .grid-row.events picture {
        width: 45%; } }
    @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .grid-row.events picture {
        display: flex;
        width: auto;
        height: auto; }
        .grid-row.events picture img {
          width: auto;
          max-height: 270px; } }
  .grid-row.events h3 {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #197a56;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
    text-transform: uppercase; }
    .grid-row.events h3.featured {
      color: #32c77f;
      margin-bottom: 0; }
    @media (min-width: 768px) {
      .grid-row.events h3 {
        margin-bottom: 7px; } }
  .grid-row.events span {
    font-weight: 300;
    color: #707070;
    display: block;
    font-size: 14px;
    line-height: 17px; }
    .grid-row.events span.place {
      padding-bottom: 30px; }
    .grid-row.events span.time + span {
      margin-top: 10px;
      margin-bottom: 10px; }
  .grid-row.events .icon-wrapper {
    margin: auto 0 20px 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit !important;
    text-transform: uppercase;
    -webkit-font-smoothing: auto;
    font-size: 18px;
    line-height: 1.5;
    speak: normal; }
    .grid-row.events .icon-wrapper .icon {
      display: inline-block;
      vertical-align: sub; }
    .grid-row.events .icon-wrapper > a {
      font-weight: bold;
      color: #32c77f; }
      .grid-row.events .icon-wrapper > a:first-child {
        margin-right: 15px; }
        .grid-row.events .icon-wrapper > a:first-child .icon::before {
          margin-right: 15px; }
  .grid-row.events .grid-column > a .icon {
    margin: auto 0 20px 0; }
  .grid-row.events .icon {
    color: #32c77f;
    font-size: 28px;
    line-height: 1.2; }
    .grid-row.events .icon.icon-social-bio-email {
      font-size: 22px; }
    .grid-row.events .icon:hover {
      color: #197a56; }

/*  !! Inherits heavily from events/_styles !! */
.grid-row.events.job-posting {
  margin-bottom: 40px; }
  .grid-row.events.job-posting .text {
    width: 100%;
    padding-right: 20px; }
  .grid-row.events.job-posting h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    color: #32c77f; }
  .grid-row.events.job-posting p {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #000;
    margin-bottom: 30px; }
    @media (max-width: 1279px) {
      .grid-row.events.job-posting p {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 25px; } }
    @media (max-width: 767px) {
      .grid-row.events.job-posting p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 22px; } }

.quote-with-image {
  margin-top: 20px;
  margin-bottom: 20px; }
  .quote-with-image .grid-column {
    align-self: flex-end;
    font-weight: 200;
    font-style: italic;
    font-size: 18px;
    line-height: 27px;
    color: #197a56; }
    @media (max-width: 767px) {
      .quote-with-image .grid-column:first-child {
        margin-bottom: 15px; } }
    .quote-with-image .grid-column span {
      display: block;
      padding-bottom: 7px; }

.container-7.quote-with-image {
  text-align: right; }
  @media (max-width: 767px) {
    .container-7.quote-with-image {
      text-align: left; } }
  .container-7.quote-with-image span {
    transform: rotateY(180deg);
    text-align: left; }
    @media (max-width: 767px) {
      .container-7.quote-with-image span {
        transform: rotateY(0); } }

.side-by-side .grid-row {
  display: block;
  margin: 25px 0; }
  @media (min-width: 768px) {
    .side-by-side .grid-row {
      display: flex;
      margin-left: 75px; }
      .deepmode .side-by-side .grid-row {
        margin-left: calc(75px + (((100vw - 75px * 2) / 15) * 1)); } }
  @media (min-width: 947px) {
    .deepmode .side-by-side .grid-row {
      margin-left: calc(75px + ((70vw / 15) * 1)); } }
  @media (min-width: 1280px) {
    .side-by-side .grid-row {
      margin-left: calc( 100px + 10vw); } }
  @media (min-width: 1280px) and (min-width: 1280px) {
    .deepmode .side-by-side .grid-row {
      margin-left: calc(100px + 10vw); } }

.side-by-side .grid-column {
  display: block; }
  @media (max-width: 767px) {
    .side-by-side .grid-column:first-child {
      margin: 0 20px 0 0; } }
  @media (max-width: 767px) {
    .side-by-side .grid-column:last-child {
      margin: -2px 0 0 20px; } }
  @media (min-width: 768px) {
    .side-by-side .grid-column {
      width: 100%;
      display: flex;
      flex-direction: column;
      flex-basis: 100%; } }

.side-by-side picture {
  width: 100%; }

/*===============
    #PUBLICATION #CLUSTER
===============*/
.publication-cluster {
  padding-top: 50px;
  /* the CTA span uses the icon font;
     we shouldn't write markup that puts text inside of the icon's span
  */ }
  .practice-area-hero + .publication-cluster {
    padding-top: 70px; }
  .publication-cluster.bg-neutral-light {
    background-color: #ebebeb; }
  .publication-cluster .view-all {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    width: 12em;
    background-color: #177b57; }
  .publication-cluster .cta a {
    font-weight: 700;
    color: #32c77f;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.5; }
  .publication-cluster .cluster-item.cluster-item-content {
    padding-top: 26px; }
    @media (min-width: 768px) {
      .publication-cluster .cluster-item.cluster-item-content {
        margin-left: 40px; } }
  @media (min-width: 768px) {
    .publication-cluster .cluster-item:nth-child(even):not(.singleTileTwoColumnCt) {
      margin-left: 40px; } }

.publication-cluster .singleTileTwoColumnCt {
  position: relative;
  overflow: hidden; }

.publication-cluster .singleTileTwoColumnCt .cluster-item {
  padding: 0; }
  .publication-cluster .singleTileTwoColumnCt .cluster-item p, .publication-cluster .singleTileTwoColumnCt .cluster-item .item-title {
    color: white; }

.publication-cluster .singleTileTwoColumnCt-info {
  padding: 30px 40px;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 80%; }
  @media (max-width: 946px) {
    .publication-cluster .singleTileTwoColumnCt-info {
      width: 100%;
      padding: 20px; } }

.publication-cluster .cluster-title {
  font-weight: 300; }
  .publication-cluster .cluster-title.cluster-header__title--no-intro {
    margin-bottom: 0; }

.publication-cluster .cluster-header__intro-paragraph {
  margin-bottom: 0; }

.publication-cluster .cluster-item {
  padding: 35px 0 30px 0;
  border-top: 1px solid #b7b7b7; }
  .publication-cluster .cluster-item:nth-child(-n+2) {
    border-top: 1px solid #b7b7b7; }
  .publication-cluster .cluster-item:only-child {
    flex-grow: 1;
    border-top: none; }
  .publication-cluster .cluster-item:last-of-type {
    padding-bottom: 20px; }
  @media (min-width: 768px) {
    .publication-cluster .cluster-item:nth-child(-n+2) {
      border-top: none; }
    .publication-cluster .cluster-item:first-child {
      border-top: none; } }
  .publication-cluster .cluster-item .item-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 10px;
    color: #197a56; }

.publication-cluster .cluster-item-image .cluster-text-over-image .item-title {
  color: #197a56; }

.publication-cluster .cluster-item-image .cluster-text-over-image .item-title, .publication-cluster .cluster-item-image .cluster-text-over-image p {
  color: #fff; }

.publication-cluster .grid-row:first-child ~ .grid-row .cluster-item {
  border-top: 1px solid #b7b7b7; }

.item-link-withImage {
  display: block; }

.cluster-featured-item .cluster-item {
  padding-bottom: 60px; }

.item-category {
  color: #32c77f;
  margin-bottom: 10px; }

.item-image, .item-video {
  margin-bottom: 25px; }

.item-link {
  color: inherit;
  transition: all .3s ease-in-out; }
  .item-link:hover, .item-link:active, .item-link:focus {
    color: #8b8b8b;
    outline: none; }

/*===============
    #PUBLICATION #ARTICLE
===============*/
.publication-article {
  margin-top: 40px; }
  .publication-article h3 {
    color: #32c77f; }
  .publication-article .article-content .article-content-container {
    border: 1px solid #32c77f; }
    .publication-article .article-content .article-content-container .article-item {
      display: flex;
      flex-basis: calc(50% - 80px);
      border-bottom: 1px solid #b7b7b7; }
      .publication-article .article-content .article-content-container .article-item:nth-of-type(odd) {
        margin: 40px 0 0 40px; }
      .publication-article .article-content .article-content-container .article-item:nth-of-type(even) {
        margin: 40px 40px 0 0; }
      .publication-article .article-content .article-content-container .article-item:nth-last-child(-n+2) {
        border-bottom: none; }
      .publication-article .article-content .article-content-container .article-item p {
        margin-bottom: 40px; }
    @media (max-width: 946px) {
      .publication-article .article-content .article-content-container .article-item:last-child p {
        margin-bottom: 0; } }

@media (max-width: 767px) {
  .publication-article .publication-section-title {
    color: #32c77f; }
  .publication-article .article-content .article-content-container {
    border: 1px solid #32c77f; }
    .publication-article .article-content .article-content-container .article-item {
      display: flex;
      border-bottom: 1px solid #b7b7b7; }
      .publication-article .article-content .article-content-container .article-item:nth-of-type(odd) {
        margin: 20px; }
      .publication-article .article-content .article-content-container .article-item:nth-of-type(even) {
        margin: 20px; }
      .publication-article .article-content .article-content-container .article-item:nth-last-child(-n+2) {
        border-bottom: 1px solid #b7b7b7; }
      .publication-article .article-content .article-content-container .article-item:last-child {
        border-bottom: none; }
      .publication-article .article-content .article-content-container .article-item p {
        margin-bottom: 20px; } }

/*===============
    #PUBLICATION #FILTER
===============*/
.publication-filter {
  margin-top: 120px;
  padding: 50px 0;
  background-color: #f1f1f1; }

.publication-filter-header {
  margin-bottom: 20px; }

.publication-pub-filters {
  margin-bottom: 50px; }

.publication-pub-filters-container.mobile {
  display: block; }
  .publication-pub-filters-container.mobile .filters-title {
    display: inline-flex;
    color: #b7b7b7;
    margin: 0; }
  .publication-pub-filters-container.mobile .publication-pub-filters-dropdown {
    border: none;
    text-decoration: underline;
    background-color: #f1f1f1;
    color: #32c77f;
    padding-left: 0; }
    .publication-pub-filters-container.mobile .publication-pub-filters-dropdown:hover, .publication-pub-filters-container.mobile .publication-pub-filters-dropdown:focus, .publication-pub-filters-container.mobile .publication-pub-filters-dropdown:active {
      color: #32c77f; }

.publication-pub-filters-container.desktop {
  display: none; }

.publication-pub-filters-container .icon-filters-carrot {
  color: #989898;
  font-size: 7px;
  margin-left: 5px; }

.publication-filter-item {
  display: flex;
  flex-basis: calc(50% - 40px);
  border-bottom: 1px solid #ccc;
  padding-bottom: 50px; }
  .publication-filter-item:nth-of-type(odd) {
    margin: 20px 0 0 0; }
  .publication-filter-item:nth-of-type(even) {
    margin: 20px 0 0 0; }
  .publication-filter-item:first-child {
    border-top: 1px solid #ccc;
    padding-top: 20px; }
  .publication-filter-item:last-child {
    border-bottom: none; }
  .publication-filter-item p {
    margin-bottom: 0px;
    color: #197a56; }
    .publication-filter-item p:hover, .publication-filter-item p:focus, .publication-filter-item p:active {
      color: #8b8b8b; }

.publication-view-more-container {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 16px;
  line-height: 24px; }
  .publication-view-more-container p {
    font-size: 16px;
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: bold; }

@media (min-width: 768px) {
  .publication-pub-filters {
    margin-bottom: 0; }
  .publication-pub-filters-container {
    margin-bottom: 35px; }
    .publication-pub-filters-container.mobile {
      display: none; }
    .publication-pub-filters-container.desktop {
      display: block; }
      .publication-pub-filters-container.desktop .filters-title {
        display: inline;
        margin-right: 10px; }
  .publication-pub-filters-list {
    display: inline; }
  .publication-pub-filters-list-item {
    display: inline;
    padding: 0;
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase; }
    .publication-pub-filters-list-item:before {
      display: none; }
    .publication-pub-filters-list-item a {
      color: #ccc; }
      .publication-pub-filters-list-item a:hover, .publication-pub-filters-list-item a:focus, .publication-pub-filters-list-item a:active {
        color: #32c77f; }
        .publication-pub-filters-list-item a:hover:before, .publication-pub-filters-list-item a:focus:before, .publication-pub-filters-list-item a:active:before {
          color: #32c77f; }
      .publication-pub-filters-list-item a:before {
        position: relative;
        top: -.4ex;
        content: "\25cf";
        vertical-align: middle;
        font-size: .8em;
        color: #ccc;
        margin-right: 10px;
        margin-left: 5px; }
        .publication-pub-filters-list-item a:before:first-child {
          margin-left: 0; }
  .publication-filter-item {
    display: flex;
    flex-basis: calc(50% - 40px);
    border-bottom: 1px solid #b7b7b7; }
    .publication-filter-item:nth-of-type(odd) {
      margin: 20px 0 0 0; }
    .publication-filter-item:nth-of-type(even) {
      margin: 20px 0 0 0; }
    .publication-filter-item:nth-last-child(-n+2) {
      position: relative;
      border-bottom: none; }
      .publication-filter-item:nth-last-child(-n+2)::after {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom, rgba(241, 241, 241, 0) 0%, #f1f1f1 60%); }
      .publication-filter-item:nth-last-child(-n+2):hover:after {
        content: none; }
    .publication-filter-item:nth-child(-n+2) {
      border-top: 1px solid #b7b7b7;
      padding-top: 20px;
      margin-top: 0; }
    .publication-filter-item p {
      font-size: 24px;
      line-height: 32px; }
  .publication-view-more-container {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #b7b7b7;
    border-top: 1px solid #b7b7b7; }
    .publication-view-more-container p {
      font-size: 16px;
      margin: 20px 0;
      text-transform: uppercase;
      font-weight: bold; } }

.careers .item-link-withImage picture img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  /* This font family declaration is necessary for the object-fit polyfill for IE11. */ }

/*===============
    #PUBLICATION #VIDEO #LAYOUT
===============*/
.video-tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 60px 0 80px;
  margin: 25px 0; }

.video-collection__video-footer {
  display: flex;
  padding: 10px; }
  .video-collection__video-footer .video-tab-share-container {
    margin: 0 0 0 auto; }
    .video-collection__video-footer .video-tab-share-container .share {
      float: none;
      margin-right: 0; }
  @media (max-width: 767px) {
    .video-collection__video-footer {
      background: #000; } }

/*BP4-1207: rare instance that video tab comes after hero */
.practice-area-hero + .publications-video-tab {
  margin-top: -20px;
  padding-top: 80px; }

@media (min-width: 947px) {
  .video-tab.container-4 .grid-row {
    margin-left: 75px;
    width: calc(100% - 75px * 2); } }

@media (min-width: 1280px) {
  .video-tab.container-4 .grid-row {
    margin-left: 100px;
    width: calc(100% - 100px * 2); } }

.video-tab.container-4 .grid-column:first-child {
  margin-right: 0; }

.video-tab-wrapper {
  align-items: flex-start; }
  @media (max-width: 767px) {
    .video-tab-wrapper {
      width: calc(100% - 40px); } }
  @media (min-width: 768px) {
    .video-tab-wrapper:not(.video-tab-wrapper__header) {
      background: #000; } }

.video-tab-player-header-container {
  position: relative; }

.video-tab-share-container {
  margin-top: 10px; }

.video-tab-share-container .share {
  float: right; }

/*=== Header ===
 -header
 -category
 -collection-title
 -description
*/
.video-tab-header {
  margin-bottom: 10px; }
  @media (min-width: 947px) {
    .video-tab-header {
      margin-bottom: 25px; } }

.video-tab-category.video-tab-category {
  font-size: 1em;
  line-height: 1.125; }
  @media (min-width: 947px) {
    .video-tab-category.video-tab-category {
      font-size: 1.125em;
      margin-bottom: 15px; } }

.video-tab-collection-title {
  font-weight: 400;
  color: black;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 25px;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif; }
  @media (min-width: 768px) {
    .video-tab-collection-title {
      margin-bottom: 35px; } }
  @media (min-width: 947px) {
    .video-tab-collection-title {
      font-size: 28px;
      line-height: 36px;
      margin-bottom: 35px; } }
  @media (min-width: 1280px) {
    .video-tab-collection-title {
      font-size: 35px;
      line-height: 44px; } }

@media (max-width: 946px) {
  .video-tab .grid-row.video-tab-collection-title {
    margin-left: 20px; } }

@media (min-width: 1280px) {
  .video-tab .grid-row.video-tab-collection-title {
    margin-left: calc(100px + 10vw); } }

@media (min-width: 768px) {
  .video-tab-description {
    margin-right: calc((((100vw - 75px * 2) / 15) * 1)); } }

@media (min-width: 947px) {
  .video-tab-description {
    width: 67%; } }

.video-tab-description p {
  font-size: 1em;
  line-height: 1.5; }
  @media (min-width: 1280px) {
    .video-tab-description p {
      font-size: 1.125em; } }

/*=== Left Side ===
-title
-video-player
  -player-header
    -section
    -title
    -speaker
    -duration
  -video
*/
.video-tab-title {
  font-size: 20px;
  line-height: 1.35;
  width: 100%;
  margin-bottom: 24px; }
  @media (min-width: 1280px) {
    .video-tab-title {
      font-size: 24px;
      margin-bottom: 28.8px; } }
  @media (min-width: 1600px) {
    .video-tab-title {
      font-size: 28px;
      margin-bottom: 34px; } }

.video-tab-player-header {
  order: 1;
  margin-top: 20px;
  margin-left: 15px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-height: 50%; }
  @media (min-width: 768px) {
    .video-tab-player-header {
      position: absolute;
      top: auto;
      right: 0%;
      bottom: 0;
      left: 0%;
      padding-left: 34px;
      z-index: 1;
      margin: 0; } }

.video-tab-player-header .video-tab-title {
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .video-tab-player-header .video-tab-title {
      margin-bottom: 30px; } }

.video-tab-section {
  font-size: 16px;
  line-height: 1.3333;
  margin-bottom: 5px; }
  @media (min-width: 1280px) {
    .video-tab-section {
      font-size: 18px;
      margin-bottom: 10px; } }

.video-tab-duration,
.video-tab-speaker {
  font-size: .75em;
  line-height: 1; }
  @media (min-width: 1280px) {
    .video-tab-duration,
    .video-tab-speaker {
      font-size: 1.125em; } }

.video-tab-speaker {
  margin-top: .9em;
  margin-bottom: 1em; }
  @media (min-width: 768px) {
    .video-tab-speaker {
      margin-top: 1.667em;
      margin-bottom: 2.75em; } }
  .video-tab-speaker:empty {
    display: block; }

.video-tab-player {
  order: -1;
  position: relative;
  margin-bottom: 20px;
  width: 100%; }
  @media (min-width: 768px) {
    .video-tab-player {
      margin-bottom: 0;
      width: auto; } }
  @media (max-width: 767px) {
    .video-tab-player {
      background: #000; } }

.video-tab-video {
  width: 100% !important;
  /*SW - For some reason the video upon re-instantiation resets the width to a fixed size.  This needs to stay 100%.  Will sort it out later.*/ }

/*=== Right Side ===
video-collection
  -list-header
    -item-content
      -item-info
      -title
  -list
    -item
*/
.video-tab-video-collection {
  display: flex;
  flex-direction: column;
  width: 94vw;
  overflow: hidden;
  position: relative; }
  @media (min-width: 768px) {
    .video-tab-video-collection {
      height: 100%;
      width: auto;
      overflow: inherit;
      margin-left: calc(60vw / 30); } }
  .video-tab-video-collection .video-tab-title {
    line-height: 1.5; }
  .video-tab-video-collection .video-tab-title {
    font-size: 14px;
    margin-bottom: 0; }
    @media (min-width: 1280px) {
      .video-tab-video-collection .video-tab-title {
        font-size: 16px; } }

.video-tab-list-header,
.video-tab-item {
  padding: 8px 15px; }
  @media (min-width: 947px) {
    .video-tab-list-header,
    .video-tab-item {
      padding: 15px 15px; } }

.video-tab-list-header {
  display: none; }

.video-tab-list {
  flex-grow: 1;
  display: flex;
  overflow-y: hidden;
  width: 100vw; }
  .video-tab-list::after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 88%;
    background: linear-gradient(to right, rgba(48, 48, 48, 0) 0%, #303030 40%); }
  @media (min-width: 768px) {
    .video-tab-list {
      display: block;
      flex-basis: 40%;
      width: auto;
      height: 100%; }
      .video-tab-list::after {
        content: none; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .video-tab-list.mCustomScrollbar {
    overflow-y: hidden; } }

/*=== -tab-item
-tab-item
  -preview-img
  -item-content
    -item-info
    -title

*/
.video-tab-item {
  height: 100%;
  position: relative; }
  .video-tab-item:last-child {
    padding-right: 32vw; }
  @media (min-width: 768px) {
    .video-tab-item {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start; }
      .video-tab-item:last-child {
        padding-right: 0; } }

.video-tab-item-content {
  flex-grow: 1;
  padding-right: 15px;
  width: 67vw;
  min-height: 4em; }
  @media (min-width: 768px) {
    .video-tab-item-content {
      width: 100%;
      min-height: auto;
      height: 100%;
      overflow: hidden; } }

@media (min-width: 768px) {
  .video-tab-preview-img + .video-tab-item-content {
    width: calc(61% - 30px); } }

.video-tab-preview-img {
  width: 67vw;
  margin-bottom: 10px;
  position: relative; }
  @media (min-width: 768px) {
    .video-tab-preview-img {
      min-width: 100px;
      max-width: 38%;
      margin-right: 15px;
      margin-bottom: 0; }
      .video-tab-preview-img img {
        width: 100%; } }

.video-tab-item-info.video-tab-item-info {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 0; }
  @media (min-width: 947px) {
    .video-tab-item-info.video-tab-item-info {
      margin-bottom: 0; } }

.video-tab_noListHeader .video-tab-list-header {
  display: none; }

/*=== footer ===
 -footer
 -footerTitle
 -footerShares
 -footerCTAs
*/
.video-tab-footer {
  width: 100%;
  margin: 10px 0 0 0; }
  @media (min-width: 768px) {
    .video-tab-footer {
      margin-top: 50px; } }

@media (min-width: 768px) {
  .video-tab-footerContent {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 0;
    width: 100%; } }

.video-tab-footerTitle {
  font-size: 1em;
  width: 100%;
  margin: 0 0 20px 0; }
  .video-tab-footerTitle span:first-child,
  .video-tab-footerTitle a span:first-child {
    color: #e72b1e; }
  .video-tab-footerTitle span:last-child,
  .video-tab-footerTitle a span:last-child {
    color: #fff; }
  @media (min-width: 768px) {
    .video-tab-footerTitle {
      order: 1;
      width: auto;
      font-size: 1.125em; } }
  @media (min-width: 768px) {
    .video-tab-footerTitle {
      font-size: 1.75em; } }

.video-tab__footer-title {
  width: 150px; }
  @media (min-width: 768px) {
    .video-tab__footer-title {
      width: 250px; } }

.video-tab-footerCTAs {
  display: inline-flex;
  flex-direction: row; }
  @media (min-width: 768px) {
    .video-tab-footerCTAs {
      flex-grow: 1; } }

.video-tab-cta {
  font-size: .75em;
  padding: 15px 30px; }

.video-tab-footerShares {
  order: 3; }
  .video-tab-footerShares :last-child {
    margin-right: 0; }

.video-tab__hide-share-icon {
  display: none; }

/*===============
    #PUBLICATION #VIDEO #SKIN
===============*/
.video-tab {
  color: #fff;
  background-color: #333; }

.isIE .video-tab.container-4 {
  background-color: #333; }

.video-tab-category,
.video-tab-description,
.video-tab-description > *,
.video-tab-collection-title,
.video-tab-title.video-tab-title,
.video-tab-duration,
.video-tab-item-info,
.video-tab-list-more,
.video-tab-cta,
.video-tab-footerTitle,
.video-tab-footerShares,
.video-tab-speaker {
  color: inherit; }

.video-tab-collection-title {
  font-weight: 300; }

.video-tab-category,
.video-tab-title.video-tab-title,
.video-state-info {
  font-weight: 200; }

.video-tab-title {
  text-transform: none; }

.video-tab-category,
.video-tab-cta,
.video-tab-speaker {
  text-transform: uppercase; }

.video-tab-section {
  color: #32c77f; }

/*
specificity overrides sponsored in part by:
 .standalone-article span
 .standalone-article p
*/
.video-tab-category.video-tab-category,
.video-tab-description.video-tab-description > *,
.video-tab-speaker.video-tab-speaker,
.video-tab-item-info.video-tab-item-info,
.video-tab-item-info.video-tab-item-info > *,
.video-tab-duration.video-tab-duration,
.video-tab-duration.video-tab-duration > *,
.video-tab-cta.video-tab-cta {
  color: inherit;
  font-family: inherit;
  font-weight: 300; }

.video-tab-video-collection {
  transition: all .3s ease-in-out; }

.video-tab-player-header {
  transition-property: opacity, z-index;
  transition-duration: .3s, .1s;
  transition-delay: 0, .4s;
  transition-timing-function: ease-in-out; }

@media (min-width: 768px) {
  .vjs-playing .video-tab-player-header {
    z-index: -1 !important;
    opacity: 0 !important; } }

.video-tab-list-header {
  background: rgba(255, 255, 255, 0.2); }

.video-tab-item {
  transition: all .2s ease-in-out; }
  .video-tab-item::before {
    content: "\f101";
    position: absolute;
    top: 8px;
    left: 15px;
    z-index: 1;
    color: #fff;
    font-family: VideoJS;
    text-shadow: none;
    line-height: 1;
    padding: 8px;
    width: auto;
    height: auto;
    background-color: #32c77f;
    margin: auto; }
  .video-tab-item:hover, .video-tab-item:focus, .video-tab-item.isActive {
    background: rgba(255, 255, 255, 0.2); }
    .video-tab-item:hover::before, .video-tab-item:focus::before, .video-tab-item.isActive::before {
      background-color: rgba(10, 20, 50, 0.75); }
  @media (min-width: 768px) {
    .video-tab-item::before {
      content: none; } }
  .video-tab-item .video-tab-title {
    margin-bottom: 0; }

.video-tab-cta {
  letter-spacing: 2px;
  border: 1px solid #fff; }

.video-tab-footerShares a {
  color: inherit; }

/*===============
    #PUBLICATION #VIDEO #VJS
===============*/
/*===============
    #PUBLICATION #VIDEO #STATES
===============*/
.ui-vtHidden {
  display: none; }

.ui-vtCollapsed {
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  overflow: hidden; }

.ui-vtTransparent {
  color: transparent; }

/*===============
    #PUBLICATION #VIDEO #HERO
===============*/
/*
  attempts to preserve as much original code of the hero video as possible
  Moves title to overlay the background image/video
  changes font family/ color
*/
.publication-hero-video .notch {
  margin-top: 0; }
  @media (min-width: 768px) {
    .publication-hero-video .notch {
      margin-top: calc(-1 * (5.2em + 100px)); }
      .publication-hero-video .notch::before {
        height: 150px; } }
  @media (min-width: 947px) {
    .publication-hero-video .notch {
      margin-top: calc(-1 * (5.2em + 180px)); }
      .publication-hero-video .notch::before {
        height: 225px; } }

.publication-hero-video .play {
  /* easiest way to set the duration on the same line as the play button,
  since the play button is also position absolute,
  putting 2 elements in same container would accomplish nothing
  For concern about visually impaired not knowing about duration of the video, recommend using the track element
  */ }
  .publication-hero-video .play::after {
    color: #fff;
    font-weight: 200;
    content: attr(data-video-duration);
    position: absolute;
    left: 100%;
    top: 40%;
    font-size: 16px;
    padding-left: 1em;
    width: 8em; }
  @media (min-width: 768px) {
    .publication-hero-video .play {
      top: -3em; } }

.publication-hero-video .hero-content h1:first-line {
  color: black; }

@media (min-width: 768px) {
  .publication-hero-video .hero-content h1 {
    position: relative;
    width: 67%; }
    .publication-hero-video .hero-content h1:first-line {
      color: white; } }

@media (min-width: 1280px) {
  .publication-hero-video video::-webkit-media-controls,
  .publication-hero-video *::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none; }
  .publication-hero-video *::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none; }
  /* Old shadow dom for play button */
  .publication-hero-video *::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none; }
  /* New shadow dom for play button */
  .publication-hero-video *::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none; }
  .publication-hero-video *::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none; } }

.infographic {
  margin-bottom: 50px; }
  .infographic .grid-row {
    position: relative; }
  .infographic textarea {
    display: none; }
  .infographic .code-popup {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 20;
    background: rgba(0, 0, 0, 0.75);
    border: 10px solid rgba(0, 0, 0, 0);
    left: -10px;
    box-sizing: content-box;
    height: 100%;
    width: 100%;
    transform: scale3d(0, 0, 0);
    transition: transform .25s; }
    .infographic .code-popup.show {
      transform: scale3d(1, 1, 1); }
    .infographic .code-popup .close {
      color: #fff;
      position: absolute;
      right: 10px;
      top: 10px;
      z-index: 2;
      cursor: pointer; }
    .infographic .code-popup .code-wrap {
      width: 80%;
      margin: auto auto 30% auto;
      -webkit-user-select: all;
      user-select: all; }
      .infographic .code-popup .code-wrap p {
        margin-bottom: 5px;
        color: #fff; }
    .infographic .code-popup .code {
      background: #fff;
      padding: 5px;
      -webkit-user-select: all;
      user-select: all; }
      @media (max-width: 767px) {
        .infographic .code-popup .code {
          word-break: break-word; } }
      .infographic .code-popup .code.copied {
        position: relative; }
        .infographic .code-popup .code.copied:after {
          animation-name: pulse;
          animation-duration: 5s;
          animation-fill-mode: forwards;
          content: "Copied to Clipboard";
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          margin: auto;
          background: rgba(255, 255, 255, 0.75);
          color: #000;
          font-size: 16px;
          padding: 5px;
          font-weight: 400; }
  .infographic .title, .infographic .med-pub .title > a, .med-pub .infographic .title > a, .infographic .small-pub .title > a, .small-pub .infographic .title > a {
    font-weight: 700;
    font-size: 12px; }
  .infographic footer {
    margin: 10px 0 0 0;
    clear: both;
    overflow: auto; }
    .infographic footer p {
      margin: 0;
      padding: 0; }
  .infographic .credit-caption {
    float: left; }
  .infographic .credit {
    text-transform: uppercase;
    color: #ccc;
    font-size: 12px; }
  .infographic .caption {
    font-size: 12px;
    color: #333333; }
  .infographic .media > * {
    width: auto !important;
    height: auto !important; }
  .infographic .embed-link {
    border: 1px solid #ccc;
    padding: 10px 20px;
    color: #ccc;
    font-size: 12px;
    display: inline-block;
    float: right; }

@media print {
  .bhi-pt .embed-link {
    display: none; } }

@keyframes pulse {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.annotation sup {
  position: relative;
  top: -5px;
  margin-left: 1px;
  vertical-align: top; }

.antn-rail {
  position: absolute;
  right: 5%;
  top: 0;
  width: 250px;
  opacity: 0; }
  .antn-rail p {
    display: inline-block;
    word-wrap: break-word; }
  .antn-rail div[class^="antn"] .antn-link {
    display: block; }

.antn-link [class*="icon"] {
  display: inline-block;
  margin-left: 5px; }

@media (min-width: 1100px) and (max-width: 1200px) {
  .antn-rail {
    width: 200px;
    right: 3%; } }

.antn-number {
  flex-shrink: 0;
  margin-right: 5px; }

@media (min-width: 1100px) {
  .antn-rail div[class^="antn"] {
    display: flex; } }

.makeVis.antn-rail {
  opacity: 1; }

.antn-container {
  display: none; }
  @media print {
    .antn-container {
      margin-bottom: 30mm;
      display: inline-block; }
      .antn-container div[class^="antn"] {
        display: inline-flex; }
      .antn-container span, .antn-container p {
        display: inline-flex;
        margin-bottom: 0; }
      .antn-container a {
        display: none; } }

.antn-mobile {
  margin-top: 20px;
  margin-bottom: 20px; }
  .antn-mobile .close {
    position: static;
    margin-top: -20px;
    float: right; }
  .antn-mobile div[class^="antn"] {
    display: flex; }
    .antn-mobile div[class^="antn"] div {
      margin-bottom: 20px; }
      .antn-mobile div[class^="antn"] div a {
        display: block;
        margin-top: 5px; }
        .antn-mobile div[class^="antn"] div a span {
          margin-left: 5px; }

.annotation {
  color: inherit; }

sup .annotation,
.annotation sup {
  color: #32c77f;
  font-weight: 300;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

[class^="antn-"] {
  font-size: 14px;
  line-height: 21px; }
  [class^="antn-"] .antn-number,
  [class^="antn-"] .antn-link,
  [class^="antn-"] a {
    color: #32c77f;
    font-size: inherit;
    line-height: inherit; }
  [class^="antn-"] p {
    color: #b7b7b7;
    font-size: inherit;
    line-height: inherit; }
  [class^="antn-"] a {
    text-decoration: underline; }

.antn-mobile {
  border-bottom: 1px solid #b7b7b7;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }
  .antn-mobile .close {
    color: #b7b7b7;
    font-size: 14px; }

.practice-area-hero {
  position: relative;
  margin-bottom: 100px;
  /* ===========
    fonts
  =========== */
  /* DTTM-1782 - This is the "slim" version of the practice-are-hero. 
  the background image is an 8:3 aspect ratio and we needed to make the carousel
  images shorter as well so they were not too large relative to the height of 
  the background image. this requires making the font smaller so it doesnt overflow
  the container */ }
  .practice-area-hero h1 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .practice-area-hero h2 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .practice-area-hero h3 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .practice-area-hero h4 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .practice-area-hero h5 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .practice-area-hero h6 {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .practice-area-hero p {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0; }
  .practice-area-hero.no-embedded-slides {
    margin-bottom: 30px; }
  .practice-area-hero .dark:after {
    height: 100%; }
  @media (min-width: 768px) {
    .practice-area-hero.less-than-3:not(.pubs-article-4-pack) .panel {
      max-height: 20vw;
      overflow: hidden; } }
  @media (min-width: 947px) {
    .practice-area-hero.less-than-3 .panel {
      max-height: 20vw;
      overflow: hidden; } }
  .practice-area-hero .carousel {
    width: calc(100% - 20px - 75px);
    margin-left: 20px;
    transition: margin-left .25s; }
    .practice-area-hero .carousel .panel {
      display: inline-block;
      position: relative;
      border-right: 1px solid #fff;
      width: 400px;
      padding-left: 0; }
      .practice-area-hero .carousel .panel:last-child {
        border-right: none; }
      .practice-area-hero .carousel .panel .content {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
        padding: 20px;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0; }
      .practice-area-hero .carousel .panel .read-more {
        margin-top: auto;
        color: #fff; }
        .practice-area-hero .carousel .panel .read-more:hover, .practice-area-hero .carousel .panel .read-more:active, .practice-area-hero .carousel .panel .read-more:focus {
          outline: none; }
  @media (max-width: 767px) {
    .practice-area-hero .title, .practice-area-hero .med-pub .title > a, .med-pub .practice-area-hero .title > a, .practice-area-hero .small-pub .title > a, .small-pub .practice-area-hero .title > a {
      position: absolute;
      top: 35%;
      left: 0;
      width: calc(100% - 20px * 2);
      margin-left: 20px; }
      .practice-area-hero .title .read-more {
        display: inline-block; }
    .practice-area-hero .carousel-wrapper {
      position: absolute;
      bottom: -70px;
      width: 100%;
      overflow: hidden; }
      .practice-area-hero .carousel-wrapper:before, .practice-area-hero .carousel-wrapper:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 50px;
        transition: width .25s;
        top: 0;
        z-index: 20; }
      .practice-area-hero .carousel-wrapper:before {
        left: 0;
        background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%); }
      .practice-area-hero .carousel-wrapper:after {
        right: 0;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%); }
      .practice-area-hero .carousel-wrapper.first-slide:before {
        width: 0; }
      .practice-area-hero .carousel-wrapper.last-slide:after {
        width: 0; }
      .practice-area-hero .carousel-wrapper.last-slide .carousel {
        margin-left: 75px; }
    .practice-area-hero .carousel .slick-list {
      overflow: visible; } }
  @media (min-width: 768px) {
    .practice-area-hero .title-and-carousel {
      position: absolute;
      display: flex;
      flex-direction: column;
      height: calc(100% + 70px);
      bottom: -70px;
      width: 100%; }
    .practice-area-hero .title, .practice-area-hero .med-pub .title > a, .med-pub .practice-area-hero .title > a, .practice-area-hero .small-pub .title > a, .small-pub .practice-area-hero .title > a {
      margin-left: 75px;
      margin-top: auto;
      margin-bottom: auto;
      width: calc(100% - 75px * 2); }
    .practice-area-hero .carousel {
      width: calc(100% - 75px * 2);
      margin-left: 75px; } }
  @media (min-width: 947px) {
    .practice-area-hero .title, .practice-area-hero .med-pub .title > a, .med-pub .practice-area-hero .title > a, .practice-area-hero .small-pub .title > a, .small-pub .practice-area-hero .title > a {
      width: calc(100% - 75px * 2);
      margin-left: 75px; }
    .practice-area-hero .carousel {
      margin-left: 75px; } }
  @media (min-width: 1280px) {
    .practice-area-hero .title, .practice-area-hero .med-pub .title > a, .med-pub .practice-area-hero .title > a, .practice-area-hero .small-pub .title > a, .small-pub .practice-area-hero .title > a {
      width: calc(100% - 100px * 2);
      margin-left: 100px; }
    .practice-area-hero .carousel {
      width: calc(100% - 100px * 2);
      margin-left: 100px; } }
  .practice-area-hero .title h1, .practice-area-hero .title .h1 {
    color: #fff;
    font-weight: 300;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 30px; }
  .practice-area-hero .title .read-more {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 1; }
  .practice-area-hero .read-more:after {
    font-family: 'dotBCG-Icons';
    font-size: small;
    margin-left: 10px; }
  .practice-area-hero .carousel h2 {
    font-weight: 300;
    font-size: 20px;
    line-height: 26px; }
  .practice-area-hero .carousel .read-more {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px; }
  @media (min-width: 768px) {
    .practice-area-hero.pubs-article-4-pack:not(.less-than-3) .carousel .content {
      padding: 12px; }
    .practice-area-hero.pubs-article-4-pack:not(.less-than-3) .carousel h2 {
      font-size: 18px;
      line-height: 21px; } }
  @media (min-width: 947px) {
    .practice-area-hero .title h1, .practice-area-hero .title .h1 {
      font-size: 48px;
      line-height: 55px; }
    .practice-area-hero .title .read-more {
      font-size: 18px; }
    .practice-area-hero .carousel h2 {
      font-size: 28px;
      line-height: 32px; }
    .practice-area-hero .carousel .read-more {
      font-size: 16px; } }

.publication-cluster + .pubs-article-4-pack {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .publication-cluster + .pubs-article-4-pack:before {
      content: "";
      background: #b7b7b7;
      height: 1px;
      width: calc(100% - 40px);
      top: -40px;
      left: 0;
      position: relative;
      display: block;
      margin-left: 20px; } }

/*===============
    #Scrollbar
===============*/
.mCustomScrollbar {
  position: relative; }

.mCSB_scrollTools {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 12px;
  height: auto; }

.mCSB_draggerContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto; }

.mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1; }

.mCSB_draggerRail {
  width: 12px;
  height: 100%;
  margin: 0 auto;
  background-color: #252525; }

.mCSB_dragger_bar {
  position: relative;
  width: 12px;
  height: 100%;
  margin: 0 auto;
  background-color: #8b8b8b; }

.scroll-tracker {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 3px;
  z-index: 21;
  background: #fff; }
  .scroll-tracker .track {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: #32c77f;
    /* Old browsers */
    background: -moz-linear-gradient(left, #32c77f 0%, #e4ef39 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #32c77f 0%, #e4ef39 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #32c77f 0%, #e4ef39 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .scroll-tracker .beam {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ddd;
    transition: width .35s; }
  @media (min-width: 768px) {
    .scroll-tracker {
      width: calc(100% - 50px);
      margin-left: 50px; } }
  @media (min-width: 1280px) {
    .scroll-tracker {
      width: calc(100% - 65px);
      margin-left: 65px; } }

/*===============
  #ALUMNI #OBJECTS
===============*/
/*=== alumniNav
-items
-item
 -link
 -icon
 -title
 -description
===*/
.alumniNav {
  width: 100%;
  height: inherit; }

.alumniNav-items {
  background-color: #f2f2f2; }
  @media (min-width: 768px) {
    .alumniNav-items {
      background-color: transparent; } }

.alumniNav-item {
  color: #fff; }

.alumniNav-item-icon {
  font-size: 1.5em; }

.alumniNav-item-title {
  text-transform: uppercase;
  margin-top: .9375em;
  margin-bottom: 0; }

.alumniNav-item-link,
.alumniNav-item-title,
.alumniNav-item-description {
  color: inherit; }

/*=== alumniTitle

===*/
.alumniTitle {
  font-size: 1.5em;
  line-height: 1.25;
  margin: 0; }
  @media (min-width: 768px) {
    .alumniTitle {
      font-size: 2.1875em;
      margin-bottom: 1em; } }

.alumniSubtitle {
  font-weight: 700;
  color: #707070;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 27px; }

/*===============
    #ALUMNI #RIBBON
===============*/
/*=== ribbon ===
-profile
alumniNav

_iconsOnly
_profileEnd
_profileOUt
*/
.ribbon {
  position: fixed;
  bottom: 0;
  z-index: 2;
  /*SW: Lowered the z-index from 10 to 2 to allow the login dropDown to display over the ribbon bar.*/
  width: 100vw;
  height: 40px; }
  @media (min-width: 768px) {
    .ribbon {
      overflow: hidden;
      top: 50px;
      left: 0;
      bottom: auto;
      display: flex;
      flex-direction: row;
      padding: 0 calc(15vw + 15px) 0 0;
      height: 103px; } }
  @media (min-width: 1280px) {
    .ribbon {
      top: 66px;
      padding-right: calc(15vw - 75px);
      height: 132px; } }
  @media (min-width: 1280px) {
    .ribbon {
      padding-right: calc(15vw - 35px); } }

.ribbon-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1; }
  @media (min-width: 768px) {
    .ribbon-background-image {
      width: calc(100% + 50px);
      left: -50px; } }
  @media (min-width: 1280px) {
    .ribbon-background-image {
      width: calc(100% + 65px);
      left: -65px; } }
  .alumni-home .ribbon-background-image {
    display: none; }

@media (min-width: 768px) {
  .ribbon.alumni-home ~ .container .alumniHero {
    padding-top: 0; } }

@media (min-width: 768px) {
  .ribbon:not(.alumni-home) ~ section.container .content-wrapper {
    padding-top: 153px; } }

@media (min-width: 1280px) {
  .ribbon:not(.alumni-home) ~ section.container .content-wrapper {
    padding-top: 182px; } }

.ribbon_profileEnd {
  padding-right: 15px; }
  .ribbon_profileEnd .ribbon-profile {
    order: 1;
    padding-right: 0; }
  .ribbon_profileEnd .ribbon-profile-image {
    order: 1;
    margin-right: 5px; }
  .ribbon_profileEnd .ribbon-profile-content {
    justify-content: flex-end;
    text-align: right; }
  .ribbon_profileEnd .ribbon-profile-links {
    justify-content: flex-end; }
    @media (min-width: 1600px) {
      .ribbon_profileEnd .ribbon-profile-links {
        align-self: flex-start;
        margin-right: 85px; } }
  .ribbon_profileEnd .ribbon-profile-image + .ribbon-profile-content {
    margin-right: 10px; }
    .ribbon_profileEnd .ribbon-profile-image + .ribbon-profile-content .ribbon-profile-links {
      margin-right: 0; }

@media (min-width: 768px) {
  .ribbon_profileOut .ribbon-profile {
    position: absolute;
    top: -47px;
    right: 75px;
    width: auto; }
  .ribbon_profileOut.ui-ribbonUp .ribbon-profile {
    top: 0; } }

@media (min-width: 1280px) {
  .ribbon_profileOut .ribbon-profile {
    top: -57px;
    right: 85px; } }

/*=== ribbon-profile ===
-image
-content
-title
-welcome
-name
-links
-link
*/
.ribbon-profile {
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 9px 15px 15px 0;
  width: 16%; }
  @media (max-width: 767px) {
    .ribbon-profile {
      display: none !important; } }
  @media (min-width: 768px) {
    .ribbon-profile {
      display: flex; } }

.ribbon-profile-image {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
  width: 50px;
  height: 50px;
  margin-right: 20px; }
  @media (min-width: 1280px) {
    .ribbon-profile-image {
      width: 80px;
      height: 80px; } }

.ribbon-profile-content {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: space-between;
  font-size: .9375em;
  padding: 0 0 10px 0;
  height: 100%; }

.ribbon-profile-welcome {
  line-height: 1;
  margin-bottom: 10px; }

.ribbon-profile-links {
  align-self: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.ribbon-profile-link {
  margin-right: .5ex; }
  @media (min-width: 768px) {
    .ribbon-profile-link:nth-child(even)::before {
      content: "|";
      color: initial !important;
      display: inline-block;
      margin: 0 .5ex 0 0; } }

.ribbon-profile-name {
  display: block; }

/*=== alumniNav ===
-items
-item
 -link
 -tile
 -description
*/
@media (min-width: 768px) {
  .alumniNav_ribbon {
    margin-left: 75px; } }

@media (min-width: 1280px) {
  .alumniNav_ribbon {
    margin-left: calc(100px + 10vw); } }

.alumniNav_ribbon .alumniNav-items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  height: inherit; }

.alumniNav_ribbon .alumniNav-item {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5em;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .alumniNav_ribbon .alumniNav-item {
      font-size: calc(9px + .25vw);
      flex-basis: 12%;
      max-width: 15%; } }

.alumniNav_ribbon .alumniNav-item-link {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 0;
  height: 100%; }
  @media (min-width: 768px) {
    .alumniNav_ribbon .alumniNav-item-link {
      padding: 15px 5px; } }

.alumniNav_ribbon .alumniNav-item-icon {
  font-size: 1em; }
  @media (min-width: 768px) {
    .alumniNav_ribbon .alumniNav-item-icon {
      font-size: 1.5em; } }
  @media (min-width: 1280px) {
    .alumniNav_ribbon .alumniNav-item-icon {
      font-size: 2.5em; } }

.alumniNav_ribbon .alumniNav-item-title {
  display: none; }
  @media (min-width: 768px) {
    .alumniNav_ribbon .alumniNav-item-title {
      display: block;
      font-size: 1.1em;
      line-height: 1.2;
      width: 100%; } }
  @media (min-width: 1280px) {
    .alumniNav_ribbon .alumniNav-item-title {
      font-size: 1.35em; } }

.alumniNav_ribbon .alumniNav-item-description {
  display: none; }

@media (min-width: 768px) {
  .ribbon_iconsOnly {
    height: 52px; }
    .ribbon_iconsOnly .alumniNav-item-title {
      display: none; }
    .ribbon_iconsOnly .alumniNav-item-icon {
      font-size: 2.25em; } }

@media (min-width: 1280px) {
  .ribbon_iconsOnly {
    height: 65px; }
    .ribbon_iconsOnly .alumniNav-item-icon {
      font-size: 2.75em; } }

/*===============
    #RIBBON #SKIN
===============*/
.ribbon:not(.alumni-home),
.ribbon.ribbon_iconsOnly,
.ribbon.ribbon-scrolled {
  transition: transform .25s; }
  @media (min-width: 768px) {
    .ribbon:not(.alumni-home),
    .ribbon.ribbon_iconsOnly,
    .ribbon.ribbon-scrolled {
      background-image: url("../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/alumni/alumni-ribbon-bg-new.da09d185c4131aad215b9671487b983a.jpg"), linear-gradient(to right, #31c77f 0%, #78e067 73%, #7ee266 100%);
      background-repeat: no-repeat, no-repeat; }
      .ribbon:not(.alumni-home).image-override,
      .ribbon.ribbon_iconsOnly.image-override,
      .ribbon.ribbon-scrolled.image-override {
        background-image: none; } }

.ribbon-profile-image {
  transition: all .25s; }

.ribbon-profile-welcome {
  color: #fff; }

.ribbon-profile-link {
  color: #00532f;
  text-decoration: underline; }
  .ribbon-profile-link:hover, .ribbon-profile-link:focus, .ribbon-profile-link:active {
    color: #333; }

.alumniNav_ribbon .alumniNav-item {
  color: #707070;
  transition: background-color ease-in-out .25s; }
  .alumniNav_ribbon .alumniNav-item.current {
    color: #32c77f;
    position: relative; }
    @media (min-width: 768px) {
      .alumniNav_ribbon .alumniNav-item.current a:after {
        content: ' ';
        width: 0;
        height: 0;
        border-left: 0.75em solid transparent;
        border-right: 0.75em solid transparent;
        border-bottom: 0.75em solid white;
        position: absolute;
        bottom: -1px;
        left: calc(47% - 0.375em); } }
  @media (min-width: 768px) {
    .alumniNav_ribbon .alumniNav-item {
      color: #fff; }
      .alumniNav_ribbon .alumniNav-item.current, .alumniNav_ribbon .alumniNav-item:hover {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3); } }

.alumniNav_ribbon .alumniNav-item-link {
  text-align: center; }
  .alumniNav_ribbon .alumniNav-item-link:hover, .alumniNav_ribbon .alumniNav-item-link:focus, .alumniNav_ribbon .alumniNav-item-link:active {
    color: #fff; }

.alumniNav_ribbon .alumniNav-item-icon {
  transition: all .25s; }

/*===============
    #SKIN #PROFILEOUT
===============*/
@media (min-width: 768px) {
  .ribbon_profileOut .ribbon-profile {
    transition: all .25s; }
  .ribbon_profileOut.ui-ribbonUp .ribbon-profile-link:hover, .ribbon_profileOut.ui-ribbonUp .ribbon-profile-link:focus, .ribbon_profileOut.ui-ribbonUp .ribbon-profile-link:active {
    color: #fff; } }

/*===============
    #RIBBON #ANIMATIONS
===============*/
.ribbon {
  transition: left .5s, transform .35s; }

@media (min-width: 768px) {
  .ui-ribbonUp {
    transform: translateY(-51px); } }

@media (min-width: 1280px) {
  .ui-ribbonUp {
    transform: translateY(-66px); } }

.ui-ribbonUp .ribbon-profile-image {
  transform: scale(0.75) translate(-10%, 50%); }

.ui-ribbonUp .ribbon-profile-content {
  padding-top: 6px; }
  @media (min-width: 1280px) {
    .ui-ribbonUp .ribbon-profile-content {
      padding-top: 8px; } }

.alumni .top-bar-wrapper .title-and-nav {
  transition: all .35s ease-in-out; }

/*===============
    #RIBBON #LENS
===============*/
.hasRibbonUp .top-bar-wrapper:not(.deep-mode-top-bar) {
  z-index: 11; }

.hasRibbonUp .top-bar-wrapper .flags .language, .hasRibbonUp .top-bar-wrapper .flags .right-arrow {
  color: #fff; }

.hasRibbonUp .top-bar-wrapper .flags .right-arrow {
  border-left-color: #fff; }

.hasRibbonUp .top-bar-wrapper .title-and-nav {
  transform: translateY(-45px);
  margin-bottom: -65px; }

.hasRibbonUp .top-bar-wrapper .flags {
  right: 0; }

.hasRibbonUp .top-bar-wrapper .flag {
  -webkit-filter: brightness(3);
  -moz-filter: brightness(3);
  -ms-filter: brightness(3);
  filter: brightness(3); }

.open-lens ~ .ribbon {
  transform: none; }
  .open-lens ~ .ribbon .ribbon-profile-image {
    transform: none; }
  .open-lens ~ .ribbon .ribbon-profile-content {
    padding-top: 0; }
  @media (min-width: 768px) {
    .open-lens ~ .ribbon {
      transform: translateY(215px); } }
  @media (min-width: 1280px) {
    .open-lens ~ .ribbon {
      transform: translateY(160px); } }

.hasRibbonUp .top-bar-wrapper.open-lens {
  position: fixed;
  z-index: 1;
  background-color: #fff; }
  .hasRibbonUp .top-bar-wrapper.open-lens .title, .hasRibbonUp .top-bar-wrapper.open-lens .med-pub .title > a, .med-pub .hasRibbonUp .top-bar-wrapper.open-lens .title > a, .hasRibbonUp .top-bar-wrapper.open-lens .small-pub .title > a, .small-pub .hasRibbonUp .top-bar-wrapper.open-lens .title > a {
    position: static; }

/*===============
    #RIBBON #NAV
===============*/
.active-nav .ribbon {
  left: 350px; }

/*===============
    #ALUMNI #MENU
===============*/
.alumniMenu {
  padding-top: 50px;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .alumniMenu {
      display: none !important; } }

/*=== Containers ===
-search
-nav
*/
/*===  alumniMenu-search ===
-button
-input
*/
.alumniMenu-search {
  font-size: 1rem;
  line-height: 1.125;
  padding: 11px 15px;
  height: 40px;
  width: 100%; }

.alumniMenu-search-button-text {
  margin-left: 15px; }

/*=== alumniNav ===
-items
-item
 -link
 -title
 -description
*/
.alumniNav_menu .alumniNav {
  flex-shrink: 0;
  height: 500px;
  width: 100%; }

.alumniNav_menu .alumniNav-items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #cecece; }

.alumniNav_menu .alumniNav-item {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 45%;
  padding: 15px;
  border-bottom: 2px solid #fff; }
  .alumniNav_menu .alumniNav-item:nth-child(even) {
    border-left: 2px solid #fff; }

.alumniNav_menu .alumniNav-item-link {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.alumniNav_menu .alumniNav-item-title,
.alumniNav_menu .alumniNav-item-description {
  flex-grow: 1; }

.alumniNav_menu .alumniNav-item-icon {
  margin-top: 15px; }

/*===============
    #alumniMenu #SKIN
===============*/
.alumniMenu {
  background-color: #fff; }

.alumniMenu-search {
  color: #707070;
  background: #f2f2f2; }

.alumniMenu-search-button {
  color: inherit;
  font-weight: 300;
  text-transform: uppercase; }

.alumniNav_menu .alumniNav-items {
  background: linear-gradient(to right, #31c77f 0%, #78e067 73%, #7ee266 100%); }

/*===============
    #ALUMNI #LOGIN #FORM
===============*/
/*=== alumniLogin ===
-form
 -title
 -user
 -password
 -submit
 -links
 -link
-text
*/
.alumniLogin {
  padding: 15px 0 20px 0; }
  @media (min-width: 768px) {
    .alumniLogin {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 0;
      padding-bottom: 45px;
      width: 100%; } }

/*
.alumniLogin-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px 0 0 0;

  @include width-more-than($mobile-breakpoint) {
    position: relative;
    flex-wrap: nowrap;
    padding: 20px 15% 0 15%;
    width: 100%;
  }
}

.alumniLogin-form-title,
.alumniLogin-form-user,
.alumniLogin-form-password {
  width: 100%;
  margin: 0 15px 15px 0;
}

.alumniLogin-form-title {
  width: 100%;

  @include width-more-than($mobile-breakpoint) {
    width: $alTitleWidth;
    flex-shrink: 0;
  }
}

.alumniLogin-form-user,
.alumniLogin-form-password {

  @include width-more-than($mobile-breakpoint) {
    width: 35%;
    flex-shrink: 0;
    flex-grow: 0;
  }
}

.alumniLogin-form-user,
.alumniLogin-form-password,
.alumniLogin-form-submit {
  height: 2.5em; //40px
}

.alumniLogin-form-submit {
  width: 6.25em; //100px
  margin: 0 25px 25px 0;
}

.alumniLogin-form-links {
  order: 1;
  padding: .5em .5em .5em .95vw;

  @include width-more-than($mobile-breakpoint) {
    order: -1;
    flex-shrink: 0;
    position: absolute;
    left: calc(12.5% + 1vw) ; // seems to keep positioning better than a % alone when resizing browser
    padding-top: 1rem;
    width: $alTitleWidth * 1.4;
  }
}

.alumniLogin-form-link {
  font-size: .875em; //14px;
  line-height: 1.1428; //16px

  @include width-more-than($mobile-breakpoint) {
    font-size: .75em; //12px;
  }
}
*/
.alumniLogin-text {
  padding-top: 20px; }
  @media (min-width: 768px) {
    .alumniLogin-text {
      text-align: center;
      font-size: 1.5em;
      line-height: 1.375;
      padding: 25px 15% 0 15%;
      width: 100%;
      margin: 35px 0 0 0; } }
  .alumniLogin-text p {
    margin-bottom: 0; }

/*===============
    #ALUMNI #LOGIN #SKIN
===============*/
.alumniLogin {
  background-color: #fff; }

@media (min-width: 768px) {
  .alumniLogin-form {
    background-color: #f2f2f2; } }

.alumniLogin-form-title,
.alumniLogin-form-link {
  color: #707070; }

.alumniLogin-form-title {
  text-transform: uppercase;
  font-weight: 700; }

.alumniLogin-form-user,
.alumniLogin-form-password {
  color: #a6a6a6;
  font-weight: 200;
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  transition: all .3s ease-in-out; }
  .alumniLogin-form-user:hover, .alumniLogin-form-user:focus,
  .alumniLogin-form-password:hover,
  .alumniLogin-form-password:focus {
    color: #888;
    border-color: #e2e2e2; }
  .alumniLogin-form-user:active,
  .alumniLogin-form-password:active {
    color: #707070;
    border-color: #d2d2d2; }
  .alumniLogin-form-user::-webkit-input-placeholder,
  .alumniLogin-form-password::-webkit-input-placeholder {
    color: #a6a6a6; }
  .alumniLogin-form-user::-moz-input-placeholder,
  .alumniLogin-form-password::-moz-input-placeholder {
    color: #a6a6a6; }
  .alumniLogin-form-user:-ms-input-placeholder,
  .alumniLogin-form-password:-ms-input-placeholder {
    color: #a6a6a6; }
  @media (min-width: 768px) {
    .alumniLogin-form-user,
    .alumniLogin-form-password {
      border-color: #fff;
      background-color: #fff; } }

.alumniLogin-form-submit {
  color: #fff;
  background-color: #32c77f; }

.alumniLogin-form-link {
  font-weight: 300;
  border-bottom: 1px solid transparent;
  transition: all .3s ease-in-out; }
  .alumniLogin-form-link:hover, .alumniLogin-form-link:focus {
    border-color: inherit; }

/*===============
    #ALUMNI #TEASERS
===============*/
/*=== alumniTeasers ===
-title
-teasers
-teaser
 -title
 -icon
 -text
*/
.alumniTeasers {
  padding-top: 25px;
  padding-bottom: 35px;
  width: 100%; }
  @media (min-width: 768px) {
    .alumniTeasers {
      padding-left: 5vw;
      padding-right: 5vw; } }

.alumniTeasers-title,
.alumniTeasers-teaser-title {
  margin: 0 0 15px 0; }

.alumniTeasers-title {
  font-size: 1em;
  line-height: 1.5; }

@media (min-width: 768px) {
  .alumniTeasers-teasers {
    display: flex;
    flex-direction: row; } }

.alumniTeasers-teaser {
  padding: 12px 12px 0 12px;
  margin: 0 0 15px 0; }
  @media (min-width: 768px) {
    .alumniTeasers-teaser {
      flex-grow: 1;
      flex-basis: 31%;
      margin-bottom: 0; }
      .alumniTeasers-teaser:not(:first-child) {
        margin-left: 15px; } }
  @media (min-width: 1280px) {
    .alumniTeasers-teaser {
      padding-left: 20px;
      padding-right: 20px; }
      .alumniTeasers-teaser:not(:first-child) {
        margin-left: 30px; } }

.alumniTeasers-teaser-title {
  font-size: 1.125em;
  line-height: 1.33; }

.alumniTeasers-teaser-icon {
  font-size: 2em;
  margin-right: .5em;
  vertical-align: middle; }

.alumniTeasers-teaser-text,
.alumniTeasers-teaser-text * {
  font-size: 1em;
  line-height: 1.5; }

/*===============
    #ALUMNI #TEASERS #SKIN
===============*/
.alumniTeasers {
  background-color: #fff; }

.alumniTeasers-title,
.alumniTeasers-teaser-title,
.alumniTeasers-teaser-text {
  font-family: inherit; }

.alumniTeasers-title {
  color: #707070;
  font-weight: 700;
  text-transform: uppercase; }

.alumniTeasers-teaser {
  border: 1px solid #32c77f; }

.alumniTeasers-teaser-title {
  color: #32c77f;
  font-weight: 300; }

.alumniTeasers-teaser-title--disabled {
  color: #b7b7b7; }

.alumniTeasers-teaser-text {
  color: #333;
  font-weight: 300; }

/*===============
    #ALUMNI #NEWS
===============*/
/*=== alumniNews ===
-title
-articles
-article

_featured
*/
.alumniNews {
  padding: 50px 0 0 0; }
  @media (min-width: 768px) {
    .alumniNews {
      padding-top: 35px; } }

.alumniNews-title {
  font-size: 1.5em;
  line-height: 1.25;
  margin: 0; }
  @media (min-width: 768px) {
    .alumniNews-title {
      font-size: 2.1875em; } }

/*===============
    #FEATURED
===============*/
.alumniNews_featured .alumniNews-article:first-child {
  width: 100%; }
  .alumniNews_featured .alumniNews-article:first-child .alumniNews-article-title {
    font-size: 1.75em; }
  .alumniNews_featured .alumniNews-article:first-child .alumniNews-article-image {
    width: 100px;
    height: 100px; }

/*===============
    #STANDARD
===============*/
.alumniNews_standard .alumniNews-article {
  padding-bottom: 25px;
  min-height: 8em; }

.alumniNews_standard .alumniNews-article-title {
  margin-bottom: 5px; }

/*=== alumniNews-article ===
-image
-content
-title
-description
-link
-icon

_feather

*/
.alumniNews-article {
  padding: 25px 0 25px 0; }

.alumniNews-article-image {
  height: 80px;
  width: 80px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .alumniNews-article-image {
      float: left;
      margin-top: 5px;
      margin-right: calc(60vw / 30); } }

.alumniNews-article-title {
  font-size: 1.5em;
  line-height: 1.333;
  margin: 0 0 10px 0; }

.alumniNews-article-description {
  font-size: 1em;
  line-height: 1.5;
  padding: 0;
  margin: 0; }
  @media (min-width: 768px) {
    .alumniNews-article-description {
      font-size: 1.125em; } }

.alumniNews-article-description > * {
  font-size: inherit;
  line-height: inherit;
  padding: inherit;
  margin: inherit; }

.alumniNews-article-description p {
  display: inline; }

.alumniNews-article-link {
  display: inline-block; }

.alumniNews-article-icon {
  vertical-align: -2px;
  font-size: 15px;
  margin-left: .25ch; }
  @media (min-width: 768px) {
    .alumniNews-article-icon {
      font-size: 20px; } }

/*===============
    #FEATHER
===============*/
.alumniNews-article_feather .alumniNews-article-title,
.alumniNews-article_feather .alumniNews-article-description {
  font-size: 1em; }

.alumniNews-article_feather a {
  color: #707070;
  /*BP4-3089: should be grey, even if it is a link.*/ }

/*===============
    #ALUMNI #NEWS #SKIN
===============*/
.alumniNews {
  background-color: #fff; }

.alumniNews-title,
.alumniNews-article-title,
.alumniNews-article-description {
  font-family: inherit; }

.alumniNews-title {
  color: #333;
  margin-bottom: 10px; }

.alumniNews-article-title {
  color: #707070;
  font-weight: 300; }

.alumniNews-article-title a {
  color: #197a56; }

/*===============
    #SKIN #FEATURED
===============*/
.alumniNews_featured .alumniNews-article:not(:first-child) {
  border-top: 1px solid #b7b7b7; }

/*===============
    #SKIN #FEATHER
===============*/
.alumniNews-article_feather .alumniNews-article-title {
  text-transform: uppercase;
  font-weight: 700; }

.alumniNews-article_feather a {
  color: #707070;
  /*BP4-3089: should be grey, even if it is a link.*/ }

/*===============
    #ALUMNI #HERO
===============*/
/*=== alumniHero ===
-media
-picture
-content
-title
*/
.alumniHero {
  width: 100%;
  position: relative;
  /*
    Because the image container is positioned absolute (so the content can sit on top), the CT has no dimensions
    We can fake dimensionality by setting the height to a relative unit that matches the aspect ratio of the image
    at each breakpoint.

    Since the images are full width, we can use vw units. Since we know the aspect ratio of the image, and we know 
    the image aspect ratio and we know the screen is always 100vw, we can get the height

    ex: 8:4 aspect ratio
    4/8 = .5 
    move decimal over 2 places gets 50vw

    ex: 16:9 aspect ratio
    9/16 = .5625
    move decimal over 2 places gets 56.25vw
  */
  height: calc(4/8 * 100vw); }
  @media (min-width: 500px) {
    .alumniHero {
      height: calc(3/8 * 100vw); } }
  @media (min-width: 768px) {
    .alumniHero {
      height: calc(4/8 * 100vw); } }
  @media (min-width: 1280px) {
    .alumniHero {
      height: calc(3/8 * 100vw); } }

.alumniHero-media {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1; }

.alumniHero-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px; }
  @media (min-width: 768px) {
    .alumniHero-content {
      justify-content: center;
      padding-bottom: 0;
      align-items: center; } }

.alumniHero-title {
  font-size: calc(4rem + 2.5vw);
  line-height: 1;
  padding: 0 20px; }
  @media (max-width: 767px) {
    .alumniHero-title {
      margin-bottom: 0; } }

@media (min-width: 768px) {
  .alumniHero + .container-3 {
    margin-top: calc( (2/8* -100vw) + ((4rem + 2.5vw)/2)); } }

@media (min-width: 1280px) {
  .alumniHero + .container-3 {
    margin-top: calc( (1.5/8* -100vw) + ((4rem + 2.5vw)/2)); } }

@media (max-width: 767px) {
  .alumniHero + [class*="container"] .grid-row {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px; }
  .alumniHero + [class*="container"] + [class*="container"] .grid-row {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 768px) {
  .ribbon ~ .container .alumniHero {
    padding-top: 100px; } }

@media (min-width: 1280px) {
  .ribbon ~ .container .alumniHero {
    padding-top: 130px; } }

/*===============
    #HERO #SKIN
===============*/
.alumniHero-title {
  color: #fff;
  font-weight: 200; }
  @media (max-width: 767px) {
    .alumniHero-title {
      width: 60vw; } }
  @media (min-width: 768px) {
    .alumniHero-title {
      text-align: center; } }

/*===============
    #ALUMNI #TALKS
===============*/
/*=== alumniTalk ===
-title
-date-time
-description
-presenters
-register
  - register now
  - already registered
videoLink (optional)
*/
.alumniTitle {
  margin-bottom: 0;
  margin-top: 20px; }
  @media (min-width: 1280px) {
    .alumniTitle {
      margin-top: 30px; } }

.alumniTalks .video-tab {
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .alumniTalks .video-tab {
      margin-bottom: 70px; } }

@media (min-width: 768px) {
  html.isIE .alumniTalk:not(:only-of-type) {
    display: block; } }

.alumniTalk {
  margin-bottom: 50px;
  /* if there is only one talk, or if the talk is the last 
  odd numbered talk, display it full screen and remove flexbox.
  Otherwise, the talks stick to .container-2 grid styles 
  and are 50% width, 2 column */
  /* if more than one Talk module, they need to have equal heights */
  /* no margin or padding for any talk module beyond 
  the 2nd one. We already have bottom margins applied 
  elsewhere so we dont want to stack them */
  padding-top: 25px;
  /* do not apply this top margin to anything beyond
  the 2nd CT because there is already margin coming 
  from another ruleset */ }
  @media (min-width: 768px) {
    .alumniTalk {
      margin-bottom: 70px; } }
  .alumniTalk:only-of-type, .alumniTalk:nth-child(odd):last-child {
    width: 100%;
    display: block; }
    .alumniTalk:only-of-type .alumniTalk-details, .alumniTalk:nth-child(odd):last-child .alumniTalk-details {
      display: block; }
  @media (min-width: 768px) {
    .alumniTalk:not(:only-of-type) {
      display: flex;
      flex-direction: column; }
      .alumniTalk:not(:only-of-type) .alumniTalk-details {
        display: flex;
        flex-direction: column;
        flex-grow: 1; } }
  @media (min-width: 768px) {
    .alumniTalk {
      padding-top: 30px; } }
  .alumniTalk:nth-child(-n + 2) {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .alumniTalk:nth-child(-n + 2) {
        margin-top: 40px; } }

.alumniTalk-talks-title {
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .alumniTalk-talks-title {
      margin-bottom: 30px; } }

.alumniTalk-date-time {
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .alumniTalk-date-time {
      margin-bottom: 30px; } }

.alumniTalk-description {
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .alumniTalk-description {
      margin-bottom: 30px; } }

.alumniTalk-presenters {
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .alumniTalk-presenters {
      margin-bottom: 40px; } }

.alumniTalk-registration,
.alumniTalk-video-link {
  display: inline-block; }
  @media (min-width: 768px) {
    .alumniTalk-registration,
    .alumniTalk-video-link {
      /* if more than one Talk module (2 column layout), 
    the registration and/or video link icons need to be
    bottom aligned with each other */ }
      .alumniTalk:not(:only-of-type) .alumniTalk-registration, .alumniTalk:not(:only-of-type)
      .alumniTalk-video-link {
        align-self: flex-start;
        margin-top: auto; } }

.alumniTalk-registration_unregister {
  display: block; }

.alumniTalk-talks-media-video {
  /*specificity bump due to .vjs-default-skin .vjs-big-play-button*/ }

/*===============
    #ALUMNI #TALKS #SKIN
===============*/
.alumniTalk {
  border-top: 1px solid #ccc; }

.alumniTalk-talks-title {
  color: #333;
  font-weight: 300;
  font-size: 20px;
  line-height: 26px; }
  @media (min-width: 768px) {
    .alumniTalk-talks-title {
      font-size: 24px;
      line-height: 32px; } }

.alumniTalk-date-time {
  color: #177B57;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 768px) {
    .alumniTalk-date-time {
      font-size: 18px;
      line-height: 27px; } }

.alumniTalk-presenters-title,
.alumniTalk-presenters {
  color: #707070;
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 768px) {
    .alumniTalk-presenters-title,
    .alumniTalk-presenters {
      font-size: 18px;
      line-height: 27px; } }

.alumniTalk-presenters-title {
  font-weight: 400; }
  html[data-useragent*="Windows"] .alumniTalk-presenters-title {
    font-weight: 700; }

.alumniTalk-presenters {
  font-weight: 300; }

.alumniTalk-registration,
.alumniTalk-video-link {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase; }

.alumniTalk-registration {
  padding: 10px 20px; }

.alumniTalk-registration_register-now {
  background: #32C77F;
  color: #fff; }

.alumniTalk-registration_already-registered {
  background: #CCC;
  color: #fff; }

.alumniTalk-registration_unregister {
  color: #ccc;
  font-size: 15px;
  line-height: 1em;
  margin-top: 10px;
  /* this allows the bottoms of the registration buttons 
  to remain aligned even when there is an unregister link */
  margin-bottom: calc(-1em - 10px); }

.alumniTalk-video-link {
  color: #32C77F; }
  .alumniTalk-video-link:before {
    font-family: 'dotBCG-Icons';
    font-size: larger;
    margin-right: 8px; }

.alumniTalks .video-tab {
  background: #ccc; }
  .alumniTalks .video-tab .video-tab-list:after {
    background: linear-gradient(to right, rgba(204, 204, 204, 0) 0%, #ccc 40%); }
  .alumniTalks .video-tab .video-tab-collection-title {
    color: #000;
    font-size: 1.5em;
    line-height: 1.25; }
    @media (min-width: 768px) {
      .alumniTalks .video-tab .video-tab-collection-title {
        font-size: 2.1875em;
        margin-left: 75px; } }
    @media (min-width: 1280px) {
      .alumniTalks .video-tab .video-tab-collection-title {
        margin-left: 100px; } }

.alumni .container-1 .text-panel,
.alumniJobs-title {
  padding-top: 25px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .alumni .container-1 .text-panel,
    .alumniJobs-title {
      padding-top: 45px; } }

/* Anywhere  marked line-height adjustment is due to the fact that the margins called for in the spec + the line height called for in spec, cause the specified margins to appear to tall and fail QA */
/*===============
    #ALUMNI #GROUP
===============*/
.alumniGroups-title {
  padding-top: 25px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .alumniGroups-title {
      padding-top: 45px; } }

.alumniGroup {
  padding-top: 19px; }
  @media (max-width: 767px) {
    .alumniGroup:nth-child(n + 1) {
      margin-top: 42px; } }
  @media (min-width: 768px) {
    .alumniGroup {
      padding-top: 21px;
      /* only apply the top margin to the 3rd + group because
    we already have margin from the intro text */ }
      .alumniGroup:nth-child(n + 3) {
        margin-top: 50px; } }
  .alumniGroup .cta-link {
    margin-bottom: 0; }

.alumniGroup-title {
  margin-bottom: 0; }
  @media (min-width: 1280px) {
    .alumniGroup-title {
      margin-bottom: 10px; } }

.alumniGroup-member-count {
  margin-bottom: 12px; }

.alumniGroup-description {
  margin-bottom: 25px; }

.alumniGroup_suggestion {
  padding: 25px; }

/*=== alumniGroup ===
-title
-member count
-description
-CTA
*/
/*===============
    #ALUMNI #GROUP #SKIN
===============*/
.alumniGroup {
  border-top: 1px solid #ccc; }

.alumniGroup-title {
  font-weight: 300;
  font-size: 20px;
  line-height: 23px;
  color: #333; }
  @media (min-width: 768px) {
    .alumniGroup-title {
      font-size: 24px;
      line-height: 32px; } }

.alumniGroup-member-count {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #707070; }
  @media (min-width: 768px) {
    .alumniGroup-member-count {
      font-size: 18px;
      line-height: 27px; } }

.alumniGroup_suggestion {
  background: #f2f2f2; }

/*===============
    #ALUMNI #TEASERS
===============*/
/*=== alumniDropdown ===
li
label
.dd-option
.dd-selected
.dd-pointer
.dd-pointer-up
.dd-pointer-down
*/
.alumniDropdown {
  padding-top: 20px; }
  @media (min-width: 768px) {
    .alumniDropdown {
      padding-top: 70px; } }
  @media (min-width: 947px) {
    .alumniDropdown {
      padding-top: 25px; } }
  .alumniDropdown li {
    padding-left: 0;
    margin-bottom: 0; }
    .alumniDropdown li:before {
      content: none; }
  .alumniDropdown .dd-option {
    font-weight: 400;
    font-size: 16px;
    line-height: 1; }
  .alumniDropdown .dd-option .dd-option-text {
    color: #707070; }
  .alumniDropdown .dd-selected {
    font-weight: 400; }
  .alumniDropdown .dd-selected .dd-selected-text {
    color: #32c77f; }
  .alumniDropdown .dd-option-selected {
    background: transparent; }
  .alumniDropdown .dd-option-selected .dd-option-text {
    color: #707070; }
  .alumniDropdown .dd-pointer {
    border: none;
    margin: 0;
    right: 30px;
    top: 27%;
    color: #32c77f; }
    .alumniDropdown .dd-pointer:after {
      font-family: 'dotBCG-Icons';
      font-size: 10px;
      content: "\e615"; }
  .alumniDropdown .dd-pointer-up,
  .alumniDropdown .dd-pointer-down {
    border: none !important; }
  .alumniDropdown .dd-pointer-up {
    transform: rotateX(180deg);
    top: 73%; }

/*===============
    #Alumni News DropDown
===============*/
.alumniDropdown[data-bcg-module="alumni-news-dropdown"] {
  background-color: white;
  padding-top: 20px; }

.alumni-news__placeholder {
  visibility: hidden;
  min-height: 63px; }

.alumni-news--stick-to-ribbon {
  position: fixed;
  top: 50px;
  left: -1px;
  right: -1px;
  visibility: visible;
  transition: top .25s; }
  @media (min-width: 768px) {
    .alumni-news--stick-to-ribbon {
      top: calc(94px + 59px); } }
  @media (min-width: 1280px) {
    .alumni-news--stick-to-ribbon {
      top: calc(127px + 70px); } }

@media (min-width: 768px) {
  .hasRibbonUp .alumni-news--stick-to-ribbon {
    top: 52px; } }

@media (min-width: 1280px) {
  .hasRibbonUp .alumni-news--stick-to-ribbon {
    top: 65px; } }

/*===============
    #ALUMNI #HEADER
===============*/
/*=== alumniHeader ===
-content
-icon
-title
*/
.alumniHeader {
  padding: 11px 20px;
  width: 100%;
  margin-top: 50px;
  /* doesn't use @include hideInDesktop() because
   there is a margin setting on containers that doesn't apply to those containers because
   this is the first child, not those containers,
   so the header provides the spacing, instead
    */ }
  @media (min-width: 768px) {
    .alumniHeader {
      visibility: hidden;
      margin-top: 75px; } }

.alumniHeader-content {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center; }

.alumniHeader-icon {
  font-size: 2.125em;
  margin-right: 1rem; }

.alumniHeader-title {
  font-size: 1em;
  line-height: 1.5;
  margin: 0; }

/*===============
    #ALUMNI #HEADER #SKIN
===============*/
.alumniHeader {
  background-image: linear-gradient(to bottom, #32bf75 0%, #54cc67 51%, #75d859 100%); }

.alumniHeader-icon,
.alumniHeader-title {
  color: #fff; }

.alumniHeader-title {
  font-weight: 400;
  text-transform: uppercase; }

/*===============
    #ALUMNI #SEARCH
===============*/
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.Select {
  position: relative; }
  .Select input::-webkit-contacts-auto-fill-button,
  .Select input::-webkit-credentials-auto-fill-button {
    display: none !important; }
  .Select input::-ms-clear {
    display: none !important; }
  .Select input::-ms-reveal {
    display: none !important; }
  .Select,
  .Select div,
  .Select input,
  .Select span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }
  .Select.is-disabled > .Select-control {
    background-color: #f9f9f9; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-searchable.is-open > .Select-control {
    cursor: text; }
  .Select.is-searchable.is-focused:not(.is-open) > .Select-control {
    cursor: text; }
  .Select.is-open > .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9; }
    .Select.is-open > .Select-control .Select-arrow {
      top: -2px;
      border-color: transparent transparent #999;
      border-width: 0 5px 5px; }
  .Select.is-focused > .Select-control {
    background: #fff; }
  .Select.is-focused:not(.is-open) > .Select-control {
    border-color: #08c #0099e6 #0099e6;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); }
  .Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
    padding-right: 42px; }
  .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: #333; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      color: #08c;
      outline: none;
      text-decoration: underline; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      background: #fff; }
  .Select.has-value.is-pseudo-focused .Select-input {
    opacity: 0; }
  .Select.is-open .Select-arrow,
  .Select .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #666; }
  .Select.Select--rtl {
    direction: rtl;
    text-align: right; }

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none;
    background: #fff; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }
  .Select-input > input {
    width: 100%;
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 17px;
    /* For IE 8 compatibility */
    padding: 8px 0 12px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }
  .Select-clear-zone:hover {
    color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }
  .Select--rtl .Select-arrow-zone {
    padding-right: 0;
    padding-left: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-selected {
    background-color: #f5faff;
    color: #333; }
  .Select-option.is-focused {
    background-color: #f2f9fc;
    color: #333; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #ddeff7;
    color: #0077b3; }
  .Select--multi .Select-value-icon:active {
    background-color: #c9e6f2; }

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px; }

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

/*===============
    #ALUMNI-SEARCH #FILTERMENU
===============*/
/* filterMenu DropDown */
.filterMenu {
  padding: 20px 0;
  color: #707070; }

.filterMenu-dropdown-container {
  background-color: #f2f2f2;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms ease-in-out;
  width: 100%; }

.filterMenu-form {
  padding: 0;
  /*padding:25px 25px 20px 25px;*/ }

.filterMenu-dropdown {
  border: solid 1px #ccc;
  border-radius: 2px;
  color: #3fad93;
  cursor: pointer;
  font-weight: 400;
  height: 45px;
  line-height: 45px;
  margin-bottom: 10px;
  padding: 0 15px;
  transition: color 500ms ease-in-out, border 500ms ease-in-out; }

.filterMenu-dropdown-label {
  color: #32C77F; }

.filterMenu-dropdown-pointer {
  border: none;
  margin: 0;
  right: 30px;
  top: 27%;
  color: #32c77f;
  float: right; }
  .filterMenu-dropdown-pointer:after {
    font-family: 'dotBCG-Icons';
    font-size: 10px;
    content: "\e615"; }

/* isOpen */
.filterMenu-dropdown-isOpen {
  margin-bottom: 20px;
  background-color: #f2f2f2; }

.filterMenu-dropdown-isOpen .filterMenu-dropdown {
  margin-bottom: 0; }

.filterMenu-dropdown-isOpen .filterMenu-dropdown-label {
  display: none; }

.filterMenu-dropdown-isOpen .filterMenu-dropdown {
  border: none;
  border-radius: 0;
  cursor: pointer;
  color: transparent;
  transition: color 500ms ease-in-out, border 500ms ease-in-out; }

.filterMenu-dropdown-onInitialLoad .filterMenu-dropdown {
  display: none; }

.filterMenu-dropdown-isOpen .filterMenu-dropdown-pointer:after {
  content: "\e601"; }

.filterMenu-dropdown-isOpen .filterMenu-dropdown-container {
  max-height: 10000px; }

@media (min-width: 768px) {
  .filterMenu {
    padding: 25px 0 0 0;
    margin-bottom: 35px; }
  .filterMenu-dropdown-isOpen {
    background-color: transparent; }
  .filterMenu-form {
    padding: 5px 25px 20px 25px; }
  .filterMenu-dropdown-onInitialLoad .filterMenu-form {
    padding: 25px 25px 20px 25px; }
  .filterMenu-dropdown-isOpen .tempWrapper {
    background-color: #f2f2f2; } }

@media (min-width: 1280px) {
  .filterMenu {
    padding: 25px 0 0 0;
    margin-bottom: 35px; }
  .filterMenu-dropdown-isOpen {
    background-color: transparent; }
  .filterMenu-form {
    padding: 5px 25px 20px 25px; }
  .filterMenu-dropdown-onInitialLoad .filterMenu-form {
    padding: 25px 25px 20px 25px; }
  .filterMenu-dropdown-isOpen .tempWrapper {
    background-color: #f2f2f2; } }

/*isClosed*/
.filterMenu-dropdown-isClosed :-webkit-autofill {
  display: none; }

/* filterMenu Rows and Groups */
.filterGroup {
  margin-bottom: 40px; }

.filterGroup-row-last .filterGroup {
  margin-bottom: 15px; }

.filterGroup-row-full .filterGroup {
  width: 100%; }

.filterGroup-row--reverse .filterGroup {
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .filterGroup {
    margin-bottom: 45px; }
  .filterGroup-row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between; }
  .filterGroup-row--reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .filterGroup-row .filterGroup {
    width: calc(((70vw / 15) * 6.8)); }
  .filterGroup-row.filterGroup-row-full .filterGroup {
    width: 100%; }
  .filterGroup-row-last .filterGroup {
    margin-bottom: 45px; } }

@media (min-width: 1280px) {
  .filterGroup {
    margin-bottom: 45px; }
  .filterGroup-row .filterGroup {
    width: calc(((60vw / 15) * 6.5)); } }

.filterGroup-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #707070; }

/* filterMenu Filters */
.filterMenu-filter {
  display: block;
  margin-bottom: 9px;
  width: 100%;
  color: #32C77f;
  font-size: 16px;
  line-height: 24px;
  /* Handle the placeholder color */ }
  .filterMenu-filter::-webkit-input-placeholder {
    color: #A6A6A6; }
  .filterMenu-filter:-moz-placeholder {
    /* Firefox 18- */
    color: #A6A6A6; }
  .filterMenu-filter::-moz-placeholder {
    /* Firefox 19+ */
    color: #A6A6A6; }
  .filterMenu-filter:-ms-input-placeholder {
    color: #A6A6A6; }
  .filterMenu-filter::last-child {
    margin-bottom: 0; }

.filterGroup-searchByName .filterMenu-filter {
  /* Handle the placeholder color */ }
  .filterGroup-searchByName .filterMenu-filter::-webkit-input-placeholder {
    color: #707070; }
  .filterGroup-searchByName .filterMenu-filter:-moz-placeholder {
    /* Firefox 18- */
    color: #707070; }
  .filterGroup-searchByName .filterMenu-filter::-moz-placeholder {
    /* Firefox 19+ */
    color: #707070; }
  .filterGroup-searchByName .filterMenu-filter:-ms-input-placeholder {
    color: #707070; }

.filterMenu input[type="checkbox"] {
  display: none; }

.filterMenu label {
  cursor: pointer;
  padding: 0; }

.filterMenu input[type="checkbox"] + label:before {
  border: 1px solid #ccc;
  background-color: #fff;
  content: "\00a0";
  display: inline-block;
  height: 24px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 24px; }

.filterMenu input[type="checkbox"]:checked + label:before {
  background: #fff;
  color: #32c77f;
  content: "\2713";
  text-align: center; }

.filterMenu input[type="checkbox"]:checked + label:after {
  font-weight: bold; }

.filterMenu-button-submit, .filterMenu-button-reset {
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  background-color: #32c77f;
  border: 1px solid #32c77f;
  text-align: left;
  height: 45px;
  font-size: 16px;
  line-height: 17px; }

.filterMenu-button-submit:focus {
  background-color: #32c77f;
  border: 1px solid #32c77f; }

.filterMenu-button-submit .icon-nav-interstitial-arrow,
.filterMenu-button-reset .icon-nav-interstitial-arrow {
  float: right; }

.filterMenu-button-reset {
  color: white;
  background-color: #b7b7b7;
  border: 1px solid #b7b7b7; }

.filterMenu-button-reset:hover,
.filterMenu-button-reset:focus {
  background-color: #a6a6a6;
  border: 1px solid #a6a6a6; }

.filterMenu-button-reset.disabled,
.filterMenu-button-reset.disabled:hover,
.filterMenu-button-reset.disabled:focus {
  color: white;
  cursor: default;
  background-color: #b7b7b7;
  border: 1px solid #b7b7b7; }

@media (min-width: 1280px) {
  .filterMenu-filter {
    margin-bottom: 4px; }
  /* This is stupid messy.  Do something else with it */
  .filterGroup-row .filterGroup-split {
    width: 100%; }
    .filterGroup-row .filterGroup-split .filterMenu-filter {
      width: calc(((60vw / 15) * 6.5));
      margin-right: calc(((60vw / 15) * 1));
      float: left; }
  .filterGroup-split .filterMenu-filter:last-child {
    float: right;
    margin: 0; } }

.filterGroup-searchByName {
  position: relative;
  margin-bottom: 17px; }

.filterGroup-searchByName .filterMenu-filter {
  padding-left: 36px; }

.filterGroup-searchByName .icon-filters-search {
  position: absolute;
  top: 14px;
  left: 10px;
  color: #32c77f; }

@media (min-width: 1280px) {
  .filterMenu-button-submit,
  .filterMenu-button-reset,
  .filterMenu-button-reset:hover,
  .filterMenu-button-reset:focus {
    font-size: 18px;
    line-height: 21px;
    padding-top: 0;
    padding-bottom: 0; }
  .filterGroup-searchByName .filterMenu-filter {
    height: 70px;
    font-size: 28px;
    line-height: 38px; }
  .filterGroup-searchByName {
    margin-bottom: 30px; }
  .filterGroup-searchByName .filterMenu-filter {
    padding-left: 60px; }
  .filterGroup-searchByName .icon-filters-search {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #32c77f;
    font-size: 28px;
    line-height: 38px; } }

.Select-control {
  border-radius: 0;
  margin-bottom: 9px;
  width: 100%;
  color: #32C77f;
  font-size: 16px;
  line-height: 24px;
  padding: .309em .618em; }

.Select-placeholder, .Select-value {
  padding: .309em .618em; }

.has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #32C77f; }

.has-value.Select--single > .Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #32C77f; }

.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none; }
  .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
    color: #32C77f;
    outline: none;
    text-decoration: underline; }

.has-value > .Select-control, .is-focused:not(.is-open) > .Select-control {
  border-color: #32C77f; }

.Select-option.is-selected {
  background-color: #f0f0f0; }

.Select-option.is-focused {
  background-color: #f0f0f0; }

@media (min-width: 1280px) {
  .Select-control {
    margin-bottom: 4px; } }

.Select-arrow-zone {
  width: 45px; }

.Select-arrow {
  border: none;
  color: #a6a6a6; }
  .Select-arrow::after {
    font-family: 'dotBCG-Icons';
    font-size: 10px;
    content: "\e615"; }

.is-open > .Select-control .Select-arrow {
  top: 0; }

.filterMenu .error {
  color: #d93934; }

.sortGroup .sortOption {
  margin: 0 2px; }

.sortGroup .sortOption:checked,
.sortGroup .sortOption:hover,
.sortGroup .sortOption.checked {
  color: #32c77f; }

.sortGroup .sortInput {
  visibility: hidden; }

/*===============
    #ALUMNI-SEARCH #SEARCHSTATS
===============*/
.searchStats {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 38px;
  color: #333; }
  @media (min-width: 768px) {
    .searchStats {
      font-weight: 400;
      font-size: 35px;
      line-height: 44px; } }

.searchStats-resultCount {
  color: #32C77F; }

/*===============
    #alumniSearch-searchResult
===============*/
/*=== alumniSearch-searchResult ===
-alumniSearch-searchResult-picture
----alumniSearch-searchResult-img

-alumniSearch-searchResult-content
----alumniSearch-searchResult-body
----alumniSearch-searchResult-body-title
----alumniSearch-searchResult-body-subtitle

----alumniSearch-searchResult-links
----linkList
--------linkList-item
----------linkList-item-link
----------linkList-item-icon
*/
.alumniSearch-searchResult {
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 25px 0; }

.alumniSearch-searchResult:last-child {
  border-bottom: none; }

@media (min-width: 768px) {
  .alumniSearch-searchResult {
    padding: 0; }
  .alumniSearch-searchResult:hover {
    background-color: #f0f0f0; } }

/*===============
    #alumniSearch-searchResult #alumniSearch-searchResult-picture
===============*/
.alumniSearch-searchResult-picture {
  width: 60px;
  margin-right: 15px;
  margin-top: 0.34em; }

.alumniSearch-searchResult-img {
  width: 100%;
  height: auto; }

@media (min-width: 768px) {
  .alumniSearch-searchResult-picture {
    width: calc(((70vw / 15) * 1.5));
    margin-right: calc((((100vw - 75px * 2) / 15) * 0.5));
    padding-top: 35px;
    padding-bottom: 35px; } }

@media (min-width: 1280px) {
  .alumniSearch-searchResult-picture {
    width: calc(((60vw / 15) * 1.5));
    margin-right: calc((((100vw - 75px * 2) / 15) * 0.5)); } }

/*===============
    #alumniSearch-searchResult #alumniSearch-searchResult-content
===============*/
@media (min-width: 768px) {
  .alumniSearch-searchResult-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-grow: 1; } }

/*===============
    #alumniSearch-searchResult #alumniSearch-searchResult-content #alumniSearch-searchResult-body
===============*/
.alumniSearch-searchResult-body {
  width: calc(((70vw / 15) * 9));
  margin-bottom: 10px; }

.alumniSearch-searchResult-body-title {
  color: #333;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0.25em; }

.alumniSearch-searchResult-body-subtitle {
  color: #707070;
  display: block;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px; }

@media (min-width: 768px) {
  .alumniSearch-searchResult-body {
    width: calc(((70vw / 15) * 9));
    flex-grow: 1;
    padding-top: 35px;
    padding-bottom: 35px; }
  .alumniSearch-searchResult-body-title {
    /*color:#707070;*/
    /*SW: The spec calls for this color change, but the comp shows no color change.*/
    font-size: 21px;
    line-height: 22px; }
  .alumniSearch-searchResult-body-subtitle {
    font-size: 18px;
    line-height: 27px; } }

@media (min-width: 1280px) {
  .alumniSearch-searchResult-body {
    width: calc(((60vw / 15) * 9)); } }

/*===============
    #alumniSearch-searchResult #alumniSearch-searchResult-content #alumniSearch-searchResult-links
===============*/
.alumniSearch-searchResult-links {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  /*SW: I nested this with the intent to have a common linkList component.  It is nested for easy moving to a common lib. */ }
  .alumniSearch-searchResult-links .linkList {
    list-style: none;
    padding: 0;
    margin: 0; }
  .alumniSearch-searchResult-links .linkList-item {
    list-style-type: none;
    padding: 0;
    margin: 5px 0; }
  .alumniSearch-searchResult-links .linkList-item:before {
    content: ''; }

@media (min-width: 768px) {
  .alumniSearch-searchResult-links {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #fff;
    min-width: calc(((70vw / 15) * 3));
    padding-left: 20px;
    font-size: 18px;
    line-height: 27px;
    width: 211px; }
    .alumniSearch-searchResult-links .linkList-item {
      list-style-type: none;
      padding: 0;
      margin: 0 0 10px 0; } }

@media (min-width: 1280px) {
  .alumniSearch-searchResult-links {
    min-width: calc(((60vw / 15) * 3)); } }

.iconLink .icon {
  margin-right: 0.5em; }

.link-email {
  text-transform: uppercase; }

.link-email .icon-social-bio-email {
  font-size: 0.68em;
  /*Not sure why this icon is so much bigger than the others.  This gets it back down to close to 1em width/height */
  margin-right: 0.82em; }

.link-phoneNumber {
  color: #707070; }

.link-saveContact {
  text-transform: uppercase; }

/*===============
    #alumniTalksAdmin_table
===============*/
/*
  There are very little details on this, and it is unknown if we have proper tables in the codebase.
  This is currently isolated under the .alumniTalksAdmin_table, to move to a central location, change
  the class from .alumniTalksAdmin_table to .table.
*/
/* TODO: None of the containers really fit this, so just creating one. */
.alumniTalksAdmin_table_container {
  padding: 20px; }

.alumniTalksAdmin_table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  background-color: transparent;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: 000; }

.alumniTalksAdmin_table td,
.alumniTalksAdmin_table th {
  padding: .75em;
  vertical-align: top;
  border-top: 1px solid #e7e7e7; }

/* TODO: If centralized, flatten this. */
.alumniTalksAdmin_table thead {
  border: 1px solid #000; }

.alumniTalksAdmin_table thead th {
  vertical-align: bottom;
  text-align: left; }

/* TODO: If centralized, flatten this. */
.alumniTalksAdmin_table thead th {
  border: none;
  background-color: #e7e7e7;
  text-align: left;
  font-size: 12px;
  line-height: 12px;
  color: #000;
  font-weight: 700; }

/* TODO: If centralized, set this as a bordered option (ie .table-bordered) */
.alumniTalksAdmin_table td {
  border: 1px solid #000;
  text-align: center;
  font-weight: 400; }

/* TODO: If centralized, set this as a responsive option (ie .table-responsive) */
.alumniTalksAdmin_table {
  display: block;
  width: 100%;
  overflow-x: auto; }

/* Patch for this table to create a small column for date. TODO: If centralized, come up with a better column width solution. */
.alumniTalksAdmin_table .col-small {
  width: 5%; }

.alumniTalksAdmin_table caption {
  text-align: left;
  text-transform: uppercase;
  color: #8e8e8e;
  font-weight: 400; }

/* I still have no idea why we don't have standard buttons styles, link lists, or regular text copy. */
.alumniTalksAdmin_table button {
  font-weight: 700;
  color: #fff;
  background-color: #197a56; }
  .alumniTalksAdmin_table button:hover {
    background-color: #32c77f; }

.alumniTalksAdmin_table .status-text {
  display: inline-block; }

.alumniTalksAdmin_table .status-open {
  color: #db772f; }

.alumniTalksAdmin_table .status-closed {
  color: #bb1e1e; }

.alumniTalksAdmin_table .utilLinks {
  display: block; }

.alumniTalksAdmin_table .utilLinks .icon-carousel-arrow, .alumniTalksAdmin_table .utilLinks .timeline-next-prev .back:before, .timeline-next-prev .alumniTalksAdmin_table .utilLinks .back:before, .alumniTalksAdmin_table .utilLinks .timeline-next-prev .forward:before, .timeline-next-prev .alumniTalksAdmin_table .utilLinks .forward:before {
  padding-left: .5em; }

.alumniTalksAdmin_table .status-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.alumniTalksAdmin_table .status-flex .status-text {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.alumniTalksAdmin_table .status-flex button {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

/*===============
    #alumniProfile
===============*/
.alumniProfile {
  padding-top: 40px;
  padding-right: 10px;
  background: linear-gradient(to bottom, #ededed 0%, #f3f3f3 5%, white 15%, white 100%);
  /* Spec */ }
  .alumniProfile .alumniProfile-picture {
    float: left;
    width: 75px;
    margin-right: 17px; }
  .alumniProfile .alumniProfile-contentBlock {
    padding: 10px 0; }
  .alumniProfile .alumniProfile-contentBlock--header {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #707070;
    padding-bottom: 10px; }
    .alumniProfile .alumniProfile-contentBlock--header .spec {
      color: #707070; }
  .alumniProfile .alumniProfile-contentBlock--header .name {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #333;
    min-height: 75px; }
  .alumniProfile .alumniProfile-contentBlock--header .specList-item {
    margin: 7px 0; }
  .alumniProfile .sectionTitle {
    color: #32c77f;
    font-weight: 400;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-bottom: 0; }
  .alumniProfile .specLabel {
    color: #707070;
    text-transform: uppercase;
    font-weight: 700;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 0; }
  .alumniProfile .specList {
    padding: 0;
    margin: 10px 0 20px 0;
    list-style-type: none;
    font-weight: 300;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px; }
  .alumniProfile .specList-item {
    padding: 0;
    margin: 2px 0; }
  .alumniProfile .specList--employee .specList-item {
    color: #32c77f; }
  .alumniProfile .specList-item::before {
    content: ''; }
  .alumniProfile .spec {
    margin: 2px 0 10px 0;
    color: #333333;
    font-weight: 300;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px; }
  .alumniProfile .link-email {
    display: block;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #32C77F;
    font-size: 18px;
    margin: 20px 20px 10px 0;
    text-transform: none; }
  .alumniProfile .link-phoneNumber {
    display: block;
    font-size: 18px;
    color: #707070; }
  .alumniProfile .phoneNum-label {
    font-weight: 700; }
  .alumniProfile .social-links {
    font-size: 40px;
    margin-top: 20px; }
    .alumniProfile .social-links a {
      margin-right: 10px; }
  .alumniProfile .icon-social-share-facebook {
    color: #3b5998; }
  .alumniProfile .icon-social-share-linkedin {
    color: #007bb5; }
  .alumniProfile .icon-social-share-twitter {
    color: #1da1f2; }
  .alumniProfile .note {
    color: #707070;
    font-weight: 300;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    margin-left: 5px; }
  .alumniProfile .btn-saveContact {
    display: none; }
  .alumniProfile .back-to-search {
    color: #32c77f;
    font-weight: 400;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .alumniProfile .back-to-search .icon-nav-interstitial-arrow {
    display: inline-block;
    transform: rotate(180deg); }

@media (min-width: 768px) {
  .alumniProfile {
    display: flex;
    flex-direction: columns;
    padding-right: 0; }
    .alumniProfile .alumniProfile-picture {
      width: 216px;
      padding-left: 64px;
      margin-right: 40px; }
    .alumniProfile .alumniProfile-contentBlock--header {
      font-size: 28px;
      padding-bottom: 30px; }
    .alumniProfile .alumniProfile-contentBlock--header .name {
      font-size: 60px;
      line-height: 60px;
      min-height: auto;
      margin-bottom: 20px; }
    .alumniProfile .alumniProfile-contentBlock--header .specList-item {
      margin: 10px 0;
      font-size: 28px; }
    .alumniProfile .sectionTitle {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 20px 0 5px 0; }
    .alumniProfile .specLabel {
      font-size: 18px;
      line-height: 1;
      margin: 20px 0 5px 0; }
    .alumniProfile .specList {
      font-size: 18px; }
    .alumniProfile .specList-item {
      padding: 0;
      margin: 2px 0; }
    .alumniProfile .specList-item::before {
      content: ''; }
    .alumniProfile .spec {
      margin: 10px 0 20px 0;
      font-size: 18px; }
    .alumniProfile .link-email {
      display: inline-block;
      margin: 10px 20px 10px 0; }
    .alumniProfile .link-phoneNumber {
      display: inline-block; } }

/*===============
 #TEXTBLOCK
===============*/
/*=== textBlock===
-panel
-title
-heading
 _h2
-rtf

===============*/
.alumni .textBlock {
  margin-top: 20px; }

.alumni .textBlock-title {
  margin-bottom: 0; }

.alumni .textBlock .cta-link {
  margin-bottom: 20px; }

/*===============
 #TEXTBLOCK #SKIN
===============*/
.alumni .textBlock-panel {
  font-family: inherit; }

.alumni .textBlock-title,
.alumni .textBlock-heading,
.alumni .cta-link {
  font-family: inherit; }

.alumni .textBlock-title {
  font-weight: 400;
  font-size: 2em;
  line-height: 1; }

.alumni .content-inner-wrapper > .container-1:first-child {
  margin-top: 0; }

/* Search Container Elements */
.container-search {
  margin-top: 30px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .container-search {
      margin-top: 119px; } }
  @media (min-width: 1280px) {
    .container-search {
      margin-top: 149px; } }

.container-search .search-filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.container-search .search-wrapper,
.container-search .search-results {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .container-search .search-wrapper,
    .container-search .search-results {
      flex-direction: row; } }

.container-search .search-wrapper .search-spacer,
.container-search .search-wrapper .search-facets-wrapper,
.container-search .search-results .search-spacer,
.container-search .search-results .search-facets-wrapper {
  min-width: 200px; }
  @media (max-width: 767px) {
    .container-search .search-wrapper .search-spacer,
    .container-search .search-wrapper .search-facets-wrapper,
    .container-search .search-results .search-spacer,
    .container-search .search-results .search-facets-wrapper {
      width: 100%;
      max-width: 100%; } }

@media (max-width: 767px) {
  .container-search .search-wrapper .search-facets-wrapper,
  .container-search .search-results .search-facets-wrapper {
    display: block;
    display: none;
    position: fixed;
    background-color: #fff;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 1; } }

@media (max-width: 767px) {
  .container-search .search-wrapper .search-facets-wrapper .search-facets,
  .container-search .search-results .search-facets-wrapper .search-facets {
    background-color: #f0f2f2;
    height: 100%;
    padding: 0 20px 0 30px; } }

@media (max-width: 767px) {
  .container-search .search-wrapper .search-top,
  .container-search .search-wrapper .hits,
  .container-search .search-results .search-top,
  .container-search .search-results .hits {
    width: 100%; } }

.sk-pagination-navigation .sk-toggle-option.is-active {
  background-color: #3fad93;
  color: #fff;
  border-color: #3fad93; }

.search__query form {
  border: 1px solid #ccc; }

.search__query .sk-search-box {
  margin-bottom: 15px; }

.search__query .sk-search-box input.sk-search-box__text {
  color: #000; }
  .search__query .sk-search-box input.sk-search-box__text::-webkit-input-placeholder {
    color: #000; }

.sk-panel {
  margin-bottom: 30px; }

/* SearchBox Items */
.search-top {
  position: fixed;
  left: 50px;
  top: 98px;
  /* For large
  left: 65px;
  top: 140px;
  */ }

/* Hiding the SearchKit searchBox from the user */
.sk-search-box {
  visibility: hidden;
  display: none; }

.search__query form {
  background-color: #f0f2f2;
  border: none; }

.sk-search-box__text {
  background-color: #f0f2f2;
  border: none;
  color: #333;
  display: inline-block;
  font-size: 20px;
  outline: none;
  padding-left: 30px;
  height: 50px;
  width: 82%;
  font-size: 28px;
  height: 65px; }

.search-result.interests {
  border-bottom: 1px solid #ebebeb;
  padding: 30px 0; }

.search-result.interests p {
  color: #707070;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 300; }

.search-result.interests a {
  background-color: #f2f2f2;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 10px;
  padding: 15px;
  position: relative; }

.search-result.interests a span {
  font-size: 14px;
  padding: 0 10px; }
  .search-result.interests a span:first-child {
    font-size: 18px;
    line-height: 22px;
    width: calc(100% - 25px); }
  .search-result.interests a span:last-child {
    position: absolute;
    top: calc(50% - 5px);
    right: 0; }

.search-result .search-result-container {
  display: flex;
  border-bottom: 1px solid #ebebeb;
  padding: 30px 0; }

.search-result .search-result-container .result-header .title, .search-result .search-result-container .result-header .med-pub .title > a, .med-pub .search-result .search-result-container .result-header .title > a, .search-result .search-result-container .result-header .small-pub .title > a, .small-pub .search-result .search-result-container .result-header .title > a {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: #333;
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 0; }
  .person-result .search-result .search-result-container .result-header .title, .person-result .search-result .search-result-container .result-header .med-pub .title > a, .med-pub .person-result .search-result .search-result-container .result-header .title > a, .person-result .search-result .search-result-container .result-header .small-pub .title > a, .small-pub .person-result .search-result .search-result-container .result-header .title > a {
    color: #000; }

.search-result .search-result-container .result-header .subtitle,
.search-result .search-result-container .result-header .date {
  font-size: 14px;
  color: #707070;
  line-height: 18px;
  margin-bottom: 10px; }

.search-result .search-result-container .result-content p {
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0; }

.search-result .search-result-container .result-picture {
  display: flex;
  flex-direction: column;
  margin-right: 25px;
  min-width: 77px;
  margin-top: 7px; }

.search-result .search-result-container .result-picture picture {
  width: 77px;
  height: 77px; }

.search-result .search-result-container .result-list {
  margin-bottom: 0; }

.search-result .search-result-container .result-list li {
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
  padding-left: 20px; }
  .search-result .search-result-container .result-list li:before {
    color: #707070; }

.video-result .search-result-container {
  flex-direction: column; }

.career-result .search-result-container {
  flex-direction: column; }

@media (max-width: 767px) {
  .search-facets-wrapper {
    display: none; } }

.search-facets-wrapper-mobile {
  position: fixed;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  top: 50px;
  left: 0;
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1; }
  @media (min-width: 768px) {
    .search-facets-wrapper-mobile {
      display: none !important;
      /*Due to lack of proper state class, have to override the inline style with important*/ } }
  .search-facets-wrapper-mobile .sf-container {
    padding: 0 20px 20px 30px;
    background-color: #f0f2f2;
    margin-right: 50px;
    -webkit-overflow-scrolling: touch; }

.mobile-search-filter {
  font-weight: 400;
  width: 120px;
  height: 35px;
  background-color: #177B57;
  color: white;
  text-align: center;
  padding: 0;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }
  .mobile-search-filter .icon-archetype-expand {
    margin-right: 5px; }
  @media (min-width: 768px) {
    .mobile-search-filter {
      display: none; } }

@media (max-width: 767px) {
  .container-search .search-results .search-facets-wrapper-mobile .search-facets:first-of-type {
    height: auto; } }

@media (min-width: 768px) {
  .sk-selected-filters {
    display: none; } }

.sk-selected-filters-option {
  display: inline-flex;
  align-items: center;
  background-color: #ebebeb;
  color: #177B57;
  height: 35px;
  padding: 15px;
  margin: 0 10px 10px 0; }
  .sk-selected-filters-option .icon-deep-mode-close {
    margin-right: 5px; }

.sfOpen {
  height: 100vh; }
  .sfOpen .menu-search {
    display: none; }
  .sfOpen .search-facets .search-sort, .sfOpen .search-facets .options, .sfOpen .search-facets .sk-hits-stats {
    display: none; }
  @media (max-width: 767px) {
    .sfOpen .container-search .search-facets-wrapper {
      background-color: #f0f2f2;
      border-right: 50px solid white; } }
  @media (min-width: 768px) {
    .sfOpen .search-facets-wrapper-mobile {
      display: none; } }

.sf-doneBtn {
  font-weight: 400;
  width: 65px;
  height: 35px;
  background-color: #177B57;
  color: white;
  text-align: center;
  padding: 0; }
  @media (min-width: 768px) {
    .sf-doneBtn {
      display: none; } }

.sf-mobileHeader {
  display: flex;
  justify-content: space-between;
  padding: 25px 0;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 25px; }
  .sf-mobileHeader h1 {
    font-weight: 400;
    color: #177B57;
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .sf-mobileHeader {
      display: none; } }

.search-facets .sk-item-list__item:hover,
.search-facets .sk-toggle__item:hover {
  cursor: pointer; }

.search-facets .sk-toggle__item.is-active {
  cursor: auto; }

#global-search {
  display: block; }

.deep-mode-open #global-search {
  display: none; }

.search-results {
  margin-bottom: 30px; }

.elastic-cluster {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 15px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ebebeb; }

.elastic-cluster-title,
.elastic-cluster .search-result {
  width: 100%; }

.elastic-cluster-title-container {
  border-bottom: none;
  padding-bottom: 10px;
  padding-top: 10px; }

.elastic-cluster-title-title {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: #333;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
  padding: 0; }

.elastic-cluster .search-result .search-result-container {
  border-bottom: none;
  padding-bottom: 10px;
  padding-top: 10px; }
  .elastic-cluster .search-result .search-result-container:last-child {
    padding-bottom: 0; }

.elastic-cluster .search-result .search-result-container .result-header .title, .elastic-cluster .search-result .search-result-container .result-header .med-pub .title > a, .med-pub .elastic-cluster .search-result .search-result-container .result-header .title > a, .elastic-cluster .search-result .search-result-container .result-header .small-pub .title > a, .small-pub .elastic-cluster .search-result .search-result-container .result-header .title > a {
  font-size: 18px;
  line-height: 20px; }

.elastic-cluster .search-result .search-result-container .result-header a .title, .elastic-cluster .search-result .search-result-container .result-header a .med-pub .title > a, .med-pub .elastic-cluster .search-result .search-result-container .result-header a .title > a, .elastic-cluster .search-result .search-result-container .result-header a .small-pub .title > a, .small-pub .elastic-cluster .search-result .search-result-container .result-header a .title > a {
  color: #177b57; }

.elastic-cluster .search-result .search-result-container .result-picture {
  margin: 0; }

.elastic-cluster .search-result .search-result-container .result-picture picture {
  height: 52px;
  width: 52px; }

@media (min-width: 768px) {
  .elastic-cluster-title-container,
  .elastic-cluster .search-result .search-result-container {
    padding-bottom: 15px;
    padding-top: 15px; }
  .elastic-cluster-title-title {
    font-size: 21px;
    padding-right: 50px; } }

@media (min-width: 1280px) {
  .elastic-cluster {
    flex-direction: row; }
  .elastic-cluster-title,
  .elastic-cluster .search-result {
    width: 50%; } }

.sk-hierarchical-refinement-list {
  margin-bottom: 30px; }
  .sk-hierarchical-refinement-list__header {
    font-weight: 700;
    color: #707070;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 0 0 2px 0;
    text-transform: uppercase; }
  .sk-hierarchical-refinement-list__root {
    margin-left: -10px; }
  .sk-hierarchical-refinement-list__hierarchical-options {
    margin-left: 10px; }
  .sk-hierarchical-refinement-list.is-disabled {
    display: none; }

.sk-hierarchical-refinement-option {
  position: relative;
  cursor: pointer;
  padding: 0px 0;
  line-height: 22px;
  display: flex;
  font-weight: 300; }
  .sk-hierarchical-refinement-option input.sk-hierarchical-refinement-option__checkbox {
    margin: 5px 5px 0 1px; }
  .sk-hierarchical-refinement-option.is-active .sk-hierarchical-refinement-option__text {
    font-weight: 700;
    color: #32C77f; }
  .sk-hierarchical-refinement-option.is-selected .sk-hierarchical-refinement-option__text {
    font-weight: 700;
    color: #32C77f; }
  .sk-hierarchical-refinement-option__text {
    flex: auto;
    color: #707070;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 2px;
    margin-top: 5px; }
  .sk-hierarchical-refinement-option__count {
    color: #707070;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 2px; }

.sk-hierarchical-refinement-option.is-selected .sk-hierarchical-refinement-option__text::before, .sk-hierarchical-refinement-option.is-active .sk-hierarchical-refinement-option__text::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dotBCG-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e617";
  visibility: visible;
  color: #44CA7D;
  padding-right: 5px;
  position: absolute;
  left: -25px;
  top: 8px; }

.sk-hierarchical-refinement-list__hierarchical-options .sk-hierarchical-refinement-list__hierarchical-options {
  margin-left: 15px; }

.search-facets .sk-hits-stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 15px; }
  .search-facets .sk-hits-stats span {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #32C77F; }

.search-facets .sk-panel__header {
  font-weight: 700;
  color: #707070;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding: 0 0 2px 0;
  text-transform: uppercase; }

.search-facets .sk-item-list-option__text,
.search-facets .sk-item-list-option__count {
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 2px; }

.search-facets .sk-refinement-list__view-more-action {
  color: #A6A6A6;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  padding-top: 5px;
  text-decoration: underline; }

.search-facets .sk-item-list__item {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .search-facets .sk-item-list__item .sk-item-list-option__wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative; }
  .search-facets .sk-item-list__item .icon-filters-clear {
    visibility: hidden;
    position: absolute;
    left: -25px; }
  .search-facets .sk-item-list__item.is-active .icon-filters-clear {
    visibility: visible;
    color: #44CA7D;
    padding-right: 10px;
    position: absolute;
    left: -25px; }
  .search-facets .sk-item-list__item .sk-item-list-option__text {
    padding: 0 5px 0 0;
    position: relative; }
  .search-facets .sk-item-list__item.is-active .sk-item-list-option__text {
    color: #44CA7D;
    font-weight: bold;
    padding-left: 0; }

.search-facets .search-sort {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 30px; }
  .search-facets .search-sort span,
  .search-facets .search-sort div {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #707070; }
  .search-facets .search-sort .options {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
  .search-facets .search-sort .sk-toggle-option {
    margin-left: 10px; }
    .search-facets .search-sort .sk-toggle-option.is-active,
    .search-facets .search-sort .sk-toggle-option.is-active div {
      font-weight: bold;
      color: #32C77f; }
    .search-facets .search-sort .sk-toggle-option:first-child {
      border-right: 1px solid gray;
      padding-right: 10px;
      margin-left: 0; }
  .search-facets .search-sort .sk-toggle.hide-separator .sk-toggle-option.is-active,
  .search-facets .search-sort .sk-toggle.hide-separator .sk-toggle-option.is-active div {
    color: #707070;
    cursor: default; }
  .search-facets .search-sort .sk-toggle.hide-separator .sk-toggle-option:first-child {
    border-right: none;
    padding-right: 0;
    color: #707070 !important; }
  .search-facets .search-sort .sk-toggle-option,
  .search-facets .search-sort .sk-toggle-option__text {
    display: inline; }

@media (max-width: 767px) {
  .search-facets-wrapper {
    display: none; } }

.search-facets-wrapper-mobile {
  position: fixed;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  top: 50px;
  left: 0;
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1; }
  @media (min-width: 768px) {
    .search-facets-wrapper-mobile {
      display: none !important;
      /*Due to lack of proper state class, have to override the inline style with important*/ } }
  .search-facets-wrapper-mobile .sf-container {
    padding: 0 20px 0 30px;
    background-color: #f0f2f2;
    margin-right: 50px;
    -webkit-overflow-scrolling: touch; }

.mobile-search-filter {
  font-weight: 400;
  width: 120px;
  height: 35px;
  background-color: #177B57;
  color: white;
  text-align: center;
  padding: 0;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }
  .mobile-search-filter .icon-archetype-expand {
    margin-right: 5px; }
  @media (min-width: 768px) {
    .mobile-search-filter {
      display: none; } }

@media (max-width: 767px) {
  .container-search .search-results .search-facets-wrapper-mobile .search-facets:first-of-type {
    height: auto; } }

@media (min-width: 768px) {
  .sk-selected-filters {
    display: none; } }

.sk-selected-filters-option {
  display: inline-flex;
  align-items: center;
  background-color: #ebebeb;
  color: #177B57;
  height: 35px;
  padding: 15px;
  margin: 0 10px 10px 0; }
  .sk-selected-filters-option .icon-deep-mode-close {
    margin-right: 5px; }

.sfOpen {
  height: 100vh; }
  .sfOpen .menu-search {
    display: none; }
  .sfOpen .search-facets .search-sort, .sfOpen .search-facets .options, .sfOpen .search-facets .sk-hits-stats {
    display: none; }
  @media (max-width: 767px) {
    .sfOpen .container-search .search-facets-wrapper {
      background-color: #f0f2f2;
      border-right: 50px solid white; } }
  @media (min-width: 768px) {
    .sfOpen .search-facets-wrapper-mobile {
      display: none; } }

.sf-doneBtn {
  font-weight: 400;
  width: 65px;
  height: 35px;
  background-color: #177B57;
  color: white;
  text-align: center;
  padding: 0; }
  @media (min-width: 768px) {
    .sf-doneBtn {
      display: none; } }

.sf-mobileHeader {
  display: flex;
  justify-content: space-between;
  padding: 25px 0;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 25px; }
  .sf-mobileHeader h1 {
    font-weight: 400;
    color: #177B57;
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .sf-mobileHeader {
      display: none; } }

.search-facets .sk-item-list__item:hover,
.search-facets .sk-toggle__item:hover {
  cursor: pointer; }

.search-facets .sk-toggle__item.is-active {
  cursor: auto; }

.search-facets-wrapper-mobile .sf-container {
  padding-bottom: 100px; }

/*===============
 #search-form-inline
 ===============*/
.search-form-inline {
  background-color: #F2F2F2;
  width: 100%;
  height: auto;
  margin-bottom: 20px; }

.search-form-inline form {
  background-color: #F2F2F2;
  width: 100%; }

.search-form-inline .search-input, .search-form-inline input {
  font-family: henderson-bcg-headline, Cambria, "Hoefler Text", Times, "Times New Roman", serif;
  font-weight: 400;
  background-color: #F2F2F2;
  border: none;
  color: #333;
  display: inline-block;
  font-size: 18px;
  height: auto;
  margin-left: 20px;
  min-width: 100px;
  outline: none;
  padding: 20px 0;
  width: 60%;
  /* Handle the placeholder color */ }
  .search-form-inline .search-input::-webkit-input-placeholder, .search-form-inline input::-webkit-input-placeholder {
    color: #ccc; }
  .search-form-inline .search-input:-moz-placeholder, .search-form-inline input:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc; }
  .search-form-inline .search-input::-moz-placeholder, .search-form-inline input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc; }
  .search-form-inline .search-input:-ms-input-placeholder, .search-form-inline input:-ms-input-placeholder {
    color: #ccc; }

@media (min-width: 768px) {
  .search-form-inline {
    height: 50px;
    margin-bottom: 30px; }
  .search-form-inline .search-input {
    display: inline-block;
    font-size: 20px;
    height: 50px;
    width: 75%;
    padding: 0.5em 0.5em 0.5em 30px;
    margin-left: 0; } }

@media (min-width: 1280px) {
  .search-form-inline {
    height: 65px; }
  .search-form-inline .search-input {
    font-size: 28px;
    height: 65px;
    padding-left: 35px;
    width: 85%; } }

.search-form-inline button {
  font-weight: 300;
  background-color: #197a56;
  border: 1px solid #197a56;
  color: #fff;
  font-size: 12px;
  width: auto;
  padding: 5px 25px;
  text-transform: uppercase;
  margin: 20px 20px 20px 0;
  float: right; }

@media (min-width: 768px) {
  .search-form-inline button {
    margin: 11px 19px 0 0; } }

@media (min-width: 1280px) {
  .search-form-inline button {
    margin-top: 20px; } }

@media (min-width: 768px) {
  .search-form-inline .xdsoft_autocomplete {
    width: 75% !important; } }

.search-form-inline .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
  position: absolute;
  border-top: 1px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: default;
  display: none;
  z-index: 1001;
  margin-top: -1px;
  background-color: #f0f2f2;
  min-width: 100%;
  overflow: auto;
  width: 166% !important;
  margin-left: 0 !important; }

@media (min-width: 768px) {
  .search-form-inline .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
    width: 133% !important;
    max-width: 133% !important;
    left: 0 !important; }
  .search-form-inline .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
    padding-left: 0 !important;
    margin: 0 0 0 30px !important; }
  .search-form-inline .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
    padding-left: 30px !important;
    margin: 0 !important; } }

@media (min-width: 1280px) {
  .search-form-inline .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
    width: 117% !important;
    max-width: 117% !important;
    left: 0 !important; }
  .search-form-inline .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
    padding-left: 0 !important;
    margin: 0 0 0 35px !important; }
  .search-form-inline .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
    padding-left: 35px !important;
    margin: 0 !important; } }

/* ==============
  #Heritage Timeline - Page level
=============== */
.heritage-timeline {
  background: #000; }
  .heritage-timeline .sitewide-footer {
    display: none; }
  .heritage-timeline.loaded .timeline-loader {
    display: none;
    z-index: -2; }
  .heritage-timeline .timeline-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    z-index: 100; }
    .heritage-timeline .timeline-loader:after {
      content: "";
      background: url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/loading-animation.88d8b983053b0ac8c29d074b7f6cda68.gif') 0 0 no-repeat;
      margin: auto;
      height: 40px;
      width: 40px; }
  .heritage-timeline.isMobile section.container > .wrapper {
    position: relative; }
  .heritage-timeline.isMobile .content-wrapper {
    position: static;
    -webkit-overflow-scrolling: touch; }
    @media (max-width: 767px) {
      .heritage-timeline.isMobile .content-wrapper {
        padding-top: 0; } }
  .heritage-timeline.isMobile [data-bcg-module="heritage-timeline"] {
    position: relative; }
  .heritage-timeline:not(.isMobile) section.container > .wrapper {
    overflow: hidden; }
  .heritage-timeline:not(.isMobile) section.content-wrapper {
    padding-top: 0;
    position: fixed;
    overflow: hidden;
    height: 100%;
    width: 100%; }
  .heritage-timeline:not(.isMobile) .content-inner-wrapper {
    height: 100%;
    width: 100%;
    background: transparent;
    perspective: 850px;
    perspective-origin: center 380px; }
  .heritage-timeline:not(.isMobile) [data-bcg-module="heritage-timeline"] {
    height: 100%;
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform: translate3d(0, 0, 0);
    top: 153px;
    height: calc(100vh - 153px); }
  .heritage-timeline:not(.isMobile) .scroll-proxy {
    display: block; }
  .heritage-timeline .top-bar-wrapper:not(.deepmode-top-bar) {
    background: transparent; }
    .heritage-timeline .top-bar-wrapper:not(.deepmode-top-bar) .title, .heritage-timeline .top-bar-wrapper:not(.deepmode-top-bar) .med-pub .title > a, .med-pub .heritage-timeline .top-bar-wrapper:not(.deepmode-top-bar) .title > a, .heritage-timeline .top-bar-wrapper:not(.deepmode-top-bar) .small-pub .title > a, .small-pub .heritage-timeline .top-bar-wrapper:not(.deepmode-top-bar) .title > a,
    .heritage-timeline .top-bar-wrapper:not(.deepmode-top-bar) .interstitial-title {
      color: #fff; }
  .heritage-timeline section.content-wrapper:not(.deepmode) {
    background: transparent; }
  .heritage-timeline [data-bcg-module="heritage-timeline"] {
    z-index: 3;
    display: none; }
    @media (min-width: 1280px) {
      .heritage-timeline [data-bcg-module="heritage-timeline"] {
        top: 198px;
        height: calc(100vh - 198px); } }
  .heritage-timeline.loaded [data-bcg-module="heritage-timeline"] {
    display: block; }
  .heritage-timeline .scroll-proxy {
    display: none; }
  @media (min-width: 768px) {
    .heritage-timeline.isIE .content-inner-wrapper {
      perspective: none; }
    .heritage-timeline.isIE [data-bcg-module="heritage-timeline"] {
      perspective: 850px;
      perspective-origin: center 280px;
      transform: none; } }
  .heritage-timeline body.deep-mode-open [data-bcg-module="heritage-timeline"] {
    display: none; }

/* ==============
  #BG Images
=============== */
.timeline-bg-images {
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0; }
  .timeline-bg-images:after {
    content: "";
    background: rgba(0, 0, 0, 0.35) url('../../../../../../resource/00000171-2bbb-dccf-a5fd-3fff135d0000/styleguide/assets/bcg/img/heritage-timeline/shared/bg-dot-matrix.638fa32f987b28ca9d149ada4894ec6a.png') 0 0 repeat;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    position: fixed; }
  .isMobile .timeline-bg-images {
    z-index: 0; }
  .timeline-bg-images .image {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
    .timeline-bg-images .image img {
      object-fit: cover;
      font-family: 'object-fit: cover;';
      height: 100%; }
    .timeline-bg-images .image:first-child {
      display: block; }
    .timeline-bg-images .image.show {
      display: block; }

/* ==============
  #Date Boxes
=============== */
.date-box {
  margin: auto;
  position: relative; }
  html:not(.isMobile) .date-box {
    height: 100%;
    width: 95%;
    left: 2.5%; }
  .date-box:first-child, .date-box:last-child {
    display: flex;
    flex-direction: column; }
  @media (max-width: 767px) {
    .date-box {
      height: 100vh; }
      .date-box:first-child, .date-box:last-child {
        justify-content: center; } }
  @media (min-width: 768px) {
    html.isMobile .date-box:first-child, html.isMobile .date-box:last-child {
      height: calc(100vh - 70px);
      margin-bottom: 0; }
      html.isMobile .date-box:first-child .date-card, html.isMobile .date-box:last-child .date-card {
        margin-top: 35vh; }
    html.isMobile .date-box:nth-child(even):not(:first-child):not(:last-child) .date-card {
      margin-right: 20px; }
    html.isMobile .date-box:nth-child(odd):not(:first-child):not(:last-child) .date-card {
      margin-left: 20px; }
    .date-box:nth-child(even):not(:first-child):not(:last-child) .date-card {
      margin-right: 50px;
      margin-left: auto; }
    .date-box:nth-child(odd):not(:first-child):not(:last-child) .date-card {
      margin-left: 50px; } }
  html:not(.isMobile) .date-box {
    opacity: 0;
    visibility: hidden;
    /* the .fadePartial and .fadeFull classes control the visibility of the event cards. */
    position: absolute; }
    html:not(.isMobile) .date-box.fadePartial {
      transition: visibility 0s, opacity .5s;
      opacity: .3;
      visibility: visible; }
    html:not(.isMobile) .date-box.fadeFull {
      opacity: 1; }
    html:not(.isMobile) .date-box:nth-last-child(2).fadePartial {
      opacity: 0; }
    html:not(.isMobile) .date-box:nth-last-child(2).fadeFull {
      opacity: 1; }

/* ==============
  #Date Card
=============== */
.date-card:not(.intro):not(.outro) {
  position: relative;
  border-top: 5px solid #32c77f;
  background: rgba(255, 255, 255, 0.35); }
  .date-card:not(.intro):not(.outro) .date-card-content {
    padding: 20px; }
    .date-card:not(.intro):not(.outro) .date-card-content p {
      font-size: 16px;
      line-height: 22px;
      color: #fff; }
    .date-card:not(.intro):not(.outro) .date-card-content .title a {
      font-weight: 700;
      color: #fff;
      margin-bottom: 0;
      text-transform: uppercase;
      font-size: 14px; }
      .date-card:not(.intro):not(.outro) .date-card-content .title a .date {
        color: #32c77f; }
  .date-card:not(.intro):not(.outro) .cta-link {
    margin: 0;
    color: #32c77f; }
    .date-card:not(.intro):not(.outro) .cta-link:after {
      font-size: small;
      margin-left: -.3em;
      content: 's'; }

@media (min-width: 768px) and (max-width: 946px) {
  .date-card:not(.intro):not(.outro) .cta-link {
    font-size: 15px;
    line-height: 16px; } }
  .date-card:not(.intro):not(.outro):after {
    content: "";
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 30px solid rgba(255, 255, 255, 0.35);
    height: 0;
    width: 0;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 20px); }
  @media (min-width: 768px) {
    .date-card:not(.intro):not(.outro) {
      width: 37%; }
      html.isMobile .date-card:not(.intro):not(.outro) {
        width: 40%; } }

/* ==============
  #Intro and Outro
=============== */
.date-card {
  transition: all 1.2s ease;
  transition-delay: 0.3s; }
  .date-card.intro, .date-card.outro {
    text-align: center; }
    .date-card.intro .timeline-title,
    .date-card.intro .timeline-call-to-action, .date-card.outro .timeline-title,
    .date-card.outro .timeline-call-to-action {
      color: #32c77f;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 25px;
      margin-bottom: 5px;
      line-height: 1; }
    .date-card.intro .timeline-sub-title, .date-card.outro .timeline-sub-title {
      text-transform: uppercase;
      color: #fff;
      font-weight: 700;
      font-size: 55px;
      line-height: 1.2; }
    html:not(.isMobile) .date-card.intro, html:not(.isMobile) .date-card.outro {
      margin-top: 15%; }

/* ==============
  #Deepmode
=============== */
.forward-and-back {
  margin-bottom: 50px;
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .forward-and-back a {
    display: flex;
    align-items: center; }
  .forward-and-back span {
    display: block;
    line-height: 1; }
  .forward-and-back .back,
  .forward-and-back .forward {
    color: #000; }
  .forward-and-back .back {
    margin-right: 10px; }
  .forward-and-back .back-arrow {
    margin-right: 10px; }
  .forward-and-back .back-arrow:before,
  .forward-and-back .forward-arrow:before {
    color: #32c77f;
    font-size: 20px;
    font-family: 'dotBCG-Icons'; }
  .forward-and-back .forward {
    margin-left: 10px; }
  .forward-and-back .forward-arrow {
    transform: rotateZ(180deg);
    margin-left: 10px; }

/* ==============
  #Date Card Decade Line
=============== */
.date-card-decade-line {
  height: 1px;
  position: relative;
  clear: both;
  margin-top: 45px;
  margin-bottom: 45px; }
  @media (max-width: 767px) {
    .date-card-decade-line {
      margin-top: 90px; } }
  @media (min-width: 768px) {
    html.isMobile .date-card-decade-line {
      position: absolute;
      top: calc(50% - 45px);
      left: 50%; } }
  .date-card-decade-line:before, .date-card-decade-line:after {
    content: "";
    position: absolute;
    width: calc(100% / 2 - 90px / 2 - 15px);
    height: 1px;
    display: none; }
    .loaded .date-card-decade-line:before, .loaded .date-card-decade-line:after {
      display: block; }
  .date-card-decade-line:before {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); }
  .date-card-decade-line:after {
    right: 0;
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }
  .date-card-decade-line .date {
    background: #32c77f;
    color: #fff;
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    top: -15px;
    left: calc(50% - 30px / 2);
    display: none; }
    .date-card-decade-line .date:before {
      content: "";
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
      position: absolute;
      height: 2px;
      width: 250px;
      transform-origin: 100% 0;
      transform: translateX(-94%) rotateZ(-90deg);
      top: 30px; }
    .decade .date-card-decade-line .date {
      display: flex;
      height: 90px;
      width: 90px;
      border-radius: 45px;
      top: -45px;
      left: calc(50% - 90px / 2);
      align-items: center; }
      .decade .date-card-decade-line .date:after {
        content: attr(data-date) "";
        color: #fff;
        z-index: 20;
        margin: auto;
        display: block; }
      .decade .date-card-decade-line .date:before {
        top: 90px;
        transform: translateX(-82%) rotateZ(-90deg); }
    @media (max-width: 767px) {
      html.isMobile .date-card-decade-line .date:before {
        display: none; } }
  .loaded .date-card-decade-line .date {
    display: flex; }

/* ==============
  #Misc
=============== */
.timeline-next-prev {
  padding: 70px 0;
  text-align: center; }
  .timeline-next-prev a {
    color: #333; }
  .timeline-next-prev .back {
    position: relative; }
    .timeline-next-prev .back:before {
      position: absolute;
      left: -15px;
      transform: rotateZ(-180deg);
      display: inline-block;
      font-family: 'dotBCG-Icons';
      color: #32c77f; }
    .timeline-next-prev .back:after {
      content: "|";
      margin: 0 10px; }
  .timeline-next-prev .forward {
    position: relative; }
    .timeline-next-prev .forward:before {
      position: absolute;
      right: -15px;
      display: inline-block;
      font-family: 'dotBCG-Icons';
      color: #32c77f; }

.timeline-scroll-down {
  color: #fff;
  text-align: center;
  margin-top: auto;
  margin-bottom: 20px;
  align-self: center; }
  html.isMobile .timeline-scroll-down {
    margin-top: 30%; }
    @media (max-width: 767px) {
      html.isMobile .timeline-scroll-down {
        display: none; } }
  .timeline-scroll-down span {
    display: flex;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    border: 1px solid #fff; }
    .timeline-scroll-down span:before {
      margin: auto;
      font-size: 12px;
      align-self: center;
      display: block; }

.to-animate {
  position: absolute; }
  .to-animate .block {
    height: 10px;
    width: 10px;
    background: blue;
    border: 1px solid #fff;
    display: inline-block; }
    .to-animate .block:nth-child(even) {
      background: orange; }

button.start,
button.stop {
  width: 100px;
  display: inline-block;
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 20; }
  button.start.stop,
  button.stop.stop {
    top: 150px; }

.isSafari.active-nav .timeline-wrapper .date-card {
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden; }

.isSafari.active-nav.heritage-timeline section.content-wrapper.safari-scroll-helper {
  height: auto; }

.isSafari.nav-closed.heritage-timeline section.content-wrapper.safari-scroll-helper {
  height: 100vh; }

.women-at-bcg .content-wrapper {
  padding-top: 0; }

.women-at-bcg header .background-img {
  position: relative; }
  .women-at-bcg header .background-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
    @media (min-width: 947px) {
      .women-at-bcg header .background-img img {
        height: 304px; } }

.women-at-bcg header .profile-img {
  position: absolute;
  top: 95px;
  left: 20px; }
  @media (min-width: 768px) {
    .women-at-bcg header .profile-img {
      left: 75px; } }
  @media (min-width: 947px) {
    .women-at-bcg header .profile-img {
      top: 120px;
      left: 146px; } }
  .women-at-bcg header .profile-img img {
    width: 100px;
    height: 100px; }
    @media (min-width: 947px) {
      .women-at-bcg header .profile-img img {
        width: 220px;
        height: 220px; } }

.women-at-bcg .qa-container .grid-row {
  display: flex;
  flex-direction: column;
  margin: 30px 20px 0; }
  @media (min-width: 768px) {
    .women-at-bcg .qa-container .grid-row {
      margin: 30px 70px 0; } }
  @media (min-width: 947px) {
    .women-at-bcg .qa-container .grid-row {
      margin: 30px 117px 0 146px;
      flex-direction: row; } }

.women-at-bcg .qa-container .grid-column:first-child {
  min-width: 300px; }

.women-at-bcg .qa-container .grid-column:not(:first-child) {
  flex-grow: 1; }

.women-at-bcg .profile-copy .grid-row {
  margin-top: 62px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .women-at-bcg .profile-copy .grid-row {
      margim-bottom: 40px; } }
  @media (min-width: 947px) {
    .women-at-bcg .profile-copy .grid-row {
      margin-bottom: 60px; } }
  @media (min-width: 1280px) {
    .women-at-bcg .profile-copy .grid-row {
      margin-bottom: 96px; } }

.women-at-bcg .profile-copy .profile-info {
  text-align: left; }
  @media (min-width: 947px) {
    .women-at-bcg .profile-copy .profile-info {
      width: 300px; } }

.women-at-bcg .profile-copy .name {
  margin-top: 0;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
  color: #707070;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }
  @media (min-width: 947px) {
    .women-at-bcg .profile-copy .name {
      font-size: 30px;
      margin-top: -20px; } }

.women-at-bcg .profile-copy .company-date, .women-at-bcg .profile-copy .job-title, .women-at-bcg .profile-copy .location {
  font-size: 16px;
  margin-bottom: 0;
  color: #707070;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }
  @media (min-width: 947px) {
    .women-at-bcg .profile-copy .company-date, .women-at-bcg .profile-copy .job-title, .women-at-bcg .profile-copy .location {
      font-size: 18px; } }

.women-at-bcg .profile-copy .description {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #707070;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 20px;
  margin-left: 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #dbdbdb; }
  @media (min-width: 947px) {
    .women-at-bcg .profile-copy .description {
      margin-top: 0;
      margin-left: 100px;
      padding-bottom: 38px;
      font-size: 24px; } }
  @media (min-width: 1280px) {
    .women-at-bcg .profile-copy .description {
      font-size: 30px;
      line-height: 38px; } }

.login-widget h3 {
  text-transform: uppercase; }

#auth-modal {
  width: 100%;
  padding: 50px 0 0;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    #auth-modal {
      width: 70%; } }
  @media (min-width: 947px) {
    #auth-modal {
      width: 45%; } }

.okta-sign-in-header.auth-header {
  display: none; }

#okta-login-container .auth-modal-wrapper .o-form-head, #reset-wrapper .auth-modal-wrapper .o-form-head, #privacy-wrapper .auth-modal-wrapper .o-form-head {
  margin: 0;
  padding: 20px 20px;
  border-bottom: 1px solid #ddd;
  color: #707070;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  text-transform: uppercase;
  width: 100%; }
  @media (min-width: 768px) {
    #okta-login-container .auth-modal-wrapper .o-form-head, #reset-wrapper .auth-modal-wrapper .o-form-head, #privacy-wrapper .auth-modal-wrapper .o-form-head {
      padding: 25px 40px;
      font-size: 16px;
      line-height: 16px; } }

@media (min-width: 768px) {
  .okta-login-container {
    height: 100%; }
  #registration.auth-modal-wrapper {
    height: 100%; } }

#registration, #login, #forgot-password, #password-reset, #unlock-account, #privacy-policy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    #registration, #login, #forgot-password, #password-reset, #unlock-account, #privacy-policy {
      height: 100%; } }

#forgot-password.auth-modal-wrapper,
#password-reset.auth-modal-wrapper,
#unlock-account.auth-modal-wrapper,
#privacy-policy.auth-modal-wrapper {
  justify-content: flex-start; }

#forgot-password .email {
  color: #707070; }

.auth-modal-wrapper#forgot-password input {
  color: #707070; }

#forgot-password .signin-buttons {
  font-weight: 500; }

.auth-modal-wrapper#login input {
  color: #707070; }

.name-errors {
  display: flex;
  width: 100%; }
  .name-errors .field-validation-error {
    flex-basis: calc(50% - 3px); }
    .name-errors .field-validation-error:first-child {
      margin-right: 6px; }

.auth-modal-wrapper .form-email {
  margin: 5px 0; }

.auth-modal-wrapper .password-errors,
.auth-modal-wrapper .name-errors,
.auth-modal-wrapper #Email-error,
.auth-modal-wrapper .recaptcha-error,
.auth-modal-wrapper #PrivacyAgreement-error {
  font-size: 14px; }
  @media (min-width: 768px) {
    .auth-modal-wrapper .password-errors,
    .auth-modal-wrapper .name-errors,
    .auth-modal-wrapper #Email-error,
    .auth-modal-wrapper .recaptcha-error,
    .auth-modal-wrapper #PrivacyAgreement-error {
      font-size: 16px; } }

.isNavOnTop #auth-modal {
  height: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  top: 0 !important;
  left: 0 !important; }

.auth-modal-wrapper .form-wrapper .register-to-login, .auth-modal-wrapper .form-wrapper .login-to-signup, .auth-modal-wrapper .form-wrapper .back-to-login, .auth-modal-wrapper .form-wrapper .unlock-to-login {
  color: #a6a6a6;
  background-color: transparent;
  width: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .auth-modal-wrapper .form-wrapper .register-to-login:hover, .auth-modal-wrapper .form-wrapper .login-to-signup:hover, .auth-modal-wrapper .form-wrapper .back-to-login:hover, .auth-modal-wrapper .form-wrapper .unlock-to-login:hover {
    cursor: pointer;
    background: #f2f2f2; }

.auth-modal-wrapper .form-wrapper .err {
  color: #d93934;
  font-size: 18px;
  line-height: 24px; }

.auth-modal-wrapper a.login-to-signup {
  display: inline;
  color: #3fad93; }
  .auth-modal-wrapper a.login-to-signup:hover, .auth-modal-wrapper a.login-to-signup:focus {
    color: #11593f; }

.auth-modal-wrapper .form-wrapper {
  padding: 20px; }
  @media (min-width: 768px) {
    .auth-modal-wrapper .form-wrapper {
      padding: 40px; } }

.auth-modal-wrapper .form-group {
  display: inline; }

.form-password {
  display: inline-flex;
  width: calc(50% - 3px);
  margin: 5px 0; }

.auth-modal-wrapper .form-group.password-options {
  display: flex;
  justify-content: space-between; }

.login-to-unlock {
  display: none; }

.js-forgot-password,
.remember-me {
  color: #a6a6a6; }

.form-control {
  width: 100%; }

.auth-modal-wrapper .icon-filters-close {
  position: absolute;
  top: 20px;
  right: 20px; }
  .auth-modal-wrapper .icon-filters-close:hover {
    cursor: pointer; }
  @media (min-width: 768px) {
    .auth-modal-wrapper .icon-filters-close {
      right: 40px;
      top: 25px; } }

#password-reset .password {
  margin-bottom: 5px; }

#auth-modal input[aria-invalid=true] {
  border: 2px solid #d93934 !important; }

.social-signin {
  position: relative; }

.signin-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }

.social-signin .social-text {
  display: flex;
  justify-content: center;
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  top: -10px;
  left: 50%;
  width: 70%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: white;
  border-right: 15px solid white;
  border-left: 15px solid white;
  color: #707070; }
  @media (min-width: 947px) {
    .social-signin .social-text {
      width: 45%; } }

.privacy-wrapper__policy-page {
  margin-top: 100px; }

#auth-modal .checkbox, #auth-modal .privacy-policy, .privacy-wrapper__policy-page .checkbox, .privacy-wrapper__policy-page .privacy-policy {
  display: inline-block; }

#auth-modal .privacy, .privacy-wrapper__policy-page .privacy {
  display: block;
  margin: 10px 0; }

#auth-modal .privacy-container, .privacy-wrapper__policy-page .privacy-container {
  display: flex; }

#auth-modal .privacy-policy, .privacy-wrapper__policy-page .privacy-policy {
  color: #c7c7c7;
  padding-left: 5px; }

#auth-modal .privacy-link, .privacy-wrapper__policy-page .privacy-link {
  color: #707070; }

#auth-modal .privacy-checkbox, .privacy-wrapper__policy-page .privacy-checkbox {
  display: flex;
  align-items: center; }
  #auth-modal .privacy-checkbox .single-line, .privacy-wrapper__policy-page .privacy-checkbox .single-line {
    width: auto; }

.privacy-error,
.generic-error {
  color: #d93934;
  padding-bottom: 10px; }

.social-icon-container {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px;
  font-size: 42px;
  border-top: 1px solid; }
  @media (min-width: 768px) {
    .social-icon-container {
      padding: 20px 40px; } }
  .social-icon-container a {
    color: inherit; }

.form-group .email {
  margin-bottom: 5px; }

/* Change Autocomplete styles*/
#auth-modal input:-webkit-autofill {
  -webkit-text-fill-color: #707070;
  -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset !important; }

.auth-modal-wrapper {
  color: #b0b0b0;
  border-radius: 0;
  background-color: #fff;
  border: none;
  box-shadow: 0 3px 10px rgba(175, 175, 175, 0.52); }
  .auth-modal-wrapper .form-wrapper p {
    color: #b0b0b0;
    padding: 0 0 10px; }
  .auth-modal-wrapper .form-wrapper input {
    color: #a6a6a6;
    background-color: #f2f2f2;
    border: #f2f2f2; }
    .auth-modal-wrapper .form-wrapper input::-webkit-input-placeholder {
      color: #a6a6a6; }
    .auth-modal-wrapper .form-wrapper input::-moz-placeholder {
      color: #a6a6a6; }
    .auth-modal-wrapper .form-wrapper input:-ms-input-placeholder {
      color: #a6a6a6; }
    .auth-modal-wrapper .form-wrapper input:-moz-placeholder {
      color: #a6a6a6; }
    .auth-modal-wrapper .form-wrapper input:placeholder-shown {
      color: #a6a6a6; }
  .auth-modal-wrapper .form-wrapper button {
    background: #32c77f;
    color: #fff;
    text-transform: uppercase;
    width: auto;
    font-size: 16px; }
    @media (min-width: 768px) {
      .auth-modal-wrapper .form-wrapper button {
        font-size: 18px; } }
    .auth-modal-wrapper .form-wrapper button:hover {
      background: #11593f; }
  .auth-modal-wrapper .form-group {
    margin: 7px 0; }
    .auth-modal-wrapper .form-group.buttons {
      display: flex;
      flex-direction: column;
      margin: 35px 0 10px; }
  .auth-modal-wrapper .field-validation-valid {
    display: none; }
  .auth-modal-wrapper .field-validation-error {
    display: block; }
    .auth-modal-wrapper .field-validation-error span {
      color: #d93934;
      position: relative; }

.auth-modal-wrapper__job-app-link {
  border-top: 1px solid #ddd;
  font-size: 14px;
  line-height: 14px;
  padding: 20px 20px; }
  @media (min-width: 768px) {
    .auth-modal-wrapper__job-app-link {
      padding: 25px 40px;
      font-size: 16px;
      line-height: 16px; } }
  .auth-modal-wrapper__job-app-link .icon-cta-modular {
    margin-left: 5px; }

.reset-wrapper--nomodal {
  width: 50%;
  margin: 0 auto;
  border: 1px solid #a6a6a6; }
  @media (max-width: 1279px) {
    .reset-wrapper--nomodal {
      width: 80%; } }

.password-reset__response {
  font-size: 24px; }

.profile-container .grid-row {
  margin-left: 25px;
  margin-right: 25px; }
  @media (min-width: 768px) {
    .profile-container .grid-row {
      margin-left: 80px;
      margin-right: 50px; } }
  @media (min-width: 947px) {
    .profile-container .grid-row {
      margin-left: 100px;
      margin-right: 50px; } }
  @media (min-width: 1280px) {
    .profile-container .grid-row {
      margin-left: 164px;
      margin-right: 164px; } }

.profile-container--topMargin {
  margin-top: 84px; }

.saved-container .left-img {
  object-fit: cover;
  font-family: 'object-fit:cover;';
  height: 70px;
  width: 70px;
  background-color: white; }
  @media (min-width: 768px) {
    .saved-container .left-img {
      height: 108px;
      width: 108px; } }
  @media (min-width: 1280px) {
    .saved-container .left-img {
      height: 125px;
      width: 125px; } }

.saved-container .column {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  padding: 26px 0px; }
  @media (min-width: 768px) {
    .saved-container .column {
      padding: 40px 0px; } }

.saved-container .main-info {
  padding-right: 20px;
  margin-top: -6px; }
  @media (min-width: 768px) {
    .saved-container .main-info {
      margin-top: -5px; } }
  @media (min-width: 1280px) {
    .saved-container .main-info {
      width: 500px;
      padding-right: 53px;
      flex-grow: 1; } }

.saved-container .article-title, .saved-container .med-pub .article-title > a, .med-pub .saved-container .article-title > a, .saved-container .small-pub .article-title > a, .small-pub .saved-container .article-title > a {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  font-weight: 300;
  padding: 5px 0px;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  line-height: 1; }
  @media (min-width: 768px) {
    .saved-container .article-title, .saved-container .med-pub .article-title > a, .med-pub .saved-container .article-title > a, .saved-container .small-pub .article-title > a, .small-pub .saved-container .article-title > a {
      font-size: 21px;
      padding: 15px 0px; } }
  @media (min-width: 1280px) {
    .saved-container .article-title, .saved-container .med-pub .article-title > a, .med-pub .saved-container .article-title > a, .saved-container .small-pub .article-title > a, .small-pub .saved-container .article-title > a {
      padding: 5px 0px;
      font-size: 18px; } }

.saved-container .date-saved, .saved-container .article-date {
  font-weight: 300;
  color: #707070;
  line-height: 20px;
  margin-bottom: 0;
  font-size: 12px; }
  @media (min-width: 768px) {
    .saved-container .date-saved, .saved-container .article-date {
      font-size: 18px; } }
  @media (min-width: 1280px) {
    .saved-container .date-saved, .saved-container .article-date {
      font-size: 14px; } }

.saved-container .article-description {
  display: none;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #707070;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0; }
  @media (min-width: 1280px) {
    .saved-container .article-description {
      display: block;
      margin-top: 10px; } }

.saved-container .interaction-content {
  align-self: flex-end;
  margin-top: 28px; }
  @media (min-width: 768px) {
    .saved-container .interaction-content {
      margin-top: 36px; } }
  @media (min-width: 1280px) {
    .saved-container .interaction-content {
      margin-top: 20px;
      width: 276px; } }

.saved-container .right {
  flex-grow: 1;
  margin-left: 20px; }
  @media (min-width: 1280px) {
    .saved-container .right {
      margin-left: 30px;
      display: flex; } }

.saved-container .user-name {
  font-weight: 400;
  font-size: 18px;
  color: black; }
  @media (min-width: 768px) {
    .saved-container .user-name {
      font-size: 18px;
      margin-bottom: 10px; } }

.saved-container .position, .saved-container .location {
  font-weight: 300;
  font-size: 15px;
  line-height: 22px;
  color: #333; }

.saved-container .top-container .icon-social-bio-email, .saved-container .top-container .icon-perspectives-download {
  font-size: 12px;
  text-transform: uppercase; }
  .saved-container .top-container .icon-social-bio-email span, .saved-container .top-container .icon-perspectives-download span {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px; }
    @media (min-width: 768px) {
      .saved-container .top-container .icon-social-bio-email span, .saved-container .top-container .icon-perspectives-download span {
        font-size: 16px; } }
  @media (min-width: 768px) {
    .saved-container .top-container .icon-social-bio-email, .saved-container .top-container .icon-perspectives-download {
      font-size: 14px; } }

.saved-container .top-container .icon-social-bio-email {
  color: #32c77f; }
  .saved-container .top-container .icon-social-bio-email span {
    color: #32c77f; }

.saved-container .top-container .icon-perspectives-download {
  color: #b0b0b0; }
  .saved-container .top-container .icon-perspectives-download span {
    color: #b0b0b0; }

.saved-container .bottom-1 {
  flex-grow: 1; }
  .saved-container .bottom-1 span {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px; }
    @media (min-width: 768px) {
      .saved-container .bottom-1 span {
        font-size: 16px; } }

.saved-container .bottom-container {
  display: flex;
  margin-top: 18px;
  /*BP4-3061: Alignment was a little off between the download and the share button below it*/ }
  @media (min-width: 768px) {
    .saved-container .bottom-container {
      margin-top: 20px; } }
  .saved-container .bottom-container .icon-alumni-phone, .saved-container .bottom-container .icon-profile-trash, .saved-container .bottom-container .icon-perspectives-share {
    color: #b0b0b0;
    font-size: 14px;
    text-transform: uppercase; }
    .saved-container .bottom-container .icon-alumni-phone span, .saved-container .bottom-container .icon-profile-trash span, .saved-container .bottom-container .icon-perspectives-share span {
      color: #b0b0b0;
      font-weight: 400; }
  .saved-container .bottom-container .share-article > span {
    padding-left: 1px; }

.saved-container .bottom-2 {
  float: right; }
  .saved-container .bottom-2 span {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px; }
    @media (min-width: 768px) {
      .saved-container .bottom-2 span {
        font-size: 16px; } }

.saved-container.saved-article .left {
  flex-basis: auto; }

.saved-container.saved-article .icon-perspectives-download {
  display: none; }

.saved-container.saved-article .empty-state {
  font-size: 14px;
  line-height: 40px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #707070;
  margin-top: 28px; }
  @media (min-width: 768px) {
    .saved-container.saved-article .empty-state {
      margin-top: 56px;
      font-size: 18px; } }
  @media (min-width: 1280px) {
    .saved-container.saved-article .empty-state {
      margin-top: 108px;
      font-size: 24px; } }
  .saved-container.saved-article .empty-state .empty-state-icon {
    color: #707070;
    font-size: 12px; }
    @media (min-width: 768px) {
      .saved-container.saved-article .empty-state .empty-state-icon {
        font-size: 16px; } }
    @media (min-width: 1280px) {
      .saved-container.saved-article .empty-state .empty-state-icon {
        font-size: 24px; } }

.saved-container.saved-article .explore {
  margin-top: 84px; }

.saved-container.saved-article .explore-btn {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #fdfdfd;
  background-color: #32c77f;
  padding: 15px; }

.content-inner-wrapper > .visible-article:last-child .grid-row > .column {
  border-bottom: none; }

.saved-container.saved-article.first-article {
  margin-top: 26px; }
  @media (min-width: 768px) {
    .saved-container.saved-article.first-article {
      margin-top: 66px; } }
  @media (min-width: 1280px) {
    .saved-container.saved-article.first-article {
      margin-top: 108px; } }
  .saved-container.saved-article.first-article .column {
    padding-top: 0; }

.saved-container.saved-article.hidden-article {
  display: none; }

.saved-container-saved-article.visible-article {
  display: block; }

/*CROPPER ^3.0.0-alpha
Placed here because of an gulp error thrown because of calc(100 / 3)%;
This was changed globally in the file to 33.333%;
*/
:root {
  --blue: #39f; }

.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  user-select: none;
  direction: ltr;
  touch-action: none; }
  .cropper-container img {
    /* Avoid margin top issue (Occur only when margin-top <= -height) */
    display: block;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100%;
    height: 100%;
    image-orientation: 0deg; }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.cropper-wrap-box {
  overflow: hidden; }

.cropper-drag-box {
  opacity: 0;
  background-color: #fff; }

.cropper-modal {
  opacity: .5;
  background-color: #000; }

.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid var(--blue);
  outline-color: color(var(--blue) opacity(75%)); }

/*33.333%;*/
.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee; }
  .cropper-dashed.dashed-h {
    top: 33.333%;
    left: 0;
    width: 100%;
    height: 33.333%;
    border-top-width: 1px;
    border-bottom-width: 1px; }
  .cropper-dashed.dashed-v {
    top: 0;
    left: 33.333%;
    width: 33.333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px; }

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75; }
  .cropper-center:before, .cropper-center:after {
    position: absolute;
    display: block;
    content: ' ';
    background-color: #eee; }
  .cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px; }
  .cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px; }

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1; }

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff; }

.cropper-line {
  background-color: var(--blue); }
  .cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize; }
  .cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize; }
  .cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize; }
  .cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize; }

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: var(--blue); }
  .cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize; }
  .cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize; }
  .cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize; }
  .cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize; }
  .cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize; }
  .cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize; }
  .cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize; }
  .cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    opacity: 1; }
    @media (min-width: 768px) {
      .cropper-point.point-se {
        width: 15px;
        height: 15px; } }
    @media (min-width: 992px) {
      .cropper-point.point-se {
        width: 10px;
        height: 10px; } }
    @media (min-width: 1200px) {
      .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: .75; } }
  .cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: ' ';
    opacity: 0;
    background-color: var(--blue); }

.cropper-invisible {
  opacity: 0; }

.cropper-bg {
  background-image: inline("../images/bg.png"); }

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0; }

.cropper-hidden {
  display: none !important; }

.cropper-move {
  cursor: move; }

.cropper-crop {
  cursor: crosshair; }

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed; }

.subscriptions {
  padding-top: 30px;
  /* Styles both top and bottom submit button */ }
  @media (min-width: 1280px) {
    .subscriptions {
      padding-top: 10px; } }
  .subscriptions input[type=checkbox] + label span {
    width: 50px;
    height: 50px; }
  .subscriptions input[type=checkbox] {
    visibility: hidden; }
  .subscriptions label {
    cursor: pointer;
    padding: 0; }
  .subscriptions li {
    padding-left: 0; }
  .subscriptions li:before {
    display: none; }
  .subscriptions .checkbox {
    width: 25px;
    position: relative; }
    .subscriptions .checkbox label {
      cursor: pointer;
      width: 30px;
      height: 30px;
      position: absolute;
      top: 0;
      left: 0;
      background: #eee; }
      .subscriptions .checkbox label:after {
        opacity: 0;
        content: '';
        position: absolute;
        width: 14.4px;
        height: 8px;
        background: transparent;
        top: 8px;
        left: 7px;
        border: 4px solid #32c77f;
        border-top: none;
        border-right: none;
        transform: rotate(-45deg); }
    .subscriptions .checkbox input[type=checkbox]:checked + label:after {
      color: #32c77f;
      opacity: 1; }
  .subscriptions input[type=radio] {
    position: absolute;
    visibility: hidden; }
  .subscriptions .radio {
    position: relative;
    flex-grow: 1;
    max-width: 30px; }
    .subscriptions .radio label {
      display: block;
      position: relative;
      height: 20px;
      z-index: 9;
      cursor: pointer; }
    .subscriptions .radio .check {
      display: block;
      position: absolute;
      border: 2px solid #aaa;
      border-radius: 100%;
      height: 25px;
      width: 25px;
      top: 0px;
      left: 0px;
      z-index: 5;
      transition: border .25s linear;
      -webkit-transition: border .25s linear; }
      .subscriptions .radio .check::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 15px;
        width: 15px;
        top: 3px;
        left: 3px;
        margin: auto; }
  .subscriptions input[type=radio]:checked ~ .check {
    border: 2px solid #aaa; }
  .subscriptions input[type=radio]:checked ~ .check::before {
    background: #aaa; }
  .subscriptions .two-col, .subscriptions .subscriptions__checkbox-container {
    margin-top: 20px;
    display: flex; }
    .subscriptions .two-col .left, .subscriptions .two-col .subscriptions__checkbox-input-side, .subscriptions .subscriptions__checkbox-container .left, .subscriptions .subscriptions__checkbox-container .subscriptions__checkbox-input-side {
      min-width: 40px; }
    .subscriptions .two-col .right, .subscriptions .two-col .subscriptions__checkbox-label-side, .subscriptions .subscriptions__checkbox-container .right, .subscriptions .subscriptions__checkbox-container .subscriptions__checkbox-label-side {
      flex-grow: 1; }
    .subscriptions .two-col .subscriptions__checkbox-label-side .checkbox-title, .subscriptions .subscriptions__checkbox-container .subscriptions__checkbox-label-side .checkbox-title {
      font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 20px;
      font-weight: 700;
      color: #333;
      line-height: 1;
      margin-bottom: 10px;
      display: inline-block; }
      @media (min-width: 1280px) {
        .subscriptions .two-col .subscriptions__checkbox-label-side .checkbox-title, .subscriptions .subscriptions__checkbox-container .subscriptions__checkbox-label-side .checkbox-title {
          font-size: 24px; } }
    .subscriptions .two-col .subscriptions__checkbox-label-side .checkbox-description, .subscriptions .subscriptions__checkbox-container .subscriptions__checkbox-label-side .checkbox-description {
      font-weight: 300;
      font-size: 16px;
      color: #b7b7b7;
      margin-bottom: 10px; }
      @media (min-width: 1280px) {
        .subscriptions .two-col .subscriptions__checkbox-label-side .checkbox-description, .subscriptions .subscriptions__checkbox-container .subscriptions__checkbox-label-side .checkbox-description {
          font-size: 18px; } }
    .subscriptions .two-col .subscriptions__frequency, .subscriptions .subscriptions__checkbox-container .subscriptions__frequency {
      color: #333;
      font-weight: 700; }
  @media (min-width: 768px) {
    .subscriptions .subscriptions__checkbox-container.right-shift {
      margin-left: 40px; } }
  .subscriptions .collapsible-content .subheader a {
    font-weight: 300;
    color: #b7b7b7 !important; }
  .subscriptions .collapsible-content {
    margin-bottom: 0; }
  .subscriptions .collapsible-content .collapse-header {
    display: flex;
    padding-bottom: 10px; }
    @media (min-width: 1280px) {
      .subscriptions .collapsible-content .collapse-header {
        width: 80%; } }
  .subscriptions .collapsible-content .collapse-header.collapse-header--small {
    border-bottom: 0; }
  .subscriptions .collapsible-content .collapse-trigger {
    flex-grow: 1; }
  .subscriptions .collapsible-content .collapse-title {
    font-size: 18px;
    font-weight: 700;
    color: #32c77f;
    text-transform: uppercase; }
    @media (min-width: 1280px) {
      .subscriptions .collapsible-content .collapse-title {
        font-size: 18px; } }
  .subscriptions .collapsible-content .icon-archetype-collapse::before, .subscriptions .collapsible-content .icon-archetype-expand::before {
    color: #32c77f; }
  .subscriptions .collapsible-content .collapsed-content {
    margin-bottom: 10px; }
  .subscriptions .collapsible-content .collapse-trigger:hover {
    cursor: pointer; }
  .subscriptions .collapsible-content .collapse-trigger .expand-btn {
    padding-left: 10px; }
  .subscriptions .collapsible-content .collapse-trigger.collapsed ~ div .select-all {
    display: none; }
  .subscriptions .collapsible-content .subscriptions__checkbox-container {
    padding: 20px 0px; }
  .subscriptions .collapsible-content .select-all {
    font-size: 18px;
    color: #32c77f; }
  .subscriptions .checkboxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    max-width: 900px; }
  .subscriptions .checkbox-container, .subscriptions .checkboxes .simple-checkbox-container {
    display: flex;
    flex-basis: 100%;
    margin: 10px 0px; }
    @media (min-width: 768px) {
      .subscriptions .checkbox-container, .subscriptions .checkboxes .simple-checkbox-container {
        flex-basis: 50%; } }
    @media (min-width: 947px) {
      .subscriptions .checkbox-container, .subscriptions .checkboxes .simple-checkbox-container {
        flex-basis: 50%; } }
  .subscriptions .checkbox, .subscriptions .simple-checkbox-container .simple-checkbox {
    flex-basis: 40px; }
  .subscriptions .simple-checkbox-label .simple-checkbox-label {
    cursor: pointer; }
  .subscriptions .simple-checkbox-label .simple-checkbox-title {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #b7b7b7;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 0; }
  .subscriptions .subscriptions__submit {
    display: flex;
    justify-content: flex-start; }
  .subscriptions .subscriptions__submit-btn {
    width: 178px;
    background-color: #32c77f;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-transform: uppercase; }
  .subscriptions .subscriptions__submit {
    margin-top: 20px; }
    .subscriptions .subscriptions__submit .subscriptions__submit-btn {
      margin: 0; }
    @media (min-width: 1280px) {
      .subscriptions .subscriptions__submit {
        margin-top: 40px; } }
  .subscriptions .icon-after-title {
    padding-left: 5px; }
  .subscriptions .collapse-header--small .collapse-title {
    font-size: 16px; }
  .subscriptions .collapse-header--small .expand-btn {
    font-size: 16px; }
  @media (min-width: 1280px) {
    .subscriptions .subscriptions .grid-column.right-shift {
      margin-left: 30px; } }

.subscriptions.show {
  visibility: visible; }

.subscriptions__section-heading {
  font-size: 28px;
  margin-top: 30px;
  margin-bottom: 0; }

.subscriptions__horizontal-rule {
  margin: 40px 0; }

.subscription-widget {
  position: fixed;
  opacity: 0;
  z-index: 3;
  bottom: 0;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  min-height: 64px; }
  .subscription-widget .field-validation-error {
    margin: 2px 0px;
    display: block;
    text-align: left; }
  @media (min-width: 1280px) {
    .subscription-widget {
      display: flex;
      justify-content: center;
      align-items: center; } }

.subscription-widget--closed {
  /*Fade in and fade out is handled by .animate_fadeOut_full and animate_fadeIn_full
    This class, .subscription-widget--closed won't have classes tied to it, rather it will be used as a flag. 
  */ }

.subscription-widget__recaptcha-disclaimer {
  position: absolute;
  display: block;
  font-size: 11px;
  left: 20px;
  bottom: 7px; }
  @media (min-width: 768px) {
    .subscription-widget__recaptcha-disclaimer {
      left: 30px; } }
  @media (min-width: 1280px) {
    .subscription-widget__recaptcha-disclaimer {
      bottom: calc(50% - (11px/2));
      left: 15px; } }

.subscription-widget__title {
  display: inline;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  line-height: 1.3;
  margin: 0;
  font-size: 14px; }
  @media (min-width: 768px) {
    .subscription-widget__title {
      display: inline-block;
      font-size: 16px; } }
  @media (min-width: 1280px) {
    .subscription-widget__title {
      max-width: none;
      font-size: 20px; } }

.subscription-widget__form,
.subscription-non-gated__parts-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 20px; }
  @media (min-width: 768px) {
    .subscription-widget__form,
    .subscription-non-gated__parts-wrapper {
      flex-direction: row;
      width: 85vw;
      margin-left: 30px; } }
  @media (min-width: 947px) {
    .subscription-widget__form,
    .subscription-non-gated__parts-wrapper {
      width: 75vw; } }
  @media (min-width: 1280px) {
    .subscription-widget__form,
    .subscription-non-gated__parts-wrapper {
      margin: 0; } }

.subscription-widget__form-group {
  text-align: left; }
  @media (min-width: 768px) {
    .subscription-widget__form-group {
      padding-left: 30px; } }
  @media (min-width: 1280px) {
    .subscription-widget__form-group {
      padding-left: 40px; } }

.subscription-widget__label-group {
  padding-left: 0;
  width: auto;
  max-width: 250px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .subscription-widget__label-group {
      max-width: none;
      margin-bottom: 0;
      align-self: flex-start;
      margin-top: 7px; } }

.subscription-widget--user-subscribed .subscription-widget__label-group.subscription-widget__form-group {
  max-width: none;
  margin-bottom: 0;
  text-align: center; }

.subscription-widget__input-group {
  flex-grow: 1;
  flex-direction: column;
  display: none;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .subscription-widget__input-group {
      margin-bottom: 0;
      display: flex;
      align-self: center; } }
  @media (min-width: 1280px) {
    .subscription-widget__input-group {
      padding-left: 30px; } }

.subscription-widget__hidden-fields-group {
  display: none; }

.subscription-widget__recaptcha-group {
  padding-left: 0;
  display: block; }

.subscription-widget__input-wrapper {
  display: inline-flex; }
  .subscription-widget__input-wrapper input, .subscription-widget__input-wrapper button {
    border-radius: 0;
    flex-shrink: 1;
    flex-basis: auto; }
  .subscription-widget__input-wrapper input {
    font-size: 16px;
    max-width: 220px;
    flex-grow: 1;
    padding: 0 18px; }
  .subscription-widget__input-wrapper button {
    flex-grow: 0;
    width: auto; }

.subscription-widget__recaptcha-check.recaptcha-check {
  visibility: hidden;
  position: absolute; }

.subscription-widget__message {
  display: inline-block;
  padding: 0 50px 4px 50px;
  display: none; }
  .subscription-widget__message p {
    margin: 0;
    padding-right: 0;
    position: relative; }
    @media (min-width: 768px) {
      .subscription-widget__message p {
        padding-right: 40px; } }

.subscription-widget .icon-alumni-contact-saved {
  padding-left: 10px; }

.subscription-widget__close-btn {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 20px;
  font-size: 20px;
  color: white; }
  @media (min-width: 768px) {
    .subscription-widget__close-btn {
      top: 19px; } }

.subscription-widget__mobile-collapse-btn {
  padding-left: 0;
  color: white; }
  .subscription-widget__mobile-collapse-btn:hover, .subscription-widget__mobile-collapse-btn:focus {
    color: white; }
  @media (min-width: 768px) {
    .subscription-widget__mobile-collapse-btn {
      display: none; } }

.subscription-widget__mobile-collapse-btn.icon-lens-selector-carrot-collapse {
  font-size: 8px;
  padding-top: 5px; }

.subscription-widget__input-group.mobile-hide {
  display: none; }
  @media (min-width: 768px) {
    .subscription-widget__input-group.mobile-hide {
      display: flex; } }

.subscription-widget__input-group.mobile-show {
  display: flex;
  margin-top: 5px; }

.subscription-widget--user-subscribed .subscription-widget__input-wrapper,
.subscription-widget--user-subscribed .subscription-widget__recaptcha {
  display: none; }

.subscription-widget--user-subscribed .subscription-widget__message {
  display: block; }

.subscription-widget--vertical-content {
  padding: 20px;
  text-align: left; }
  .subscription-widget--vertical-content .subscription-widget__input-wrapper {
    display: block; }
    .subscription-widget--vertical-content .subscription-widget__input-wrapper input {
      margin-bottom: 20px;
      width: 100%; }

@media (max-width: 767px) {
  .subscription-widget .subscription-widget__title {
    margin-bottom: 20px; } }

@media (max-width: 499px) {
  .subscription-widget__input-wrapper {
    display: inline-flex;
    flex-direction: row; }
    .subscription-widget__input-wrapper button {
      flex: 0 1 auto; } }

.has-subscription-widget .sitefooter {
  margin-bottom: 100px; }
  @media (min-width: 768px) {
    .has-subscription-widget .sitefooter {
      margin-bottom: 85px; } }

/******************
  THEMING
******************/
.subscription-widget .subscription-widget__input-wrapper input {
  font-size: 16px; }
  @media (min-width: 768px) {
    .subscription-widget .subscription-widget__input-wrapper input {
      padding: 10px 12px; } }
  @media (min-width: 1280px) {
    .subscription-widget .subscription-widget__input-wrapper input {
      padding: 10px 20px; } }

.subscription-widget .subscription-widget__input-wrapper button {
  width: 120px;
  padding: 10px 0px;
  font-size: 14px; }

.subscription-widget .subscription-widget__input-wrapper input:focus, .subscription-widget .subscription-widget__input-wrapper button:focus {
  outline: none; }

.subscription-widget .subscription-widget__message {
  background-color: #32c77f;
  color: white; }
  .subscription-widget .subscription-widget__message p {
    color: white; }

.subscription-widget .subscription-widget__teaser p,
.subscription-widget .subscription-widget__teaser a {
  font-size: 14px;
  color: #d9d9d9;
  line-height: 1.1; }

.subscription-widget .subscription-widget__teaser a {
  text-decoration: underline; }

.subscription-widget--default-theme {
  background-color: #707070; }
  .subscription-widget--default-theme .subscription-widget__title {
    color: white; }
  .subscription-widget--default-theme .subscription-widget__input-wrapper input {
    background-color: transparent;
    border: 1px solid white;
    color: white; }
  .subscription-widget--default-theme .subscription-widget__input-wrapper input::placeholder {
    color: white; }
  .subscription-widget--default-theme .subscription-widget__submit {
    border-radius: 0;
    background-color: transparent;
    color: white;
    text-transform: uppercase;
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-left: none; }

.subscription-widget--default-theme.subscription-widget--user-subscribed {
  background-color: #32c77f; }
  .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__form {
    justify-content: center; }
    @media (max-width: 946px) {
      .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__form {
        margin: 0; } }
  .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__title, .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__input-group, .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__hidden-fields-group, .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__recaptcha-group {
    display: none; }
  .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__success-message > * {
    font-size: 16px;
    display: block; }
    @media (min-width: 768px) {
      .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__success-message > * {
        display: inline; } }
    @media (min-width: 1280px) {
      .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__success-message > * {
        font-size: 20px; } }
  .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__success-cta {
    font-size: 14px;
    color: white;
    vertical-align: text-top;
    text-decoration: underline; }
  .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__mobile-collapse-btn {
    display: none; }
  .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__close-btn {
    top: 20px; }
  .subscription-widget--default-theme.subscription-widget--user-subscribed .subscription-widget__recaptcha-disclaimer {
    display: none; }

.subscription-widget--default-theme.subscription-widget--user-logged-in {
  justify-content: center; }
  .subscription-widget--default-theme.subscription-widget--user-logged-in .subscription-widget__input-wrapper input {
    display: none; }
  .subscription-widget--default-theme.subscription-widget--user-logged-in .subscription-widget__submit {
    width: 160px;
    border: 1px solid white; }

.subscription-widget--white-background-theme {
  border: 1px solid #32c77f; }
  .subscription-widget--white-background-theme .subscription-widget__input-wrapper input {
    border: 1px solid #32c77f; }

.subscription-widget--green-background-theme {
  background-color: #32c77f;
  color: white; }
  .subscription-widget--green-background-theme .subscription-widget__input-wrapper input {
    border: 1px solid white; }
  .subscription-widget--green-background-theme .subscription-widget__input-wrapper input {
    background-color: #32c77f;
    color: white; }
    .subscription-widget--green-background-theme .subscription-widget__input-wrapper input:-ms-input-placeholder {
      color: white; }
    .subscription-widget--green-background-theme .subscription-widget__input-wrapper input::placeholder {
      color: white; }
  .subscription-widget--green-background-theme .subscription-widget__input-wrapper button {
    background-color: white;
    color: black; }
    .subscription-widget--green-background-theme .subscription-widget__input-wrapper button:hover {
      background-color: #cccccc; }
  .subscription-widget--green-background-theme .subscription-widget__message {
    background-color: white;
    color: black; }
    .subscription-widget--green-background-theme .subscription-widget__message p {
      color: black; }

.subscription-widget--black-background-theme {
  background-color: black;
  color: white; }
  .subscription-widget--black-background-theme .subscription-widget__title {
    color: white; }
  .subscription-widget--black-background-theme .subscription-widget__input-wrapper input {
    border: 1px solid white; }
  .subscription-widget--black-background-theme .subscription-widget__input-wrapper input {
    background-color: black;
    color: white; }
    .subscription-widget--black-background-theme .subscription-widget__input-wrapper input:-ms-input-placeholder {
      color: white; }
    .subscription-widget--black-background-theme .subscription-widget__input-wrapper input::placeholder {
      color: white; }
  .subscription-widget--black-background-theme .subscription-widget__input-wrapper button {
    background-color: white;
    color: black; }
    .subscription-widget--black-background-theme .subscription-widget__input-wrapper button:hover {
      background-color: #cccccc; }
  .subscription-widget--black-background-theme .subscription-widget__message {
    background-color: white;
    color: black; }
    .subscription-widget--black-background-theme .subscription-widget__message p {
      color: black; }

.subscription-widget--black-background-reverse-theme {
  border: 1px solid black;
  background-color: white;
  color: black; }
  .subscription-widget--black-background-reverse-theme .subscription-widget__input-wrapper input {
    border: 1px solid black;
    background-color: white;
    color: black; }
    .subscription-widget--black-background-reverse-theme .subscription-widget__input-wrapper input:-ms-input-placeholder {
      color: black; }
    .subscription-widget--black-background-reverse-theme .subscription-widget__input-wrapper input::placeholder {
      color: black; }
  .subscription-widget--black-background-reverse-theme .subscription-widget__input-wrapper button {
    background-color: black;
    color: white; }
    .subscription-widget--black-background-reverse-theme .subscription-widget__input-wrapper button:hover {
      background-color: #4d4d4d; }
  .subscription-widget--black-background-reverse-theme .subscription-widget__message {
    background-color: white;
    color: black; }
    .subscription-widget--black-background-reverse-theme .subscription-widget__message p {
      color: black; }

.mod-font .subscription-widget .subscription-widget__title {
  font-family: 'bcg-henderson-mod';
  font-weight: 900;
  text-transform: uppercase; }

.grecaptcha-badge {
  display: none !important; }

.subscription-widget--after-fade-in {
  opacity: 1; }

.bcg-homepage.has-subscription-widget .subscription-widget {
  z-index: 102; }

.bcg-homepage.has-subscription-widget .subscription-widget--default-theme {
  background-color: rgba(112, 112, 112, 0.75); }
  .bcg-homepage.has-subscription-widget .subscription-widget--default-theme.subscription-widget--user-subscribed {
    background-color: #32c77f; }

.bcg-homepage.has-subscription-widget .sitefooter {
  margin-bottom: 64px; }

@media (min-width: 768px) {
  .bcg-homepage.has-subscription-widget .sitefooter_homepage.show {
    transform: translate3d(0, 0, 0); }
  .bcg-homepage.has-subscription-widget .sitefooter_homepage {
    transform: translate3d(0, 164px, 0); } }

.bcg-homepage.has-subscription-widget .top-level:last-of-type .cta-panel-container {
  margin-bottom: 125px; }
  @media (max-width: 1090px) {
    .bcg-homepage.has-subscription-widget .top-level:last-of-type .cta-panel-container {
      margin-bottom: 125px; } }
  @media (max-width: 946px) {
    .bcg-homepage.has-subscription-widget .top-level:last-of-type .cta-panel-container {
      margin-bottom: 171px; } }
  @media (max-width: 767px) {
    .bcg-homepage.has-subscription-widget .top-level:last-of-type .cta-panel-container {
      margin-bottom: 180px; } }
  @media (max-width: 499px) {
    .bcg-homepage.has-subscription-widget .top-level:last-of-type .cta-panel-container {
      margin-bottom: 209px; } }

.edit-profile {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 20px; }
  @media (min-width: 768px) {
    .edit-profile {
      margin-top: 40px; } }
  @media (min-width: 1280px) {
    .edit-profile {
      margin-top: 80px; } }
  .edit-profile .two-col {
    display: flex;
    padding-bottom: 30px; }
  .edit-profile .left {
    min-width: 100px; }
  .edit-profile .right {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 20px; }
    @media (min-width: 1280px) {
      .edit-profile .right {
        flex-direction: row; } }
  .edit-profile .profile-pic {
    width: 100px;
    height: 100px;
    background-color: #cecece; }
  .edit-profile .profile-pic-container {
    display: block;
    position: relative; }
  .edit-profile .profile-pic-overlay {
    cursor: pointer;
    display: none;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px; }
  .edit-profile .icon-profile-camera {
    color: white; }
  .edit-profile .change-photo-text {
    font-size: 14px;
    color: white;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    text-align: center; }
  .edit-profile .profile-info {
    min-height: 120px;
    flex-grow: 1;
    margin-top: -12px; }
    .edit-profile .profile-info .title, .edit-profile .profile-info .med-pub .title > a, .med-pub .edit-profile .profile-info .title > a, .edit-profile .profile-info .small-pub .title > a, .small-pub .edit-profile .profile-info .title > a {
      font-weight: 300;
      font-size: 26px;
      color: #444;
      margin-bottom: 5px;
      line-height: 1.5;
      font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
      @media (min-width: 1280px) {
        .edit-profile .profile-info .title, .edit-profile .profile-info .med-pub .title > a, .med-pub .edit-profile .profile-info .title > a, .edit-profile .profile-info .small-pub .title > a, .small-pub .edit-profile .profile-info .title > a {
          font-size: 30px; } }
    .edit-profile .profile-info .position, .edit-profile .profile-info .company {
      display: none;
      font-size: 18px;
      color: #757575;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .edit-profile .profile-info .position, .edit-profile .profile-info .company {
          display: block;
          font-size: 24px; } }
  .edit-profile .mobile-profile-info {
    margin: 20px 0px 20px -120px; }
    @media (min-width: 1280px) {
      .edit-profile .mobile-profile-info {
        margin-left: 0; } }
    .edit-profile .mobile-profile-info .position, .edit-profile .mobile-profile-info .company {
      display: block;
      font-size: 18px;
      color: #757575;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .edit-profile .mobile-profile-info .position, .edit-profile .mobile-profile-info .company {
          display: none;
          font-size: 24px; } }
  .edit-profile .edit {
    display: flex;
    margin-left: -120px;
    margin-top: 10px; }
    @media (min-width: 1280px) {
      .edit-profile .edit {
        margin-left: 0;
        flex-direction: column;
        margin-top: 0; } }
  .edit-profile .edit-btn {
    font-weight: 700;
    width: 110px;
    padding: 10px;
    background-color: #32c77f;
    color: white;
    text-transform: uppercase; }
  .edit-profile .logout-btn {
    display: none;
    width: 110px;
    padding: 10px;
    text-transform: uppercase;
    color: #cecece;
    margin-top: 5px;
    background-color: transparent; }
  .edit-profile .cancel-edit-btn {
    width: 110px;
    padding: 10px;
    text-transform: uppercase;
    color: #cecece;
    margin-top: 5px;
    background-color: transparent; }
  .edit-profile .edit-login-btn {
    width: 20px;
    font-size: 14px;
    color: #dedede;
    background-color: white;
    border: 1px solid #cecece; }
  .edit-profile .profile-pic {
    max-width: 100%; }
  .edit-profile .modal-background {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0.8;
    z-index: 9; }
  .edit-profile .edit-pic-modal-container {
    display: none;
    opacity: 0;
    width: 100%;
    position: fixed;
    left: 0;
    top: 20%;
    z-index: 10; }
  .edit-profile .edit-pic {
    position: relative;
    width: 80%;
    max-width: 500px;
    height: 450px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #cecece;
    background-color: white; }
    @media (min-width: 947px) {
      .edit-profile .edit-pic {
        height: 500px; } }
    .edit-profile .edit-pic header {
      padding-bottom: 15px;
      margin-bottom: 10px;
      border-bottom: 1px solid #cecece; }
    .edit-profile .edit-pic header h1 {
      font-size: 22px;
      color: #32c77f;
      margin-bottom: 0;
      line-height: 1; }
    .edit-profile .edit-pic .tip {
      font-size: 16px;
      color: #333;
      margin-bottom: 10px; }
    .edit-profile .edit-pic .warning {
      display: none;
      font-weight: 700;
      color: black;
      font-size: 16px; }
    .edit-profile .edit-pic img {
      max-width: 100%; }
    .edit-profile .edit-pic .container {
      position: relative;
      height: 200px; }
      @media (min-width: 947px) {
        .edit-profile .edit-pic .container {
          height: 300px; } }
    .edit-profile .edit-pic .loading-container {
      display: none;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 200px;
      top: 0;
      left: 0;
      z-index: 1;
      background-color: white;
      opacity: 0.8; }
      @media (min-width: 947px) {
        .edit-profile .edit-pic .loading-container {
          height: 300px; } }
    .edit-profile .edit-pic .upload {
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 10; }
    .edit-profile .edit-pic .actions {
      position: absolute;
      right: 20px;
      bottom: 20px; }
    .edit-profile .edit-pic button {
      font-weight: 300;
      padding: 10px;
      width: 100px;
      float: right;
      text-transform: uppercase; }
      .edit-profile .edit-pic button span {
        text-transform: uppercase;
        font-weight: 300; }
    .edit-profile .edit-pic .cancel-btn {
      background-color: #ccc;
      color: #777;
      margin-right: 10px; }
    .edit-profile .edit-pic .crop-btn {
      background-color: #32c77f;
      color: white; }
    .edit-profile .edit-pic input[type="file"] {
      display: none; }
    .edit-profile .edit-pic .upload-btn {
      cursor: pointer;
      padding: 10px;
      width: 100px;
      background-color: transparent;
      color: white;
      border: 1px solid white; }
  .edit-profile .disabled-save-btn {
    background-color: #dedede;
    color: #777;
    cursor: not-allowed; }

.view-profile-mode .profile-pic-overlay {
  display: none; }

.view-profile-mode .logout-btn {
  display: block; }

.animation {
  display: none;
  margin: 0 auto;
  margin-top: 75px;
  border: 10px solid #f3f3f3;
  /* Light grey */
  border-top: 10px solid #32c77f;
  /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 0.8s linear infinite; }
  @media (min-width: 1280px) {
    .animation {
      margin-top: 125px; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.animation-response-modal {
  margin-top: 50vh; }

.modal-slide-up {
  animation: slideUp 0.3s; }

.response-modal-slide-up {
  animation: slideUpModal 0.3s; }

@keyframes slideUp {
  0% {
    opacity: 0;
    top: 15%; }
  100% {
    opacity: 1;
    top: 10%; } }

@keyframes slideUpModal {
  0% {
    opacity: 0;
    top: calc(60vh - 100px); }
  100% {
    opacity: 1;
    top: calc(50vh - 100px); } }

.my-profile {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*bottom of lowercase letters getting cut off for some reason, here's a quick fix*/ }
  .my-profile select {
    line-height: 24px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important; }
  .my-profile .two-col {
    display: flex;
    flex-direction: column; }
    @media (min-width: 1280px) {
      .my-profile .two-col {
        flex-direction: row; } }
  .my-profile .left-col, .my-profile .right-col {
    width: 100%; }
    @media (min-width: 1280px) {
      .my-profile .left-col, .my-profile .right-col {
        width: 50%; } }
    .my-profile .left-col .section-title:not(:first-child), .my-profile .right-col .section-title:not(:first-child) {
      margin-top: 84px; }
  @media (min-width: 947px) {
    .my-profile .left-col {
      margin-right: 60px; } }
  @media (min-width: 947px) {
    .my-profile .right-col {
      margin-left: 60px; } }
  .my-profile #main-form .two-col .right-col {
    margin-top: 50px; }
    @media (min-width: 1280px) {
      .my-profile #main-form .two-col .right-col {
        margin-top: 0; } }
  .my-profile .icon-input-group {
    display: flex; }
    .my-profile .icon-input-group .input-side {
      flex-grow: 1; }
      .my-profile .icon-input-group .input-side input {
        font-family: "henderson-bcg-sans",sans-serif;
        width: 100%; }
  .my-profile .login-change-form {
    display: none; }
  .my-profile .edit-login-mode .icon-input-group {
    display: none; }
  .my-profile .edit-login-mode .login-change-form {
    display: block; }
  .my-profile .edit-login-mode .add-btn {
    display: block !important; }
  .my-profile .label-input-group {
    display: block;
    margin-top: 15px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .my-profile .label-input-group {
        display: flex;
        margin-bottom: 0; } }
    .my-profile .label-input-group .label-side {
      overflow-wrap: break-word;
      align-self: center;
      width: 100%;
      padding-right: 10px;
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .my-profile .label-input-group .label-side {
          width: 40%;
          margin-bottom: 0; } }
      .my-profile .label-input-group .label-side.label-top {
        align-self: auto;
        margin-top: 20px; }
    .my-profile .label-input-group .label-side-title, .my-profile .label-input-group .label-hidden-sub-title {
      font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 700;
      color: #707070;
      text-transform: uppercase;
      font-size: 18px;
      padding: 0;
      margin-bottom: 0;
      line-height: 1; }
    .my-profile .label-input-group .social-side-title {
      margin-top: 15px;
      font-size: 12px;
      color: #aaa;
      float: right; }
      @media (min-width: 768px) {
        .my-profile .label-input-group .social-side-title {
          font-size: 14px; } }
    .my-profile .label-input-group .label-sub-title {
      display: block;
      font-weight: 700;
      color: #707070;
      text-transform: uppercase;
      margin-bottom: 3px;
      font-size: 10px;
      padding: 0; }
    .my-profile .label-input-group .input-side {
      position: relative;
      width: 100%;
      word-wrap: break-word; }
      @media (min-width: 768px) {
        .my-profile .label-input-group .input-side {
          width: 60%; } }
      .my-profile .label-input-group .input-side input, .my-profile .label-input-group .input-side .view-mode-text {
        font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        width: 100%;
        margin-bottom: 0; }
      .my-profile .label-input-group .input-side .view-mode-text {
        padding: 9px 0px;
        line-height: 1; }
      .my-profile .label-input-group .input-side .readonly {
        font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        line-height: 1;
        color: black;
        font-weight: 300; }
      .my-profile .label-input-group .input-side .sub-section:not(:first-child) {
        margin-top: 12px; }
      .my-profile .label-input-group .input-side .sub-section {
        position: relative; }
  .my-profile .other-social-container {
    display: block;
    margin-top: 30px !important; }
    .my-profile .other-social-container .social-side-title {
      float: none;
      margin-top: 0; }
  .my-profile .country-dropdown-icon {
    position: absolute;
    top: 34px;
    right: 11px;
    font-size: 9px;
    color: #aaa;
    pointer-events: none; }
  .my-profile .radio-input-group {
    display: flex;
    margin-top: 15px; }
    .my-profile .radio-input-group .radio-side {
      align-self: center;
      width: 10%; }
    .my-profile .radio-input-group .label-side {
      width: 90%; }
      .my-profile .radio-input-group .label-side label {
        color: black;
        font-size: 18px;
        padding: 0px 0px 0px 5px; }
  .my-profile .icon-filters-check-mark {
    color: #32c77f;
    padding-left: 10px; }
  .my-profile .dual-input {
    display: flex; }
    .my-profile .dual-input .dual-left {
      width: 60%;
      margin-right: 5px; }
    .my-profile .dual-input .dual-right {
      width: 40%; }
  .my-profile input[type=radio] {
    position: absolute;
    visibility: hidden; }
  .my-profile .radio {
    position: relative;
    flex-grow: 1;
    max-width: 30px; }
    .my-profile .radio label {
      display: block;
      position: relative;
      height: 20px;
      z-index: 9;
      cursor: pointer; }
    .my-profile .radio .check {
      display: block;
      position: absolute;
      border: 2px solid #aaa;
      border-radius: 100%;
      height: 25px;
      width: 25px;
      top: 0px;
      left: 0px;
      z-index: 5;
      transition: border .25s linear;
      -webkit-transition: border .25s linear; }
      .my-profile .radio .check::before {
        display: block;
        position: absolute;
        content: '';
        border-radius: 100%;
        height: 15px;
        width: 15px;
        top: 3px;
        left: 3px;
        margin: auto; }
  .my-profile input[type=radio]:checked ~ .check {
    border: 2px solid #aaa; }
  .my-profile input[type=radio]:checked ~ .check::before {
    background: #aaa; }
  .my-profile .icon-social-bio-email {
    color: #32c77f;
    align-self: center; }
  .my-profile .icon-profile-lock {
    align-self: center;
    font-size: 20px;
    margin-right: 4px;
    margin-left: 4px; }
  .my-profile .readonly {
    border: none;
    font-size: 18px;
    padding-left: 0; }
  .my-profile .edit-mode {
    width: 100%;
    font-size: 18px;
    background-color: #f2f2f2;
    border: none;
    color: black;
    font-weight: 300; }
  .my-profile .login-title-container {
    margin-bottom: 10px; }
    .my-profile .login-title-container .section-title {
      display: inline-block; }
    .my-profile .login-title-container .edit-login-container {
      display: inline-block;
      margin-left: 10px; }
    .my-profile .login-title-container .edit-login-btn {
      background-color: transparent;
      padding: 0;
      font-size: 20px;
      color: #333333; }
  .my-profile .login-email {
    color: #32c77f; }
  .my-profile .login-email, .my-profile .login-password {
    padding-left: 10px; }
  .my-profile .edit-mode.month-dropdown {
    position: relative;
    padding: 0px 0px 0px 10px;
    width: 100%; }
  .my-profile .start-date-month, .my-profile .end-date-month {
    padding-bottom: 10px; }
  .my-profile .section-title {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #32c77f;
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 20px; }
  .my-profile .add-btn, .my-profile .submit-btn {
    font-weight: 700;
    font-size: 16px;
    width: 110px;
    padding: 10px;
    background-color: #32c77f;
    color: white;
    text-transform: uppercase;
    margin-top: 24px; }
  .my-profile .submit-btn {
    float: right; }
  .my-profile .disabled-save-btn {
    background-color: #dedede;
    color: #777;
    cursor: not-allowed; }
  .my-profile .couple-btns {
    display: flex;
    justify-content: space-between;
    width: 230px; }
  .my-profile .single-input {
    margin-top: 20px;
    max-width: 300px; }
    @media (min-width: 947px) {
      .my-profile .single-input {
        max-width: 500px; } }
  .my-profile .job-sub-section, .my-profile .education-sub-section, .my-profile .bcg-history-sub-section, .my-profile .job-history-sub-section, .my-profile .hidden-sub-section {
    position: relative;
    padding-bottom: 20px; }
  .my-profile .form-section .first-sub-section {
    border-top: none !important;
    padding-top: 0 !important; }
  .my-profile .form-section .job-sub-section:nth-child(n+3), .my-profile .form-section .bcg-history-sub-section:nth-child(n+3), .my-profile .form-section .education-sub-section:nth-child(n+3), .my-profile .form-section .job-history-sub-section:nth-child(n+3) {
    border-top: 1px solid #cecece;
    padding-top: 5px; }
  .my-profile .dynamic-dropdown {
    top: 17px;
    position: absolute;
    right: 11px;
    font-size: 9px;
    color: #aaa;
    pointer-events: none; }
  .my-profile .job-history-month, .my-profile .education-month, .my-profile .social-dropdown-container {
    position: relative; }
  .my-profile .remove-block-btn {
    position: absolute;
    width: 30px;
    font-size: 15px;
    top: 10px;
    right: -6px;
    background-color: transparent;
    color: #aaa; }
    @media (min-width: 768px) {
      .my-profile .remove-block-btn {
        top: 18px;
        right: -40px; } }
  .my-profile .first-sub-section .remove-block-btn {
    top: -8px; }
    @media (min-width: 768px) {
      .my-profile .first-sub-section .remove-block-btn {
        top: 0px; } }
  .my-profile .other-social-sub-section {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    width: 100%;
    margin-top: 20px !important;
    margin-bottom: 10px; }
    .my-profile .other-social-sub-section .single-input {
      margin-top: 0;
      width: 90%; }
  .my-profile .ajax-msg {
    display: none;
    margin-top: 20px;
    font-weight: 700; }
  .my-profile .ajax-msg.change-error {
    color: red; }
  .my-profile .ajax-msg.change-success {
    color: #32c77f; }
  .my-profile .social-dropdown {
    background-color: #424242;
    color: white;
    font-size: 14px;
    height: 45px; }
  .my-profile .social-input {
    width: 100%;
    flex-wrap: wrap; }
  .my-profile .social-input:not(:first-child) {
    margin-top: 10px; }
  .my-profile .social-container {
    display: flex;
    width: 100%;
    display: flex;
    margin-top: 10px;
    position: relative; }
    .my-profile .social-container .dual-left {
      width: 40%; }
    .my-profile .social-container .dual-right {
      width: 60%;
      position: relative; }
    .my-profile .social-container .remove-block-btn {
      width: 10%;
      position: static; }
  .my-profile #add-social-btn {
    color: #32c77f;
    margin-top: 10px;
    padding-bottom: 10px;
    background-color: transparent;
    width: 260px; }
  .my-profile .bottom-form-section {
    margin-top: 84px; }
  .my-profile .two-col:not(:first-child) {
    margin-top: 84px; }
  .my-profile .login-section {
    margin-top: 0px !important; }
  .my-profile #view-mode-private-address, .my-profile #view-mode-professional-address {
    margin-top: 20px; }
  .my-profile .social-link {
    display: none; }
  .my-profile .ghost-btn {
    width: 110px;
    padding: 10px;
    text-transform: uppercase;
    color: #cecece;
    background-color: transparent; }
  .my-profile .view-mode-positions {
    margin-top: 30px; }
  .my-profile #privacy label {
    font-weight: 300;
    color: black; }
  .my-profile .privacy-btn {
    width: 215px;
    padding: 0;
    text-transform: uppercase;
    color: #cecece;
    margin-top: 25px;
    background-color: transparent;
    cursor: pointer; }
  .my-profile .no-margin-top {
    margin-top: 0; }

@keyframes textAppearAnimation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes inputAppearAnimation {
  from {
    padding-left: 0; }
  to {
    padding-left: .618em; } }
  .my-profile .appear-animation {
    animation-name: textAppearAnimation;
    animation-duration: 0.8s; }
  .my-profile .input-appear {
    animation-name: inputAppearAnimation;
    animation-duration: 0.5s; }

.view-profile-mode .label-sub-title {
  display: none !important; }

.view-profile-mode .add-btn {
  display: none; }

.view-profile-mode .remove-block-btn {
  display: none; }

.view-profile-mode .hidden-view-display-edit {
  display: none !important; }

.view-profile-mode .hidden-view-display-edit-flex {
  display: none !important; }

.view-profile-mode .display-view-hidden-edit {
  display: block !important; }

.view-profile-mode .social-container, .view-profile-mode .other-social-section {
  display: none !important; }
  .view-profile-mode .social-container .dual-left, .view-profile-mode .social-container .dual-right, .view-profile-mode .other-social-section .dual-left, .view-profile-mode .other-social-section .dual-right {
    display: none !important;
    position: relative; }

.view-profile-mode .add-social-btn {
  display: none !important; }

.view-profile-mode .icon-social-share-linkedin, .view-profile-mode .icon-social-share-facebook, .view-profile-mode .icon-social-share-twitter, .view-profile-mode .icon-social-share-other {
  font-size: 24px;
  margin-left: 3px; }

.view-profile-mode .icon-social-share-facebook {
  color: #3b5998; }

.view-profile-mode .icon-social-share-linkedin {
  color: #007bb5; }

.view-profile-mode .icon-social-share-twitter {
  color: #1da1f2; }

.view-profile-mode .icon-social-share-other {
  background-color: #32c77f;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-bottom: -2px; }

.view-profile-mode .job-sub-section, .view-profile-mode .bcg-history-sub-section, .view-profile-mode .job-history-sub-section, .view-profile-mode .education-sub-section {
  display: none; }

.view-profile-mode .view-mode-positions {
  display: block; }

.view-profile-mode .submit-btn {
  display: none; }

.edit-profile-mode .label-sub-title {
  display: block !important; }

.edit-profile-mode .add-btn {
  display: block; }

.edit-profile-mode .job-input, .edit-profile-mode .company-input, .edit-profile-mode .job-label, .edit-profile-mode .company-label {
  display: block; }

.edit-profile-mode .hidden-view-display-edit {
  display: block !important; }

.edit-profile-mode .hidden-view-display-edit-flex {
  display: flex !important; }

.edit-profile-mode .display-view-hidden-edit {
  display: none !important; }

.edit-profile-mode .social-container .dual-left, .edit-profile-mode .social-container .dual-right, .edit-profile-mode .social-container .add-social-btn {
  display: block !important; }

.edit-profile-mode .add-social-btn {
  display: block !important; }

.edit-profile-mode .job-history-month:after, .edit-profile-mode .education-month:after, .edit-profile-mode .social-dropdown-container:after {
  content: '\e600';
  font-family: 'dotBCG-Icons' !important;
  font-size: 9px;
  color: #aaa;
  right: 11px;
  top: 16px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none; }

.edit-profile-mode .job-sub-section, .edit-profile-mode .bcg-history-sub-section, .edit-profile-mode .job-history-sub-section, .edit-profile-mode .education-sub-section {
  display: block; }

.edit-profile-mode .view-mode-positions {
  display: none; }

.is-interstitial .profile-name {
  font-weight: 700; }

.other-social-container {
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #cecece; }

.field-validation-error {
  color: #ff5b4d; }

.subscriptions-non-gated.subscriptions-non-gated--logged-in .subscription-widget__email {
  display: none; }

.subscriptions-non-gated.subscriptions-non-gated--logged-in .subscription-widget__submit {
  border-left: 1px solid white; }

.subscriptions-non-gated.subscription-non-gated--show-submit .subscription-non-gated__email-submit.subscription-widget {
  opacity: 1; }

.subscriptions-non-gated .footer {
  margin-top: 20px; }
  .subscriptions-non-gated .footer .subscribe-button {
    color: white;
    font-weight: bold;
    padding: 20px;
    background-color: #31c67f; }
  .subscriptions-non-gated .footer .subscribe-button.subscribe-button--subscribed {
    background-color: white;
    color: #31c67f;
    padding: 16px;
    border: 2px solid #31c67f; }
  .subscriptions-non-gated .footer .subscribe-button--checkboxes {
    width: 30%;
    margin-left: 25px; }
  .subscriptions-non-gated .footer .subscribe-button--hidden {
    display: none; }

.subscriptions-non-gated [data-section-type="addSubscriptionsButton"] hr {
  margin: 50px 0;
  color: #31c67f; }

.subscriptions-non-gated [data-section-type="addSubscriptionsButton"] .footer {
  padding: 14px 0; }
  .subscriptions-non-gated [data-section-type="addSubscriptionsButton"] .footer .subscribe-button {
    width: 50%;
    margin: 0 auto;
    display: block; }

.subscriptions-non-gated__section-header {
  margin-top: 35px; }

.subscriptions-non-gated__news-letters-component.meet-us .title, .subscriptions-non-gated__news-letters-component.meet-us .med-pub .title > a, .med-pub .subscriptions-non-gated__news-letters-component.meet-us .title > a, .subscriptions-non-gated__news-letters-component.meet-us .small-pub .title > a, .small-pub .subscriptions-non-gated__news-letters-component.meet-us .title > a {
  color: #00532f; }

@media (min-width: 768px) {
  .subscriptions-non-gated__news-letters-component.meet-us .content-container:last-child:nth-child(odd) .content {
    width: 100%; } }

.subscriptions-non-gated__news-letters-component .content-container {
  display: flex;
  flex-direction: column;
  border: 1px solid #707070;
  margin-top: 20px;
  margin-bottom: 20px; }
  .subscriptions-non-gated__news-letters-component .content-container .image {
    flex-shrink: 0; }
  .subscriptions-non-gated__news-letters-component .content-container.video .image {
    position: relative; }
    .subscriptions-non-gated__news-letters-component .content-container.video .image:before {
      font-family: 'dotBCG-Icons';
      color: #32c77f;
      font-size: 40px;
      position: absolute;
      top: 0;
      left: 0;
      background: #fff; }
  .subscriptions-non-gated__news-letters-component .content-container .cta-link {
    font-weight: 700;
    margin: 0;
    font-size: 14px;
    vertical-align: middle;
    margin-top: auto; }
    .subscriptions-non-gated__news-letters-component .content-container .cta-link::before {
      padding-right: 7px; }
  .subscriptions-non-gated__news-letters-component .content-container .content {
    margin-top: 20px;
    padding: 7px 17px;
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    position: relative; }
    @media (min-width: 947px) {
      .subscriptions-non-gated__news-letters-component .content-container .content {
        padding: 14px 17px; } }
    .subscriptions-non-gated__news-letters-component .content-container .content p {
      font-size: 16px;
      line-height: 20px;
      color: #333;
      margin-bottom: 20px;
      width: 100%;
      flex-grow: 1; }
      @media (min-width: 768px) {
        .subscriptions-non-gated__news-letters-component .content-container .content p {
          line-height: 22px;
          margin-bottom: 0px; } }
      @media (min-width: 1280px) {
        .subscriptions-non-gated__news-letters-component .content-container .content p:last-of-type {
          margin-bottom: 25px; } }
  .subscriptions-non-gated__news-letters-component .content-container .title, .subscriptions-non-gated__news-letters-component .content-container .med-pub .title > a, .med-pub .subscriptions-non-gated__news-letters-component .content-container .title > a, .subscriptions-non-gated__news-letters-component .content-container .small-pub .title > a, .small-pub .subscriptions-non-gated__news-letters-component .content-container .title > a {
    color: inherit;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 5px; }
  .subscriptions-non-gated__news-letters-component .content-container .image img {
    display: block;
    max-width: 100%; }
  .subscriptions-non-gated__news-letters-component .content-container.content-container--selected {
    border: 1px solid #32c77f; }
    .subscriptions-non-gated__news-letters-component .content-container.content-container--selected .subscriptions__checkbox-container {
      background-color: #31c67f; }

.subscriptions-non-gated__news-letters-component .subscriptions__checkbox-container {
  padding: 20px;
  margin: 20px;
  background-color: #707070;
  justify-content: center; }
  .subscriptions-non-gated__news-letters-component .subscriptions__checkbox-container .subscriptions__checkbox-label-side {
    flex-grow: 0; }
    .subscriptions-non-gated__news-letters-component .subscriptions__checkbox-container .subscriptions__checkbox-label-side .checkbox-title {
      color: white;
      text-transform: none;
      font-weight: normal;
      margin-top: 1px;
      font-size: 16px; }

.subscription-non-gated__email-submit.subscription-widget {
  opacity: 0; }
  .subscription-non-gated__email-submit.subscription-widget .subscription-widget__input-group {
    flex-grow: 2;
    display: block; }
    .subscription-non-gated__email-submit.subscription-widget .subscription-widget__input-group .subscription-widget__input-wrapper {
      display: flex; }
      .subscription-non-gated__email-submit.subscription-widget .subscription-widget__input-group .subscription-widget__input-wrapper input {
        max-width: 320px; }
  .subscription-non-gated__email-submit.subscription-widget .subscription-widget__label-group {
    max-width: 100%;
    margin-bottom: 10px; }

.has-subscription-non-gated--show-submit .sitefooter {
  margin-bottom: 150px; }

/*===============
    #PERSPECTIVES #LANDING #EXTERNAL #ARTICLES
===============*/
/*=== externalArticles ===
-wrapper
  -header
   -media
   -hgroup
   -subtitle
   -title
  -list
   -article

*/
.externalArticles {
  overflow: hidden; }

.externalArticles-wrapper {
  margin: 0 20px; }
  @media (min-width: 768px) {
    .externalArticles-wrapper {
      margin: 0 75px; } }
  @media (min-width: 1280px) {
    .externalArticles-wrapper {
      margin: 0 calc(200px + 2.7vw); } }

.externalArticles-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 50px 0 20px 0;
  margin: 0 20px; }
  @media (min-width: 768px) {
    .externalArticles-header {
      flex-wrap: nowrap;
      margin: 0 75px; } }
  @media (min-width: 947px) {
    .externalArticles-header {
      margin: 0 75px;
      padding-bottom: 40px; } }
  @media (min-width: 1280px) {
    .externalArticles-header {
      margin: 0 100px; } }

.externalArticles-media {
  width: 7.5vw;
  min-width: 87px;
  margin: 0 2vw 20px 0; }
  @media (min-width: 1280px) {
    .externalArticles-media {
      margin-right: 2.5vw; } }
  @media (min-width: 768px) {
    .externalArticles-media {
      margin-bottom: 0; } }

.externalArticles-hgroup {
  width: 100%; }
  @media (min-width: 947px) {
    .externalArticles-hgroup {
      width: auto; } }

.externalArticles-subtitle.externalArticles-subtitle {
  font-size: .75em;
  line-height: 1.17;
  width: 80%;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .externalArticles-subtitle.externalArticles-subtitle {
      font-size: 1em;
      line-height: 1.125; } }
  @media (min-width: 1280px) {
    .externalArticles-subtitle.externalArticles-subtitle {
      font-size: 1.125em;
      line-height: 1.5; } }

.externalArticles-title.externalArticles-title {
  font-size: 2em;
  line-height: 1; }
  @media (min-width: 768px) {
    .externalArticles-title.externalArticles-title {
      font-size: 2.625em;
      line-height: 1; } }
  @media (min-width: 947px) {
    .externalArticles-title.externalArticles-title {
      font-size: 3.125em; } }

/*=== externalArticles-article ===
-article
  -summary
    -toggle
     -logo
     &-title
     -shares
  -details
    &-title
    &-content
  &-contentItem
    -cta
*/
.externalArticles-article {
  padding: 24px 0 30px 0; }

.externalArticles-article-summary .icon {
  font-size: 21px;
  margin-left: auto; }

.externalArticles-article-toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap; }

.externalArticles-article-logo {
  flex-grow: 0;
  flex-shrink: 0;
  width: 6vw;
  min-width: 60px;
  margin-right: 2vw; }
  @media (min-width: 947px) {
    .externalArticles-article-logo {
      width: 6vw; } }

.externalArticles-article-summary-title.externalArticles-article-summary-title {
  flex-grow: 0;
  font-size: 1.125em;
  line-height: 1;
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 800; }
  @media (min-width: 768px) {
    .externalArticles-article-summary-title.externalArticles-article-summary-title {
      font-size: 1.75em;
      line-height: 1; } }

.externalArticles-article-summary-link {
  color: white; }
  .externalArticles-article-summary-link:hover, .externalArticles-article-summary-link:focus {
    color: #b7b7b7; }

.externalArticles-article-shares {
  display: inline-block;
  margin-left: calc(60px + 2vw);
  margin-bottom: 20px; }
  @media (min-width: 947px) {
    .externalArticles-article-shares {
      margin-left: 8vw; } }
  @media (min-width: 1280px) {
    .externalArticles-article-shares {
      margin-left: 8vw; } }
  .externalArticles-article-shares .icon {
    font-size: 1.0625em;
    line-height: 1; }
    @media (min-width: 1280px) {
      .externalArticles-article-shares .icon {
        font-size: 23px; } }

.externalArticles-article-details {
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .externalArticles-article-details {
      padding-left: calc(60px + 2vw); } }
  @media (min-width: 947px) {
    .externalArticles-article-details {
      padding-left: 8vw; } }

.externalArticles-article-details li:before, .externalArticles-article-details ol:before {
  color: white; }

.externalArticles-details-content-rta {
  margin-left: 32px; }

.externalArticles-details-content-rta .externalArticles-article-details-content {
  margin-left: 0; }

.externalArticles-article-details-title,
.standalone-article .externalArticles-article-details-content * {
  font-size: 1em;
  line-height: 1.375; }
  @media (min-width: 768px) {
    .externalArticles-article-details-title,
    .standalone-article .externalArticles-article-details-content * {
      font-size: 1.125rem;
      line-height: 1.5; } }

.externalArticles-article-details-content {
  margin: 0 0 60px 32px; }

.externalArticles-article-details-contentItem {
  padding-left: 0;
  margin-bottom: 10px; }
  .externalArticles-article-details-contentItem:before {
    display: none; }
  .externalArticles-article-details-contentItem p, .externalArticles-article-details-contentItem ul {
    margin-bottom: 0; }
  .externalArticles-article-details-contentItem li {
    padding-left: 40px; }
    .externalArticles-article-details-contentItem li:before {
      color: #fff; }

.externalArticles-article-cta-block {
  margin-top: 65px; }
  @media (min-width: 768px) {
    .externalArticles-article-cta-block {
      margin-left: 32px; } }
  @media (min-width: 1280px) {
    .externalArticles-article-cta-block {
      margin-left: 0; } }

.externalArticles-article-cta {
  font-size: .75em;
  margin-top: 20px;
  padding: 15px 30px; }
  @media (min-width: 947px) {
    .externalArticles-article-cta {
      margin-top: 30px; } }

/*===============
    #SKIN
===============*/
.externalArticles {
  background: #333;
  color: #fff; }

.externalArticles-subtitle,
.externalArticles-title {
  text-transform: uppercase; }

.externalArticles-subtitle,
.externalArticles-title {
  color: inherit; }

.externalArticles-article-summary .icon,
.externalArticles-article-shares .icon {
  color: #b7b7b7; }

.externalArticles-article-logo {
  color: #b7b7b7; }

.perspectiveLanding-externalArticles-article-logo {
  color: #b7b7b7; }

.externalArticles .externalArticles-subtitle,
.externalArticles .externalArticles-article-details-title,
.externalArticles .externalArticles-article-details-content *,
.externalArticles .externalArticles-article-cta {
  font-family: inherit; }

.externalArticles .externalArticles-subtitle {
  font-weight: 300; }

.externalArticles .externalArticles-article-details-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800;
  color: #fff; }

.externalArticles .externalArticles-article-details-content * {
  font-weight: 200; }

.externalArticles-title.externalArticles-title {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 900;
  color: inherit; }

.externalArticles-article {
  color: #fff;
  border-top: 2px solid #b7b7b7; }

.externalArticles-article-summary-title,
.externalArticles-article-details-title,
.externalArticles-article-cta {
  text-transform: uppercase; }

.externalArticles-article-summary,
.externalArticles-article-summary-title,
.externalArticles-article-toggle,
.externalArticles-article-cta,
.externalArticles-article-details-title,
.externalArticles-article-details-content {
  color: inherit; }

.externalArticles-article-toggle {
  transition: all .3s ease-in-out; }
  .externalArticles-article-toggle:hover, .externalArticles-article-toggle:focus {
    color: #afafaf; }

.externalArticles-article-shares .icon:hover, .externalArticles-article-shares .icon:focus {
  color: #afafaf; }

.externalArticles-article-details-content.externalArticles-article-details-content * {
  color: inherit; }

.externalArticles-article-cta {
  letter-spacing: 2px;
  border: 1px solid #fff; }
  .externalArticles-article-cta:hover, .externalArticles-article-cta:focus {
    color: #afafaf;
    border-color: #afafaf; }

/*===============
    #ANIMATIONS
===============*/
/* General Animations
* These animations were created as counterparts to the [data=fx] transitions; 
* Apply these either in markup, or with JavaScript. 
* 
* 1) Apply an animation classname to an element. It will animate once
* 2) If you need a new animation:
*   Start with the mixin
*   any properties the mixin doesn't have, apply in the class name
* 
*/
/*=== keyframes ===*/
@keyframes fadeIn_full {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn_half {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes fadeOut_full {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut_half {
  from {
    opacity: .5; }
  to {
    opacity: 0; } }

@keyframes slideUp {
  from {
    transform: translateY(50%); }
  to {
    transform: translateY(0%); } }

@keyframes slideDown {
  from {
    transform: translateY(-50%); }
  to {
    transform: translateY(0%); } }

@keyframes slideLeft {
  from {
    transform: translateX(-100vw); }
  to {
    transform: translateX(0%); } }

@keyframes slideRight {
  from {
    transform: translateY(100vw); }
  to {
    transform: translateY(0%); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

/*=== animation classes ===*/
.animate_fadeIn_full {
  animation-name: fadeIn_full;
  animation-duration: 0.75s;
  animation-iteration-count: 1; }

.animate_fadeIn_half {
  animation-name: fadeIn_half;
  animation-duration: 0.75s;
  animation-iteration-count: 1; }

.animate_fadeOut_full {
  animation-name: fadeOut_full;
  animation-duration: 0.75s;
  animation-iteration-count: 1; }

.animate_fadeOut_half {
  animation-name: fadeOut_half;
  animation-duration: 0.75s;
  animation-iteration-count: 1; }

.animate_slideUp {
  animation-name: slideUp;
  animation-duration: 0.75s;
  animation-iteration-count: 1; }

.animate_slideDown {
  animation-name: slideDown;
  animation-duration: 0.75s;
  animation-iteration-count: 1; }

.animate_slideLeft {
  animation-name: slideLeft;
  animation-duration: 0.75s;
  animation-iteration-count: 1; }

.animate_spin {
  animation-name: spin;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.animate_pulse {
  animation-name: pulse;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; }

/*===============
    #EFFECTS #FX #TRANSITIONS
===============*/
/*
* Animations used on the perspectives landing page. Originally meant to be used anywhere. 
*  Was advised that the CTs could be used in many pages, but animations should only apply
*  on landing pages. This is why these are all now encapsulated under .landing

*  1) in markup, apply a data-fx="" attribute to either a container for animation, or item to be animated
*  2) set the value to whatever you want
*  3) JavaScript will apply a '.fx-triggered' classname when the element scrolls into view
*/
.landing {
  /*=== fade ===
  In
  Out

  _half
  _full
  */
  /*=== slide ===
  Up
  Down
  Left
  Right

  */
  /*=== scaleIn ===
  _full
  _half

  */
  /*=== paddingGrow ===
  _top
  _bottom

  */ }
  .landing [data-fx] {
    transition: all 1s ease-in .5s; }
  .landing [data-fx*="fadeIn_half"] {
    opacity: .5; }
    .landing [data-fx*="fadeIn_half"].fx-triggered {
      opacity: 1; }
  .landing [data-fx*="fadeIn_full"],
  .landing [data-fx*="fadeIn"] {
    opacity: 0; }
    .landing [data-fx*="fadeIn_full"].fx-triggered,
    .landing [data-fx*="fadeIn"].fx-triggered {
      opacity: 1; }
  .landing [data-fx*="fadeOut_full"] {
    opacity: 1; }
    .landing [data-fx*="fadeOut_full"].fx-triggered {
      opacity: 0; }
  .landing .isOverflowHidden {
    overflow: hidden; }
  .landing [data-fx*="slideUp"] {
    transform: translate3d(0, 50vh, 0); }
    .landing [data-fx*="slideUp"].fx-triggered {
      transform: translate3d(0, 0vh, 0) !important; }
    .isIE .landing [data-fx*="slideUp"] {
      transform: translate3d(0, 50%, 0); }
  .landing [data-fx*="slideDown"] {
    transform: translate3d(0, -50vh, 0); }
    .landing [data-fx*="slideDown"].fx-triggered {
      transform: translate3d(0, 0vh, 0) !important; }
    .isIE .landing [data-fx*="slideDown"] {
      transform: translate3d(0, 50%, 0); }
  .landing [data-fx*="slideLeft"] {
    transform: translate3d(-100vw, 0, 0); }
    .landing [data-fx*="slideLeft"].fx-triggered {
      transform: translate3d(0vw, 0, 0) !important; }
    .isIE .landing [data-fx*="slideLeft"] {
      transform: translate3d(-100%, 0, 0); }
  .landing [data-fx*="slideRight"] {
    transform: translate3d(100vw, 0, 0); }
    .landing [data-fx*="slideRight"].fx-triggered {
      transform: translate3d(0vw, 0, 0) !important; }
    .isIE .landing [data-fx*="slideRight"] {
      transform: translate3d(100%, 0, 0); }
  .landing [data-fx*="scaleIn_full"] {
    transform: scale(0); }
    .landing [data-fx*="scaleIn_full"].fx-triggered {
      transform: scale(1); }
  .landing [data-fx*="scaleIn_half"] {
    transform: scale(0.5); }
    .landing [data-fx*="scaleIn_half"].fx-triggered {
      transform: scale(1); }
  .landing [data-fx*="paddingGrow_top"].fx-triggered {
    padding-top: 7.5%; }
  .landing [data-fx*="paddingGrow_bottom"].fx-triggered {
    padding-bottom: 75px; }
    @media (min-width: 768px) {
      .landing [data-fx*="paddingGrow_bottom"].fx-triggered {
        padding-bottom: 7.5%; } }
  .landing [data-fx*="parallax"] {
    transition-duration: .05s;
    transition-delay: 0s; }

/*===============
    #SIMPLE-HEADER
===============*/
.simple-header {
  margin-bottom: 15px;
  margin-top: 50px; }
  @media (min-width: 768px) {
    .simple-header {
      margin-bottom: 30px;
      margin-top: 100px; }
      .simple-header .bhi-share-toolbar .grid-row {
        max-width: none; } }
  @media (max-width: 767px) {
    .simple-header .bhi-share-toolbar .grid-row {
      margin-left: 0;
      margin-right: 0; } }
  .simple-header:first-child {
    margin-bottom: 0; }

/*===============
    #SIMPLE-HEADER #SIMPLE-HEADER-IMAGE
===============*/
.simple-header .simple-header-image {
  position: relative;
  margin-bottom: 0;
  max-height: 100px; }
  .simple-header .simple-header-image picture {
    flex-grow: 0;
    position: relative;
    width: 90px;
    margin-right: 15px;
    margin-bottom: 36px; }
  .simple-header .simple-header-image .image-source {
    display: none;
    position: relative;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400; }
  .simple-header .simple-header-image .practice-tag-container {
    margin-left: 0;
    margin-top: -4px;
    padding-left: 5px; }

@media (min-width: 768px) {
  .simple-header .simple-header-image {
    margin-bottom: -12em; }
    .simple-header .simple-header-image picture {
      width: 200px; }
    .simple-header .simple-header-image .image-source {
      display: inline-block;
      position: absolute;
      top: 205px;
      left: 0; }
    .simple-header .simple-header-image .practice-tag-container {
      margin-left: 40px;
      align-self: flex-start; } }

/*===============
    #SIMPLE-HEADER #SIMPLE-HEADER-TITLEBAR
===============*/
.simple-header .simple-header-titlebar .headline {
  font-weight: 700;
  margin-top: 0; }
  @media (min-width: 768px) {
    .simple-header .simple-header-titlebar .headline {
      margin-top: 2%;
      margin-bottom: 25px; } }

/*===============
    #SIMPLE-HEADER #SIMPLE-HEADER-CONTENT
===============*/
.simple-header .simple-header-content {
  margin-top: 25px; }
  .simple-header .simple-header-content .author-container {
    margin-bottom: 35px; }
    .simple-header .simple-header-content .author-container .date {
      display: block; }
  .simple-header .simple-header-content .icons {
    margin-bottom: 80px; }
    .simple-header .simple-header-content .icons .social-share {
      display: inline-block; }
      .simple-header .simple-header-content .icons .social-share:hover, .simple-header .simple-header-content .icons .social-share:focus {
        cursor: pointer; }
    .simple-header .simple-header-content .icons span {
      margin-right: 15px; }
  .simple-header .simple-header-content .simple-header-body p {
    margin-bottom: 40px; }

@media (min-width: 768px) {
  .simple-header .simple-header-content .icons {
    margin-bottom: 60px; }
  .simple-header .simple-header-content .simple-header-body p {
    margin-bottom: 50px; } }

/*===============
    #SIMPLE-HEADER
===============*/
.simple-header .simple-header-image .image-source {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }
  .simple-header .simple-header-image .image-source p {
    font-family: inherit;
    text-transform: uppercase;
    font-size: 12px;
    color: #b7b7b7; }

/*===============
    #SIMPLE-HEADER #SIMPLE-HEADER-TITLEBAR
===============*/
.simple-header .simple-header-titlebar .headline {
  font-weight: 700;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 36px;
  color: #000; }
  @media (min-width: 768px) {
    .simple-header .simple-header-titlebar .headline {
      font-size: 48px;
      line-height: 60px; } }

/*===============
    #SIMPLE-HEADER #SIMPLE-HEADER-CONTENT
===============*/
.author-container {
  font-size: 14px;
  line-height: 1.5; }
  .author-container .date {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    color: #000; }
  .author-container .author {
    color: #32c77f; }
    .author-container .author:first-of-type {
      padding-left: 0; }
  .author-container span.author {
    color: #333;
    font-weight: 300; }
  .author-container .author-comma {
    margin-left: -3px; }

.simple-header .simple-header-content {
  font-weight: 300;
  font-size: 19px;
  line-height: 28px;
  color: #000; }
  .simple-header .simple-header-content .subtitle {
    font-size: 24px;
    line-height: 33px; }
  .simple-header .simple-header-content .icons span {
    color: #b7b7b7;
    font-size: 18px;
    line-height: 27px; }
  .simple-header .simple-header-content .simple-header-body p {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #333; }
  .simple-header .simple-header-content .simple-header-body a {
    text-decoration: underline;
    color: #32c77f; }
  .simple-header .simple-header-content .simple-header-body .article-exhibit {
    font-weight: 300;
    font-style: italic;
    font-size: 16px;
    line-height: 28px;
    color: #333; }

/* one off styles for simple header over media infographic DTTM-605 */
.container-header.simple-header--media .simple-header-titlebar {
  display: none; }

.container-header.simple-header--media .bhi-share-toolbar .grid-row {
  margin-left: 0;
  margin-right: 0; }

.container-header.simple-header--media .practice-tag-container {
  margin-bottom: 5px; }

@media (min-width: 768px) {
  .simple-header .simple-header-content {
    font-size: 24px;
    line-height: 33px; }
    .simple-header .simple-header-content .simple-header-body p,
    .simple-header .simple-header-content .simple-header-body .article-exhibit {
      font-size: 18px;
      line-height: 33px; } }

/* .standard-article .simple-header {} */
/* .standalone-article .simple-header {} */
.mod-hairline {
  font-family: 'bcg-henderson-mod';
  font-weight: 100; }

.mod-hairline-italic {
  font-family: 'bcg-henderson-mod';
  font-weight: 100;
  font-style: italic; }

.mod-thin {
  font-family: 'bcg-henderson-mod';
  font-weight: 200; }

.mod-thin-italic {
  font-family: 'bcg-henderson-mod';
  font-weight: 200;
  font-style: italic; }

.mod-light {
  font-family: 'bcg-henderson-mod';
  font-weight: 300; }

.mod-light-italic {
  font-family: 'bcg-henderson-mod';
  font-weight: 300;
  font-style: italic; }

.mod-regular {
  font-family: 'bcg-henderson-mod';
  font-weight: 400; }

.mod-bold, .bhi-pt .perspectives-footer .share-title {
  font-family: 'bcg-henderson-mod';
  font-weight: 700; }

.mod-bold-italic {
  font-family: 'bcg-henderson-mod';
  font-weight: 700;
  font-style: italic; }

.mod-extrabold, .pLanding-article-title, .standalone-article .inline-quote .quote {
  font-family: 'bcg-henderson-mod';
  font-weight: 800; }

.mod-extrabold-italic {
  font-family: 'bcg-henderson-mod';
  font-weight: 800;
  font-style: italic; }

.mod-black, .pLanding-featured-article-title, .pLanding-article-collection-subtitle, .dropcap-media, .dropcap::first-letter,
.dropcap > :first-child::first-letter, .heros-container .hero-caption-container .chapter-select h1, .heros-container .hero-caption-container .caption-container .title, .heros-container .hero-caption-container .caption-container .med-pub .title > a, .med-pub .heros-container .hero-caption-container .caption-container .title > a, .heros-container .hero-caption-container .caption-container .small-pub .title > a, .small-pub .heros-container .hero-caption-container .caption-container .title > a, .chapter-marker-container .hero-caption-container .chapter-select h1, .chapter-marker-container .hero-caption-container .chapter-hero .title, .chapter-marker-container .hero-caption-container .chapter-hero .med-pub .title > a, .med-pub .chapter-marker-container .hero-caption-container .chapter-hero .title > a, .chapter-marker-container .hero-caption-container .chapter-hero .small-pub .title > a, .small-pub .chapter-marker-container .hero-caption-container .chapter-hero .title > a {
  font-family: 'bcg-henderson-mod';
  font-weight: 900; }

.mod-black-italic {
  font-family: 'bcg-henderson-mod';
  font-weight: 900;
  font-style: italic; }

/* ===========
  #SKIN
=========== */
/* ===========
  #FONTS
============ */
.pLanding-article-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px; }
  .pLanding-article-title:hover > a {
    color: #b7b7b7; }
  @media (min-width: 768px) {
    .pLanding-article-title {
      font-size: 17px;
      line-height: 17px; } }
  @media (min-width: 947px) {
    .pLanding-article-title {
      font-size: 26px;
      line-height: 24px; } }

.pLanding-article_snippet > a:hover h1,
.pLanding-article_snippet > a:focus h1, .pLanding-article_snippet > a:hover p, .pLanding-article_snippet a:focus p {
  color: #b7b7b7; }

.pLanding-article-body p {
  color: white;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px; }
  .pLanding-article-body p:last-child:after {
    margin-left: 5px;
    transform: rotateZ(90deg);
    display: inline-block;
    font-size: 14px;
    font-family: 'dotBCG-Icons'; }
  @media (min-width: 947px) {
    .pLanding-article-body p {
      font-size: 18px;
      line-height: 27px; } }

/* ===========
  #LAYOUT
=========== */
@media (min-width: 768px) {
  .pLanding-article_snippet {
    width: calc( ((100vw - 75px * 2) / 12) * 6); }
    .pLanding-article_snippet:nth-child(even) {
      padding-right: 20px; }
    .pLanding-article_snippet:nth-child(odd) {
      margin-left: calc( ((100vw - 75px * 2) / 12) * 6);
      padding-left: 20px; } }

@media (min-width: 947px) {
  .pLanding-article_snippet {
    width: calc( ((100vw - 100px * 2) / 12) * 4); }
    .pLanding-article_snippet:nth-child(even) {
      margin-left: calc( ((100vw - 100px * 2) / 12) * 4); }
    .pLanding-article_snippet:nth-child(odd) {
      margin-left: calc( ((100vw - 100px * 2) / 12) * 8); } }

.pLanding-article-title {
  margin-bottom: 20px; }

.pLanding-article-body {
  margin-bottom: 40px; }
  @media (min-width: 1280px) {
    .pLanding-article-body {
      margin-bottom: 20px; } }
  .pLanding-article-body p:last-child {
    margin-bottom: 0; }

.pLanding-featured-article {
  position: relative;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .pLanding-featured-article {
      margin-bottom: 50px; } }
  .pLanding-featured-article picture:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2); }

.pLanding-featured-article-content {
  padding: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  @media (max-width: 767px) {
    .pLanding-featured-article-content {
      padding: 0 30px 0 30px; } }

.pLanding-featured-article-title {
  color: white;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px; }
  @media (min-width: 768px) {
    .pLanding-featured-article-title {
      font-size: 30px;
      line-height: 28px; } }
  @media (min-width: 947px) {
    .pLanding-featured-article-title {
      font-size: 40px;
      line-height: 36px; } }
  .pLanding-featured-article-title a {
    color: inherit; }

.pLanding-featured-article-body {
  color: white;
  display: none; }
  .pLanding-featured-article-body:last-child {
    margin: 0; }
  @media (min-width: 947px) {
    .pLanding-featured-article-body {
      display: block;
      font-size: 18px;
      line-height: 27px;
      font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 300; } }

.mod-font .pLanding-article-collection .article-video.full-width .pull-title {
  font-weight: 900; }

.pLanding-article-collection {
  position: relative; }

/* ===========
  #SKIN
=========== */
.pLanding-article-collection {
  background: #333; }

.pLanding-share {
  color: #fff;
  cursor: pointer; }

.pLanding-articles-view-collection {
  background: transparent;
  border: 1px solid white; }

/* ===========
  #FONTS
============ */
.pLanding-article-collection-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  color: white; }
  @media (min-width: 947px) {
    .pLanding-article-collection-title {
      font-size: 18px; } }

.pLanding-article-collection-subtitle {
  color: #fff;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 28px; }
  @media (min-width: 768px) {
    .pLanding-article-collection-subtitle {
      font-size: 40px;
      line-height: 36px; } }
  @media (min-width: 947px) {
    .pLanding-article-collection-subtitle {
      font-size: 84px;
      line-height: 70px; } }

.pLanding-article-collection-body {
  padding: 0 0 0 0; }
  @media (min-width: 1280px) {
    .pLanding-article-collection-body {
      padding-right: 25%; } }
  .pLanding-article-collection-body p {
    color: white; }

.pLanding-articles-title {
  margin-bottom: 45px; }
  .pLanding-articles-title p {
    color: white;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px; }
    @media (min-width: 768px) {
      .pLanding-articles-title p {
        font-size: 16px;
        line-height: 22px; } }

.pLanding-articles-view-collection {
  padding: 10px 30px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

/* ===========
  #LAYOUT
=========== */
.pLanding-article-collection .article-video {
  margin-bottom: 46px; }
  .pLanding-article-collection .article-video figcaption {
    display: none; }

.pLanding-article-collection.no-articles {
  padding-bottom: 50px; }

.pLanding-inner-wrapper {
  padding: 0 20px 50px 20px; }
  @media (min-width: 768px) {
    .pLanding-inner-wrapper {
      padding: 0 75px 100px 75px; } }
  @media (min-width: 947px) {
    .pLanding-inner-wrapper {
      padding: 0 100px 100px 100px; } }

.pLanding-article-collection-title {
  margin-bottom: 20px;
  padding-top: 44px; }

.pLanding-article-collection-subtitle {
  margin-bottom: 20px; }

.pLanding-article-collection-body {
  margin-bottom: 40px; }
  .pLanding-article-collection-body p:last-child {
    margin-bottom: 0; }

.pLanding-article-featured {
  height: 400px;
  width: 100%;
  background: #ccc;
  margin-bottom: 40px; }

@media (max-width: 946px) {
  .pLanding-articles {
    display: flex;
    flex-direction: column; } }

@media (min-width: 768px) {
  .pLanding-articles {
    position: relative; } }

.pLanding-articles-title p {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .pLanding-articles-title {
    margin-bottom: 30px; } }

@media (min-width: 768px) and (max-width: 946px) {
  .pLanding-article-collection:not(.no-articles) .pLanding-articles-title {
    position: absolute;
    left: 0;
    top: 0; } }

@media (min-width: 947px) {
  .pLanding-articles-title-wrapper {
    float: left;
    width: calc( ((100vw - 100px * 2) / 12) * 3); } }

.pLanding-articles-title-wrapper.fixed {
  position: fixed;
  top: 250px; }

.pLanding-articles-title-wrapper.fix-to-bottom {
  position: absolute;
  bottom: 100px; }

@media (min-width: 768px) and (max-width: 946px) {
  .pLanding-articles-title,
  .pLanding-articles-view-collection {
    width: calc( ((100vw - 75px * 2) / 12) * 4); } }

.pLanding-articles-view-collection {
  display: inline-block;
  width: auto; }
  @media (max-width: 946px) {
    .pLanding-articles-view-collection {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
      align-self: flex-start;
      margin-bottom: 20px; } }
  @media (min-width: 947px) {
    .pLanding-articles-view-collection {
      clear: left;
      display: inline; } }
  .pLanding-articles-view-collection:hover, .pLanding-articles-view-collection:focus {
    background-color: transparent;
    color: #afafaf;
    border-color: #afafaf; }

.pLanding-articles-view-collection::hover,
.pLanding-articles-view-collection::focus,
.pLanding-articles-view-collection::active {
  background-color: transparent;
  color: #afafaf;
  border-color: #afafaf; }

.pLanding-article-collection-link:hover .pLanding-article-collection-subtitle, .pLanding-article-collection-link:hover .pLanding-article-collection-body, .pLanding-article-collection-link:hover .pLanding-article-collection-body > * {
  opacity: 0.7 !important; }

.bhi-pt {
  /* Date and Author */
  /* ===========
    # VIDEO
  =========== */ }
  .bhi-pt.landing .scroll-tracker {
    display: none !important; }
  .bhi-pt .heros-container {
    margin-bottom: 40px; }
  .bhi-pt .black-title {
    color: black; }
  .bhi-pt .date-and-author time {
    display: block;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase; }
  .bhi-pt .date-and-author p,
  .bhi-pt .date-and-author .author,
  .bhi-pt .date-and-author span {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px; }
  .bhi-pt .article-video .picture-credit, .bhi-pt .video-wrapper .picture-credit {
    font-weight: 400;
    line-height: 13px;
    font-size: 10px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 0; }
  .bhi-pt .bulleted-list {
    margin-bottom: 30px; }
    .bhi-pt .bulleted-list li {
      padding-left: 35px; }
      .bhi-pt .bulleted-list li:before {
        color: #333;
        font-size: 14px; }
      .bhi-pt .bulleted-list li p {
        margin-bottom: 20px; }
  .bhi-pt .mail-icon {
    width: 20px; }
    .bhi-pt .mail-icon:hover {
      cursor: pointer; }
  .bhi-pt .article-video .picture-caption {
    font-weight: 400;
    font-size: 12px;
    line-height: inherit;
    color: #333;
    margin-bottom: 0; }
    @media (min-width: 947px) {
      .bhi-pt .article-video .picture-caption {
        font-size: 15px; } }
  .bhi-pt .article-button {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    height: 44px;
    padding: 0 30px;
    overflow: hidden;
    color: #b7b7b7;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 2; }
    .bhi-pt .article-button:hover {
      color: white;
      border-color: black; }
      .bhi-pt .article-button:hover:after {
        border-width: 330px 800px 0 0; }
    .bhi-pt .article-button:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 0;
      left: 0;
      z-index: -1;
      border-style: solid;
      border-width: 0 0 0 0;
      border-color: black transparent transparent transparent;
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-transition: all 500ms;
      -moz-transition: all 500ms;
      -ms-transition: all 500ms;
      -o-transition: all 500ms;
      transition: all 500ms; }
  .bhi-pt footer ul li span {
    vertical-align: middle; }
  .bhi-pt .perspectives-footer .wrapper {
    flex-direction: column;
    border-top: none; }
  .bhi-pt .perspectives-footer .top {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px; }
    @media (min-width: 768px) {
      .bhi-pt .perspectives-footer .top {
        flex-direction: row;
        padding-bottom: 15px; } }
  .bhi-pt .perspectives-footer ul.share {
    display: flex;
    align-items: center;
    margin-bottom: 0; }
    .bhi-pt .perspectives-footer ul.share a {
      color: #333; }
  .bhi-pt .perspectives-footer .share-title {
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .bhi-pt .perspectives-footer .share-title {
        display: inline;
        padding-right: 24px; } }
  .bhi-pt .perspectives-footer .sa-icon {
    font-size: 14px;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .bhi-pt .perspectives-footer .sa-icon {
        margin-top: 0; } }
    .bhi-pt .perspectives-footer .sa-icon:hover {
      opacity: 0.7; }
  .bhi-pt .perspectives-footer .share-page {
    align-self: flex-start; }
    @media (min-width: 768px) {
      .bhi-pt .perspectives-footer .share-page {
        align-self: auto; } }
    @media (max-width: 767px) {
      .bhi-pt .perspectives-footer .share-page .share-title {
        padding-right: 0; } }
  .bhi-pt .perspectives-footer .sa-share {
    font-size: 26px;
    display: inline; }
    .bhi-pt .perspectives-footer .sa-share:hover {
      opacity: 0.7; }
  .bhi-pt .perspectives-footer .base a {
    font-weight: 400; }
  .bhi-pt .perspectives-footer .base .other {
    color: #b8b8b8; }

/*===============
    #PERSPECTIVES #LANDING #HEADER
===============*/
/*=== pLanding ===
-media
-title
 _smaller
-description
-cta
-element

_hiddenTitle (field in a schema)
_alignLeft  (applied by template)
_alignRight  (future-proofing; applied by template)
_wedgeTop (future-proofing; field in a schema?)
_wedgeRight (future proofing; field in a schema?)
*/
@keyframes pLandingRepaint {
  from {
    max-height: calc(100vh - 49px); }
  to {
    max-height: calc(100vh - 50px); } }

.pLanding {
  position: relative;
  max-height: calc(100vh - 50px);
  width: 100%;
  overflow: hidden;
  animation: pLandingRepaint 1 2s;
  animation-delay: 1s; }

.pLanding_hasNoMedia {
  min-height: 400px;
  height: 90vmin;
  margin-top: -2px; }

.pLanding-media {
  z-index: -1;
  transition: all .3s ease-in; }

.pLanding-media.bg-image-frame_source {
  position: absolute; }

.pLanding-media img {
  height: 100%;
  width: 100vw;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'; }

.pLanding-media.tablet, .pLanding-media.desktop {
  display: none; }

.pLanding-media.mobile {
  display: block; }

@media (min-width: 768px) {
  .pLanding-media.mobile, .pLanding-media.desktop {
    display: none; }
  .pLanding-media.tablet {
    display: block; } }

@media (min-width: 1025px) {
  .pLanding-media.tablet, .pLanding-media.mobile {
    display: none; }
  .pLanding-media.desktop {
    display: block; } }

.pLanding-media_video {
  width: 100%; }

.pLanding-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  padding: 0 0 15% 0;
  height: 100%;
  width: 100%; }
  @media (min-width: 768px) {
    .pLanding-content {
      padding-right: 80px;
      padding-left: 80px;
      padding-bottom: 1vw;
      padding-bottom: 2vmax; } }
  @media (min-width: 1280px) {
    .pLanding-content {
      padding-right: 100px;
      padding-left: 100px; } }

.pLanding-title {
  font-size: 2em;
  line-height: .84;
  width: 100%; }
  @media (min-width: 768px) {
    .pLanding-title {
      font-size: 2.625em; } }
  @media (min-width: 947px) {
    .pLanding-title {
      font-size: 3.25em; } }
  @media (min-width: 1091px) {
    .pLanding-title {
      font-size: 4.25em; } }
  @media (min-width: 1280px) {
    .pLanding-title {
      font-size: 6.25em; } }

.pLanding-title_smaller {
  font-size: 1.68em; }
  @media (min-width: 768px) {
    .pLanding-title_smaller {
      font-size: 2.205em; } }
  @media (min-width: 947px) {
    .pLanding-title_smaller {
      font-size: 5.25em; } }

.pLanding-description {
  text-align: center;
  width: 100%; }
  @media (min-width: 768px) {
    .pLanding-description {
      padding: 0 20%; } }

.pLanding-cta {
  position: relative;
  font-size: .75em;
  padding: 15px 30px;
  border: 1px solid;
  border: 1.2px solid;
  margin-bottom: 5%; }

/*===============
    Layout Modifiers
===============*/
.pLanding_hiddenTitle .pLanding-title {
  visibility: hidden; }

@media (max-width: 767px) and (orientation: landscape) {
  .pLanding_hiddenTitle .pLanding-media {
    object-position: 50% 60%; }
    .pLanding_hiddenTitle .pLanding-media img {
      object-position: 50% 60%; } }

@media (min-width: 768px) and (orientation: landscape) {
  .pLanding_hiddenTitle .pLanding-media {
    object-position: 50% 75%; }
    .pLanding_hiddenTitle .pLanding-media img {
      object-position: 50% 75%; } }

.pLanding_alignLeft .pLanding-content {
  align-items: flex-start;
  align-content: flex-start; }

.pLanding_alignLeft .pLanding-description {
  text-align: left;
  padding-left: 0; }

.pLanding_alignRight {
  align-items: flex-end;
  align-content: flex-end; }
  .pLanding_alignRight .pLanding-description {
    text-align: right;
    margin: 0; }

/*===============
    #SKIN
===============*/
/* if a color needs to get changed, change it on the .pLanding class,
 or add a modifer that gets applied to pLanding; rely on the cascade */
.pLanding {
  color: #000;
  border-color: #000; }

.pLanding-title,
.pLanding-description,
.pLanding-description > *,
.pLanding-cta {
  color: inherit; }

.pLanding-description,
.pLanding-cta {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.pLanding-title,
.pLanding-cta {
  text-transform: uppercase; }

.pLanding-title {
  font-family: 'bcg-henderson-mod';
  font-weight: 900; }

.pLanding-description {
  text-align: center; }
  .pLanding-content .pLanding-description p {
    font-size: 18px; }

.pLanding-cta {
  flex-shrink: 0;
  letter-spacing: 1px;
  overflow: hidden;
  transition-property: background-color;
  transition-duration: .01s;
  transition-delay: .15s; }
  .pLanding-cta::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-style: solid;
    border-width: 0;
    border-top-color: #000;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    transform: rotate(360deg);
    transition: all .5s; }
  .pLanding-cta:hover, .pLanding-cta:focus {
    color: #fff; }
    .pLanding-cta:hover::after, .pLanding-cta:focus::after {
      border-width: 54ex 72ex 0 0;
      /*ex roughly width of one character, 54/72 is .75 which helps form angle*/ }

.standard-article .text-panel > h2,
.standard-article .titleText {
  color: #197a56;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 36px; }
  @media (min-width: 768px) {
    .standard-article .text-panel > h2,
    .standard-article .titleText {
      font-size: 35px;
      line-height: 44px; } }

.standard-article .text-panel > h3,
.standard-article h3 {
  color: #000;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; }

.standard-article .rtf {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: #222;
  font-size: 18px;
  line-height: 1.7; }
  @media (min-width: 947px) {
    .standard-article .rtf {
      font-size: 20px; } }
  .standard-article .rtf > *:not([class^="antn-mobile"]) {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit; }

.standard-article .rtf.rtf sup {
  font-size: .75em; }

.standard-article .standard-article-videoInline .wrapper {
  padding: 15px; }

.standard-article .standard-article-videoInline .standard-article-videoInline-player {
  position: relative; }

.standard-article .standard-article-videoInline .standard-article-videoInline-caption {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0 0;
  clear: both; }

.standard-article .standard-article-videoInline .standard-article-videoInline-section {
  font-size: 16px;
  line-height: 1.3333;
  margin-bottom: 5px;
  color: #32c77f; }

.standard-article .standard-article-videoInline .standard-article-videoInline-title {
  color: #fff;
  font-size: 20px;
  line-height: 1.35;
  width: 100%;
  margin: .35em 0;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  text-transform: capitalize;
  transition: color .3s ease-in-out; }

.standard-article .standard-article-videoInline .standard-article-videoInline-duration {
  color: #fff; }

.standard-article .standard-article-videoInline .standard-article-videoInline-captionText {
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%; }

.standard-article .standard-article-videoInline .standard-article-videoInline-credit {
  padding-top: 0;
  text-transform: uppercase;
  color: #ccc;
  font-size: 12px; }

.standard-article .standard-article-videoInline .standard-article-videoInline-share {
  color: #b7b7b7;
  font-size: 16px;
  cursor: pointer; }
  .standard-article .standard-article-videoInline .standard-article-videoInline-share .desktop {
    margin-left: 5px; }

.standard-article .lens-selector-button .lens-selector-button-content p {
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  color: #707070; }

.standard-article .container-header .grid-row.grid-top {
  align-items: flex-start;
  flex-direction: column;
  align-content: flex-start; }
  .standard-article .container-header .grid-row.grid-top .grid-column {
    width: 100%; }
    .standard-article .container-header .grid-row.grid-top .grid-column.grid-image {
      display: flex;
      flex-direction: row;
      align-self: flex-start;
      flex-shrink: 0;
      width: 100%; }

.standard-article .numbered-list li::before {
  color: #333;
  content: counter(numbered-list) "."; }

.standard-article .date-and-author {
  font-size: .875em;
  line-height: 1.285714286;
  margin-top: 50px; }
  .standard-article .date-and-author time {
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    padding: 50px 0px 20px 0px; }
  .standard-article .date-and-author p {
    color: #000;
    font-size: inherit;
    margin-top: 7px;
    line-height: 18px; }
  .standard-article .date-and-author a {
    color: #32c77f; }
  .standard-article .date-and-author span:not(.author):first-child {
    color: #000;
    font-weight: 700; }

.standard-article .bhi-share-toolbar .toolbar-container {
  margin-top: 50px;
  margin-bottom: 20px;
  padding-bottom: 0; }

.standard-article footer {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

@media print {
  .top-bar-wrapper,
  #menu,
  .image-container,
  .navigation-wrapper,
  .video-wrapper,
  .icons,
  ul.share,
  .share,
  .lens,
  .carousel-controls {
    display: none; }
  .video-wrapper {
    margin-bottom: 5mm; }
  .flags {
    display: none !important; }
  .infographic .slick-slider {
    display: block;
    height: auto;
    width: auto;
    transform: none; }
    .infographic .slick-slider slick-list {
      page-break-inside: avoid;
      display: block;
      width: auto;
      height: auto;
      overflow: visible; }
    .infographic .slick-slider .slick-track {
      page-break-inside: avoid;
      width: auto;
      max-width: 100%; }
      .infographic .slick-slider .slick-track figure {
        page-break-inside: avoid;
        width: 100% !important;
        height: 100% !important;
        float: none !important; }
        .infographic .slick-slider .slick-track figure picture {
          float: none;
          display: block; }
        .infographic .slick-slider .slick-track figure img {
          page-break-inside: avoid;
          width: auto;
          max-width: 100%;
          page-break-inside: avoid;
          width: 100% !important;
          height: 100% !important;
          float: none !important; }
  footer p:last-of-type {
    display: none; }
  footer .base li {
    display: none; }
    footer .base li:first-of-type {
      display: block; } }

.standalone-article .text-panel > h2,
.standalone-article .titleText {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .standalone-article .text-panel > h2,
    .standalone-article .titleText {
      font-size: 34px;
      line-height: 38px; } }

.standalone-article .text-panel > h3,
.standalone-article h3 {
  font-size: 18px;
  line-height: 24px;
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 800;
  color: #000; }

.standalone-article .rtf {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: #222;
  font-size: 18px;
  line-height: 1.7; }
  @media (min-width: 947px) {
    .standalone-article .rtf {
      font-size: 20px; } }
  .standalone-article .rtf > *:not([class^="antn-mobile"]) {
    font-family: inherit;
    color: inherit;
    line-height: inherit;
    font-size: inherit; }

.standalone-article .rtf.rtf sup {
  font-size: .75em; }

.standalone-article .container-text.dek p {
  color: #b7b7b7; }

.standalone-article .slick-dots {
  display: none; }

.standalone-article .exhibit {
  color: #b7b7b7; }

.standalone-article .italic {
  font-style: italic; }

.standalone-article .source {
  font-weight: 400;
  font-size: 10px;
  line-height: 1.5;
  margin-bottom: 0;
  color: #b7b7b7;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .standalone-article .source {
      font-size: 14px; } }

.standalone-article .source-caption {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  width: 90%; }
  @media (min-width: 768px) {
    .standalone-article .source-caption {
      font-size: 14px; } }

.standalone-article .image-gallery-bar span {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif; }

.standalone-article .bulleted-list li:before {
  line-height: 33px; }

.standalone-article .numbered-list {
  margin-bottom: 30px; }
  .standalone-article .numbered-list li {
    padding-left: 0; }
    .standalone-article .numbered-list li:before {
      content: counter(numbered-list) ".";
      color: #333333;
      font-weight: bold;
      position: relative; }
    .standalone-article .numbered-list li .item-title {
      color: black;
      display: inline;
      margin-bottom: 0;
      font-weight: bold;
      text-transform: uppercase; }
    .standalone-article .numbered-list li p {
      display: inline; }

.standalone-article .perspectives-footer {
  position: relative;
  bottom: auto;
  z-index: 0;
  background-color: black; }
  .standalone-article .perspectives-footer footer {
    margin: 0;
    padding: 5px 0px; }

.standalone-article .image-gallery-carousel {
  margin-bottom: 0px; }

@media (min-width: 768px) {
  .inline-quote {
    margin-top: 20px;
    max-width: 300px; } }

@media (min-width: 947px) {
  .inline-quote {
    max-width: 400px; } }

.inline-quote .quote {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .inline-quote .quote {
      margin-bottom: 20px; } }

.quote-icon {
  text-align: center;
  margin-bottom: 20px; }

.full-width-container {
  margin: 20px 0px; }
  .full-width-container .grid-row {
    margin-left: 0px;
    margin-right: 0px;
    max-width: none !important; }

.full-width-caption {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: -10px; }
  @media (min-width: 768px) {
    .full-width-caption {
      margin-left: 75px;
      margin-right: 75px; } }
  @media (min-width: 947px) {
    .full-width-caption {
      margin-left: 75px;
      margin-right: 75px;
      max-width: 800px; } }
  .full-width-caption .share {
    right: 10px; }
    @media (min-width: 768px) {
      .full-width-caption .share {
        right: 20px; } }
    @media (min-width: 947px) {
      .full-width-caption .share {
        right: 30px; } }

.inline-center-container {
  /* Needed for unique spacing */
  /******************************/ }
  .inline-center-container .slick-list {
    height: inherit !important; }
  .inline-center-container .slick-slide {
    padding-bottom: 0 !important; }
  .inline-center-container .image-gallery-carousel {
    padding-bottom: 0 !important; }
  .inline-center-container .inline-quote {
    max-width: none;
    margin: 40px 0px; }
    @media (min-width: 1280px) {
      .inline-center-container .inline-quote {
        margin: 50px 0px; } }

.container-media-mod {
  margin: 40px 0px;
  /* Needed for unique spacing */ }
  @media (min-width: 1280px) {
    .container-media-mod {
      margin: 50px 0px; } }
  .container-media-mod .image-gallery-carousel.hasShare picture {
    margin-bottom: 10px; }
  .container-media-mod .image-gallery-carousel {
    margin-bottom: 0 !important; }
  .container-media-mod .audio {
    margin-bottom: -40px; }
    @media (min-width: 768px) {
      .container-media-mod .audio {
        margin-bottom: -60px; } }
    @media (min-width: 947px) {
      .container-media-mod .audio {
        margin-bottom: -60px; } }
    @media (min-width: 1280px) {
      .container-media-mod .audio {
        margin-bottom: -50px; } }
  .container-media-mod .slick-list {
    height: auto !important; }
  .container-media-mod .slick-slide {
    padding-bottom: 0; }
  .container-media-mod .grid-row {
    display: block;
    margin-left: 20px;
    margin-right: 20px; }
  .container-media-mod .inline-quote {
    margin: 0; }
  @media (min-width: 768px) {
    .container-media-mod .grid-row {
      margin-left: auto;
      margin-right: auto;
      max-width: 580px; } }
  @media (min-width: 947px) {
    .container-media-mod .grid-row {
      margin-left: auto;
      margin-right: auto;
      max-width: 800px; } }

.container-text-mod {
  margin: 40px 0px;
  /* Needed for unique spacing */ }
  @media (min-width: 1280px) {
    .container-text-mod {
      margin: 50px 0px; } }
  .container-text-mod .image-gallery-carousel.hasShare picture {
    margin-bottom: 10px; }
  .container-text-mod .image-gallery-carousel {
    margin-bottom: 0 !important; }
  .container-text-mod .slick-list {
    height: auto !important; }
  .container-text-mod .slick-slide {
    padding-bottom: 0; }

.media-width-pullquote {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 60px 0; }
  .media-width-pullquote span {
    margin-bottom: 30px; }
  .media-width-pullquote h1 {
    margin-bottom: 30px;
    width: 100%; }
  @media print {
    .media-width-pullquote {
      margin-bottom: 5mm; } }

.quote-caption .attribute .name, .quote-caption .attribute .company, .quote-caption .attribute .name > span {
  display: inline-block; }

.quote-caption .left-panel {
  float: left; }
  .quote-caption .left-panel .attribute {
    margin: 0 0 5px 0; }
    .quote-caption .left-panel .attribute .name, .quote-caption .left-panel .attribute .company {
      margin-bottom: 0; }
  .quote-caption .left-panel .quote-link-container {
    min-height: 20px; }

.quote-caption .picture-credit {
  margin-bottom: 0; }

.quote-caption .picture-caption {
  margin-bottom: 0; }

.quote-caption .right-panel {
  text-align: right; }
  .quote-caption .right-panel .icon-social-share {
    margin-top: 5px; }
  .quote-caption .right-panel .share {
    margin-right: 0; }

.standalone-article .pullquote-container {
  margin-bottom: 20px; }

.pullquote-container:not(.article-video_left):not(.article-video_right) .pull-content {
  position: absolute;
  bottom: 25%;
  padding: 0 0 10px 10px;
  transition-property: opacity, z-index;
  transition-duration: .2s, .3s; }
  @media (min-width: 768px) {
    .pullquote-container:not(.article-video_left):not(.article-video_right) .pull-content {
      bottom: 30%; } }

.pullquote-container {
  /* Needed for unique spacing */
  /* Needed for unique spacing */
  /*Need for wrap effect*/
  /*Add to figure element to pull left or pull right*/ }
  .pullquote-container .slick-track, .pullquote-container .slick-list, .pullquote-container .slick-slide {
    height: inherit !important;
    width: inherit !important;
    padding-bottom: 0px !important; }
  .pullquote-container .image-gallery-carousel.hasShare picture {
    margin-bottom: 10px; }
  .pullquote-container .inset-left::before {
    content: " ";
    height: 120px;
    width: 0px;
    float: left; }
  .pullquote-container .inset-right::before {
    content: " ";
    height: 120px;
    width: 0px;
    float: right; }
  .pullquote-container .spot-illustration {
    float: left;
    margin: 15px 20px 5px 0px;
    max-width: 150px;
    max-height: 150px; }
    @media (min-width: 768px) {
      .pullquote-container .spot-illustration {
        max-height: none;
        max-width: none; } }
    @media (min-width: 1280px) {
      .pullquote-container .spot-illustration {
        margin: 15px 20px 40px 0px; } }
  .pullquote-container .pull-left {
    float: none;
    clear: none;
    margin: 30px 0px;
    max-width: 400px; }
    @media (min-width: 768px) {
      .pullquote-container .pull-left {
        float: left;
        clear: left;
        margin: 20px 40px 20px -30px; } }
    @media (min-width: 947px) {
      .pullquote-container .pull-left {
        margin: 20px 30px 20px -100px; } }
  .pullquote-container .pull-right {
    float: none;
    clear: none;
    margin: 30px 0px;
    max-width: 400px; }
    @media (min-width: 768px) {
      .pullquote-container .pull-right {
        float: right;
        clear: right;
        margin: 20px -30px 20px  40px; } }
    @media (min-width: 947px) {
      .pullquote-container .pull-right {
        margin: 20px -100px 20px 30px; } }
  .pullquote-container .pull-img,
  .pullquote-container .pull_video {
    display: block;
    width: 100%;
    max-width: none;
    max-height: none; }
    @media (min-width: 768px) {
      .pullquote-container .pull-img,
      .pullquote-container .pull_video {
        max-width: 400px;
        max-height: 300px;
        overflow: auto; } }
    @media (min-width: 947px) {
      .pullquote-container .pull-img,
      .pullquote-container .pull_video {
        max-width: 400px;
        max-height: 365px;
        overflow: visible; } }
  .pullquote-container .photo-caption {
    margin-bottom: 0px; }
  .pullquote-container .pull_video {
    position: relative; }
  .pullquote-container .pull-category,
  .pullquote-container .pull-title {
    margin: 0; }
  .pullquote-container .pull-category-name {
    margin-right: 1ex; }
  .pullquote-container .video-js {
    margin-bottom: 10px; }
    @media (min-width: 947px) {
      .pullquote-container .video-js {
        max-width: 580px; } }

/* ===========
  # INLINE QUOTE
=========== */
.inline-quote .quote {
  line-height: 1.2; }

.quote-icon {
  font-family: 'dotBCG-Icons';
  color: #b2b2b2;
  font-size: 15px; }
  @media (min-width: 768px) {
    .quote-icon {
      font-size: 30px; } }
  @media (min-width: 947px) {
    .quote-icon {
      font-size: 35px; } }

.inline-center-container .inline-quote .quote {
  font-size: 18px; }
  @media (min-width: 1280px) {
    .inline-center-container .inline-quote .quote {
      font-size: 26px; } }

.quote-caption {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .quote-caption .left-panel .attribute {
    color: #b7b7b7; }
    .quote-caption .left-panel .attribute .name, .quote-caption .left-panel .attribute .company {
      font-weight: 300;
      font-size: 16px; }
      @media (min-width: 768px) {
        .quote-caption .left-panel .attribute .name, .quote-caption .left-panel .attribute .company {
          font-size: 18px; } }
      .quote-caption .left-panel .attribute .name a, .quote-caption .left-panel .attribute .name span, .quote-caption .left-panel .attribute .name h1, .quote-caption .left-panel .attribute .name h2, .quote-caption .left-panel .attribute .name h3, .quote-caption .left-panel .attribute .name h4, .quote-caption .left-panel .attribute .name h5, .quote-caption .left-panel .attribute .name h6, .quote-caption .left-panel .attribute .company a, .quote-caption .left-panel .attribute .company span, .quote-caption .left-panel .attribute .company h1, .quote-caption .left-panel .attribute .company h2, .quote-caption .left-panel .attribute .company h3, .quote-caption .left-panel .attribute .company h4, .quote-caption .left-panel .attribute .company h5, .quote-caption .left-panel .attribute .company h6 {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        color: inherit; }
      .quote-caption .left-panel .attribute .name a, .quote-caption .left-panel .attribute .name span, .quote-caption .left-panel .attribute .company a, .quote-caption .left-panel .attribute .company span {
        font-family: henderson-bcg-sans; }
  .quote-caption .left-panel .quote-link-container .quote-link {
    font-weight: 400;
    color: black;
    font-size: 14px;
    border-bottom: 1px solid #32c77f;
    font-family: henderson-bcg-sans; }
  .quote-caption .picture-credit {
    font-weight: 400;
    line-height: 1.5;
    font-size: 10px;
    color: #b7b7b7;
    text-transform: uppercase; }
    @media (min-width: 947px) {
      .quote-caption .picture-credit {
        font-size: 11px; } }
  .quote-caption .picture-caption {
    font-weight: 400;
    font-size: 12px;
    line-height: inherit;
    color: #333; }
    @media (min-width: 947px) {
      .quote-caption .picture-caption {
        font-size: 15px; } }
  .quote-caption .right-panel .icon-social-share {
    font-size: 14px;
    color: #dedede; }

.pullquote-container .photo-caption {
  font-size: 14px; }

.pullquote-container .pull-category,
.pullquote-container .pull-title {
  text-transform: uppercase; }

.pullquote-container .pull-category {
  font-size: 1rem;
  line-height: 1.75; }

.pullquote-container .pull-category-name {
  color: #32c77f; }

.pullquote-container .pull-category-value {
  color: #fff; }

.pullquote-container .pull-title {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1; }

.pullquote-container [data-video-duration]:after {
  font-size: 1.5em;
  text-transform: uppercase; }

.standard-article .inline-quote {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }
  .standard-article .inline-quote .quote {
    font-family: inherit;
    font-weight: inherit;
    color: #32c77f;
    font-size: 26px;
    line-height: 36px; }
    @media (min-width: 1280px) {
      .standard-article .inline-quote .quote {
        font-size: 30px;
        line-height: 40px; } }

.standard-article .pullquote-container .pull-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.standard-article .media-width-pullquote span {
  color: #b7b7b7;
  font-size: 21px; }
  @media (min-width: 947px) {
    .standard-article .media-width-pullquote span {
      font-size: 36px;
      line-height: 52px; } }

.standard-article .media-width-pullquote h1 {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 21px;
  color: #32c77f; }
  @media (min-width: 947px) {
    .standard-article .media-width-pullquote h1 {
      font-size: 36px;
      line-height: 52px; } }

.standalone-article .inline-quote .quote {
  text-transform: uppercase;
  color: black;
  font-size: 18px; }
  @media (min-width: 768px) {
    .standalone-article .inline-quote .quote {
      font-size: 18px; } }
  @media (min-width: 1280px) {
    .standalone-article .inline-quote .quote {
      font-size: 26px; } }

.standalone-article .pullquote-container .pull-title {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 900; }

/*===============
    #BLOCKQUOTE #BLOCKQUOTE-CONTAINER
===============*/
/*=== blockquote===
  blockquote-container
  quote-container
  quote
*/
.blockquote-container .quote-container {
  margin: 40px 0px; }

.blockquote-container .quote {
  margin: -8px 0px;
  padding-left: 24px; }

@media (min-width: 768px) {
  .blockquote-container .quote {
    padding-left: 35px; } }

/*===============
    #BLOCKQUOTE #BLOCKQUOTE-CONTAINER
===============*/
.perspective-article-blockquote-container p,
.blockquote-container p {
  font-size: 16px; }

.perspective-article-blockquote-container .quote-container {
  margin: 40px 0px; }

.perspective-article-blockquote-container .quote,
.blockquote-container .quote {
  margin-top: -11px;
  margin-bottom: -1px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-left: 24px;
  color: #8c8c8c;
  line-height: 1.83; }
  @media (min-width: 768px) {
    .perspective-article-blockquote-container .quote,
    .blockquote-container .quote {
      padding-left: 35px; } }

@media (min-width: 768px) {
  .perspective-article-blockquote-container p,
  .blockquote-container p {
    font-size: 18px; } }

.standard-article .perspective-article-blockquote-container .quote-container,
.standard-article .blockquote-container .quote-container {
  border: 1px solid #32c77f;
  border-left: 2px solid #32c77f;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid white; }

.standard-article .perspective-article-blockquote-container .quote,
.standard-article .blockquote-container .quote {
  font-weight: 300; }

.standalone-article .perspective-article-blockquote-container .quote-container,
.standalone-article .blockquote-container .quote-container {
  border: 1px solid black;
  border-left: 2px solid black;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid white; }

.standalone-article .perspective-article-blockquote-container .quote,
.standalone-article .blockquote-container .quote {
  font-weight: 300;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.collections .article-authors-container .container-text .grid-row {
  margin-left: 20px;
  margin-right: 20px; }
  @media (min-width: 768px) {
    body.collections .article-authors-container .container-text .grid-row {
      margin-left: 75px;
      margin-right: 75px; } }
  @media (min-width: 947px) {
    body.collections .article-authors-container .container-text .grid-row {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto; } }

.article-authors-container {
  padding-top: 80px;
  padding-bottom: 60px;
  width: 100%; }
  @media (min-width: 947px) {
    .article-authors-container .article-authors .grid-row {
      display: flex;
      justify-content: space-between; } }
  @media (min-width: 947px) {
    .article-authors-container .article-authors .grid-row:last-child .wrapper {
      padding-bottom: 10px; } }
  @media (min-width: 947px) {
    .article-authors-container .article-authors .grid-column {
      width: 50%; }
      .article-authors-container .article-authors .grid-column:first-child {
        margin: 0 10px 0 0; }
      .article-authors-container .article-authors .grid-column:last-child:not(:only-child) {
        margin: 0 0 0 10px; } }
  .article-authors-container .article-authors h2 {
    text-align: left; }
  .article-authors-container .article-authors .wrapper .author-content {
    display: flex;
    flex-direction: row;
    padding: 20px 0; }
    .article-authors-container .article-authors .wrapper .author-content .image {
      transform: translateY(0.3em);
      flex-shrink: 0;
      margin-right: 30px; }
      .article-authors-container .article-authors .wrapper .author-content .image picture {
        width: 50px; }
        @media (min-width: 768px) {
          .article-authors-container .article-authors .wrapper .author-content .image picture {
            width: 80px; } }
    .article-authors-container .article-authors .wrapper .author-content .content {
      text-align: left; }
    .article-authors-container .article-authors .wrapper .author-content .name, .article-authors-container .article-authors .wrapper .author-content .office {
      margin-bottom: 5px; }
    .article-authors-container .article-authors .wrapper .author-content .role {
      line-height: 18px;
      margin-bottom: 4px; }
  .article-authors-container .title-author {
    padding-bottom: 10px; }

.article-authors-single-column .wrapper .author-content {
  display: flex;
  flex-direction: row;
  padding: 20px 0; }
  .article-authors-single-column .wrapper .author-content .image {
    flex-shrink: 0;
    margin-right: 30px; }
    .article-authors-single-column .wrapper .author-content .image picture {
      min-width: 130px; }
      @media (min-width: 768px) {
        .article-authors-single-column .wrapper .author-content .image picture {
          min-width: 146px; } }
  .article-authors-single-column .wrapper .author-content .name, .article-authors-single-column .wrapper .author-content .office {
    margin-bottom: 5px; }
  .article-authors-single-column .wrapper .author-content .role {
    line-height: 18px;
    margin-bottom: 4px; }
  .article-authors-single-column .wrapper .author-content p {
    margin-bottom: 0px; }

.article-authors-single-column--siderail .wrapper .author-content .image picture,
.article-authors-single-column--siderail .wrapper .author-content .sr-image {
  width: 60px;
  min-width: 60px; }

.article-authors-single-column--siderail .wrapper .author-content .content {
  max-width: 174px; }

.article-authors-container {
  background-color: #f1f1f1; }
  .article-authors-container .name {
    font-size: 16px;
    line-height: 1.22;
    color: #000; }
    @media (min-width: 947px) {
      .article-authors-container .name {
        font-size: 18px; } }
  .article-authors-container .role {
    color: #b7b7b7;
    font-size: 14px;
    line-height: 1.57; }
  .article-authors-container .office {
    color: #b7b7b7;
    font-size: 14px;
    line-height: 1.57; }
  .article-authors-container .icon-social-bio-email,
  .article-authors-container .icon-social-trending-source-linkedin {
    font-size: 12px; }
  .article-authors-container .icon-social-bio-email {
    color: #32c77f; }
  .article-authors-container .icon-social-trending-source-linkedin {
    color: #1384c6; }
  .article-authors-container .article-authors .grid-column {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  @media (max-width: 946px) {
    .article-authors-container .article-authors .grid-row:first-child .grid-column:first-child {
      border-top-width: 1px;
      border-top-style: solid; } }
  @media (min-width: 947px) {
    .article-authors-container .article-authors .grid-row:first-child .grid-column {
      border-top-width: 1px;
      border-top-style: solid; } }

@media print {
  .article-authors-single-column picture, .article-authors-single-column .mailto {
    display: none; }
  .article-authors-single-column .author-content .content .name, .article-authors-single-column .author-content .content .role, .article-authors-single-column .author-content .content .office {
    font-size: 16px !important;
    margin-bottom: 5px !important; } }

.article-authors-single-column--siderail .wrapper .author-content .image {
  margin-right: 16px; }

.article-authors-single-column--siderail .author-content .content .name {
  font-size: 18px;
  line-height: 1.333; }

.article-authors-single-column--siderail .author-content .content .role {
  font-size: 14px;
  line-height: 1.43; }

.article-authors-single-column--siderail .author-content .content .office {
  font-size: 14px;
  line-height: 1.43; }

.mod-font .article-authors-container .title-author {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 24px; }
  @media (min-width: 768px) {
    .mod-font .article-authors-container .title-author {
      font-size: 36px; } }

.mod-font .article-authors-container .name {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 800;
  text-transform: uppercase; }

.mod-font .article-authors-container .role {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

.mod-font .article-authors-container .office {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

.mod-font .article-authors-container .article-authors .grid-column {
  border-color: black; }

@media (max-width: 946px) {
  .mod-font .article-authors-container .article-authors .grid-row:first-child .grid-column:first-child {
    border-top-width: 4px; } }

@media (min-width: 947px) {
  .mod-font .article-authors-container .article-authors .grid-row:first-child .grid-column {
    border-top-width: 4px; } }

.mod-font .article-authors-single-column {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: inherit;
  color: #b7b7b7;
  font-size: 16px; }
  .mod-font .article-authors-single-column h3,
  .mod-font .article-authors-single-column .role,
  .mod-font .article-authors-single-column .office,
  .mod-font .article-authors-single-column a {
    color: inherit; }
  
  .mod-font .article-authors-single-column .role {
    line-height: 1.25;
    font-size: inherit; }
  .mod-font .article-authors-single-column .mailto,
  .mod-font .article-authors-single-column .office {
    font-size: inherit; }
  .mod-font .article-authors-single-column .mailto {
    color: #32c77f; }
  .mod-font .article-authors-single-column .icon-social-trending-source-linkedin {
    color: #1384c6; }
  .mod-font .article-authors-single-column .name {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    color: black;
    font-size: 24px; }
  .mod-font .article-authors-single-column .wrapper {
    border-top: 1px solid #b7b7b7; }

/* single column siderail authors */
/*.article-authors-single-column--siderail {}*/
.mod-font .article-authors-single-column--siderail .name {
  font-size: 18px; }

.mod-font .article-authors-single-column--siderail .role {
  font-size: 14px; }

.mod-font .article-authors-single-column--siderail .office {
  font-size: 14px; }

.standard-article .article-authors-container .title-author {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 36px;
  padding-bottom: 10px; }

.standard-article .article-authors-container .name {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

.standard-article .article-authors-container .role {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

.standard-article .article-authors-container .office {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

.standard-article .article-authors-container .article-authors .grid-column {
  border-color: #707070; }

.standard-article .article-authors-single-column {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: inherit;
  color: #b7b7b7;
  font-size: 16px; }
  .standard-article .article-authors-single-column h3,
  .standard-article .article-authors-single-column .role,
  .standard-article .article-authors-single-column .office,
  .standard-article .article-authors-single-column a {
    color: inherit; }
  .standard-article .article-authors-single-column .role {
    line-height: 1.25;
    font-size: inherit; }
  .standard-article .article-authors-single-column .mailto,
  .standard-article .article-authors-single-column .office {
    font-size: inherit; }
  .standard-article .article-authors-single-column .mailto {
    color: #32c77f; }
  .standard-article .article-authors-single-column .name {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    color: black;
    font-size: 24px; }
  .standard-article .article-authors-single-column .wrapper {
    border-top: 1px solid #b7b7b7; }

body.collections .article-authors-container .title-author {
  font-size: 24px; }
  @media (min-width: 768px) {
    body.collections .article-authors-container .title-author {
      font-size: 36px; } }

body.collections .article-authors-container .name {
  font-weight: 400; }

body.collections .article-authors-container .office {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

body.collections .article-authors-container .article-authors .grid-column {
  border-color: black; }

body.collections .article-authors-single-column {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: inherit;
  color: #b7b7b7;
  font-size: 16px; }
  body.collections .article-authors-single-column h3,
  body.collections .article-authors-single-column .role,
  body.collections .article-authors-single-column .office,
  body.collections .article-authors-single-column a {
    color: inherit; }
  body.collections .article-authors-single-column .role {
    line-height: 1.25;
    font-size: inherit; }
  body.collections .article-authors-single-column .mailto,
  body.collections .article-authors-single-column .office {
    font-size: inherit; }
  body.collections .article-authors-single-column .mailto {
    color: #32c77f; }
  body.collections .article-authors-single-column .name {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    color: black;
    font-size: 24px; }
  body.collections .article-authors-single-column .wrapper {
    border-top: 1px solid #b7b7b7; }

.acknow-container {
  background-color: #f1f1f1;
  padding: 60px 0px; }

.standard-article .acknow-container .acknow-title {
  color: #000;
  font-size: 35px;
  line-height: 44px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

.standalone-article .acknow-container .acknow-title {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 24px; }
  @media (min-width: 768px) {
    .standalone-article .acknow-container .acknow-title {
      font-size: 34px; } }

.side-rail {
  display: none;
  opacity: 0;
  transition: opacity .35s;
  position: fixed;
  right: 5%;
  top: 10%;
  width: 250px;
  padding-top: 10px; }

.side-rail p {
  margin-bottom: 15px; }

.sr-practice-area .sr-pa {
  display: block; }

.side-rail-container {
  display: none; }

.sr-quote .quote-attribution {
  display: block; }

.sr-list .list-content {
  display: block; }
  .sr-list .list-content li {
    padding-left: 0;
    padding-bottom: 7px;
    margin: 0 0 7px 0; }
    .sr-list .list-content li:before {
      display: none; }

.sr-image {
  display: flex; }

.sr-image .picture-container,
.sr-image > picture {
  width: 60px;
  flex-shrink: 0;
  margin-right: 20px; }

.sr-image .text-container {
  margin-top: -7px; }

.sr-image .text-container .description {
  margin-bottom: 5px; }

.sr-featured-title {
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  line-height: 14px; }

.sr-practice-area p {
  font-size: 14px; }

.sr-practice-area .sr-pa {
  color: #32c77f;
  font-size: 18px;
  line-height: 22px; }

.sr-quote .quote-text {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 24px;
  font-size: 18px;
  color: #333; }

.sr-quote .quote-attribution {
  font-weight: 400;
  color: #8c8c8c;
  font-size: 14px;
  line-height: 16px; }

.sr-quote .quote-attribution .sr-title,
.sr-quote .quote-attribution .sr-company {
  font-style: italic; }

.sr-list .sr-list-title {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 24px; }

.sr-list p {
  line-height: 22px; }

.sr-list .list-content {
  font-size: 14px; }

.sr-list .list-content li {
  border-bottom: 1px solid #ccc; }

.sr-list .list-content li a {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

.sr-cta,
.sr-cta span {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 2px solid #32c77f;
  color: #333;
  font-weight: normal; }

.sr-text p {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

.sr-image .text-container .description {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

/* SW: These need to be flattened. Selectors are too deep. */
.standard-article .side-rail {
  border-top: 3px solid #32c77f; }

.standard-article .sr-featured-title,
.standard-article .sr-list .sr-list-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; }

/* SW: These need to be changed to classes.  Should not style on elements. */
.standard-article .sr-list .list-content li a {
  color: #32c77f; }

/* SW: These need to be flattened. Selectors are too deep. */
.standalone-article .side-rail {
  border-top: 5px solid black; }

.standalone-article .sr-featured-title,
.standalone-article .sr-list .sr-list-title {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 800; }

/* SW: These need to be changed to classes.  Should not style on elements. */
.standalone-article .sr-list .list-content li a {
  color: #8c8c8c; }

.standalone-article .sr-image .description {
  margin-bottom: 5px; }

/*===============
    #DROPCAP #DROPCAP-CONTAINER
===============*/
.dropcap-container {
  margin-top: 35px; }

/*===============
    #DROPCAP #DROPCAP
===============*/
/*
Three scenarios:
1) first letter || image is fancy
2) replace first letter with image
3) add image in front of first letter

*/
/*
Firefox specifically has problem with first-letter. https://bugzilla.mozilla.org/show_bug.cgi?id=1425514
https://codepen.io/paceaux/pen/eypZjN
*/
.dropcap-media, .dropcap::first-letter,
.dropcap > :first-child::first-letter {
  font-size: 65px;
  line-height: .7;
  padding-right: 5px;
  float: left;
  width: auto; }

.dropcap_hasImage::first-letter,
.dropcap_hasImage > :first-child::first-letter {
  font-size: 0; }

.dropcap_hasImage.dropcap_hasBoth::first-letter {
  font-size: inherit;
  line-height: inherit;
  float: none;
  padding-right: 0;
  font-weight: inherit;
  font-family: inherit; }

/* .standard-article .dropcap-container {} 
   .standard-article .dropcap {} */
.standard-article .dropcap::first-letter {
  transform: translateY(0.03em); }

.standard-article .dropcap-media_image {
  transform: translateY(0.14em); }

/* .standalone-article .dropcap-container {}
   .standalone-article .dropcap {} */
.standalone-article .dropcap::first-letter {
  transform: translateY(-0.05em); }

.standalone-article .dropcap-media_image {
  transform: translateY(0.24em); }

.return-to-top-arrow-container {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 20px;
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  z-index: 99;
  display: none; }
  .return-to-top-arrow-container .icon-nav-interstitial-arrow {
    color: #e2e2e2;
    font-size: 18px; }
    .return-to-top-arrow-container .icon-nav-interstitial-arrow:hover {
      cursor: pointer; }

/*Toggle styles for heros*/
.toggle-small {
  font-size: 18px;
  line-height: 27px; }

@media (min-width: 947px) {
  .toggle-large {
    font-size: 24px; } }

@media (min-width: 1280px) {
  .toggle-large {
    font-size: 28px; } }

.heros-container {
  opacity: 0;
  overflow: hidden;
  position: relative;
  height: calc(100vh - 100px);
  background-color: #cecece;
  /*REMOVE EVENTUALLY, NOT BEING USED CURRENTLY*/
  background-size: cover; }
  @media (min-width: 768px) {
    .heros-container {
      height: 800px; } }
  @media (min-width: 947px) {
    .heros-container {
      height: 100vh;
      max-height: none; } }
  .heros-container .hero-alignment-right {
    text-align: right; }
  .heros-container .hero-alignment-center {
    text-align: center; }
  .heros-container .hidden {
    display: none; }
  .heros-container .dark-overlay {
    display: none;
    opacity: 0;
    background-color: black;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1; }
  .heros-container .margin-only-container {
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0; }
    @media (min-width: 1500px) {
      .heros-container .margin-only-container .grid-row {
        margin-right: 200px;
        margin-left: 200px; } }
  .heros-container.hasChapterList .margin-only-container .grid-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end; }
  .heros-container.hasChapterList .margin-only-container .grid-column {
    flex-shrink: 1; }
    @media (min-width: 768px) {
      .heros-container.hasChapterList .margin-only-container .grid-column {
        flex-shrink: 0; } }
  .heros-container.hasChapterList .margin-only-container .grid-column:first-child {
    width: 67%; }
  .heros-container video {
    z-index: 0;
    width: 100%;
    display: none;
    object-fit: cover; }
    @media (min-width: 768px) {
      .heros-container video {
        height: calc(100vh - 51px); } }
    @media (min-width: 1025px) {
      .heros-container video {
        display: block; } }
    @media (min-width: 1280px) {
      .heros-container video {
        height: calc(100vh - 65px); } }
  .heros-container picture {
    z-index: 0;
    display: block;
    height: calc(100vh - 100px); }
    @media (min-width: 768px) {
      .heros-container picture {
        height: 800px; } }
    @media (min-width: 1280px) {
      .heros-container picture {
        height: calc(100vh - 65px); } }
    .heros-container picture img {
      display: none;
      height: inherit;
      object-fit: cover;
      font-family: 'object-fit: cover;'; }
  .heros-container .supporting-article-img {
    height: 440px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    animation-name: fadeIn_full;
    animation-duration: 0.75s;
    animation-iteration-count: 1; }
    @media (min-width: 768px) {
      .heros-container .supporting-article-img {
        height: 258px; } }
    @media (min-width: 1000px) {
      .heros-container .supporting-article-img {
        height: 341px; } }
    @media (min-width: 1280px) {
      .heros-container .supporting-article-img {
        height: 472px; } }
  .heros-container .hero-caption-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100vh - 100px); }
    @media (min-width: 768px) {
      .heros-container .hero-caption-container {
        height: 800px; } }
    @media (min-width: 947px) {
      .heros-container .hero-caption-container {
        flex-direction: row;
        justify-content: space-between; } }
    @media (min-width: 1280px) {
      .heros-container .hero-caption-container {
        height: calc(100vh - 65px); } }
    .heros-container .hero-caption-container .chapter-select {
      align-self: flex-end;
      order: 1;
      margin: 0; }
      .heros-container .hero-caption-container .chapter-select picture {
        padding-top: 50px; }
        @media (min-width: 768px) {
          .heros-container .hero-caption-container .chapter-select picture {
            max-height: 475px; } }
      @media (min-width: 947px) {
        .heros-container .hero-caption-container .chapter-select {
          order: 2;
          padding-top: 0; } }
      .heros-container .hero-caption-container .chapter-select h1 {
        margin-bottom: 0;
        line-height: 1;
        font-size: 120px; }
        @media (min-width: 768px) {
          .heros-container .hero-caption-container .chapter-select h1 {
            font-size: 152px; } }
    .heros-container .hero-caption-container .caption-container {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      width: 100%;
      height: initial;
      padding-bottom: 50px; }
      @media (min-width: 768px) {
        .heros-container .hero-caption-container .caption-container {
          max-height: 800px; } }
      @media (min-width: 947px) {
        .heros-container .hero-caption-container .caption-container {
          height: initial;
          max-height: none; } }
      @media (min-width: 947px) {
        .heros-container .hero-caption-container .caption-container {
          width: 75%; } }
      .heros-container .hero-caption-container .caption-container .title, .heros-container .hero-caption-container .caption-container .med-pub .title > a, .med-pub .heros-container .hero-caption-container .caption-container .title > a, .heros-container .hero-caption-container .caption-container .small-pub .title > a, .small-pub .heros-container .hero-caption-container .caption-container .title > a {
        z-index: 2;
        text-transform: uppercase;
        color: white;
        font-size: 32px;
        line-height: .92;
        margin-bottom: 30px; }
        @media (min-width: 947px) {
          .heros-container .hero-caption-container .caption-container .title, .heros-container .hero-caption-container .caption-container .med-pub .title > a, .med-pub .heros-container .hero-caption-container .caption-container .title > a, .heros-container .hero-caption-container .caption-container .small-pub .title > a, .small-pub .heros-container .hero-caption-container .caption-container .title > a {
            font-size: 50px; } }
      @media (min-width: 768px) {
        .heros-container .hero-caption-container .caption-container .title.live-type-large, .heros-container .hero-caption-container .caption-container .med-pub .title > a.live-type-large, .med-pub .heros-container .hero-caption-container .caption-container .title > a.live-type-large, .heros-container .hero-caption-container .caption-container .small-pub .title > a.live-type-large, .small-pub .heros-container .hero-caption-container .caption-container .title > a.live-type-large {
          font-size: 56px;
          line-height: 48px; } }
      @media (min-width: 1280px) {
        .heros-container .hero-caption-container .caption-container .title.live-type-large, .heros-container .hero-caption-container .caption-container .med-pub .title > a.live-type-large, .med-pub .heros-container .hero-caption-container .caption-container .title > a.live-type-large, .heros-container .hero-caption-container .caption-container .small-pub .title > a.live-type-large, .small-pub .heros-container .hero-caption-container .caption-container .title > a.live-type-large {
          font-size: 84px;
          line-height: 70px; } }
      @media (min-width: 768px) {
        .heros-container .hero-caption-container .caption-container .title.live-type-small, .heros-container .hero-caption-container .caption-container .med-pub .title > a.live-type-small, .med-pub .heros-container .hero-caption-container .caption-container .title > a.live-type-small, .heros-container .hero-caption-container .caption-container .small-pub .title > a.live-type-small, .small-pub .heros-container .hero-caption-container .caption-container .title > a.live-type-small {
          font-size: 42px;
          line-height: 38px; } }
      @media (min-width: 1280px) {
        .heros-container .hero-caption-container .caption-container .title.live-type-small, .heros-container .hero-caption-container .caption-container .med-pub .title > a.live-type-small, .med-pub .heros-container .hero-caption-container .caption-container .title > a.live-type-small, .heros-container .hero-caption-container .caption-container .small-pub .title > a.live-type-small, .small-pub .heros-container .hero-caption-container .caption-container .title > a.live-type-small {
          font-size: 50px;
          line-height: 46px; } }
      .heros-container .hero-caption-container .caption-container .subhead {
        font-weight: 300;
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 0;
        color: white;
        max-width: 580px; }
      .heros-container .hero-caption-container .caption-container .subhead.subhead-large {
        max-width: 830px;
        line-height: 27px; }
        @media (min-width: 768px) {
          .heros-container .hero-caption-container .caption-container .subhead.subhead-large {
            font-size: 24px;
            line-height: 32px; } }
        @media (min-width: 1280px) {
          .heros-container .hero-caption-container .caption-container .subhead.subhead-large {
            font-size: 28px;
            line-height: 36px; } }
      .heros-container .hero-caption-container .caption-container .divider {
        border-top: 2px solid white;
        width: 80px;
        margin: 20px 0px; }
      .heros-container .hero-caption-container .caption-container .authors {
        font-weight: 400;
        font-size: 14px;
        color: white;
        margin-bottom: 0; }
        @media (min-width: 768px) {
          .heros-container .hero-caption-container .caption-container .authors {
            font-size: 12px; } }
      .heros-container .hero-caption-container .caption-container .date {
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        color: white;
        margin-bottom: 0; }
    .heros-container .hero-caption-container .chapter-hero {
      position: relative;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
      padding: 50px 0px;
      margin-bottom: 0; }
      .heros-container .hero-caption-container .chapter-hero .title, .heros-container .hero-caption-container .chapter-hero .med-pub .title > a, .med-pub .heros-container .hero-caption-container .chapter-hero .title > a, .heros-container .hero-caption-container .chapter-hero .small-pub .title > a, .small-pub .heros-container .hero-caption-container .chapter-hero .title > a {
        font-size: 32px; }
        @media (min-width: 768px) {
          .heros-container .hero-caption-container .chapter-hero .title, .heros-container .hero-caption-container .chapter-hero .med-pub .title > a, .med-pub .heros-container .hero-caption-container .chapter-hero .title > a, .heros-container .hero-caption-container .chapter-hero .small-pub .title > a, .small-pub .heros-container .hero-caption-container .chapter-hero .title > a {
            font-size: 56px; } }
        @media (min-width: 1280px) {
          .heros-container .hero-caption-container .chapter-hero .title, .heros-container .hero-caption-container .chapter-hero .med-pub .title > a, .med-pub .heros-container .hero-caption-container .chapter-hero .title > a, .heros-container .hero-caption-container .chapter-hero .small-pub .title > a, .small-pub .heros-container .hero-caption-container .chapter-hero .title > a {
            font-size: 84px; } }
  .heros-container .caption-illustrative {
    align-items: center !important;
    flex-direction: column; }
    .heros-container .caption-illustrative .caption-container {
      align-items: center !important;
      height: 100vh;
      width: 100%;
      max-width: none; }
      @media (min-width: 947px) {
        .heros-container .caption-illustrative .caption-container {
          padding-bottom: 50px; } }
      .heros-container .caption-illustrative .caption-container .byline {
        font-style: normal;
        margin-bottom: 0; }
      .heros-container .caption-illustrative .caption-container .divider {
        margin: 0 auto; }
      .heros-container .caption-illustrative .caption-container .title, .heros-container .caption-illustrative .caption-container .med-pub .title > a, .med-pub .heros-container .caption-illustrative .caption-container .title > a, .heros-container .caption-illustrative .caption-container .small-pub .title > a, .small-pub .heros-container .caption-illustrative .caption-container .title > a {
        text-align: center;
        line-height: 1;
        width: 100%; }
      .heros-container .caption-illustrative .caption-container .subhead {
        max-width: 580px;
        text-align: center;
        max-width: 580px; }
      .heros-container .caption-illustrative .caption-container .authors {
        margin-top: 20px;
        text-align: center; }
  .heros-container .hero-caption-container.supporting-article-container {
    justify-content: center; }
    @media (min-width: 768px) {
      .heros-container .hero-caption-container.supporting-article-container {
        justify-content: flex-end; } }
    @media (min-width: 1000px) {
      .heros-container .hero-caption-container.supporting-article-container .title, .heros-container .hero-caption-container.supporting-article-container .med-pub .title > a, .med-pub .heros-container .hero-caption-container.supporting-article-container .title > a, .heros-container .hero-caption-container.supporting-article-container .small-pub .title > a, .small-pub .heros-container .hero-caption-container.supporting-article-container .title > a {
        font-size: 40px;
        line-height: 36px; } }
    .heros-container .hero-caption-container.supporting-article-container .subhead {
      max-width: 580px;
      display: none; }
      @media (min-width: 768px) {
        .heros-container .hero-caption-container.supporting-article-container .subhead {
          display: block; } }
      @media (min-width: 1000px) {
        .heros-container .hero-caption-container.supporting-article-container .subhead {
          font-size: 18px;
          line-height: 27px; } }
  .heros-container .supporting-article-overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8); }
    @media (min-width: 768px) {
      .heros-container .supporting-article-overlay {
        background-color: transparent;
        background-image: linear-gradient(to bottom, transparent, #000000 85%); } }

.hero-caption-container.supporting-article-container.slim-hero {
  flex-direction: column; }
  @media (min-width: 768px) {
    .hero-caption-container.supporting-article-container.slim-hero {
      justify-content: center; } }
  @media (min-width: 1000px) {
    .hero-caption-container.supporting-article-container.slim-hero {
      justify-content: center; } }
  .hero-caption-container.supporting-article-container.slim-hero .caption-container {
    padding-bottom: 0;
    justify-content: center; }
    .hero-caption-container.supporting-article-container.slim-hero .caption-container .title, .hero-caption-container.supporting-article-container.slim-hero .caption-container .med-pub .title > a, .med-pub .hero-caption-container.supporting-article-container.slim-hero .caption-container .title > a, .hero-caption-container.supporting-article-container.slim-hero .caption-container .small-pub .title > a, .small-pub .hero-caption-container.supporting-article-container.slim-hero .caption-container .title > a {
      line-height: 1; }
    .hero-caption-container.supporting-article-container.slim-hero .caption-container .subhead {
      font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.has-background-color {
  height: calc(100vh - 100px); }
  @media (min-width: 768px) {
    .has-background-color {
      height: 800px; } }
  @media (min-width: 1280px) {
    .has-background-color {
      height: calc(100vh - 65px); } }

.supporting-article-hero.has-background-color {
  height: 300px; }
  @media (min-width: 768px) {
    .supporting-article-hero.has-background-color {
      height: 258px; } }
  @media (min-width: 1000px) {
    .supporting-article-hero.has-background-color {
      height: 341px; } }
  @media (min-width: 1280px) {
    .supporting-article-hero.has-background-color {
      height: 472px; } }

.supporting-article-hero {
  height: 440px;
  /*Uncomment to apply cropped video*/ }
  @media (min-width: 768px) {
    .supporting-article-hero {
      height: 258px; } }
  @media (min-width: 1000px) {
    .supporting-article-hero {
      height: 341px; } }
  @media (min-width: 1280px) {
    .supporting-article-hero {
      height: 472px; } }
  .supporting-article-hero .margin-only-container {
    height: 100%; }
    .supporting-article-hero .margin-only-container .grid-row, .supporting-article-hero .margin-only-container .grid-column {
      height: 100%; }
  .supporting-article-hero .supporting-article-container {
    height: inherit;
    flex-direction: column;
    align-items: flex-start;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
  .supporting-article-hero picture {
    height: auto; }

@media (min-width: 1025px) {
  .hasVideo.supporting-article-hero {
    height: calc(100vh - 65px); } }

.bhi-pt .mobile-subhead,
.standalone-article .mobile-subhead,
.standard-article .mobile-subhead {
  margin-top: 30px;
  margin-bottom: 0;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  display: block; }
  @media (min-width: 768px) {
    .bhi-pt .mobile-subhead,
    .standalone-article .mobile-subhead,
    .standard-article .mobile-subhead {
      display: none; } }

/*===============
    #RELATED-CONTENT-CONTAINER
===============*/
.related-content-container {
  width: 100%;
  padding: 30px 0px; }
  @media (min-width: 1280px) {
    .related-content-container {
      padding: 45px 0px; } }

.related-content-container .more-topics .topic {
  padding-bottom: 10px;
  margin-bottom: 0; }

.related-content-container .more-topics ul li {
  padding: 0;
  margin: 0px; }
  .related-content-container .more-topics ul li::before {
    content: ""; }
  .related-content-container .more-topics ul li:first-child {
    padding-bottom: 5px; }
  .related-content-container .more-topics ul li:not(:first-child) {
    padding: 5px 0px; }

.related-content-container .related-articles ul li {
  padding: 20px 0px;
  margin: 0; }
  .related-content-container .related-articles ul li::before {
    content: ""; }

.related-content-container .grid-column h2 {
  padding-bottom: 0; }

.related-content-container .grid-column:last-child {
  margin-top: 40px; }

.related-content-container .col:not(:first-child) {
  margin-top: 40px; }

.related-content-container figcaption h1 {
  padding-top: 15px; }

.related-content-container .eyebrow {
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .related-content-container .grid-row {
    display: flex; }
  .related-content-container .grid-column:first-child {
    width: calc(35% - 15px); }
  .related-content-container .grid-column:last-child {
    margin-top: 0px;
    flex-grow: 1;
    margin-left: 48px; }
  .related-content-container .col:not(:first-child) {
    margin-top: 0;
    margin-left: 48px; }
  .related-content-container figure img {
    text-align: center; } }

@media (min-width: 947px) {
  .related-content-container .more-topics ul {
    padding-top: 15px; } }

@media (min-width: 1280px) {
  .related-content-container .grid-row {
    margin-right: 100px;
    margin-left: 100px; } }

@media (min-width: 1500px) {
  .related-content-container .grid-row {
    margin-left: 200px;
    margin-right: 200px; } }

/*===============
    #RELATED-CONTENT-CONTAINER
===============*/
.related-content-container {
  background-color: black;
  clear: both; }

.related-content-container .image-container {
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease; }
  .related-content-container .image-container:hover {
    cursor: pointer;
    opacity: 0.5; }

/*===============
    #RELATED-CONTENT-CONTAINER #MORE-TOPICS
===============*/
.related-content-container .more-topics {
  border-top: 4px solid #333333;
  margin-top: 20px; }

.related-content-container .more-topics .topic {
  color: white;
  font-size: 18px;
  line-height: 1.5; }

.related-content-container .more-topics .topic-link {
  font-size: 14px;
  color: white;
  border-bottom: 1px solid #32c77f; }

.related-content-container .more-topics ul a {
  text-transform: uppercase;
  color: white;
  font-size: 18px; }

.related-content-container .more-topics ul .text {
  font-size: inherit;
  color: inherit; }
  .related-content-container .more-topics ul .text::after {
    margin-left: 5px;
    transform: rotateZ(90deg);
    display: inline-block;
    font-size: 14px;
    font-family: 'dotBCG-Icons'; }

/*===============
    #RELATED-CONTENT-CONTAINER #RELATED-ARTICLES
===============*/
.related-content-container .related-articles {
  border-top: 4px solid #333333;
  min-height: 100%; }

.related-content-container .related-articles ul a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
  flex: 1; }

.related-content-container .related-articles ul a.figure {
  flex: 0 1 auto;
  margin-right: 1em; }

.related-content-container .related-articles ul li {
  border-top: 1px solid #333333;
  display: flex;
  align-items: flex-start; }
  .related-content-container .related-articles ul li:first-child {
    border-top: none; }
  .related-content-container .related-articles ul li:last-child {
    border-bottom: none; }

.related-content-container .related-articles .square_img {
  width: auto; }

.related-content-container .grid-column {
  border-bottom: 0; }

.related-content-container .grid-column h2 {
  color: white;
  line-height: 1.2; }

.related-content-container figcaption h1 {
  text-transform: uppercase; }

.related-content-container figcaption h1,
.related-content-container .topic {
  margin-bottom: 50px;
  color: white;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2; }

.related-content-container .eyebrow {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 16px; }

/*===============
    .related-content-container.thought-leadership-landing-ct
    // OVERRIDES
===============*/
.related-content-container.thoughtLeadershipLandingCt .more-topics ul .text::after {
  margin-left: 10px; }

.related-content-container.thoughtLeadershipLandingCt span[class^="icon-cta"],
.related-content-container.thoughtLeadershipLandingCt .icon-social-bio-email {
  margin-left: 10px; }

@media (min-width: 768px) {
  .related-content-container .grid-row {
    transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out; }
  .related-content-container .related-articles {
    border-bottom: 0; }
  .related-content-container .more-topics .topic {
    font-size: 14px; }
  .related-content-container .more-topics ul a {
    font-size: 16px; } }

@media (min-width: 947px) {
  .related-content-container .more-topics .topic {
    font-size: 20px; }
  .related-content-container .more-topics ul {
    padding-top: 15px; }
  .related-content-container .more-topics ul a {
    font-size: 20px; }
  .related-content-container figcaption h1,
  .related-content-container .topic {
    font-size: 16px; }
  related-content-container .eyebrow {
    font-size: 14px; } }

@media (min-width: 1280px) {
  .related-content-container .more-topics .topic {
    font-size: 26px; }
  .related-content-container .more-topics ul a {
    font-size: 26px; }
  .related-content-container figcaption h1,
  .related-content-container .topic {
    font-size: 26px; } }

.standard-article .related-content-container {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.standard-article .related-content-container h1 {
  font-family: inherit;
  font-weight: regular; }

.standard-article .related-content-container figcaption h1 {
  font-weight: 700;
  font-family: inherit;
  text-transform: none; }

.standard-article .related-content-container .more-topics .topic {
  font-weight: 700;
  font-family: inherit;
  text-transform: none; }

.standard-article .related-content-container .more-topics a {
  font-weight: 700;
  font-family: inherit;
  text-transform: none; }

.standard-article .related-content-container .eyebrow {
  font-weight: 700;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

.standard-article .related-content-container .related-articles ul a {
  font-weight: 300;
  font-family: inherit;
  color: #32c77f;
  text-transform: none; }
  .standard-article .related-content-container .related-articles ul a:hover {
    color: white; }

.standalone-article .related-content-container .more-topics ul a, .bhi-pt .related-content-container .more-topics ul a, .collections .related-content-container .more-topics ul a {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 800; }

.standalone-article .related-content-container .more-topics ul li, .bhi-pt .related-content-container .more-topics ul li, .collections .related-content-container .more-topics ul li {
  color: #b7b7b7; }

.standalone-article .related-content-container .related-articles ul a, .bhi-pt .related-content-container .related-articles ul a, .collections .related-content-container .related-articles ul a {
  color: #575757; }
  .standalone-article .related-content-container .related-articles ul a:hover, .bhi-pt .related-content-container .related-articles ul a:hover, .collections .related-content-container .related-articles ul a:hover {
    color: #b7b7b7; }

.standalone-article .related-content-container .related-articles ul li, .bhi-pt .related-content-container .related-articles ul li, .collections .related-content-container .related-articles ul li {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 800;
  color: #b7b7b7; }

.standalone-article .related-content-container .topic, .bhi-pt .related-content-container .topic, .collections .related-content-container .topic {
  font-size: 26px;
  font-weight: 800; }

.standalone-article .related-content-container figcaption h1, .bhi-pt .related-content-container figcaption h1, .collections .related-content-container figcaption h1 {
  font-weight: 900; }

.standalone-article .related-content-container figcaption h1,
.standalone-article .related-content-container .topic, .bhi-pt .related-content-container figcaption h1,
.bhi-pt .related-content-container .topic, .collections .related-content-container figcaption h1,
.collections .related-content-container .topic {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif; }

.standalone-article .related-content-container .eyebrow, .bhi-pt .related-content-container .eyebrow, .collections .related-content-container .eyebrow {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 800; }

/*
$xx-small-width:500px;
$x-small-width: 768px;
$small-width:   947px;
$medium-width:  1091px;
$large-width:   1280px;
$x-large-width: 1600px;
$xx-large-width:1920px; */
.margin-only-container.publication {
  margin-top: 100px;
  margin-bottom: 60px; }
  .margin-only-container.publication .carousels {
    margin: 0 auto;
    width: 100%; }
    .margin-only-container.publication .carousels .slick-list {
      margin: 0 20px; }
      @media (min-width: 768px) {
        .margin-only-container.publication .carousels .slick-list {
          padding: 0 9%;
          margin: 0; } }
      @media (min-width: 1091px) {
        .margin-only-container.publication .carousels .slick-list {
          padding: 0 17.5%; } }
      @media (min-width: 1280px) {
        .margin-only-container.publication .carousels .slick-list {
          padding: 0 22.5%; } }
    .margin-only-container.publication .carousels figure {
      margin: 0 10px; }
      .margin-only-container.publication .carousels figure picture {
        margin-bottom: 10px; }
      .margin-only-container.publication .carousels figure figcaption {
        max-width: calc(100% - 45px);
        min-height: 40px;
        padding-left: 0; }
        .margin-only-container.publication .carousels figure figcaption .source {
          color: #b7b7b7;
          text-transform: uppercase; }
      @media (max-width: 499px) {
        .margin-only-container.publication .carousels figure p {
          font-size: 10px;
          line-height: 12px; }
        .margin-only-container.publication .carousels figure .source-caption {
          font-size: 12px; } }
  .margin-only-container.publication .carousel-controls {
    width: 100%;
    top: 40%; }
    .margin-only-container.publication .carousel-controls > div {
      background-color: transparent;
      position: absolute;
      font-size: 40px; }
      @media (max-width: 767px) {
        .margin-only-container.publication .carousel-controls > div {
          display: none; } }
    .margin-only-container.publication .carousel-controls .prev.icon-carousel-arrow, .margin-only-container.publication .carousel-controls .timeline-next-prev .prev.back:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .prev.back:before, .margin-only-container.publication .carousel-controls .timeline-next-prev .prev.forward:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .prev.forward:before {
      left: 0;
      margin-left: 18%;
      transform: rotate(180deg); }
      @media (max-width: 1279px) {
        .margin-only-container.publication .carousel-controls .prev.icon-carousel-arrow, .margin-only-container.publication .carousel-controls .timeline-next-prev .prev.back:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .prev.back:before, .margin-only-container.publication .carousel-controls .timeline-next-prev .prev.forward:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .prev.forward:before {
          margin-left: 12%; } }
      @media (max-width: 1090px) {
        .margin-only-container.publication .carousel-controls .prev.icon-carousel-arrow, .margin-only-container.publication .carousel-controls .timeline-next-prev .prev.back:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .prev.back:before, .margin-only-container.publication .carousel-controls .timeline-next-prev .prev.forward:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .prev.forward:before {
          margin-left: 3%; } }
    .margin-only-container.publication .carousel-controls .next.icon-carousel-arrow, .margin-only-container.publication .carousel-controls .timeline-next-prev .next.back:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .next.back:before, .margin-only-container.publication .carousel-controls .timeline-next-prev .next.forward:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .next.forward:before {
      margin-right: 18%;
      right: 0; }
      @media (max-width: 1279px) {
        .margin-only-container.publication .carousel-controls .next.icon-carousel-arrow, .margin-only-container.publication .carousel-controls .timeline-next-prev .next.back:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .next.back:before, .margin-only-container.publication .carousel-controls .timeline-next-prev .next.forward:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .next.forward:before {
          margin-right: 12%; } }
      @media (max-width: 1090px) {
        .margin-only-container.publication .carousel-controls .next.icon-carousel-arrow, .margin-only-container.publication .carousel-controls .timeline-next-prev .next.back:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .next.back:before, .margin-only-container.publication .carousel-controls .timeline-next-prev .next.forward:before, .timeline-next-prev .margin-only-container.publication .carousel-controls .next.forward:before {
          margin-right: 3%; } }
    .margin-only-container.publication .carousel-controls.zoom {
      display: none;
      top: 0; }
      @media (min-width: 1091px) {
        .margin-only-container.publication .carousel-controls.zoom {
          display: block; } }
      .margin-only-container.publication .carousel-controls.zoom .zoom {
        background-color: #fff;
        font-size: 50px;
        display: none;
        right: calc(17.5% + 10px); }
        @media (min-width: 1280px) {
          .margin-only-container.publication .carousel-controls.zoom .zoom {
            right: calc(22.5% + 10px); } }
  .margin-only-container.publication .image-gallery-carousel:hover .zoom .zoom {
    display: block; }
  .margin-only-container.publication .indicator {
    display: none; }
  .margin-only-container.publication .image-gallery-bar {
    height: auto;
    margin-top: 0;
    position: absolute;
    right: 25px; }
    @media (min-width: 768px) {
      .margin-only-container.publication .image-gallery-bar {
        right: 10%; } }
    @media (min-width: 1091px) {
      .margin-only-container.publication .image-gallery-bar {
        right: 18%; } }
    @media (min-width: 1280px) {
      .margin-only-container.publication .image-gallery-bar {
        right: 23%; } }
  .margin-only-container.publication .grid-row {
    margin: 0; }
  .margin-only-container.publication ul.slick-dots {
    display: block;
    text-align: center; }
    .margin-only-container.publication ul.slick-dots li {
      display: inline;
      margin: 0 10px;
      padding: 0; }
      .margin-only-container.publication ul.slick-dots li::before {
        content: none; }
      .margin-only-container.publication ul.slick-dots li.slick-active button {
        font-weight: bold;
        color: #000; }
      .margin-only-container.publication ul.slick-dots li button {
        background-color: transparent;
        color: #ccc;
        display: inline;
        font-size: 14px;
        margin: 0;
        padding: 0;
        width: auto; }
        .margin-only-container.publication ul.slick-dots li button:hover {
          background-color: transparent;
          cursor: pointer;
          font-weight: bold; }

/*===============
    #CHAPTER-MARKERS #CHAPTER-MARKER-CONTAINER
===============*/
.chapter-marker-container {
  background-color: black;
  height: calc(100vh - 100px);
  min-height: 600px;
  overflow: hidden; }

.chapter-marker-container.hero-container {
  margin-bottom: 60px; }

.chapter-marker-container video {
  width: 100%;
  display: none;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

.chapter-marker-container .margin-only-container {
  position: absolute;
  left: 0;
  right: 0; }

.chapter-marker-container .hero-caption-container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 100px);
  min-height: 600px; }

.chapter-marker-container .hero-caption-container .caption-byline-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-width: 800px;
  width: 100%;
  flex-grow: 1;
  order: 2;
  padding-bottom: 0;
  height: inherit; }

.chapter-marker-container .hero-caption-container .chapter-select {
  align-self: flex-end;
  order: 1;
  margin: 0; }

.chapter-marker-container .hero-caption-container .chapter-select picture {
  display: block;
  padding-top: 50px; }

.chapter-marker-container .hero-caption-container .chapter-select picture img {
  max-height: 100px;
  width: auto; }

.chapter-marker-container .hero-caption-container .chapter-select h1 {
  text-transform: uppercase;
  color: #3e3e3e;
  margin-bottom: 0;
  line-height: 1;
  font-size: 120px; }

.chapter-marker-container .hero-caption-container .byline {
  padding-bottom: 50px; }

.chapter-marker-container .hero-caption-container .byline p {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 19px;
  margin-bottom: 0;
  color: #a1a1a1;
  line-height: 1.5; }

.chapter-marker-container .hero-caption-container .chapter-hero {
  position: relative;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 50px 0px;
  margin-top: 0;
  margin-bottom: 0; }

.chapter-marker-container .hero-caption-container .chapter-hero .title, .chapter-marker-container .hero-caption-container .chapter-hero .med-pub .title > a, .med-pub .chapter-marker-container .hero-caption-container .chapter-hero .title > a, .chapter-marker-container .hero-caption-container .chapter-hero .small-pub .title > a, .small-pub .chapter-marker-container .hero-caption-container .chapter-hero .title > a {
  text-transform: uppercase;
  color: white;
  font-size: 32px;
  margin-bottom: 0;
  line-height: 1; }

.chapter-marker-container .hero-caption-container .chapter-hero img {
  width: 100%;
  max-height: 150px;
  object-fit: cover; }

.chapter-marker-container .picture-hero {
  display: block;
  height: calc(100vh - 100px);
  min-height: 600px; }

.chapter-marker-container .chapter-marker-background {
  height: calc(100vh - 100px);
  min-height: 600px;
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

@media (min-width: 375px) {
  .chapter-marker-container .hero-caption-container .chapter-hero img {
    max-height: 200px; } }

@media (min-width: 768px) {
  .chapter-marker-container {
    height: 800px; }
  .chapter-marker-container .hero-caption-container {
    height: 800px; }
  .chapter-marker-container .hero-caption-container .chapter-select picture {
    max-height: 475px; }
  .chapter-marker-container .hero-caption-container .chapter-select picture img {
    max-height: 200px; }
  .chapter-marker-container .hero-caption-container .chapter-select h1 {
    font-size: 152px; }
  .chapter-marker-container .hero-caption-container .byline {
    padding-bottom: 75px; }
  .chapter-marker-container .hero-caption-container .byline p {
    font-size: 22px; }
  .chapter-marker-container .hero-caption-container .chapter-hero .title, .chapter-marker-container .hero-caption-container .chapter-hero .med-pub .title > a, .med-pub .chapter-marker-container .hero-caption-container .chapter-hero .title > a, .chapter-marker-container .hero-caption-container .chapter-hero .small-pub .title > a, .small-pub .chapter-marker-container .hero-caption-container .chapter-hero .title > a {
    font-size: 56px; }
  .chapter-marker-container .picture-hero {
    height: 800px; }
  .chapter-marker-container .chapter-marker-background {
    height: 800px; } }

@media (min-width: 1025px) {
  .chapter-marker-container {
    height: calc(100vh - 51px); }
  .chapter-marker-container video {
    display: block;
    height: calc(100vh - 51px); }
  .chapter-marker-container .hero-caption-container {
    flex-direction: row;
    justify-content: space-between;
    height: calc(100vh - 51px); }
  .chapter-marker-container .hero-caption-container .caption-byline-container {
    order: 1;
    width: 75%; }
  .chapter-marker-container .hero-caption-container .chapter-select {
    order: 2;
    padding-bottom: 62px;
    padding-top: 0; } }

@media (min-width: 1280px) {
  .chapter-marker-container .hero-caption-container {
    height: calc(100vh - 65px); }
  .chapter-marker-container .hero-caption-container .chapter-select h1 {
    font-size: 214px; }
  .chapter-marker-container .hero-caption-container .chapter-hero .title, .chapter-marker-container .hero-caption-container .chapter-hero .med-pub .title > a, .med-pub .chapter-marker-container .hero-caption-container .chapter-hero .title > a, .chapter-marker-container .hero-caption-container .chapter-hero .small-pub .title > a, .small-pub .chapter-marker-container .hero-caption-container .chapter-hero .title > a {
    font-size: 84px; }
  .chapter-marker-container .hero-caption-container .chapter-hero img {
    max-height: 400px; }
  .chapter-marker-container .picture-hero {
    height: calc(100vh - 65px); }
  .chapter-marker-container .chapter-marker-background {
    height: calc(100vh - 65px); }
  .chapter-marker-container .video {
    height: calc(100vh - 65px); } }

@media (min-width: 1500px) {
  .chapter-marker-container .margin-only-container .grid-row {
    margin-right: 200px;
    margin-left: 200px; }
  .chapter-marker-container .hero-caption-container .chapter-hero img {
    max-height: none; } }

.chapter-marker-container.has-background-color,
.chapter-marker-container .has-background-color {
  height: calc(100vh - 100px);
  min-height: 600px; }
  @media (min-width: 768px) {
    .chapter-marker-container.has-background-color,
    .chapter-marker-container .has-background-color {
      height: 800px; } }
  @media (min-width: 1025px) {
    .chapter-marker-container.has-background-color,
    .chapter-marker-container .has-background-color {
      height: calc(100vh - 51px); } }
  @media (min-width: 1280px) {
    .chapter-marker-container.has-background-color,
    .chapter-marker-container .has-background-color {
      height: calc(100vh - 65px); } }

/* .standard-article .chapter-marker-container {} */
/* .standalone-article .chapter-marker-container {} */
/*===============
  #SCROLLINGSECTION
===============*/
/*=== scrollingSection ===
  -video
  -media
  -textContainer
  -overflowContainer
  -content
  -gradient
  
*/
.scrollingSection {
  display: flex;
  justify-content: center;
  position: relative;
  height: 100vh;
  width: 100%; }

.heros-container + .container-text + .scrollingSection {
  margin-top: -40px; }

.scrollingSection-video {
  display: none;
  position: relative;
  height: auto;
  width: 100%; }
  @media (min-width: 1025px) {
    .scrollingSection-video {
      display: block; } }

.scrollingSection-media {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0; }

.scrollingSection-textContainer {
  display: flex;
  align-items: center;
  padding-top: 10%;
  height: 100vh;
  width: 90%;
  margin: 0 20px; }
  @media (min-width: 768px) {
    .scrollingSection-textContainer {
      max-width: 620px;
      margin: 0 auto; } }

.scrollingSection-overflowContainer {
  position: relative;
  overflow: hidden;
  padding: 2px; }

.scrollingSection-content {
  font-weight: 300;
  color: #fff;
  font-size: 1.125em;
  line-height: 1.65;
  padding: 20px;
  overflow-y: scroll; }
  @media (min-width: 768px) {
    .scrollingSection-content {
      font-size: 1.25em; } }
  @media (min-width: 1280px) {
    .scrollingSection-content {
      font-size: 1.375em; } }

.scrollingSection-content.scrollingSection-content > * {
  color: inherit;
  font-family: inherit;
  font-weight: inherit; }

.scrollingSection-gradient {
  position: absolute;
  bottom: 0;
  height: 200px;
  width: 100%;
  background-image: linear-gradient(to bottom, transparent, black);
  margin-top: 30px;
  opacity: 1;
  transition: opacity 1s ease; }

.scrollingSection {
  background-color: #000; }

.bhi-share-toolbar .toolbar-container .print, .bhi-share-toolbar .toolbar-container .pdf, .bhi-share-toolbar .toolbar-container .scale, .bhi-share-toolbar .toolbar-container .share {
  font-size: 16px;
  color: #888; }
  .bhi-share-toolbar .toolbar-container .print:hover, .bhi-share-toolbar .toolbar-container .print:active, .bhi-share-toolbar .toolbar-container .print:focus, .bhi-share-toolbar .toolbar-container .pdf:hover, .bhi-share-toolbar .toolbar-container .pdf:active, .bhi-share-toolbar .toolbar-container .pdf:focus, .bhi-share-toolbar .toolbar-container .scale:hover, .bhi-share-toolbar .toolbar-container .scale:active, .bhi-share-toolbar .toolbar-container .scale:focus, .bhi-share-toolbar .toolbar-container .share:hover, .bhi-share-toolbar .toolbar-container .share:active, .bhi-share-toolbar .toolbar-container .share:focus {
    color: #333; }

.bhi-share-toolbar .toolbar-container .scale-drawer {
  border: 1px solid #ddd; }

/* ===========
    # PAGE TOOLS - TEXT SIZE
  =========== */
/* toggling the page tools font-size adds or removes a .large-font class to body. */
body.large-font .rtf {
  font-size: 21px !important;
  line-height: 1.75 !important; }
  @media (min-width: 768px) {
    body.large-font .rtf {
      font-size: 24px !important; } }

body.small-font .rtf {
  font-size: 12px !important;
  line-height: 1.75 !important; }
  @media (min-width: 768px) {
    body.small-font .rtf {
      font-size: 14px !important; } }

.bhi-share-toolbar .toolbar-container {
  margin-top: 50px;
  margin-bottom: 20px;
  padding-bottom: 10px; }
  .bhi-share-toolbar .toolbar-container .print,
  .bhi-share-toolbar .toolbar-container .pdf,
  .bhi-share-toolbar .toolbar-container .scale,
  .bhi-share-toolbar .toolbar-container .share,
  .bhi-share-toolbar .toolbar-container .mail {
    font-size: 16px;
    color: #888;
    margin: 0 6px;
    cursor: pointer; }
    .bhi-share-toolbar .toolbar-container .print:hover, .bhi-share-toolbar .toolbar-container .print:active, .bhi-share-toolbar .toolbar-container .print:focus,
    .bhi-share-toolbar .toolbar-container .pdf:hover,
    .bhi-share-toolbar .toolbar-container .pdf:active,
    .bhi-share-toolbar .toolbar-container .pdf:focus,
    .bhi-share-toolbar .toolbar-container .scale:hover,
    .bhi-share-toolbar .toolbar-container .scale:active,
    .bhi-share-toolbar .toolbar-container .scale:focus,
    .bhi-share-toolbar .toolbar-container .share:hover,
    .bhi-share-toolbar .toolbar-container .share:active,
    .bhi-share-toolbar .toolbar-container .share:focus,
    .bhi-share-toolbar .toolbar-container .mail:hover,
    .bhi-share-toolbar .toolbar-container .mail:active,
    .bhi-share-toolbar .toolbar-container .mail:focus {
      color: #333; }
    @media (min-width: 375px) {
      .bhi-share-toolbar .toolbar-container .print,
      .bhi-share-toolbar .toolbar-container .pdf,
      .bhi-share-toolbar .toolbar-container .scale,
      .bhi-share-toolbar .toolbar-container .share,
      .bhi-share-toolbar .toolbar-container .mail {
        margin: 0 10px; } }
  .bhi-share-toolbar .toolbar-container .mail {
    font-size: 14px; }
  .bhi-share-toolbar .toolbar-container .social {
    color: #888;
    font-size: 27px;
    vertical-align: text-top;
    margin: 0px; }
    @media (min-width: 375px) {
      .bhi-share-toolbar .toolbar-container .social {
        margin: 0px 2px; } }
    @media (min-width: 768px) {
      .bhi-share-toolbar .toolbar-container .social {
        vertical-align: sub;
        margin: 0 5px; } }
    .bhi-share-toolbar .toolbar-container .social:hover, .bhi-share-toolbar .toolbar-container .social:active, .bhi-share-toolbar .toolbar-container .social:focus {
      color: #333; }
  .bhi-share-toolbar .toolbar-container .scale {
    position: relative;
    /*Make spacing look even for mobile breakpoint*/
    margin-right: 0; }
    .bhi-share-toolbar .toolbar-container .scale.show .scale-drawer {
      transform: scaleX(1); }
  .bhi-share-toolbar .toolbar-container .scale-drawer {
    transform-origin: bottom;
    transform: scaleX(0);
    display: inline-flex;
    position: absolute;
    overflow: hidden;
    transition: all .35s;
    top: -37px;
    left: -50%; }
  .bhi-share-toolbar .toolbar-container .scale-plus,
  .bhi-share-toolbar .toolbar-container .scale-minus {
    padding: 8px;
    display: inline-block;
    min-width: 2em; }
  .bhi-share-toolbar .toolbar-container .print {
    margin-left: 0; }

.bhi-share-toolbar .toolbar-container > *:nth-child(1) {
  margin-left: 0; }
  .bhi-share-toolbar .toolbar-container > *:nth-child(1) .social {
    margin-left: 0; }

.standalone-article .toolbar-container {
  border-bottom: 1px solid #b7b7b7; }

/* SW: Commenting this out, since it should have been replaced with the new modules. */
/*
@import "../modules/video-side-rail/_style";
@import "../modules/video/_theme-standard";
@import "../modules/video/_theme-standalone";
@import "../modules/video/video-full-width/_video";
@import "../modules/video/video-full-width/_theme-standalone";
@import "../modules/video/video-full-width/_theme-bhi";
*/
/*===============
    #ARTICLEHEADER #PERSPECTIVES
===============*/
/*=== articleHeader ===
-media
 _video
 _img
-panel
 _1
 _2
-meta
-title
-hr
-authors
-time
-chapters
-chapterList
 -item
 -itemLink
-chapters

*/
.articleHeader {
  position: relative;
  width: 100vw;
  height: 100vh; }

.articleHeader-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'; }

.articleHeader-media_video {
  z-index: -1; }

.articleHeader-media_img {
  z-index: -2; }

.articleHeader-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0 20px 80px 20px;
  height: 100%;
  width: 100%;
  overflow-y: scroll; }
  @media (min-width: 768px) {
    .articleHeader-panel {
      padding-right: 75px;
      padding-left: 75px; } }
  @media (min-width: 947px) {
    .articleHeader-panel {
      padding-right: 100px;
      padding-left: 100px; } }
  @media (min-width: 1280px) {
    .articleHeader-panel {
      padding-right: 200px;
      padding-left: 200px; } }

.articleHeader-panel .scrollingSection {
  position: static;
  height: auto; }

.articleHeader-panel .scrollingSection-media {
  top: 0;
  bottom: 0; }

.articleHeader-panel .scrollingSection-textContainer {
  width: calc(50% + 200px); }

.articleHeader-meta {
  flex-shrink: 0;
  padding-right: 25%;
  width: 67%; }

.articleHeader-title.articleHeader-title {
  font-size: 2em;
  line-height: .87; }
  @media (min-width: 768px) {
    .articleHeader-title.articleHeader-title {
      font-size: 3.5em; } }
  @media (min-width: 1280px) {
    .articleHeader-title.articleHeader-title {
      font-size: 5.25em; } }

.articleHeader-hr {
  width: 8em;
  margin-bottom: 1em; }

.articleHeader-time {
  font-size: .875em; }

.articleHeader-description {
  font-size: 1.125em;
  line-height: 1.5; }
  @media (min-width: 768px) {
    .articleHeader-description {
      font-size: 1.5em; } }
  @media (min-width: 947px) {
    .articleHeader-description {
      font-size: 1.75em; } }

.articleHeader-chapters {
  flex-shrink: 0;
  color: #fff; }

/*===============
    #SKIN
===============*/
.articleHeader-panel {
  color: #fff; }

/*specificity bumps because of .perspective-article.standalone-article p{}*/
.articleHeader-title,
.articleHeader-authors.articleHeader-authors.articleHeader-authors,
.articleHeader-hr,
.articleHeader-time,
.articleHeader-description.articleHeader-description,
.articleHeader .chapterList-itemLink,
.articleHeader .content.content > * {
  color: inherit; }

.articleHeader-title {
  font-family: 'bcg-henderson-mod';
  font-weight: 900;
  letter-spacing: 4px; }

.articleHeader-time {
  text-transform: uppercase; }

.articleHeader-description {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 300; }

.articleHeader .chapterList-itemLink:hover, .articleHeader .chapterList-itemLink:focus {
  color: #dedede; }

.articleHeader-text p {
  color: inherit; }

.articleHeader-text strong {
  text-transform: uppercase; }

.articleHeader-panel {
  transition-property: z-index, opacity;
  transition-duration: .1s, 1s;
  transition-delay: .8s, 0s; }
  .articleHeader-panel.isHidden, .articleHeader-panel:nth-of-type(n+2) {
    opacity: 0;
    background-color: #000; }
  .articleHeader-panel.isHidden {
    z-index: -2; }
  .articleHeader-panel.isVisible {
    opacity: 1; }

/*===============
    #CHAPTERLIST #PERSPECTIVES
===============*/
/*=== chapterList ===
 -item
 -itemLink


*/
.chapterList {
  font-size: calc(10px + 1.5vmin);
  line-height: 1.2; }
  @media (min-width: 947px) {
    .chapterList {
      font-size: 1.125em; } }

.chapterList-item {
  margin-top: 1vmin; }

/*===============
    #SKIN
===============*/
.chapterList {
  list-style-type: none;
  margin-left: 3ch; }
  .chapterList:first-child {
    counter-reset: chapterCounter; }

.chapterList-item {
  counter-increment: chapterCounter;
  text-indent: -3ch; }
  .chapterList-item:before {
    position: static;
    float: left;
    content: counter(chapterCounter) " ";
    color: inherit;
    width: 3ch; }

.chapterList-itemLink {
  color: inherit; }
  .chapterList-itemLink:hover, .chapterList-itemLink:focus {
    color: #dedede; }

/*===============
    #PERSPECTIVES #VIDEO #LAYOUT
===============*/
.perspectives-video-tab {
  position: relative;
  overflow: hidden;
  padding: 0; }

.perspectives-video-tab {
  /*=== Left Side ===
  -title
  -video-player
    -player-header
      -section
      -title
    -video
  */
  /*=== Right Side ===
  video-collection
    -list-header
      -item-content
        -item-info
        -title
    -list
      -item
  */ }
  @media (min-width: 768px) {
    .perspectives-video-tab {
      align-content: flex-start; } }
  @media (max-width: 767px) {
    .perspectives-video-tab .video-tab-wrapper {
      width: calc(100% - 40px); }
      .perspectives-video-tab .video-tab-wrapper .video-tab-player {
        display: block;
        width: 100%; }
        .perspectives-video-tab .video-tab-wrapper .video-tab-player iframe {
          width: 100%; } }
  .perspectives-video-tab .pLanding-media {
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0; }
  .perspectives-video-tab .pLanding-media .pLanding-media_img {
    position: absolute;
    width: 100vw;
    height: 100%; }
  .perspectives-video-tab .pLanding-media_img {
    position: absolute;
    top: 0; }
    .perspectives-video-tab .pLanding-media_img img {
      width: 100vw;
      height: 100%; }
  .perspectives-video-tab .video-tab-header {
    margin-top: 60px; }
  .perspectives-video-tab .video-tab-footer {
    margin-bottom: 40px; }
    @media (min-width: 947px) {
      .perspectives-video-tab .video-tab-footer {
        margin-bottom: 50px; } }
    @media (min-width: 1280px) {
      .perspectives-video-tab .video-tab-footer {
        margin-bottom: 100px; } }
  .perspectives-video-tab.video-tab.container-4 .grid-row {
    position: relative; }
    @media (max-width: 767px) {
      .perspectives-video-tab.video-tab.container-4 .grid-row {
        margin-left: 20px;
        margin-right: 20px; } }
  .perspectives-video-tab .video-tab-collection-title {
    font-size: 2em;
    line-height: .875; }
    @media (min-width: 947px) {
      .perspectives-video-tab .video-tab-collection-title {
        font-size: 5.25em;
        margin-bottom: 25px; } }
  .perspectives-video-tab .video-tab-player-header {
    position: absolute;
    z-index: 1;
    bottom: 0%;
    width: 100%;
    margin: 0;
    padding-left: 20px; }
    @media (min-width: 1280px) {
      .perspectives-video-tab .video-tab-player-header {
        padding-left: 40px; } }
  .perspectives-video-tab .video-tab-title {
    font-size: 1em;
    line-height: 1; }
  .perspectives-video-tab .video-tab-player-header .video-tab-title {
    font-size: 1.0625em; }
    @media (min-width: 1280px) {
      .perspectives-video-tab .video-tab-player-header .video-tab-title {
        font-size: 2.5em;
        line-height: .9; } }
  .perspectives-video-tab .video-tab-section,
  .perspectives-video-tab .video-tab-speaker,
  .perspectives-video-tab .video-tab-duration {
    font-size: .75em; }
    @media (min-width: 1280px) {
      .perspectives-video-tab .video-tab-section,
      .perspectives-video-tab .video-tab-speaker,
      .perspectives-video-tab .video-tab-duration {
        font-size: 1.125em; } }
  .perspectives-video-tab .video-tab-duration {
    z-index: 1;
    position: absolute;
    top: 20px;
    right: 20px; }
    @media (min-width: 1280px) {
      .perspectives-video-tab .video-tab-duration {
        top: 40px;
        right: 40px; } }
    .perspectives-video-tab .video-tab-duration .icon {
      vertical-align: -.2ex;
      margin-right: 10px; }
  .perspectives-video-tab .video-tab-video-collection {
    margin-left: 0; }
    @media (min-width: 1600px) {
      .perspectives-video-tab .video-tab-video-collection {
        font-size: 1.375em; } }
  @media (min-width: 1280px) {
    .perspectives-video-tab .video-tab-item:nth-last-child(-n+5):first-child,
    .perspectives-video-tab .video-tab-item:nth-last-child(-n+5):first-child ~ .video-tab-item {
      min-height: 6em; } }

/*===============
    #PERSPECTIVES #VIDEO #VJS
===============*/
/*===============
    #PERSPECTIVES #VIDEO #SKIN
===============*/
.mod-font .publications-video-tab .video-tab-collection-title {
  text-transform: none;
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 800; }

.perspectives-video-tab.hasWedgeTop, .perspectives-video-tab.hasWedgeBottom {
  background-color: transparent; }
  .isIE .perspectives-video-tab.hasWedgeTop, .isIE .perspectives-video-tab.hasWedgeBottom {
    background-color: transparent; }

.perspectives-video-tab .video-tab-title,
.perspectives-video-tab .video-tab-info,
.perspectives-video-tab .video-tab-duration {
  text-transform: uppercase; }

.perspectives-video-tab .video-tab-collection-title,
.perspectives-video-tab .video-tab-title {
  font-family: 'bcg-henderson-mod'; }

.perspectives-video-tab .video-tab-section,
.perspectives-video-tab .video-tab-speaker,
.perspectives-video-tab .video-tab-duration,
.perspectives-video-tab .video-tab-description,
.perspectives-video-tab .video-tab-description > *,
.perspectives-video-tab .video-tab-item-info {
  font-family: inherit; }

.perspectives-video-tab .video-tab-collection-title {
  font-weight: 900;
  font-style: normal; }

.perspectives-video-tab .video-tab-section {
  color: inherit; }

.perspectives-video-tab .video-tab-title {
  font-weight: 800; }

.perspectives-video-tab .video-tab-video-collection {
  background-color: #000;
  color: #b7b7b7; }

.perspectives-video-tab .video-tab-item {
  color: #b7b7b7; }
  .perspectives-video-tab .video-tab-item:hover, .perspectives-video-tab .video-tab-item:focus, .perspectives-video-tab .video-tab-item.isActive {
    color: #fff; }

.perspectives-video-tab .video-tab-item-content {
  color: inherit; }

.perspectives-video-tab .video-tab-list-header {
  color: #fff;
  background: none; }

@media (max-width: 767px) {
  .perspectives-video-tab .vjs-playing .video-tab-player-header {
    z-index: -1 !important;
    opacity: 0 !important; } }

/*===============
    #COLLECTIONS #VIDEO #VIDEO-COLLECTION #LAYOUT
===============*/
/*
  This inherits most of its layout/styles from perspectives video collection,
  this is treated as a "child theme" of the perspectives theme
 */
/*===============
    #COLLECTIONS #SKIN
===============*/
.perspectives-video-tab_collections {
  background-color: #fff; }

/*===============
    #COLLECTIONS
===============*/
.collections .collections-container, .collections.standard-article .collections-container {
  margin: 0 5%; }
  @media (min-width: 768px) {
    .collections .collections-container, .collections.standard-article .collections-container {
      margin: 0 50px; } }
  @media (min-width: 947px) {
    .collections .collections-container, .collections.standard-article .collections-container {
      margin: 0 10%; } }
  @media (min-width: 1500px) {
    .collections .collections-container, .collections.standard-article .collections-container {
      margin: 0 10%; } }
  .collections .collections-container.vertical .collections-grid-container, .collections.standard-article .collections-container.vertical .collections-grid-container {
    display: block; }
    @media (min-width: 768px) {
      .collections .collections-container.vertical .collections-grid-container, .collections.standard-article .collections-container.vertical .collections-grid-container {
        display: flex;
        flex-direction: row; } }
  .collections .collections-container.vertical .collection-row, .collections.standard-article .collections-container.vertical .collection-row {
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 768px) {
      .collections .collections-container.vertical .collection-row, .collections.standard-article .collections-container.vertical .collection-row {
        width: calc(50% - 15px); } }
    .collections .collections-container.vertical .collection-row:first-child, .collections.standard-article .collections-container.vertical .collection-row:first-child {
      margin-right: 30px; }
    .collections .collections-container.vertical .collection-row:nth-of-type(2) .article:first-child, .collections.standard-article .collections-container.vertical .collection-row:nth-of-type(2) .article:first-child {
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .collections .collections-container.vertical .collection-row:nth-of-type(2) .article:first-child, .collections.standard-article .collections-container.vertical .collection-row:nth-of-type(2) .article:first-child {
          margin-bottom: 50px; } }
    .collections .collections-container.vertical .collection-row .article, .collections .collections-container.vertical .collection-row .image, .collections.standard-article .collections-container.vertical .collection-row .article, .collections.standard-article .collections-container.vertical .collection-row .image {
      height: 100%;
      width: 100%;
      margin-left: 0;
      overflow: hidden; }
    .collections .collections-container.vertical .collection-row .article.medium, .collections.standard-article .collections-container.vertical .collection-row .article.medium {
      min-width: 100%;
      max-width: 100%; }

.collections .collections-grok-container, .collections.standard-article .collections-grok-container {
  display: none; }
  .collections .collections-grok-container .subheader:before, .collections.standard-article .collections-grok-container .subheader:before {
    display: none; }

.collections .collections-container:first-of-type .collection-row article.large, .collections.standard-article .collections-container:first-of-type .collection-row article.large {
  padding-top: 0;
  border-top: none; }

.collections .collection-row, .collections.standard-article .collection-row {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .collections .collection-row, .collections.standard-article .collection-row {
      flex-direction: row; } }
  .collections .collection-row article.large, .collections.standard-article .collection-row article.large {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #b7b7b7; }
    @media (min-width: 768px) {
      .collections .collection-row article.large, .collections.standard-article .collection-row article.large {
        flex-direction: row;
        padding-top: 0;
        border-top: none; } }
    @media (min-width: 947px) {
      .collections .collection-row article.large, .collections.standard-article .collection-row article.large {
        margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .collections .collection-row article.large .article, .collections.standard-article .collection-row article.large .article {
        padding-top: 10px; } }
    .collections .collection-row article.large .article-link, .collections.standard-article .collection-row article.large .article-link {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media (min-width: 768px) {
        .collections .collection-row article.large .article-link, .collections.standard-article .collection-row article.large .article-link {
          flex-direction: row; } }
    .collections .collection-row article.large.right, .collections.standard-article .collection-row article.large.right {
      flex-direction: column-reverse; }
      @media (min-width: 768px) {
        .collections .collection-row article.large.right, .collections.standard-article .collection-row article.large.right {
          flex-direction: row; } }
      .collections .collection-row article.large.right .article-link, .collections.standard-article .collection-row article.large.right .article-link {
        flex-direction: column-reverse; }
        @media (min-width: 768px) {
          .collections .collection-row article.large.right .article-link, .collections.standard-article .collection-row article.large.right .article-link {
            flex-direction: row; } }
    .collections .collection-row article.large.left, .collections.standard-article .collection-row article.large.left {
      width: 100%; }
      .collections .collection-row article.large.left .article-link, .collections.standard-article .collection-row article.large.left .article-link {
        width: 100%; }
    .collections .collection-row article.large .article, .collections .collection-row article.large .image, .collections.standard-article .collection-row article.large .article, .collections.standard-article .collection-row article.large .image {
      width: 100%; }
      @media (min-width: 768px) {
        .collections .collection-row article.large .article, .collections .collection-row article.large .image, .collections.standard-article .collection-row article.large .article, .collections.standard-article .collection-row article.large .image {
          width: calc(50% - 15px); } }
  .collections .collection-row .article, .collections.standard-article .collection-row .article {
    margin-right: 0; }
    @media (min-width: 768px) {
      .collections .collection-row .article, .collections.standard-article .collection-row .article {
        margin-right: 30px; }
        .collections .collection-row .article:last-child, .collections.standard-article .collection-row .article:last-child {
          margin-right: 0; } }
    .collections .collection-row .article.small, .collections.standard-article .collection-row .article.small {
      max-width: 100%; }
      @media (min-width: 768px) {
        .collections .collection-row .article.small, .collections.standard-article .collection-row .article.small {
          max-width: calc(25% - 23px);
          min-width: calc(25% - 23px); } }
    .collections .collection-row .article.medium, .collections.standard-article .collection-row .article.medium {
      max-width: 100%; }
      @media (min-width: 768px) {
        .collections .collection-row .article.medium, .collections.standard-article .collection-row .article.medium {
          max-width: calc(50% - 15px);
          min-width: calc(50% - 15px); } }
  .collections .collection-row .article.image-left, .collections.standard-article .collection-row .article.image-left {
    margin-left: 0px; }
    @media (min-width: 768px) {
      .collections .collection-row .article.image-left, .collections.standard-article .collection-row .article.image-left {
        margin-left: 30px; } }
  .collections .collection-row .article.image-right, .collections.standard-article .collection-row .article.image-right {
    margin-right: 30px;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .collections .collection-row .article.image-right, .collections.standard-article .collection-row .article.image-right {
        margin-bottom: 0; } }
  .collections .collection-row .article + .article, .collections.standard-article .collection-row .article + .article {
    margin-left: 0; }

.collections .image-left, .collections.standard-article .image-left {
  flex-direction: column; }
  @media (min-width: 768px) {
    .collections .image-left, .collections.standard-article .image-left {
      flex-direction: row; } }

.collections .image-right, .collections.standard-article .image-right {
  flex-direction: column; }
  @media (min-width: 768px) {
    .collections .image-right, .collections.standard-article .image-right {
      flex-direction: row; } }

.collections .featured, .collections.standard-article .featured {
  width: 100%; }

.collections .article, .collections.standard-article .article {
  margin-right: 0;
  width: 100%;
  word-break: break-all;
  word-break: keep-all;
  text-align: left; }
  @media (min-width: 768px) {
    .collections .article, .collections.standard-article .article {
      padding-top: 20px;
      padding-right: 0;
      width: auto;
      border-top: 1px solid #b7b7b7;
      margin-top: 0; } }

.collections .article.small,
.collections .article.medium, .collections.standard-article .article.small,
.collections.standard-article .article.medium {
  padding-top: 20px;
  border-top: 1px solid #b7b7b7; }

.collections .eyebrow, .collections.standard-article .eyebrow {
  color: #32c77f;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: normal; }
  .collections .eyebrow h1, .collections .eyebrow h2, .collections .eyebrow h3, .collections .eyebrow span, .collections.standard-article .eyebrow h1, .collections.standard-article .eyebrow h2, .collections.standard-article .eyebrow h3, .collections.standard-article .eyebrow span {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-bottom: inherit;
    font-family: inherit;
    font-weight: inherit; }

.collections .title, .collections .med-pub .title > a, .med-pub .collections .title > a, .collections .small-pub .title > a, .small-pub .collections .title > a, .collections.standard-article .title, .collections.standard-article .med-pub .title > a, .med-pub .collections.standard-article .title > a, .collections.standard-article .small-pub .title > a, .small-pub .collections.standard-article .title > a {
  font-weight: 400;
  font-size: 1.0625em;
  line-height: 1;
  margin-bottom: 20px;
  color: #197a56;
  text-transform: uppercase;
  word-break: break-word; }
  @media (min-width: 768px) {
    .collections .title, .collections .med-pub .title > a, .med-pub .collections .title > a, .collections .small-pub .title > a, .small-pub .collections .title > a, .collections.standard-article .title, .collections.standard-article .med-pub .title > a, .med-pub .collections.standard-article .title > a, .collections.standard-article .small-pub .title > a, .small-pub .collections.standard-article .title > a {
      margin-bottom: 15px;
      font-size: 1.75em; } }
  @media (min-width: 1280px) {
    .collections .title, .collections .med-pub .title > a, .med-pub .collections .title > a, .collections .small-pub .title > a, .small-pub .collections .title > a, .collections.standard-article .title, .collections.standard-article .med-pub .title > a, .med-pub .collections.standard-article .title > a, .collections.standard-article .small-pub .title > a, .small-pub .collections.standard-article .title > a {
      margin-bottom: 20px; } }
  .collections .title h1, .collections.standard-article .title h1 {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-bottom: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-transform: inherit; }

.collections .small .title, .collections .small .med-pub .title > a, .med-pub .collections .small .title > a, .collections .small .small-pub .title > a, .small-pub .collections .small .title > a, .collections.standard-article .small .title, .collections.standard-article .small .med-pub .title > a, .med-pub .collections.standard-article .small .title > a, .collections.standard-article .small .small-pub .title > a, .small-pub .collections.standard-article .small .title > a {
  font-size: 1.125em;
  line-height: 1.33; }

.collections .intro, .collections.standard-article .intro {
  color: #333;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .collections .intro, .collections.standard-article .intro {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 30px; } }
  @media (min-width: 947px) {
    .collections .intro, .collections.standard-article .intro {
      font-size: 16px;
      line-height: 24px; } }
  .collections .intro p, .collections.standard-article .intro p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-bottom: inherit;
    font-family: inherit;
    font-weight: inherit; }

@media (max-width: 946px) {
  .collections .picture-caption, .collections.standard-article .picture-caption {
    width: 95%; } }

.collections .collapsible-content, .collections.standard-article .collapsible-content {
  font-weight: 400;
  border-color: #32c77f; }
  .collections .collapsible-content .collapsed-content, .collections.standard-article .collapsible-content .collapsed-content {
    display: block;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif; }
  .collections .collapsible-content .subheader:after, .collections.standard-article .collapsible-content .subheader:after {
    display: none; }
  .collections .collapsible-content .subheader .title, .collections .collapsible-content .subheader .med-pub .title > a, .med-pub .collections .collapsible-content .subheader .title > a, .collections .collapsible-content .subheader .small-pub .title > a, .small-pub .collections .collapsible-content .subheader .title > a, .collections.standard-article .collapsible-content .subheader .title, .collections.standard-article .collapsible-content .subheader .med-pub .title > a, .med-pub .collections.standard-article .collapsible-content .subheader .title > a, .collections.standard-article .collapsible-content .subheader .small-pub .title > a, .small-pub .collections.standard-article .collapsible-content .subheader .title > a {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    color: black; }
  .collections .collapsible-content .skim, .collections.standard-article .collapsible-content .skim {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #707070; }
    @media (min-width: 1280px) {
      .collections .collapsible-content .skim, .collections.standard-article .collapsible-content .skim {
        line-height: 33px; } }
  .collections .collapsible-content ul li, .collections.standard-article .collapsible-content ul li {
    font-size: 16px;
    line-height: 25px; }
    @media (min-width: 768px) {
      .collections .collapsible-content ul li, .collections.standard-article .collapsible-content ul li {
        font-size: 18px;
        line-height: 30px; } }
    .collections .collapsible-content ul li:before, .collections.standard-article .collapsible-content ul li:before {
      color: black; }
  .collections .collapsible-content .article-button, .collections.standard-article .collapsible-content .article-button {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    display: inline-block;
    height: 44px;
    padding: 0 30px;
    overflow: hidden;
    color: #b7b7b7;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 2; }
    .collections .collapsible-content .article-button:hover, .collections.standard-article .collapsible-content .article-button:hover {
      color: white;
      border-color: black; }
      .collections .collapsible-content .article-button:hover:after, .collections.standard-article .collapsible-content .article-button:hover:after {
        border-width: 330px 800px 0 0; }
    .collections .collapsible-content .article-button:after, .collections.standard-article .collapsible-content .article-button:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 0;
      left: 0;
      z-index: -1;
      border-style: solid;
      border-width: 0 0 0 0;
      border-color: black transparent transparent transparent;
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-transition: all 500ms;
      -moz-transition: all 500ms;
      -ms-transition: all 500ms;
      -o-transition: all 500ms;
      transition: all 500ms; }
  .collections .collapsible-content .numbered-list, .collections.standard-article .collapsible-content .numbered-list {
    margin-bottom: 30px; }
    @media (min-width: 1280px) {
      .collections .collapsible-content .numbered-list, .collections.standard-article .collapsible-content .numbered-list {
        line-height: 33px; } }
    .collections .collapsible-content .numbered-list li:before, .collections.standard-article .collapsible-content .numbered-list li:before {
      content: counter(numbered-list) ".";
      color: #333333;
      font-weight: bold; }
    .collections .collapsible-content .numbered-list li .item-title, .collections.standard-article .collapsible-content .numbered-list li .item-title {
      color: black;
      display: inline;
      margin-bottom: 0;
      font-weight: bold;
      text-transform: uppercase; }
    .collections .collapsible-content .numbered-list li p, .collections.standard-article .collapsible-content .numbered-list li p {
      display: inline; }

.collections .video-player-header, .collections.standard-article .video-player-header {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.collections .video-player-section.video-player-section, .collections.standard-article .video-player-section.video-player-section {
  color: #32c77f; }

.collections .video-player-title, .collections.standard-article .video-player-title {
  font-family: inherit;
  font-weight: 300;
  text-transform: initial; }

.collections .video-player-speaker, .collections.standard-article .video-player-speaker {
  text-transform: initial;
  font-weight: 100; }

.collections .video-tab-player-header, .collections.standard-article .video-tab-player-header {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .collections .video-tab-player-header .video-tab-title, .collections.standard-article .video-tab-player-header .video-tab-title {
    font-family: inherit;
    font-weight: 300;
    text-transform: initial; }
  .collections .video-tab-player-header .video-tab-speaker, .collections.standard-article .video-tab-player-header .video-tab-speaker {
    text-transform: initial;
    font-weight: 100; }

.collections .video-tab-item-content .video-tab-title, .collections.standard-article .video-tab-item-content .video-tab-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  font-weight: 300;
  text-transform: initial; }

.collections .collections-quote .quote-text, .collections.standard-article .collections-quote .quote-text {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #333; }

.collections .quote-attribution .name, .collections.standard-article .quote-attribution .name {
  color: #32c77f;
  text-transform: uppercase; }

.collections .related-content-container .related-articles ul a, .collections.standard-article .related-content-container .related-articles ul a {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

.collections-grokHeader {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  padding: 2rem 20px;
  background-color: #333; }
  @media (min-width: 768px) {
    .collections-grokHeader {
      flex-direction: row;
      padding-left: 75px;
      padding-right: 75px; } }
  @media (min-width: 1280px) {
    .collections-grokHeader {
      padding-left: 100px;
      padding-right: 100px; } }

.collections-grokHeader-title {
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.25;
  margin-bottom: .25em; }
  @media (min-width: 947px) {
    .collections-grokHeader-title {
      font-size: 1.75em;
      margin-bottom: 0; } }
  @media (min-width: 1280px) {
    .collections-grokHeader-title {
      font-size: 1.875em; } }

.collections-grokHeader-text p {
  color: #b7b7b7;
  line-height: 1;
  margin-bottom: 0; }

.collections-grokHeader-ctas {
  cursor: pointer;
  margin-top: 10px; }
  @media (min-width: 768px) {
    .collections-grokHeader-ctas {
      margin-top: 0; } }

.collections-toggleGroks {
  color: #fff;
  text-transform: uppercase;
  font-size: .75em; }

.collections-toggleGroks_button {
  position: relative;
  display: inline-block;
  color: #b7b7b7;
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
  font-size: 1em;
  background-color: rgba(0, 0, 0, 0.01);
  padding: .75em;
  border: 1px solid #fff;
  transition: all .3s ease-in; }
  .collections-toggleGroks_button:hover, .collections-toggleGroks_button:focus {
    background-color: black;
    border-color: #000; }
  .collections-toggleGroks_button .state-checked {
    display: none; }
  .collections-toggleGroks_button .state-notChecked {
    display: inline; }

.collections-toggleGroks_button.is-toggled {
  background-color: #000;
  border-color: #000; }
  .collections-toggleGroks_button.is-toggled:hover, .collections-toggleGroks_button.is-toggled:focus {
    background-color: rgba(0, 0, 0, 0.01);
    border-color: #fff; }
  .collections-toggleGroks_button.is-toggled .state-checked {
    display: inline; }
  .collections-toggleGroks_button.is-toggled .state-notChecked {
    display: none; }

.isMobile .collections-toggleGroks_button:hover, .isMobile .collections-toggleGroks_button:focus {
  background-color: rgba(0, 0, 0, 0.01);
  border-color: #fff; }

.isMobile .collections-toggleGroks_button.is-toggled:hover, .isMobile .collections-toggleGroks_button.is-toggled:focus {
  background-color: #000;
  border-color: #000; }

.collections-toggleGroks_switch {
  padding: 0; }

.collections-toggleGroks-checkbox {
  display: none; }

.collections-toggleGroks_switch .collections-toggleGroks-indicator {
  display: inline-block;
  position: relative;
  vertical-align: sub;
  height: 1.3em;
  width: 3em;
  padding: 2px;
  background-color: rgba(204, 204, 204, 0.8);
  border-radius: 2px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
  transition: all .3s ease-in; }
  .collections-toggleGroks_switch .collections-toggleGroks-indicator::before {
    content: '';
    position: absolute;
    left: .125em;
    height: 1em;
    width: 1em;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 1px 1px 2px rgba(90, 90, 90, 0.7);
    border-radius: 2px;
    transition: all .3s ease-in; }

.collections-toggleGroks_switch .collections-toggleGroks-checkbox:checked + .collections-toggleGroks-indicator {
  background-color: rgba(50, 199, 127, 0.8); }
  .collections-toggleGroks_switch .collections-toggleGroks-checkbox:checked + .collections-toggleGroks-indicator::before {
    left: 1.875em;
    background-color: white;
    box-shadow: -1px 1px 2px rgba(90, 90, 90, 0.7); }

.collections-toggleGroks_gridList .collections-toggleGroks-indicator {
  padding: 0 .2em;
  margin: 0; }

.collections-toggleGroks_gridList .collections-toggleGroks-checkbox:checked + .collections-toggleGroks-indicator {
  color: #000; }

.collections-header {
  padding: 25px 0px 30px 0px;
  margin: 0 5%; }
  @media (min-width: 768px) {
    .collections-header {
      flex-direction: row;
      margin: 0 50px; } }
  @media (min-width: 947px) {
    .collections-header {
      margin: 0 10%; } }
  @media (min-width: 1500px) {
    .collections-header {
      margin: 0 10%; } }

.collections-header-content {
  margin-bottom: 1.875em; }

.collections-header-date {
  display: block;
  color: #333;
  text-transform: uppercase;
  font-size: .875em;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 5px; }

.collections-header-tools {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.collections-header-tool {
  color: #b7b7b7;
  transition: all .3s ease-in; }
  .collections-header-tool:hover, .collections-header-tool:focus {
    color: #00532f; }
  .collections-header-tool .collections-toggleGroks-text {
    font-weight: 400; }

.collections-header-toolset .collections-header-tool {
  flex-grow: 0;
  margin-right: 1.875em; }

.collections-header-author-container {
  font-weight: 400;
  margin-bottom: 0; }

.collections-header-description {
  margin-top: 30px; }

/*===============
    #COLLECTIONS ARTICLES
===============*/
/** SW: I would think the articles would be used in many places, so these probably do not belong here.  We should evaluate where all these articles show up and have 1 component block for all of them. **/
/** Uses .article from above **/
/*=== article types ===
  - Large
  - Medium Image Right
  - Medium Image Left
  - Medium No Image
  - Small
*/
/*===============
    #COLLECTIONS ARTICLES ARTICLE-LARGE
===============*/
/* SW: This selector is too deep, but necessary due to all the nesting above. */
.collections .collection-row .article-large,
.collections .collection-row .article.article-large .image {
  width: 100%; }

.collections .collection-row .article-large,
.collections .article-large {
  position: relative; }

.collections .article-large {
  margin-bottom: 20px; }

.collections .article-large .image picture {
  position: relative; }

.collections .article-large .image picture:after {
  content: ' ';
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.collections .article-large .article-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  color: #fff; }

/* SW: We shouldn't be styling on elements, but it is required due to previous assignments. */
.collections .article-large .article-content .eyebrow,
.collections .article-large .article-content .eyebrow p {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0; }

.collections .article-large .article-content .title, .collections .article-large .article-content .med-pub .title > a, .med-pub .collections .article-large .article-content .title > a, .collections .article-large .article-content .small-pub .title > a, .small-pub .collections .article-large .article-content .title > a,
.collections .article-large .article-content .title h1 {
  color: #fff;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 0; }

.collections .article-large .article-content .intro {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  word-break: normal; }

.collections .article-large .article-content .intro p:after {
  content: "\e90c";
  margin-left: 5px;
  transform: rotateZ(90deg);
  display: inline-block;
  font-size: 10px;
  font-family: 'dotBCG-Icons'; }

.collections .article-large .article-content .title, .collections .article-large .article-content .med-pub .title > a, .med-pub .collections .article-large .article-content .title > a, .collections .article-large .article-content .small-pub .title > a, .small-pub .collections .article-large .article-content .title > a {
  margin-bottom: 4px; }

@media (min-width: 768px) {
  .collections .article-large .article-content {
    padding: 30px; }
  .collections .article-large .article-content .title, .collections .article-large .article-content .med-pub .title > a, .med-pub .collections .article-large .article-content .title > a, .collections .article-large .article-content .small-pub .title > a, .small-pub .collections .article-large .article-content .title > a,
  .collections .article-large .article-content .title h1 {
    font-size: 28px;
    line-height: 30px; }
  .collections .article-large .article-content .intro {
    font-size: 14px;
    line-height: 22px; }
  .collections .article-large .article-content .intro p:after {
    font-size: 12px; }
  .collections .article-large .article-content .title, .collections .article-large .article-content .med-pub .title > a, .med-pub .collections .article-large .article-content .title > a, .collections .article-large .article-content .small-pub .title > a, .small-pub .collections .article-large .article-content .title > a {
    margin-bottom: 10px; } }

@media (min-width: 1280px) {
  .collections .article-large .article-content {
    padding: 50px; }
  .collections .article-large .article-content .eyebrow,
  .collections .article-large .article-content .eyebrow p {
    font-size: 21px; }
  .collections .article-large .article-content .title, .collections .article-large .article-content .med-pub .title > a, .med-pub .collections .article-large .article-content .title > a, .collections .article-large .article-content .small-pub .title > a, .small-pub .collections .article-large .article-content .title > a,
  .collections .article-large .article-content .title h1 {
    font-size: 50px;
    line-height: 46px; }
  .collections .article-large .article-content .intro {
    font-size: 24px;
    line-height: 27px; }
  .collections .article-large .article-content .intro p:after {
    font-size: 18px;
    margin-left: 10px; }
  .collections .article-large .article-content .eyebrow {
    margin-bottom: 7px; }
  .collections .article-large .article-content .title, .collections .article-large .article-content .med-pub .title > a, .med-pub .collections .article-large .article-content .title > a, .collections .article-large .article-content .small-pub .title > a, .small-pub .collections .article-large .article-content .title > a {
    margin-bottom: 22px; } }

.collections .twitter-timeline {
  background-color: #e5e5e5;
  width: 100% !important;
  height: 200px !important; }
  @media (min-width: 768px) {
    .collections .twitter-timeline {
      height: 450px !important; } }
  @media (min-width: 1280px) {
    .collections .twitter-timeline {
      height: 400px !important; } }

body.collections.mod-font .title, body.collections.mod-font .med-pub .title > a, .med-pub body.collections.mod-font .title > a, body.collections.mod-font .small-pub .title > a, .small-pub body.collections.mod-font .title > a {
  color: #333;
  font-weight: 800;
  font-family: 'bcg-henderson-mod'; }

body.collections.mod-font .collapsible-content {
  font-family: 'bcg-henderson-mod';
  border-color: #707070; }
  body.collections.mod-font .collapsible-content .subheader {
    border-top: 5px solid black; }
    body.collections.mod-font .collapsible-content .subheader .title, body.collections.mod-font .collapsible-content .subheader .med-pub .title > a, .med-pub body.collections.mod-font .collapsible-content .subheader .title > a, body.collections.mod-font .collapsible-content .subheader .small-pub .title > a, .small-pub body.collections.mod-font .collapsible-content .subheader .title > a {
      font-family: 'bcg-henderson-mod'; }
  body.collections.mod-font .collapsible-content .skim {
    color: black; }

body.collections.mod-font .related-content-container .related-articles ul a {
  font-family: 'bcg-henderson-mod';
  font-weight: 800; }

body.collections.mod-font .collections-quote .quote-text {
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  color: #333; }

body.collections.mod-font .video-player-header {
  font-family: 'bcg-henderson-mod'; }

body.collections.mod-font .video-player-section.video-player-section {
  color: white; }

body.collections.mod-font .video-player-title {
  font-family: inherit;
  font-weight: 800;
  text-transform: uppercase; }

body.collections.mod-font .video-player-speaker {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 300; }

body.collections.mod-font .collections-grokHeader-title {
  font-family: 'bcg-henderson-mod'; }

.collections-quote {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  padding-top: 25px;
  border-top: 1px solid #b7b7b7;
  width: 100%; }
  .collections-quote .article-link {
    display: inline; }
  .collections-quote picture {
    flex-shrink: 0;
    width: 50px;
    margin-top: 25px; }
    @media (min-width: 768px) {
      .collections-quote picture {
        width: 50px;
        margin-right: 30px;
        margin-top: .4em; } }
    @media (min-width: 1280px) {
      .collections-quote picture {
        width: 90px;
        margin-right: 45px;
        margin-top: .5em; } }
  .collections-quote.full {
    flex-direction: column-reverse;
    width: 100%; }
    @media (min-width: 768px) {
      .collections-quote.full {
        flex-direction: row; } }
    @media (min-width: 947px) {
      .collections-quote.full {
        padding-top: 30px; } }
    .collections-quote.full .quote-text {
      margin-bottom: 20px; }
  .collections-quote.half.single {
    flex-direction: row-reverse;
    width: 100%; }
    @media (min-width: 768px) {
      .collections-quote.half.single {
        width: calc(50% - 15px); } }
  .collections-quote.half:not(.single) {
    margin-right: 30px; }
    .collections-quote.half:not(.single):nth-of-type(2) {
      margin-right: 0; }
  .collections-quote.half .quote-text {
    margin-bottom: 30px; }
  .collections-quote .quote-text-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%; }
  .collections-quote .quote-image {
    margin-right: 5%;
    margin-top: 25px; }
    @media (min-width: 768px) {
      .collections-quote .quote-image {
        margin-top: 0; } }
    .collections-quote .quote-image img {
      width: auto;
      background-color: #f2f2f2; }
  .collections-quote .quote-text {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #333; }
    @media (min-width: 947px) {
      .collections-quote .quote-text {
        font-size: 32px;
        line-height: 40px; } }
    .collections-quote .quote-text p, .collections-quote .quote-text span, .collections-quote .quote-text a {
      font-size: inherit;
      line-height: inherit;
      color: inherit;
      font-family: inherit;
      font-weight: inherit;
      margin-bottom: 0; }
  .collections-quote .quote-attribution {
    color: #333;
    font-size: 0;
    /* This is a fix for the extra white-space.  Set the font-size to 0, which makes all the hidden spacing characters take up 0 space instead of the font-size worth of space.  Then, assign the font-sizing to the children.  */ }
    .collections-quote .quote-attribution .article-link {
      font-size: 0;
      /* This is a fix for the extra white-space.  Set the font-size to 0, which makes all the hidden spacing characters take up 0 space instead of the font-size worth of space.  Then, assign the font-sizing to the children.  */ }
    .collections-quote .quote-attribution .name {
      font-size: 12px;
      font-weight: 700; }
      @media (min-width: 947px) {
        .collections-quote .quote-attribution .name {
          font-size: 18px; } }
    .collections-quote .quote-attribution .collection-quote-title {
      text-transform: uppercase; }
    .collections-quote .quote-attribution .collection-quote-title,
    .collections-quote .quote-attribution .collection-quote-office,
    .collections-quote .quote-attribution .company {
      font-style: italic;
      font-weight: 200;
      font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .collections-quote .quote-attribution .collection-quote-office, .collections-quote .quote-attribution .collection-quote-title, .collections-quote .quote-attribution .company {
      font-size: 12px; }
      .collections-quote .quote-attribution .collection-quote-office::before, .collections-quote .quote-attribution .collection-quote-title::before, .collections-quote .quote-attribution .company::before {
        content: ', '; }
      @media (min-width: 947px) {
        .collections-quote .quote-attribution .collection-quote-office, .collections-quote .quote-attribution .collection-quote-title, .collections-quote .quote-attribution .company {
          font-size: 18px; } }
    .collections-quote .quote-attribution p, .collections-quote .quote-attribution span, .collections-quote .quote-attribution a {
      font-size: inherit;
      line-height: inherit;
      color: inherit;
      font-family: inherit;
      font-weight: inherit; }
  .collections-quote .quote-attribution .quote-cta,
  .collections-quote .quote-cta {
    font-weight: 300;
    color: #333;
    font-size: 12px;
    margin: 15px 5px 0 0;
    display: block; }
    @media (min-width: 947px) {
      .collections-quote .quote-attribution .quote-cta,
      .collections-quote .quote-cta {
        font-size: 14px; } }
    .collections-quote .quote-attribution .quote-cta p, .collections-quote .quote-attribution .quote-cta span, .collections-quote .quote-attribution .quote-cta h1, .collections-quote .quote-attribution .quote-cta h2, .collections-quote .quote-attribution .quote-cta h3, .collections-quote .quote-attribution .quote-cta h4, .collections-quote .quote-attribution .quote-cta h5, .collections-quote .quote-attribution .quote-cta h6,
    .collections-quote .quote-cta p,
    .collections-quote .quote-cta span,
    .collections-quote .quote-cta h1,
    .collections-quote .quote-cta h2,
    .collections-quote .quote-cta h3,
    .collections-quote .quote-cta h4,
    .collections-quote .quote-cta h5,
    .collections-quote .quote-cta h6 {
      font-size: inherit;
      line-height: inherit;
      color: inherit;
      font-family: inherit;
      font-weight: inherit; }
  .collections-quote .icon-nav-interstitial-arrow {
    padding-left: 10px; }

.collections-reports {
  display: flex;
  margin: 0 5%; }
  @media (min-width: 1500px) {
    .collections-reports {
      margin: 0 10%; } }
  .collections-reports .reports-collection-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 50px;
    padding-top: 30px;
    border-top: 1px solid #b7b7b7;
    width: 100%; }
    @media (min-width: 768px) {
      .collections-reports .reports-collection-container {
        width: 50%; } }
  .collections-reports .reports-content-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%; }
  .collections-reports .reports-title {
    font-family: 'bcg-henderson-mod';
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase; }
    @media (min-width: 947px) {
      .collections-reports .reports-title {
        font-size: 32px;
        line-height: 34px; } }
    .collections-reports .reports-title p, .collections-reports .reports-title span, .collections-reports .reports-title h1, .collections-reports .reports-title h2, .collections-reports .reports-title h3, .collections-reports .reports-title h4, .collections-reports .reports-title h5, .collections-reports .reports-title h6 {
      font-size: inherit;
      line-height: inherit;
      color: inherit;
      font-family: inherit;
      font-weight: inherit; }
  .collections-reports .article-button {
    position: relative;
    display: inline-block;
    height: 44px;
    padding: 0 30px;
    overflow: hidden;
    color: #b7b7b7;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 2;
    width: 50%;
    margin-top: 10%; }
    .collections-reports .article-button:hover {
      color: white;
      border-color: black; }
      .collections-reports .article-button:hover:after {
        border-width: 450px 450px 0 0; }
    .collections-reports .article-button:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 0;
      left: 0;
      z-index: -1;
      border-style: solid;
      border-width: 0 0 0 0;
      border-color: black transparent transparent transparent;
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
      -webkit-transition: all 500ms;
      -moz-transition: all 500ms;
      -ms-transition: all 500ms;
      -o-transition: all 500ms;
      transition: all 500ms; }

/*===============
    #COLLECTIONS #EXHIBIT
===============*/
.collections .exhibit {
  width: 100%;
  padding-top: 20px; }

.collections .exhibit .eyebrow {
  text-transform: uppercase; }

/* Resetting font-size due to spec being different from carousel/perspectives */
/* I am keeping this contained in a single block in case we want to officially standardize this. */
.collections .exhibit .quote-caption .picture-credit,
.collections .exhibit .quote-caption .picture-caption {
  font-size: 10px;
  line-height: 13px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

.collections .exhibit .quote-caption .right-panel .share {
  margin-right: 1px; }

.collections .exhibit .quote-caption .picture-credit {
  color: #888; }

.collections .exhibit .quote-caption .picture-caption {
  color: #000; }

/*===
 #COLLECTIONS #EXHIBIT #EXHIBIT-SMALL
===*/
.collections .exhibit-small {
  max-height: 640px;
  margin-top: -20px; }

/*===
 #COLLECTIONS #EXHIBIT #EXHIBIT-LARGE
===*/
.collections .exhibit-large {
  border-top: 1px solid #b7b7b7; }

/*===============
    #VIDEO-PLAYER #COLLECTIONS
===============*/
/*=== .video-player ===
    -header
    -duration
    -section
    -title
    -speaker
    -video
    
    _modifier
    _modifier
*/
.video-player-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding-left: 34px;
  padding-bottom: 5%;
  max-height: 50%; }
  .video-player-header .video-player-duration {
    display: none; }

.video-player-title {
  font-size: 1.0625em;
  line-height: 1;
  margin-bottom: 0; }
  @media (min-width: 1280px) {
    .video-player-title {
      font-size: 2.5em;
      line-height: .9; } }

.video-player-section,
.video-player-duration.video-player-duration,
.video-player-speaker.video-player-speaker {
  font-size: .75em;
  line-height: 1; }
  @media (min-width: 1280px) {
    .video-player-section,
    .video-player-duration.video-player-duration,
    .video-player-speaker.video-player-speaker {
      font-size: 1.125em; } }

.video-player-duration {
  position: absolute;
  top: 20px;
  right: 20px; }
  @media (min-width: 1280px) {
    .video-player-duration {
      top: 40px;
      right: 40px; } }
  .video-player-duration .icon {
    vertical-align: -.2ex;
    margin-right: 10px; }

.video-player-speaker {
  margin-top: .9em;
  margin-bottom: 1em; }
  @media (min-width: 768px) {
    .video-player-speaker {
      margin-top: 1.667em;
      margin-bottom: 2.75em; } }

.video-player {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .video-player {
      display: block;
      margin-bottom: 0; } }

/*===============
    #COLLECTIONS #VIDEO-PLAYER #SKIN
===============*/
/*=== .video-player ===
    -header
    -duration
    -section
    -title
    -speaker
    -video
    
*/
.video-player {
  color: #fff; }

.video-player-header,
.video-player-duration.video-player-duration,
.video-player-section,
.video-player-title,
.video-player-speaker.video-player-speaker {
  color: inherit;
  font-family: inherit; }

.video-player-duration,
.video-player-section,
.video-player-title,
.video-player-speaker {
  text-transform: uppercase; }

.video-player-section,
.video-player-speaker,
.video-player-duration {
  font-family: inherit; }

.video-player-header {
  transition-property: opacity, z-index;
  transition-duration: .3s, .1s;
  transition-delay: 0, .4s;
  transition-timing-function: ease-in-out; }

.video-player-section.video-player-section {
  color: inherit; }

.video-player-title {
  font-family: 'bcg-henderson-mod';
  font-weight: 800; }

@media (max-width: 767px) {
  .video-player .vjs-playing .video-tab-player-header {
    z-index: -1 !important;
    opacity: 0 !important; } }

/*===============
     #VIDEO #VJS
===============*/
@media (min-width: 1280px) {
  .article-medium .video-player-title {
    font-size: 2em; } }

.article-medium .video-player-speaker {
  margin-bottom: 0; }

/*===============
    #WEDGE
===============*/
/*  FOR: Canvas-clipped wedges
    USE: apply to parent container of anything using bg-image-frames module
        should be applied in the template; they are not applied with JS
*/
.hasNoTopWedge {
  margin-bottom: -2px; }
  @media (min-width: 768px) {
    .hasNoTopWedge {
      margin-top: 32px; } }
  @media (min-width: 1280px) {
    .hasNoTopWedge {
      margin-top: 41px; } }

.hasNoWedge {
  margin-bottom: -2px; }

.hasWedgeTop {
  position: relative;
  z-index: 0;
  margin-top: -55px; }

.hasWedgeBottom {
  z-index: 2;
  margin-bottom: -55px; }

.pLanding.hasWedgeBottom {
  max-height: initial; }

.hasWedgeBottom + .hasWedgeBottom {
  z-index: 1; }

.hasWedgeBottom + .hasWedgeTop {
  z-index: 1; }

.externalArticles .wedge_top {
  position: relative;
  top: -2px; }

.hasWedgeTop + .perspectives-video-tab {
  margin-top: -2px; }

.hasWedgeTop + .med-pub-container,
.hasWedgeTop + .pLanding-article-collection {
  top: -2px; }

.hasWedgeTop + .med-pub-container,
.hasWedgeBottom + .med-pub-container {
  padding-top: 30px; }

.hasWedgeTop + .visualWedge,
.hasWedgeBottom + .visualWedge {
  margin-top: -2px; }

.med-pub-container {
  margin-bottom: -2px; }

.perspectives-video-tab.hasWedgeTop, .perspectives-video-tab.hasWedgeBottom {
  z-index: 3; }

.perspectives-video-tab .wedge_top {
  position: relative;
  top: -60px;
  z-index: 1;
  width: 100%;
  margin-bottom: -110px; }

/*  FOR: Alternative to using canvas for clipping
    USE: Apply to media that should be clipped (img, picture, video)
    NOTE: not supported in IE. 
*/
.clippedWedge_bottom {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%); }

.clippedWedge_bottom_reverse {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%); }

.clippedWedge_top {
  -webkit-clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 100%); }

.clippedWedge_top_reverse {
  -webkit-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%); }

/*  FOR: Wedges between components (an <hr> that is output by Tridion)
    USE: Always apply .visualWedge, then apply the modifier class to go with it
    <hr class="visualWedge visualWedge_top" />
*/
.visualWedge {
  position: relative;
  z-index: 2;
  height: 50px;
  border-style: solid;
  border-color: transparent;
  margin: 0; }

.visualWedge_top,
.visualWedge_top_reverse {
  border-top-width: 50px;
  border-top-color: #000;
  margin-bottom: -50px; }

/*Safari shows thin white line*/
.isSafari .visualWedge_top,
.isSafari .visualWedge_top_reverse, .isIE .visualWedge_top,
.isIE .visualWedge_top_reverse {
  margin-top: -2px; }

.visualWedge_bottom,
.visualWedge_bottom_reverse {
  border-top: none;
  border-bottom-width: 50px;
  border-bottom-color: #000;
  margin-top: -50px; }

.visualWedge_top {
  border-right-width: 100vw;
  border-left-width: 0; }

.visualWedge_top_reverse {
  border-left-width: 100vw;
  border-right-width: 0; }

.visualWedge_bottom {
  border-right-width: 100vw;
  border-left-width: 0; }

.visualWedge_bottom_reverse {
  border-left-width: 100vw;
  border-right-width: 0; }

.insight-teaser-container {
  margin-top: 30px;
  margin-bottom: 60px; }
  @media (min-width: 947px) {
    .insight-teaser-container .grid-row {
      margin-left: 150px; } }
  @media (min-width: 1280px) {
    .insight-teaser-container .grid-row {
      margin-left: calc(100px + 10vw); } }
  .insight-teaser-container .insight-teaser {
    position: relative;
    padding: 20px;
    border: 1px solid #32c77f; }
    @media (min-width: 768px) {
      .insight-teaser-container .insight-teaser {
        padding: 25px; } }
  @media (min-width: 1280px) {
    .insight-teaser-container .closed:hover {
      background-color: #32c77f; }
      .insight-teaser-container .closed:hover .title, .insight-teaser-container .closed:hover .med-pub .title > a, .med-pub .insight-teaser-container .closed:hover .title > a, .insight-teaser-container .closed:hover .small-pub .title > a, .small-pub .insight-teaser-container .closed:hover .title > a {
        color: #333; } }
  .insight-teaser-container .top {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .insight-teaser-container .top {
        flex-direction: row; } }
  .insight-teaser-container .bottom {
    display: none;
    padding-top: 25px; }
  .insight-teaser-container .title-container {
    padding-left: 0px;
    padding-top: 10px; }
    @media (min-width: 768px) {
      .insight-teaser-container .title-container {
        padding-left: 25px;
        padding-top: 0px; } }
  .insight-teaser-container .category {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    color: #707070;
    margin-bottom: 0px; }
    @media (min-width: 768px) {
      .insight-teaser-container .category {
        font-size: 14px;
        line-height: 16px;
        width: 80%; } }
    @media (min-width: 947px) {
      .insight-teaser-container .category {
        width: 100%; } }
  .insight-teaser-container .title, .insight-teaser-container .med-pub .title > a, .med-pub .insight-teaser-container .title > a, .insight-teaser-container .small-pub .title > a, .small-pub .insight-teaser-container .title > a {
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    font-size: 24px;
    line-height: 28px;
    color: #32c77f; }
    @media (min-width: 768px) {
      .insight-teaser-container .title, .insight-teaser-container .med-pub .title > a, .med-pub .insight-teaser-container .title > a, .insight-teaser-container .small-pub .title > a, .small-pub .insight-teaser-container .title > a {
        font-size: 30px;
        line-height: 43px; } }
  .insight-teaser-container .open .title, .insight-teaser-container .open .med-pub .title > a, .med-pub .insight-teaser-container .open .title > a, .insight-teaser-container .open .small-pub .title > a, .small-pub .insight-teaser-container .open .title > a {
    color: #333; }
  .insight-teaser-container .description {
    font-size: 16px;
    line-height: 23px;
    font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
    color: #333; }
    @media (min-width: 768px) {
      .insight-teaser-container .description {
        font-size: 18px;
        line-height: 24px; } }
  .insight-teaser-container .icon-nav-interstitial-arrow {
    padding-left: 5px;
    font-size: 18px; }
  .insight-teaser-container .img-container > img {
    width: 75px;
    height: 75px; }
  .insight-teaser-container .external-link a {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 23px;
    color: #32c77f;
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700; }
    @media (min-width: 768px) {
      .insight-teaser-container .external-link a {
        font-size: 18px; } }
  .insight-teaser-container .icon-cta-link-out {
    font-size: 23px;
    margin-right: 10px; }
  .insight-teaser-container .close-btn {
    display: none;
    position: absolute;
    right: 25px;
    top: 25px;
    color: #aaa; }
  .insight-teaser-container .open .close-btn {
    display: block; }
  .insight-teaser-container.modal-view {
    background-color: white;
    display: block;
    position: fixed;
    z-index: 5;
    top: 12%;
    max-height: calc(100vh - 65px);
    overflow-y: auto; }
    @media (min-width: 640px) {
      .insight-teaser-container.modal-view {
        top: 20%; } }
    .insight-teaser-container.modal-view .grid-row {
      margin: 0; }
      @media (min-width: 768px) {
        .insight-teaser-container.modal-view .grid-row {
          padding: 20px; } }
    @media (min-width: 768px) {
      .insight-teaser-container.modal-view {
        right: 10%; } }
    @media (min-width: 947px) {
      .insight-teaser-container.modal-view {
        right: 14%; } }
    @media (min-width: 1280px) {
      .insight-teaser-container.modal-view {
        right: 20%;
        top: 10%; } }

.insight-teaser-overlay {
  position: fixed;
  display: none;
  height: 100vh;
  z-index: 4;
  opacity: 0.9;
  width: 100vw;
  background-color: white; }

.social-container {
  position: relative;
  background-size: cover; }

@media (min-width: 768px) {
  .social-container__col {
    align-self: center; } }

@media (min-width: 1500px) {
  .social-container__col {
    width: 50%; } }

.social-container__col:first-child {
  padding-right: 20px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .social-container__col:first-child {
      flex-grow: 1;
      margin-bottom: 0; } }

.social-container__content {
  display: flex;
  flex-direction: column;
  margin: 0px 20px;
  padding: 30px 0px; }
  @media (min-width: 768px) {
    .social-container__content {
      flex-direction: row;
      padding: 15px 0px;
      margin: 0 34px 0 75px; } }
  @media (min-width: 1280px) {
    .social-container__content {
      margin: 0 34px 0 100px; } }

.social-container__title {
  margin-bottom: 0;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  color: white; }
  @media (min-width: 1280px) {
    .social-container__title {
      font-size: 25px; } }

.social-container__icons-container {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 1280px) {
    .social-container__icons-container {
      padding: 0 63px 0 48px; } }

.social-container__icon {
  flex-basis: 48%;
  margin-right: 5px;
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .social-container__icon {
      flex-basis: 30%; } }
  @media (min-width: 1280px) {
    .social-container__icon {
      flex-basis: auto;
      margin-top: 2px;
      margin-bottom: 0;
      margin-right: 20px; } }

.social-container__icon:last-child {
  flex-grow: 1; }

.social-container__social-icon {
  font-size: 29px;
  color: white;
  padding-right: 5px; }

.social-container__social-title {
  vertical-align: super;
  color: white; }

.social-container__background-img {
  display: none; }

.external-collaborators {
  background-color: #333;
  color: white; }
  .external-collaborators .small-pub {
    background-color: inherit; }
  .external-collaborators .small-pub .text-container {
    background-color: inherit; }
    @media (min-width: 768px) {
      .external-collaborators .small-pub .text-container {
        margin-left: 5%; } }
  .external-collaborators .small-pub .text-container a {
    color: inherit; }
  .external-collaborators .external-collaborators__title {
    color: inherit;
    font-size: 26px;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .external-collaborators .external-collaborators__title {
        margin-bottom: 5px; } }
  .external-collaborators .external-collaborators__tagline, .external-collaborators .external-collaborators__tagline > * {
    color: inherit; }
  .external-collaborators .media-container {
    display: flex;
    align-items: flex-start; }
  .external-collaborators .external-collaborators__cta-block {
    margin-top: 50px; }
  .external-collaborators .article-button.external-collaborators__cta-button {
    padding: 0px 60px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: white;
    border: 1px solid white;
    letter-spacing: 1px; }

/* ===========
    #COLLECTIONS-HERO.LAYOUT
  =========== */
/*=== .collections-hero ===
    .collections-wrapper
    .collections-hero-content
    .collections-hero-subtitle
    .collections-hero-title
    .collections-hero-carousel
    .collections-hero-carousel-wrapper
    .collections-hero-carousel-title

    .collections-hero_default
    .collections-hero_carousel
    .collections-hero_text-as-title
    .collections-hero_extended
    .collections-hero_aligned
  */
.collections-hero .content-counts {
  display: inline-block;
  position: relative; }
  .collections-hero .content-counts:not(:last-child):after {
    margin-left: 10px;
    margin-right: 5px; }
    @media (min-width: 768px) {
      .collections-hero .content-counts:not(:last-child):after {
        margin-left: 15px;
        margin-right: 10px; } }

.collections-wrapper {
  position: relative;
  min-height: 250px; }
  @media (min-width: 768px) {
    .collections-wrapper {
      min-height: 538px; } }
  @media (min-width: 1280px) {
    .collections-wrapper {
      min-height: 725px; } }
  @media (min-width: 1440px) {
    .collections-wrapper {
      min-height: 810px; } }

.collections-hero_default .collections-hero-content,
.collections-hero_carousel .collections-hero-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center; }

/* When we have an image followed by a block of color, some browser show a very thin line between the two. prob because of some browser subpixel math problem, combined with much use of position:absolute. the wedges file is full of these bandaids.

other options include:
.collections-hero + *{
  position:relative;
  top: -2px;
}
or .collections-hero + * {
  margin-top: -2px;
}
*/
.collections-hero {
  margin-bottom: -2px; }

/*===============
  DEFAULT CT
===============*/
@media (max-width: 499px) and (orientation: portrait) {
  .collections-hero_default .collections-hero-content {
    display: flex;
    overflow: hidden; } }

.collections-hero_default .collections-hero-content {
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    .collections-hero_default .collections-hero-content {
      padding-bottom: 0; } }

/*===============
  CAROUSEL CT
===============*/
.collections-carousel-title {
  line-height: 1.5;
  margin: 0;
  font-size: 12px; }

.collections-hero_carousel .grid-row {
  position: relative;
  max-width: none;
  width: 100%;
  padding: 0 50px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); }
  @media (min-width: 768px) {
    .collections-hero_carousel .grid-row {
      padding: 0 75px; } }
  @media (min-width: 1280px) {
    .collections-hero_carousel .grid-row {
      padding: 0 100px; } }

.collections-hero_carousel .collections-hero-subtitle {
  display: none; }

.collections-carousel-wrapper p {
  font-size: 16px;
  line-height: 1.5; }

.collections-carousel-wrapper .slide {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  position: relative; }
  .collections-carousel-wrapper .slide:before {
    display: none; }
  @media (min-width: 500px) {
    .collections-carousel-wrapper .slide.border:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 1px;
      border-right: 1px solid #b7b7b7; } }

.collections-carousel-wrapper .slick-track {
  display: flex; }

.collections-carousel-wrapper .slick-arrow {
  position: absolute;
  top: 20px;
  font-size: 30px;
  padding: 0;
  width: auto;
  background: transparent;
  transition: none;
  cursor: pointer; }
  .collections-carousel-wrapper .slick-arrow:before {
    font-family: 'dotBCG-Icons'; }

.collections-carousel-wrapper .slick-prev {
  left: -40px; }

.collections-carousel-wrapper .slick-next {
  right: -40px;
  transform: rotateZ(-180deg); }

@media (min-width: 768px) {
  .collections-carousel-wrapper .slick-prev {
    left: -50px; }
  .collections-carousel-wrapper .slick-next {
    right: -50px; } }

/*===============
  TEXT AS TITLE CT (instead of image that contains title, the title is text)
===============*/
.collections-hero_text-as-title .grid-row {
  max-width: 100%;
  margin-left: 20px;
  margin-right: 20px; }
  @media (min-width: 768px) {
    .collections-hero_text-as-title .grid-row {
      margin-left: 75px;
      margin-right: 75px; } }
  @media (min-width: 1280px) {
    .collections-hero_text-as-title .grid-row {
      margin-left: 100px;
      margin-right: 100px; } }

.collections-hero_text-as-title .collections-hero-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column; }

.collections-hero_text-as-title .collections-hero-subtitle {
  line-height: 1.2;
  font-size: 16px;
  margin-bottom: 20px;
  max-width: 580px; }
  @media (min-width: 768px) {
    .collections-hero_text-as-title .collections-hero-subtitle {
      font-size: 20px;
      margin-bottom: 25px; } }
  @media (min-width: 1280px) {
    .collections-hero_text-as-title .collections-hero-subtitle {
      font-size: 28px;
      margin-bottom: 30px; } }

.collections-hero_text-as-title .collections-hero-title {
  line-height: 1.2;
  font-size: 25px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .collections-hero_text-as-title .collections-hero-title {
      font-size: 35px;
      margin-bottom: 20px; } }
  @media (min-width: 1280px) {
    .collections-hero_text-as-title .collections-hero-title {
      font-size: 60px;
      margin-bottom: 25px; } }

/*===============
  EXTENDED CT
===============*/
.collections-hero_extended .collections-hero-content {
  position: relative;
  padding-bottom: 50px; }

.collections-hero_extended .collections-hero-content-counts {
  margin-bottom: 100px; }

.collections-hero_extended .content-counts {
  margin-bottom: 0; }

/*===============
  ALIGNED (Image on right, text on left)
===============*/
@media (min-width: 768px) {
  .collections-hero_aligned {
    padding-top: 100px; } }

@media (min-width: 1280px) {
  .collections-hero_aligned {
    padding-top: 130px; } }

.collections-hero_aligned .collections-wrapper {
  margin: 0 50px; }
  @media (min-width: 768px) {
    .collections-hero_aligned .collections-wrapper {
      display: flex;
      justify-content: space-between;
      margin: 0 75px; } }
  @media (min-width: 1280px) {
    .collections-hero_aligned .collections-wrapper {
      margin: 0 100px; } }

@media (min-width: 768px) {
  .collections-hero_aligned .collections-hero-image {
    order: 2;
    flex-shrink: 0;
    align-self: center;
    width: calc(50% - 20px);
    margin-left: 20px; } }

@media (min-width: 768px) {
  .collections-hero_aligned .collection-hero-content-container-text {
    margin-right: 20px; } }

.collections-hero_aligned .collections-hero-subtitle {
  display: none; }

@media (min-width: 768px) {
  .collections-hero_aligned .container-text {
    width: calc(50% - 20px); } }

.collections-hero_aligned .container-text .grid-row {
  margin: 0;
  max-width: 100%; }

/* ===========
    #COLLECTIONS-HERO #SKIN
  =========== */
/*
  This is the skin for collections-hero. 
  If you want to make a theme, copy and paste any relevant rulesets into a new file
  call that file _theme-[themename].scss

  Note:
  color is set to inherit here, so that you can set color ONCE, on the .collections-hero element in a theme. 

*/
.collections-hero {
  color: white; }

.collections-hero-subtitle {
  color: inherit;
  font-weight: 300; }
  @media (min-width: 768px) {
    .collections-hero-subtitle {
      font-size: 28px;
      line-height: 1.5;
      margin-bottom: 17px; } }

.collections-hero-content p {
  color: inherit; }

.collections-hero .content-counts {
  color: inherit;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 1; }
  .collections-hero .content-counts:not(:last-child):after {
    content: "\02022";
    font-size: 15px; }

/*===============
  Carousel CT
===============*/
.collections-carousel-title {
  color: inherit;
  text-transform: uppercase;
  font-weight: 300;
  font-family: inherit; }

.collections-carousel-wrapper p {
  color: inherit;
  text-transform: uppercase; }

.collections-carousel-slideLink {
  color: inherit; }
  .collections-carousel-slideLink:hover, .collections-carousel-slideLink:focus {
    color: inherit; }
    .collections-carousel-slideLink:hover .collections-carousel-title, .collections-carousel-slideLink:hover p, .collections-carousel-slideLink:focus .collections-carousel-title, .collections-carousel-slideLink:focus p {
      color: inherit;
      opacity: 0.6; }

/*===============
  Default CT
===============*/
.collections-hero_default .collections-hero-subtitle,
.collections-hero_default .collections-hero-content-counts {
  text-align: center; }

/*===============
  Text As Title CT
===============*/
.collections-hero_text-as-title .collections-hero-title {
  color: inherit;
  text-transform: uppercase; }

/*===============
  Extended CT
===============*/
.collections-hero_extended {
  background-color: #000; }
  .collections-hero_extended .collections-hero-subtitle,
  .collections-hero_extended .collections-hero-content-counts {
    text-align: center; }

/* ===========
    Aligned CT
  =========== */
.collections-hero_aligned {
  background: #000; }

/*===============
    #THEME #BHI #MOD-FONT
===============*/
.mod-font .collections-hero {
  color: white; }

.mod-font .collections-hero-title {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 800; }

.mod-font .collections-carousel-wrapper p {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 700; }

.standard-hero .grid-row .grid-column {
  margin-left: 10% !important; }

.standard-hero .practice-tag-container {
  padding-top: 25px;
  margin-bottom: 15px; }
  .standard-hero .practice-tag-container .practice-tag-title {
    display: block; }
    @media (min-width: 1280px) {
      .standard-hero .practice-tag-container .practice-tag-title {
        display: inline-block; } }

.standard-hero .hero-content h1 {
  line-height: 1.4;
  color: #222; }
  .standard-hero .hero-content h1:first-line {
    color: #222; }

.standard-hero .hero-content-title {
  font-weight: 700;
  font-family: inherit;
  font-size: 1.75em;
  line-height: 1.28;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .standard-hero .hero-content-title {
      font-size: 2.25em; } }
  @media (min-width: 1280px) {
    .standard-hero .hero-content-title {
      font-size: 3em; } }

.standard-hero .hero-content-subtitle {
  margin-top: 10px; }

.standard-hero .notch {
  margin-top: 0; }

@media (min-width: 768px) {
  .standard-hero .notch {
    margin-top: calc(-1 * (0em + 82px)); }
    .standard-hero .notch:before {
      top: 0em;
      height: calc( 82px); } }

@media (min-width: 947px) {
  .standard-hero .notch {
    margin-top: calc(-1 * (0em + 92px)); }
    .standard-hero .notch:before {
      top: 0em;
      height: calc( 92px); } }

.standard-hero.container-17 {
  /* whoever originally wrote this set it to %, 
  but this needs to line up with the collections content right below, 
  which is _in_ a container w/ width 100%, 
  so that means that left-margin: 10%  on .collections-header isn't the same as left-margin: 10% here
  kudos to whomever used !important. that really makes everything easier. thanks
 */
  /*BQ3-342: For when there's no background image, need to push the title content down*/
  /*BQ3-342: For when there IS a background image, DON'T push the title content down*/
  /*BQ3-342: When there's no background image in the hero, the title and related expertise is touching the side nav, need some padding. */
  /*BQ3-342: When there IS background image in the hero, the title and related remove padding. */ }
  .standard-hero.container-17 .grid-row {
    display: block; }
  .standard-hero.container-17 .grid-column {
    margin-left: 5vw !important; }
    @media (min-width: 768px) {
      .standard-hero.container-17 .grid-column {
        margin-left: 50px !important; } }
    @media (min-width: 947px) {
      .standard-hero.container-17 .grid-column {
        margin-left: 10vw !important; } }
  .standard-hero.container-17 .bg-image {
    width: 100%; }
  .standard-hero.container-17 .notch {
    background: transparent; }
  .standard-hero.container-17 .grid-row {
    margin-left: 0;
    width: calc(100% - 5%); }
  .standard-hero.container-17 .notch {
    margin-top: calc(-1 * (0em + 46px)); }
    .standard-hero.container-17 .notch:before {
      top: 0em;
      height: calc( 46px); }
    .standard-hero.container-17 .notch:before {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      background: #fff; }
    @media (min-width: 768px) {
      .standard-hero.container-17 .notch {
        margin-top: calc(-1 * (0em + 65px)); }
        .standard-hero.container-17 .notch:before {
          top: 0em;
          height: calc( 65px); } }
    @media (min-width: 947px) {
      .standard-hero.container-17 .notch {
        margin-top: calc(-1 * (-1.6em + 82px)); }
        .standard-hero.container-17 .notch:before {
          top: -1.6em;
          height: calc( 82px); } }
  @media (min-width: 1280px) {
    .standard-hero.container-17 .grid-row {
      width: calc(100% - 10%); } }
  .standard-hero.container-17 .grid-row.notch {
    padding-top: 50px; }
    @media (min-width: 768px) {
      .standard-hero.container-17 .grid-row.notch {
        padding-top: 75px; } }
    @media (min-width: 1280px) {
      .standard-hero.container-17 .grid-row.notch {
        padding-top: 100px; } }
  .standard-hero.container-17 .hero-media + .grid-row.notch {
    padding-top: 0; }
  @media (min-width: 768px) {
    .standard-hero.container-17 .hero-content {
      padding-left: 20px; } }
  @media (min-width: 947px) {
    .standard-hero.container-17 .hero-content {
      padding-left: 0px; } }
  .standard-hero.container-17 .hero-media + .grid-row.notch > .hero-content {
    padding-left: 0px; }

.collections.bhi-pt.mod-font .hero-content-title {
  font-family: 'bcg-henderson-mod';
  font-weight: 800; }

/* ===========
  # modules/articleHeader/_article-header_notched.scss
=========== */
.article-header_notched .author-container .date {
  display: block; }

.article-header_notched .article-header-media-wrapper {
  position: relative; }

.article-header_notched .eyeem {
  bottom: 0;
  top: auto;
  left: 0;
  right: auto; }

.article-header_notched .article-header-content {
  position: relative;
  margin-top: -60px; }
  .article-header_notched .article-header-content .grid-row {
    background: #fff;
    padding-top: 20px;
    padding-left: 20px;
    margin-right: 20px; }
  @media (min-width: 768px) {
    .article-header_notched .article-header-content {
      margin-top: -80px; }
      .article-header_notched .article-header-content .article-header-subtitle {
        display: block; }
      .article-header_notched .article-header-content .practice-tag-container .practice-tag-title {
        display: inline-block;
        margin-right: 10px; }
      .article-header_notched .article-header-content .grid-row {
        margin: 0 auto;
        padding-left: 50px;
        padding-right: 50px;
        max-width: calc(580px + 100px); } }
  @media (min-width: 947px) {
    .article-header_notched .article-header-content {
      margin-top: -90px; }
      .article-header_notched .article-header-content .grid-row {
        padding-left: 75px;
        padding-right: 75px;
        max-width: calc(580px + 150px); } }
  @media (min-width: 1280px) {
    .article-header_notched .article-header-content {
      margin-top: -100px; }
      .article-header_notched .article-header-content .grid-row {
        padding-left: 100px;
        padding-right: 100px;
        max-width: calc(580px + 200px); } }

.article-header_notched .article-header-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px; }
  @media (min-width: 768px) {
    .article-header_notched .article-header-title {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 20px; } }

.slim-hero-type-2 .hero-image-container {
  position: relative; }

.slim-hero-type-2 .eyeem {
  bottom: 0;
  top: auto;
  left: 0;
  right: auto; }

.slim-hero-type-2 picture {
  margin-bottom: 50px; }

.slim-hero-type-2 .toolbar-container {
  border-bottom: none; }

.slim-hero-type-2 .headline {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; }
  @media (min-width: 768px) {
    .slim-hero-type-2 .headline {
      font-size: 48px;
      line-height: 60px; } }

/*===============
    #CONTENT-CARD #TILE
===============*/
/*=== tile-content-card ===
  tile-content-card__subtitle
  tile-content-card__bodytext
  tile-content-card__cta
  tile-content-card__element
  tile-content-card__element
                            
  tile-content-card--top
  tile-content-card--right
  tile-content-card--bottom
  tile-content-card--left
*/
.tile--hasContentCard {
  position: relative; }

.tile-content-card {
  position: absolute;
  z-index: 2;
  padding: 20px;
  width: 100%; }
  @media (min-width: 768px) {
    .tile-content-card {
      padding: 30px;
      width: 50%; } }
  @media (min-width: 768px) {
    .tile-content-card {
      padding: 50px; } }

.tile-content-card--top {
  top: 0; }

.tile-content-card--bottom {
  bottom: 0px; }

.tile-content-card--right {
  right: 0; }
  @media (min-width: 768px) {
    .tile-content-card--right {
      padding-left: 30px; } }

.tile-content-card--left {
  left: 0; }
  @media (min-width: 768px) {
    .tile-content-card--left {
      padding-right: 30px; } }

.tile-content-card__subtitle {
  font-size: .75em;
  line-height: 1;
  margin-bottom: 10px; }
  @media (min-width: 1280px) {
    .tile-content-card__subtitle {
      font-size: .875em; } }

.tile-content-card__bodytext {
  font-size: 1.5625em;
  line-height: 1;
  margin-bottom: 10px; }
  @media (min-width: 1280px) {
    .tile-content-card__bodytext {
      font-size: 3.125em; } }
  .tile-content-card__bodytext * {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: inherit; }

/*===============
    #CONTENT-CARD #SKIN
===============*/
.tile-content-card {
  background: rgba(0, 0, 0, 0.5); }

.tile-content-card__subtitle,
.tile-content-card__bodytext,
.tile-content-card__cta {
  color: white; }

.tile-content-card__subtitle {
  font-weight: 700; }

.tile-content-card__bodytext {
  font-weight: 200; }
  .tile-content-card__bodytext * {
    color: inherit; }

.homepage-container .tile-content-card__subtitle,
.homepage-container .tile-content-card__bodytext,
.homepage-container .tile-content-card__cta {
  color: white; }

/*===============
    #footnote #tile
===============*/
/*=== .tile-footnote ===
  .tile-footnote__bar
  .tile-footnote__text
  .tile-footnote__element
  .tile-footnote__element
                            
  .tile-footnote--floating
  .tile-footnote--isOverlay
  .tile-footnote--left
  .tile-footnote--right
*/
.careerLargeTiles-imageOverlay,
.tile-footnote {
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  padding: 20px; }

.careerLargeTiles-fullTile .careerLargeTiles-imageOverlay,
.careerLargeTiles-fullTile .tile-footnote {
  padding-left: 20px; }
  @media (min-width: 768px) {
    .careerLargeTiles-fullTile .careerLargeTiles-imageOverlay,
    .careerLargeTiles-fullTile .tile-footnote {
      padding-left: 75px; } }
  @media (min-width: 947px) {
    .careerLargeTiles-fullTile .careerLargeTiles-imageOverlay,
    .careerLargeTiles-fullTile .tile-footnote {
      padding-left: 75px; } }
  @media (min-width: 1280px) {
    .careerLargeTiles-fullTile .careerLargeTiles-imageOverlay,
    .careerLargeTiles-fullTile .tile-footnote {
      padding-left: 100px; } }

@media (min-width: 768px) {
  .tile-footnote--floating {
    padding-top: 50px; } }

@media (min-width: 768px) {
  .tile-footnote--floating {
    padding-top: 100px;
    width: 33%; } }

.tile-footnote--overlay,
.careerLargeTiles-imageOverlay {
  left: 0;
  right: 0;
  bottom: 2px; }

.tile-footnote--left {
  left: 0; }

.tile-footnote--right {
  right: 0; }

.careerLargeTiles-imageOverlay {
  background: rgba(0, 0, 0, 0.3); }

.careerLargeTiles-imageOverlayCaptionBar,
.tile-footnote__bar {
  width: 30px;
  border: 4px solid #32c77f; }

.careerLargeTiles-imageOverlayCaption {
  width: 70%; }
  @media (min-width: 1280px) {
    .careerLargeTiles-imageOverlayCaption {
      width: 40%; } }

.careerLargeTiles-imageOverlayCaption,
.careerLargeTiles-imageOverlayCaption > *,
.tile-footnote__text,
.tile-footnote__text > * {
  margin-top: 10px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: white;
  font-size: 14px;
  line-height: 1.2; }

.career-events-container {
  overflow: hidden;
  margin: 0 20px;
  margin-bottom: 4px; }
  @media (min-width: 768px) {
    .career-events-container {
      margin: 0 75px; } }
  @media (min-width: 1280px) {
    .career-events-container {
      margin: 0 100px; } }

@media (min-width: 768px) {
  .careerLargeTiles {
    padding-bottom: 100px; } }

.careerLargeTiles-tilesContainer {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .careerLargeTiles-tilesContainer {
      flex-direction: row;
      flex-wrap: wrap; } }

.careerLargeTiles-leftTile {
  padding: 0 0 30px 0; }
  @media (min-width: 768px) {
    .careerLargeTiles-leftTile {
      flex-basis: 45%;
      flex-grow: 1;
      padding: 110px 19px 0 0; } }

.careerLargeTiles-rightTile {
  padding: 0 0 30px 0; }
  @media (min-width: 768px) {
    .careerLargeTiles-rightTile {
      flex-basis: 45%;
      flex-grow: 1;
      padding: 230px 0 0 19px; } }

.careerLargeTiles-fullTile,
.tile--full {
  width: 100%; }

@media (min-width: 768px) {
  .careerLargeTiles-rightTile:nth-child(n + 3) {
    padding: 164px 0 230px 19px; } }

@media (min-width: 1280px) {
  .careerLargeTiles-rightTile:nth-child(n + 3) {
    padding: 170px 0 230px 19px; } }

.careerLargeTiles-titleEyebrow,
.careerLargeTiles-subtitleEyebrow {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #777;
  margin-bottom: 0px;
  text-transform: uppercase;
  padding: 15px 0px; }
  @media (min-width: 768px) {
    .careerLargeTiles-titleEyebrow,
    .careerLargeTiles-subtitleEyebrow {
      font-size: 14px; } }
  @media (min-width: 1280px) {
    .careerLargeTiles-titleEyebrow,
    .careerLargeTiles-subtitleEyebrow {
      padding: 0; } }

.careerLargeTiles-media {
  position: relative; }

.careerLargeTiles-videoImgPlaceholder {
  position: absolute;
  z-index: 1; }

.careerLargeTiles-video {
  width: 100%;
  object-fit: cover; }

.careerLargeTiles-bodyText {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #333333;
  font-size: 25px;
  line-height: 30px; }
  @media (min-width: 1280px) {
    .careerLargeTiles-bodyText {
      font-size: 50px;
      line-height: 55px; } }

.careerLargeTiles-ctaContainer {
  margin-bottom: 40px;
  margin-top: 50px; }
  @media (min-width: 768px) {
    .careerLargeTiles-ctaContainer {
      margin-top: 100px;
      margin-bottom: 0; } }

.careerLargeTiles-cta {
  padding: 10px 80px;
  background-color: #32c77f;
  color: white; }
  @media (min-width: 1280px) {
    .careerLargeTiles-cta {
      padding: 20px 133px; } }

.careerLargeTiles-ctaIcon {
  font-size: 20px;
  color: #333333; }

/*Nesting to alter the play button positioning (which dynamically added by videoJS)*/
/*When video is playing, remove the image overlay*/
.careerLargeTiles-video.vjs-playing ~ .careerLargeTiles-imageOverlay {
  display: none; }

/*Set z-index to 2 so you can click use the controls when an overlay is over it.*/
/*===============
#TILE #TILECOLLECTION
===============*/
/*=== tileCollection ===
  tileCollection-tile
                            
  tileCollection_full
  tileCollection_2col
*/
@media (min-width: 768px) {
  .tileCollection {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; } }

/*===============
    #FULL WIDTH
===============*/
.tileCollection_full .tile {
  flex-basis: 100%; }

.tileCollection_full .tile:nth-of-type(even) {
  margin-left: 0; }
  @media (min-width: 768px) {
    .tileCollection_full .tile:nth-of-type(even) .tile-content {
      margin-left: 75px; } }
  @media (min-width: 947px) {
    .tileCollection_full .tile:nth-of-type(even) .tile-content {
      margin-left: 75px; } }
  @media (min-width: 1280px) {
    .tileCollection_full .tile:nth-of-type(even) .tile-content {
      margin-left: 100px; } }

/*=== tile ===
tile-media
tile-content
tile-thumb
tile-image
tile-subtitle
tile-title
tile-cta
tile-element

tile_hasMedia
tile_medium
tile_green
tile_white
*/
.tile {
  position: relative;
  flex-grow: 1; }
  @media (min-width: 768px) {
    .tile {
      flex-basis: calc(50% - 3px); }
      .tile:nth-child(even) {
        margin-left: 6px; } }

.tile-media {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%; }
  .tile-media img {
    height: 100%;
    width: 100%;
    object-fit: cover; }

.tile-thumb, .tile-image {
  margin-bottom: 15px;
  display: inline-block; }

.tile-thumb {
  max-width: 40px; }
  @media (min-width: 1280px) {
    .tile-thumb {
      max-width: 80px; } }

.tile-image {
  max-width: 87px; }
  @media (min-width: 1280px) {
    .tile-image {
      max-width: 142px; } }

.tile-subtitle {
  font-size: .75em;
  line-height: 1;
  margin: 0; }
  @media (min-width: 768px) {
    .tile-subtitle {
      font-size: .875em; } }

.tile-content {
  position: relative;
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  padding: .9375em 0;
  margin: 0 20px;
  transition-property: opacity, z-index;
  transition-delay: 0s, .75s;
  transition-duration: .75s, 0s; }
  @media (min-width: 1280px) {
    .tile-content {
      font-size: 1.25em; } }

@media (min-width: 768px) {
  .tile:nth-of-type(odd) .tile-content {
    margin-left: 75px;
    margin-right: 30px; } }

@media (min-width: 947px) {
  .tile:nth-of-type(odd) .tile-content {
    margin-left: 75px;
    margin-right: 50px; } }

@media (min-width: 1280px) {
  .tile:nth-of-type(odd) .tile-content {
    margin-left: 100px; } }

@media (min-width: 768px) {
  .tile:nth-of-type(even) .tile-content {
    margin-right: 75px;
    margin-left: 30px; } }

@media (min-width: 947px) {
  .tile:nth-of-type(even) .tile-content {
    margin-right: 75px;
    margin-left: 50px; } }

@media (min-width: 1280px) {
  .tile:nth-of-type(even) .tile-content {
    margin-right: 100px; } }

.tile-title {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 20px 0; }

.tile-teaser {
  font-size: 1em;
  line-height: 1.25;
  margin-bottom: 20px; }
  @media (min-width: 1280px) {
    .tile-teaser {
      font-size: 1.25em; } }

.tile-teaser > * {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0; }

.tile-cta {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  margin: 5px 0 0 0; }

/*===============
    #HASMEDIA
===============*/
.tile_hasMedia {
  overflow: hidden; }
  @media (min-width: 768px) {
    .tile_hasMedia .tile-content {
      width: 50%; } }
  .tile_hasMedia .video-js + .tile-content {
    width: 100%;
    cursor: pointer; }
  .tile_hasMedia.vjs-playing .tile-content {
    opacity: 0;
    z-index: -1; }

.tile--hasMedia-right,
.tile--hasMedia-left {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .tile--hasMedia-right,
    .tile--hasMedia-left {
      flex-wrap: nowrap; } }

.tile--hasMedia-left .tile-media,
.tile--hasMedia-right .tile-media {
  position: static;
  margin: 0 20px;
  height: auto; }
  @media (min-width: 768px) {
    .tile--hasMedia-left .tile-media,
    .tile--hasMedia-right .tile-media {
      width: auto;
      max-width: 125px;
      margin: 0; } }
  @media (min-width: 1280px) {
    .tile--hasMedia-left .tile-media,
    .tile--hasMedia-right .tile-media {
      max-width: 250px; } }

@media (min-width: 768px) {
  .tileCollection--1col .tile--hasMedia-right .tile-media,
  .tileCollection--1col .tile--hasMedia-left .tile-media {
    max-width: 50%; } }

@media (min-width: 768px) {
  .tile--hasMedia-right .tile-media {
    order: 1; }
  .tile--hasMedia-left .tile-media {
    order: -1; } }

/*===============
    #TILE #MEDIUM
===============*/
.tile_medium .tile-title {
  font-size: 1rem; }
  @media (min-width: 768px) {
    .tile_medium .tile-title {
      font-size: 1.5625rem; } }
  @media (min-width: 1280px) {
    .tile_medium .tile-title {
      font-size: 3.125rem; } }

.tile_medium .tile-content {
  padding-top: 27px; }
  @media (min-width: 768px) {
    .tile_medium .tile-content {
      padding-top: 50px; } }

/*===============
    #TILE #SKIN
===============*/
.tile,
.tile a {
  color: #333333; }

.tile_small .tile-title {
  font-weight: 700; }

.tile_green,
.tile_green a {
  color: #32c77f; }

.tile_white,
.tile_white a {
  color: white; }

.tile-subtitle,
.tile-title,
.tile-cta {
  color: inherit; }

.tile-subtitle {
  font-weight: 700; }

.tile-title {
  font-weight: 200; }

/*===============
    #tile--events
===============*/
.tile--events .tile-subtitle {
  margin-bottom: 20px; }

.tile--events .tile-title {
  color: #197a56;
  line-height: 1.12; }

@media (min-width: 1280px) {
  .tile--events {
    justify-content: space-between; }
    .tile--events .tile-content {
      flex-grow: 1; }
  /* Font and margin overrides for 2 column events tiles. - BQ3-636 */
  .tileCollection_2col .tile--events .tile-title {
    color: #197a56;
    font-size: 1.5625rem;
    line-height: 1.2; }
  .tileCollection_2col .tile--events .tile-teaser {
    font-size: 1.125rem;
    line-height: 1.3889; }
  .tileCollection_2col .tile--events .tile-media {
    min-width: 250px; }
  .tileCollection_2col .tile--events .tile-subtitle {
    font-size: 0.875rem; }
  .tileCollection_2col .tile--events .tile-content {
    margin-right: 5px; } }

/*===============
    #CAROUSEL #TILES #TILECOLLECTION
===============*/
/*
.tilesContainer--carousel is a modifier class that can be given to any container of tiles
It mostly exists as a hook for any fixing that might, or will, be necessary
*/
.career-events-container--hasCarousel {
  margin: 0; }

.tilesContainer--carousel {
  display: block; }

/*=== Slick adjustments ===*/
.tilesContainer--carousel {
  /*slick slider JS creates this element, no easy way to add a class*/
  /*slick slider JS creates this element, no easy way to add a class*/ }
  .tilesContainer--carousel .slick-dots {
    position: absolute;
    bottom: 5px;
    left: 20px;
    display: flex;
    font-size: 1rem;
    line-height: 1;
    margin: 0; }
    @media (min-width: 768px) {
      .tilesContainer--carousel .slick-dots {
        left: 75px;
        bottom: 20px; } }
    @media (min-width: 947px) {
      .tilesContainer--carousel .slick-dots {
        left: 75px; } }
    @media (min-width: 1280px) {
      .tilesContainer--carousel .slick-dots {
        left: 100px;
        bottom: 35px; } }
  .tilesContainer--carousel .slick-dots li {
    font-size: 1.5em;
    list-style: none;
    padding-left: 0;
    width: 1em;
    height: 1em;
    margin: 0 5px 0 0; }
    .tilesContainer--carousel .slick-dots li:before {
      color: white; }
    .tilesContainer--carousel .slick-dots li.slick-active:before {
      color: #3fad93; }
  .tilesContainer--carousel .slick-dots button {
    height: 0;
    width: 0;
    visibility: hidden; }

/*== Slick fixes  === */
/*
 COMMENT-A) Slick Slide sets all descendants to box-sizing: content-box, 
            which borks the width of the tile-content-card, (it takes up more than 50% width)
 COMMENT-B) there are 2px of padding-left on .slick-slide for unknown reasons. causes a 2px overlap on the left size for the .tilecontent-card
            
*/
.tilesContainer--carousel .tile-content-card {
  box-sizing: border-box;
  padding: 20px 20px 40px 20px; }
  @media (max-width: 767px) {
    .tilesContainer--carousel .tile-content-card {
      width: calc(100% - 2px); } }
  @media (min-width: 768px) {
    .tilesContainer--carousel .tile-content-card {
      padding: 30px 20px 20px 30px; } }
  @media (min-width: 1280px) {
    .tilesContainer--carousel .tile-content-card {
      padding: 50px 20px 20px 50px; } }

.tilesContainer--carousel .slick-slide {
  padding-left: 0; }

p.practice-tag-container {
  font-size: 12px;
  line-height: 1.5; }
  @media (min-width: 768px) {
    p.practice-tag-container {
      font-size: 14px; } }

.practice-tag-container {
  text-transform: uppercase;
  color: #b7b7b7;
  font-weight: 400;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .practice-tag-container .practice-tag-title {
    display: block;
    margin-right: 5px;
    font-weight: 700; }
    @media (min-width: 768px) {
      .practice-tag-container .practice-tag-title {
        display: inline-block; } }
  .practice-tag-container .practice-tag {
    color: #32c77f;
    padding-left: 5px; }

.article-large-hero {
  margin-top: 28px; }
  @media (min-width: 768px) {
    .article-large-hero {
      margin-top: 50px; } }
  @media (min-width: 947px) {
    .article-large-hero {
      margin-top: 65px; } }

.article-large-hero__headline {
  font-weight: 700;
  font-family: henderson-bcg-sans,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 28px;
  line-height: 36px;
  color: #000;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .article-large-hero__headline {
      font-size: 48px;
      line-height: 60px;
      margin-bottom: 10px; } }

.article-large-hero__media {
  position: relative; }
  .article-large-hero__media video {
    width: 100%; }
  .article-large-hero__media .vjs-control-bar {
    font-size: 10px; }
  .article-large-hero__media .vjs-default-skin .vjs-big-play-button {
    padding: 13px !important; }

.article-large-hero__overlay-text {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer; }
  .vjs-playing .article-large-hero__overlay-text {
    display: none; }

.article-large-hero__video-eyebrow {
  color: #32c77f;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0;
  font-weight: 700;
  display: none; }
  @media (min-width: 768px) {
    .article-large-hero__video-eyebrow {
      display: block; } }

.article-large-hero__video-title {
  color: #fff;
  font-family: henderson-bcg-serif, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3; }
  @media (min-width: 768px) {
    .article-large-hero__video-title {
      font-size: 28px; } }
  @media (min-width: 1280px) {
    .article-large-hero__video-title {
      font-size: 35px; } }

.article-large-hero__subtitle {
  display: none; }
  @media (min-width: 768px) {
    .article-large-hero__subtitle {
      display: block;
      margin-bottom: 50px; } }
  @media (min-width: 947px) {
    .article-large-hero__subtitle {
      margin-bottmo: 55px; } }

.article-large-hero__media-credit {
  color: #b7b7b7;
  text-transform: uppercase;
  font-size: 12px; }

.article-large-hero__credit-description {
  font-size: inherit;
  text-transform: none; }

/*===============
    #HOTSPOTS 
===============*/
.hotspots {
  min-height: 15vh;
  overflow: hidden;
  background-color: #1a3043; }
  @media (max-width: 1279px) {
    .hotspots {
      position: relative; } }

.hotspots__map {
  display: block;
  width: 100%;
  animation-name: fadeIn_full;
  animation-duration: 2s;
  animation-iteration-count: 1; }

@media (min-width: 1280px) {
  .hotspots {
    display: flex; }
  .hotspots__wrapper {
    position: relative;
    display: inline-block;
    margin: 0 auto; }
  .hotspots__map {
    position: relative;
    max-height: 500px;
    width: auto; } }

/*===============
    #MARKER-LIST #HOTSPOTS
===============*/
/*=== .marker-list ===
  .marker-list__item

*/
.marker-list,
.marker-list * {
  box-sizing: border-box; }

.marker-list {
  position: static;
  font-size: 1rem;
  line-height: inherit;
  padding: 0;
  margin: 0; }

/*markerlist hotspots will be positioned by JavaScript and CSS*/
.hotspots__marker-list {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.marker-list__item {
  position: static;
  display: block;
  margin: 0;
  padding: 0; }

.marker-list__item:before {
  content: none; }

/*===============
    #SKIN
===============*/
.marker-list {
  list-style: none; }

/*===============
    #MARKER #HOTSPOTS
===============*/
/*=== .marker ===
  .marker__text
  .marker__indicator-outer
  .marker__indicator-inner
                            
  .marker--text-left 
  .marker--text-right
*/
.marker {
  display: inline-flex;
  align-items: center;
  font-size: calc(3px + 1.1vw);
  padding: 0;
  width: auto; }
  @media (min-width: 947px) {
    .marker {
      font-size: 1.0625em; } }

.marker--text-right .marker__text {
  order: 1; }

.marker__text {
  margin: 0 .58em;
  /*~10px*/ }

.marker__indicator-outer {
  display: inline-block;
  padding: 4px;
  border-radius: 50%; }

.marker__indicator-inner {
  display: block;
  padding: 0;
  height: 1.6em;
  width: 1.6em;
  border-radius: 50%; }

/*===============
    #SKIN
===============*/
.marker {
  color: #ffa995;
  border: none;
  background: none;
  pointer-events: none; }
  @media (min-width: 768px) {
    .marker {
      pointer-events: auto; } }
  .marker:hover, .marker:focus, .marker.is-active {
    outline: none;
    background: none; }

.marker__text {
  opacity: 0;
  transition: .2s ease-in; }

.marker__indicator-outer,
.marker__indicator-inner {
  transition: all 1s ease-in-out; }

@media (min-width: 768px) {
  .marker__indicator-outer {
    animation-name: spin;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border: 3px dashed #ffa995; } }

.marker__indicator-inner {
  background: #ffa995; }
  @media (min-width: 768px) {
    .marker__indicator-inner {
      animation-name: pulse;
      animation-duration: 2.5s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out; } }

.marker:hover .marker__text,
.marker:focus .marker__text,
.is-active .marker__text {
  opacity: 1; }

.marker:hover .marker__indicator-outer,
.marker:focus .marker__indicator-outer,
.is-active .marker__indicator-outer {
  animation-duration: calc(10s / 4); }

.marker:hover .marker__indicator-inner,
.marker:focus .marker__indicator-inner,
.is-active .marker__indicator-inner {
  animation-duration: calc(2.5s / 2); }

.is-active .marker__indicator-outer {
  font-size: 1.25em; }

.is-inactive .marker__indicator-outer {
  opacity: .7; }

.hotspots__content-card {
  width: 45%;
  padding: 20px;
  background-color: #1a3043;
  border: 1px solid #ffa995;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  font-weight: 300;
  font-size: 1.125em;
  line-height: 1.14;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.5); }
  @media (min-width: 947px) {
    .hotspots__content-card {
      font-size: 1.375em; } }

/*positioning and animation of content card
Comment-A)  Relying on the position of an opaque content card to make the markers unclickable
            Sets content card to 100% in mobile to cover everything
Comment-B)  delays opacity to change until after z-index executes
Comment-C) on account of the fact that we use a content card to prevent clicking on stuff, 
           We don't want the link that might be in the content card to be present, so 
           setting that to visibility:hidden, so that it can't be clicked, even when 
           invisible

*/
.hotspots__content-card {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: z-index .5s step-end, opacity .5s ease-in-out; }
  @media screen and (min-width: 768px) and (max-width: 947px) {
    .hotspots__content-card {
      max-width: 50%; } }
  @media (min-width: 768px) {
    .hotspots__content-card {
      z-index: -1;
      top: 40px;
      left: 40px;
      height: auto;
      width: 400px; } }

.is-active .hotspots__content-card {
  opacity: 1;
  z-index: 3;
  transition: z-index .5s step-start, opacity .5s ease-in-out; }

.content-card__description {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin-bottom: 28px; }

.content-card__cta {
  visibility: hidden;
  font-weight: 700;
  color: #ffa995;
  font-size: 14px;
  line-height: 16px;
  transition: ease 0.2s; }
  .content-card__cta:hover, .content-card__cta:focus {
    color: #ffa995;
    opacity: 0.7; }

.is-active .content-card__cta {
  visibility: visible; }

.content-card__cta-icon {
  vertical-align: middle;
  color: #ffa995;
  padding-left: 14px; }

@media (min-width: 768px) {
  .hotspots__mobile-content {
    display: none; } }

.hotspots__mobile-content .collapsible-content > .grid-row {
  border-top: none; }

.hotspots__mobile-content .collapsible-content .collapsed-content__wrapper {
  padding-left: 0; }

.hotspots__mobile-content .collapsible-content .hotspots__content-card {
  position: static;
  opacity: 1;
  width: auto;
  background: none;
  border: none;
  box-shadow: none;
  color: inherit;
  padding: 0;
  transition: none; }

.hotspots__mobile-content .collapsible-content .content-card__cta {
  color: #3fad93;
  visibility: visible; }
  .hotspots__mobile-content .collapsible-content .content-card__cta:hover {
    color: #333333; }
    .hotspots__mobile-content .collapsible-content .content-card__cta:hover .content-card__cta-icon {
      color: #333333; }

.hotspots__mobile-content .collapsible-content .content-card__cta-icon {
  color: #3fad93; }

.hotspots__mobile-content .collapsible-content .switch {
  margin-top: 20px; }

.hotspots__mobile-content .collapsible-content__image-wrapper {
  background-color: #1a3043; }

.hotspots__mobile-content .collapsible-content__related-image {
  width: 100%; }

.box-button {
  color: #b7b7b7;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  border: 1px solid #b7b7b7;
  display: inline-block; }

.mod-font .interstitial-link__title {
  font-family: bcg-henderson-mod, "Palatino Linotype", Palatino, Garamond, Georgia, serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 25px; }
  @media (min-width: 768px) {
    .mod-font .interstitial-link__title {
      font-size: 30px; } }
  @media (min-width: 947px) {
    .mod-font .interstitial-link__title {
      font-size: 35px; } }
  @media (min-width: 1280px) {
    .mod-font .interstitial-link__title {
      font-size: 40px; } }

.interstitial-link {
  margin-bottom: 25px; }
  @media (min-width: 1280px) {
    .interstitial-link {
      margin-bottom: 50px; } }

.interstitial-link .box-button {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .interstitial-link .box-button {
      margin-top: 35px; } }
  @media (min-width: 947px) {
    .interstitial-link .box-button {
      margin-top: 40px; } }

.interstitial-link__eyebrow {
  text-transform: uppercase;
  color: #b7b7b7;
  font-size: 14px;
  margin-bottom: 10px; }

.feature-tile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 25px; }
  .feature-tile .feature-tile__half {
    width: 100%;
    padding-top: 20px;
    border-top: 4px solid black; }
    @media (min-width: 768px) {
      .feature-tile .feature-tile__half {
        min-height: 180px;
        width: calc(50% - 15px);
        border-bottom: 1px solid black; } }
  .feature-tile .feature-tile__title-text-container {
    display: flex;
    flex-direction: row; }
  .feature-tile .feature-tile__link:hover .feature-tile__media-block > * {
    opacity: 0.8; }
  .feature-tile .feature-tile__link:hover .feature-tile__title > *, .feature-tile .feature-tile__link:hover .feature-tile__intro > * {
    color: #b7b7b7; }
  .feature-tile .feature-tile__media-block {
    margin-right: 10px; }
    @media (min-width: 1280px) {
      .feature-tile .feature-tile__media-block {
        margin-right: 15px; } }
  .feature-tile .feature-tile__title, .feature-tile .feature-tile__title > * {
    display: block;
    margin-bottom: 10px;
    line-height: 1;
    font-family: 'bcg-henderson-mod';
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    color: black; }
    @media (min-width: 768px) {
      .feature-tile .feature-tile__title, .feature-tile .feature-tile__title > * {
        font-size: 30px; } }
    @media (min-width: 1280px) {
      .feature-tile .feature-tile__title, .feature-tile .feature-tile__title > * {
        margin-bottom: 20px; } }
  .feature-tile .feature-tile__intro, .feature-tile .feature-tile__intro > * {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: black; }
  .feature-tile .feature-tile__intro > *:after {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    font-family: 'dotBCG-Icons';
    content: '\e90c';
    transform: rotateZ(90deg); }
  .feature-tile .feature-tile__img {
    width: 100px; }
    @media (min-width: 768px) {
      .feature-tile .feature-tile__img {
        width: 110px; } }
    @media (min-width: 1280px) {
      .feature-tile .feature-tile__img {
        width: 120px; } }

.bhi-pt .aws-personalize-widget .related-content-container .topic,
.standalone-article .aws-personalize-widget .related-content-container .topic {
  font-size: 18px;
  line-height: 1.5; }

/* 1. rf-player-width__x classes: added through the rf-base-video-player
module based on the width of the .rf-video-player__video-js wrapper div that videojs
wraps around the video tag. Used to set overlay text, play button and possibly overlay
text padding. the smallest mobile size is "default" */
.rf-video-player__video-js:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: orange;
  opacity: .5; }

.rf-video-player__video-js.rf-player-width__small:after {
  background-color: red; }

.rf-video-player__video-js.rf-player-width__medium:after {
  background-color: green; }

.rf-video-player__video-js.rf-player-width__large:after {
  background-color: yellow; }

video {
  opacity: 0;
  max-height: 400px; }

.rf-video-player__video-js video {
  opacity: 1;
  max-height: none; }

.isMobile .vjs-youtube-mobile .vjs-big-play-button,
.isMobile .vjs-youtube-mobile.vjs-has-started.vjs-ended {
  display: flex !important; }

.isMobile .vjs-youtube-mobile.vjs-has-started.vjs-paused .vjs-big-play-button,
.isMobile .vjs-youtube-mobile.vjs-has-started.vjs-playing .vjs-big-play-button {
  display: none !important; }

.isMobile.isiPhone .vjs-youtube-mobile.vjs-has-started.vjs-playing {
  display: none !important; }

.isMobile.isiPhone .vjs-youtube-mobile.vjs-has-started.vjs-paused,
.isMobile.isiPhone .vjs-youtube-mobile.vjs-has-started.vjs-ended {
  display: block !important; }

.isMobile.isiPad .vjs-youtube-mobile.vjs-has-started.vjs-playing {
  display: block !important; }

.rf-video-player__video-js {
  /*===========
    #VIDEO JS PLUGIN OVERRIDES
  ===========*/
  background-color: transparent;
  /*===========
    #FONT STYLES
  ===========*/ }
  .rf-video-player__video-js .vjs-tech {
    position: relative; }
  .rf-video-player__video-js.rf-player-width__small .rf-vjs_title {
    font-size: 22px; }
  .rf-video-player__video-js.rf-player-width__small .rf-vjs_section {
    font-size: 18px;
    display: block; }
  .rf-video-player__video-js.rf-player-width__small .rf-vjs_speaker {
    font-size: 16px; }
  .rf-video-player__video-js.rf-player-width__small .rf-vjs_duration {
    font-size: 16px; }
  .rf-video-player__video-js.rf-player-width__medium .rf-vjs_title {
    font-size: 30px; }
  .rf-video-player__video-js.rf-player-width__medium .rf-vjs_section {
    font-size: 22px;
    display: block; }
  .rf-video-player__video-js.rf-player-width__medium .rf-vjs_speaker {
    font-size: 16px; }
  .rf-video-player__video-js.rf-player-width__medium .rf-vjs_duration {
    font-size: 16px; }
  .rf-video-player__video-js.rf-player-width__large .rf-vjs_title {
    font-size: 35px; }
  .rf-video-player__video-js.rf-player-width__large .rf-vjs_section {
    font-size: 24px;
    display: block; }
  .rf-video-player__video-js.rf-player-width__large .rf-vjs_speaker {
    font-size: 16px; }
  .rf-video-player__video-js.rf-player-width__large .rf-vjs_duration {
    font-size: 16px; }
  .rf-video-player__video-js .rf-vjs_title {
    color: #fff;
    font-family: henderson-bcg-serif,"Palatino Linotype",Palatino,Garamond,Georgia,serif;
    font-weight: 400;
    line-height: 1.3;
    font-size: 18px; }
  .rf-video-player__video-js .rf-vjs_section {
    color: #32c77f;
    font-size: 18px;
    font-weight: 700;
    margin-left: 40px;
    margin-bottom: 0;
    text-transform: uppercase;
    display: none; }
  .rf-video-player__video-js .rf-vjs_speaker {
    color: #fff;
    line-height: 1.2;
    font-size: 14px; }
  .rf-video-player__video-js .rf-vjs_duration {
    color: #fff;
    line-height: 1;
    font-size: 14px; }
  .rf-video-player__video-js .rf-vjs_overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    justify-content: flex-end;
    /* iOS Safari */
    -webkit-touch-callout: none;
    /* Safari */
    -webkit-user-select: none;
    /* Konqueror HTML */
    -khtml-user-select: none;
    /* Firefox */
    -moz-user-select: none;
    /* Internet Explorer/Edge */
    -ms-user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: none; }
  .rf-video-player__video-js.rf-player-width__small .rf-vjs_overlay, .rf-video-player__video-js.rf-player-width__medium .rf-vjs_overlay, .rf-video-player__video-js.rf-player-width__large .rf-vjs_overlay {
    padding: 20px; }
  .rf-video-player__video-js.vjs-has-started .rf-vjs_annotation-wrapper {
    display: block; }
  .rf-video-player__video-js .rf-vjs_annotation-wrapper {
    display: none;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    opacity: 1;
    padding-top: 10px;
    padding-left: 20px;
    animation-duration: .5s;
    animation-delay: 4s;
    animation-name: fadeOut;
    animation-fill-mode: forwards; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    z-index: -10; } }
    @media (min-width: 768px) {
      .rf-video-player__video-js .rf-vjs_annotation-wrapper {
        padding-right: 20px; } }
    .rf-video-player__video-js .rf-vjs_annotation-wrapper img {
      position: relative;
      width: 70%;
      height: auto; }
      @media (min-width: 768px) {
        .rf-video-player__video-js .rf-vjs_annotation-wrapper img {
          width: auto;
          height: auto;
          margin-left: 20px; } }
  .rf-video-player__video-js .rf-vjs_title {
    margin-top: auto;
    margin: 0; }
  .rf-video-player__video-js .rf-vjs_section {
    margin: 0; }
  .rf-video-player__video-js .rf-vjs_speaker {
    margin: 0; }
  .rf-video-player__video-js .rf-vjs_duration {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px; }
  .rf-video-player__video-js.rf-player-width__small .rf-vjs_duration, .rf-video-player__video-js.rf-player-width__medium .rf-vjs_duration, .rf-video-player__video-js.rf-player-width__large .rf-vjs_duration {
    top: 20px;
    right: 20px; }
  .rf-video-player__video-js .vjs-text-track-settings select {
    color: #000 !important; }
  .rf-video-player__video-js .vjs-control-bar {
    flex-wrap: wrap;
    height: 41px !important; }
    .rf-video-player__video-js .vjs-control-bar .vjs-button > .vjs-icon-placeholder:before {
      line-height: 41px; }
      :not(.isIE) .rf-video-player__video-js .vjs-control-bar .vjs-button > .vjs-icon-placeholder:before {
        font-size: 2.4em; }
      .isIE .rf-video-player__video-js .vjs-control-bar .vjs-button > .vjs-icon-placeholder:before {
        font-size: 28px; }
    .rf-video-player__video-js .vjs-control-bar .vjs-current-time,
    .rf-video-player__video-js .vjs-control-bar .vjs-time-divider {
      display: block; }
    .rf-video-player__video-js .vjs-control-bar .vjs-time-control {
      font-size: 1.3em;
      padding-left: .3em;
      padding-right: .3em; }
    .rf-video-player__video-js .vjs-control-bar .vjs-menu-button-popup .vjs-menu {
      margin-bottom: 2.7em; }
    .rf-video-player__video-js .vjs-control-bar .vjs-progress-control {
      width: 100%;
      height: auto;
      order: 1; }
    .rf-video-player__video-js .vjs-control-bar .vjs-play-control {
      order: 2; }
    .rf-video-player__video-js .vjs-control-bar .vjs-volume-panel {
      order: 3; }
    .rf-video-player__video-js .vjs-control-bar .vjs-mute-control {
      padding: 0; }
    .rf-video-player__video-js .vjs-control-bar .vjs-current-time {
      order: 4; }
    .rf-video-player__video-js .vjs-control-bar .vjs-time-divider {
      order: 5;
      min-width: .5em; }
    .rf-video-player__video-js .vjs-control-bar .vjs-remaining-time {
      display: none; }
    .rf-video-player__video-js .vjs-control-bar .vjs-duration {
      order: 6;
      display: block; }
    .rf-video-player__video-js .vjs-control-bar .vjs-subs-caps-button:not(.vjs-hidden) {
      order: 7;
      margin-left: auto; }
    .rf-video-player__video-js .vjs-control-bar .vjs-subs-caps-button.vjs-hidden ~ .vjs-fullscreen-control {
      order: 7;
      margin-left: auto; }
    .rf-video-player__video-js .vjs-control-bar .vjs-subs-caps-button:not(.vjs-hidden) ~ .vjs-fullscreen-control {
      order: 8; }
  .rf-video-player__video-js.video-youtube {
    position: relative;
    padding-bottom: 56.23%;
    /* Use 75% for 4:3 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: transparent;
    margin: 0; }
    .rf-video-player__video-js.video-youtube .vjs-control-bar {
      display: none; }
  .rf-video-player__video-js.video-youtube.vjs-has-started {
    border: 1px solid #000; }
  .rf-video-player__video-js.vjs-playing .rf-vjs_overlay {
    opacity: 0; }
  .rf-video-player__video-js.vjs-has-started.vjs-paused .rf-vjs_overlay {
    background: rgba(0, 0, 0, 0.5); }
  .rf-video-player__video-js .vjs-poster {
    background-color: transparent;
    background-size: cover; }

.rf-video-player__footer {
  display: flex;
  position: relative;
  margin-top: 10px; }

.rf-video-player__footer-column:first-child {
  margin-right: 15px; }

.rf-video-player__footer-column:last-child:not(:only-child) {
  margin-left: auto;
  flex-shrink: 0; }

.rf-video-player__caption,
.rf-video-player__caption p {
  padding-top: 0;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px; }

.rf-video-player__image-credit,
.rf-video-player__image-credit p {
  font-size: 12px;
  line-height: 2;
  color: #ccc;
  text-transform: uppercase;
  margin: 0; }

.rf-video-player__share .share {
  margin-right: 0; }

.vjs-has-started .rf-vjs_overlay,
.vjs-has-started.vjs-paused .rf-vjs_overlay {
  height: calc(100% - 41px);
  bottom: 3em; }

.vjs-menu-button-popup .vjs-menu {
  z-index: 10; }

.rf-video-player__video-js .vjs-big-play-button,
.rf-modal-video-player .vjs-big-play-button {
  background: #32c77f;
  border-radius: 0;
  border: none;
  height: auto;
  width: auto;
  font-size: inherit;
  top: 10px;
  left: 10px; }
  .rf-video-player__video-js .vjs-big-play-button .vjs-icon-placeholder,
  .rf-modal-video-player .vjs-big-play-button .vjs-icon-placeholder {
    margin: auto;
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px; }
    .rf-video-player__video-js .vjs-big-play-button .vjs-icon-placeholder:before,
    .rf-modal-video-player .vjs-big-play-button .vjs-icon-placeholder:before {
      position: relative;
      margin: auto;
      height: auto;
      width: auto;
      font-size: 1.5rem; }

.rf-video-player__video-js.rf-player-width__small .vjs-big-play-button,
.rf-modal-video-player.rf-player-width__small .vjs-big-play-button {
  top: 20px;
  left: 20px; }
  .rf-video-player__video-js.rf-player-width__small .vjs-big-play-button .vjs-icon-placeholder,
  .rf-modal-video-player.rf-player-width__small .vjs-big-play-button .vjs-icon-placeholder {
    width: 45px;
    height: 45px; }
    .rf-video-player__video-js.rf-player-width__small .vjs-big-play-button .vjs-icon-placeholder:before,
    .rf-modal-video-player.rf-player-width__small .vjs-big-play-button .vjs-icon-placeholder:before {
      font-size: 2.5rem; }

.rf-video-player__video-js.rf-player-width__medium .vjs-big-play-button,
.rf-modal-video-player.rf-player-width__medium .vjs-big-play-button {
  top: 20px;
  left: 20px; }
  .rf-video-player__video-js.rf-player-width__medium .vjs-big-play-button .vjs-icon-placeholder,
  .rf-modal-video-player.rf-player-width__medium .vjs-big-play-button .vjs-icon-placeholder {
    width: 60px;
    height: 60px; }
    .rf-video-player__video-js.rf-player-width__medium .vjs-big-play-button .vjs-icon-placeholder:before,
    .rf-modal-video-player.rf-player-width__medium .vjs-big-play-button .vjs-icon-placeholder:before {
      font-size: 3rem; }

.rf-video-player__video-js.rf-player-width__large .vjs-big-play-button,
.rf-modal-video-player.rf-player-width__large .vjs-big-play-button {
  top: 20px;
  left: 20px; }
  .rf-video-player__video-js.rf-player-width__large .vjs-big-play-button .vjs-icon-placeholder,
  .rf-modal-video-player.rf-player-width__large .vjs-big-play-button .vjs-icon-placeholder {
    width: 70px;
    height: 70px; }
    .rf-video-player__video-js.rf-player-width__large .vjs-big-play-button .vjs-icon-placeholder:before,
    .rf-modal-video-player.rf-player-width__large .vjs-big-play-button .vjs-icon-placeholder:before {
      font-size: 3.5rem; }

.video-js.vjs-fullscreen {
  max-width: none !important;
  max-height: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.mod-font .rf-video-player__video-js {
  /*===========
      #FONT STYLES
    ===========*/ }
  .mod-font .rf-video-player__video-js .rf-vjs_section {
    text-transform: uppercase;
    color: #fff;
    font-family: henderson-bcg-sans,"Helvetica Neue",Helvetica,Arial,sans-serif; }
  .mod-font .rf-video-player__video-js .rf-vjs_title {
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    font-family: bcg-henderson-mod,"Palatino Linotype",Palatino,Garamond,Georgia,serif; }
  .mod-font .rf-video-player__video-js .vjs-big-play-button {
    background: #fff; }
    .mod-font .rf-video-player__video-js .vjs-big-play-button .vjs-icon-placeholder:before {
      color: #000; }

.article-video.article-video--full-browser-width {
  position: relative; }

.article-video.article-video--full-browser-width .article-video__description {
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  width: 100%;
  position: block;
  padding: 20px; }
  .article-video.article-video--full-browser-width .article-video__description a {
    color: white;
    margin-left: 5px; }
    .article-video.article-video--full-browser-width .article-video__description a:hover, .article-video.article-video--full-browser-width .article-video__description a:focus {
      color: #b3b3b3; }
  @media (min-width: 768px) {
    .article-video.article-video--full-browser-width .article-video__description {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 50%;
      max-height: 50%;
      padding: 50px 50px 100px 60px; } }
  @media (min-width: 1280px) {
    .article-video.article-video--full-browser-width .article-video__description {
      padding-left: 100px; } }

.article-video.article-video--full-browser-width h3.article-video__sub-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: .875em;
  color: inherit;
  margin-bottom: 0; }

.article-video.article-video--full-browser-width h2.article-video__title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: inherit;
  margin-bottom: 0; }

.article-video.article-video--full-browser-width span.article-video__link {
  color: inherit; }

.article-video.article-video--full-browser-width .article-video__footnote {
  position: absolute;
  width: 100px;
  top: 40px;
  right: 40px; }
  .article-video.article-video--full-browser-width .article-video__footnote p {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: white;
    font-size: .875em;
    line-height: 1; }
  @media (min-width: 768px) {
    .article-video.article-video--full-browser-width .article-video__footnote {
      top: 50px;
      right: 60px; } }
  @media (min-width: 1280px) {
    .article-video.article-video--full-browser-width .article-video__footnote {
      right: 100px; } }

.article-video.article-video--full-browser-width .article-video__footnote-indicator {
  height: 7px;
  width: 25px;
  margin-bottom: 7px;
  background-color: #32c77f; }

.article-video.article-video--full-browser-width .video-js.vjs-has-started {
  z-index: 1; }

.article-video.article-video--full-browser-width .video-js.vjs-has-started + .article-video__header {
  z-index: 0; }
  .article-video.article-video--full-browser-width .video-js.vjs-has-started + .article-video__header .article-video__description {
    opacity: 1; }
    @media (min-width: 768px) {
      .article-video.article-video--full-browser-width .video-js.vjs-has-started + .article-video__header .article-video__description {
        bottom: 39px; } }

.article-video.article-video--full-browser-width .video-js.vjs-has-started.vjs-paused {
  z-index: 0; }
  .article-video.article-video--full-browser-width .video-js.vjs-has-started.vjs-paused + .article-video__header {
    z-index: 1; }
    .article-video.article-video--full-browser-width .video-js.vjs-has-started.vjs-paused + .article-video__header .article-video__description {
      opacity: 1; }

@media (min-width: 768px) {
  .rf-hero-video-player .vjs-big-play-button {
    left: 100px; } }

.rf-vjs_hero-tile {
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  width: 100%;
  display: block;
  padding: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .rf-vjs_hero-tile a {
    color: white;
    margin-left: 5px; }
    .rf-vjs_hero-tile a:hover, .rf-vjs_hero-tile a:focus {
      color: #b3b3b3; }
  @media (min-width: 768px) {
    .rf-vjs_hero-tile {
      left: 0;
      bottom: 0;
      right: auto;
      width: 50%;
      max-height: 50%;
      padding: 40px 50px 40px 60px; } }
  @media (min-width: 1280px) {
    .rf-vjs_hero-tile {
      padding-left: 100px; } }

.rf-vjs__subtitle {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: inherit;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .rf-vjs__subtitle {
      font-size: 14px; } }

.rf-vjs_title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: inherit;
  line-height: 1;
  font-size: 16px;
  display: inline; }
  @media (min-width: 768px) {
    .rf-vjs_title {
      font-size: 30px;
      display: block;
      margin-bottom: 0; } }
  @media (min-width: 1280px) {
    .rf-vjs_title {
      font-size: 50px; } }

.rf-vjs_section.rf-vjs__hero-tile-section {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: white;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20%; }
  .rf-vjs_section.rf-vjs__hero-tile-section::before {
    content: "";
    display: block;
    height: 7px;
    width: 25px;
    margin-bottom: 7px;
    background-color: #32c77f; }
  @media (min-width: 768px) {
    .rf-vjs_section.rf-vjs__hero-tile-section {
      width: 15%; } }

.rf-vjs__hero-tile-cta {
  display: inline;
  cursor: pointer; }
  .rf-vjs__hero-tile-cta .icon-cta-modular {
    margin-right: 10px;
    font-size: 14px;
    line-height: 2;
    vertical-align: top; }
    @media (min-width: 768px) {
      .rf-vjs__hero-tile-cta .icon-cta-modular {
        font-size: 18px; } }
  @media (min-width: 768px) {
    .rf-vjs__hero-tile-cta {
      display: block; } }

[data-bcg-module='rf-siderail-video-player'].obstructed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  height: calc(300px * (9/16));
  z-index: 1000; }
  [data-bcg-module='rf-siderail-video-player'].obstructed.video-youtube {
    overflow: visible;
    padding-bottom: 0; }
  [data-bcg-module='rf-siderail-video-player'].obstructed .vjs-big-play-buttom {
    width: 50px;
    height: 50px; }
    [data-bcg-module='rf-siderail-video-player'].obstructed .vjs-big-play-buttom:before {
      font-size: 3rem; }
  [data-bcg-module='rf-siderail-video-player'].obstructed .vjs-close-docked {
    position: absolute;
    top: -35px;
    right: 10px;
    padding: 3px;
    font-size: 23px;
    color: #fff;
    cursor: pointer; }
    [data-bcg-module='rf-siderail-video-player'].obstructed .vjs-close-docked:before {
      content: '\e658';
      font-family: 'dotBCG-Icons';
      color: #000; }
  [data-bcg-module='rf-siderail-video-player'].obstructed .rf-vjs_overlay {
    display: none; }
  [data-bcg-module='rf-siderail-video-player'].obstructed ~ .rf-vjs_placeholder {
    display: block; }

.rf-vjs_placeholder {
  display: none;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
  background: rgba(0, 0, 0, 0.5); }

.rf-modal-video-player video,
.rf-modal-video-player .video-js,
.rf-modal-video-player .modal-hidden {
  display: none; }

.rf-modal-video-player .vjs-default-skin .vjs-big-play-button {
  position: absolute;
  top: -6em;
  left: 0;
  padding: 0; }

.rf-modal-video-player .vjs-default-skin .vjs-big-play-button::before {
  content: none; }

.rf-modal-video-player .vjs-default-skin .vjs-big-play-button .vjs-icon-placeholder:before {
  margin: auto;
  content: "\f101";
  font-family: VideoJS;
  text-shadow: none;
  width: auto;
  height: auto;
  line-height: 1;
  color: #fff;
  position: relative; }

.video-modal .rf-video-player__video-js.video-youtube .vjs-poster,
.video-modal .rf-video-player__video-js.video-youtube .vjs-big-play-button {
  display: none; }

.rf-modal-video-player.rf-video-player--hero-option-2 .vjs-default-skin {
  position: relative; }
  .rf-modal-video-player.rf-video-player--hero-option-2 .vjs-default-skin .vjs-big-play-button {
    display: block;
    top: 20px;
    z-index: 20; }
    @media (max-width: 767px) {
      .rf-modal-video-player.rf-video-player--hero-option-2 .vjs-default-skin .vjs-big-play-button {
        left: 20px; } }

.rf-modal-video-player.rf-video-player--hero-option-2 .pre-content .grid-column {
  padding-bottom: 100px;
  margin-bottom: -100px;
  position: relative; }

.rf-video-player__video-js.vjs-youtube .ytp-large-play-button.ytp-button {
  display: none; }

.call-to-action {
  overflow: hidden;
  position: relative;
  height: 125px;
  width: 100%;
  background-color: white; }

.call-to-action__background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0; }

.call-to-action__content-body {
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: 25px 20px;
  text-align: center; }
  @media (min-width: 768px) {
    .call-to-action__content-body {
      margin: 25px 75px; } }
  @media (min-width: 1280px) {
    .call-to-action__content-body {
      margin: 25px 100px; } }

.call-to-action__button {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  background-color: #32c77f;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; }
  @media (min-width: 768px) {
    .call-to-action__button {
      padding-top: 20px;
      padding-bottom: 20px;
      width: 35%; } }

.hero-seven-slim {
  position: relative; }
  .hero-seven-slim .hero-seven-slim__anchor-wrapper {
    display: block; }
  .hero-seven-slim .hero-seven-slim__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .hero-seven-slim .hero-seven-slim__title,
  .hero-seven-slim .hero-seven-slim__intro p {
    color: white; }
  .hero-seven-slim .hero-seven-slim__media img {
    max-height: 472px !important; }

@media (max-width: 767px) {
  .hero-seven-slim .hero-content-intro {
    display: none; } }

/* DTTM-1313: Creating a careers override to move the title down the banner for hotfix. */
/* TODO: ReVisit if this needs an override, or if it should apply to all hero-seven-slim. */
.careers .hero-seven-slim .hero-seven-slim__wrapper {
  justify-content: flex-end; }

.bsp .hero-seven-slim__intro {
  margin-top: 40px; }

@media (min-width: 768px) {
  .featured-collection__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }

.featured-collection__block {
  border-bottom: 1px solid #b7b7b7;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex; }
  @media (min-width: 768px) {
    .featured-collection__block {
      width: calc(50% - 20px); } }
  .featured-collection__block > a {
    display: flex; }

.featured-collection__title {
  font-size: 20px;
  font-weight: 200;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  a .featured-collection__title {
    color: #3fad93; }
    a .featured-collection__title:hover {
      color: #00532f; }

.featured-collection__media {
  width: 100px;
  flex-shrink: 0;
  margin-right: 25px; }

.featured-collection__content {
  font-size: 16px;
  color: #707070; }
  .featured-collection__content:last-child {
    margin-bottom: 0; }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem; }

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem; }

.row.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.col.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.col-xs {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.col-xs-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 8.33333%;
  -moz-flex-basis: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.col-xs-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 16.66667%;
  -moz-flex-basis: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.col-xs-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 33.33333%;
  -moz-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.col-xs-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 41.66667%;
  -moz-flex-basis: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.col-xs-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 58.33333%;
  -moz-flex-basis: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.col-xs-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 66.66667%;
  -moz-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.col-xs-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 83.33333%;
  -moz-flex-basis: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.col-xs-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 91.66667%;
  -moz-flex-basis: 91.66667%;
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.col-xs-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 25%; }

.col-xs-offset-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 50%; }

.col-xs-offset-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 75%; }

.col-xs-offset-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 100%; }

.col-xs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: start; }

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center; }

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: end; }

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.around-xs {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.first-xs {
  order: -1; }

.last-xs {
  order: 1; }

@media only screen and (min-width: 48em) {
  .col-sm {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-sm-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%; }
  .col-sm-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%; }
  .col-sm-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%; }
  .col-sm-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%; }
  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start; }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end; }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-sm {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; } }

@media only screen and (min-width: 62em) {
  .col-md {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-md-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%; }
  .col-md-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%; }
  .col-md-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%; }
  .col-md-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%; }
  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start; }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end; }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-md {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-md {
    order: -1; }
  .last-md {
    order: 1; } }

@media only screen and (min-width: 75em) {
  .col-lg {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-lg-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 8.33333%;
    -moz-flex-basis: 8.33333%;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 16.66667%;
    -moz-flex-basis: 16.66667%;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 33.33333%;
    -moz-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 41.66667%;
    -moz-flex-basis: 41.66667%;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 58.33333%;
    -moz-flex-basis: 58.33333%;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 66.66667%;
    -moz-flex-basis: 66.66667%;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 83.33333%;
    -moz-flex-basis: 83.33333%;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 91.66667%;
    -moz-flex-basis: 91.66667%;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%; }
  .col-lg-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%; }
  .col-lg-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%; }
  .col-lg-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%; }
  .col-lg {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start; }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end; }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-lg {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-lg {
    order: -1; }
  .last-lg {
    order: 1; } }

.footer {
  padding-top: 50px;
  padding-bottom: 25px;
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .footer .footer__social-icons {
    position: relative; }
    .footer .footer__social-icons h4 {
      float: left;
      text-transform: uppercase;
      margin-right: 25px;
      font-size: 16px;
      line-height: normal;
      margin-bottom: 0; }
    .footer .footer__social-icons ul {
      float: left;
      margin-bottom: 0; }
      .footer .footer__social-icons ul li {
        display: inline-block;
        margin: 0;
        padding: 0; }
        .footer .footer__social-icons ul li a span {
          color: white;
          text-align: center;
          vertical-align: middle;
          font-size: 18px; }
          .footer .footer__social-icons ul li a span:before {
            background: #333333;
            padding: 5px;
            border-radius: 50%;
            display: block; }
          .footer .footer__social-icons ul li a span:hover:before {
            background: #3ca46a; }
        .footer .footer__social-icons ul li a .qr-code-img {
          position: absolute;
          left: calc(50% - (200px/2));
          bottom: 65px;
          width: 200px;
          height: 200px;
          z-index: 99999;
          border: 1px solid #197a56; }
        .footer .footer__social-icons ul li a .qr-code--hide {
          display: none; }
      .footer .footer__social-icons ul li::before {
        content: none; }
    @media screen and (max-width: 500px) {
      .footer .footer__social-icons {
        margin-bottom: 20px; } }
  .footer .footer__copyright {
    color: #333333;
    font-size: 14px;
    display: block !important; }
    @media screen and (min-width: 500px) {
      .footer .footer__copyright {
        display: inline !important;
        padding-right: 0 !important;
        margin-right: 0 !important; }
        .footer .footer__copyright:after {
          content: "|";
          margin: 0 11px; } }
  .footer .footer__user-and-lens {
    display: block; }
    .footer .footer__user-and-lens .login-container {
      margin: 0 auto;
      margin-bottom: 20px; }
    .footer .footer__user-and-lens .user-info {
      margin-top: 0; }
    .footer .footer__user-and-lens.footer__user-and-lens--hidden {
      display: block; }
      @media screen and (min-width: 500px) {
        .footer .footer__user-and-lens.footer__user-and-lens--hidden {
          display: none; } }
  .footer .footer__menu {
    margin-top: 60px; }
    .footer .footer__menu ul {
      padding-bottom: 10px;
      float: left;
      margin-bottom: 0; }
      .footer .footer__menu ul li {
        padding: 0 22px 0 0;
        margin: 0;
        display: inline-block; }
        .footer .footer__menu ul li a {
          color: #333333;
          font-size: 14px;
          font-weight: 300;
          text-decoration: none;
          transition: all 0.2s ease 0s; }
          .footer .footer__menu ul li a span {
            vertical-align: unset; }
          .footer .footer__menu ul li a:hover {
            color: #3ca46a; }
      .footer .footer__menu ul li::before {
        content: none; }
  .footer .footer__legal {
    clear: both;
    margin: 10px 0 20px;
    text-align: justify; }
    .footer .footer__legal p {
      color: #b7b7b7;
      font-weight: 300;
      font-size: 12px;
      line-height: 14px; }

.deepmode .footer--background {
  background-color: white; }

body:not(.new-homepage) .footer.row {
  margin: 0 15px; }

.lens-selector {
  position: relative; }
  .lens-selector img {
    max-width: 25px;
    max-height: 15px;
    margin-right: 10px;
    top: 0.09rem;
    position: relative; }
  .lens-selector span {
    font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 14px;
    margin-right: 0.5em; }

.lens-selector__select {
  cursor: pointer; }
  .lens-selector__select:hover > span {
    color: #3ca46a; }
  .lens-selector__select .icon-lens-selector-carrot-drop-down {
    font-size: 7px;
    position: relative;
    top: -2px;
    color: #3ca46a; }

.lens-selector__card {
  width: 270px;
  height: 160px;
  transition: all 0.3s ease 0s;
  text-align: left;
  background-color: #f5f5f6;
  border: none;
  overflow: auto;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  display: none;
  position: absolute;
  z-index: 2000;
  margin: 0;
  padding: 0;
  right: 0;
  top: 32px; }
  .lens-selector__card.show {
    display: inline; }
  .lens-selector__card ul {
    list-style-type: none;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
    list-style: none; }
    .lens-selector__card ul li {
      padding: 10px 15px;
      cursor: pointer;
      margin-bottom: 0; }
      .lens-selector__card ul li:hover, .lens-selector__card ul li:focus, .lens-selector__card ul li:active {
        background-color: rgba(235, 235, 235, 0.9); }
        .lens-selector__card ul li:hover > span, .lens-selector__card ul li:focus > span, .lens-selector__card ul li:active > span {
          color: #737881; }
    .lens-selector__card ul li::before {
      content: none; }

.deepmode footer .lens-selector {
  display: none; }

.trending-topics {
  margin: 50px 20px;
  display: none; }
  .trending-topics.trending-topics--visible {
    display: block; }

.trending-topics .dynamic-publication-list {
  display: block; }

.trending-topics__list {
  margin-bottom: 40px; }

.trending-topics__list-item {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .trending-topics__list-item::before {
    content: none; }

h1.trending-topics__section-heading,
h2.trending-topics__section-heading {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #444;
  line-height: 1.3;
  margin-bottom: 35px; }

.trending-topics__link-wrapper {
  flex-grow: 0; }
  .trending-topics__link-wrapper img {
    padding: 4px;
    border: 1px solid #197a56;
    background-color: #fff;
    width: 100px;
    margin-right: 10px; }

.trending-topics__section-wrapper {
  flex-grow: 1; }

.collections h2.trending-topics__list-item-title.title,
h2.trending-topics__list-item-title {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 7px;
  color: #197a56;
  line-height: 1.2 !important;
  text-transform: none; }

.trending-topics__list-item-intro {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.1;
  margin-bottom: 0;
  color: #333333; }

.trending-topics__see-more-link {
  font-family: henderson-bcg-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: right; }
  .trending-topics__see-more-link a {
    color: #b7b7b7;
    text-decoration: underline; }

/* Override for the widget version.*/
.primary-navigation__widget-container .trending-topics {
  margin: 0; }

@media (min-width: 768px) {
  .trending-topics {
    width: 60%;
    position: absolute;
    top: 0;
    left: 33%;
    margin: 50px;
    padding: 0; }
  /* Override for the widget version.*/
  .primary-navigation__widget-container .trending-topics {
    margin: 0;
    position: static; } }

@media (min-width: 1280px) {
  .trending-topics {
    left: 25%; }
  .trending-topics__list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 80%; }
  .isIE .trending-topics__list {
    width: 100%; }
  .trending-topics__list-item {
    margin-right: 20px;
    flex: 0 1 80%;
    flex-direction: column; }
    .trending-topics__list-item:last-of-type {
      margin-right: 0; }
  h1.trending-topics__section-heading,
  h2.trending-topics__section-heading {
    font-size: 20px;
    font-weight: 600; }
  .trending-topics__list-item-picture img {
    width: 250px; }
  .trending-topics__section-wrapper {
    padding-top: 20px; }
  .trending-topics__list-item-intro {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  /* Override for the widget version.*/
  .primary-navigation__widget-container {
    width: 100%; }
  .primary-navigation__widget-container .trending-topics .trending-topics.trending-topics--visible {
    margin: 0;
    padding: 0;
    width: 90%; }
  .primary-navigation__widget-container .trending-topics .trending-topics__list {
    justify-content: space-between; }
  .primary-navigation__widget-container .trending-topics .trending-topics__list-item {
    flex: 0 0 40%; }
  .primary-navigation__widget-container .trending-topics .trending-topics__list-item {
    margin: 0;
    margin-right: 20%; }
    .primary-navigation__widget-container .trending-topics .trending-topics__list-item:last-of-type {
      margin-right: 0; } }

/*===============
    #I18N #INTERNATIONALIZATION
===============*/
/*
 This is solely for applying site-wide internationalization.
 Internationalization should be keyed off of the :lang() attribute
 the language attribute is added only to the HTML element.
 DO NOT NEST SELECTORS INSIDE OF THE LANGUAGE SELECTOR; write out the complete and final selector that is targeted
*/
/*===============
    #JA #Japanese
===============*/
:lang(ja-JP),
:lang(ja) {
  /*===
  Sets font family on body, to be inherited by cascade
  ===*/
  /*===
  Overrides the specifically declared sans serif fonts
  ===*/
  /*===
  Overrides the specifically declared serif fonts
  ===*/
  /*===
  Overrides the specifically declared deadline fonts
  ===*/ }
  :lang(ja-JP) body,
  :lang(ja) body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) blockquote,
  :lang(ja-JP) .blockquote,
  :lang(ja) blockquote,
  :lang(ja) .blockquote {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) h1, :lang(ja-JP) h3,
  :lang(ja) h1,
  :lang(ja) h3 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .name-last-local,
  :lang(ja-JP) .name-first-local,
  :lang(ja-JP) .name .name-local,
  :lang(ja) .name-last-local,
  :lang(ja) .name-first-local,
  :lang(ja) .name .name-local {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .masonry-container article .text,
  :lang(ja) .masonry-container article .text {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .career-track h1,
  :lang(ja) .career-track h1 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .grid-row.events h3,
  :lang(ja) .grid-row.events h3 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .deepmode[class] .pull-quote-carousel[class] .share span,
  :lang(ja) .deepmode[class] .pull-quote-carousel[class] .share span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .guided-cases-qa-header h2,
  :lang(ja) .guided-cases-qa-header h2 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .hi-statement .mailto,
  :lang(ja) .hi-statement .mailto {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .insight-teaser-title,
  :lang(ja) .insight-teaser-title {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .content-wrapper .search-count .breadcrumbs,
  :lang(ja) .content-wrapper .search-count .breadcrumbs {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .welcome-header .heading h1,
  :lang(ja) .welcome-header .heading h1 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .welcome-module .cta,
  :lang(ja) .welcome-module .cta {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .working-at-bcg-module .cta-content span,
  :lang(ja) .working-at-bcg-module .cta-content span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .apply-module .typeahead-field input,
  :lang(ja) .apply-module .typeahead-field input {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .book-header,
  :lang(ja) .book-header {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .programs.bcger .program-item .program-content .text-container .program-text,
  :lang(ja) .programs.bcger .program-item .program-content .text-container .program-text {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .pull-quote p,
  :lang(ja) .pull-quote p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .green-tile-parent .green-tile figcaption p,
  :lang(ja) .green-tile-parent .green-tile figcaption p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .cookie-notification button,
  :lang(ja) .cookie-notification button {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .expertise-cross-browsing.margin-only-container .image.title .title, :lang(ja-JP) .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .title, .med-pub :lang(ja-JP) .expertise-cross-browsing.margin-only-container .title > a.image .title, :lang(ja-JP) .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .title, .small-pub :lang(ja-JP) .expertise-cross-browsing.margin-only-container .title > a.image .title, :lang(ja-JP) .expertise-cross-browsing.margin-only-container .image.title .med-pub .title > a, .med-pub :lang(ja-JP) .expertise-cross-browsing.margin-only-container .image.title .title > a, :lang(ja-JP) .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .title > a, .med-pub :lang(ja-JP) .expertise-cross-browsing.margin-only-container .title > a.image .title > a, :lang(ja-JP) .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .med-pub .title > a, .small-pub :lang(ja-JP) .expertise-cross-browsing.margin-only-container .title > a.image .med-pub .title > a, :lang(ja-JP) .expertise-cross-browsing.margin-only-container .image.title .small-pub .title > a, .small-pub :lang(ja-JP) .expertise-cross-browsing.margin-only-container .image.title .title > a, :lang(ja-JP) .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .small-pub .title > a, .med-pub :lang(ja-JP) .expertise-cross-browsing.margin-only-container .title > a.image .small-pub .title > a, :lang(ja-JP) .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .title > a, .small-pub :lang(ja-JP) .expertise-cross-browsing.margin-only-container .title > a.image .title > a,
  :lang(ja) .expertise-cross-browsing.margin-only-container .image.title .title,
  :lang(ja) .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .title,
  .med-pub :lang(ja) .expertise-cross-browsing.margin-only-container .title > a.image .title,
  :lang(ja) .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .title,
  .small-pub :lang(ja) .expertise-cross-browsing.margin-only-container .title > a.image .title,
  :lang(ja) .expertise-cross-browsing.margin-only-container .image.title .med-pub .title > a,
  .med-pub :lang(ja) .expertise-cross-browsing.margin-only-container .image.title .title > a,
  :lang(ja) .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .title > a,
  .med-pub :lang(ja) .expertise-cross-browsing.margin-only-container .title > a.image .title > a,
  :lang(ja) .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .med-pub .title > a,
  .small-pub :lang(ja) .expertise-cross-browsing.margin-only-container .title > a.image .med-pub .title > a,
  :lang(ja) .expertise-cross-browsing.margin-only-container .image.title .small-pub .title > a,
  .small-pub :lang(ja) .expertise-cross-browsing.margin-only-container .image.title .title > a,
  :lang(ja) .expertise-cross-browsing.margin-only-container .med-pub .title > a.image .small-pub .title > a,
  .med-pub :lang(ja) .expertise-cross-browsing.margin-only-container .title > a.image .small-pub .title > a,
  :lang(ja) .expertise-cross-browsing.margin-only-container .small-pub .title > a.image .title > a,
  .small-pub :lang(ja) .expertise-cross-browsing.margin-only-container .title > a.image .title > a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .search-count,
  :lang(ja) .search-count {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .masonry-container article.tile-mention time,
  :lang(ja-JP) .masonry-container article.tile-mention .label,
  :lang(ja-JP) .masonry-container article.tile-quote time,
  :lang(ja-JP) .masonry-container article.tile-quote .label,
  :lang(ja) .masonry-container article.tile-mention time,
  :lang(ja) .masonry-container article.tile-mention .label,
  :lang(ja) .masonry-container article.tile-quote time,
  :lang(ja) .masonry-container article.tile-quote .label {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .hi-statement .title, :lang(ja-JP) .hi-statement .med-pub .title > a, .med-pub :lang(ja-JP) .hi-statement .title > a, :lang(ja-JP) .hi-statement .small-pub .title > a, .small-pub :lang(ja-JP) .hi-statement .title > a,
  :lang(ja) .hi-statement .title,
  :lang(ja) .hi-statement .med-pub .title > a,
  .med-pub :lang(ja) .hi-statement .title > a,
  :lang(ja) .hi-statement .small-pub .title > a,
  .small-pub :lang(ja) .hi-statement .title > a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .bcg-homepage .see-all-panel,
  :lang(ja) .bcg-homepage .see-all-panel {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .bcg-homepage .cta-text,
  :lang(ja) .bcg-homepage .cta-text {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items a,
  :lang(ja) .bcg-homepage .shallow-mode-wrapper .shallow-mode-content .shallow-mode-container .shallow-mode-items a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .grid-row.events.job-posting p,
  :lang(ja) .grid-row.events.job-posting p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .lens .lens-container .selector-container .confirm,
  :lang(ja) .lens .lens-container .selector-container .confirm {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .lens-modal .lens-modal-content .confirm,
  :lang(ja) .lens-modal .lens-modal-content .confirm {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .lens-modal .lens-modal-content .cancel,
  :lang(ja) .lens-modal .lens-modal-content .cancel {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .offices-mini-landing .city,
  :lang(ja) .offices-mini-landing .city {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .press-release-list-item .title, :lang(ja-JP) .press-release-list-item .med-pub .title > a, .med-pub :lang(ja-JP) .press-release-list-item .title > a, :lang(ja-JP) .press-release-list-item .small-pub .title > a, .small-pub :lang(ja-JP) .press-release-list-item .title > a,
  :lang(ja) .press-release-list-item .title,
  :lang(ja) .press-release-list-item .med-pub .title > a,
  .med-pub :lang(ja) .press-release-list-item .title > a,
  :lang(ja) .press-release-list-item .small-pub .title > a,
  .small-pub :lang(ja) .press-release-list-item .title > a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .programs .program-item .program-content .text-container .content-header,
  :lang(ja) .programs .program-item .program-content .text-container .content-header {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .programs .program-item .program-content .text-container .program-text,
  :lang(ja) .programs .program-item .program-content .text-container .program-text {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .elastic-cluster-title-title,
  :lang(ja) .elastic-cluster-title-title {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .social-feed .content,
  :lang(ja) .social-feed .content {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .bhi-pt.standalone-article p,
  :lang(ja) .bhi-pt.standalone-article p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .standard-article.bhi-pt .simple-header .simple-header-content .simple-header-body p,
  :lang(ja) .standard-article.bhi-pt .simple-header .simple-header-content .simple-header-body p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .video-wrapper .video-title, :lang(ja-JP) .audio-wrapper .video-title,
  :lang(ja) .video-wrapper .video-title,
  :lang(ja) .audio-wrapper .video-title {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .full-width-body-section .link-box-wrapper .link-box-button,
  :lang(ja) .full-width-body-section .link-box-wrapper .link-box-button {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .careers .link-box-button,
  :lang(ja) .careers .link-box-button {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .search-result .search-result-container .result-header .title, :lang(ja-JP) .search-result .search-result-container .result-header .med-pub .title > a, .med-pub :lang(ja-JP) .search-result .search-result-container .result-header .title > a, :lang(ja-JP) .search-result .search-result-container .result-header .small-pub .title > a, .small-pub :lang(ja-JP) .search-result .search-result-container .result-header .title > a,
  :lang(ja) .search-result .search-result-container .result-header .title,
  :lang(ja) .search-result .search-result-container .result-header .med-pub .title > a,
  .med-pub :lang(ja) .search-result .search-result-container .result-header .title > a,
  :lang(ja) .search-result .search-result-container .result-header .small-pub .title > a,
  .small-pub :lang(ja) .search-result .search-result-container .result-header .title > a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .challenge-top h1,
  :lang(ja) .challenge-top h1 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .interstitial-footer-nav .title, :lang(ja-JP) .interstitial-footer-nav .med-pub .title > a, .med-pub :lang(ja-JP) .interstitial-footer-nav .title > a, :lang(ja-JP) .interstitial-footer-nav .small-pub .title > a, .small-pub :lang(ja-JP) .interstitial-footer-nav .title > a,
  :lang(ja) .interstitial-footer-nav .title,
  :lang(ja) .interstitial-footer-nav .med-pub .title > a,
  .med-pub :lang(ja) .interstitial-footer-nav .title > a,
  :lang(ja) .interstitial-footer-nav .small-pub .title > a,
  .small-pub :lang(ja) .interstitial-footer-nav .title > a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .menu .menu-search form input,
  :lang(ja) .menu .menu-search form input {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .office-detail2 .page-title,
  :lang(ja) .office-detail2 .page-title {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .pagination a,
  :lang(ja-JP) .pagination span,
  :lang(ja) .pagination a,
  :lang(ja) .pagination span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .perspective-article-abstract .title, :lang(ja-JP) .perspective-article-abstract .med-pub .title > a, .med-pub :lang(ja-JP) .perspective-article-abstract .title > a, :lang(ja-JP) .perspective-article-abstract .small-pub .title > a, .small-pub :lang(ja-JP) .perspective-article-abstract .title > a,
  :lang(ja) .perspective-article-abstract .title,
  :lang(ja) .perspective-article-abstract .med-pub .title > a,
  .med-pub :lang(ja) .perspective-article-abstract .title > a,
  :lang(ja) .perspective-article-abstract .small-pub .title > a,
  .small-pub :lang(ja) .perspective-article-abstract .title > a {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .perspective-article-footer .description,
  :lang(ja) .perspective-article-footer .description {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .search-form-inline .search-input,
  :lang(ja-JP) .search-form-inline input,
  :lang(ja) .search-form-inline .search-input,
  :lang(ja) .search-form-inline input {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .smart-advertising .editorial-title,
  :lang(ja) .smart-advertising .editorial-title {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }
  :lang(ja-JP) .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div,
  :lang(ja) .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic"; }

/*===============
    #TRUMPS
===============*/
/*
  Trumps are rulesets that we need to apply site wide, and we don't want them over written
  Trumps should:
    Always have a comment
    Be very global
    Not be chained to types (body.noMobile -> bad, .noMobile -> good)
    Not address a thing for one specific module
  Trumps can:
    use !important
    target specific browsers/devices/operating systems
*/
/*hide phone number styles on non-mobile*/
.noMobile a[href^="tel"] {
  color: inherit; }
  .noMobile a[href^="tel"]:hover, .noMobile a[href^="tel"]:focus {
    color: inherit; }

/*BR-678: highlighting text disabled
  hammer.js adds some inline styles on a .content-wrapper that disables ability to select text
  This undoes that inline style. Remove if we conditionally load hammer for touch devices
*/
.noTouch [style*="-user-select"],
.noTouch [style*="-user-select"] * {
  -webkit-user-select: initial !important;
  -ms-user-select: inherit !important;
  /*apparently IE doesn't recognize initial as an allowed value*/
  -moz-user-select: initial !important; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.noScroll, .isNotScrollable {
  height: 100%;
  overflow-y: hidden; }

.stopPointerEvents {
  pointer-events: none !important; }

/*
meant to override the first-child shenanigans in main.css arround line 66
Doesn't use important because we want to be able to add a margin after it with another ruleset if necessary
*/
.content-inner-wrapper > .topCTFix.topCTFix.topCTFix.topCTFix.topCTFix.topCTFix:first-child {
  margin-top: 0; }

/* A TopCT when you don't want to change margin to any thing else. ever. for the remainder of your time here on earth
*/
.content-inner-wrapper > .content-inner-wrapper > .topCTFix_evil:first-child:first-child {
  margin-top: 0 !important; }

.modal.bcg-modal.video-modal .video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important; }

/* Because we have 2 videos, one in the hero and one as a modal, turning off the ability to enable the main vid. */
.hero-type-1 .video-js {
  pointer-events: none; }

/* !!!Shame!!!: In order to keep this change isolated, it is a highly specific override.  See BQ3-834 for details.*/
@media (min-width: 768px) {
  .active-search-expanded .menu {
    z-index: 2; }
  .active-search-expanded .top-bar-wrapper:not(.deepmode-top-bar) {
    margin-left: 100px;
    padding-left: 0;
    width: calc(100% - 100px); } }

/* !!!Shame!!!: fix to deal with internal grid classes. */
.js-hiddenModal .container-1 .grid-row {
  width: auto;
  margin: 0; }

/* !!!Shame!!!: fix to deal with modal scaling too big. */
@media (min-width: 768px) {
  .js-hiddenModal.modal.bcg-modal {
    width: 70%; } }

.dynamic-publication-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px; }

.dynamic-publication-list .col {
  width: calc(100% - 20px);
  position: relative;
  margin: 0 20px 20px 0; }
  @media (min-width: 768px) {
    .dynamic-publication-list .col {
      width: calc(50% - 20px); } }
  @media (min-width: 947px) {
    .dynamic-publication-list .col {
      width: calc(50% - 20px); } }
  @media (min-width: 1280px) {
    .dynamic-publication-list .col {
      padding: 0 0 30px 0;
      width: calc(33% - 20px); }
      .dynamic-publication-list .col:nth-child(3n) {
        margin-right: -20px; }
      .dynamic-publication-list .col:nth-child(n+4) {
        border-top: 1px solid #ccc;
        padding: 35px 0 30px 0; } }

.dynamic-pub-cta-icon {
  position: absolute;
  bottom: 2px;
  right: 0; }

.dynamic-pub-title {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1;
  color: inherit; }
  @media (min-width: 768px) {
    .dynamic-pub-title {
      font-size: 16px; } }
  @media (min-width: 1280px) {
    .dynamic-pub-title {
      font-size: 18px; } }

@page {
  margin-top: .75in;
  margin-bottom: .75in;
  margin-left: .5in;
  margin-right: .5in; }

.print-only {
  display: none;
  visibility: hidden; }

@media print {
  body.standalone-article .print-only,
  body.standard-article .print-only {
    display: block;
    visibility: visible; }
  body.standalone-article .print-hide,
  body.standalone-article .bhi-share-toolbar,
  body.standalone-article .side-rail,
  body.standalone-article .antn-rail,
  body.standalone-article .cookie-notification,
  body.standalone-article .practice-tag-container,
  body.standalone-article .related-content-container,
  body.standalone-article .subscription-widget,
  body.standalone-article .article-authors-container .author-content .content a,
  body.standalone-article > .container > .wrapper > .page > .content-wrapper > footer,
  body.standard-article .print-hide,
  body.standard-article .bhi-share-toolbar,
  body.standard-article .side-rail,
  body.standard-article .antn-rail,
  body.standard-article .cookie-notification,
  body.standard-article .practice-tag-container,
  body.standard-article .related-content-container,
  body.standard-article .subscription-widget,
  body.standard-article .article-authors-container .author-content .content a,
  body.standard-article > .container > .wrapper > .page > .content-wrapper > footer {
    display: none !important;
    visibility: hidden; }
  body.standalone-article .collapsible-content .subheader:before,
  body.standard-article .collapsible-content .subheader:before {
    content: "\e643"; }
  body.standalone-article .collapsible-content .collapsed-content,
  body.standard-article .collapsible-content .collapsed-content {
    display: block; }
  body.standalone-article > .container > .wrapper > .page > .content-wrapper,
  body.standard-article > .container > .wrapper > .page > .content-wrapper {
    padding-top: 0; }
  body.standalone-article .pullquote-container,
  body.standalone-article .article-authors-container,
  body.standalone-article .people-list,
  body.standard-article .pullquote-container,
  body.standard-article .article-authors-container,
  body.standard-article .people-list {
    break-inside: avoid; }
  body.standalone-article .article-authors-container ~ * {
    display: none !important; }
  body.standalone-article > .container > .wrapper > .page > .content-wrapper .heros-container.supporting-article-hero {
    margin-bottom: 200px;
    overflow: visible; }
    body.standalone-article > .container > .wrapper > .page > .content-wrapper .heros-container.supporting-article-hero h1 {
      font-weight: 800;
      margin: 30px 0;
      position: relative;
      top: 258px;
      color: #333 !important; }
    body.standalone-article > .container > .wrapper > .page > .content-wrapper .heros-container.supporting-article-hero img {
      height: 258px; } }