/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! EY DFF - v3.0.166 */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.container-fluid {
  padding-right: 18px;
  padding-left: 18px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden
}

.paragraphSystem, .row {
  margin-left: -6px;
  margin-right: -6px
}

@media (min-width:600px) {
  .paragraphSystem, .row {
    margin-left: -8px;
    margin-right: -8px
  }
}

.container:before, .container:after, .container-fluid:before, .container-fluid:after, .paragraphSystem:before, .paragraphSystem:after, .row:before, .row:after {
  content: " ";
  display: table
}

.row:after, .paragraphSystem:after, .container:after, .container-fluid:after {
  clear: both
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

.col-xs-offset-0 {
  margin-left: 0%
}

@media (min-width:600px) {
  .container-fluid {
    padding-right: 44px;
    padding-left: 44px
  }

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 8px;
    padding-right: 8px
  }

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left
  }

  .col-sm-12 {
    width: 100%
  }

  .col-sm-11 {
    width: 91.66666667%
  }

  .col-sm-10 {
    width: 83.33333333%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-8 {
    width: 66.66666667%
  }

  .col-sm-7 {
    width: 58.33333333%
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-5 {
    width: 41.66666667%
  }

  .col-sm-4 {
    width: 33.33333333%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-2 {
    width: 16.66666667%
  }

  .col-sm-1 {
    width: 8.33333333%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-pull-11 {
    right: 91.66666667%
  }

  .col-sm-pull-10 {
    right: 83.33333333%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-8 {
    right: 66.66666667%
  }

  .col-sm-pull-7 {
    right: 58.33333333%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-5 {
    right: 41.66666667%
  }

  .col-sm-pull-4 {
    right: 33.33333333%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-2 {
    right: 16.66666667%
  }

  .col-sm-pull-1 {
    right: 8.33333333%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-push-11 {
    left: 91.66666667%
  }

  .col-sm-push-10 {
    left: 83.33333333%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-8 {
    left: 66.66666667%
  }

  .col-sm-push-7 {
    left: 58.33333333%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-5 {
    left: 41.66666667%
  }

  .col-sm-push-4 {
    left: 33.33333333%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-2 {
    left: 16.66666667%
  }

  .col-sm-push-1 {
    left: 8.33333333%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%
  }

  .col-sm-offset-9 {
    margin-left: 75%
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%
  }

  .col-sm-offset-6 {
    margin-left: 50%
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%
  }

  .col-sm-offset-3 {
    margin-left: 25%
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%
  }

  .col-sm-offset-0 {
    margin-left: 0%
  }
}

@media (min-width:900px) {
  .container-fluid {
    padding-right: 60px;
    padding-left: 60px
  }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
  }

  .col-md-12 {
    width: 100%
  }

  .col-md-11 {
    width: 91.66666667%
  }

  .col-md-10 {
    width: 83.33333333%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-8 {
    width: 66.66666667%
  }

  .col-md-7 {
    width: 58.33333333%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-5 {
    width: 41.66666667%
  }

  .col-md-4 {
    width: 33.33333333%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-2 {
    width: 16.66666667%
  }

  .col-md-1 {
    width: 8.33333333%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-pull-11 {
    right: 91.66666667%
  }

  .col-md-pull-10 {
    right: 83.33333333%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-8 {
    right: 66.66666667%
  }

  .col-md-pull-7 {
    right: 58.33333333%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-5 {
    right: 41.66666667%
  }

  .col-md-pull-4 {
    right: 33.33333333%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-2 {
    right: 16.66666667%
  }

  .col-md-pull-1 {
    right: 8.33333333%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-push-11 {
    left: 91.66666667%
  }

  .col-md-push-10 {
    left: 83.33333333%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-8 {
    left: 66.66666667%
  }

  .col-md-push-7 {
    left: 58.33333333%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-5 {
    left: 41.66666667%
  }

  .col-md-push-4 {
    left: 33.33333333%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-2 {
    left: 16.66666667%
  }

  .col-md-push-1 {
    left: 8.33333333%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-offset-12 {
    margin-left: 100%
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%
  }

  .col-md-offset-9 {
    margin-left: 75%
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%
  }

  .col-md-offset-6 {
    margin-left: 50%
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%
  }

  .col-md-offset-3 {
    margin-left: 25%
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%
  }

  .col-md-offset-0 {
    margin-left: 0%
  }
}

@media (min-width:1200px) {
  .container-fluid {
    padding-right: 68px;
    padding-left: 68px
  }

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left
  }

  .col-lg-12 {
    width: 100%
  }

  .col-lg-11 {
    width: 91.66666667%
  }

  .col-lg-10 {
    width: 83.33333333%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-8 {
    width: 66.66666667%
  }

  .col-lg-7 {
    width: 58.33333333%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-5 {
    width: 41.66666667%
  }

  .col-lg-4 {
    width: 33.33333333%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-2 {
    width: 16.66666667%
  }

  .col-lg-1 {
    width: 8.33333333%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-pull-11 {
    right: 91.66666667%
  }

  .col-lg-pull-10 {
    right: 83.33333333%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-8 {
    right: 66.66666667%
  }

  .col-lg-pull-7 {
    right: 58.33333333%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-5 {
    right: 41.66666667%
  }

  .col-lg-pull-4 {
    right: 33.33333333%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-2 {
    right: 16.66666667%
  }

  .col-lg-pull-1 {
    right: 8.33333333%
  }

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-push-11 {
    left: 91.66666667%
  }

  .col-lg-push-10 {
    left: 83.33333333%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-8 {
    left: 66.66666667%
  }

  .col-lg-push-7 {
    left: 58.33333333%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-5 {
    left: 41.66666667%
  }

  .col-lg-push-4 {
    left: 33.33333333%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-2 {
    left: 16.66666667%
  }

  .col-lg-push-1 {
    left: 8.33333333%
  }

  .col-lg-push-0 {
    left: auto
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%
  }

  .col-lg-offset-9 {
    margin-left: 75%
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%
  }

  .col-lg-offset-6 {
    margin-left: 50%
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%
  }

  .col-lg-offset-3 {
    margin-left: 25%
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%
  }

  .col-lg-offset-0 {
    margin-left: 0%
  }
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, footer, header, nav, section {
  display: block
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

figcaption, figure, main {
  display: block
}

figure {
  margin: 0
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: inherit
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

audio, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details, menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden] {
  display: none
}

@charset "UTF-8";

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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
}

.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 {
  -webkit-transform: translate3d(0, 0, 0);
  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;
  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
}

/* @font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal
} */

.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "â†"
}

[dir="rtl"] .slick-prev:before {
  content: "â†’"
}

.slick-next {
  right: -25px
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "â†’"
}

[dir="rtl"] .slick-next:before {
  content: "â†"
}

.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "â€¢";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75
}

@charset "UTF-8";

.cookiePolicy .cookiePolicy-buttons button, .cookiePolicy .cookiePolicy-buttons p a {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.cookiePolicy .cookiePolicy-buttons button:hover, .cookiePolicy .cookiePolicy-buttons p a:hover, .cookiePolicy .cookiePolicy-buttons button:active, .cookiePolicy .cookiePolicy-buttons p a:active {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.cookiePolicy .cookiePolicy-buttons button::after, .cookiePolicy .cookiePolicy-buttons p a::after {
  display: none
}

.cookiePolicy .cookiePolicy-text a {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text a:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .cookiePolicy .cookiePolicy-text a, .cookiePolicy .cookiePolicy-text .box-dark-background a, .container-dark-background .cookiePolicy .cookiePolicy-text a, .cookiePolicy .cookiePolicy-text .container-dark-background a, .template-article .box-dark-background .cookiePolicy .cookiePolicy-text a, .cookiePolicy .cookiePolicy-text .template-article .box-dark-background a, .cookiePolicy .cookiePolicy-text a .better-question, .eventListInstantSearch .cookiePolicy .cookiePolicy-text a, .cookiePolicy .cookiePolicy-text .eventListInstantSearch a {
  color: white
}

@media print {
  .box-dark-background .cookiePolicy .cookiePolicy-text a, .cookiePolicy .cookiePolicy-text .box-dark-background a, .container-dark-background .cookiePolicy .cookiePolicy-text a, .cookiePolicy .cookiePolicy-text .container-dark-background a, .template-article .box-dark-background .cookiePolicy .cookiePolicy-text a, .cookiePolicy .cookiePolicy-text .template-article .box-dark-background a, .cookiePolicy .cookiePolicy-text a .better-question, .eventListInstantSearch .cookiePolicy .cookiePolicy-text a, .cookiePolicy .cookiePolicy-text .eventListInstantSearch a {
    color: #2e2e38
  }
}

.box-dark-background .cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text .box-dark-background a:hover, .box-dark-background .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text .box-dark-background a:active, .container-dark-background .cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text .container-dark-background a:hover, .container-dark-background .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text .container-dark-background a:active, .template-article .box-dark-background .cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text .template-article .box-dark-background a:hover, .template-article .box-dark-background .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text .template-article .box-dark-background a:active, .cookiePolicy .cookiePolicy-text a .better-question:hover, .cookiePolicy .cookiePolicy-text a .better-question:active, .eventListInstantSearch .cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text .eventListInstantSearch a:hover, .eventListInstantSearch .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text .eventListInstantSearch a:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text .box-dark-background a:hover, .box-dark-background .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text .box-dark-background a:active, .container-dark-background .cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text .container-dark-background a:hover, .container-dark-background .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text .container-dark-background a:active, .template-article .box-dark-background .cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text .template-article .box-dark-background a:hover, .template-article .box-dark-background .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text .template-article .box-dark-background a:active, .cookiePolicy .cookiePolicy-text a .better-question:hover, .cookiePolicy .cookiePolicy-text a .better-question:active, .eventListInstantSearch .cookiePolicy .cookiePolicy-text a:hover, .cookiePolicy .cookiePolicy-text .eventListInstantSearch a:hover, .eventListInstantSearch .cookiePolicy .cookiePolicy-text a:active, .cookiePolicy .cookiePolicy-text .eventListInstantSearch a:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.cookiePolicy {
  background-color: #f4f4f6;
  overflow: hidden;
  -webkit-transition: 0.3s opacity, 0.3s visibility, 0.3s -webkit-transform;
  transition: 0.3s opacity, 0.3s visibility, 0.3s -webkit-transform;
  transition: 0.3s opacity, 0.3s transform, 0.3s visibility;
  transition: 0.3s opacity, 0.3s transform, 0.3s visibility, 0.3s -webkit-transform;
  position: fixed;
  bottom: 0;
  z-index: 505;
  width: 100%
}

.cookiePolicy.collapsed {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: hidden
}

.cookiePolicy .cookiePolicy-inner {
  overflow: hidden;
  padding: 27px 68px;
  max-width: 1920px;
  margin: 0 auto
}

@media only screen and (max-width:1199px) {
  .cookiePolicy .cookiePolicy-inner {
    padding: 27px 60px
  }
}

@media only screen and (max-width:899px) {
  .cookiePolicy .cookiePolicy-inner {
    padding: 25px 44px;
    max-height: calc(100vh - 50px);
    overflow: auto
  }
}

@media only screen and (max-width:599px) {
  .cookiePolicy .cookiePolicy-inner {
    padding: 18px;
    max-height: calc(100vh - 36px)
  }
}

.cookiePolicy .cookiePolicy-text {
  width: 66.66667%;
  float: left;
  color: #2e2e38;
  position: relative
}

@media only screen and (max-width:1199px) {
  .cookiePolicy .cookiePolicy-text {
    width: 64%
  }
}

@media only screen and (max-width:899px) {
  .cookiePolicy .cookiePolicy-text {
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .cookiePolicy .cookiePolicy-text .richText {
    max-height: 250px;
    overflow-y: scroll
  }
}

@media only screen and (max-width:599px) {
  .cookiePolicy .cookiePolicy-text .richText-content {
    padding-bottom: 60px
  }
}

.cookiePolicy .cookiePolicy-text h5 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 6px
}

.cookiePolicy .cookiePolicy-text p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  margin: 0
}

.cookiePolicy .cookiePolicy-text::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 250, 0)), to(#f6f6fa));
  background: linear-gradient(180deg, rgba(246, 246, 250, 0) 0%, #f6f6fa 100%)
}

@media only screen and (max-width:599px) {
  .cookiePolicy .cookiePolicy-text::after {
    content: ''
  }
}

.cookiePolicy .cookiePolicy-text strong {
  font-weight: 700
}

.cookiePolicy .cookiePolicy-buttons {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 21px;
  min-width: 230px;
  max-width: 25%;
  float: right;
  text-align: center;
  margin-top: 40px
}

@media only screen and (max-width:1199px) {
  .cookiePolicy .cookiePolicy-buttons {
    max-width: 33.33333%;
    padding: 0 10px
  }
}

@media only screen and (max-width:899px) {
  .cookiePolicy .cookiePolicy-buttons {
    width: 100%;
    max-width: none;
    padding: 0;
    margin-top: 27px
  }
}

.cookiePolicy .cookiePolicy-buttons button {
  font-family: 'EYInterstate', sans-serif;
  width: 100%;
  min-height: 54px;
  cursor: pointer;
  background-color: transparent;
  padding: 15px 30px
}

html[lang^='ja'] .cookiePolicy .cookiePolicy-buttons button {
  font-family: 'EYInterstate', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .cookiePolicy .cookiePolicy-buttons button {
  font-family: 'EYInterstate', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.cookiePolicy .cookiePolicy-buttons p {
  margin: 16px 0 0
}

.cookiePolicy .cookiePolicy-buttons p a {
  width: 100%;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 30px
}

@charset "UTF-8";

.richText a, .table a, .form a {
  color: #2e2e38;
  font-weight: 700;
  border-bottom: 1px solid
}

.richText a:hover, .table a:hover, .form a:hover, .richText a:active, .table a:active, .form a:active {
  border-bottom-width: 2px
}

.box-dark-background .richText a, .richText .box-dark-background a, .box-dark-background .table a, .table .box-dark-background a, .box-dark-background .form a, .form .box-dark-background a, .container-dark-background .richText a, .richText .container-dark-background a, .container-dark-background .table a, .table .container-dark-background a, .container-dark-background .form a, .form .container-dark-background a, .template-article .box-dark-background .richText a, .richText .template-article .box-dark-background a, .template-article .box-dark-background .table a, .table .template-article .box-dark-background a, .template-article .box-dark-background .form a, .form .template-article .box-dark-background a, .form a {
  color: white
}

.hyperlink-primary-cta:not(.default-link), .hyperlink-dark-primary-cta:not(.default-link) {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.hyperlink-primary-cta:hover:not(.default-link), .hyperlink-dark-primary-cta:hover:not(.default-link), .hyperlink-primary-cta:active:not(.default-link), .hyperlink-dark-primary-cta:active:not(.default-link) {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.hyperlink-primary-cta:not(.default-link)::after, .hyperlink-dark-primary-cta:not(.default-link)::after {
  display: none
}

.hyperlink-secondary-cta:not(.default-link), .hyperlink-dark-secondary-cta:not(.default-link) {
  display: inline-block;
  border: 1px solid #c4c4cd;
  background-color: white;
  padding: 9px 40px;
  line-height: 24px;
  color: #2e2e38;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s
}

.mod-no-touchevents .hyperlink-secondary-cta:hover:not(.default-link), .mod-no-touchevents .hyperlink-dark-secondary-cta:hover:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-secondary-cta:active:not(.default-link), .hyperlink-dark-secondary-cta:active:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-text-link:not(.default-link), .hyperlink-dark-text-link:not(.default-link) {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.hyperlink-text-link:hover:not(.default-link), .hyperlink-dark-text-link:hover:not(.default-link), .hyperlink-text-link:active:not(.default-link), .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:focus:not(.default-link), .hyperlink-dark-text-link:focus:not(.default-link) {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
  color: white
}

@media print {
  .box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
    color: #2e2e38
  }
}

.box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

/* @font-face {
  font-family: 'EYInterstate';
  src: url("../../assets/fonts/eyinterstate/EYInterstate-Light.eot");
  src: url("../../assets/fonts/eyinterstate/EYInterstate-Light.woff") format("woff"), url("../../assets/fonts/eyinterstate/EYInterstate-Light.ttf") format("truetype"), url("../../assets/fonts/eyinterstate/EYInterstate-Light.svg") format("svg");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'EYInterstate';
  src: url("../../assets/fonts/eyinterstate/EYInterstate-LightItalic.eot");
  src: url("../../assets/fonts/eyinterstate/EYInterstate-LightItalic.woff") format("woff"), url("../../assets/fonts/eyinterstate/EYInterstate-LightItalic.ttf") format("truetype"), url("../../assets/fonts/eyinterstate/EYInterstate-LightItalic.svg") format("svg");
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: 'EYInterstate';
  src: url("../../assets/fonts/eyinterstate/EYInterstate-Regular.eot");
  src: url("../../assets/fonts/eyinterstate/EYInterstate-Regular.woff") format("woff"), url("../../assets/fonts/eyinterstate/EYInterstate-Regular.ttf") format("truetype"), url("../../assets/fonts/eyinterstate/EYInterstate-Regular.svg") format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'EYInterstate';
  src: url("../../assets/fonts/eyinterstate/EYInterstate-Italic.eot");
  src: url("../../assets/fonts/eyinterstate/EYInterstate-Italic.woff") format("woff"), url("../../assets/fonts/eyinterstate/EYInterstate-Italic.ttf") format("truetype"), url("../../assets/fonts/eyinterstate/EYInterstate-Italic.svg") format("svg");
  font-weight: 400;
  font-style: italic
}

@font-face {
  font-family: 'EYInterstate';
  src: url("../../assets/fonts/eyinterstate/EYInterstate-Bold.eot");
  src: url("../../assets/fonts/eyinterstate/EYInterstate-Bold.woff") format("woff"), url("../../assets/fonts/eyinterstate/EYInterstate-Bold.ttf") format("truetype"), url("../../assets/fonts/eyinterstate/EYInterstate-Bold.svg") format("svg");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'EYInterstate';
  src: url("../../assets/fonts/eyinterstate/EYInterstate-BoldItalic.eot");
  src: url("../../assets/fonts/eyinterstate/EYInterstate-BoldItalic.woff") format("woff"), url("../../assets/fonts/eyinterstate/EYInterstate-BoldItalic.ttf") format("truetype"), url("../../assets/fonts/eyinterstate/EYInterstate-BoldItalic.svg") format("svg");
  font-weight: 700;
  font-style: italic
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../../assets/fonts/fontawesome-webfont.eot");
  src: url("../../assets/fonts/fontawesome-webfont.woff2") format("woff2"), url("../../assets/fonts/fontawesome-webfont.woff") format("woff")
}

@font-face {
  font-family: 'Noto Sans';
  src: url("../../assets/fonts/eyinterstate/noto-sans-regular.eot");
  src: url("../../assets/fonts/noto/noto-sans-regular.woff") format("woff"), url("../../assets/fonts/noto/noto-sans-regular.ttf") format("truetype"), url("../../assets/fonts/noto/noto-sans-regular.svg") format("svg");
  font-weight: 400;
  font-style: normal
} */

html {
  font-size: 10px
}

body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'EYInterstate', sans-serif;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  color: #2e2e38;
  font-weight: 300
}

html[lang^='ja'] body {
  font-family: 'EYInterstate', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] body {
  font-family: 'EYInterstate', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

body.template-article .richText-copy-block, body.template-article .richText.copy-block, body.template-article .richText.summary-content, body.template-article .summary-title.title, body.template-article-template .richText-copy-block, body.template-article-template .richText.copy-block, body.template-article-template .richText.summary-content, body.template-article-template .summary-title.title {
  font-family: Georgia, sans-serif;
  font-weight: 400
}

html[lang^='ja'] body.template-article .richText-copy-block, html[lang^='ja'] body.template-article .richText.copy-block, html[lang^='ja'] body.template-article .richText.summary-content, html[lang^='ja'] body.template-article .summary-title.title, html[lang^='ja'] body.template-article-template .richText-copy-block, html[lang^='ja'] body.template-article-template .richText.copy-block, html[lang^='ja'] body.template-article-template .richText.summary-content, html[lang^='ja'] body.template-article-template .summary-title.title {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] body.template-article .richText-copy-block, html[lang^='zh'] body.template-article .richText.copy-block, html[lang^='zh'] body.template-article .richText.summary-content, html[lang^='zh'] body.template-article .summary-title.title, html[lang^='zh'] body.template-article-template .richText-copy-block, html[lang^='zh'] body.template-article-template .richText.copy-block, html[lang^='zh'] body.template-article-template .richText.summary-content, html[lang^='zh'] body.template-article-template .summary-title.title {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

body.template-article h4, body.template-article h5, body.template-article-template h4, body.template-article-template h5 {
  color: #2e2e38
}

h1, h2, h3, h4, h5 {
  font-weight: 300
}

.template-article h1, .template-article h2, .template-article h3, .template-article h4, .template-article h5 {
  font-weight: normal
}

h1 {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 60px;
  color: #2e2e38
}

h2 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px
}

h3 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px
}

h4 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  color: #2e2e38
}

h5 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px
}

@media only screen and (max-width:1199px) {
  body {
    line-height: 1.625
  }

  h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px
  }

  h2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 46px
  }

  h2 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

button, input, optgroup, select, textarea {
  font-family: inherit
}

.richText a, .table a, .form a {
  color: #2e2e38;
  font-weight: 700;
  border-bottom: 1px solid
}

.richText a:hover, .table a:hover, .form a:hover, .richText a:active, .table a:active, .form a:active {
  border-bottom-width: 2px
}

.box-dark-background .richText a, .richText .box-dark-background a, .box-dark-background .table a, .table .box-dark-background a, .box-dark-background .form a, .form .box-dark-background a, .container-dark-background .richText a, .richText .container-dark-background a, .container-dark-background .table a, .table .container-dark-background a, .container-dark-background .form a, .form .container-dark-background a, .template-article .box-dark-background .richText a, .richText .template-article .box-dark-background a, .template-article .box-dark-background .table a, .table .template-article .box-dark-background a, .template-article .box-dark-background .form a, .form .template-article .box-dark-background a, .form a {
  color: white
}

.hyperlink-primary-cta:not(.default-link), .hyperlink-dark-primary-cta:not(.default-link) {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.hyperlink-primary-cta:hover:not(.default-link), .hyperlink-dark-primary-cta:hover:not(.default-link), .hyperlink-primary-cta:active:not(.default-link), .hyperlink-dark-primary-cta:active:not(.default-link) {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.hyperlink-primary-cta:not(.default-link)::after, .hyperlink-dark-primary-cta:not(.default-link)::after {
  display: none
}

.hyperlink-secondary-cta:not(.default-link), .hyperlink-dark-secondary-cta:not(.default-link) {
  display: inline-block;
  border: 1px solid #c4c4cd;
  background-color: white;
  padding: 9px 40px;
  line-height: 24px;
  color: #2e2e38;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s
}

.mod-no-touchevents .hyperlink-secondary-cta:hover:not(.default-link), .mod-no-touchevents .hyperlink-dark-secondary-cta:hover:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-secondary-cta:active:not(.default-link), .hyperlink-dark-secondary-cta:active:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-text-link:not(.default-link), .hyperlink-dark-text-link:not(.default-link) {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.hyperlink-text-link:hover:not(.default-link), .hyperlink-dark-text-link:hover:not(.default-link), .hyperlink-text-link:active:not(.default-link), .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:focus:not(.default-link), .hyperlink-dark-text-link:focus:not(.default-link) {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
  color: white
}

@media print {
  .box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
    color: #2e2e38
  }
}

.box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.customScrollbar-shaft {
  width: 10px;
  height: auto;
  position: absolute;
  background: #eaeaf2;
  border-radius: 5px;
  scrollbar-width: none
}

.customScrollbar-shaft::-webkit-scrollbar {
  display: none
}

.customScrollbar-shaft::after {
  content: '';
  position: absolute;
  display: block;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px
}

.customScrollbar-shaft .customScrollbar-thumb {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  background: #c4c4cd;
  border-radius: 5px;
  z-index: 100;
  -webkit-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out
}

.customScrollbar-shaft .customScrollbar-thumb:hover {
  background: #747480
}

.customScrollbar-shaft .customScrollbar-thumb::after {
  content: '';
  position: absolute;
  display: block;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px
}

.customScrollbar-shaft.customScrollbar-horizontal {
  height: 10px;
  width: auto
}

.customScrollbar-shaft.customScrollbar-horizontal .customScrollbar-thumb {
  height: 100%;
  width: auto
}

@-webkit-keyframes rotateDots {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

@keyframes rotateDots {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

@-webkit-keyframes showLabels {
  0% {
    left: -100%
  }

  100% {
    left: 0
  }
}

@keyframes showLabels {
  0% {
    left: -100%
  }

  100% {
    left: 0
  }
}

@-webkit-keyframes rotateLabels {
  0% {
    top: 0
  }

  100% {
    top: -100%
  }
}

@keyframes rotateLabels {
  0% {
    top: 0
  }

  100% {
    top: -100%
  }
}

@-webkit-keyframes rotateLabels-2 {
  0% {
    top: -100%
  }

  100% {
    top: -200%
  }
}

@keyframes rotateLabels-2 {
  0% {
    top: -100%
  }

  100% {
    top: -200%
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fade {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes reference-inline-figure-strip-animate-through {
  0% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
  }

  50% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%)
  }

  100% {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
  }
}

@keyframes reference-inline-figure-strip-animate-through {
  0% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
  }

  50% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%)
  }

  100% {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
  }
}

@-webkit-keyframes reference-inline-figure-strip-animate-final {
  0% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
  }

  60% {
    -webkit-transform: translate(0, -8%);
    transform: translate(0, -8%)
  }

  70% {
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%)
  }

  80% {
    -webkit-transform: translate(0, -8%);
    transform: translate(0, -8%)
  }

  100% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%)
  }
}

@keyframes reference-inline-figure-strip-animate-final {
  0% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
  }

  60% {
    -webkit-transform: translate(0, -8%);
    transform: translate(0, -8%)
  }

  70% {
    -webkit-transform: translate(0, -10%);
    transform: translate(0, -10%)
  }

  80% {
    -webkit-transform: translate(0, -8%);
    transform: translate(0, -8%)
  }

  100% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%)
  }
}

@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0
  }

  1% {
    display: block;
    opacity: 0
  }

  100% {
    display: block;
    opacity: 1
  }
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0
  }

  1% {
    display: block;
    opacity: 0
  }

  100% {
    display: block;
    opacity: 1
  }
}

@-webkit-keyframes fadeInFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(calc(100% + 50px));
    transform: translateY(calc(100% + 50px))
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(calc(100% + 50px));
    transform: translateY(calc(100% + 50px))
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes fadeOutToBottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(calc(100% + 50px));
    transform: translateY(calc(100% + 50px))
  }
}

@keyframes fadeOutToBottom {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(calc(100% + 50px));
    transform: translateY(calc(100% + 50px))
  }
}

@-webkit-keyframes slidePrev {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slidePrev {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes slideNext {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideNext {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes scaleImage {
  from {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
}

@keyframes scaleImage {
  from {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
}

@-webkit-keyframes card-animation {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg)
  }

  30% {
    -webkit-transform: translate(-50px, 0) rotate(-10deg);
    transform: translate(-50px, 0) rotate(-10deg)
  }

  70% {
    -webkit-transform: translate(-50px, 0) rotate(-10deg);
    transform: translate(-50px, 0) rotate(-10deg)
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg)
  }
}

@keyframes card-animation {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg)
  }

  30% {
    -webkit-transform: translate(-50px, 0) rotate(-10deg);
    transform: translate(-50px, 0) rotate(-10deg)
  }

  70% {
    -webkit-transform: translate(-50px, 0) rotate(-10deg);
    transform: translate(-50px, 0) rotate(-10deg)
  }

  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg)
  }
}

@-webkit-keyframes inPageNavToRight {
  0% {
    right: 0
  }

  100% {
    right: -147px
  }
}

@keyframes inPageNavToRight {
  0% {
    right: 0
  }

  100% {
    right: -147px
  }
}

@-webkit-keyframes slideNavItem {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  25% {
    -webkit-transform: translateX(-145px);
    transform: translateX(-145px)
  }

  50% {
    -webkit-transform: translateX(-145px);
    transform: translateX(-145px)
  }

  75% {
    -webkit-transform: translateX(-145px);
    transform: translateX(-145px)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes slideNavItem {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  25% {
    -webkit-transform: translateX(-145px);
    transform: translateX(-145px)
  }

  50% {
    -webkit-transform: translateX(-145px);
    transform: translateX(-145px)
  }

  75% {
    -webkit-transform: translateX(-145px);
    transform: translateX(-145px)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes changeBg {
  0% {
    background-color: #1a1a24
  }

  25% {
    background-color: #1a1a24
  }

  50% {
    background-color: #1a1a24
  }

  90% {
    background-color: #1a1a24
  }

  100% {
    background-color: transparent
  }
}

@keyframes changeBg {
  0% {
    background-color: #1a1a24
  }

  25% {
    background-color: #1a1a24
  }

  50% {
    background-color: #1a1a24
  }

  90% {
    background-color: #1a1a24
  }

  100% {
    background-color: transparent
  }
}

/* @font-face {
  font-family: 'FontAwesome';
  src: url("../../assets/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../assets/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../assets/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal
} */

.component.fixed-component[class*="col-"]>.component-content, .component.fixed-component[class*="col-"]>.inner {
  margin-left: -8px;
  margin-right: -8px
}

@media only screen and (max-width:599px) {
  .component.fixed-component[class*="col-"]>.component-content, .component.fixed-component[class*="col-"]>.inner {
    margin-left: -6px;
    margin-right: -6px
  }
}

.component.fixed-component[class*="col-"].box>.component-content, .component.fixed-component[class*="col-"].box>.inner {
  margin-left: 0;
  margin-right: 0
}

@media only screen and (max-width:599px) {
  .component.fixed-component[class*="col-"].box>.component-content, .component.fixed-component[class*="col-"].box>.inner {
    margin-left: 0;
    margin-right: 0
  }
}

#content {
  margin-top: 75px;
  -webkit-transition: margin-top 0.3s ease-out;
  transition: margin-top 0.3s ease-out
}

.on-top #content {
  margin-top: 85px
}

.secondary-navigation-career #content {
  margin-top: calc(75px + 50px)
}

.secondary-navigation-career.on-top #content {
  margin-top: calc(85px + 50px)
}

@media only screen and (max-width:599px) {
  #content {
    margin-top: 60px
  }

  .on-top #content {
    margin-top: 80px
  }

  .secondary-navigation-career #content {
    margin-top: calc(60px + 50px)
  }

  .secondary-navigation-career.on-top #content {
    margin-top: calc(80px + 50px)
  }
}

.container-full-width {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .container-full-width {
    width: 100%;
    left: auto
  }
}

.container-full-width>.component-content, .container-full-width>.row {
  padding: 0 68px
}

@media print {
  .container-full-width>.component-content, .container-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .container-full-width {
    width: calc(100% + 104px);
    left: -52px
  }

  .container-full-width>.component-content, .container-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .container-full-width {
    width: calc(100% + 72px);
    left: -36px
  }

  .container-full-width>.component-content, .container-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .container-full-width {
    width: calc(100% + 24px);
    left: -12px
  }

  .container-full-width>.component-content, .container-full-width>.row {
    padding: 0 18px
  }
}

.container-dark-background {
  background: #2e2e38
}

.container-dark-background *, .template-article .container-dark-background * {
  color: white
}

#article-summary {
  padding-top: 30px;
  padding-bottom: 30px
}

@media only screen and (max-width:599px) {
  #article-summary {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

#article-summary .title {
  margin-bottom: 0
}

#article-summary .title .component-content:first-child {
  margin-top: 0
}

#article-summary .richText-content:first-child {
  margin-top: 23px;
  padding-top: 0
}

#article-summary .richText-content:last-child {
  margin-bottom: 0
}

.layout-search-results-layout #content {
  margin-top: 254px
}

@media only screen and (max-width:599px) {
  .layout-search-results-layout #content {
    margin-top: 220px
  }
}

[id=profile-description] {
  color: white;
  padding: 0 0 50px;
  position: relative
}

[id=profile-description].container-dark-background::before {
  content: '';
  position: absolute;
  display: block;
  top: -1px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #2e2e38
}

[id=profile-description] [id=profile-description-left] {
  position: relative
}

@media only screen and (max-width:899px) {
  [id=profile-description] [id=profile-description-left] {
    padding-bottom: 40px;
    margin-bottom: 45px
  }

  [id=profile-description] [id=profile-description-left]::after {
    content: '';
    display: block;
    width: calc(100% - 16px);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 8px;
    background-color: #c4c4cd
  }
}

@media only screen and (max-width:599px) {
  [id=profile-description] [id=profile-description-left] {
    padding-bottom: 0;
    margin-bottom: 50px
  }

  [id=profile-description] [id=profile-description-left]::after {
    display: none
  }
}

[id=profile-description] [id=profile-description-left] .surfaceTags {
  padding: 0
}

[id=profile-description] [id=profile-description-right] .readMore {
  padding: 0
}

[id=profile-description]>.row {
  margin: 0
}

.layout-case-study-layout [id=case-study-header], .readOnArticle [id=case-study-header] {
  color: white;
  padding: 65px 0 37px
}

@media only screen and (max-width:1199px) {
  .layout-case-study-layout [id=case-study-header], .readOnArticle [id=case-study-header] {
    padding: 58px 0 59px
  }
}

@media only screen and (max-width:899px) {
  .layout-case-study-layout [id=case-study-header], .readOnArticle [id=case-study-header] {
    padding: 61px 0 53px
  }
}

@media only screen and (max-width:599px) {
  .layout-case-study-layout [id=case-study-header], .readOnArticle [id=case-study-header] {
    padding: 69px 0 39px
  }
}

.layout-case-study-layout [id=case-study-header] .threeDot-label, .readOnArticle [id=case-study-header] .threeDot-label {
  font-weight: 400
}

.layout-case-study-layout [id=case-study-header] .richText, .readOnArticle [id=case-study-header] .richText {
  margin-bottom: 15px
}

.layout-case-study-layout [id=case-study-header] .richText p, .readOnArticle [id=case-study-header] .richText p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  margin-top: 0
}

@media only screen and (max-width:599px) {
  .layout-case-study-layout [id=case-study-header] .richText p, .readOnArticle [id=case-study-header] .richText p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px
  }
}

.layout-case-study-layout [id=case-study-header] .surfaceTags, .readOnArticle [id=case-study-header] .surfaceTags {
  padding: 0
}

.layout-case-study-layout [id=case-study-header] .surfaceTags>.content, .readOnArticle [id=case-study-header] .surfaceTags>.content {
  margin-bottom: 0
}

.layout-case-study-layout [id=case-study-header] .surfaceTags>.content .surface-tag, .readOnArticle [id=case-study-header] .surfaceTags>.content .surface-tag {
  margin: 0 15px 20px 0
}

.layout-case-study-layout [id=case-study-header] .sharingUtilityBar, .readOnArticle [id=case-study-header] .sharingUtilityBar {
  padding: 0
}

.layout-case-study-layout [id=case-study-header] .sharingUtilityBar-content, .readOnArticle [id=case-study-header] .sharingUtilityBar-content {
  padding-top: 15px
}

@media only screen and (max-width:1199px) {
  .layout-case-study-layout [id=case-study-header] .sharingUtilityBar-content, .readOnArticle [id=case-study-header] .sharingUtilityBar-content {
    padding-top: 13px
  }
}

@media only screen and (max-width:899px) {
  .layout-case-study-layout [id=case-study-header] .sharingUtilityBar-content, .readOnArticle [id=case-study-header] .sharingUtilityBar-content {
    padding-top: 15px
  }
}

@media only screen and (max-width:599px) {
  .layout-case-study-layout [id=case-study-header] .sharingUtilityBar-content, .readOnArticle [id=case-study-header] .sharingUtilityBar-content {
    padding-top: 12px
  }
}

.layout-case-study-layout [id=case-study-header] .theTeam, .readOnArticle [id=case-study-header] .theTeam {
  margin-bottom: 0
}

@media only screen and (max-width:1199px) {
  .layout-case-study-layout [id=case-study-header] .theTeam, .readOnArticle [id=case-study-header] .theTeam {
    margin-top: 35px
  }
}

@media only screen and (max-width:899px) {
  .layout-case-study-layout [id=case-study-header] .theTeam, .readOnArticle [id=case-study-header] .theTeam {
    margin-top: 25px
  }
}

.layout-case-study-layout [id=case-study-header] .theTeam .team-viewAll, .readOnArticle [id=case-study-header] .theTeam .team-viewAll {
  margin: 33px 0 0
}

@media only screen and (max-width:1199px) {
  .layout-case-study-layout [id=case-study-header] .theTeam .team-viewAll, .readOnArticle [id=case-study-header] .theTeam .team-viewAll {
    margin: 0
  }
}

@media only screen and (max-width:899px) {
  .layout-case-study-layout [id=case-study-header] .theTeam .team-viewAll, .readOnArticle [id=case-study-header] .theTeam .team-viewAll {
    margin: 30px 0 0
  }
}

@media only screen and (max-width:599px) {
  .layout-case-study-layout [id=case-study-header] .theTeam .team-viewAll, .readOnArticle [id=case-study-header] .theTeam .team-viewAll {
    margin: 0
  }
}

.layout-service-solution-layout #service-header {
  padding: 60px 0 67px
}

@media only screen and (max-width:1199px) {
  .layout-service-solution-layout #service-header {
    padding-bottom: 98px
  }
}

@media only screen and (max-width:899px) {
  .layout-service-solution-layout #service-header {
    padding: 40px 0 45px
  }
}

@media only screen and (max-width:599px) {
  .layout-service-solution-layout #service-header {
    padding-bottom: 52px
  }
}

.layout-service-solution-layout #service-header .headlineTitle {
  margin: 0 0 15px
}

.layout-service-solution-layout #service-header .surfaceTags {
  padding: 0;
  margin-top: 20px
}

@media only screen and (max-width:1199px) {
  .layout-service-solution-layout #service-header .surfaceTags {
    margin: 16px 0 5px
  }
}

@media only screen and (max-width:899px) {
  .layout-service-solution-layout #service-header .surfaceTags {
    margin: 20px 0 5px
  }
}

.layout-service-solution-layout #service-header .surfaceTags>.content .surface-tag {
  margin: 0 15px 15px 0
}

.layout-service-solution-layout #service-header .richText {
  margin-bottom: 0
}

.layout-service-solution-layout #service-header .richText p {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  margin: 0 0 20px
}

@media only screen and (max-width:599px) {
  .layout-service-solution-layout #service-header .richText p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px
  }
}

.layout-event-page-layout .hero-banner.copy>.richText-content {
  width: 66.66667%;
  margin: 0
}

@media only screen and (max-width:1199px) {
  .layout-event-page-layout .hero-banner.copy>.richText-content {
    width: 100%
  }
}

.layout-generic-content-layout .box-generic-content-sidebar+.parent-of-richText .richText .richText-content>:first-child {
  margin-top: 0
}

.layout-generic-content-layout .box-generic-content-sidebar+.parent-of-richText .richText.richText-copy-block {
  padding-top: 0
}

a {
  text-decoration: none;
  color: #2e2e38
}

.hyperlink-primary-cta-with-icon.hyperlink-primary-cta-with-icon, .hyperlink-dark-primary-cta-with-icon:not(.default-link) {
  display: inline-block;
  color: white;
  background: #2e2e38 url("/img/video-white.svg") no-repeat 26px center;
  padding: 18px 26px 18px 65px;
  background-size: 27px;
  font-weight: 300;
  line-height: 18px;
  border: 1px solid #2e2e38;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s
}

.hyperlink-primary-cta-with-icon.hyperlink-primary-cta-with-icon strong, .hyperlink-dark-primary-cta-with-icon:not(.default-link) strong {
  font-weight: 700;
  color: inherit
}

.hyperlink-primary-cta-with-icon.hyperlink-primary-cta-with-icon:hover, .hyperlink-dark-primary-cta-with-icon:hover:not(.default-link), .hyperlink-primary-cta-with-icon.hyperlink-primary-cta-with-icon:active, .hyperlink-dark-primary-cta-with-icon:active:not(.default-link) {
  background: white url("/img/video-dark.svg") no-repeat 26px center;
  background-size: 27px;
  border-width: 1px;
  color: #2e2e38
}

.hyperlink-dark-primary-cta:not(.default-link).hyperlink-dark-primary-cta {
  background-color: #2e2e38;
  color: white;
  border-color: white
}

.hyperlink-dark-primary-cta:not(.default-link).hyperlink-dark-primary-cta:hover, .hyperlink-dark-primary-cta:not(.default-link).hyperlink-dark-primary-cta:active {
  background-color: white;
  color: #2e2e38
}

.hyperlink-dark-secondary-cta:not(.default-link).hyperlink-dark-secondary-cta {
  color: white;
  background-color: #2e2e38
}

.hyperlink-dark-secondary-cta:not(.default-link).hyperlink-dark-secondary-cta:hover, .hyperlink-dark-secondary-cta:not(.default-link).hyperlink-dark-secondary-cta:active {
  color: #2e2e38;
  background-color: white;
  border-color: white
}

.hyperlink-dark-text-link:not(.default-link).hyperlink-dark-text-link {
  color: white
}

.hyperlink-dark-text-link:not(.default-link).hyperlink-dark-text-link:hover, .hyperlink-dark-text-link:not(.default-link).hyperlink-dark-text-link:active {
  color: white;
  border-bottom: 1px solid white
}

.hyperlink-dark-primary-cta-with-icon:not(.default-link).hyperlink-dark-primary-cta-with-icon {
  background: white url("/img/video-dark.svg") no-repeat left 26px center;
  background-size: 27px;
  color: #2e2e38
}

.hyperlink-dark-primary-cta-with-icon:not(.default-link).hyperlink-dark-primary-cta-with-icon:hover {
  background: #2e2e38 url("/img/video-white.svg") no-repeat left 26px center;
  background-size: 27px;
  border-color: white;
  color: white
}

.hyperlink-dark-primary-cta-with-icon:not(.default-link).hyperlink-dark-primary-cta-with-icon:hover strong {
  color: white
}

.richText a, .table a, .form a {
  color: #2e2e38;
  font-weight: 700;
  border-bottom: 1px solid
}

.richText a:hover, .table a:hover, .form a:hover, .richText a:active, .table a:active, .form a:active {
  border-bottom-width: 2px
}

.box-dark-background .richText a, .richText .box-dark-background a, .box-dark-background .table a, .table .box-dark-background a, .box-dark-background .form a, .form .box-dark-background a, .container-dark-background .richText a, .richText .container-dark-background a, .container-dark-background .table a, .table .container-dark-background a, .container-dark-background .form a, .form .container-dark-background a, .template-article .box-dark-background .richText a, .richText .template-article .box-dark-background a, .template-article .box-dark-background .table a, .table .template-article .box-dark-background a, .template-article .box-dark-background .form a, .form .template-article .box-dark-background a, .form a {
  color: white
}

.hyperlink-primary-cta:not(.default-link), .hyperlink-dark-primary-cta:not(.default-link) {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.hyperlink-primary-cta:hover:not(.default-link), .hyperlink-dark-primary-cta:hover:not(.default-link), .hyperlink-primary-cta:active:not(.default-link), .hyperlink-dark-primary-cta:active:not(.default-link) {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.hyperlink-primary-cta:not(.default-link)::after, .hyperlink-dark-primary-cta:not(.default-link)::after {
  display: none
}

.hyperlink-secondary-cta:not(.default-link), .hyperlink-dark-secondary-cta:not(.default-link) {
  display: inline-block;
  border: 1px solid #c4c4cd;
  background-color: white;
  padding: 9px 40px;
  line-height: 24px;
  color: #2e2e38;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s
}

.mod-no-touchevents .hyperlink-secondary-cta:hover:not(.default-link), .mod-no-touchevents .hyperlink-dark-secondary-cta:hover:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-secondary-cta:active:not(.default-link), .hyperlink-dark-secondary-cta:active:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-text-link:not(.default-link), .hyperlink-dark-text-link:not(.default-link) {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.hyperlink-text-link:hover:not(.default-link), .hyperlink-dark-text-link:hover:not(.default-link), .hyperlink-text-link:active:not(.default-link), .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:focus:not(.default-link), .hyperlink-dark-text-link:focus:not(.default-link) {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
  color: white
}

@media print {
  .box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
    color: #2e2e38
  }
}

.box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.hyperlink-icon, .hyperlink-dark-icon, .hyperlink-dark-icon-email:not(.default-link), .hyperlink-dark-icon-phone:not(.default-link), .hyperlink-dark-icon-linkedin:not(.default-link), .hyperlink-dark-icon-twitter:not(.default-link), .hyperlink-dark-icon-facebook:not(.default-link), .hyperlink-dark-icon-google:not(.default-link), .hyperlink-dark-icon-youtube:not(.default-link), .hyperlink-dark-icon-share:not(.default-link), .hyperlink-dark-icon-print:not(.default-link), .hyperlink-icon-email:not(.default-link), .hyperlink-icon-phone:not(.default-link), .hyperlink-icon-linkedin:not(.default-link), .hyperlink-icon-twitter:not(.default-link), .hyperlink-icon-facebook:not(.default-link), .hyperlink-icon-google:not(.default-link), .hyperlink-icon-youtube:not(.default-link), .hyperlink-icon-link:not(.default-link), .hyperlink-icon-share:not(.default-link), .hyperlink-icon-print:not(.default-link) {
  border: 1px solid #c4c4cd;
  border-radius: 50%;
  color: inherit;
  display: inline-block;
  width: 44px;
  height: 44px;
  position: relative;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  text-align: center;
  vertical-align: middle
}

.hyperlink-icon::before, .hyperlink-dark-icon::before, .hyperlink-dark-icon-email:not(.default-link)::before, .hyperlink-dark-icon-phone:not(.default-link)::before, .hyperlink-dark-icon-linkedin:not(.default-link)::before, .hyperlink-dark-icon-twitter:not(.default-link)::before, .hyperlink-dark-icon-facebook:not(.default-link)::before, .hyperlink-dark-icon-google:not(.default-link)::before, .hyperlink-dark-icon-youtube:not(.default-link)::before, .hyperlink-dark-icon-share:not(.default-link)::before, .hyperlink-dark-icon-print:not(.default-link)::before, .hyperlink-icon-email:not(.default-link)::before, .hyperlink-icon-phone:not(.default-link)::before, .hyperlink-icon-linkedin:not(.default-link)::before, .hyperlink-icon-twitter:not(.default-link)::before, .hyperlink-icon-facebook:not(.default-link)::before, .hyperlink-icon-google:not(.default-link)::before, .hyperlink-icon-youtube:not(.default-link)::before, .hyperlink-icon-link:not(.default-link)::before, .hyperlink-icon-share:not(.default-link)::before, .hyperlink-icon-print:not(.default-link)::before {
  font-size: 20px;
  font-size: 2rem;
  line-height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-indent: 0;
  -webkit-transition: color 0.3s;
  transition: color 0.3s
}

.hyperlink-icon:hover, .hyperlink-dark-icon:hover, .hyperlink-dark-icon-email:hover:not(.default-link), .hyperlink-dark-icon-phone:hover:not(.default-link), .hyperlink-dark-icon-linkedin:hover:not(.default-link), .hyperlink-dark-icon-twitter:hover:not(.default-link), .hyperlink-dark-icon-facebook:hover:not(.default-link), .hyperlink-dark-icon-google:hover:not(.default-link), .hyperlink-dark-icon-youtube:hover:not(.default-link), .hyperlink-dark-icon-share:hover:not(.default-link), .hyperlink-dark-icon-print:hover:not(.default-link), .hyperlink-icon-email:hover:not(.default-link), .hyperlink-icon-phone:hover:not(.default-link), .hyperlink-icon-linkedin:hover:not(.default-link), .hyperlink-icon-twitter:hover:not(.default-link), .hyperlink-icon-facebook:hover:not(.default-link), .hyperlink-icon-google:hover:not(.default-link), .hyperlink-icon-youtube:hover:not(.default-link), .hyperlink-icon-link:hover:not(.default-link), .hyperlink-icon-share:hover:not(.default-link), .hyperlink-icon-print:hover:not(.default-link), .hyperlink-icon:active, .hyperlink-dark-icon:active, .hyperlink-dark-icon-email:active:not(.default-link), .hyperlink-dark-icon-phone:active:not(.default-link), .hyperlink-dark-icon-linkedin:active:not(.default-link), .hyperlink-dark-icon-twitter:active:not(.default-link), .hyperlink-dark-icon-facebook:active:not(.default-link), .hyperlink-dark-icon-google:active:not(.default-link), .hyperlink-dark-icon-youtube:active:not(.default-link), .hyperlink-dark-icon-share:active:not(.default-link), .hyperlink-dark-icon-print:active:not(.default-link), .hyperlink-icon-email:active:not(.default-link), .hyperlink-icon-phone:active:not(.default-link), .hyperlink-icon-linkedin:active:not(.default-link), .hyperlink-icon-twitter:active:not(.default-link), .hyperlink-icon-facebook:active:not(.default-link), .hyperlink-icon-google:active:not(.default-link), .hyperlink-icon-youtube:active:not(.default-link), .hyperlink-icon-link:active:not(.default-link), .hyperlink-icon-share:active:not(.default-link), .hyperlink-icon-print:active:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38
}

.hyperlink-icon::after, .hyperlink-dark-icon::after, .hyperlink-dark-icon-email:not(.default-link)::after, .hyperlink-dark-icon-phone:not(.default-link)::after, .hyperlink-dark-icon-linkedin:not(.default-link)::after, .hyperlink-dark-icon-twitter:not(.default-link)::after, .hyperlink-dark-icon-facebook:not(.default-link)::after, .hyperlink-dark-icon-google:not(.default-link)::after, .hyperlink-dark-icon-youtube:not(.default-link)::after, .hyperlink-dark-icon-share:not(.default-link)::after, .hyperlink-dark-icon-print:not(.default-link)::after, .hyperlink-icon-email:not(.default-link)::after, .hyperlink-icon-phone:not(.default-link)::after, .hyperlink-icon-linkedin:not(.default-link)::after, .hyperlink-icon-twitter:not(.default-link)::after, .hyperlink-icon-facebook:not(.default-link)::after, .hyperlink-icon-google:not(.default-link)::after, .hyperlink-icon-youtube:not(.default-link)::after, .hyperlink-icon-link:not(.default-link)::after, .hyperlink-icon-share:not(.default-link)::after, .hyperlink-icon-print:not(.default-link)::after {
  display: none
}

.hyperlink-dark-icon, .hyperlink-dark-icon-email:not(.default-link), .hyperlink-dark-icon-phone:not(.default-link), .hyperlink-dark-icon-linkedin:not(.default-link), .hyperlink-dark-icon-twitter:not(.default-link), .hyperlink-dark-icon-facebook:not(.default-link), .hyperlink-dark-icon-google:not(.default-link), .hyperlink-dark-icon-youtube:not(.default-link), .hyperlink-dark-icon-share:not(.default-link), .hyperlink-dark-icon-print:not(.default-link) {
  border-color: #747480
}

.hyperlink-dark-icon:hover, .hyperlink-dark-icon-email:hover:not(.default-link), .hyperlink-dark-icon-phone:hover:not(.default-link), .hyperlink-dark-icon-linkedin:hover:not(.default-link), .hyperlink-dark-icon-twitter:hover:not(.default-link), .hyperlink-dark-icon-facebook:hover:not(.default-link), .hyperlink-dark-icon-google:hover:not(.default-link), .hyperlink-dark-icon-youtube:hover:not(.default-link), .hyperlink-dark-icon-share:hover:not(.default-link), .hyperlink-dark-icon-print:hover:not(.default-link), .hyperlink-dark-icon:active, .hyperlink-dark-icon-email:active:not(.default-link), .hyperlink-dark-icon-phone:active:not(.default-link), .hyperlink-dark-icon-linkedin:active:not(.default-link), .hyperlink-dark-icon-twitter:active:not(.default-link), .hyperlink-dark-icon-facebook:active:not(.default-link), .hyperlink-dark-icon-google:active:not(.default-link), .hyperlink-dark-icon-youtube:active:not(.default-link), .hyperlink-dark-icon-share:active:not(.default-link), .hyperlink-dark-icon-print:active:not(.default-link) {
  border-color: #fff;
  background-color: #fff
}

.hyperlink-icon-email:not(.default-link) {
  background: url("/img/ic_mail_black.svg") center no-repeat;
  background-size: 20px auto
}

.hyperlink-icon-email:not(.default-link):hover, .hyperlink-icon-email:not(.default-link):active, body:not(.initialized) .hyperlink-icon-email:not(.default-link) {
  background-image: url("/img/ic_mail.svg")
}

.hyperlink-dark-icon-email:not(.default-link) {
  background: url("/img/ic_mail.svg") center no-repeat;
  background-size: 20px auto
}

.hyperlink-dark-icon-email:not(.default-link):hover, .hyperlink-dark-icon-email:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-email:not(.default-link) {
  background-image: url("/img/ic_mail_black.svg")
}

.hyperlink-icon-phone:not(.default-link) {
  background: url("/img/ic_phone_black.svg") center no-repeat;
  background-size: 18px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-phone:not(.default-link).active, .hyperlink-icon-phone:not(.default-link):hover {
  background-image: url("/img/ic_phone.svg")
}

.hyperlink-dark-icon-phone:not(.default-link) {
  background: url("/img/ic_phone.svg") center no-repeat;
  background-size: 18px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-phone:not(.default-link).active, .hyperlink-dark-icon-phone:not(.default-link):hover {
  background: url("/img/ic_phone_black.svg") center no-repeat
}

.hyperlink-icon-linkedin:not(.default-link) {
  background: url("/img/ic_linkedin_black.svg") center no-repeat;
  background-size: 17px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-linkedin:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-linkedin:not(.default-link):hover, .hyperlink-icon-linkedin:not(.default-link):active, body:not(.initialized) .hyperlink-icon-linkedin:not(.default-link) {
  background-image: url("/img/ic_linkedin.svg")
}

.hyperlink-dark-icon-linkedin:not(.default-link) {
  background: url("/img/ic_linkedin.svg") center no-repeat;
  background-size: 17px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-linkedin:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-linkedin:not(.default-link):hover, .hyperlink-dark-icon-linkedin:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-linkedin:not(.default-link) {
  background-image: url("/img/ic_linkedin_black.svg")
}

.hyperlink-icon-twitter:not(.default-link), .hyperlink-dark-icon-twitter:not(.default-link) {
  background: url("/img/ic_twitter_black.svg") center no-repeat;
  background-size: 20px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-twitter:not(.default-link):not(:root:root), .hyperlink-dark-icon-twitter:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-twitter:not(.default-link):hover, .hyperlink-dark-icon-twitter:not(.default-link):hover, .hyperlink-icon-twitter:not(.default-link):active, .hyperlink-dark-icon-twitter:not(.default-link):active, body:not(.initialized) .hyperlink-icon-twitter:not(.default-link), body:not(.initialized) .hyperlink-dark-icon-twitter:not(.default-link) {
  background-image: url("/img/ic_twitter.svg")
}

.hyperlink-dark-icon-twitter:not(.default-link) {
  background-image: url("/img/ic_twitter.svg")
}

.hyperlink-dark-icon-twitter:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-twitter:not(.default-link):hover, .hyperlink-dark-icon-twitter:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-twitter:not(.default-link) {
  background-image: url("/img/ic_twitter_black.svg")
}

.hyperlink-icon-facebook:not(.default-link) {
  background: url("/img/ic_facebook.svg") center no-repeat;
  background-size: 17px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-facebook:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-facebook:not(.default-link):hover, .hyperlink-icon-facebook:not(.default-link):active, body:not(.initialized) .hyperlink-icon-facebook:not(.default-link) {
  background-image: url("/img/ic_facebook_active.svg")
}

.hyperlink-dark-icon-facebook:not(.default-link) {
  background: url("/img/ic_facebook_active.svg") center no-repeat;
  background-size: 17px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-facebook:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-facebook:not(.default-link):hover, .hyperlink-dark-icon-facebook:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-facebook:not(.default-link) {
  background-image: url("/img/ic_facebook.svg")
}

.hyperlink-icon-google:not(.default-link) {
  background: url("/img/ic_gplus.svg") center no-repeat;
  background-size: 23px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-google:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-google:not(.default-link):hover, .hyperlink-icon-google:not(.default-link):active, body:not(.initialized) .hyperlink-icon-google:not(.default-link) {
  background-image: url("/img/ic_gplus_active.svg")
}

.hyperlink-dark-icon-google:not(.default-link) {
  background: url("/img/ic_gplus_active.svg") center no-repeat;
  background-size: 23px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-google:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-google:not(.default-link):hover, .hyperlink-dark-icon-google:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-google:not(.default-link) {
  background-image: url("/img/ic_gplus.svg")
}

.hyperlink-icon-youtube:not(.default-link) {
  background: url("/img/ic_youtube.svg") center no-repeat;
  background-size: 22px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-youtube:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-youtube:not(.default-link):hover, .hyperlink-icon-youtube:not(.default-link):active, body:not(.initialized) .hyperlink-icon-youtube:not(.default-link) {
  background-image: url("/img/ic_youtube_active.svg")
}

.hyperlink-dark-icon-youtube:not(.default-link) {
  background: url("/img/ic_youtube_active.svg") center no-repeat;
  background-size: 22px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-youtube:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-youtube:not(.default-link):hover, .hyperlink-dark-icon-youtube:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-youtube:not(.default-link) {
  background-image: url("/img/ic_youtube.svg")
}

.hyperlink-icon-link:not(.default-link)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/img/ic_insert_link.svg") center no-repeat;
  background-size: 22px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.hyperlink-icon-share:not(.default-link) {
  background: url("/img/ic_share.svg") center no-repeat;
  background-size: 16px;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-share:not(.default-link)::before {
  display: none
}

.hyperlink-icon-share:not(.default-link):active, .hyperlink-icon-share:not(.default-link):hover {
  background-image: url("/img/ic_share_active.svg")
}

.hyperlink-dark-icon-share:not(.default-link) {
  background: url("/img/ic_share_active.svg") center no-repeat;
  background-size: 16px;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-share:not(.default-link)::before {
  display: none
}

.hyperlink-dark-icon-share:not(.default-link):active, .hyperlink-dark-icon-share:not(.default-link):hover {
  background-image: url("/img/ic_share.svg")
}

.hyperlink-icon-print:not(.default-link) {
  background: url("/img/ic_local_printshop.svg") center no-repeat;
  background-size: 18px;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-print:not(.default-link)::before {
  display: none
}

.hyperlink-icon-print:not(.default-link):active, .hyperlink-icon-print:not(.default-link):hover {
  background-image: url("/img/ic_local_printshop_active.svg")
}

.hyperlink-dark-icon-print:not(.default-link) {
  background: url("/img/ic_local_printshop_active.svg") center no-repeat;
  background-size: 18px
}

.hyperlink-dark-icon-print:not(.default-link)::before {
  display: none
}

.hyperlink-dark-icon-print:not(.default-link):active, .hyperlink-dark-icon-print:not(.default-link):hover {
  background-image: url("/img/ic_local_printshop.svg")
}

.hyperlink-search-cta {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid;
  padding: 10px 15px 9px 45px;
  font-weight: 700;
  color: #2e2e38;
  background: url("/img/ic_search.svg") no-repeat center left 15px white;
  background-size: 18px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s
}

.hyperlink-search-cta:hover, .hyperlink-search-cta:focus, .hyperlink-search-cta:active {
  background: url("/img/ic_search_white.svg") no-repeat center left 15px #2e2e38;
  background-size: 18px;
  color: white
}

.hyperlink-quick-link {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 28px;
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #747480;
  border-radius: 3px;
  background-color: #1a1a24;
  font-weight: 700;
  margin: 0 10px 10px 0;
  color: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  max-width: 160px;
  text-overflow: ellipsis;
  -webkit-transition: color 0.3s, background-color 0.3s, border 0.3s;
  transition: color 0.3s, background-color 0.3s, border 0.3s
}

.hyperlink-quick-link:hover, .hyperlink-quick-link:active, .hyperlink-quick-link:focus {
  background-color: white;
  color: #2e2e38
}

@media print {
  .caseStudy, .chapterBreaker, .heroBannerIndex, .heroBannerProgramme, .heroBannerArticle, .map-interactive, .box-quote-call-out-right, .box-quote-call-out-left, .linkAreaLink, .global-search-result, .featureCarouselContainer, .contentGridGeneral .article-tile, .heroBannerTopic, .contentList-photo, .surfaceProfile .surfaceProfile-authors-section, .theTeam .team-member, .heroBannerEvent, .twitterFeed .twitter-feed, .eventList-item, .eventTile, .heroBannerPeopleProfile {
    page-break-inside: avoid
  }

  .richText.component .component-content .richText-content h1, .composite-rich-text-and-signature .richText.component .component-content .richText-content h1, .box-dark-background .richText>.component-content .richText-content h1, .nestedTile.component .content .richText-content h1, .table h1, .form h1, .component h1 {
    font-size: 24pt;
    line-height: 1.25;
    font-weight: 300;
    color: #2e2e38
  }

  .richText.component .component-content .richText-content h2, .composite-rich-text-and-signature .richText.component .component-content .richText-content h2, .box-dark-background .richText>.component-content .richText-content h2, .nestedTile.component .content .richText-content h2, .table h2, .form h2, .component h2 {
    font-size: 20pt;
    line-height: 1.2;
    font-weight: 300;
    color: #2e2e38
  }

  .richText.component .component-content .richText-content h3, .richText.component .component-content .richText-content h4, .composite-rich-text-and-signature .richText.component .component-content .richText-content h3, .composite-rich-text-and-signature .richText.component .component-content .richText-content h4, .box-dark-background .richText>.component-content .richText-content h3, .box-dark-background .richText>.component-content .richText-content h4, .nestedTile.component .content .richText-content h3, .nestedTile.component .content .richText-content h4, .table h3, .table h4, .form h3, .form h4, .component h3, .component h4 {
    font-size: 16pt;
    line-height: 1.25;
    font-weight: 300;
    color: #2e2e38
  }

  .richText.component .component-content .richText-content h5, .composite-rich-text-and-signature .richText.component .component-content .richText-content h5, .box-dark-background .richText>.component-content .richText-content h5, .nestedTile.component .content .richText-content h5, .table h5, .form h5, .component h5 {
    font-size: 12pt;
    line-height: 1.33;
    font-weight: 300;
    color: #2e2e38
  }

  .richText.component .component-content .richText-content p, .richText.component .component-content .richText-content li, .composite-rich-text-and-signature .richText.component .component-content .richText-content p, .composite-rich-text-and-signature .richText.component .component-content .richText-content li, .box-dark-background .richText>.component-content .richText-content p, .box-dark-background .richText>.component-content .richText-content li, .nestedTile.component .content .richText-content p, .nestedTile.component .content .richText-content li, .table p, .table li, .form p, .form li, .component p, .component li {
    font-size: 10pt;
    line-height: 1.4;
    font-weight: 300;
    color: #2e2e38
  }

  .richText.component .component-content .richText-content blockquote, .composite-rich-text-and-signature .richText.component .component-content .richText-content blockquote, .box-dark-background .richText>.component-content .richText-content blockquote, .nestedTile.component .content .richText-content blockquote, .table blockquote, .form blockquote, .component blockquote {
    font-family: Georgia, sans-serif;
    font-weight: 400;
    font-size: 16pt;
    line-height: 1.25;
    color: #2e2e38
  }

  html[lang^='ja'] .richText.component .component-content .richText-content blockquote, html[lang^='ja'] .composite-rich-text-and-signature .richText.component .component-content .richText-content blockquote, html[lang^='ja'] .box-dark-background .richText>.component-content .richText-content blockquote, html[lang^='ja'] .nestedTile.component .content .richText-content blockquote, html[lang^='ja'] .table blockquote, html[lang^='ja'] .form blockquote, html[lang^='ja'] .component blockquote {
    font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
  }

  html[lang^='zh'] .richText.component .component-content .richText-content blockquote, html[lang^='zh'] .composite-rich-text-and-signature .richText.component .component-content .richText-content blockquote, html[lang^='zh'] .box-dark-background .richText>.component-content .richText-content blockquote, html[lang^='zh'] .nestedTile.component .content .richText-content blockquote, html[lang^='zh'] .table blockquote, html[lang^='zh'] .form blockquote, html[lang^='zh'] .component blockquote {
    font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
  }

  .richText.component .component-content .richText-content label, .richText.component .component-content .richText-content caption, .composite-rich-text-and-signature .richText.component .component-content .richText-content label, .composite-rich-text-and-signature .richText.component .component-content .richText-content caption, .box-dark-background .richText>.component-content .richText-content label, .box-dark-background .richText>.component-content .richText-content caption, .nestedTile.component .content .richText-content label, .nestedTile.component .content .richText-content caption, .table label, .table caption, .form label, .form caption, .component label, .component caption {
    font-size: 8pt;
    line-height: 1.5;
    font-weight: 300;
    color: #2e2e38
  }

  .richText.component .component-content .richText-content dt, .composite-rich-text-and-signature .richText.component .component-content .richText-content dt, .box-dark-background .richText>.component-content .richText-content dt, .nestedTile.component .content .richText-content dt, .table dt, .form dt, .component dt {
    font-size: 40pt;
    line-height: 1.2;
    font-weight: 300;
    color: #2e2e38
  }

  .heroBannerLiteProfile * {
    color: black !important
  }

  .component.contentGridGeneral .tile-image-box, .component.contentGridGeneral .person-image-box {
    display: none
  }

  .component.contentGridGeneral .person-tile, .component.contentGridGeneral .article-tile {
    padding-bottom: 0;
    margin-top: 0;
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    width: 33.33333%
  }

  .component.contentGridGeneral .person-details {
    position: relative;
    height: auto;
    background-color: transparent
  }

  .component.contentGridGeneral .person-details .person-name {
    color: #2e2e38
  }

  .component.contentGridGeneral .person-details .person-job-title {
    max-height: none;
    color: #2e2e38
  }

  .component.box-generic-content-sidebar.parent-of-surfaceProfile {
    width: 100%
  }

  .component.box-generic-content-sidebar.parent-of-surfaceProfile .resourceList {
    display: none
  }

  .component.box-generic-content-sidebar.parent-of-surfaceProfile .surfaceProfile-authors {
    display: inline
  }

  .component.surface-profile-utility-bar .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-link h3, .component.surface-profile-utility-bar .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link h4, .component.surface-profile-utility-bar .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contacts-link h4 {
    font-weight: 300
  }

  .component.surface-profile-utility-bar .surfaceProfile-contributors-section, .component.surface-profile-utility-bar .surfaceProfile-local-contacts-section {
    font-size: 16px;
    font-size: 1.6rem
  }

  .component.surface-profile-utility-bar .surfaceProfile-author-by {
    font-weight: 300
  }

  .component.surface-profile-utility-bar .surfaceProfile-jobTitle, .component.surface-profile-utility-bar .surfaceProfile-author-image-link {
    display: none !important
  }

  .component.linkedContent {
    width: 100%
  }

  .component.linkedContent .two-big-cells, .component.linkedContent .five-cells {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .component.linkedContent .linkedContent-small-items, .component.linkedContent .linkedContent-big-items {
    width: 100%
  }

  .component.linkedContent .three-cells-vertical .linkedContent-heading {
    color: #2e2e38
  }

  .component.linkedContent .linkedContent-image picture img {
    display: none
  }

  .component.linkedContent .linkedContent-wrapper-item {
    width: 100%;
    margin-bottom: 20px
  }

  .component.linkedContent .linkedContent-wrapper-item .primary-topic-tag {
    color: #2e2e38
  }

  .component.linkedContent .linkedContent-wrapper-item .linkedContent-description .linkedContent-author {
    color: #2e2e38
  }

  .component.linkedContent .linkedContent-wrapper-item .linkedContent-description .linkedContent-author a {
    color: #2e2e38
  }

  .component.linkedContent .visual-link-3dots {
    display: none
  }

  .component.tabs-tabbed-list .tab-switcher {
    top: 40px
  }

  .component.tabs-tabbed-list .tabs-nav-list {
    width: 100% !important
  }

  .component.tabs-tabbed-list .tabs-nav-list li {
    margin: 0 10px
  }

  .component.tabs-tabbed-list .tabs-nav-list li.border {
    display: none
  }

  .component.tabs-tabbed-list .tabs-nav-list li.tabs-nav-item {
    border-bottom: 4px solid #fff;
    margin-bottom: 20px
  }

  .component.tabs-tabbed-list .tabs-nav-list li.tabs-nav-item.is-active {
    border-color: #2e2e38
  }

  .component.tabs-tabbed-list .tabs-nav-list li a {
    padding: 10px 0
  }

  .component.box-newsroom-hub-header .identityHeadline {
    width: 100%;
    padding: 30px 0
  }

  .component.box-newsroom-hub-header .identityHeadline .description .description-content {
    width: 100%
  }

  .component.box-newsroom-hub-header .identityHeadline .description .description-heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25
  }

  .component.box-newsroom-hub-header .identityHeadline+.box[class*='col-'] {
    width: 100%;
    display: block
  }

  .component.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content {
    display: block;
    width: 100%;
    margin: 0
  }

  .component.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content>.component {
    padding: 0;
    display: block;
    width: 100%
  }

  .component.box-newsroom-hub-header .identityHeadline+.box[class*='col-'] a[class*='icon'] {
    display: none
  }

  .component.box-dark-background .heroBannerProgramme .hero-link .richText-content .article-subheading, .component.box-dark-background .heroBannerProgramme .hero-link .richText-content .hero-link-details span, .component.box-dark-background .heroBannerProgramme .hero-link .richText-content .article-title h3 a {
    color: #fff
  }

  .component.box-dark-background .visualLink .visual-link-details .hyperlink-dark-text-link:not(.default-link), .component.box-dark-background .visualLink .visual-link-details .visual-link-featured {
    color: #fff
  }

  .component.heroBannerIndex .image-video-header {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 1px
  }

  .component.heroBannerIndex .image-video-header::before, .component.heroBannerIndex .image-video-header::after {
    max-width: 100%;
    left: 0
  }

  .component.heroBannerIndex .image-video-header .article-details {
    right: 30px
  }

  .component.heroBannerIndex .image-video-header .article-subheading {
    color: #fff
  }

  .component.heroBannerIndex .image-video-header .richText-content {
    max-width: 90%
  }

  .component.heroBannerIndex .image-video-header .richText-content .hero-banner {
    left: 30px;
    bottom: 0;
    width: 70%;
    position: absolute
  }

  .component.heroBannerIndex .image-video-header .richText-content .hero-banner .article-subheading {
    color: #fff
  }

  .component.heroBannerIndex .image-video-header.video-header::after {
    left: -68px;
    max-width: none
  }

  .component.heroBannerEvent .content {
    width: 100%;
    left: 0
  }

  .component.heroBannerEvent .content .event-headline {
    -webkit-animation: none;
    animation: none
  }

  .component.heroBannerEvent .content .richText-content {
    -webkit-animation: none;
    animation: none;
    opacity: 1
  }

  .component.heroBannerEvent .content .richText-content a span {
    opacity: 1 !important
  }

  .component.caseStudy {
    background: #fff
  }

  .component.caseStudy .caseStudy-close, .component.caseStudy .caseStudy-prev, .component.caseStudy .caseStudy-next {
    display: none
  }

  .component.caseStudy .caseStudy-item .caseStudy-text-content {
    max-width: calc(100% - 50px);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
  }

  .component.caseStudy .caseStudy-item .caseStudy-text-content .caseStudy-title {
    color: #fff
  }

  .component.caseStudy .caseStudy-text-content {
    position: relative
  }

  .component.surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description {
    border-bottom: 0
  }

  .component.surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-jobTitle {
    color: #2e2e38
  }

  .component.pressReleaseHeader {
    width: 100%
  }

  .component.linkArea .link-area {
    padding: 0
  }

  .component.linkArea .link-area .linkArea-pre-title {
    margin: 25px 0 30px
  }

  .component.linkArea .link-area .linkAreaLink .link-area-link.featured {
    padding-bottom: 25px
  }

  .component.linkArea .link-area .linkAreaLink .link-area-link.featured .title {
    margin: 20px 0
  }

  .component.linkArea .link-area .linkAreaLink .link-area-link.regular {
    margin: 60px 0
  }

  .component.readOnArticle::after, .component.readOnArticle .read-on-btn {
    display: none
  }

  .component.readOnArticle .copy-block {
    max-height: none
  }

  .component.richText[class*='read-more-target-'].activated {
    height: auto !important
  }

  .component.richText[class*='read-more-target-'].activated::after {
    display: none
  }

  .component.heroBannerPeopleProfile .quote-image, .component.heroBannerPeopleProfile .image {
    min-height: 348px;
    padding: 0
  }

  .firefox .component.heroBannerPeopleProfile .quote-image::before, .firefox .component.heroBannerPeopleProfile .image::before {
    display: none
  }

  .component.heroBannerPeopleProfile .quote-image .image-text-container .image-text, .component.heroBannerPeopleProfile .image .image-text-container .image-text {
    width: 75%
  }

  .component.heroBannerPeopleProfile .quote-image .image-text-container .image-text span, .component.heroBannerPeopleProfile .image .image-text-container .image-text span {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }

  .component.heroBannerPeopleProfile .richText-content, .component.heroBannerLiteProfile .richText-content {
    background: #fff;
    padding: 40px 0
  }

  .component.heroBannerPeopleProfile .richText-content>.component-content, .component.heroBannerLiteProfile .richText-content>.component-content {
    padding: 0
  }

  .component.heroBannerPeopleProfile .richText-content .name h1, .component.heroBannerPeopleProfile .richText-content .job-title, .component.heroBannerLiteProfile .richText-content .name h1, .component.heroBannerLiteProfile .richText-content .job-title {
    color: #2e2e38
  }

  .component.heroBannerArticle .better-question, .component.heroBannerTopic .better-question {
    overflow: hidden
  }

  .component.heroBannerArticle .better-question .richText-content, .component.heroBannerTopic .better-question .richText-content {
    left: 40px
  }

  .component.heroBannerArticle .better-question .richText-content, .component.heroBannerArticle .better-question .richText-content .topic-heading, .component.heroBannerArticle .better-question .richText-content .author-details, .component.heroBannerTopic .better-question .richText-content, .component.heroBannerTopic .better-question .richText-content .topic-heading, .component.heroBannerTopic .better-question .richText-content .author-details {
    opacity: 1 !important;
    -webkit-animation: none !important;
    animation: none !important
  }

  .component.heroBannerArticle .better-question .richText-content *, .component.heroBannerTopic .better-question .richText-content * {
    color: white
  }

  .component.heroBannerArticle .better-question .richText-content .article-title, .component.heroBannerTopic .better-question .richText-content .article-title {
    max-width: 70%
  }

  .component.heroBannerArticle .better-question canvas, .component.heroBannerTopic .better-question canvas {
    display: none
  }

  .component.heroBannerArticle .better-question .better-question-print-images, .component.heroBannerTopic .better-question .better-question-print-images {
    display: block
  }

  .component.heroBannerArticle .better-question .better-question-print-images img, .component.heroBannerTopic .better-question .better-question-print-images img {
    position: absolute;
    top: 0;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .component.heroBannerArticle .better-question .better-question-print-images img.bq-print-border, .component.heroBannerTopic .better-question .better-question-print-images img.bq-print-border {
    min-height: 0;
    min-width: 0;
    width: auto;
    height: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .component.heroBannerArticle .richText-content .article-title {
    max-width: none
  }

  .component.heroBannerArticle .video .richText-content {
    padding: 0
  }

  .component.heroBannerArticle .video .brightcove-video-info {
    top: auto;
    right: auto;
    bottom: 10px;
    left: 20px
  }

  .component.heroBannerArticle .video .brightcove-video-info .brightcove-info-area {
    text-align: left;
    display: block
  }

  .component.heroBannerArticle .better-question .richText-content {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    left: 20px;
    bottom: 20px;
    width: 80%
  }

  .component.heroBannerArticle .better-question .richText-content .article-title {
    max-width: none;
    margin: 0
  }

  .component.heroBannerArticle .better-question .image-content {
    width: 100%;
    left: auto
  }

  .component.heroBannerArticle .better-question .image-bottom-layer {
    height: auto !important
  }

  .component.heroBannerArticle .better-question img {
    -webkit-transform: none;
    transform: none;
    -webkit-animation: none;
    animation: none
  }

  .component.heroBannerArticle .hero-link .richText-content {
    right: 20px
  }

  .component.heroBannerArticle .copy {
    margin-bottom: 0
  }

  .component.heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info {
    padding: 0;
    left: 20px;
    bottom: 20px;
    max-width: none
  }

  .component.heroBannerArticle .better-question-print-images, .component.heroBannerEvent .better-question-print-images, .component.heroBannerTopic .better-question-print-images {
    display: block
  }

  .component.heroBannerArticle .better-question-print-images img, .component.heroBannerEvent .better-question-print-images img, .component.heroBannerTopic .better-question-print-images img {
    position: absolute;
    top: 0;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .component.heroBannerArticle .better-question-print-images img.bq-print-border, .component.heroBannerEvent .better-question-print-images img.bq-print-border, .component.heroBannerTopic .better-question-print-images img.bq-print-border {
    min-height: 0;
    min-width: 0;
    width: auto;
    height: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100
  }

  .component.heroBannerArticle .animation-wrapper, .component.heroBannerEvent .animation-wrapper, .component.heroBannerTopic .animation-wrapper {
    opacity: 0
  }

  .component.contentListNews .content-list, .component.contentListContacts .content-list {
    padding: 0 8px
  }

  .component.contentListNews .content-list .contentList-image, .component.contentListContacts .content-list .contentList-image {
    display: none
  }

  .component.contentListNews .content-list .contentList-divider, .component.contentListContacts .content-list .contentList-divider {
    width: 100%;
    margin: 0
  }

  .component.contentListNews .content-list .contentList-item::after, .component.contentListContacts .content-list .contentList-item::after {
    width: 100%
  }

  .component.contentListContacts .content-list .contentList-image {
    display: inline-block;
    margin: 0
  }

  .component.contentListContacts .content-list .contentList-text {
    margin: 0;
    width: 70%
  }

  .component.contentListContacts .content-list .contentList-text .contact-links [class^='hyperlink-'], .component.contentListContacts .content-list .contentList-text .contact-links .contact-links-item {
    display: none
  }

  .component.contentListContacts .content-list .contentList-text .contact-links [class^='hyperlink-'].hyperlink-icon-phone, .component.contentListContacts .content-list .contentList-text .contact-links .contact-links-item.hyperlink-icon-phone {
    display: inline-block
  }

  .component.contentListContacts .content-list .contentList-text .contact-links .phone-list {
    height: auto !important;
    opacity: 1
  }

  .component.box-content-feature .content .image {
    display: none
  }

  .component.box-content-feature .content .image+.richText {
    padding: 0
  }

  .component.betterQuestionCards .betterQuestionCards-read-more, .component.betterQuestionCards .betterQuestionCards-close {
    display: none
  }

  .component.richText>.component-content>.richText-content a[class*="hyperlink-dark"] {
    background: #fff;
    color: #2e2e38;
    border: 1px solid #2e2e38
  }

  .component.richText[class*='-background'], .component.box[class*='-background'] {
    background: #fff;
    color: #2e2e38
  }

  .component.richText[class*='-background']>.component-content, .component.box[class*='-background']>.component-content {
    background: #fff;
    color: #2e2e38
  }

  .component.richText-banner-with-image>.component-content .richText-content {
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }

  .component.richText-banner-with-image>.component-content img {
    display: none
  }

  .component.accordion-article-references .accordion-title {
    display: none
  }

  .component.accordion-article-references .accordion-content-wrapper {
    height: auto !important
  }

  .component.box-banner-with-data>.component-content>.content {
    padding-left: 0;
    padding-right: 0
  }

  .component.box-banner-with-data .richText {
    padding: 0
  }

  .component.reference-inline-figure-strip>.component-content .inline-figure-figures {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 44px;
    letter-spacing: normal
  }

  .component.box-double-banner .richText.component {
    padding-left: 30px;
    padding-right: 30px;
    width: 50%
  }

  .component.mediaImage .controls, .component.mediaImage .counter {
    display: none
  }

  .component.mediaImage .image-initial .component-content figcaption, .component.mediaImage .image-initial .carousel-trigger {
    display: none
  }

  .component.mediaImage .image-carousel-container {
    opacity: 1;
    position: static;
    height: auto;
    width: auto;
    z-index: 100;
    visibility: visible;
    background: transparent
  }

  .component.mediaImage .image-carousel-wrapper {
    width: 100% !important
  }

  .component.mediaImage .image-carousel {
    position: static;
    width: 100% !important;
    height: auto !important
  }

  .component.mediaImage .image-carousel .image {
    display: none
  }

  .component.mediaImage .image-carousel .image.active {
    display: block
  }

  .component.mediaImage .image-carousel .image>.component-content {
    background: transparent;
    height: auto;
    width: auto
  }

  .component.mediaImage .image-carousel .image figcaption {
    position: static;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    background: transparent
  }

  .component.mediaImage .image-carousel .image picture {
    display: none
  }

  .component.brightcoveVideo>.component-content {
    background: none !important
  }

  .component.brightcoveVideo>.component-content .video-js.vjs-playing+.brightcove-video-info {
    visibility: visible
  }

  .component.brightcoveVideo>.component-content .brightcove-video-info {
    position: static;
    opacity: 1 !important;
    text-align: left
  }

  .component.brightcoveVideo>.component-content .brightcove-video-info div {
    font-size: 18px;
    font-size: 1.8rem;
    color: #2e2e38;
    font-weight: 300
  }

  .component.brightcoveVideo>.component-content .brightcove-video-info .brightcove-video-duration {
    display: none
  }

  .component.brightcoveVideo>.component-content .playlist, .component.brightcoveVideo>.component-content .playlist-trigger, .component.brightcoveVideo>.component-content .next-video-container, .component.brightcoveVideo>.component-content .prev-video-container {
    display: none
  }

  .component.chapterBreaker .chapterBreaker-image {
    opacity: 0
  }

  .component.chapterBreaker .chapterBreaker-inside {
    height: auto;
    min-height: 0;
    padding: 130px 0
  }

  .component.chapterBreaker .chapterBreaker-inside::after {
    opacity: 0
  }

  .component.chapterBreaker .chapterBreaker-number {
    font-size: 500px;
    font-size: 50rem;
    line-height: 380px;
    color: #2e2e38
  }

  .component.chapterBreaker .chapterBreaker-title {
    color: #2e2e38
  }

  .component.chapterBreaker .chapterBreaker-content {
    max-width: none;
    width: 100%;
    bottom: auto;
    position: static;
    -webkit-transform: none;
    transform: none
  }

  .component.chapterBreaker .no-image .chapterBreaker-content {
    padding: 0
  }

  .component.chapterBreaker .no-image .chapterBreaker-number {
    left: 0;
    top: auto;
    bottom: 15px;
    line-height: 380px
  }

  .component.chapterBreaker picture {
    display: none
  }

  .component.box-quote-call-out-left, .component.box-quote-call-out-right {
    padding: 150px 0 100px
  }

  .component.box-quote-call-out-left>.component-content, .component.box-quote-call-out-right>.component-content {
    background: none !important;
    height: auto
  }

  .component.box-quote-call-out-left>.component-content::before, .component.box-quote-call-out-right>.component-content::before {
    display: none
  }

  .component.box-quote-call-out-left .richText, .component.box-quote-call-out-right .richText {
    width: 100%;
    position: static;
    -webkit-transform: none;
    transform: none
  }

  .component.topicLink.initialized h1 {
    position: static;
    color: #2e2e38;
    margin-bottom: 30px
  }

  .component.topicLink.initialized .topic-featured, .component.topicLink.initialized .topic-discover {
    display: none
  }

  .component.topicLink.initialized .topicLink-positioner {
    height: auto;
    width: 100%;
    margin: 0 auto
  }

  .component.topicLink.initialized .topicLink-positioner .topicLink-slider .topicLink-slide {
    position: static;
    left: auto !important;
    float: left;
    border: 0;
    margin-bottom: 20px
  }

  .component.topicLink.initialized .topicLink-positioner .topicLink-slider .topicLink-slide::after {
    display: none
  }

  .component.topicLink.initialized .topicLink-positioner .topicLink-slider .topicLink-slide .description {
    position: static;
    color: #2e2e38;
    padding: 0 10px
  }

  .component.topicLink.initialized .topicLink-positioner .topicLink-slider .topicLink-slide .description .featured {
    max-height: none
  }

  .component.topicLink.initialized .topicLink-positioner .topicLink-slider .topicLink-slide .description .topic-discover .text {
    max-width: none
  }

  .component.topicLink.initialized .topicLink-positioner .topicLink-slider .topicLink-slide .description .topic-discover .topicLink-arrow.small {
    display: none
  }

  .component.topicLink.initialized .topicLink-slider {
    left: auto !important
  }

  .component.topicLink.initialized .topicLink-background, .component.topicLink.initialized .topicLink-arrow {
    display: none
  }

  .component.richText-inline-subscribe, .component.richText-subscribe, .component.richText-contact, .component.dataVisualization, .component.inPageNav, .component.box-linker-container, .component.inlineSearch, .component.upvote, .component.sharingUtilityBar, .component.surfaceTags {
    display: none
  }

  .component.box-dark-background .richText a, .component.box-dark-background * {
    color: #2e2e38
  }

  .template-article .component.box-dark-background * {
    color: #2e2e38
  }

  .component.box-dark-background .twitter-full-width .twitter-header .twitter-sender {
    color: #747480
  }

  .component.box-dark-background .twitter-full-width .twitter-header .twitter-sender strong, .component.box-dark-background .twitter-full-width .twitter-header .twitter-sender span, .component.box-dark-background .twitter-full-width .twitter-header .twitter-sender .twitter-date {
    color: #747480
  }

  .component.box-dark-background .twitter-full-width .twitter-content {
    color: #2e2e38
  }

  .component.box-dark-background .twitter-social-feed, .component.box-dark-background .twitter-full-width {
    padding: 0
  }

  .component.box-dark-background .twitter-social-feed .twitter-share-views-link, .component.box-dark-background .twitter-full-width .twitter-share-views-link {
    background: #fff;
    color: #2e2e38;
    border: 1px solid #2e2e38
  }

  .component.box-dark-background .twitter-social-feed .twitter-follow-button span {
    color: #fff
  }

  .component.accordion:not(.accordion-article-references):not(.accordion-main-menu)>.component-content .accordion-container .accordion-title::before {
    opacity: 1
  }

  .component.accordion .accordion-title-link {
    background: none !important
  }

  .component.accordion .image {
    display: none
  }

  .component.box-visual-link .richText {
    padding: 70px 30px
  }

  .component.richText-statement>.component-content {
    background: none
  }

  .component.richText-statement>.component-content .richText-content {
    padding: 50px 5%
  }

  .component.richText-statement>.component-content .richText-content p {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 44px
  }

  .component.twitter-full-width .feed-provider-description p, .component.twitter-social-feed .feed-provider-description p {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px
  }

  .component.twitter-social-feed .feed-provider-feeds .twitter-feed {
    float: none;
    margin: 18px auto;
    display: block
  }

  .component.twitter-social-feed .feed-provider-feeds .slick-track {
    -webkit-transform: none !important;
    transform: none !important;
    width: 100% !important
  }

  .component .presentersAndOrganizers-items {
    width: 33.33333%;
    margin-right: 0
  }

  .component.eventTile .tile .component-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0
  }

  .component.eventTile .tile .event-start-date-container, .component.eventTile .tile .event-info, .component.eventTile .tile .event-buttons {
    width: 33.33333%
  }

  .component.eventTile .tile .event-start-date-container {
    -ms-flex-item-align: stretch;
    align-self: stretch
  }

  .component.eventTile .tile .event-info {
    padding: 40px 8px 34px 50px
  }

  .component.eventTile .tile .event-info .supporting-text p {
    line-height: 24px
  }

  .component.eventTile .tile .event-buttons {
    padding-right: 46px
  }

  .component.eventTile .tile.webcast .component-content, .component.eventTile .tile.location .component-content {
    background: #f6f6fa
  }

  .component.eventTile .tile.webcast .component-content .event-start-date-container .content, .component.eventTile .tile.location .component-content .event-start-date-container .content {
    background: #eaeaf2
  }

  .component.eventTile .tile.webcast .component-content .event-start-date-container .content .event-start-date .date, .component.eventTile .tile.location .component-content .event-start-date-container .content .event-start-date .date {
    color: #2e2e38
  }

  .component.eventTile .tile.webcast .component-content .event-start-date-container .content .event-start-date .date span, .component.eventTile .tile.location .component-content .event-start-date-container .content .event-start-date .date span {
    color: #2e2e38
  }

  .component.eventTile .tile.webcast .component-content .event-info, .component.eventTile .tile.location .component-content .event-info {
    color: #2e2e38
  }

  .component.eventTile .tile.webcast .component-content .event-info .event-type, .component.eventTile .tile.webcast .component-content .event-info .event-time span:first-child, .component.eventTile .tile.webcast .component-content .event-info .event-label, .component.eventTile .tile.location .component-content .event-info .event-type, .component.eventTile .tile.location .component-content .event-info .event-time span:first-child, .component.eventTile .tile.location .component-content .event-info .event-label {
    color: #2e2e38
  }

  .component.eventTile .tile.webcast .component-content .event-info .supporting-text a, .component.eventTile .tile.location .component-content .event-info .supporting-text a {
    color: #2e2e38
  }

  .component.eventTile .tile.webcast .component-content .event-buttons .event-button, .component.eventTile .tile.location .component-content .event-buttons .event-button {
    background: transparent;
    color: #2e2e38;
    border-color: #2e2e38
  }

  .component.eventTile .tile.webcast .component-content .event-buttons .secondary-cta-container .event-secondary-link, .component.eventTile .tile.location .component-content .event-buttons .secondary-cta-container .event-secondary-link {
    color: #2e2e38
  }

  .component.eventListManual .event-date, .component.eventListAutomatic .event-date {
    height: 110px;
    width: 110px;
    padding: 17px
  }

  .component.eventListManual .event-details, .component.eventListManual .event-presenters-button, .component.eventListManual .event-presenters .event-headline+.event-presenters-button, .component.eventListAutomatic .event-details, .component.eventListAutomatic .event-presenters-button, .component.eventListAutomatic .event-presenters .event-headline+.event-presenters-button {
    padding-left: 0;
    width: 170px;
    float: right;
    padding-right: 8.33333%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }

  .component.eventListManual .event-description, .component.eventListManual .event-presenters-content, .component.eventListAutomatic .event-description, .component.eventListAutomatic .event-presenters-content {
    padding-left: 150px;
    width: 100%
  }

  .component.eventListManual .event-presenters-item, .component.eventListAutomatic .event-presenters-item {
    width: auto
  }

  .component.eventListManual .event-presenters-item+.event-presenters-item, .component.eventListAutomatic .event-presenters-item+.event-presenters-item {
    display: none
  }

  .component.eventListManual .event-details-info p, .component.eventListAutomatic .event-details-info p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px
  }

  .component.eventListInstantSearch>.component-content .inlineSearch-dropdown {
    display: none
  }

  .component.reference-inline-figure-strip .to-print {
    display: inline
  }

  .component.reference-inline-figure-strip .number::after, .component.reference-inline-figure-strip .placeholder {
    display: none
  }

  .component.form {
    background: none
  }

  .component.form input, .component.form textarea, .component.form select {
    background: none
  }

  .component.form button {
    background: #2e2e38
  }

  .composite.composite-search-banner {
    display: none
  }

  .composite.composite-key-takeaways>.content>.box .box {
    width: 50%
  }

  .composite.composite-globe-banner {
    height: auto !important
  }

  .composite.composite-globe-banner .richText .component-content .richText-content h2 {
    color: #fff
  }

  .composite.composite-content-overview {
    padding: 40px 0
  }

  .composite.composite-content-overview .readMore.activated {
    display: none
  }

  .composite.composite-content-overview .richText-introduction {
    width: 50%;
    float: left
  }

  .composite.composite-content-overview .richText-introduction+.box {
    width: 50%;
    float: left
  }

  .box-dark-background .composite.composite-content-overview {
    background: transparent
  }

  .box-dark-background .composite.composite-content-overview .title-heading {
    color: #2e2e38
  }

  .composite.composite-rich-text-and-signature .richText picture, .composite.composite-rich-text-and-signature .surfaceProfile {
    display: none
  }

  .fixed-component.snippetReference.global-header {
    height: auto !important;
    background: none
  }

  .fixed-component.snippetReference.global-header::before, .fixed-component.snippetReference.global-header .accordion-main-menu, .fixed-component.snippetReference.global-header .image-logo, .fixed-component.snippetReference.global-header .box-navigation {
    display: none
  }

  .fixed-component.snippetReference.global-header .component {
    opacity: 0
  }

  .fixed-component.snippetReference.global-header .reference-ey-logo {
    display: none
  }

  .fixed-component.snippetReference.global-header .inner {
    background: none
  }

  .fixed-component.snippetReference.global-header .box-print {
    opacity: 1
  }

  .fixed-component.snippetReference.global-header .box-print .component {
    opacity: 1
  }

  .fixed-component.snippetReference.global-header .box-print {
    margin-bottom: 0
  }

  .fixed-component.snippetReference.global-header .box-print .image {
    margin-bottom: 0
  }

  .fixed-component.snippetReference.global-header .box-print .image img {
    margin: 30px 0
  }

  .fixed-component.snippetReference.global-footer .component {
    display: none
  }

  .fixed-component.snippetReference.global-footer .box-print {
    display: block
  }

  .fixed-component.snippetReference.global-footer .box-print .component {
    display: block
  }

  body #header {
    position: relative;
    width: 100%
  }

  body #content {
    margin-top: 0 !important
  }

  body #content>.row .layout-outer>.layout-inner>div {
    width: 100%;
    margin: 0 auto;
    padding: 0 8px
  }

  body #content [class*='-offset-'] {
    margin-left: 0;
    margin-right: 0
  }

  body #footer {
    padding: 0
  }

  body #cookiePolicy {
    display: none
  }

  body #page-teaser {
    padding: 0
  }

  body #case-study-header {
    padding: 30px 0
  }

  body #readon-container, body .readOnArticle {
    display: none
  }

  body #profile-description .readMore a {
    color: #2e2e38
  }

  body #profile-description-left .officeLocation {
    margin-top: 0
  }

  body #identity-header-left {
    padding: 0;
    width: 100%
  }

  body #identity-header-left+[class*='col-'] {
    width: 100%;
    display: block;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  body #identity-header-left+[class*='col-'] .richText [class*='icon-'] {
    display: none
  }

  body .nestedTile-parsys, body .social-share-links {
    display: none
  }

  body .composite-linked-content {
    padding-top: 20px;
    padding-bottom: 20px
  }

  body .container-utility-side-bar {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0
  }

  body .container-utility-side-bar+[class*='col-'] {
    width: 100%
  }

  body .container-utility-side-bar .surface-tags, body .container-utility-side-bar .sharing-utility-bar, body .container-utility-side-bar .resource-list, body .container-utility-side-bar .surfaceProfile-author-image-link, body .container-utility-side-bar .surfaceProfile-jobTitle, body .container-utility-side-bar .contact-links {
    display: none !important
  }

  body .container-utility-side-bar .articleDetails {
    margin: 0
  }

  body .container-utility-side-bar .articleDetails .content, body .container-utility-side-bar .articleDetails .articleDetails-empty {
    border: 0
  }

  body .container-utility-side-bar .articleDetails .content {
    padding: 0
  }

  body .container-utility-side-bar .articleDetails .content span {
    display: inline
  }

  body .container-identity-header>.row [id=identity-header-left] .description .description-heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25
  }

  body .container-identity-header>.row .identity-header-right {
    width: 100%;
    display: block;
    margin: 0
  }

  body .main-content>.section:first-of-type {
    padding-top: 0;
    margin-top: 0
  }

  body.layout-search-results-layout #content {
    margin-top: 0
  }

  body.template-search-results-template .global-header .box-navigation.component {
    width: 100%;
    opacity: 1;
    display: block
  }

  body.template-search-results-template .global-header .box-navigation.component .component {
    opacity: 1
  }

  body.template-search-results-template .global-header .searchDropdown {
    background: transparent;
    position: static;
    padding: 15px 0 0;
    opacity: 1
  }

  body.template-search-results-template .global-header .searchDropdown>.component {
    width: 80%;
    margin-left: 10%
  }

  body.template-search-results-template .global-header .searchDropdown .button {
    background-image: url("/img/ic_search.svg")
  }

  body.template-search-results-template .global-header .searchDropdown::before, body.template-search-results-template .global-header .searchDropdown .dropdown {
    display: none
  }

  body.template-search-results-template .global-header .searchDropdown .search-query {
    color: #2e2e38
  }

  body.template-search-results-template .global-header .searchDropdown .search-query::-webkit-input-placeholder {
    color: #2e2e38
  }

  body.template-search-results-template .global-header .searchDropdown .search-query:-ms-input-placeholder {
    color: #2e2e38
  }

  body.template-search-results-template .global-header .searchDropdown .search-query::-ms-input-placeholder {
    color: #2e2e38
  }

  body.template-search-results-template .global-header .searchDropdown .search-query::placeholder {
    color: #2e2e38
  }

  body.template-search-results-template .globalSearchTopicResults .searchResults-topic {
    background: transparent
  }

  body.template-search-results-template .reference-global-search-results {
    width: 100%
  }

  body.template-search-results-template .reference-global-search-results .globalSearchResultsNumber {
    position: static;
    padding: 0;
    background-color: transparent
  }

  body.template-search-results-template .reference-global-search-results .globalSearchResultsNumber::before {
    background: transparent
  }

  body.template-search-results-template .reference-global-search-results .globalSearchResultsNumber>.component {
    width: 80%;
    margin-left: 10%
  }

  body.template-search-results-template .reference-global-search-results .global-search-result.hero .left {
    width: 58.33333%
  }

  body.template-search-results-template .reference-global-search-results .global-search-result.hero .right {
    width: 41.66667%
  }

  body.template-search-results-template .reference-global-search-results .globalSearch {
    background: transparent
  }

  body .container-dark-background, body .box-dark-background {
    background: transparent
  }

  body .container-dark-background .theTeam .team-memberTitle a, body .container-dark-background *, body .box-dark-background .theTeam .team-memberTitle a, body .box-dark-background * {
    color: #2e2e38
  }

  body .container-dark-background .betterQuestionCards strong, body .box-dark-background .betterQuestionCards strong {
    color: #fff
  }

  .reference-header.global-header::after {
    display: none
  }

  .about-this-article-parsys .reference-about-this-article.component {
    padding: 0
  }

  .about-this-article-parsys .reference-about-this-article.component .surfaceProfile {
    width: 50%
  }

  .about-this-article-parsys .reference-about-this-article.component .surfaceProfile .surfaceProfile-authors-section {
    max-width: 100%
  }

  .about-this-article-parsys .reference-about-this-article.component .surfaceProfile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-introductoryText {
    color: #2e2e38
  }

  .about-this-article-parsys .reference-about-this-article.component .surfaceProfile+.box.component {
    padding-left: 8.33333%;
    width: 41.66667%
  }

  .about-this-article-parsys .reference-about-this-article.component .surfaceTags, .about-this-article-parsys .reference-about-this-article.component .sharingUtilityBar, .about-this-article-parsys .reference-about-this-article.component .upvote {
    display: block
  }

  .about-this-article-parsys .reference-about-this-article.component .surfaceTags .content .surface-tag {
    color: #2e2e38
  }

  .about-this-article-parsys .reference-about-this-article.component .upvote>.component-content .upvote-counter {
    color: #fff
  }

  .upvote>.component-content .upvote-button {
    background-image: url("/img/upvote.svg") !important;
    color: #2e2e38 !important
  }

  .upvote>.component-content .upvote-button.is-voted {
    background-image: url("/img/upvote-white.svg") !important;
    color: white !important
  }

  .featureCarouselContainer .feature-carousel div.carousel-nav {
    max-width: 66%
  }

  .featureCarouselContainer .feature-carousel div.carousel-nav a.title {
    opacity: 1
  }

  span.selection-dropcap {
    float: none;
    margin: 0 5px 0 0
  }

  .map-infoBox p {
    color: #fff
  }

  .contact-links {}

  .contact-links a:not(.phone-number):not(.hyperlink-dark-icon-phone), .contact-links button:not(.phone-number):not(.hyperlink-dark-icon-phone) {
    display: none
  }

  .contact-links .hyperlink-dark-icon-phone {
    background-color: #2e2e38 !important
  }

  .contact-links .phone-list {
    display: block;
    height: auto !important;
    opacity: 1 !important;
    -webkit-transition: none;
    transition: none
  }

  .contact-links .phone-list .phone-label, .contact-links .phone-list .phone-label a {
    color: #2e2e38 !important
  }

  .officeDetails-image {
    display: none
  }
}

.browser-chrome .gm-style div>img {
  position: absolute
}

#cq-emulator-content.firefox {
  background-color: white !important
}

html, body {
  position: relative;
  height: 100%;
  width: 100%
}

body {
  overflow: auto;
  min-height: 100%;
  height: 100%;
  background-color: #f6f6fa
}

@media only screen and (min-width:1920px) {
  body::after {
    content: '';
    display: block;
    width: calc((100% - 1920px) / 2);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 500;
    background-color: #f6f6fa
  }
}

body>.container, body>.container-fluid {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
  max-width: 1920px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff
}

body.carousel-open {
  overflow: hidden;
  position: fixed
}

[id=header]>.row {
  margin-left: -15px;
  margin-right: -15px
}

[id=header] .layout-inner>div {
  padding: 0
}

[id=footer] {
  padding-top: 60px;
  padding-bottom: 70px;
  position: relative
}

@media only screen and (max-width:1199px) {
  [id=footer] {
    padding-top: 50px;
    padding-bottom: 50px
  }
}

@media only screen and (max-width:899px) {
  [id=footer] {
    padding-top: 40px;
    padding-bottom: 35px
  }

  .is-page-nav [id=footer] {
    padding-bottom: 65px
  }
}

@media only screen and (max-width:599px) {
  [id=footer] {
    padding-top: 30px;
    padding-bottom: 36px
  }
}

[id=footer]::before {
  content: '';
  position: absolute;
  width: 200%;
  height: 1px;
  background: #eaeaf1;
  top: 0;
  left: -50%
}

img {
  max-width: 100%
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.component {
  margin-bottom: 10px
}

.component-content {
  margin-bottom: 14px
}

.component-content::before, .component-content::after {
  content: "";
  display: table
}

.component-content::after {
  clear: both
}

.component>.component-content, .component .inner>.component-content {
  margin: 0 auto
}

.composite::before, .composite::after {
  content: "";
  display: table
}

.composite::after {
  clear: both
}

.alert {
  margin-bottom: 20px
}

.alert-list {
  margin: 0;
  padding: 0;
  list-style: disc inside
}

.alert-list li {
  padding-left: 4px
}

.alert-error {
  color: red
}

.clearfix::before, .clearfix::after {
  content: " ";
  display: table
}

.clearfix::after {
  clear: both
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.is-hidden {
  display: none !important;
  visibility: hidden !important
}

.author-only-placeholder {
  display: none
}

.template-ey-documentation-page .social-metatags-messages {
  display: none
}

.hidden-in-preview {
  display: none
}

[class*='col-xs-'] {
  min-height: 0
}

body:not(.tabbed) button {
  outline: none
}

.overlay-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 700;
  opacity: 0.7
}

.overlay-container {
  padding-left: 68px;
  padding-right: 68px;
  position: absolute;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 150px;
  text-align: center;
  z-index: 705;
  padding-bottom: 30px
}

@media only screen and (max-width:1199px) {
  .overlay-container {
    padding-left: 60px;
    padding-right: 60px
  }
}

@media only screen and (max-width:899px) {
  .overlay-container {
    padding-left: 44px;
    padding-right: 44px
  }
}

@media only screen and (max-width:599px) {
  .overlay-container {
    padding-left: 18px;
    padding-right: 18px
  }
}

@media only screen and (max-width:599px) {
  .overlay-container {
    padding: 0
  }
}

.overlay-content {
  position: relative;
  min-width: 80px;
  min-height: 80px;
  height: 100%;
  padding: 50px calc(8.33333% - 20px) 60px;
  display: inline-block;
  text-align: left;
  background: #2e2e38;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%
}

@media only screen and (max-width:1799px) {
  .overlay-content {
    width: 66.66667%
  }
}

@media only screen and (max-width:1199px) {
  .overlay-content {
    width: 83.33333%;
    padding-top: 30px;
    padding-bottom: 40px
  }
}

@media only screen and (max-width:899px) {
  .overlay-content {
    padding-top: 10px;
    padding-bottom: 20px
  }
}

@media only screen and (max-width:599px) {
  .overlay-content {
    padding: 0 0 10px;
    width: 100%
  }
}

.overlay-content-inner {
  overflow: hidden;
  overflow-y: auto;
  height: 100%
}

.overlay-close {
  z-index: 705;
  font-size: 35px;
  width: 35px;
  height: 35px;
  line-height: 1;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  text-align: center;
  display: none;
  color: white
}

@media only screen and (max-width:899px) {
  .overlay-close {
    top: 20px;
    right: 20px
  }
}

@media only screen and (max-width:599px) {
  .overlay-close {
    top: 18px;
    right: 18px
  }
}

.overlay-close::after {
  display: inline-block;
  width: 100%;
  height: 100%;
  content: "\00d7"
}

.overlay-close:focus {
  outline: none
}

.overlay-close.focus:focus {
  outline: -webkit-focus-ring-color auto 5px
}

.overlay-loading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/img/loader.gif") no-repeat 50% 50%
}

.accordion-article-references .richText ol li a {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li a:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .accordion-article-references .richText ol li a, .accordion-article-references .richText ol li .box-dark-background a, .container-dark-background .accordion-article-references .richText ol li a, .accordion-article-references .richText ol li .container-dark-background a, .template-article .box-dark-background .accordion-article-references .richText ol li a, .accordion-article-references .richText ol li .template-article .box-dark-background a, .accordion-article-references .richText ol li a .better-question, .eventListInstantSearch .accordion-article-references .richText ol li a, .accordion-article-references .richText ol li .eventListInstantSearch a {
  color: white
}

@media print {
  .box-dark-background .accordion-article-references .richText ol li a, .accordion-article-references .richText ol li .box-dark-background a, .container-dark-background .accordion-article-references .richText ol li a, .accordion-article-references .richText ol li .container-dark-background a, .template-article .box-dark-background .accordion-article-references .richText ol li a, .accordion-article-references .richText ol li .template-article .box-dark-background a, .accordion-article-references .richText ol li a .better-question, .eventListInstantSearch .accordion-article-references .richText ol li a, .accordion-article-references .richText ol li .eventListInstantSearch a {
    color: #2e2e38
  }
}

.box-dark-background .accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li .box-dark-background a:hover, .box-dark-background .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li .box-dark-background a:active, .container-dark-background .accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li .container-dark-background a:hover, .container-dark-background .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li .container-dark-background a:active, .template-article .box-dark-background .accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li .template-article .box-dark-background a:hover, .template-article .box-dark-background .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li .template-article .box-dark-background a:active, .accordion-article-references .richText ol li a .better-question:hover, .accordion-article-references .richText ol li a .better-question:active, .eventListInstantSearch .accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li .eventListInstantSearch a:hover, .eventListInstantSearch .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li .eventListInstantSearch a:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li .box-dark-background a:hover, .box-dark-background .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li .box-dark-background a:active, .container-dark-background .accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li .container-dark-background a:hover, .container-dark-background .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li .container-dark-background a:active, .template-article .box-dark-background .accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li .template-article .box-dark-background a:hover, .template-article .box-dark-background .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li .template-article .box-dark-background a:active, .accordion-article-references .richText ol li a .better-question:hover, .accordion-article-references .richText ol li a .better-question:active, .eventListInstantSearch .accordion-article-references .richText ol li a:hover, .accordion-article-references .richText ol li .eventListInstantSearch a:hover, .eventListInstantSearch .accordion-article-references .richText ol li a:active, .accordion-article-references .richText ol li .eventListInstantSearch a:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.accordion.default-style, .accordion-full-width {
  margin-bottom: 0;
  padding: 30px 0
}

@media only screen and (max-width:599px) {
  .accordion.default-style, .accordion-full-width {
    padding: 25px 0
  }
}

.accordion.default-style>.component-content .accordion-link-clicked:focus, .accordion-full-width>.component-content .accordion-link-clicked:focus {
  outline: none
}

.accordion.default-style>.component-content .accordion-content-wrapper, .accordion-full-width>.component-content .accordion-content-wrapper {
  position: relative;
  padding: 0 68px;
  display: none;
  overflow: hidden
}

@media only screen and (max-width:1199px) {
  .accordion.default-style>.component-content .accordion-content-wrapper, .accordion-full-width>.component-content .accordion-content-wrapper {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .accordion.default-style>.component-content .accordion-content-wrapper, .accordion-full-width>.component-content .accordion-content-wrapper {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .accordion.default-style>.component-content .accordion-content-wrapper, .accordion-full-width>.component-content .accordion-content-wrapper {
    padding: 0 18px
  }
}

.accordion.default-style>.component-content .accordion-content-wrapper::before, .accordion-full-width>.component-content .accordion-content-wrapper::before {
  content: '';
  display: block;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ffe600;
  opacity: 1;
  z-index: 105
}

.accordion.default-style>.component-content .accordion-content-wrapper .accordion-content, .accordion-full-width>.component-content .accordion-content-wrapper .accordion-content {
  padding: 0
}

.accordion.default-style>.component-content .accordion-content-wrapper .accordion-content>.content, .accordion-full-width>.component-content .accordion-content-wrapper .accordion-content>.content {
  margin: 0
}

.accordion.default-style>.component-content .accordion-content-wrapper .accordion-content .component:not(.accordion), .accordion-full-width>.component-content .accordion-content-wrapper .accordion-content .component:not(.accordion) {
  padding-left: 0;
  padding-right: 0
}

.accordion.default-style>.component-content .accordion-content-wrapper .accordion-content .accordion, .accordion-full-width>.component-content .accordion-content-wrapper .accordion-content .accordion {
  padding-top: 0;
  padding-bottom: 0
}

.accordion.default-style>.component-content .accordion-content-wrapper .accordion-content .richText .richText-content p:first-child, .accordion-full-width>.component-content .accordion-content-wrapper .accordion-content .richText .richText-content p:first-child {
  margin-top: 5px
}

.accordion.default-style>.component-content .accordion-container, .accordion-full-width>.component-content .accordion-container {
  list-style: none;
  margin: 0;
  padding: 0
}

.accordion.default-style>.component-content .accordion-container .accordion-head:focus>.accordion-title::before, .accordion-full-width>.component-content .accordion-container .accordion-head:focus>.accordion-title::before {
  opacity: 1
}

.accordion.default-style>.component-content .accordion-container .accordion-slide, .accordion-full-width>.component-content .accordion-container .accordion-slide {
  display: inline-table;
  width: 100%;
  -webkit-transition: background 0.4s;
  transition: background 0.4s
}

.accordion.default-style>.component-content .accordion-container .accordion-slide:last-of-type, .accordion-full-width>.component-content .accordion-container .accordion-slide:last-of-type {
  border-bottom: 1px solid #c4c4cd
}

.accordion.default-style>.component-content .accordion-container .accordion-slide:first-child .accordion-title::before, .accordion-full-width>.component-content .accordion-container .accordion-slide:first-child .accordion-title::before {
  height: calc(100% - 1px);
  top: 1px
}

.accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title::before, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title::before {
  height: 100%;
  top: 0
}

.accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link {
  padding: 37px 110px 37px 68px;
  border-bottom: 0
}

@media only screen and (max-width:1199px) {
  .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link {
    padding: 37px 90px 37px 60px
  }
}

@media only screen and (max-width:899px) {
  .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link {
    padding: 37px 77px 37px 44px
  }
}

@media only screen and (max-width:599px) {
  .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    padding: 20px 48px 20px 18px
  }
}

.accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::after, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::after, .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::before, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::before {
  right: 75px
}

@media only screen and (max-width:1199px) {
  .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::after, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::after, .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::before, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::before {
    right: 66px
  }
}

@media only screen and (max-width:899px) {
  .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::after, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::after, .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::before, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::before {
    right: 49px
  }
}

@media only screen and (max-width:599px) {
  .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::after, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::after, .accordion.default-style>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::before, .accordion-full-width>.component-content .accordion-container .accordion-slide .accordion-title .accordion-title-link::before {
    right: 25px
  }
}

.accordion.default-style>.component-content .accordion-container .accordion-slide.is-active .accordion-title .accordion-title-link, .accordion-full-width>.component-content .accordion-container .accordion-slide.is-active .accordion-title .accordion-title-link {
  border-bottom-width: 0
}

.accordion.default-style>.component-content .accordion-container .accordion-title, .accordion-full-width>.component-content .accordion-container .accordion-title {
  position: relative;
  margin: 0
}

.accordion.default-style>.component-content .accordion-container .accordion-title:hover::before, .accordion-full-width>.component-content .accordion-container .accordion-title:hover::before {
  opacity: 1
}

.accordion.default-style>.component-content .accordion-container .accordion-title::before, .accordion-full-width>.component-content .accordion-container .accordion-title::before {
  content: '';
  display: block;
  width: 5px;
  height: calc(100% - 2px);
  position: absolute;
  left: 0;
  top: 1px;
  background-color: #ffe600;
  opacity: 0;
  z-index: 100;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.accordion.default-style>.component-content .accordion-container .accordion-title-link, .accordion-full-width>.component-content .accordion-container .accordion-title-link {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px;
  line-height: 1;
  position: relative;
  display: block;
  padding: 37px 49px 37px 25px;
  border-top: 1px solid #c4c4cd;
  border-bottom: 1px solid #c4c4cd;
  color: #2e2e38
}

.accordion.default-style>.component-content .accordion-container .accordion-title-link::before, .accordion-full-width>.component-content .accordion-container .accordion-title-link::before, .accordion.default-style>.component-content .accordion-container .accordion-title-link::after, .accordion-full-width>.component-content .accordion-container .accordion-title-link::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  right: 25px;
  top: 50%;
  background: url("/img/add.svg") no-repeat center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.accordion.default-style>.component-content .accordion-container .accordion-title-link::before, .accordion-full-width>.component-content .accordion-container .accordion-title-link::before {
  opacity: 1
}

.accordion.default-style>.component-content .accordion-container .accordion-title-link::after, .accordion-full-width>.component-content .accordion-container .accordion-title-link::after {
  opacity: 0;
  height: 2px;
  background: url("/img/remove.svg")
}

@media only screen and (max-width:599px) {
  .accordion.default-style>.component-content .accordion-container .accordion-title-link, .accordion-full-width>.component-content .accordion-container .accordion-title-link {
    padding: 20px 44px 20px 27px
  }

  .accordion.default-style>.component-content .accordion-container .accordion-title-link::before, .accordion-full-width>.component-content .accordion-container .accordion-title-link::before, .accordion.default-style>.component-content .accordion-container .accordion-title-link::after, .accordion-full-width>.component-content .accordion-container .accordion-title-link::after {
    right: 20px
  }
}

.accordion.default-style>.component-content .is-active>.accordion-head .accordion-title::before, .accordion-full-width>.component-content .is-active>.accordion-head .accordion-title::before {
  opacity: 1
}

.accordion.default-style>.component-content .is-active>.accordion-head .accordion-title-link::before, .accordion-full-width>.component-content .is-active>.accordion-head .accordion-title-link::before {
  opacity: 0
}

.accordion.default-style>.component-content .is-active>.accordion-head .accordion-title-link::after, .accordion-full-width>.component-content .is-active>.accordion-head .accordion-title-link::after {
  opacity: 1
}

.accordion.default-style .accordion>.component-content, .accordion-full-width .accordion>.component-content {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .accordion.default-style .accordion>.component-content, .accordion-full-width .accordion>.component-content {
    width: 100%;
    left: auto
  }
}

.accordion.default-style .accordion>.component-content>.component-content, .accordion-full-width .accordion>.component-content>.component-content, .accordion.default-style .accordion>.component-content>.row, .accordion-full-width .accordion>.component-content>.row {
  padding: 0 68px
}

@media print {
  .accordion.default-style .accordion>.component-content>.component-content, .accordion-full-width .accordion>.component-content>.component-content, .accordion.default-style .accordion>.component-content>.row, .accordion-full-width .accordion>.component-content>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .accordion.default-style .accordion>.component-content, .accordion-full-width .accordion>.component-content {
    width: calc(100% + 120px);
    left: -60px
  }

  .accordion.default-style .accordion>.component-content>.component-content, .accordion-full-width .accordion>.component-content>.component-content, .accordion.default-style .accordion>.component-content>.row, .accordion-full-width .accordion>.component-content>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .accordion.default-style .accordion>.component-content, .accordion-full-width .accordion>.component-content {
    width: calc(100% + 88px);
    left: -44px
  }

  .accordion.default-style .accordion>.component-content>.component-content, .accordion-full-width .accordion>.component-content>.component-content, .accordion.default-style .accordion>.component-content>.row, .accordion-full-width .accordion>.component-content>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .accordion.default-style .accordion>.component-content, .accordion-full-width .accordion>.component-content {
    width: calc(100% + 36px);
    left: -18px
  }

  .accordion.default-style .accordion>.component-content>.component-content, .accordion-full-width .accordion>.component-content>.component-content, .accordion.default-style .accordion>.component-content>.row, .accordion-full-width .accordion>.component-content>.row {
    padding: 0 18px
  }
}

.accordion.default-style .accordion>.component-content .accordion>.component-content, .accordion-full-width .accordion>.component-content .accordion>.component-content {
  width: calc(100% + 68px + 90px);
  left: -90px
}

@media only screen and (max-width:1199px) {
  .accordion.default-style .accordion>.component-content .accordion>.component-content, .accordion-full-width .accordion>.component-content .accordion>.component-content {
    width: calc(100% + 60px + 81px);
    left: -81px
  }
}

@media only screen and (max-width:899px) {
  .accordion.default-style .accordion>.component-content .accordion>.component-content, .accordion-full-width .accordion>.component-content .accordion>.component-content {
    width: calc(100% + 44px + 64px);
    left: -64px
  }
}

@media only screen and (max-width:599px) {
  .accordion.default-style .accordion>.component-content .accordion>.component-content, .accordion-full-width .accordion>.component-content .accordion>.component-content {
    width: calc(100% + 18px + 34px);
    left: -34px
  }
}

.accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide {
  background: #f6f6fa
}

.accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide:last-child, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide:last-child {
  border: 0
}

.accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide:hover, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide:hover {
  background: #eaeaf2
}

.accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link {
  background: transparent
}

.accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-content-wrapper, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-content-wrapper, .accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link {
  padding-left: 90px
}

@media only screen and (max-width:1199px) {
  .accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-content-wrapper, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-content-wrapper, .accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link {
    padding-left: 81px
  }
}

@media only screen and (max-width:899px) {
  .accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-content-wrapper, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-content-wrapper, .accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link {
    padding-left: 64px
  }
}

@media only screen and (max-width:599px) {
  .accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-content-wrapper, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-content-wrapper, .accordion.default-style .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link, .accordion-full-width .accordion>.component-content>.accordion-container .accordion-slide .accordion-head .accordion-title-link {
    padding-left: 34px
  }
}

.accordion-article-references.initialized .accordion-head {
  opacity: 1
}

.accordion-article-references .accordion-content {
  padding-left: 10px
}

.accordion-article-references .accordion-container {
  padding: 0;
  margin: 0
}

.accordion-article-references .accordion-head {
  display: inline-block;
  opacity: 0
}

.accordion-article-references .accordion-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  margin: 0
}

.accordion-article-references .accordion-slide {
  display: block;
  padding: 30px 0
}

@media only screen and (max-width:599px) {
  .accordion-article-references .accordion-slide {
    padding: 25px 0
  }
}

.accordion-article-references .accordion-slide.is-active .accordion-title-text {
  padding-bottom: 20px
}

.accordion-article-references .accordion-title-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 700;
  color: #2e2e38;
  display: inline-block;
  padding: 0;
  -webkit-transition: padding 0.5s;
  transition: padding 0.5s
}

.accordion-article-references .accordion-content-wrapper {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  transition: height 0.5s
}

@media only screen and (max-width:599px) {
  .accordion-article-references .richText {
    padding-top: 10px
  }
}

.accordion-article-references .richText ol {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  padding: 0 0 0 1em;
  counter-reset: item
}

.accordion-article-references .richText ol li {
  line-height: 22px;
  font-weight: 300;
  color: #2e2e38;
  list-style-type: none;
  counter-increment: item;
  position: relative;
  padding-left: 0.8em;
  margin-bottom: 10px
}

.accordion-article-references .richText ol li:last-child {
  margin-bottom: 0
}

.accordion-article-references .richText ol li::before {
  content: counter(item) ".";
  font-weight: 700;
  position: absolute;
  left: -1em
}

.accordion-article-references .richText ol li a::after {
  content: '';
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/img/external-link.svg");
  background-size: 15px;
  margin: 0 6px
}

.accordion-main-menu {
  width: 75px;
  float: right;
  margin-bottom: 0;
  padding: 0;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
  z-index: 115;
  background: #2e2e38;
  position: absolute;
  top: 0;
  right: 0
}

.on-top .accordion-main-menu {
  width: 85px
}

@media only screen and (max-width:599px) {
  .accordion-main-menu {
    width: 60px
  }

  .on-top .accordion-main-menu {
    width: 80px
  }
}

.country-selector-open .accordion-main-menu .accordion-slide .accordion-content-wrapper {
  overflow: visible
}

.accordion-main-menu .accordion-container {
  margin: 0;
  padding: 0
}

@media only screen and (max-width:899px) {
  .accordion-main-menu .accordion-container {
    padding: 0 17px
  }
}

.accordion-main-menu .accordion-content>.content {
  margin: 0;
  position: relative
}

.accordion-main-menu .accordion-title {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  padding: 0 30px;
  opacity: 0;
  -webkit-transition: opacity 0.4s, line-height 0.3s ease-out;
  transition: opacity 0.4s, line-height 0.3s ease-out;
  line-height: 75px
}

.on-top .accordion-main-menu .accordion-title {
  line-height: 85px
}

@media only screen and (max-width:599px) {
  .accordion-main-menu .accordion-title {
    line-height: 60px
  }

  .on-top .accordion-main-menu .accordion-title {
    line-height: 80px
  }
}

.accordion-main-menu .accordion-title-text {
  color: #c4c4cd;
  margin: 0 auto
}

.accordion-main-menu>.component-content {
  height: 75px;
  padding: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out
}

.on-top .accordion-main-menu>.component-content {
  height: 85px
}

@media only screen and (max-width:599px) {
  .accordion-main-menu>.component-content {
    height: 60px
  }

  .on-top .accordion-main-menu>.component-content {
    height: 80px
  }
}

.accordion-main-menu .accordion-slide {
  list-style: none;
  width: auto
}

.accordion-main-menu .accordion-slide .accordion-content-wrapper {
  background-color: #2e2e38;
  color: #fff;
  position: absolute;
  z-index: 110;
  width: 360px;
  top: 100%;
  right: 75px;
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: opacity 0.4s ease, height 0.3s ease-out, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, height 0.3s ease-out, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, opacity 0.4s ease, height 0.3s ease-out;
  transition: transform 0.4s ease, opacity 0.4s ease, height 0.3s ease-out, -webkit-transform 0.4s ease;
  pointer-events: none;
  height: calc(100vh - 75px);
  overflow-y: auto;
  padding-top: 2px
}

.on-top .accordion-main-menu .accordion-slide .accordion-content-wrapper {
  height: calc(100vh - 85px)
}

@media only screen and (max-width:899px) {
  .accordion-main-menu .accordion-slide .accordion-content-wrapper {
    border-top: 1px #747480 solid;
    padding-top: 1px
  }
}

@media only screen and (max-width:599px) {
  .accordion-main-menu .accordion-slide .accordion-content-wrapper {
    padding-top: 0;
    border-top: 2px rgba(255, 255, 255, 0.2) solid;
    width: 100vw
  }
}

.accordion-main-menu .accordion-slide .accordion-content-wrapper>.accordion-content, .accordion-main-menu .accordion-slide .accordion-content-wrapper>.accordion-content>.content {
  height: 100%
}

.accordion-main-menu .accordion-slide .accordion-content-wrapper>.accordion-content>.content>.richText.component:first-of-type {
  -webkit-transition: min-height 0.3s ease-out;
  transition: min-height 0.3s ease-out
}

.accordion-main-menu .accordion-slide .accordion-content-wrapper>.accordion-content>.content>.richText.component:first-of-type>.component-content, .accordion-main-menu .accordion-slide .accordion-content-wrapper>.accordion-content>.content>.richText.component:first-of-type>.component-content>.richText-content {
  height: 100%
}

.accordion-main-menu .accordion-slide .accordion-content-wrapper>.accordion-content>.content>.richText.component:last-of-type {
  height: 60px;
  position: absolute;
  bottom: 0
}

.accordion-main-menu .accordion-slide .accordion-content-wrapper>.accordion-content>.content>.richText.component:last-of-type ul {
  padding: 0
}

.nav-is-open .accordion-main-menu {
  width: 360px
}

@media only screen and (max-width:899px) {
  .nav-is-open .accordion-main-menu {
    width: 75px
  }
}

.nav-is-open .accordion-main-menu .accordion-content-wrapper {
  -webkit-transform: translateX(75px);
  transform: translateX(75px);
  opacity: 1;
  pointer-events: auto
}

@media only screen and (max-width:599px) {
  .nav-is-open .accordion-main-menu .accordion-content-wrapper {
    width: 100vw
  }
}

.nav-is-open .accordion-main-menu .accordion-title {
  opacity: 1
}

@media only screen and (max-width:899px) {
  .nav-is-open .accordion-main-menu .accordion-title {
    opacity: 0
  }
}

.nav-is-open .accordion-main-menu .button-open {
  opacity: 0
}

body:not(.tabbed) .nav-is-open .accordion-main-menu .button-open {
  outline: none
}

.nav-is-open .accordion-main-menu [class*='button'].button-close {
  opacity: 1;
  right: 0;
  cursor: pointer;
  pointer-events: auto
}

.accordion-main-menu .richText {
  padding: 0;
  overflow: hidden
}

.accordion-main-menu .richText.is-opening .richText-content ul li[class*='hyperlink'] {
  -webkit-transform: translateY(60px);
  transform: translateY(60px)
}

.accordion-main-menu .richText.is-open {
  height: 0
}

.accordion-main-menu .richText:first-of-type .richText-content ul {
  height: 100%;
  padding-bottom: 80px
}

.accordion-main-menu .richText:first-of-type .richText-content ul li:last-child a::after {
  display: none
}

.accordion-main-menu .richText .richText-content ul {
  padding: 5px 0 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #2e2e38;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .accordion-main-menu .richText .richText-content ul {
    padding-top: 0
  }
}

.accordion-main-menu .richText .richText-content ul li {
  list-style: none
}

.accordion-main-menu .richText .richText-content ul li[class*='hyperlink'] {
  position: relative;
  margin-top: auto;
  border-top: 1px solid #2e2e38;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  z-index: 120
}

.accordion-main-menu .richText .richText-content ul li a {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 34px;
  color: white;
  font-weight: 400;
  letter-spacing: -0.015em;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 17px 30px;
  position: relative;
  border-bottom: 0
}

@media only screen and (max-width:599px) {
  .accordion-main-menu .richText .richText-content ul li a {
    padding: 17px 19px
  }
}

body:not(.tabbed) .accordion-main-menu .richText .richText-content ul li a {
  outline: 0
}

.accordion-main-menu .richText .richText-content ul li a:hover::before, .accordion-main-menu .richText .richText-content ul li a:focus::before {
  background: #ffe600
}

.accordion-main-menu .richText .richText-content ul li a:hover::after, .accordion-main-menu .richText .richText-content ul li a:focus::after {
  width: calc(100% - 60px)
}

@media only screen and (max-width:599px) {
  .accordion-main-menu .richText .richText-content ul li a:hover::after, .accordion-main-menu .richText .richText-content ul li a:focus::after {
    width: calc(100% - 40px)
  }
}

.accordion-main-menu .richText .richText-content ul li a::before {
  content: "";
  display: block;
  height: 100%;
  width: 5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100
}

.accordion-main-menu .richText .richText-content ul li a::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 60px);
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 0;
  z-index: 100;
  border: 0;
  left: auto
}

@media only screen and (max-width:599px) {
  .accordion-main-menu .richText .richText-content ul li a::after {
    width: calc(100% - 40px)
  }
}

.accordion-main-menu .richText .richText-content ul li a[class*='hyperlink'] {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 19px 25px 19px 57px;
  background: #1a1a24;
  letter-spacing: normal;
  line-height: 1.38
}

@media only screen and (max-width:599px) {
  .accordion-main-menu .richText .richText-content ul li a[class*='hyperlink'] {
    padding: 19px 19px 19px 51px
  }
}

.accordion-main-menu .richText .richText-content ul li a[class*='hyperlink']::before {
  display: none
}

.accordion-main-menu .richText .richText-content ul li a[class*='hyperlink']::after {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width:599px) {
  .accordion-main-menu .richText .richText-content ul li a[class*='hyperlink']::after {
    left: 19px
  }
}

.accordion-main-menu .richText .richText-content ul li a[class*='hyperlink'].hyperlink-icon-devices::after {
  height: 15px;
  background: url("/img/devices-grey.svg")
}

.accordion-main-menu [class*='button-'] {
  font-size: 0;
  background: url("/img/ic_menu_white.svg") center no-repeat;
  background-size: 21px;
  width: 75px;
  height: 75px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: right 0.4s, width 0.3s ease-out, height 0.3s ease-out;
  transition: right 0.4s, width 0.3s ease-out, height 0.3s ease-out;
  opacity: 1;
  z-index: 100;
  border: none
}

body:not(.tabbed) .accordion-main-menu [class*='button-'] {
  outline: none
}

.on-top .accordion-main-menu [class*='button-'] {
  width: 85px;
  height: 85px
}

@media only screen and (max-width:599px) {
  .accordion-main-menu [class*='button-'] {
    width: 60px;
    height: 60px
  }

  .on-top .accordion-main-menu [class*='button-'] {
    width: 80px;
    height: 80px
  }
}

.accordion-main-menu [class*='button-'].button-close {
  background: url("/img/ic_close_white.svg") center no-repeat;
  background-size: 18px;
  right: -75px;
  z-index: 105;
  opacity: 0;
  pointer-events: none
}

.accordion-full-width {
  padding: 0
}

.accordion-full-width>.component-content {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .accordion-full-width>.component-content {
    width: 100%;
    left: auto
  }
}

.accordion-full-width>.component-content>.component-content, .accordion-full-width>.component-content>.row {
  padding: 0 68px
}

@media print {
  .accordion-full-width>.component-content>.component-content, .accordion-full-width>.component-content>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .accordion-full-width>.component-content {
    width: calc(100% + 104px);
    left: -52px
  }

  .accordion-full-width>.component-content>.component-content, .accordion-full-width>.component-content>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .accordion-full-width>.component-content {
    width: calc(100% + 72px);
    left: -36px
  }

  .accordion-full-width>.component-content>.component-content, .accordion-full-width>.component-content>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .accordion-full-width>.component-content {
    width: calc(100% + 24px);
    left: -12px
  }

  .accordion-full-width>.component-content>.component-content, .accordion-full-width>.component-content>.row {
    padding: 0 18px
  }
}

.accordion-full-width>.component-content .officeDetails .office-destination {
  padding: 0
}

.articleDetails {
  margin: 15px 0 20px
}

.articleDetails .content, .articleDetails .articleDetails-empty {
  padding: 23px 0 22px;
  border-top: 1px solid #c4c4cd;
  border-bottom: 1px solid #c4c4cd
}

@media only screen and (max-width:1199px) {
  .articleDetails .content, .articleDetails .articleDetails-empty {
    padding: 18px 0 17px
  }
}

@media only screen and (max-width:899px) {
  .articleDetails .content, .articleDetails .articleDetails-empty {
    border: 0;
    padding: 0
  }
}

@media only screen and (max-width:599px) {
  .articleDetails .content, .articleDetails .articleDetails-empty {
    padding: 19px 0 18px;
    border-top: 1px solid #c4c4cd;
    border-bottom: 1px solid #c4c4cd
  }
}

.articleDetails .content span, .articleDetails .articleDetails-empty span {
  display: block;
  margin: 0;
  color: #2e2e38
}

.articleDetails .content span [href*="tel"], .articleDetails .articleDetails-empty span [href*="tel"] {
  color: #2e2e38;
  pointer-events: none
}

.betterQuestionCards {
  width: 100%;
  text-align: center;
  margin: 0;
  -webkit-print-color-adjust: exact;
  color-adjust: exact
}

.betterQuestionCards .betterQuestionCards-header {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  margin: 70px 0 8px;
  text-align: left
}

@media only screen and (max-width:1199px) {
  .betterQuestionCards .betterQuestionCards-header {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px;
    text-align: center
  }
}

@media only screen and (max-width:599px) {
  .betterQuestionCards .betterQuestionCards-header {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px;
    text-align: left;
    margin-top: 40px
  }
}

.betterQuestionCards .betterQuestionCards-info {
  position: absolute;
  top: 0;
  padding: 30px
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.webcast, .betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.podcast, .betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.location {
  position: relative;
  padding-left: 30px
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.webcast::before, .betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.podcast::before, .betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.location::before {
  content: '';
  display: block;
  position: absolute;
  background-size: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.webcast::before {
  width: 22px;
  height: 19px;
  background: url("/img/ic_webcast.svg") center no-repeat
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.podcast::before {
  width: 22px;
  height: 20px;
  background: url("/img/ic_podcast.svg") center no-repeat
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.location {
  padding-left: 24px
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.location::before {
  width: 14px;
  height: 20px;
  background: url("/img/ic_place.svg") center no-repeat
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-label.location+.betterQuestionCards-metadata-info {
  padding-left: 24px
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-metadata-info {
  padding-left: 30px
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-metadata-info span {
  display: inline
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-metadata-info span.has-country-code::after {
  content: ","
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-metadata-info span.multiple-line::after {
  content: "|";
  padding-left: 4px
}

.betterQuestionCards .betterQuestionCards-info .betterQuestionCards-metadata-info span.webcast-date::after {
  content: ","
}

.betterQuestionCards .betterQuestionCards-swipe-info {
  text-align: center;
  display: none
}

@media only screen and (max-width:1199px) {
  .betterQuestionCards .betterQuestionCards-swipe-info {
    display: block
  }
}

@media only screen and (max-width:599px) {
  .betterQuestionCards .betterQuestionCards-swipe-info {
    text-align: left
  }
}

.betterQuestionCards .betterQuestionCards-wrapper {
  width: 100%;
  padding-bottom: 43.23%;
  position: relative;
  z-index: 100;
  margin-top: 76px
}

@media only screen and (max-width:1199px) {
  .betterQuestionCards .betterQuestionCards-wrapper {
    margin-top: 37px
  }
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper {
  width: 32.46%;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  left: 101.31%;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  text-align: left
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-card-dragger {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.6s ease-in-out;
  transition: -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.6s ease-in-out;
  transition: transform 0.3s ease-out, box-shadow 0.6s ease-in-out;
  transition: transform 0.3s ease-out, box-shadow 0.6s ease-in-out, -webkit-transform 0.3s ease-out, -webkit-box-shadow 0.6s ease-in-out
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-card-dragger.is-dragging {
  -webkit-transition: none;
  transition: none
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper.visible.loaded {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s ease-out, left 0.3s ease-out, -webkit-box-shadow 0.6s ease-in-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, left 0.3s ease-out, -webkit-box-shadow 0.6s ease-in-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, box-shadow 0.6s ease-in-out, left 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, box-shadow 0.6s ease-in-out, left 0.3s ease-out, transform 0.3s ease-out, -webkit-box-shadow 0.6s ease-in-out, -webkit-transform 0.3s ease-out
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-card {
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  overflow: hidden
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-image {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 133.18%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  -webkit-transform: scale(1.001);
  transform: scale(1.001)
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  bottom: -1%;
  left: -1%;
  right: -1%;
  top: 50%;
  position: absolute
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-description {
  padding: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  color: white
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-description .betterQuestionCards-title {
  line-height: 26px;
  margin: 0 0 8px;
  color: inherit;
  overflow: hidden;
  font-weight: 400
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-description strong {
  display: block;
  font-weight: 700
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-close {
  opacity: 0;
  height: 43px;
  width: 43px;
  border-radius: 50%;
  border: 1px solid #c4c4cd;
  background: #2e2e38;
  top: 10px;
  right: 10px;
  position: absolute;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
  font-size: 0
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-close:focus {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto
}

@media only screen and (max-width:1199px) {
  .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-close:focus {
    display: none
  }
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-close::after, .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-close::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.5px -12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper .betterQuestionCards-close::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper:hover .betterQuestionCards-card-dragger, .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper.focus .betterQuestionCards-card-dragger {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.5)
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper:hover .betterQuestionCards-image, .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper.focus .betterQuestionCards-image {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper:hover .betterQuestionCards-close, .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper.focus .betterQuestionCards-close {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto
}

@media only screen and (max-width:1199px) {
  .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper:hover .betterQuestionCards-close, .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper.focus .betterQuestionCards-close {
    display: none
  }
}

@media only screen and (max-width:1199px) {
  .betterQuestionCards .betterQuestionCards-wrapper {
    height: 562px;
    padding-bottom: 0;
    margin-left: -10px
  }

  .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 422px;
    height: 562px
  }

  .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper:hover .betterQuestionCards-image {
    -webkit-transform: scale(1.001);
    transform: scale(1.001)
  }

  .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper:hover .betterQuestionCards-card-dragger {
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .betterQuestionCards .betterQuestionCards-wrapper::after, .betterQuestionCards .betterQuestionCards-wrapper::before {
    content: '';
    display: block;
    width: 422px;
    height: 562px;
    position: absolute;
    background: #c4c4cd;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 10px
  }

  .betterQuestionCards .betterQuestionCards-wrapper::before {
    margin: 20px;
    background: #747480
  }
}

@media only screen and (max-width:599px) {
  .betterQuestionCards .betterQuestionCards-wrapper {
    height: 400px
  }

  .betterQuestionCards .betterQuestionCards-wrapper .betterQuestionCards-card-wrapper {
    width: 300px;
    height: 400px
  }

  .betterQuestionCards .betterQuestionCards-wrapper::after, .betterQuestionCards .betterQuestionCards-wrapper::before {
    width: 300px;
    height: 400px
  }
}

@media only screen and (max-width:1199px) {
  .betterQuestionCards.entered-viewport .betterQuestionCards-card-wrapper:first-child .betterQuestionCards-card-dragger {
    -webkit-animation: card-animation 1s ease-in-out forwards;
    animation: card-animation 1s ease-in-out forwards
  }
}

.betterQuestionCards .betterQuestionCards-read-more {
  font-weight: 700;
  padding: 7px 20px;
  display: inline-block;
  border: 1px #c4c4cd solid;
  margin-top: 60px;
  margin-bottom: 70px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

@media only screen and (max-width:1199px) {
  .betterQuestionCards .betterQuestionCards-read-more {
    margin-top: 100px
  }
}

@media only screen and (max-width:899px) {
  .betterQuestionCards .betterQuestionCards-read-more {
    margin-top: 80px
  }
}

@media only screen and (max-width:599px) {
  .betterQuestionCards .betterQuestionCards-read-more {
    margin-top: 60px;
    margin-bottom: 40px;
    display: block
  }
}

.betterQuestionCards .betterQuestionCards-read-more:hover, .betterQuestionCards .betterQuestionCards-read-more:active {
  background-color: white;
  color: #2e2e38
}

@charset "UTF-8";

.box-banner-with-data .richText, .box-double-banner .richText {
  color: #2e2e38
}

.box-dark-background .box-banner-with-data .richText, .box-banner-with-data .box-dark-background .richText, .box-dark-background .box-double-banner .richText, .box-double-banner .box-dark-background .richText, .container-dark-background .box-banner-with-data .richText, .box-banner-with-data .container-dark-background .richText, .container-dark-background .box-double-banner .richText, .box-double-banner .container-dark-background .richText {
  color: #fff
}

.box-banner-with-data .richText .richText-content h3, .box-double-banner .richText .richText-content h3 {
  margin: 0 0 10px
}

@media only screen and (max-width:899px) {
  .box-banner-with-data .richText .richText-content h3, .box-double-banner .richText .richText-content h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

.box-banner-with-data .richText .richText-content p, .box-double-banner .richText .richText-content p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0
}

@media only screen and (max-width:899px) {
  .box-banner-with-data .richText .richText-content p, .box-double-banner .richText .richText-content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px
  }
}

.box-banner-with-data .richText .richText-content p a[class*='-primary-cta'], .box-double-banner .richText .richText-content p a[class*='-primary-cta'] {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: center
}

.box-banner-with-data .richText .richText-content .hyperlink-primary-cta, .box-double-banner .richText .richText-content .hyperlink-primary-cta {
  background-color: transparent
}

.box-banner-with-data .richText .richText-content .hyperlink-primary-cta:hover, .box-double-banner .richText .richText-content .hyperlink-primary-cta:hover, .box-banner-with-data .richText .richText-content .hyperlink-primary-cta:active, .box-double-banner .richText .richText-content .hyperlink-primary-cta:active {
  background-color: #2e2e38
}

.box-banner-with-data .richText .richText-content a[class*='-primary-cta'], .box-double-banner .richText .richText-content a[class*='-primary-cta'] {
  margin-top: 30px
}

@media only screen and (max-width:599px) {
  .box-banner-with-data .richText .richText-content a[class*='-primary-cta'], .box-double-banner .richText .richText-content a[class*='-primary-cta'] {
    margin-top: 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
  }
}

.box-dark-background>.component-content {
  background-color: #2e2e38
}

.box-dark-background *, .template-article .box-dark-background * {
  color: white
}

.box-dark-background .validationMessages>.errorMessages * {
  color: #a94442
}

.box-dark-background .validationMessages>.warningMessages * {
  color: #8a6d3b
}

.box-dark-background .validationMessages>.informationMessages * {
  color: white
}

.box-grey-background>.component-content {
  background-color: #f6f6fa
}

.box-grey2-background>.component-content {
  background-color: #eaeaf2
}

.box-full-width {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0
}

@media print {
  .box-full-width {
    width: 100%;
    left: auto
  }
}

.box-full-width>.component-content, .box-full-width>.row {
  padding: 0 68px
}

@media print {
  .box-full-width>.component-content, .box-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .box-full-width {
    width: calc(100% + 104px);
    left: -52px
  }

  .box-full-width>.component-content, .box-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .box-full-width {
    width: calc(100% + 72px);
    left: -36px
  }

  .box-full-width>.component-content, .box-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .box-full-width {
    width: calc(100% + 24px);
    left: -12px
  }

  .box-full-width>.component-content, .box-full-width>.row {
    padding: 0 18px
  }
}

.box-full-width.fixed-component {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .box-full-width.fixed-component {
    width: 100%;
    left: auto
  }
}

.box-full-width.fixed-component>.component-content, .box-full-width.fixed-component>.row {
  padding: 0 68px
}

@media print {
  .box-full-width.fixed-component>.component-content, .box-full-width.fixed-component>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .box-full-width.fixed-component {
    width: calc(100% + 120px);
    left: -60px
  }

  .box-full-width.fixed-component>.component-content, .box-full-width.fixed-component>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .box-full-width.fixed-component {
    width: calc(100% + 88px);
    left: -44px
  }

  .box-full-width.fixed-component>.component-content, .box-full-width.fixed-component>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .box-full-width.fixed-component {
    width: calc(100% + 36px);
    left: -18px
  }

  .box-full-width.fixed-component>.component-content, .box-full-width.fixed-component>.row {
    padding: 0 18px
  }
}

.box-navigation {
  width: 50%;
  float: right;
  margin-bottom: 0
}

.box-navigation .box-heading {
  margin: 0
}

@media only screen and (max-width:1199px) {
  .box-navigation {
    width: 69%
  }
}

@media only screen and (max-width:899px) {
  .box-navigation {
    width: auto;
    float: none
  }
}

.box-navigation>.component-content {
  padding: 0
}

.box-quote-call-out-left, .box-quote-call-out-right {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  padding: 0
}

.box-quote-call-out-left>.component-content, .box-quote-call-out-right>.component-content {
  position: relative;
  background-size: cover;
  background-position: center;
  max-width: none;
  height: 700px
}

.box-quote-call-out-left>.component-content .box-heading, .box-quote-call-out-right>.component-content .box-heading {
  display: none
}

.box-quote-call-out-left>.component-content::before, .box-quote-call-out-right>.component-content::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 20%, transparent 80%), linear-gradient(96.81deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(254.73deg, rgba(0, 0, 0, 0.1) 30%, transparent 70%)
}

@media only screen and (max-width:1199px) {
  .box-quote-call-out-left>.component-content, .box-quote-call-out-right>.component-content {
    height: 510px
  }
}

@media only screen and (max-width:899px) {
  .box-quote-call-out-left>.component-content, .box-quote-call-out-right>.component-content {
    height: 375px
  }
}

@media only screen and (max-width:599px) {
  .box-quote-call-out-left>.component-content, .box-quote-call-out-right>.component-content {
    height: 540px
  }
}

.box-quote-call-out-left .richText-content h2, .box-quote-call-out-right .richText-content h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 44px;
  font-family: Georgia, sans-serif;
  font-weight: 400;
  color: #fff;
  margin: 0 0 20px;
  position: relative
}

html[lang^='ja'] .box-quote-call-out-left .richText-content h2, html[lang^='ja'] .box-quote-call-out-right .richText-content h2 {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .box-quote-call-out-left .richText-content h2, html[lang^='zh'] .box-quote-call-out-right .richText-content h2 {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

@media only screen and (max-width:899px) {
  .box-quote-call-out-left .richText-content h2, .box-quote-call-out-right .richText-content h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

@media only screen and (max-width:599px) {
  .box-quote-call-out-left .richText-content h2, .box-quote-call-out-right .richText-content h2 {
    line-height: 34px
  }
}

.box-quote-call-out-left .richText-content h2::before, .box-quote-call-out-right .richText-content h2::before {
  font-size: 120px;
  font-size: 12rem;
  line-height: normal;
  content: "â€œ";
  color: #ffe600;
  position: absolute;
  left: -5px;
  top: -0.5em
}

@media only screen and (max-width:899px) {
  .box-quote-call-out-left .richText-content h2::before, .box-quote-call-out-right .richText-content h2::before {
    font-size: 85px;
    font-size: 8.5rem;
    left: 0;
    top: -0.58em
  }
}

.box-quote-call-out-left .richText-content h2+p, .box-quote-call-out-right .richText-content h2+p {
  font-weight: 700
}

.box-quote-call-out-left p, .box-quote-call-out-right p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 400;
  margin: 0
}

.box-quote-call-out-left .selection-date, .box-quote-call-out-right .selection-date {
  font-weight: 300
}

@media only screen and (max-width:599px) {
  .box-quote-call-out-left .selection-date, .box-quote-call-out-right .selection-date {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin-top: 7px
  }
}

.box-quote-call-out-left .richText, .box-quote-call-out-right .richText {
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  padding-left: 68px
}

.box-quote-call-out-left .richText a, .box-quote-call-out-right .richText a {
  color: white
}

@media only screen and (max-width:1199px) {
  .box-quote-call-out-left .richText, .box-quote-call-out-right .richText {
    padding-left: 60px
  }
}

@media only screen and (max-width:899px) {
  .box-quote-call-out-left .richText, .box-quote-call-out-right .richText {
    padding-left: 44px
  }
}

@media only screen and (max-width:599px) {
  .box-quote-call-out-left .richText, .box-quote-call-out-right .richText {
    padding-left: 18px;
    top: auto;
    bottom: 30px;
    -webkit-transform: none;
    transform: none
  }
}

.box-quote-call-out-right {
  margin-bottom: 0
}

.box-quote-call-out-right>.component-content::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

@media only screen and (max-width:599px) {
  .box-quote-call-out-right>.component-content::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.box-quote-call-out-right .richText {
  left: auto;
  right: 0;
  padding-right: 68px
}

@media only screen and (max-width:1199px) {
  .box-quote-call-out-right .richText {
    padding-right: 60px
  }
}

@media only screen and (max-width:899px) {
  .box-quote-call-out-right .richText {
    padding-right: 44px
  }
}

@media only screen and (max-width:599px) {
  .box-quote-call-out-right .richText {
    padding-right: 0;
    padding-left: 18px;
    right: auto;
    left: 0
  }
}

.box-yellow-background {
  background-color: #ffe600
}

@media only screen and (max-width:899px) {
  .box-generic-content-sidebar {
    border-bottom: 1px solid #c4c4ce
  }
}

.box-banner-with-data .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 108px 0;
  margin: 0
}

@media only screen and (max-width:1199px) {
  .box-banner-with-data .content {
    padding: 95px 0
  }
}

@media only screen and (max-width:899px) {
  .box-banner-with-data .content {
    padding: 68px 0 60px
  }
}

@media only screen and (max-width:599px) {
  .box-banner-with-data .content {
    display: block;
    padding: 30px 28px 40px
  }
}

@media only screen and (max-width:599px) {
  .box-banner-with-data .content .richText:first-of-type a[class*='-primary-cta'] {
    display: none
  }
}

.box-banner-with-data .content .richText:last-of-type {
  display: none
}

@media only screen and (max-width:599px) {
  .box-banner-with-data .content .richText:last-of-type {
    display: block
  }
}

.box-banner-with-data .richText {
  padding: 0 8.33333%
}

@media only screen and (max-width:599px) {
  .box-banner-with-data .richText {
    padding: 0
  }
}

.box-banner-with-data .richText>.component-content {
  padding: 0
}

@media only screen and (max-width:1199px) {
  .box-banner-with-data .richText>.component-content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px
  }
}

.box-banner-with-data .richText>.component-content p a[class*='-primary-cta'] {
  min-width: 220px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.box-banner-with-data .reference-inline-figure-strip {
  padding-right: 8.33333%
}

@media only screen and (max-width:599px) {
  .box-banner-with-data .reference-inline-figure-strip {
    margin: 0;
    padding: 3px 0 2px
  }
}

.box-banner-with-data .reference-inline-figure-strip>.component-content {
  border: 0;
  padding: 0;
  margin: 0
}

.box-banner-with-data .reference-inline-figure-strip>.component-content .inline-figure-label {
  display: none
}

.box-banner-with-data .reference-inline-figure-strip>.component-content .inline-figure-figures {
  margin: 0
}

@media only screen and (max-width:1199px) {
  .box-banner-with-data .reference-inline-figure-strip>.component-content .inline-figure-figures {
    font-size: 80px;
    font-size: 8rem;
    line-height: 96px
  }
}

@media only screen and (max-width:899px) {
  .box-banner-with-data .reference-inline-figure-strip>.component-content .inline-figure-figures {
    font-size: 60px;
    font-size: 6rem;
    line-height: 72px
  }
}

@media only screen and (max-width:599px) {
  .box-banner-with-data .reference-inline-figure-strip>.component-content .inline-figure-figures {
    margin: 5px 0;
    padding-right: 0
  }
}

@media only screen and (max-width:599px) {
  .box-banner-with-data .reference-inline-figure-strip>.component-content .inline-figure-context {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px
  }
}

.box-banner-with-data.box-dark-background>.component-content .inline-figure-context {
  color: #fff
}

.box-banner-with-data.box-full-width .content {
  padding-left: 112px;
  padding-right: 112px
}

@media only screen and (max-width:1199px) {
  .box-banner-with-data.box-full-width .content {
    padding-left: 0;
    padding-right: 0
  }
}

@media only screen and (max-width:899px) {
  .box-banner-with-data.box-full-width .content {
    padding: 60px 0
  }
}

@media only screen and (max-width:599px) {
  .box-banner-with-data.box-full-width .content {
    padding: 40px 0 50px
  }
}

.box-banner-with-data.box-full-width .content .richText {
  padding-left: 0
}

.box-banner-with-data.box-full-width .content .reference-inline-figure-strip {
  padding-right: 0
}

@media only screen and (max-width:599px) {
  .box-banner-with-data.box-full-width .content .reference-inline-figure-strip {
    padding: 20px 0 5px
  }
}

.box-banner-with-data.box-full-width .content .reference-inline-figure-strip>.component-content .inline-figure-figures {
  padding-right: 0
}

@media only screen and (max-width:1199px) {
  .box-banner-with-data.box-full-width .content .reference-inline-figure-strip>.component-content .inline-figure-figures {
    font-size: 100px;
    font-size: 10rem
  }
}

@media only screen and (max-width:899px) {
  .box-banner-with-data.box-full-width .content .reference-inline-figure-strip>.component-content .inline-figure-figures {
    font-size: 80px;
    font-size: 8rem;
    line-height: 96px
  }
}

@media only screen and (max-width:599px) {
  .box-banner-with-data.box-full-width .content .reference-inline-figure-strip>.component-content .inline-figure-figures {
    margin: 0
  }
}

.box-double-banner .richText {
  padding: 108px 120px 108px 116px
}

@media only screen and (max-width:1199px) {
  .box-double-banner .richText {
    padding: 40px 75px 50px 85px
  }
}

@media only screen and (max-width:899px) {
  .box-double-banner .richText {
    padding: 60px 58px 50px 67px
  }
}

@media only screen and (max-width:599px) {
  .box-double-banner .richText {
    padding: 40px 28px 50px
  }
}

@media only screen and (max-width:1199px) {
  .box-double-banner .richText .richText-content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px
  }
}

@media only screen and (max-width:1199px) {
  .box-double-banner .richText .richText-content a[class*='-primary-cta'] {
    margin-top: 20px
  }
}

@media only screen and (max-width:599px) {
  .box-double-banner .richText .richText-content a[class*='-primary-cta'] {
    margin-top: 30px
  }
}

@media only screen and (max-width:599px) {
  .box-double-banner .richText+.richText::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #c4c4cd;
    height: 1px;
    width: 100%
  }
}

.box-double-banner>.component-content::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #c4c4cd
}

@media only screen and (max-width:599px) {
  .box-double-banner>.component-content::after {
    display: none
  }
}

.box-double-banner .content {
  margin: 0
}

.box-double-banner.box-full-width>.component-content {
  padding: 0
}

.box-double-banner.box-full-width .richText {
  padding: 135px 180px 135px 118px
}

@media only screen and (max-width:1199px) {
  .box-double-banner.box-full-width .richText {
    padding: 63px 60px 63px 85px
  }
}

@media only screen and (max-width:899px) {
  .box-double-banner.box-full-width .richText {
    padding: 55px 44px 50px 66px
  }
}

@media only screen and (max-width:599px) {
  .box-double-banner.box-full-width .richText {
    padding: 40px 18px 50px
  }
}

.box-content-feature {
  margin-bottom: 0
}

.box-content-feature .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0
}

@media only screen and (max-width:599px) {
  .box-content-feature .content {
    padding: 25px 0
  }
}

.box-content-feature .content .richText, .box-content-feature .content .image {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.box-content-feature .content .richText {
  padding-right: 16.66667%
}

@media only screen and (max-width:1199px) {
  .box-content-feature .content .richText {
    padding-right: 8.33333%
  }
}

.box-content-feature .content .richText h3, .box-content-feature .content .richText h5 {
  margin: 0
}

@media only screen and (max-width:899px) {
  .box-content-feature .content .richText h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px
  }
}

.box-content-feature .content .richText h3 a {
  font-weight: 400
}

.box-content-feature .content .richText h3+p {
  margin: 13px 0 20px
}

@media only screen and (max-width:899px) {
  .box-content-feature .content .richText h3+p {
    margin-top: 5px
  }
}

.box-content-feature .content .richText h3+p[class*='parent-of-selection-'] {
  margin-bottom: 40px
}

.box-content-feature .content .richText h3+p[class*='parent-of-selection-']+p {
  margin: 0 0 10px
}

.box-content-feature .content .richText h3+p span[class*='selection-'] {
  line-height: 24px
}

.box-content-feature .content .richText h5 {
  margin-bottom: 15px
}

@media only screen and (max-width:899px) {
  .box-content-feature .content .richText h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    margin-bottom: 5px
  }
}

.box-content-feature .content .richText h5:nth-last-child(2) {
  margin-bottom: 35px
}

@media only screen and (max-width:899px) {
  .box-content-feature .content .richText h5:nth-last-child(2) {
    margin-bottom: 25px
  }
}

.box-content-feature .content .richText p.parent-of-selection-hidden-on-small-resolution {
  line-height: 24px;
  margin-bottom: 5px
}

@media only screen and (max-width:899px) {
  .box-content-feature .content .richText p.parent-of-selection-hidden-on-small-resolution {
    display: none
  }
}

.box-content-feature .content .richText p:last-child {
  margin: 0
}

.box-content-feature .content .richText p:last-child span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px
}

.box-content-feature .content .image {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width:599px) {
  .box-content-feature .content .image {
    margin-bottom: 15px
  }
}

.box-content-feature .content .image img {
  display: block
}

.box-content-feature .content .image+.richText {
  padding: 0 8.33333%
}

@media only screen and (max-width:1199px) {
  .box-content-feature .content .image+.richText {
    padding-right: 8px
  }
}

@media only screen and (max-width:599px) {
  .box-content-feature .content .richText, .box-content-feature .content .image {
    width: 100%
  }

  .box-content-feature .content .image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .box-content-feature .content .richText, .box-content-feature .content .image+.richText {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0 6px
  }
}

.box-linker-container {
  margin: 0;
  padding-top: 30px
}

.box-linker-container::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 30px);
  background-color: #c4c4cd;
  bottom: 0;
  left: calc(50% - 1px)
}

.box-linker-container .component-content {
  padding: 0
}

.box-linker-container .component-content .content {
  margin: 0
}

.box-linker-container .component-content .content a {
  display: block
}

.box-linker-container .richText {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  padding: 84px 0
}

@media only screen and (max-width:1199px) {
  .box-linker-container .richText {
    padding: 64px 0
  }
}

@media only screen and (max-width:899px) {
  .box-linker-container .richText {
    padding: 50px 0
  }
}

@media only screen and (max-width:599px) {
  .box-linker-container .richText {
    padding: 20px 0
  }
}

.box-linker-container .richText:hover {
  background-color: #eaeaf2;
  cursor: pointer
}

@media only screen and (max-width:899px) {
  .box-linker-container .richText:hover {
    background: transparent
  }
}

.box-linker-container .richText .component-content {
  padding: 0 68px
}

@media only screen and (max-width:1199px) {
  .box-linker-container .richText .component-content {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .box-linker-container .richText .component-content {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .box-linker-container .richText .component-content {
    padding: 0 18px
  }
}

.box-linker-container .richText .component-content .richText-content {
  padding: 0 16%;
  position: relative
}

@media only screen and (max-width:599px) {
  .box-linker-container .richText .component-content .richText-content {
    padding: 0 20%
  }
}

.box-linker-container .richText .component-content .richText-content::before {
  content: '';
  display: none;
  width: 36px;
  height: 24px;
  position: absolute;
  background: url("/img/ic_keyboard_backspace.svg");
  background-size: 36px 24px;
  top: calc(50% - 12px)
}

@media only screen and (max-width:899px) {
  .box-linker-container .richText .component-content .richText-content::before {
    width: 18px;
    height: 12px;
    background-size: 18px 12px;
    top: calc(50% - 6px)
  }
}

.box-linker-container .richText .component-content .richText-content p {
  line-height: 22px;
  color: #747480;
  margin: 0
}

@media only screen and (max-width:599px) {
  .box-linker-container .richText .component-content .richText-content p {
    color: #2e2e38;
    font-weight: 700
  }
}

.box-linker-container .richText .component-content .richText-content span, .box-linker-container .richText .component-content .richText-content a {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  margin: 10px 0 0;
  display: inline-block;
  border: 0;
  font-weight: 300;
  color: #2e2e38
}

@media only screen and (max-width:899px) {
  .box-linker-container .richText .component-content .richText-content span, .box-linker-container .richText .component-content .richText-content a {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

@media only screen and (max-width:599px) {
  .box-linker-container .richText .component-content .richText-content span, .box-linker-container .richText .component-content .richText-content a {
    display: none
  }
}

.box-linker-container .richText.richText-linker-previous:hover .component-content .richText-content::before {
  left: -10px
}

@media only screen and (max-width:899px) {
  .box-linker-container .richText.richText-linker-previous:hover .component-content .richText-content::before {
    left: 0
  }
}

.box-linker-container .richText.richText-linker-previous .component-content .richText-content::before {
  display: block;
  left: 0;
  -webkit-transition: left 0.3s;
  transition: left 0.3s
}

@media only screen and (max-width:1199px) {
  .box-linker-container .richText.richText-linker-next {
    float: right
  }
}

.box-linker-container .richText.richText-linker-next:hover .component-content .richText-content::before {
  right: -10px
}

@media only screen and (max-width:899px) {
  .box-linker-container .richText.richText-linker-next:hover .component-content .richText-content::before {
    right: 0
  }
}

.box-linker-container .richText.richText-linker-next .component-content .richText-content {
  text-align: right
}

.box-linker-container .richText.richText-linker-next .component-content .richText-content::before {
  display: block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 0;
  -webkit-transition: right 0.3s;
  transition: right 0.3s
}

.box-visual-link .component-content {
  padding: 0
}

.box-visual-link .component-content .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0
}

@media only screen and (max-width:899px) {
  .box-visual-link .component-content .content {
    display: block
  }
}

.box-visual-link .richText {
  max-width: 50%;
  padding: 0 148px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width:1199px) {
  .box-visual-link .richText {
    padding: 0 71px
  }
}

@media only screen and (max-width:899px) {
  .box-visual-link .richText {
    padding: 60px 44px;
    max-width: none
  }
}

@media only screen and (max-width:599px) {
  .box-visual-link .richText {
    padding: 60px 18px
  }
}

@media only screen and (max-width:899px) {
  .box-visual-link .richText .component-content {
    width: 100%
  }
}

.box-visual-link .richText h3 {
  margin: 0 0 30px
}

@media only screen and (max-width:899px) {
  .box-visual-link .richText h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    margin-bottom: 20px
  }
}

.box-visual-link .richText ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.box-visual-link .richText ul li {
  margin: 0;
  border-bottom: 1px solid #747480
}

@media only screen and (max-width:899px) {
  .box-visual-link .richText ul li {
    line-height: 30px
  }
}

.box-visual-link .richText ul li a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  padding: 19px 50px 19px 0;
  margin: 0;
  display: block;
  position: relative;
  border: 0
}

.box-visual-link .richText ul li a::after {
  content: '';
  width: 32px;
  height: 16px;
  position: absolute;
  background: url("/img/arrow.svg") right center no-repeat;
  background-size: 32px 16px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: right 0.3s;
  transition: right 0.3s
}

.box-visual-link .richText ul li a:hover::after {
  right: -10px
}

@media only screen and (max-width:899px) {
  .box-visual-link .richText ul li a:hover::after {
    right: 0
  }
}

.box-visual-link .richText ul li:first-child a {
  padding-top: 0
}

.box-visual-link .richText ul li:first-child a::after {
  top: 12%;
  -webkit-transform: none;
  transform: none
}

.box-visual-link .richText ul li:last-child {
  border: 0
}

.box-visual-link .richText ul li:last-child a {
  padding-bottom: 0
}

.box-visual-link .richText ul li:last-child a::after {
  top: auto;
  bottom: 12%;
  -webkit-transform: none;
  transform: none
}

.box-visual-link .visualLink {
  padding: 0;
  margin: 0;
  -ms-flex-item-align: stretch;
  align-self: stretch
}

.box-visual-link .visualLink .component-content {
  height: 100%
}

.box-visual-link .visualLink .visualLink-image {
  height: 100%;
  background-size: cover;
  background-position: center center
}

.box-visual-link .visualLink img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  height: 100%;
  font-family: 'object-fit:cover;object-position:center;'
}

.box-newsroom-hub-header>.component-content>.content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%
}

@media only screen and (max-width:1199px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-'] {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%
  }
}

@media only screen and (max-width:899px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-'] {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%
  }
}

@media only screen and (max-width:599px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-'] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% + 68px);
  margin-left: 0
}

@media only screen and (max-width:1199px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content {
    width: calc(100% + 60px)
  }
}

@media only screen and (max-width:899px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content {
    width: calc(100% + 44px)
  }
}

@media only screen and (max-width:599px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content {
    position: static;
    margin-left: -18px;
    width: calc(100% + 36px)
  }
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content>.component {
  padding: 80px 40px 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width:1199px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content>.component {
    padding-bottom: 60px
  }
}

@media only screen and (max-width:899px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content>.component {
    padding: 40px 40px 20px
  }
}

@media only screen and (max-width:899px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content>.component {
    padding: 60px 40px 35px
  }
}

@media only screen and (max-width:599px) {
  .box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content>.component {
    padding: 50px 18px
  }
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content>.component>.component-content {
  margin: 0
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content>.content {
  width: 100%
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content .richText {
  margin-bottom: 20px
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content .richText:only-of-type {
  margin-bottom: 0
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content .richText h4 {
  margin: 0 0 10px
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content .richText p {
  margin: 0
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content .richText [class*='parent-of-hyperlink-icon'] a {
  margin-right: 10px
}

.box-newsroom-hub-header .identityHeadline+.box[class*='col-']>.component-content>.content .richText [class*='parent-of-hyperlink-icon'] a:last-child {
  margin: 0
}

.box-newsroom-hub-header .identityHeadline {
  padding: 80px 8px 70px
}

@media only screen and (max-width:1199px) {
  .box-newsroom-hub-header .identityHeadline {
    padding-bottom: 60px
  }
}

@media only screen and (max-width:899px) {
  .box-newsroom-hub-header .identityHeadline {
    padding: 40px 0 20px
  }
}

@media only screen and (max-width:599px) {
  .box-newsroom-hub-header .identityHeadline {
    padding: 60px 6px 35px
  }
}

.box-newsroom-hub-header .identityHeadline .title {
  margin-bottom: 40px
}

@media only screen and (max-width:899px) {
  .box-newsroom-hub-header .identityHeadline .title {
    margin-bottom: 25px
  }
}

.box-newsroom-hub-header .identityHeadline .title .title-heading {
  margin: 0;
  color: #2e2e38
}

@media only screen and (max-width:1199px) {
  .box-newsroom-hub-header .identityHeadline .title .title-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

.box-newsroom-hub-header .identityHeadline .description {
  margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
  .box-newsroom-hub-header .identityHeadline .description {
    margin-bottom: 5px
  }
}

@media only screen and (max-width:899px) {
  .box-newsroom-hub-header .identityHeadline .description {
    margin-bottom: 0
  }
}

@media only screen and (max-width:599px) {
  .box-newsroom-hub-header .identityHeadline .description {
    margin-bottom: 10px
  }
}

.box-newsroom-hub-header .identityHeadline .description .description-content {
  padding-right: 41.66667%
}

@media only screen and (max-width:899px) {
  .box-newsroom-hub-header .identityHeadline .description .description-content {
    padding-right: 16.66667%
  }
}

@media only screen and (max-width:599px) {
  .box-newsroom-hub-header .identityHeadline .description .description-content {
    padding-right: 0
  }
}

.box-newsroom-hub-header .identityHeadline .description .description-heading {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  margin: 0
}

@media only screen and (max-width:1199px) {
  .box-newsroom-hub-header .identityHeadline .description .description-heading {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

.box-print {
  display: none
}

@media print {
  .box-print {
    display: block
  }
}

.box-contact-form-container>.component-content {
  padding-top: 83px;
  padding-bottom: 83px
}

@media only screen and (max-width:1199px) {
  .box-contact-form-container>.component-content {
    padding-top: 61px;
    padding-bottom: 40px
  }
}

@media only screen and (max-width:899px) {
  .box-contact-form-container>.component-content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    clear: both
  }

  .box-contact-form-container>.component-content .content>.component:nth-of-type(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 60px
  }

  .box-contact-form-container>.component-content .content>.component:nth-of-type(3) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

.box-contact-form-container .reference-connect-with-us-form {
  clear: both
}

.box-contact-form-container .content>.richText:first-of-type {
  margin-bottom: 81px;
  width: 50%
}

@media only screen and (max-width:1199px) {
  .box-contact-form-container .content>.richText:first-of-type {
    margin-bottom: 61px
  }
}

@media only screen and (max-width:899px) {
  .box-contact-form-container .content>.richText:first-of-type {
    width: 100%
  }
}

.box-contact-form-container .content>.richText:first-of-type p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px
}

.box-contact-form-container .content>.richText:first-of-type p:first-of-type {
  margin-top: 0
}

.box-contact-form-container .content>.richText:first-of-type p:last-of-type {
  margin-bottom: 0
}

.box-contact-form-container h1 {
  margin-bottom: 40px
}

@media only screen and (max-width:599px) {
  .box-contact-form-container h1 {
    margin-bottom: 28px
  }
}

.box-contact-form-container h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 30px;
  padding-top: 20px
}

.box-contact-form-container h5 {
  margin-top: 40px;
  margin-bottom: 0;
  font-weight: 400
}

.box-contact-form-container h5+p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0.2px;
  margin-top: 10px
}

.box-contact-form-container .formContent .richText p:first-of-type {
  color: #c4c4cd
}

@charset "UTF-8";

.brightcoveVideo.video-player {
  overflow: hidden;
  display: block
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player {
    width: calc(100% + 24px);
    left: -12px;
    position: relative;
    padding-right: 0;
    padding-left: 0
  }

  .brightcoveVideo.video-player>.component-content, .brightcoveVideo.video-player>.row {
    padding: 0 18px
  }
}

.brightcoveVideo.video-player::after {
  content: '';
  background-color: white;
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  z-index: 130;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s
}

.brightcoveVideo.video-player.component {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: calc(56vw - 65px);
  -webkit-transition: height 0.3s;
  transition: height 0.3s
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player.component {
    height: calc(56vw - 48px)
  }
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player.component {
    height: calc(64vw - 48px)
  }
}

.brightcoveVideo.video-player.component.video-is-ready {
  height: auto
}

.brightcoveVideo.video-player.video-is-ready::after {
  opacity: 0;
  visibility: hidden
}

.brightcoveVideo.video-player.has-playlist {
  height: auto
}

.brightcoveVideo.video-player.has-playlist>.component-content>.brightcove-video-info.brightcove-video-info {
  padding: 31px 80px 80px
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player.has-playlist>.component-content>.brightcove-video-info.brightcove-video-info {
    display: none
  }
}

.brightcoveVideo.video-player.has-playlist.has-hover .component-content>.brightcove-video-info.brightcove-video-info {
  opacity: 0
}

.brightcoveVideo.video-player.has-playlist-open>.component-content>.brightcove-video-info.brightcove-video-info.is-visible {
  opacity: 0
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player.has-playlist-open>.component-content>.brightcove-video-info.brightcove-video-info.is-visible {
    opacity: 1
  }
}

.brightcoveVideo.video-player.has-playlist-open>.component-content .playlist-trigger {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.brightcoveVideo.video-player.has-playlist-open>.component-content .playlist-close-wrapper {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.brightcoveVideo.video-player.has-playlist-open>.component-content .playlist {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player.has-playlist-open>.component-content .playlist {
    display: block;
    overflow: visible
  }
}

.brightcoveVideo.video-player.has-playlist-open>.component-content .next-video-container {
  right: 444px
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo.video-player.has-playlist-open>.component-content .next-video-container {
    right: 360px
  }
}

.brightcoveVideo.video-player.has-playlist-open>.component-content .video-js[class*="bc-player"] {
  left: -200px
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo.video-player.has-playlist-open>.component-content .video-js[class*="bc-player"] {
    left: -180px
  }
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player.has-playlist-open>.component-content .video-js[class*="bc-player"] {
    left: 0
  }
}

.brightcoveVideo.video-player.has-playlist-open>.component-content .video-js[class*="bc-player"].vjs-playing.vjs-playing .vjs-control-bar.vjs-control-bar {
  z-index: 101 !important;
  padding-left: 200px
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo.video-player.has-playlist-open>.component-content .video-js[class*="bc-player"].vjs-playing.vjs-playing .vjs-control-bar.vjs-control-bar {
    padding-left: 180px
  }
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player.has-playlist-open>.component-content .video-js[class*="bc-player"].vjs-playing.vjs-playing .vjs-control-bar.vjs-control-bar {
    padding-left: 0
  }
}

.brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .playlist-trigger, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .playlist-trigger {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .brightcove-video-info, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .brightcove-video-info, .brightcoveVideo.video-player.has-focus:not(.has-playlist-open)>.component-content .brightcove-video-info {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.brightcove-video-info, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.brightcove-video-info, .brightcoveVideo.video-player.has-focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.brightcove-video-info {
  opacity: 0
}

.brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard, .brightcoveVideo.video-player.has-focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .brightcoveVideo.video-player.has-focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard {
  -webkit-transform: translateX(200%);
  transform: translateX(200%)
}

.brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.prev-video-container, .brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.next-video-container, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.prev-video-container, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.next-video-container, .brightcoveVideo.video-player.has-focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.prev-video-container, .brightcoveVideo.video-player.has-focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started:not(.vjs-paused)~.next-video-container {
  height: calc(100% - 60px)
}

.brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .video-js.vjs-has-started.vjs-paused~.prev-video-container, .brightcoveVideo.video-player:hover:not(.has-playlist-open)>.component-content .video-js.vjs-has-started.vjs-paused~.next-video-container, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started.vjs-paused~.prev-video-container, .brightcoveVideo.video-player:focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started.vjs-paused~.next-video-container, .brightcoveVideo.video-player.has-focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started.vjs-paused~.prev-video-container, .brightcoveVideo.video-player.has-focus:not(.has-playlist-open)>.component-content .video-js.vjs-has-started.vjs-paused~.next-video-container {
  height: calc(100% - 10px)
}

.brightcoveVideo.video-player>.component-content {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background-color: transparent !important
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player>.component-content {
    padding: 0
  }
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] {
  position: relative;
  overflow: hidden;
  max-height: calc(100vh + 50px);
  left: 0;
  -webkit-transition: left 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: left 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] {
    left: 0;
    -webkit-transition: none;
    transition: none
  }
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] video {
  position: relative
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-big-play-button {
  font-size: 60px;
  font-size: 6rem;
  width: 118px;
  height: 118px;
  background-color: rgba(46, 46, 56, 0.6)
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-big-play-button::before {
  color: white
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-big-play-button {
    font-size: 45px;
    font-size: 4.5rem;
    width: 90px;
    height: 90px
  }
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-big-play-button {
    font-size: 30px;
    font-size: 3rem;
    width: 60px;
    height: 60px
  }
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"].vjs-playing .vjs-big-play-button {
  display: none
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"].vjs-playing .playlist-trigger, .brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"].vjs-playing .share-copy-container [class*="button"] {
  -webkit-transform: translateX(200%);
  transform: translateX(200%)
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"].vjs-playing .vjs-progress-control.vjs-progress-control {
  height: 10px;
  top: -10px
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"].vjs-playing.vjs-playing .vjs-control-bar {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"].vjs-has-started .vjs-progress-control, .brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"].vjs-paused .vjs-progress-control {
  height: 10px;
  top: -10px
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-big-play-button {
  display: block
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-big-play-button {
  z-index: 120
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-modal-dialog {
  z-index: 125
}

.brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-control-bar.vjs-control-bar {
  font-size: 16px;
  font-size: 1.6rem;
  height: 50px;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  z-index: 110;
  bottom: 0;
  opacity: 0.9;
  background-color: #2e2e38;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.is-ios .brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-control-bar.vjs-control-bar, .is-android .brightcoveVideo.video-player>.component-content .video-js[class*="bc-player"] .vjs-control-bar.vjs-control-bar {
  -webkit-transition: none;
  transition: none
}

.brightcoveVideo.video-player>.component-content>.brightcove-video-info.brightcove-video-info {
  top: 0;
  left: 0;
  right: 0;
  text-align: right;
  opacity: 0;
  bottom: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 105;
  max-width: 100%;
  padding: 31px 17px 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%)
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo.video-player>.component-content>.brightcove-video-info.brightcove-video-info {
    padding: 31px 25px 50px;
    opacity: 1
  }
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content>.brightcove-video-info.brightcove-video-info {
    padding: 31px 24px 50px
  }
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player>.component-content>.brightcove-video-info.brightcove-video-info {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    padding: 20px 16px 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none
  }

  .brightcoveVideo.video-player>.component-content>.brightcove-video-info.brightcove-video-info * {
    color: #2e2e38
  }
}

.brightcoveVideo.video-player>.component-content>.brightcove-video-info.brightcove-video-info.is-visible {
  opacity: 1
}

.brightcoveVideo.video-player>.component-content>.brightcove-video-info.brightcove-video-info .brightcove-video-date {
  display: none
}

.brightcoveVideo.video-player>.component-content .playlist-close-wrapper {
  position: absolute;
  top: 30px;
  right: 30px;
  -webkit-transform: translateX(300px);
  transform: translateX(300px);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 120
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist-close-wrapper {
    right: 0;
    top: 0;
    width: 100%;
    height: 45px;
    background-color: #2e2e38;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
  }
}

.brightcoveVideo.video-player>.component-content .playlist-close-wrapper .playlist-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url("/img/close.png") no-repeat center;
  background-size: 20px;
  border: 0;
  font-size: 0;
  line-height: 0;
  cursor: pointer
}

body:not(.tabbed) .brightcoveVideo.video-player>.component-content .playlist-close-wrapper .playlist-close {
  outline: none
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo.video-player>.component-content .playlist-close-wrapper .playlist-close {
    top: -10px
  }
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist-close-wrapper .playlist-close {
    width: 15px;
    height: 15px;
    top: 15px;
    right: 15px;
    background-size: 15px
  }
}

.brightcoveVideo.video-player>.component-content .playlist-trigger {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 45px;
  height: 45px;
  border: 1px solid #c4c4cd;
  border-radius: 50%;
  background: url("/img/playlist.svg") no-repeat center #2e2e38;
  background-size: 20px;
  z-index: 110;
  opacity: 0;
  font-size: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

body:not(.tabbed) .brightcoveVideo.video-player>.component-content .playlist-trigger {
  outline: none
}

.brightcoveVideo.video-player>.component-content .playlist-trigger.is-active {
  pointer-events: none
}

.brightcoveVideo.video-player>.component-content .playlist-trigger::after {
  display: none
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo.video-player>.component-content .playlist-trigger {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist-trigger {
    font-size: 16px;
    font-size: 1.6rem;
    width: auto;
    display: inline-block;
    border-radius: 3px;
    background-position: left 16px center;
    padding: 10px 15px 10px 50px;
    border: 0
  }
}

.brightcoveVideo.video-player>.component-content .playlist-trigger:hover~.next-video-container {
  opacity: 1
}

.brightcoveVideo.video-player>.component-content .playlist-trigger:hover~.next-video-container .counter-container {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.brightcoveVideo.video-player>.component-content .playlist {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 86px 0 37px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 444px;
  height: 100%;
  z-index: 115;
  background-color: #2e2e38;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo.video-player>.component-content .playlist {
    width: 394px;
    padding: 30px 86px 30px 15px
  }
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist {
    position: relative;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    overflow: hidden;
    height: 0;
    padding: 0;
    -webkit-transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
  }
}

.brightcoveVideo.video-player>.component-content .playlist::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 60px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 46, 56, 0)), to(#2e2e38));
  background: linear-gradient(180deg, rgba(46, 46, 56, 0), #2e2e38);
  pointer-events: none
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist::after {
    display: none
  }
}

.brightcoveVideo.video-player>.component-content .playlist .brightcove-video-info {
  display: none
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist .brightcove-video-info {
    position: relative;
    display: block;
    text-align: left;
    top: 0;
    right: auto
  }
}

@media only screen and (max-width:899px) and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist .brightcove-video-info {
    padding: 30px 45px;
    left: 0;
    width: 100%
  }
}

@media only screen and (max-width:899px) and (max-width:599px) {
  .brightcoveVideo.video-player>.component-content .playlist .brightcove-video-info {
    padding: 20px 15px
  }
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist .brightcove-video-info .brightcove-video-title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px;
    margin-bottom: 10px;
    font-weight: 400
  }

  .brightcoveVideo.video-player>.component-content .playlist .brightcove-video-info .brightcove-video-duration {
    font-size: 16px;
    font-size: 1.6rem
  }
}

.brightcoveVideo.video-player>.component-content .playlist .playlist-list {
  position: relative;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 30px;
  padding-right: 44px
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo.video-player>.component-content .playlist .playlist-list {
    padding-right: 34px
  }
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist .playlist-list {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    padding: 0 45px 30px
  }
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player>.component-content .playlist .playlist-list {
    padding: 0 15px 20px
  }
}

.brightcoveVideo.video-player>.component-content .playlist * {
  color: #fff
}

.brightcoveVideo.video-player>.component-content .playlist .playlist-item {
  display: block;
  margin-bottom: 25px
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .playlist .playlist-item {
    width: calc(50% - 10px);
    margin-bottom: 30px
  }
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player>.component-content .playlist .playlist-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
  }
}

.brightcoveVideo.video-player>.component-content .playlist .playlist-item:last-child {
  margin-bottom: 0
}

.brightcoveVideo.video-player>.component-content .playlist .playlist-item .playlist-item-poster {
  position: relative;
  display: block;
  width: 100%;
  height: 130px;
  margin-bottom: 10px;
  padding: 0;
  border: 0
}

.brightcoveVideo.video-player>.component-content .playlist .playlist-item .playlist-item-poster::after {
  display: none
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player>.component-content .playlist .playlist-item .playlist-item-poster {
    width: 100px;
    height: 75px;
    margin-right: 12px
  }
}

.brightcoveVideo.video-player>.component-content .playlist .playlist-item .playlist-item-poster .vjs-poster {
  width: 100%;
  background-color: transparent;
  background-size: cover
}

@media only screen and (max-width:599px) {
  .brightcoveVideo.video-player>.component-content .playlist .playlist-item .playlist-item-info {
    width: calc(100% - 112px)
  }
}

.brightcoveVideo.video-player>.component-content .playlist .playlist-item .playlist-item-info span {
  display: block;
  word-break: normal;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto
}

.brightcoveVideo.video-player>.component-content .prev-video-container, .brightcoveVideo.video-player>.component-content .next-video-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), to(transparent));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent);
  color: #fff;
  opacity: 0;
  font-size: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 100;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .brightcoveVideo.video-player>.component-content .prev-video-container, .brightcoveVideo.video-player>.component-content .next-video-container {
    display: none
  }
}

.brightcoveVideo.video-player>.component-content .prev-video-container:hover, .brightcoveVideo.video-player>.component-content .next-video-container:hover {
  opacity: 1
}

.brightcoveVideo.video-player>.component-content .prev-video-container:hover .counter-container, .brightcoveVideo.video-player>.component-content .next-video-container:hover .counter-container {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.brightcoveVideo.video-player>.component-content .prev-video-container .counter-container, .brightcoveVideo.video-player>.component-content .next-video-container .counter-container {
  opacity: 0;
  width: 100%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.brightcoveVideo.video-player>.component-content .prev-video-container .counter, .brightcoveVideo.video-player>.component-content .prev-video-container .counter-total, .brightcoveVideo.video-player>.component-content .prev-video-container .prev, .brightcoveVideo.video-player>.component-content .prev-video-container .next, .brightcoveVideo.video-player>.component-content .next-video-container .counter, .brightcoveVideo.video-player>.component-content .next-video-container .counter-total, .brightcoveVideo.video-player>.component-content .next-video-container .prev, .brightcoveVideo.video-player>.component-content .next-video-container .next {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 32px;
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.brightcoveVideo.video-player>.component-content .prev-video-container .counter, .brightcoveVideo.video-player>.component-content .prev-video-container .counter-total, .brightcoveVideo.video-player>.component-content .next-video-container .counter, .brightcoveVideo.video-player>.component-content .next-video-container .counter-total {
  pointer-events: none
}

.brightcoveVideo.video-player>.component-content .prev-video-container .counter-total::before, .brightcoveVideo.video-player>.component-content .next-video-container .counter-total::before {
  content: '/';
  display: inline-block;
  color: #fff
}

.brightcoveVideo.video-player>.component-content .prev-video-container .next, .brightcoveVideo.video-player>.component-content .prev-video-container .prev, .brightcoveVideo.video-player>.component-content .next-video-container .next, .brightcoveVideo.video-player>.component-content .next-video-container .prev {
  position: relative;
  background-size: 100% 22px;
  padding: 20px 20px 20px 65px;
  color: white;
  background-color: transparent;
  border: 0;
  cursor: pointer
}

.brightcoveVideo.video-player>.component-content .prev-video-container .next::before, .brightcoveVideo.video-player>.component-content .prev-video-container .prev::before, .brightcoveVideo.video-player>.component-content .next-video-container .next::before, .brightcoveVideo.video-player>.component-content .next-video-container .prev::before {
  content: '';
  width: 40px;
  height: 22px;
  background: url("/img/arrow.svg") no-repeat center;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.brightcoveVideo.video-player>.component-content .prev-video-container .next::after, .brightcoveVideo.video-player>.component-content .prev-video-container .prev::after, .brightcoveVideo.video-player>.component-content .next-video-container .next::after, .brightcoveVideo.video-player>.component-content .next-video-container .prev::after {
  display: none
}

.brightcoveVideo.video-player>.component-content .prev-video-container .next, .brightcoveVideo.video-player>.component-content .next-video-container .next {
  padding-left: 20px;
  padding-right: 65px
}

.brightcoveVideo.video-player>.component-content .prev-video-container .next::before, .brightcoveVideo.video-player>.component-content .next-video-container .next::before {
  left: auto;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0)
}

.brightcoveVideo.video-player>.component-content .next-video-container {
  right: 0;
  left: auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.6))
}

.brightcoveVideo.video-player>.component-content .next-video-container .counter-container {
  text-align: right;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.brightcoveVideo.video-player>.component-content .next-video-container .next {
  margin: 0 0 0 20px
}

.brightcoveVideo .component-content.variant-brightcove-audio {
  width: 100%;
  min-width: 300px
}

@media only screen and (max-width:599px) {
  .brightcoveVideo .component-content.variant-brightcove-audio {
    padding: 0
  }
}

.brightcoveVideo .component-content.variant-brightcove-audio video {
  display: none
}

.brightcoveVideo .component-content.variant-brightcove-audio .playlist-trigger, .brightcoveVideo .component-content.variant-brightcove-audio .playlist-close-wrapper, .brightcoveVideo .component-content.variant-brightcove-audio .playlist, .brightcoveVideo .component-content.variant-brightcove-audio .prev-video-container, .brightcoveVideo .component-content.variant-brightcove-audio .next-video-container, .brightcoveVideo .component-content.variant-brightcove-audio .brightcove-video-info {
  display: none
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled {
  height: 90px;
  background: #f6f6fa;
  max-height: none;
  width: 100%
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar {
  display: block;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transition: none;
  transition: none;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: none;
  color: black;
  visibility: visible;
  opacity: 1
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-play-control {
  position: absolute;
  top: 33px;
  left: 26px;
  width: 24px;
  height: 24px;
  cursor: pointer
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-play-control .vjs-icon-placeholder::before {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px
}

@media only screen and (max-width:599px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-play-control {
    left: 15px
  }
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-current-time, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  font-family: 'EYInterstate', sans-serif;
  position: absolute;
  height: 24px;
  top: 33px;
  left: 176px;
  width: 45px;
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: 300;
  cursor: default
}

html[lang^='ja'] .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-current-time, html[lang^='ja'] .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration {
  font-family: 'EYInterstate', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-current-time, html[lang^='zh'] .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration {
  font-family: 'EYInterstate', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-current-time, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration {
    left: 46px
  }
}

@media only screen and (max-width:599px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-current-time, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration {
    left: 34px;
    display: block
  }
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration {
  left: auto;
  width: 39px;
  right: 56px;
  text-align: left
}

@media only screen and (max-width:599px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration {
    right: 44px
  }
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration .vjs-duration-display {
  display: none
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration .vjs-duration-display-new {
  -webkit-animation: fade 2s;
  animation: fade 2s
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-panel {
  position: absolute;
  left: 64px;
  width: 102px;
  top: 33px;
  height: 24px
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-panel {
    display: none
  }
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-panel .vjs-mute-control {
  width: 24px;
  height: 24px;
  padding: 0
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-panel .vjs-mute-control .vjs-icon-placeholder::before {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-panel .vjs-volume-control {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  height: 24px;
  width: 58px;
  margin: 0 0 0 21px
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
  height: 3px;
  width: 100%;
  margin: 11px 0 10px
}

@media only screen and (max-width:599px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-panel {
    display: none
  }
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-progress-control {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  display: block;
  left: 231px;
  right: 105px;
  height: 23px;
  top: 34px;
  width: auto
}

@media only screen and (max-width:1199px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-progress-control {
    left: 111px
  }
}

@media only screen and (max-width:599px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-progress-control {
    left: 89px;
    right: 93px
  }
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-progress-control .vjs-progress-holder {
  height: 3px;
  margin: 10px 0
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-progress-control:focus {
  outline: none !important
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .download-button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 26px;
  top: 33px;
  cursor: pointer
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .download-button svg {
  position: absolute;
  width: 14px;
  height: 17px;
  top: 3px;
  left: 3px
}

@media only screen and (max-width:599px) {
  .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .download-button {
    right: 17px
  }
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-progress-holder, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-load-progress div, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-bar {
  background: #c4c4cd
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-play-progress, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-level {
  background: #2e2e38
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-play-progress::after, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-level::after {
  content: '';
  display: block;
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 5px;
  height: 5px;
  top: -3px;
  right: -5px;
  border-radius: 50%;
  background: #2e2e38;
  border: 2px solid transparent;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-mouse-display, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-text, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-time-tooltip, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-menu, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-remaining-time, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-time-control.vjs-time-divider, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-fullscreen-control, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-poster, .brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-subs-caps-button {
  display: none
}

.brightcoveVideo .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled.vjs-scrubbing .vjs-play-progress::after {
  width: 29px;
  height: 29px;
  border: 2px solid #f6f6fa;
  top: -16px;
  right: -16px
}

.brightcoveVideo .component-content.variant-brightcove-audio .vjs-control {
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent
}

.brightcoveVideo .component-content.variant-brightcove-audio .vjs-control.focus:focus {
  outline: -webkit-focus-ring-color auto 5px
}

.is-ios .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-duration {
  right: 19px
}

.is-ios .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-control-bar .vjs-current-time {
  left: 46px
}

.is-ios .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-progress-control {
  right: 68px;
  left: 111px
}

.is-ios .component-content.variant-brightcove-audio .video-js.vjs-controls-enabled .vjs-volume-panel {
  display: none
}

@charset "UTF-8";

.caseStudy {
  height: 700px;
  position: relative;
  background: black;
  -webkit-transition: 400ms ease-in-out background;
  transition: 400ms ease-in-out background;
  overflow: hidden;
  z-index: 110;
  margin-bottom: 0
}

@media only screen and (max-width:899px) {
  .caseStudy {
    background: white;
    height: 590px
  }
}

@media only screen and (max-width:599px) {
  .caseStudy {
    height: 580px
  }
}

.caseStudy:hover .caseStudy-item::after {
  opacity: 1
}

@media only screen and (max-width:899px) {
  .caseStudy:hover .caseStudy-item::after {
    display: none
  }
}

.caseStudy .caseStudy-initial {
  display: none;
  cursor: pointer
}

@media only screen and (max-width:599px) {
  .caseStudy .caseStudy-initial {
    cursor: auto
  }
}

.caseStudy .caseStudy-initial .caseStudy-cta {
  pointer-events: none
}

.caseStudy .caseStudy-initial .caseStudy-cta::after {
  content: attr(data-read)
}

@media only screen and (max-width:599px) {
  .caseStudy .caseStudy-initial .caseStudy-cta::after {
    content: attr(data-view)
  }
}

@media only screen and (max-width:599px) {
  .caseStudy .caseStudy-initial .caseStudy-cta {
    pointer-events: auto
  }
}

.caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial {
  color: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 70px;
  z-index: 120;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 580px
}

@media only screen and (max-width:899px) {
  .caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial {
    left: 50px;
    right: 50px;
    top: auto;
    bottom: 50px;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    word-break: break-word
  }
}

@media only screen and (max-width:599px) {
  .caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial {
    left: 18px;
    bottom: 40px
  }
}

.caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .caseStudy-initial-title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  font-weight: 300;
  margin: 40px 0 13px
}

@media only screen and (max-width:899px) {
  .caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .caseStudy-initial-title {
    margin: 20px 0 30px
  }
}

.caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .caseStudy-initial-subtitle {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  font-weight: 300;
  margin: 13px 0 33px
}

@media only screen and (max-width:899px) {
  .caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .caseStudy-initial-subtitle {
    display: none
  }
}

.caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial h3, .caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial h4 {
  color: white
}

.caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .threeDot {
  color: white;
  overflow: hidden;
  margin-bottom: 0
}

.caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .caseStudy-cta, .caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .caseStudy-initial-subtitle {
  opacity: 0;
  -webkit-transition: 400ms ease-in-out opacity;
  transition: 400ms ease-in-out opacity
}

@media only screen and (max-width:899px) {
  .caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .caseStudy-cta, .caseStudy[data-active-index="-1"]:not(.state-2) .caseStudy-initial .caseStudy-initial-subtitle {
    opacity: 1
  }
}

.caseStudy[data-active-index="-1"]:not(.state-2):hover .caseStudy-initial .caseStudy-cta, .caseStudy[data-active-index="-1"]:not(.state-2):hover .caseStudy-initial .caseStudy-initial-subtitle, .caseStudy[data-active-index="-1"]:not(.state-2).is-focused .caseStudy-initial .caseStudy-cta, .caseStudy[data-active-index="-1"]:not(.state-2).is-focused .caseStudy-initial .caseStudy-initial-subtitle {
  opacity: 1
}

.caseStudy:not([data-active-index="-1"]) {
  background: white
}

.caseStudy:not([data-active-index="-1"]) .caseStudy-detail, .caseStudy:not([data-active-index="-1"]) .caseStudy-images {
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in-out 400ms;
  transition: opacity 400ms ease-in-out 400ms
}

.caseStudy:not([data-active-index="-1"]) .caseStudy-detail {
  pointer-events: auto
}

.caseStudy:not([data-active-index="-1"]) .caseStudy-prev, .caseStudy:not([data-active-index="-1"]) .caseStudy-next {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto
}

.caseStudy:not([data-active-index="-1"]) .caseStudy-prev.disabled, .caseStudy:not([data-active-index="-1"]) .caseStudy-next.disabled {
  opacity: 0;
  pointer-events: none
}

.caseStudy:not([data-active-index="-1"]) .caseStudy-next {
  -webkit-transform: translateY(0) rotate(180deg);
  transform: translateY(0) rotate(180deg)
}

.caseStudy:not([data-active-index="-1"]) .caseStudy-item .caseStudy-text-content {
  display: none
}

@media only screen and (max-width:899px) {
  .caseStudy:not([data-active-index="-1"]) .caseStudy-item .caseStudy-text-content {
    display: block
  }
}

.caseStudy:not([data-active-index="-1"]) .caseStudy-close {
  background: url("/img/ic_close.svg") top left no-repeat;
  background-size: 100%
}

@media only screen and (max-width:899px) {
  .caseStudy:not([data-active-index="-1"]) .caseStudy-close {
    background-image: url("/img/ic_close_white.svg")
  }
}

.caseStudy>.component-content {
  padding: 0;
  max-width: none
}

.caseStudy .caseStudy-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 105;
  -webkit-transition: width 400ms ease-in-out, left 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  transition: width 400ms ease-in-out, left 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out, width 400ms ease-in-out, left 400ms ease-in-out;
  transition: transform 400ms ease-in-out, width 400ms ease-in-out, left 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  overflow: hidden;
  cursor: pointer
}

@media only screen and (max-width:899px) {
  .caseStudy .caseStudy-item {
    z-index: 115
  }
}

@media only screen and (max-width:599px) {
  .caseStudy .caseStudy-item {
    cursor: auto
  }
}

.caseStudy .caseStudy-item::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 125;
  pointer-events: none;
  opacity: 0.5;
  background: rgba(0, 0, 0, 0.4);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(42.25%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.12)));
  background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.4) 42.25%, rgba(0, 0, 0, 0.12) 100%);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out
}

.caseStudy .caseStudy-item[data-chapter-number="1"] {
  z-index: 115
}

.caseStudy .caseStudy-item[data-chapter-number="1"]>img, .caseStudy .caseStudy-item[data-chapter-number="1"]>picture img {
  -webkit-transform: none;
  transform: none
}

.caseStudy .caseStudy-item[data-chapter-number="2"] {
  z-index: 110;
  left: 100%;
  width: 33.3%
}

@media only screen and (max-width:899px) {
  .caseStudy .caseStudy-item[data-chapter-number="2"] {
    width: 100%
  }
}

.caseStudy .caseStudy-item[data-chapter-number="3"] {
  z-index: 105;
  left: 133.33%;
  width: 33.3%
}

@media only screen and (max-width:899px) {
  .caseStudy .caseStudy-item[data-chapter-number="3"] {
    width: 100%;
    z-index: 115;
    left: 110%
  }
}

.caseStudy .caseStudy-item>img, .caseStudy .caseStudy-item>picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block;
  max-width: 1920px;
  -webkit-transition: 400ms ease-in-out transform;
  transition: 400ms ease-in-out transform;
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%)
}

@media only screen and (max-width:899px) {
  .caseStudy .caseStudy-item>img, .caseStudy .caseStudy-item>picture img {
    -webkit-transform: none;
    transform: none
  }
}

@media only screen and (max-width:599px) {
  .caseStudy .caseStudy-item>img, .caseStudy .caseStudy-item>picture img {
    max-width: none !important;
    min-height: 100%;
    height: auto;
    width: 100%
  }
}

.caseStudy .caseStudy-item>img.clone-prev, .caseStudy .caseStudy-item>img.clone-next, .caseStudy .caseStudy-item>picture img.clone-prev, .caseStudy .caseStudy-item>picture img.clone-next {
  position: absolute;
  top: 0;
  left: -100%
}

.caseStudy .caseStudy-item>img.clone-next, .caseStudy .caseStudy-item>picture img.clone-next {
  left: 100%
}

.caseStudy .caseStudy-text-content {
  position: absolute;
  bottom: 50px;
  left: 50px;
  color: #fff;
  -webkit-transition: opacity 400ms ease-in-out, bottom 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, bottom 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, bottom 400ms ease-in-out;
  transition: transform 400ms ease-in-out, opacity 400ms ease-in-out, bottom 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
  max-width: 300px;
  z-index: 130;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0
}

@media only screen and (max-width:899px) {
  .caseStudy .caseStudy-text-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: none;
    transition: none
  }
}

.caseStudy .caseStudy-text-content .caseStudy-subtitle {
  color: #fff
}

.caseStudy .caseStudy-text-content blockquote {
  margin-left: 0;
  margin-right: 0
}

.caseStudy .caseStudy-cta {
  color: #fff;
  font-weight: 700
}

.caseStudy .caseStudy-full {
  display: none
}

.caseStudy .caseStudy-full>.component {
  padding: 0
}

.caseStudy.state-2 .caseStudy-item {
  width: 33.33%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item {
    width: 100%;
    border-left: 1px solid white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media only screen and (max-width:599px) {
  .caseStudy.state-2 .caseStudy-item {
    display: none
  }
}

@media only screen and (max-width:599px) {
  .caseStudy.state-2 .caseStudy-item:first-child {
    display: block
  }
}

.caseStudy.state-2 .caseStudy-item::after {
  opacity: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.54)), color-stop(25%, rgba(0, 0, 0, 0.1)), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.55)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.1) 25%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.55) 100%);
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item::after {
    display: none
  }
}

.caseStudy.state-2 .caseStudy-item:hover::after {
  opacity: 1
}

.caseStudy.state-2 .caseStudy-item:focus {
  outline: none
}

.caseStudy.state-2 .caseStudy-item:focus::after {
  opacity: 1
}

.caseStudy.state-2 .caseStudy-item>img, .caseStudy.state-2 .caseStudy-item>picture img {
  width: 100vw;
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%)
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item>img, .caseStudy.state-2 .caseStudy-item>picture img {
    -webkit-transform: none;
    transform: none
  }
}

.caseStudy.state-2 .caseStudy-item .caseStudy-text-content {
  -webkit-transition: opacity 400ms ease-in-out 400ms, bottom 400ms ease-in-out, -webkit-transform 400ms ease-in-out 400ms;
  transition: opacity 400ms ease-in-out 400ms, bottom 400ms ease-in-out, -webkit-transform 400ms ease-in-out 400ms;
  transition: transform 400ms ease-in-out 400ms, opacity 400ms ease-in-out 400ms, bottom 400ms ease-in-out;
  transition: transform 400ms ease-in-out 400ms, opacity 400ms ease-in-out 400ms, bottom 400ms ease-in-out, -webkit-transform 400ms ease-in-out 400ms;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item .caseStudy-text-content {
    opacity: 0;
    max-width: 60%
  }
}

.caseStudy.state-2 .caseStudy-item .caseStudy-text-content .caseStudy-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  font-weight: 300;
  margin-top: 12px
}

.caseStudy.state-2 .caseStudy-item .caseStudy-text-content .caseStudy-subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in-out, margin 400ms ease-in-out;
  transition: opacity 400ms ease-in-out, margin 400ms ease-in-out;
  margin: 0
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item .caseStudy-text-content .caseStudy-subtitle {
    opacity: 1;
    margin: 0 !important
  }
}

.caseStudy.state-2 .caseStudy-item .caseStudy-text-content .caseStudy-cta::after {
  content: attr(data-continue)
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item .caseStudy-text-content .caseStudy-cta {
    display: block;
    margin-top: 24px
  }
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item:hover .caseStudy-text-content {
    bottom: 50px
  }
}

.mod-no-touchevents .caseStudy.state-2 .caseStudy-item:hover .caseStudy-text-content .caseStudy-subtitle {
  display: block;
  opacity: 1
}

.caseStudy.state-2 .caseStudy-item[data-chapter-number="1"] {
  left: 0
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item[data-chapter-number="1"] {
    left: -20%;
    z-index: 115
  }
}

@media only screen and (max-width:599px) {
  .caseStudy.state-2 .caseStudy-item[data-chapter-number="1"] {
    left: 0
  }
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item[data-chapter-number="1"] .caseStudy-text-content {
    left: calc(20% + 50px)
  }
}

.caseStudy.state-2 .caseStudy-item[data-chapter-number="2"] {
  left: 33.33%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item[data-chapter-number="2"] {
    left: 80%;
    z-index: 110
  }
}

.caseStudy.state-2 .caseStudy-item[data-chapter-number="3"] {
  left: 66.66%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item[data-chapter-number="3"] {
    left: 90%;
    z-index: 115
  }
}

.caseStudy.state-2 .caseStudy-item.is-active {
  -webkit-transform: none;
  transform: none;
  width: 50%;
  left: 0
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item.is-active {
    width: 100%
  }
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item.is-active .caseStudy-text-content {
    opacity: 1
  }
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item.is-active[data-chapter-number="1"] {
    left: -20%
  }
}

@media only screen and (max-width:599px) {
  .caseStudy.state-2 .caseStudy-item.is-active[data-chapter-number="1"] {
    left: 0
  }
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item.is-active[data-chapter-number="2"] {
    left: 10%
  }
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2 .caseStudy-item.is-active[data-chapter-number="3"] {
    left: 20%
  }
}

.caseStudy.state-2[data-active-index="0"] .caseStudy-item[data-chapter-number="2"] {
  left: 100%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2[data-active-index="0"] .caseStudy-item[data-chapter-number="2"] {
    left: 80%
  }
}

.caseStudy.state-2[data-active-index="0"] .caseStudy-item[data-chapter-number="3"] {
  left: 133.33%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2[data-active-index="0"] .caseStudy-item[data-chapter-number="3"] {
    left: 90%
  }
}

.caseStudy.state-2[data-active-index="1"] .caseStudy-item[data-chapter-number="1"] {
  left: -33.33%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2[data-active-index="1"] .caseStudy-item[data-chapter-number="1"] {
    left: -90%
  }
}

.caseStudy.state-2[data-active-index="1"] .caseStudy-item[data-chapter-number="3"] {
  left: 100%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2[data-active-index="1"] .caseStudy-item[data-chapter-number="3"] {
    left: 90%
  }
}

.caseStudy.state-2[data-active-index="2"] .caseStudy-item[data-chapter-number="1"] {
  left: -66.66%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2[data-active-index="2"] .caseStudy-item[data-chapter-number="1"] {
    left: -90%
  }
}

.caseStudy.state-2[data-active-index="2"] .caseStudy-item[data-chapter-number="2"] {
  left: -33.33%
}

@media only screen and (max-width:899px) {
  .caseStudy.state-2[data-active-index="2"] .caseStudy-item[data-chapter-number="2"] {
    left: 10%
  }
}

.caseStudy.state-2 .caseStudy-close {
  opacity: 1;
  pointer-events: auto
}

@media only screen and (max-width:599px) {
  .caseStudy.state-2 .caseStudy-close {
    display: none
  }
}

.caseStudy.state-2:hover>.caseStudy-text-content {
  bottom: 60px
}

.caseStudy.state-2 .caseStudy-intro, .caseStudy.state-2 .caseStudy-cta {
  display: none
}

.caseStudy.state-2 .threeDot.animation-on .threeDot-label {
  -webkit-animation: none;
  animation: none
}

.caseStudy.state-2 .threeDot .threeDot-label {
  left: auto;
  display: none
}

.caseStudy.state-2 .threeDot[data-index="1"] .threeDot-label:nth-child(1), .caseStudy.state-2 .threeDot[data-index="2"] .threeDot-label:nth-child(2), .caseStudy.state-2 .threeDot[data-index="3"] .threeDot-label:nth-child(3) {
  display: block
}

.caseStudy.state-2 .threeDot .threeDot-item:not(:first-child) {
  display: none
}

.caseStudy .caseStudy-prev, .caseStudy .caseStudy-next {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 150;
  color: white;
  background: rgba(116, 116, 128, 0.7) url("/img/ic_keyboard_backspace_white.svg") center no-repeat;
  background-size: 24px;
  overflow: hidden;
  text-indent: 999px;
  border-radius: 50%;
  -webkit-transition: 400ms ease-in-out opacity;
  transition: 400ms ease-in-out opacity;
  cursor: pointer
}

.caseStudy .caseStudy-prev:hover, .caseStudy .caseStudy-next:hover {
  background-color: rgba(116, 116, 128, 0.85)
}

.caseStudy .caseStudy-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.caseStudy .caseStudy-next {
  left: auto;
  right: 50px
}

.caseStudy .caseStudy-images {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 140;
  pointer-events: none;
  overflow: hidden;
  opacity: 0
}

.caseStudy .caseStudy-images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  width: 100vw;
  max-width: 1920px;
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%)
}

@media only screen and (max-width:899px) {
  .caseStudy .caseStudy-images img {
    -webkit-transform: none;
    transform: none
  }
}

.caseStudy .caseStudy-images div {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  z-index: 140
}

.caseStudy .caseStudy-images .clone-prev {
  -webkit-animation: 400ms ease-in-out slidePrev forwards;
  animation: 400ms ease-in-out slidePrev forwards
}

.caseStudy .caseStudy-images .clone-next {
  -webkit-animation: 400ms ease-in-out slideNext forwards;
  animation: 400ms ease-in-out slideNext forwards
}

.caseStudy .caseStudy-detail {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 145;
  background: white;
  width: 50%;
  height: 100%;
  opacity: 0;
  pointer-events: none
}

.caseStudy .caseStudy-detail.fade-out .caseStudy-text-content {
  opacity: 0
}

.caseStudy .caseStudy-detail .caseStudy-text-content {
  color: #2e2e38;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  bottom: auto;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px;
  -webkit-transition: 400ms ease-in-out opacity;
  transition: 400ms ease-in-out opacity
}

.box-dark-background .caseStudy .caseStudy-detail .caseStudy-text-content * {
  color: #2e2e38
}

.caseStudy .caseStudy-detail .caseStudy-text-content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 130;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, white), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
  width: 100%;
  height: 200px
}

.caseStudy .caseStudy-detail .caseStudy-text-content .caseStudy-subtitle {
  display: none
}

.caseStudy .caseStudy-detail .caseStudy-text-content .threeDot-label {
  font-weight: 400;
  color: #2e2e38
}

.caseStudy .caseStudy-detail .caseStudy-full {
  display: block
}

.box-dark-background .caseStudy .caseStudy-detail .caseStudy-full * {
  color: #2e2e38
}

.caseStudy .caseStudy-detail .caseStudy-full p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  font-family: Georgia, sans-serif;
  font-weight: 400
}

html[lang^='ja'] .caseStudy .caseStudy-detail .caseStudy-full p {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .caseStudy .caseStudy-detail .caseStudy-full p {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.caseStudy .caseStudy-detail .caseStudy-cta {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 50px;
  z-index: 135;
  color: #2e2e38
}

.caseStudy .caseStudy-detail .caseStudy-cta::after {
  content: attr(data-continue)
}

@media only screen and (max-width:899px) {
  .caseStudy .caseStudy-images, .caseStudy .caseStudy-detail, .caseStudy .caseStudy-prev, .caseStudy .caseStudy-next {
    display: none
  }
}

.caseStudy .caseStudy-prev, .caseStudy .caseStudy-next {
  opacity: 0;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  pointer-events: none;
  -webkit-transition: 400ms ease-in-out opacity, 400ms ease-in-out transform;
  transition: 400ms ease-in-out opacity, 400ms ease-in-out transform
}

.caseStudy .caseStudy-next {
  -webkit-transform: translateY(200%) rotate(180deg);
  transform: translateY(200%) rotate(180deg)
}

.caseStudy .caseStudy-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  z-index: 150;
  display: block;
  background: url("/img/ic_close_white.svg") center no-repeat;
  background-size: 100%;
  text-indent: 999px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out
}

.caseStudy [class*="3dot"] {
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
  top: 7px
}

.caseStudy [class*="3dot"] .threeDot-label {
  font-weight: 700
}

.caseStudy.caseStudy-full-width {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .caseStudy.caseStudy-full-width {
    width: 100%;
    left: auto
  }
}

.caseStudy.caseStudy-full-width>.component-content, .caseStudy.caseStudy-full-width>.row {
  padding: 0 68px
}

@media print {
  .caseStudy.caseStudy-full-width>.component-content, .caseStudy.caseStudy-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .caseStudy.caseStudy-full-width {
    width: calc(100% + 104px);
    left: -52px
  }

  .caseStudy.caseStudy-full-width>.component-content, .caseStudy.caseStudy-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .caseStudy.caseStudy-full-width {
    width: calc(100% + 72px);
    left: -36px
  }

  .caseStudy.caseStudy-full-width>.component-content, .caseStudy.caseStudy-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .caseStudy.caseStudy-full-width {
    width: calc(100% + 24px);
    left: -12px
  }

  .caseStudy.caseStudy-full-width>.component-content, .caseStudy.caseStudy-full-width>.row {
    padding: 0 18px
  }
}

.caseStudy.caseStudy-full-width.fixed-component {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .caseStudy.caseStudy-full-width.fixed-component {
    width: 100%;
    left: auto
  }
}

.caseStudy.caseStudy-full-width.fixed-component>.component-content, .caseStudy.caseStudy-full-width.fixed-component>.row {
  padding: 0 68px
}

@media print {
  .caseStudy.caseStudy-full-width.fixed-component>.component-content, .caseStudy.caseStudy-full-width.fixed-component>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .caseStudy.caseStudy-full-width.fixed-component {
    width: calc(100% + 120px);
    left: -60px
  }

  .caseStudy.caseStudy-full-width.fixed-component>.component-content, .caseStudy.caseStudy-full-width.fixed-component>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .caseStudy.caseStudy-full-width.fixed-component {
    width: calc(100% + 88px);
    left: -44px
  }

  .caseStudy.caseStudy-full-width.fixed-component>.component-content, .caseStudy.caseStudy-full-width.fixed-component>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .caseStudy.caseStudy-full-width.fixed-component {
    width: calc(100% + 36px);
    left: -18px
  }

  .caseStudy.caseStudy-full-width.fixed-component>.component-content, .caseStudy.caseStudy-full-width.fixed-component>.row {
    padding: 0 18px
  }
}

@charset "UTF-8";

.chapterBreaker {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
  overflow: hidden
}

@media print {
  .chapterBreaker {
    width: 100%;
    left: auto
  }
}

.chapterBreaker>.component-content, .chapterBreaker>.row {
  padding: 0 68px
}

@media print {
  .chapterBreaker>.component-content, .chapterBreaker>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .chapterBreaker {
    width: calc(100% + 104px);
    left: -52px
  }

  .chapterBreaker>.component-content, .chapterBreaker>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .chapterBreaker {
    width: calc(100% + 72px);
    left: -36px
  }

  .chapterBreaker>.component-content, .chapterBreaker>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker {
    width: calc(100% + 24px);
    left: -12px
  }

  .chapterBreaker>.component-content, .chapterBreaker>.row {
    padding: 0 18px
  }
}

.chapterBreaker.fixed-component {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .chapterBreaker.fixed-component {
    width: 100%;
    left: auto
  }
}

.chapterBreaker.fixed-component>.component-content, .chapterBreaker.fixed-component>.row {
  padding: 0 68px
}

@media print {
  .chapterBreaker.fixed-component>.component-content, .chapterBreaker.fixed-component>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .chapterBreaker.fixed-component {
    width: calc(100% + 120px);
    left: -60px
  }

  .chapterBreaker.fixed-component>.component-content, .chapterBreaker.fixed-component>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .chapterBreaker.fixed-component {
    width: calc(100% + 88px);
    left: -44px
  }

  .chapterBreaker.fixed-component>.component-content, .chapterBreaker.fixed-component>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker.fixed-component {
    width: calc(100% + 36px);
    left: -18px
  }

  .chapterBreaker.fixed-component>.component-content, .chapterBreaker.fixed-component>.row {
    padding: 0 18px
  }
}

.chapterBreaker .chapterBreaker-inside {
  height: 800px
}

.chapterBreaker .chapterBreaker-inside.no-image {
  height: auto
}

@media only screen and (max-width:1199px) {
  .chapterBreaker .chapterBreaker-inside {
    height: 570px
  }
}

@media only screen and (max-width:899px) {
  .chapterBreaker .chapterBreaker-inside {
    height: 430px
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker .chapterBreaker-inside {
    height: 540px
  }
}

.chapterBreaker .chapterBreaker-inside::after {
  content: '';
  display: block;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 20%, transparent 80%), linear-gradient(96.81deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(254.73deg, rgba(0, 0, 0, 0.1) 30%, transparent 70%);
  -webkit-transform: scaleX(-1) rotate(540deg);
  transform: scaleX(-1) rotate(540deg);
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%
}

@media only screen and (max-width:599px) {
  .chapterBreaker .chapterBreaker-inside::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 20%, transparent 80%), linear-gradient(96.81deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(254.73deg, rgba(0, 0, 0, 0.1) 30%, transparent 70%);
    -webkit-transform: none;
    transform: none
  }
}

.chapterBreaker .chapterBreaker-content {
  color: #fff;
  position: absolute;
  bottom: 204px;
  left: 72px;
  width: 100%;
  max-width: 597px;
  z-index: 105
}

@media only screen and (max-width:1199px) {
  .chapterBreaker .chapterBreaker-content {
    bottom: 102px;
    left: 60px
  }
}

@media only screen and (max-width:899px) {
  .chapterBreaker .chapterBreaker-content {
    width: 50%;
    bottom: 80px
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker .chapterBreaker-content {
    width: 100%;
    padding: 29px 16px;
    bottom: 0;
    left: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

.chapterBreaker .chapterBreaker-title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  margin: 10px 0 20px;
  color: #fff
}

@media only screen and (max-width:899px) {
  .chapterBreaker .chapterBreaker-title {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker .chapterBreaker-title {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

.chapterBreaker .chapterBreaker-label {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  margin: 0
}

.chapterBreaker .chapterBreaker-subheading {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0
}

@media only screen and (max-width:899px) {
  .chapterBreaker .chapterBreaker-subheading {
    display: none
  }
}

.chapterBreaker .chapterBreaker-number {
  font-size: 775px;
  font-size: 77.5rem;
  line-height: 600px;
  font-weight: 700;
  color: #fff;
  opacity: 0.15;
  position: absolute;
  left: 0;
  bottom: 15px;
  margin: 0;
  z-index: 100
}

@media only screen and (max-width:1199px) {
  .chapterBreaker .chapterBreaker-number {
    font-size: 500px;
    font-size: 50rem;
    line-height: 390px
  }
}

.chapterBreaker .chapterBreaker-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width:1199px) {
  .chapterBreaker .chapterBreaker-image {
    width: auto;
    min-width: 100%;
    max-width: none;
    min-height: 570px
  }
}

@media only screen and (max-width:899px) {
  .chapterBreaker .chapterBreaker-image {
    min-height: 480px
  }
}

.chapterBreaker .no-image {
  min-height: 580px;
  background-color: #fff
}

@media only screen and (max-width:899px) {
  .chapterBreaker .no-image {
    min-height: 450px
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker .no-image {
    min-height: 390px
  }
}

.chapterBreaker .no-image::after {
  display: none
}

.chapterBreaker .no-image .chapterBreaker-image {
  display: none
}

.chapterBreaker .no-image .chapterBreaker-content, .chapterBreaker .no-image .chapterBreaker-number, .chapterBreaker .no-image .chapterBreaker-title {
  color: #2e2e38
}

.chapterBreaker .no-image .chapterBreaker-content {
  position: relative;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 157px 318px 89px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: none
}

@media only screen and (max-width:1199px) {
  .chapterBreaker .no-image .chapterBreaker-content {
    padding: 149px 135px 85px
  }
}

@media only screen and (max-width:899px) {
  .chapterBreaker .no-image .chapterBreaker-content {
    padding: 144px 45px 90px;
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker .no-image .chapterBreaker-content {
    padding: 139px 18px 46px;
    width: 100%
  }
}

.chapterBreaker .no-image .chapterBreaker-number {
  font-size: 500px;
  font-size: 50rem;
  line-height: 570px;
  left: 250px;
  top: 0
}

@media only screen and (max-width:1199px) {
  .chapterBreaker .no-image .chapterBreaker-number {
    left: 70px
  }
}

@media only screen and (max-width:899px) {
  .chapterBreaker .no-image .chapterBreaker-number {
    line-height: 450px;
    left: 0
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker .no-image .chapterBreaker-number {
    line-height: 380px
  }
}

.chapterBreaker .no-image .chapterBreaker-title {
  margin-bottom: 58px
}

@media only screen and (max-width:1199px) {
  .chapterBreaker .no-image .chapterBreaker-title {
    margin-bottom: 30px
  }
}

.chapterBreaker .no-image .chapterBreaker-subheading {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 38px;
  font-family: Georgia, sans-serif;
  font-weight: 400
}

html[lang^='ja'] .chapterBreaker .no-image .chapterBreaker-subheading {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .chapterBreaker .no-image .chapterBreaker-subheading {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

@media only screen and (max-width:899px) {
  .chapterBreaker .no-image .chapterBreaker-subheading {
    display: block
  }
}

.chapterBreaker-right-aligned .chapterBreaker-inside::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

@media only screen and (max-width:599px) {
  .chapterBreaker-right-aligned .chapterBreaker-inside::after {
    -webkit-transform: none;
    transform: none
  }
}

.chapterBreaker-right-aligned .chapterBreaker-content {
  left: auto;
  right: 72px
}

@media only screen and (max-width:1199px) {
  .chapterBreaker-right-aligned .chapterBreaker-content {
    right: 60px
  }
}

@media only screen and (max-width:599px) {
  .chapterBreaker-right-aligned .chapterBreaker-content {
    right: auto
  }
}

.chapterBreaker-right-aligned .chapterBreaker-number {
  right: 0;
  left: auto
}

@media only screen and (max-width:599px) {
  .chapterBreaker-right-aligned .chapterBreaker-number {
    right: auto
  }
}

.chapterBreaker-yellow-dot .chapterBreaker-label::before {
  content: '';
  width: 13px;
  height: 13px;
  display: inline-block;
  background-color: #ffe600;
  margin: 7px 10px 0 0
}

.contact-links .contact-links-container {
  margin: 18px 0 0
}

.contact-links .contact-links-container::after {
  content: '';
  background: url("/img/check-green.svg");
  z-index: -1
}

.surface-profile-utility-bar .contact-links .contact-links-container {
  margin-top: 20px;
  margin-bottom: 30px
}

.surface-profile-utility-bar .contact-links .contact-links-container a {
  display: none
}

.surface-profile-utility-bar .contact-links .contact-links-container a:nth-child(-n+3) {
  display: inline-block
}

.contentListContacts .contact-links .contact-links-container a {
  display: none
}

.contentListContacts .contact-links .contact-links-container a:nth-child(-n+5) {
  display: inline-block
}

.contact-links .contact-links-container [class*="hyperlink-"], .contact-links .contact-links-container .contact-links-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  padding: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #747480;
  border-radius: 50%;
  color: inherit;
  width: 44px;
  height: 44px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  text-indent: 100%;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  cursor: pointer
}

.contact-links-light-background .contact-links .contact-links-container [class*="hyperlink-"], .contact-links-light-background .contact-links .contact-links-container .contact-links-item {
  border: 1px solid #c4c4cd
}

.contact-links .contact-links-container [class*="hyperlink-"].active, .contact-links .contact-links-container [class*="hyperlink-"]:hover, .contact-links .contact-links-container .contact-links-item.active, .contact-links .contact-links-container .contact-links-item:hover {
  background-color: #fff;
  border-color: #fff
}

.contact-links-light-background .contact-links .contact-links-container [class*="hyperlink-"].active, .contact-links-light-background .contact-links .contact-links-container [class*="hyperlink-"]:hover, .contact-links-light-background .contact-links .contact-links-container .contact-links-item.active, .contact-links-light-background .contact-links .contact-links-container .contact-links-item:hover {
  background-color: #2e2e38;
  border-color: #2e2e38
}

.contact-links .contact-links-container [class*="hyperlink-"]:last-child, .contact-links .contact-links-container .contact-links-item:last-child {
  margin-right: 0
}

.contact-links .contact-links-container [class*="hyperlink-"] .contact-links-initial, .contact-links .contact-links-container [class*="hyperlink-"] .contact-links-hover, .contact-links .contact-links-container .contact-links-item .contact-links-initial, .contact-links .contact-links-container .contact-links-item .contact-links-hover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 100;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s
}

.contact-links .contact-links-container [class*="hyperlink-"] .contact-links-hover, .contact-links .contact-links-container .contact-links-item .contact-links-hover {
  opacity: 0;
  visibility: hidden
}

.contact-links .contact-links-container [class*="hyperlink-"]:hover, .contact-links .contact-links-container [class*="hyperlink-"]:focus, .contact-links .contact-links-container .contact-links-item:hover, .contact-links .contact-links-container .contact-links-item:focus {
  border-color: #fff
}

.contact-links-light-background .contact-links .contact-links-container [class*="hyperlink-"]:hover, .contact-links-light-background .contact-links .contact-links-container [class*="hyperlink-"]:focus, .contact-links-light-background .contact-links .contact-links-container .contact-links-item:hover, .contact-links-light-background .contact-links .contact-links-container .contact-links-item:focus {
  border-color: #2e2e38
}

.contact-links .contact-links-container [class*="hyperlink-"]:hover .contact-links-hover, .contact-links .contact-links-container [class*="hyperlink-"]:focus .contact-links-hover, .contact-links .contact-links-container .contact-links-item:hover .contact-links-hover, .contact-links .contact-links-container .contact-links-item:focus .contact-links-hover {
  opacity: 1;
  visibility: visible;
  z-index: 105
}

.contact-links .contact-links-container .phone-list {
  margin: 0;
  line-height: 1.63;
  opacity: 0;
  -webkit-transition: height 0.2s 0.1s, opacity 0.1s, bottom 0.2s, margin 0.2s;
  transition: height 0.2s 0.1s, opacity 0.1s, bottom 0.2s, margin 0.2s;
  position: relative;
  bottom: -10px;
  height: 0
}

.contact-links .contact-links-container .phone-list.active {
  margin: 20px 0 0;
  opacity: 1;
  bottom: 0;
  -webkit-transition: height 0.2s, opacity 0.1s 0.1s, bottom 0.2s, margin 0.2s;
  transition: height 0.2s, opacity 0.1s 0.1s, bottom 0.2s, margin 0.2s
}

.contact-links .contact-links-container .phone-list .phone-label {
  margin: 0;
  color: #fff
}

.contact-links-light-background .contact-links .contact-links-container .phone-list .phone-label {
  color: #2e2e38
}

.contact-links .contact-links-container .phone-list .phone-number {
  pointer-events: none;
  color: #fff
}

.contact-links-light-background .contact-links .contact-links-container .phone-list .phone-number {
  color: #2e2e38
}

.contact-links .contact-links-container .phone-list .phone-number:hover, .contact-links .contact-links-container .phone-list .phone-number:active {
  border-bottom: 1px solid white
}

@media only screen and (max-width:599px) {
  .contact-links .contact-links-container .phone-list .phone-number {
    font-weight: 700;
    pointer-events: all
  }
}

.case-study-tile .threeDot-box {
  position: absolute;
  bottom: 20px;
  left: 20px;
  pointer-events: none
}

@media only screen and (max-width:899px) {
  .case-study-tile .threeDot-box {
    bottom: 30px
  }
}

@media only screen and (max-width:599px) {
  .case-study-tile .threeDot-box {
    bottom: 20px
  }
}

@media only screen and (max-width:599px) {
  .case-study-tile .threeDot-item {
    width: 11px;
    height: 11px;
    margin-right: 12px
  }
}

.content-grid {
  padding-right: 0;
  padding-left: 0
}

.content-grid>.row .page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px
}

@media only screen and (max-width:599px) {
  .content-grid>.row .page:not(.page-0) {
    margin-top: 0
  }
}

.content-grid .tile-image-box {
  position: relative
}

.content-grid .tile-image-box>a {
  display: block;
  position: relative
}

.content-grid .tile-image-box>a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.3))
}

.content-grid .tile-image-box>a:hover picture img, .content-grid .tile-image-box>a:focus picture img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.content-grid .tile-image-box picture {
  display: block;
  width: 100%;
  overflow: hidden
}

.content-grid .tile-image-box picture img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out
}

.content-grid .tile-text-box>.hyperlink-text-link {
  display: block;
  float: left;
  margin: 10px 0;
  border: 1px solid transparent
}

@media only screen and (max-width:899px) {
  .content-grid .tile-text-box>.hyperlink-text-link {
    margin-bottom: 0
  }
}

.content-grid .tile-text-box>.hyperlink-text-link:hover, .content-grid .tile-text-box>.hyperlink-text-link:focus {
  border-color: transparent
}

.content-grid .tile-text-box>.hyperlink-text-link:hover .article-title, .content-grid .tile-text-box>.hyperlink-text-link:hover .event-title, .content-grid .tile-text-box>.hyperlink-text-link:focus .article-title, .content-grid .tile-text-box>.hyperlink-text-link:focus .event-title {
  border-bottom: 1px solid #2e2e38
}

.content-grid .tile-text-box>.hyperlink-text-link+.article-details, .content-grid .tile-text-box>.hyperlink-text-link+.event-details {
  margin-top: 10px
}

@media only screen and (max-width:899px) {
  .content-grid .tile-text-box>.hyperlink-text-link+.article-details, .content-grid .tile-text-box>.hyperlink-text-link+.event-details {
    margin-top: 20px
  }
}

.content-grid .content-grid-title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  color: #2e2e38;
  margin: 0
}

.content-grid>.content-grid-title {
  margin-top: 40px
}

.content-grid .article-title, .content-grid .event-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  display: block;
  color: #2e2e38;
  margin: 0;
  font-weight: 400
}

.content-grid .article-title.is-clipped, .content-grid .event-title.is-clipped {
  display: inline
}

@media only screen and (max-width:599px) {
  .content-grid .article-title.is-clipped, .content-grid .event-title.is-clipped {
    padding: 0
  }
}

@media only screen and (max-width:599px) {
  .content-grid .article-title, .content-grid .event-title {
    padding: 0 6px
  }
}

.content-grid .article-subheading, .content-grid .event-subheading {
  line-height: 26px;
  color: #2e2e38;
  clear: both;
  margin: 0;
  font-weight: 300
}

@media only screen and (max-width:899px) {
  .content-grid .article-subheading, .content-grid .event-subheading {
    display: none
  }
}

.content-grid .article-details, .content-grid .event-details {
  line-height: 22px;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  color: #2e2e38
}

.content-grid .article-details span, .content-grid .event-details span {
  display: inline
}

.content-grid .article-details span.multiple-line:not(.no-right-line)::after, .content-grid .event-details span.multiple-line:not(.no-right-line)::after {
  content: "|";
  padding-left: 4px
}

.content-grid .article-details span.has-time::after, .content-grid .article-details span.has-country-code::after, .content-grid .event-details span.has-time::after, .content-grid .event-details span.has-country-code::after {
  content: ','
}

.content-grid .article-author {
  font-weight: 700
}

.content-grid .event-time {
  display: inline
}

.content-grid .is-hidden {
  display: none
}

.content-grid .tile {
  margin: 0 0 50px;
  opacity: 0
}

.content-grid .buttons {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 100px;
  display: none;
  -webkit-animation: fade 0.3s ease 2.5s both;
  animation: fade 0.3s ease 2.5s both
}

@media only screen and (max-width:1199px) {
  .content-grid .buttons {
    margin-bottom: 60px
  }
}

@media only screen and (max-width:899px) {
  .content-grid .buttons {
    margin-top: 10px;
    margin-bottom: 55px
  }
}

@media only screen and (max-width:599px) {
  .content-grid .buttons {
    margin-top: 30px;
    margin-bottom: 90px
  }
}

.content-grid button {
  line-height: 26px;
  color: #2e2e38;
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #c4c4cd;
  padding: 10px 40px;
  cursor: pointer;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s
}

.content-grid button:hover {
  background-color: #2e2e38;
  color: white
}

@media only screen and (max-width:599px) {
  .content-grid button:hover {
    background-color: #fff;
    color: #2e2e38
  }
}

.content-grid button.is-disabled {
  display: none
}

@media only screen and (max-width:599px) {
  .content-grid .show-more, .content-grid .show-less {
    display: none
  }
}

.content-grid .show-more-mobile {
  display: none
}

@media only screen and (max-width:599px) {
  .content-grid .show-more-mobile {
    display: inline-block
  }
}

.content-grid .pagination {
  float: right;
  top: -35px
}

@media only screen and (max-width:599px) {
  .content-grid .pagination {
    display: none
  }
}

.content-grid .page:not(.is-active) {
  display: none
}

@media only screen and (max-width:599px) {
  .content-grid .page:not(.is-active) {
    display: block
  }
}

.content-grid.is-hidden {
  display: none
}

.content-grid.animation-on .tile:nth-child(1):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0s both;
  animation: fade 0.4s ease 0s both
}

.content-grid.animation-on .tile:nth-child(2):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.3s both;
  animation: fade 0.4s ease 0.3s both
}

.content-grid.animation-on .tile:nth-child(3):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.6s both;
  animation: fade 0.4s ease 0.6s both
}

.content-grid.animation-on .tile:nth-child(4):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.9s both;
  animation: fade 0.4s ease 0.9s both
}

.content-grid.animation-on .tile:nth-child(5):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.2s both;
  animation: fade 0.4s ease 1.2s both
}

.content-grid.animation-on .tile:nth-child(6):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.5s both;
  animation: fade 0.4s ease 1.5s both
}

.content-grid.animation-on .tile:nth-child(7):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.8s both;
  animation: fade 0.4s ease 1.8s both
}

.content-grid.animation-on .tile:nth-child(8):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 2.1s both;
  animation: fade 0.4s ease 2.1s both
}

.content-grid.animation-on .tile:nth-child(9):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 2.4s both;
  animation: fade 0.4s ease 2.4s both
}

.content-grid.animation-on .tile:nth-child(10):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 2.7s both;
  animation: fade 0.4s ease 2.7s both
}

.content-grid.animation-on .tile:nth-child(11):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 3s both;
  animation: fade 0.4s ease 3s both
}

.content-grid.animation-on .tile:nth-child(12):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 3.3s both;
  animation: fade 0.4s ease 3.3s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(1):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0s both;
  animation: fade 0.4s ease 0s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(2):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.3s both;
  animation: fade 0.4s ease 0.3s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(3):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.6s both;
  animation: fade 0.4s ease 0.6s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(4):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.9s both;
  animation: fade 0.4s ease 0.9s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(5):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.2s both;
  animation: fade 0.4s ease 1.2s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(6):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.5s both;
  animation: fade 0.4s ease 1.5s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(7):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0s both;
  animation: fade 0.4s ease 0s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(8):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.3s both;
  animation: fade 0.4s ease 0.3s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(9):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.6s both;
  animation: fade 0.4s ease 0.6s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(10):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.9s both;
  animation: fade 0.4s ease 0.9s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(11):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.2s both;
  animation: fade 0.4s ease 1.2s both
}

.content-grid.animation-on.animation-part-on .tile:nth-child(12):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.5s both;
  animation: fade 0.4s ease 1.5s both
}

.content-grid.animation-on .buttons {
  display: block
}

@media only screen and (max-width:599px) {
  .content-grid .page:not(.page-0) .article-tile, .content-grid .page-0 .article-tile:nth-child(n+4), .content-grid .page:not(.page-0) .event-tile, .content-grid .page-0 .event-tile:nth-child(n+4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
  }

  .content-grid .page:not(.page-0) .article-tile .tile-image-box, .content-grid .page-0 .article-tile:nth-child(n+4) .tile-image-box, .content-grid .page:not(.page-0) .event-tile .tile-image-box, .content-grid .page-0 .event-tile:nth-child(n+4) .tile-image-box {
    width: 33.33333%
  }

  .content-grid .page:not(.page-0) .article-tile .tile-text-box, .content-grid .page-0 .article-tile:nth-child(n+4) .tile-text-box, .content-grid .page:not(.page-0) .event-tile .tile-text-box, .content-grid .page-0 .event-tile:nth-child(n+4) .tile-text-box {
    width: 66.66667%;
    padding-left: 11.5px
  }

  .content-grid .page:not(.page-0) .article-tile .tile-text-box .hyperlink-text-link, .content-grid .page-0 .article-tile:nth-child(n+4) .tile-text-box .hyperlink-text-link, .content-grid .page:not(.page-0) .event-tile .tile-text-box .hyperlink-text-link, .content-grid .page-0 .event-tile:nth-child(n+4) .tile-text-box .hyperlink-text-link {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    margin-top: 0
  }

  .content-grid .page:not(.page-0) .article-tile .article-details, .content-grid .page:not(.page-0) .article-tile .event-details, .content-grid .page-0 .article-tile:nth-child(n+4) .article-details, .content-grid .page-0 .article-tile:nth-child(n+4) .event-details, .content-grid .page:not(.page-0) .event-tile .article-details, .content-grid .page:not(.page-0) .event-tile .event-details, .content-grid .page-0 .event-tile:nth-child(n+4) .article-details, .content-grid .page-0 .event-tile:nth-child(n+4) .event-details {
    display: none
  }

  .content-grid .page:not(.page-0) .article-tile .article-title, .content-grid .page:not(.page-0) .article-tile .event-title, .content-grid .page-0 .article-tile:nth-child(n+4) .article-title, .content-grid .page-0 .article-tile:nth-child(n+4) .event-title, .content-grid .page:not(.page-0) .event-tile .article-title, .content-grid .page:not(.page-0) .event-tile .event-title, .content-grid .page-0 .event-tile:nth-child(n+4) .article-title, .content-grid .page-0 .event-tile:nth-child(n+4) .event-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    margin: 0;
    font-weight: 700
  }

  .content-grid .page:not(.page-0) .article-tile .threeDot-box, .content-grid .page-0 .article-tile:nth-child(n+4) .threeDot-box, .content-grid .page:not(.page-0) .event-tile .threeDot-box, .content-grid .page-0 .event-tile:nth-child(n+4) .threeDot-box {
    left: 10px;
    bottom: 10px
  }
}

.content-grid .video-tile .tile-image-box a::after {
  content: '';
  background: url("/img/ic_videocam.svg") center/contain no-repeat;
  display: block;
  width: 24px;
  height: 16px;
  position: absolute;
  bottom: 18px;
  right: 13px
}

body:not(.tabbed) .content-grid button {
  outline: none
}

.content-grid .cross-site-content {
  padding: 5px;
  border: 1px solid;
  width: 100%;
  margin-bottom: 5px;
  border-radius: 3px;
  color: black
}

.content-grid .cross-site-content.warning {
  background-color: orange
}

.content-grid .cross-site-content.info {
  background-color: lightblue
}

.case-study-tile .threeDot-item {
  margin-right: 15px
}

.content-grid.nested {
  border-top: 1px solid #c4c4cd;
  padding: 0
}

@media only screen and (max-width:899px) {
  .content-grid.nested .news-tile:not(.video-tile):not(.better-question-tile) .tile-image-box, .content-grid.nested .press-release-tile:not(.video-tile):not(.better-question-tile) .tile-image-box, .content-grid.nested .event-tile:not(.video-tile):not(.better-question-tile) .tile-image-box {
    display: none
  }
}

.content-grid.nested .content-grid-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  margin: 19px 0 10px;
  color: #2e2e38
}

@media only screen and (max-width:599px) {
  .content-grid.nested {
    margin: 18px 0 8px
  }
}

.content-grid.nested .page {
  margin-top: 0
}

.content-grid.nested .article-title, .content-grid.nested .event-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  font-weight: 400
}

@media only screen and (max-width:899px) {
  .content-grid.nested .article-title, .content-grid.nested .event-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    margin: 10px 0 0
  }
}

@media only screen and (max-width:899px) {
  .content-grid.nested .event-tile.image-tile .tile-image-box {
    display: none
  }
}

@media only screen and (max-width:899px) {
  .content-grid.nested .event-tile.image-tile .hyperlink-text-link {
    margin-top: 0
  }
}

@media only screen and (max-width:1199px) {
  .content-grid.nested .event-tile:not(.copy-tile) .event-subheading {
    display: none
  }
}

@media only screen and (max-width:1199px) {
  .content-grid.nested .event-tile:not(.copy-tile) .hyperlink-text-link {
    margin-bottom: 0
  }
}

.content-grid.nested .event-tile.copy-tile .tile-image-box {
  display: none
}

.content-grid.nested .event-tile.copy-tile .hyperlink-text-link {
  margin-top: 0
}

.content-grid.nested .event-details {
  font-weight: 300
}

@media only screen and (max-width:899px) {
  .content-grid.nested .event-details {
    margin-top: 10px
  }
}

.content-grid.nested .event-subheading {
  font-weight: 300
}

.content-grid.nested .article-image {
  display: block
}

.content-grid.nested .tile {
  margin: 0
}

@media only screen and (max-width:899px) {
  .content-grid.nested .article-subheading {
    display: none
  }
}

@media only screen and (max-width:899px) {
  .content-grid.nested .article-details {
    margin: 12px 0 0
  }
}

@media only screen and (max-width:599px) {
  .content-grid.nested .article-details {
    margin: 10px 0
  }
}

.peoplegrid {
  padding-top: 42px;
  padding-bottom: 30px
}

@media only screen and (max-width:599px) {
  .peoplegrid {
    padding-top: 20px
  }
}

@media only screen and (max-width:899px) {
  .peoplegrid .content-grid-title {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  .peoplegrid .content-grid-title {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

.peoplegrid .content-grid-description {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  max-width: 642px;
  margin: 20px 0 0
}

@media only screen and (max-width:899px) {
  .peoplegrid .content-grid-description {
    margin-bottom: 17px
  }
}

@media only screen and (max-width:599px) {
  .peoplegrid .content-grid-description {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    margin-bottom: 10px
  }
}

.peoplegrid>.row .page {
  margin-top: 0
}

.peoplegrid .person-details {
  background-color: #2e2e38;
  padding: 16px 20px 20px;
  color: white;
  width: calc(100% - 16px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: min-height 0.2s ease-out, height 0.2s ease-out;
  transition: min-height 0.2s ease-out, height 0.2s ease-out;
  min-height: 161px
}

@media only screen and (max-width:1440px) {
  .peoplegrid .person-details {
    left: 8px
  }
}

@media only screen and (max-width:1199px) {
  .peoplegrid .person-details {
    min-height: 153px
  }
}

@media only screen and (max-width:899px) {
  .peoplegrid .person-details {
    min-height: 148px
  }
}

@media only screen and (max-width:599px) {
  .peoplegrid .person-details {
    width: calc(100% - 12px);
    left: 6px
  }
}

.peoplegrid .person-name {
  line-height: 30px;
  color: white;
  font-weight: 400;
  margin: 0 0 10px
}

.peoplegrid .person-name a {
  color: white;
  font-weight: 400
}

.peoplegrid .person-name a:hover {
  border-color: inherit
}

.peoplegrid .person-introductory-text {
  margin: 0 0 10px
}

.peoplegrid .person-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block;
  -webkit-transition: -webkit-transform 600ms ease-out;
  transition: -webkit-transform 600ms ease-out;
  transition: transform 600ms ease-out;
  transition: transform 600ms ease-out, -webkit-transform 600ms ease-out
}

.peoplegrid .person-job-title {
  color: #ffe600;
  font-weight: 400
}

.peoplegrid .person-tile {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  margin: 40px 0 0;
  padding: 0 0 161px
}

@media only screen and (max-width:1440px) {
  .peoplegrid .person-tile {
    padding: 0 8px 478px
  }
}

@media only screen and (max-width:1199px) {
  .peoplegrid .person-tile {
    margin: 20px 0 0;
    padding-bottom: 370px
  }
}

@media only screen and (max-width:899px) {
  .peoplegrid .person-tile {
    padding-bottom: 396px
  }
}

@media only screen and (max-width:599px) {
  .peoplegrid .person-tile {
    padding-bottom: 390px
  }
}

.peoplegrid .person-tile .person-job-title, .peoplegrid .person-tile .person-location {
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  max-height: 0;
  margin: 0;
  overflow: hidden
}

.peoplegrid .person-tile .person-job-title::after, .peoplegrid .person-tile .person-location::after {
  content: '';
  height: 10px;
  display: block
}

.peoplegrid .person-tile:hover .person-job-title, .peoplegrid .person-tile:hover .person-location {
  max-height: 58px;
  height: auto
}

@media only screen and (max-width:899px) {
  .peoplegrid .person-tile:hover .person-job-title, .peoplegrid .person-tile:hover .person-location {
    display: none !important
  }
}

.peoplegrid .person-tile:hover .person-details {
  min-height: 225px
}

@media only screen and (max-width:1199px) {
  .peoplegrid .person-tile:hover .person-details {
    min-height: 195px
  }
}

@media only screen and (max-width:899px) {
  .peoplegrid .person-tile:hover .person-details {
    min-height: 148px
  }
}

@media only screen and (max-width:599px) {
  .peoplegrid .person-tile:hover .person-details {
    width: calc(100% - 12px)
  }
}

.peoplegrid .person-tile:hover .person-image {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.peoplegrid .person-tile a:focus+.person-details {
  min-height: 225px
}

@media only screen and (max-width:1199px) {
  .peoplegrid .person-tile a:focus+.person-details {
    min-height: 195px
  }
}

@media only screen and (max-width:899px) {
  .peoplegrid .person-tile a:focus+.person-details {
    min-height: 148px
  }
}

@media only screen and (max-width:599px) {
  .peoplegrid .person-tile a:focus+.person-details {
    width: calc(100% - 12px)
  }
}

.peoplegrid .person-tile a:focus+.person-details .person-job-title, .peoplegrid .person-tile a:focus+.person-details .person-location {
  max-height: 58px;
  height: auto
}

@media only screen and (max-width:899px) {
  .peoplegrid .person-tile a:focus+.person-details .person-job-title, .peoplegrid .person-tile a:focus+.person-details .person-location {
    display: none !important
  }
}

.peoplegrid .person-tile a:focus .person-image {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.peoplegrid .person-tile:not(:hover) a:not(:hover):not(:focus)+.person-details .person-job-title {
  max-height: 0 !important
}

.peoplegrid .person-image-box {
  overflow: hidden;
  width: calc(100% - 16px);
  position: relative;
  top: 0;
  height: auto
}

.peoplegrid .person-image-box::before {
  content: '';
  display: block;
  float: left;
  height: 0;
  padding-bottom: 66.66667%
}

.peoplegrid .person-image-box::after {
  content: '';
  display: block;
  float: left;
  height: 317px
}

.peoplegrid .person-image-box .person-image-inside {
  position: absolute;
  height: 100%
}

@media only screen and (max-width:1440px) {
  .peoplegrid .person-image-box {
    height: 317px;
    padding-bottom: 0;
    position: absolute
  }

  .peoplegrid .person-image-box .person-image-inside {
    position: static;
    height: auto
  }

  .peoplegrid .person-image-box::before, .peoplegrid .person-image-box::after {
    display: none
  }
}

@media only screen and (max-width:1199px) {
  .peoplegrid .person-image-box {
    height: 217px
  }
}

@media only screen and (max-width:899px) {
  .peoplegrid .person-image-box {
    height: 248px
  }
}

@media only screen and (max-width:599px) {
  .peoplegrid .person-image-box {
    width: calc(100% - 12px);
    height: 242px;
    left: 6px
  }
}

.peoplegrid .buttons {
  margin-top: 40px;
  -webkit-animation: fade 0.3s ease 1.2s both;
  animation: fade 0.3s ease 1.2s both
}

.peoplegrid.animation-on .tile:nth-child(1):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0s both;
  animation: fade 0.4s ease 0s both
}

.peoplegrid.animation-on .tile:nth-child(2):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.3s both;
  animation: fade 0.4s ease 0.3s both
}

.peoplegrid.animation-on .tile:nth-child(3):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.6s both;
  animation: fade 0.4s ease 0.6s both
}

.peoplegrid.animation-on .tile:nth-child(4):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.9s both;
  animation: fade 0.4s ease 0.9s both
}

.peoplegrid.animation-on .tile:nth-child(5):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.2s both;
  animation: fade 0.4s ease 1.2s both
}

.peoplegrid.animation-on .tile:nth-child(6):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.5s both;
  animation: fade 0.4s ease 1.5s both
}

.peoplegrid.animation-on .tile:nth-child(7):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.8s both;
  animation: fade 0.4s ease 1.8s both
}

.peoplegrid.animation-on .tile:nth-child(8):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 2.1s both;
  animation: fade 0.4s ease 2.1s both
}

.peoplegrid.animation-on .tile:nth-child(9):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 2.4s both;
  animation: fade 0.4s ease 2.4s both
}

.peoplegrid.animation-on .tile:nth-child(10):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 2.7s both;
  animation: fade 0.4s ease 2.7s both
}

.peoplegrid.animation-on .tile:nth-child(11):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 3s both;
  animation: fade 0.4s ease 3s both
}

.peoplegrid.animation-on .tile:nth-child(12):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 3.3s both;
  animation: fade 0.4s ease 3.3s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(1):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0s both;
  animation: fade 0.4s ease 0s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(2):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.3s both;
  animation: fade 0.4s ease 0.3s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(3):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.6s both;
  animation: fade 0.4s ease 0.6s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(4):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0s both;
  animation: fade 0.4s ease 0s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(5):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.3s both;
  animation: fade 0.4s ease 0.3s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(6):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.6s both;
  animation: fade 0.4s ease 0.6s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(7):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 0.9s both;
  animation: fade 0.4s ease 0.9s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(8):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.2s both;
  animation: fade 0.4s ease 1.2s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(9):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.5s both;
  animation: fade 0.4s ease 1.5s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(10):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 1.8s both;
  animation: fade 0.4s ease 1.8s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(11):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 2.1s both;
  animation: fade 0.4s ease 2.1s both
}

.peoplegrid.animation-on.animation-part-on .tile:nth-child(12):not(.is-hidden) {
  -webkit-animation: fade 0.4s ease 2.4s both;
  animation: fade 0.4s ease 2.4s both
}

.personnested {
  margin: 0;
  padding: 19px 0 0;
  border-top: 1px solid #c4c4cd
}

.personnested .content-grid-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 300;
  margin: 0 0 19px
}

.personnested .content-grid-description {
  display: none
}

.personnested .row {
  margin: 0
}

.personnested .row>.page {
  display: block;
  margin-bottom: 20px;
  overflow: hidden
}

@media only screen and (max-width:599px) {
  .personnested .row>.page {
    margin-bottom: 10px
  }
}

.personnested .person-image-box {
  overflow: hidden;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-transition: none;
  transition: none;
  float: left
}

.personnested .person-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.personnested .person-introductory-text, .personnested .person-location {
  display: none
}

.personnested .person-tile {
  margin: 0;
  padding: 0;
  float: left
}

.personnested .person-tile:hover .person-image {
  -webkit-transform: none;
  transform: none
}

.personnested .person-tile .person-job-title {
  -webkit-transition: none;
  transition: none;
  color: #2e2e38;
  opacity: 1;
  margin: 0;
  height: auto;
  line-height: normal;
  display: block
}

.personnested .person-tile .person-job-title:hover {
  margin: 0
}

.personnested .person-tile .person-name, .personnested .person-tile .person-job-title {
  margin-left: 80px;
  letter-spacing: 0.2px
}

.personnested .person-tile .person-name:hover, .personnested .person-tile .person-job-title:hover {
  margin-left: 80px
}

.personnested .person-tile .person-name {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  font-weight: 700;
  color: #2e2e38;
  margin: 10px 0 0 80px
}

.personnested .person-tile .person-job-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  font-weight: 300
}

.personnested .row>.page {
  margin-top: 0
}

.event-tile .event-details span.webcast-date, .event-tile .event-details span.podcast-date, .event-tile .event-details span.location-date {
  position: relative;
  padding-left: 30px
}

.event-tile .event-details span.webcast-date::before, .event-tile .event-details span.podcast-date::before, .event-tile .event-details span.location-date::before {
  content: '';
  display: block;
  position: absolute;
  background-size: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.event-tile .event-details span.webcast-date::before {
  width: 22px;
  height: 19px;
  background: url("/img/ic_webcast_black.svg") center no-repeat
}

.event-tile .event-details span.webcast-date::after {
  content: ","
}

.event-tile .event-details span.podcast-date::before {
  width: 22px;
  height: 20px;
  background: url("/img/ic_podcast_small.svg") center no-repeat
}

.event-tile .event-details span.location-date {
  padding-left: 24px
}

.event-tile .event-details span.location-date::before {
  width: 14px;
  height: 20px;
  background: url("/img/ic_place_black.svg") center no-repeat
}

.content-list {
  margin: 0
}

.content-list .contentList-text {
  margin-left: 16.66667%;
  width: 41.66667%;
  float: left
}

@media only screen and (max-width:1199px) {
  .content-list .contentList-text {
    width: 66.66667%
  }
}

@media only screen and (max-width:899px) {
  .content-list .contentList-text {
    width: 58.33333%
  }
}

.content-list .contentList-image {
  margin-right: 16.66667%;
  width: 25%;
  float: right
}

@media only screen and (max-width:1199px) {
  .content-list .contentList-image {
    width: 33.33333%
  }
}

@media only screen and (max-width:899px) {
  .content-list .contentList-image {
    width: 41.66667%
  }
}

.content-list .contentList-image, .content-list .contentList-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:1199px) {
  .content-list .contentList-image, .content-list .contentList-text {
    margin: 0
  }
}

@media only screen and (max-width:599px) {
  .content-list .contentList-image, .content-list .contentList-text {
    width: 100%
  }
}

.content-list .contentList-item::before, .content-list .contentList-item::after {
  content: "";
  display: table
}

.content-list .contentList-item::after {
  clear: both
}

.content-list .contentList-item::after {
  border-bottom: 1px solid #c4c4cd;
  width: 66.66667%;
  display: block;
  margin: auto
}

@media only screen and (max-width:1199px) {
  .content-list .contentList-item::after {
    width: 100%
  }
}

.content-list .contentList-item:last-child::after {
  border-bottom: none
}

.content-list .page {
  display: none
}

.content-list .page.is-active {
  display: block
}

.content-list .pagination {
  margin-bottom: 20px
}

.content-list .news {
  padding: 20px 0 0;
  color: #2e2e38;
  margin: 0 0 20px
}

.content-list .news::after {
  padding-top: 40px
}

.content-list .news .contentList-image {
  padding-left: 8px
}

@media only screen and (max-width:599px) {
  .content-list .news .contentList-image {
    padding-left: 0;
    margin-bottom: 10px
  }
}

.content-list .news .contentList-text {
  padding-right: 8px;
  overflow: hidden
}

@media only screen and (max-width:599px) {
  .content-list .news .contentList-text {
    padding-right: 0
  }
}

.content-list .news .contentList-heading {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 36px;
  font-weight: 400;
  color: #2e2e38;
  margin: 0 0 10px;
  display: inline-block
}

.content-list .news .contentList-heading .hyperlink-text-link {
  font-weight: 400
}

@media only screen and (max-width:899px) {
  .content-list .news .contentList-heading {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 32px
  }
}

.content-list .news .contentList-subheading {
  line-height: 24px;
  margin: 0 0 20px
}

@media only screen and (max-width:899px) {
  .content-list .news .contentList-subheading {
    display: none !important
  }
}

.content-list .news .contentList-details {
  line-height: 24px
}

.content-list .news .contentList-details .optional-details-block {
  white-space: nowrap;
  border-left: 1px solid #2e2e38;
  margin-left: 5px;
  margin-left: -10px;
  padding-left: 10px;
  padding-right: 15px
}

.content-list .news .contentList-details .contentList-author {
  font-weight: 700
}

.content-list .contact {
  padding: 20px 0 0
}

.content-list .contact::after {
  padding-top: 20px
}

.content-list .contact .contentList-photo {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: none;
  background-position: center;
  background-size: cover;
  margin-left: auto
}

@media only screen and (max-width:599px) {
  .content-list .contact .contentList-photo {
    margin-left: 0
  }
}

.content-list .contact .contentList-name {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  display: inline-block;
  margin: 20px 0 5px;
  font-weight: 400
}

.content-list .contact .contentList-job-title {
  line-height: 24px;
  margin: 0 0 10px;
  color: #2e2e38
}

.content-list .contact .contentList-details {
  line-height: 24px;
  margin: 0
}

.content-list .contact .contentList-divider {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  width: 66.66667%;
  margin: 20px 16.66667% 40px
}

@media only screen and (max-width:1199px) {
  .content-list .contact .contentList-divider {
    width: 100%;
    margin: 20px 0 40px
  }
}

@media only screen and (max-width:899px) {
  .content-list .contact .contentList-divider {
    margin: 0 0 20px
  }
}

@media only screen and (max-width:599px) {
  .content-list .contact .contentList-divider {
    margin: 10px 0 20px
  }
}

.dataVisualization {
  margin-bottom: 0
}

.box-full-width .dataVisualization {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .box-full-width .dataVisualization {
    width: 100%;
    left: auto
  }
}

.box-full-width .dataVisualization>.component-content, .box-full-width .dataVisualization>.row {
  padding: 0 68px
}

@media print {
  .box-full-width .dataVisualization>.component-content, .box-full-width .dataVisualization>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .box-full-width .dataVisualization {
    width: calc(100% + 104px);
    left: -52px
  }

  .box-full-width .dataVisualization>.component-content, .box-full-width .dataVisualization>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .box-full-width .dataVisualization {
    width: calc(100% + 72px);
    left: -36px
  }

  .box-full-width .dataVisualization>.component-content, .box-full-width .dataVisualization>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .box-full-width .dataVisualization {
    width: calc(100% + 24px);
    left: -12px
  }

  .box-full-width .dataVisualization>.component-content, .box-full-width .dataVisualization>.row {
    padding: 0 18px
  }
}

.eventListManual .event-presenters-button .button, .eventListAutomatic .event-presenters-button .button {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.eventListManual .event-presenters-button .button:hover, .eventListAutomatic .event-presenters-button .button:hover, .eventListManual .event-presenters-button .button:active, .eventListAutomatic .event-presenters-button .button:active {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.eventListManual .event-presenters-button .button::after, .eventListAutomatic .event-presenters-button .button::after {
  display: none
}

.eventListManual, .eventListAutomatic {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  background: #eaeaf2;
  padding-bottom: 70px;
  margin-bottom: 0
}

@media print {
  .eventListManual, .eventListAutomatic {
    width: 100%;
    left: auto
  }
}

.eventListManual>.component-content, .eventListManual>.row, .eventListAutomatic>.component-content, .eventListAutomatic>.row {
  padding: 0 68px
}

@media print {
  .eventListManual>.component-content, .eventListManual>.row, .eventListAutomatic>.component-content, .eventListAutomatic>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .eventListManual, .eventListAutomatic {
    width: calc(100% + 104px);
    left: -52px
  }

  .eventListManual>.component-content, .eventListManual>.row, .eventListAutomatic>.component-content, .eventListAutomatic>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual, .eventListAutomatic {
    width: calc(100% + 72px);
    left: -36px
  }

  .eventListManual>.component-content, .eventListManual>.row, .eventListAutomatic>.component-content, .eventListAutomatic>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual, .eventListAutomatic {
    width: calc(100% + 24px);
    left: -12px
  }

  .eventListManual>.component-content, .eventListManual>.row, .eventListAutomatic>.component-content, .eventListAutomatic>.row {
    padding: 0 18px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual, .eventListAutomatic {
    padding-bottom: 50px
  }
}

.eventListManual .eventList-wrapper, .eventListAutomatic .eventList-wrapper {
  margin: 0
}

.eventListManual .eventList-item, .eventListAutomatic .eventList-item {
  background: white;
  position: relative;
  margin-bottom: 20px
}

.eventListManual .eventList-item:last-child, .eventListAutomatic .eventList-item:last-child {
  margin-bottom: 10px
}

@media only screen and (max-width:899px) {
  .eventListManual .eventList-item:last-child, .eventListAutomatic .eventList-item:last-child {
    margin-bottom: 8px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .eventList-item:last-child, .eventListAutomatic .eventList-item:last-child {
    margin-bottom: 30px
  }
}

.eventListManual .eventList-header, .eventListAutomatic .eventList-header {
  margin: 80px 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media only screen and (max-width:599px) {
  .eventListManual .eventList-header, .eventListAutomatic .eventList-header {
    display: block
  }
}

.eventListManual .eventList-header .event-headline, .eventListAutomatic .eventList-header .event-headline {
  margin: 0
}

.eventListManual .eventList-header .event-secondary-link, .eventListAutomatic .eventList-header .event-secondary-link {
  display: inline-block;
  line-height: 22px;
  white-space: nowrap;
  margin-left: 20px;
  -ms-flex-item-align: end;
  align-self: flex-end
}

@media only screen and (max-width:599px) {
  .eventListManual .eventList-header .event-secondary-link, .eventListAutomatic .eventList-header .event-secondary-link {
    margin: 10px 0 0
  }
}

.eventListManual .event-image, .eventListAutomatic .event-image {
  position: relative;
  height: 450px
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-image, .eventListAutomatic .event-image {
    height: 350px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-image, .eventListAutomatic .event-image {
    height: 300px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-image, .eventListAutomatic .event-image {
    height: 216px
  }
}

.eventListManual img, .eventListAutomatic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block
}

.eventListManual .event-date, .eventListAutomatic .event-date {
  position: absolute;
  background: #2e2e38;
  color: white;
  top: 0;
  left: 0;
  padding: 41px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 100;
  height: 158px;
  width: 158px
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-date, .eventListAutomatic .event-date {
    width: 136px;
    height: 136px;
    padding: 36px 0 35px;
    max-width: 25%
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-date, .eventListAutomatic .event-date {
    position: relative;
    height: 112px;
    text-align: left;
    padding: 27px;
    width: 100%;
    max-width: none;
    z-index: auto
  }
}

.eventListManual .big-second-element .event-date, .eventListAutomatic .big-second-element .event-date {
  padding: 49px 0 48px
}

@media only screen and (max-width:1199px) {
  .eventListManual .big-second-element .event-date, .eventListAutomatic .big-second-element .event-date {
    padding: 43px 0 42px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .big-second-element .event-date, .eventListAutomatic .big-second-element .event-date {
    padding: 31px 27px 27px
  }
}

.eventListManual .big-second-element .event-details-date-day, .eventListAutomatic .big-second-element .event-details-date-day {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  color: #fff;
  margin-bottom: 6px
}

@media only screen and (max-width:1199px) {
  .eventListManual .big-second-element .event-details-date-day, .eventListAutomatic .big-second-element .event-details-date-day {
    margin-bottom: 1px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .big-second-element .event-details-date-day, .eventListAutomatic .big-second-element .event-details-date-day {
    line-height: 1;
    margin-bottom: 10px
  }
}

.eventListManual .big-second-element .event-details-date-month-year, .eventListAutomatic .big-second-element .event-details-date-month-year {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  color: #ffe600
}

@media only screen and (max-width:599px) {
  .eventListManual .big-second-element .event-details-date-month-year, .eventListAutomatic .big-second-element .event-details-date-month-year {
    line-height: 1
  }
}

.eventListManual .event-details-date-day, .eventListAutomatic .event-details-date-day {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  color: #ffe600;
  display: block;
  margin: 0
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-details-date-day, .eventListAutomatic .event-details-date-day {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px
  }
}

.eventListManual .event-details-date-month-year, .eventListAutomatic .event-details-date-month-year {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: block;
  clear: both
}

.eventListManual .event-content, .eventListManual .event-presenters, .eventListAutomatic .event-content, .eventListAutomatic .event-presenters {
  padding: 60px 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-content, .eventListManual .event-presenters, .eventListAutomatic .event-content, .eventListAutomatic .event-presenters {
    padding-top: 50px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-content, .eventListManual .event-presenters, .eventListAutomatic .event-content, .eventListAutomatic .event-presenters {
    padding-top: 40px;
    position: static
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-content, .eventListManual .event-presenters, .eventListAutomatic .event-content, .eventListAutomatic .event-presenters {
    padding: 31px 0 20px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-promoted .event-content, .eventListAutomatic .event-promoted .event-content {
    padding-top: 29px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-promoted .event-content, .eventListAutomatic .event-promoted .event-content {
    padding-top: 20px
  }
}

.eventListManual .event-description, .eventListManual .event-presenters-content, .eventListAutomatic .event-description, .eventListAutomatic .event-presenters-content {
  float: left;
  width: calc(75% - 8px);
  padding: 0 8.33333% 40px 16.66667%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-description, .eventListManual .event-presenters-content, .eventListAutomatic .event-description, .eventListAutomatic .event-presenters-content {
    padding-left: calc(16.66667% + 13px)
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-description, .eventListManual .event-presenters-content, .eventListAutomatic .event-description, .eventListAutomatic .event-presenters-content {
    padding-left: calc(25% + 4px);
    padding-right: 8.33333%;
    padding-bottom: 30px;
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-description, .eventListManual .event-presenters-content, .eventListAutomatic .event-description, .eventListAutomatic .event-presenters-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 27px;
    width: 100%
  }
}

.eventListManual .event-presenters-content, .eventListAutomatic .event-presenters-content {
  padding-bottom: 0
}

@media only screen and (max-width:899px) {
  .eventListManual .event-presenters-content, .eventListAutomatic .event-presenters-content {
    padding-left: 0;
    width: auto
  }
}

.eventListManual .event-details, .eventListManual .event-presenters-button, .eventListAutomatic .event-details, .eventListAutomatic .event-presenters-button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  width: calc(16.66667% + 8px);
  padding: 0 0 0 20px;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.eventListManual .event-details>[class^='event-'], .eventListManual .event-presenters-button>[class^='event-'], .eventListAutomatic .event-details>[class^='event-'], .eventListAutomatic .event-presenters-button>[class^='event-'] {
  padding-left: 32px;
  margin-bottom: 20px
}

@media only screen and (min-width:900px) {
  .eventListManual .event-details>[class^='event-']:last-of-type, .eventListManual .event-presenters-button>[class^='event-']:last-of-type, .eventListAutomatic .event-details>[class^='event-']:last-of-type, .eventListAutomatic .event-presenters-button>[class^='event-']:last-of-type {
    margin-bottom: 40px
  }
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-details>[class^='event-'], .eventListManual .event-presenters-button>[class^='event-'], .eventListAutomatic .event-details>[class^='event-'], .eventListAutomatic .event-presenters-button>[class^='event-'] {
    padding-left: 0
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-details>[class^='event-']:last-of-type, .eventListManual .event-presenters-button>[class^='event-']:last-of-type, .eventListAutomatic .event-details>[class^='event-']:last-of-type, .eventListAutomatic .event-presenters-button>[class^='event-']:last-of-type {
    margin-bottom: 0
  }
}

.eventListManual .event-details>[class^='event-'] .event-details-label::after, .eventListManual .event-presenters-button>[class^='event-'] .event-details-label::after, .eventListAutomatic .event-details>[class^='event-'] .event-details-label::after, .eventListAutomatic .event-presenters-button>[class^='event-'] .event-details-label::after {
  content: '';
  display: block;
  width: 21px;
  height: 18px;
  position: absolute;
  left: -35px;
  top: 3px
}

@media only screen and (max-width:899px) {
  .eventListManual .event-details>[class^='event-'] .event-details-label::after, .eventListManual .event-presenters-button>[class^='event-'] .event-details-label::after, .eventListAutomatic .event-details>[class^='event-'] .event-details-label::after, .eventListAutomatic .event-presenters-button>[class^='event-'] .event-details-label::after {
    left: -43px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-details>[class^='event-'] .event-details-label::after, .eventListManual .event-presenters-button>[class^='event-'] .event-details-label::after, .eventListAutomatic .event-details>[class^='event-'] .event-details-label::after, .eventListAutomatic .event-presenters-button>[class^='event-'] .event-details-label::after {
    left: 0
  }
}

.eventListManual .event-details, .eventListAutomatic .event-details {
  padding-top: 15px
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-details, .eventListAutomatic .event-details {
    padding-top: 6px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-details, .eventListAutomatic .event-details {
    float: right;
    width: 33.33333%;
    padding-right: 8.33333%;
    padding-bottom: 94px;
    padding-left: 0
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-details, .eventListAutomatic .event-details {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 27px;
    width: 100%
  }
}

.eventListManual .event-details .event-time, .eventListManual .event-details .event-duration, .eventListAutomatic .event-details .event-time, .eventListAutomatic .event-details .event-duration {
  margin-bottom: 0
}

.eventListManual .event-duration .event-details-label::after, .eventListAutomatic .event-duration .event-details-label::after {
  background: url("/img/ic_timer_dark_grey.svg") center/contain no-repeat
}

.eventListManual .event-time .event-details-label::after, .eventListAutomatic .event-time .event-details-label::after {
  background: url("/img/ic_time_dark_grey.svg") center/contain no-repeat
}

.eventListManual .event-type-podcast .event-details-label::after, .eventListAutomatic .event-type-podcast .event-details-label::after {
  background: url("/img/ic_podcast_dark_grey.svg") center/contain no-repeat
}

.eventListManual .event-type-webcast .event-details-label::after, .eventListAutomatic .event-type-webcast .event-details-label::after {
  background: url("/img/ic_webcast_dark_grey.svg") center/contain no-repeat
}

.eventListManual .event-type-location .event-details-label::after, .eventListAutomatic .event-type-location .event-details-label::after {
  background: url("/img/ic_place_dark_grey.svg") center/contain no-repeat
}

.eventListManual .event-info-date .event-details-label::after, .eventListAutomatic .event-info-date .event-details-label::after {
  background: url("/img/ic_date_dark_grey.svg") center/contain no-repeat
}

.eventListManual .event-summary, .eventListAutomatic .event-summary {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px
}

@media only screen and (max-width:599px) {
  .eventListManual .event-summary, .eventListAutomatic .event-summary {
    display: none !important
  }
}

.eventListManual .event-details-label, .eventListAutomatic .event-details-label {
  color: #747480;
  margin-bottom: 8px;
  position: relative;
  text-transform: capitalize
}

@media only screen and (max-width:599px) {
  .eventListManual .event-details-label, .eventListAutomatic .event-details-label {
    padding-left: 35px
  }
}

.eventListManual .event-type .event-details-info, .eventListAutomatic .event-type .event-details-info {
  max-height: 44px;
  overflow: hidden
}

.eventListManual .event-type .event-details-info p, .eventListAutomatic .event-type .event-details-info p {
  margin: 0
}

.eventListManual .event-details-info, .eventListAutomatic .event-details-info {
  font-size: 0;
  font-size: 0rem;
  line-height: 0
}

.eventListManual .event-details-info>span, .eventListAutomatic .event-details-info>span {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px
}

.eventListManual .event-details-info .event-details-separator, .eventListAutomatic .event-details-info .event-details-separator {
  white-space: pre
}

.eventListManual .event-details-info .event-details-local, .eventListAutomatic .event-details-info .event-details-local {
  margin-left: 4px
}

@media only screen and (max-width:599px) {
  .eventListManual .event-details-info, .eventListAutomatic .event-details-info {
    padding-left: 35px
  }
}

.eventListManual .event-headline, .eventListAutomatic .event-headline {
  margin: 0 0 20px
}

@media only screen and (max-width:599px) {
  .eventListManual .event-headline, .eventListAutomatic .event-headline {
    margin: 0 0 30px
  }
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-description .event-headline, .eventListAutomatic .event-description .event-headline {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

.eventListManual .event-description .event-headline a, .eventListAutomatic .event-description .event-headline a {
  font-weight: 400
}

.eventListManual .event-presenters, .eventListAutomatic .event-presenters {
  clear: both;
  overflow: hidden;
  padding: 0
}

@media only screen and (max-width:899px) {
  .eventListManual .event-presenters, .eventListAutomatic .event-presenters {
    clear: none;
    float: left;
    width: 58.33333%;
    padding-right: 8px;
    padding-left: calc(25% + 4px);
    overflow: visible
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-presenters, .eventListAutomatic .event-presenters {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 27px;
    width: 100%
  }
}

.eventListManual .event-presenters .event-headline, .eventListAutomatic .event-presenters .event-headline {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  overflow: hidden;
  color: #2e2e38;
  visibility: hidden;
  height: 1px
}

.eventListManual .event-presenters .event-headline.event-headline-visible, .eventListAutomatic .event-presenters .event-headline.event-headline-visible {
  visibility: visible;
  height: auto;
  margin: 0 8.33333% 14px 16.66667%
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-presenters .event-headline.event-headline-visible, .eventListAutomatic .event-presenters .event-headline.event-headline-visible {
    margin-right: 39px;
    margin-left: calc(16.66667% + 13px);
    margin-bottom: 11px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-presenters .event-headline.event-headline-visible, .eventListAutomatic .event-presenters .event-headline.event-headline-visible {
    margin: 0 0 8px;
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-presenters .event-headline.event-headline-visible, .eventListAutomatic .event-presenters .event-headline.event-headline-visible {
    margin-top: 40px;
    margin-bottom: 14px
  }
}

.eventListManual .event-presenters .event-headline::after, .eventListAutomatic .event-presenters .event-headline::after {
  content: '';
  border-top: 1px solid #c4c4cd;
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  left: 15px;
  margin-right: -50%
}

@media only screen and (max-width:899px) {
  .eventListManual .event-presenters .event-headline::after, .eventListAutomatic .event-presenters .event-headline::after {
    display: none
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-presenters .event-headline::after, .eventListAutomatic .event-presenters .event-headline::after {
    display: inline-block
  }
}

.eventListManual .event-presenters .event-headline+.event-presenters-button, .eventListAutomatic .event-presenters .event-headline+.event-presenters-button {
  width: 91.66667%;
  padding-left: calc(75% + 8px)
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-presenters .event-headline+.event-presenters-button, .eventListAutomatic .event-presenters .event-headline+.event-presenters-button {
    width: 100%;
    padding-left: calc(75% - 18px);
    margin: 0;
    padding-right: 39px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-presenters .event-headline+.event-presenters-button, .eventListAutomatic .event-presenters .event-headline+.event-presenters-button {
    padding-right: 0;
    padding-left: calc(66.66667% + 8px)
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-presenters .event-headline+.event-presenters-button, .eventListAutomatic .event-presenters .event-headline+.event-presenters-button {
    padding-left: 0
  }
}

.eventListManual .event-presenters-item, .eventListAutomatic .event-presenters-item {
  float: left;
  width: 204px;
  margin-right: 16px
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-presenters-item, .eventListAutomatic .event-presenters-item {
    display: none
  }

  .eventListManual .event-presenters-item:first-of-type, .eventListAutomatic .event-presenters-item:first-of-type {
    display: block
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-presenters-item, .eventListAutomatic .event-presenters-item {
    width: auto
  }
}

.eventListManual .event-presenters-job, .eventListAutomatic .event-presenters-job {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  margin: 2px 0 0
}

.eventListManual .event-presenters-button, .eventListAutomatic .event-presenters-button {
  padding-bottom: 0;
  position: absolute;
  right: 8.33333%;
  bottom: 0
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-presenters-button, .eventListAutomatic .event-presenters-button {
    width: calc(25% - 21px);
    margin-left: -10px;
    padding-left: 0;
    right: 39px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .event-presenters-button, .eventListAutomatic .event-presenters-button {
    padding: 0;
    clear: both;
    position: absolute;
    bottom: 40px;
    right: 8.33333%;
    width: calc(33.33333% - 8px);
    margin-left: 0
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-presenters-button, .eventListAutomatic .event-presenters-button {
    position: relative;
    width: 100%;
    bottom: auto;
    right: auto;
    margin-top: 30px
  }
}

.eventListManual .event-presenters-button .button, .eventListAutomatic .event-presenters-button .button {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px
}

@media only screen and (min-width:900px) {
  .eventListManual .event-headline+.event-presenters-button, .eventListAutomatic .event-headline+.event-presenters-button {
    position: static
  }
}

.eventListManual .event-no-results, .eventListAutomatic .event-no-results {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  padding: 104px 0;
  text-align: center
}

@media only screen and (max-width:1199px) {
  .eventListManual .event-no-results, .eventListAutomatic .event-no-results {
    line-height: 28px;
    padding: 93px 0
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .event-no-results, .eventListAutomatic .event-no-results {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    padding: 85px 0
  }
}

.eventListManual .pagination, .eventListAutomatic .pagination {
  padding-top: 82px;
  padding-bottom: 0
}

@media only screen and (max-width:1199px) {
  .eventListManual .pagination, .eventListAutomatic .pagination {
    padding-top: 62px
  }
}

@media only screen and (max-width:899px) {
  .eventListManual .pagination, .eventListAutomatic .pagination {
    padding-top: 64px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .pagination, .eventListAutomatic .pagination {
    padding-top: 20px
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .pagination .prev, .eventListManual .pagination .next .arrow, .eventListManual .pagination .pagination-list, .eventListAutomatic .pagination .prev, .eventListAutomatic .pagination .next .arrow, .eventListAutomatic .pagination .pagination-list {
    display: none
  }
}

.eventListManual .pagination .prev, .eventListAutomatic .pagination .prev {
  height: 22px
}

.eventListManual .pagination .next, .eventListAutomatic .pagination .next {
  height: 22px
}

@media only screen and (max-width:599px) {
  .eventListManual .pagination .next, .eventListAutomatic .pagination .next {
    font-weight: 700;
    display: inline-block;
    border: 1px solid #c4c4cd;
    background-color: white;
    padding: 13px 40px;
    color: #2e2e38;
    -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
    transition: color 0.3s, background 0.3s, border 0.3s;
    height: auto;
    width: auto
  }

  .eventListManual .pagination .next:hover, .eventListAutomatic .pagination .next:hover {
    background-color: white
  }

  .eventListManual .pagination .next:active, .eventListAutomatic .pagination .next:active {
    border: 1px solid #2e2e38;
    background-color: #2e2e38;
    color: white
  }
}

@media only screen and (max-width:599px) {
  .eventListManual .pagination .next.is-disabled, .eventListAutomatic .pagination .next.is-disabled {
    display: none
  }
}

.eventListManual .pagination .next .show-more, .eventListAutomatic .pagination .next .show-more {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px
}

.eventList-item.eventList-podcast {
  background: #52a8ec
}

.eventListFilter {
  margin-bottom: 0;
  width: auto;
  min-width: 242px
}

@media only screen and (max-width:599px) {
  .eventListFilter {
    width: calc(100% + 24px);
    left: -12px;
    position: relative;
    padding-right: 0;
    padding-left: 0
  }

  .eventListFilter>.component-content, .eventListFilter>.row {
    padding: 0 18px
  }
}

.eventListFilter .component-content {
  position: relative
}

@media only screen and (max-width:599px) {
  .eventListFilter .component-content {
    padding: 0
  }
}

.eventListFilter button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 700;
  display: block;
  width: 100%;
  background: transparent;
  border: 0;
  padding: 25px 46px 24px 15px;
  text-align: right;
  color: black;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
  white-space: nowrap
}

@media only screen and (max-width:599px) {
  .eventListFilter button {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    padding-top: 19px;
    padding-right: 39px
  }
}

.eventListFilter button span:first-child {
  font-weight: 300;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  margin-right: 5px
}

@media only screen and (max-width:599px) {
  .eventListFilter button span:first-child {
    margin-right: 0
  }
}

.eventListFilter button::after {
  content: '';
  display: block;
  height: 15px;
  width: 9px;
  background: url("/img/ic_chevron_right.svg") center/100% no-repeat;
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
}

@media only screen and (max-width:599px) {
  .eventListFilter button::after {
    height: 12px;
    width: 8px;
    right: 20px;
    top: 48%
  }
}

.eventListFilter label {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 700;
  position: relative;
  display: block;
  text-align: left;
  cursor: pointer;
  color: white;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out;
  padding: 11px 47px 11px 15px;
  white-space: nowrap
}

.eventListFilter label:last-of-type {
  margin-bottom: 11px
}

@media only screen and (max-width:599px) {
  .eventListFilter label:last-of-type {
    margin-bottom: 12px
  }
}

@media only screen and (max-width:599px) {
  .eventListFilter label {
    padding: 11px 47px 11px 18px
  }
}

.eventListFilter label:hover {
  background: #1a1a24
}

@media only screen and (max-width:599px) {
  .eventListFilter label:hover {
    background: transparent
  }
}

.eventListFilter label:hover::after {
  opacity: 1
}

@media only screen and (max-width:599px) {
  .eventListFilter label:hover::after {
    opacity: 0.5
  }
}

.eventListFilter label::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  background: url("/img/radio_unchecked_white.svg") center/100% no-repeat;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out
}

@media only screen and (max-width:599px) {
  .eventListFilter label::after {
    width: 23px;
    height: 23px;
    right: 18px;
    top: 50%
  }
}

.eventListFilter input {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.eventListFilter input:first-child+label {
  padding-top: 30px;
  padding-bottom: 19px;
  margin-bottom: 13px
}

@media only screen and (max-width:599px) {
  .eventListFilter input:first-child+label {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0
  }
}

.eventListFilter input:first-child+label::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 100%;
  z-index: 105;
  pointer-events: none;
  border: 1px solid #747480;
  border-left: 0;
  border-right: 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .eventListFilter input:first-child+label::before {
    display: none
  }
}

.eventListFilter input:first-child+label::after {
  top: 30px;
  -webkit-transform: none;
  transform: none
}

@media only screen and (max-width:599px) {
  .eventListFilter input:first-child+label::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.eventListFilter input:first-child:checked+label {
  padding-top: 30px;
  padding-bottom: 19px
}

@media only screen and (max-width:599px) {
  .eventListFilter input:first-child:checked+label {
    padding-top: 11px;
    padding-bottom: 11px
  }
}

@media only screen and (max-width:599px) {
  .eventListFilter input:checked+label {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0
  }
}

.eventListFilter input:checked+label::after {
  background-image: url("/img/radio_checked_white.svg");
  opacity: 1
}

.eventListFilter .inner {
  overflow: hidden;
  color: white;
  -webkit-transition: height 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, background 0.3s ease-in-out;
  position: absolute;
  min-width: 100%;
  width: auto;
  z-index: 100
}

.eventListFilter.open button {
  background: #2e2e38;
  color: white
}

.eventListFilter.open button span:first-child {
  opacity: 1
}

.eventListFilter.open button::after {
  background: url("/img/ic_chevron_right_white.svg") center/100% no-repeat;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg)
}

.eventListFilter.dropdown-open .inner {
  background: #2e2e38
}

.eventListFilter.dropdown-open input:focus+label {
  border: 2px solid rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

.eventListFilter.dropdown-open label {
  opacity: 1
}

.eventListFilter:not(.dropdown-open) .inner {
  height: 0 !important;
  background: transparent
}

body:not(.tabbed) .eventListFilter button {
  outline: none
}

.eventListInstantSearch.component .inlineSearch-all {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .inlineSearch-all:active, .eventListInstantSearch.component .inlineSearch-all:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .eventListInstantSearch.component .inlineSearch-all, .eventListInstantSearch.component .box-dark-background .inlineSearch-all, .container-dark-background .eventListInstantSearch.component .inlineSearch-all, .eventListInstantSearch.component .container-dark-background .inlineSearch-all, .template-article .box-dark-background .eventListInstantSearch.component .inlineSearch-all, .eventListInstantSearch.component .template-article .box-dark-background .inlineSearch-all, .eventListInstantSearch.component .inlineSearch-all .better-question, .eventListInstantSearch.component .inlineSearch-all {
  color: white
}

@media print {
  .box-dark-background .eventListInstantSearch.component .inlineSearch-all, .eventListInstantSearch.component .box-dark-background .inlineSearch-all, .container-dark-background .eventListInstantSearch.component .inlineSearch-all, .eventListInstantSearch.component .container-dark-background .inlineSearch-all, .template-article .box-dark-background .eventListInstantSearch.component .inlineSearch-all, .eventListInstantSearch.component .template-article .box-dark-background .inlineSearch-all, .eventListInstantSearch.component .inlineSearch-all .better-question, .eventListInstantSearch.component .inlineSearch-all {
    color: #2e2e38
  }
}

.box-dark-background .eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .box-dark-background .inlineSearch-all:hover, .box-dark-background .eventListInstantSearch.component .inlineSearch-all:active, .eventListInstantSearch.component .box-dark-background .inlineSearch-all:active, .container-dark-background .eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .container-dark-background .inlineSearch-all:hover, .container-dark-background .eventListInstantSearch.component .inlineSearch-all:active, .eventListInstantSearch.component .container-dark-background .inlineSearch-all:active, .template-article .box-dark-background .eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .template-article .box-dark-background .inlineSearch-all:hover, .template-article .box-dark-background .eventListInstantSearch.component .inlineSearch-all:active, .eventListInstantSearch.component .template-article .box-dark-background .inlineSearch-all:active, .eventListInstantSearch.component .inlineSearch-all .better-question:hover, .eventListInstantSearch.component .inlineSearch-all .better-question:active, .eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .inlineSearch-all:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .box-dark-background .inlineSearch-all:hover, .box-dark-background .eventListInstantSearch.component .inlineSearch-all:active, .eventListInstantSearch.component .box-dark-background .inlineSearch-all:active, .container-dark-background .eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .container-dark-background .inlineSearch-all:hover, .container-dark-background .eventListInstantSearch.component .inlineSearch-all:active, .eventListInstantSearch.component .container-dark-background .inlineSearch-all:active, .template-article .box-dark-background .eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .template-article .box-dark-background .inlineSearch-all:hover, .template-article .box-dark-background .eventListInstantSearch.component .inlineSearch-all:active, .eventListInstantSearch.component .template-article .box-dark-background .inlineSearch-all:active, .eventListInstantSearch.component .inlineSearch-all .better-question:hover, .eventListInstantSearch.component .inlineSearch-all .better-question:active, .eventListInstantSearch.component .inlineSearch-all:hover, .eventListInstantSearch.component .inlineSearch-all:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.eventListInstantSearch.component {
  z-index: 200;
  padding: 0 8px 17px
}

@media only screen and (max-width:599px) {
  .eventListInstantSearch.component {
    padding: 0
  }
}

.eventListInstantSearch.component>.component-content .inlineSearch-query {
  height: 30px
}

@media only screen and (max-width:1199px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-query {
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px
  }
}

@media only screen and (max-width:599px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-query {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px
  }
}

.eventListInstantSearch.component>.component-content .inlineSearch-button {
  margin-top: 3px;
  cursor: pointer;
  font-size: 0;
  border: 0
}

@media only screen and (max-width:599px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-button {
    margin-top: 7.5px
  }
}

.eventListInstantSearch.component>.component-content .inlineSearch-dropdown {
  z-index: 100
}

.eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-dropdown-label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  padding: 24px 68px 12px;
  display: inline-block
}

@media only screen and (max-width:1199px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-dropdown-label {
    padding: 24px 60px 12px
  }
}

@media only screen and (max-width:899px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-dropdown-label {
    padding: 24px 44px 12px
  }
}

@media only screen and (max-width:599px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-dropdown-label {
    padding: 18px 18px 12px
  }
}

.eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-results li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  font-weight: 700
}

@media only screen and (max-width:599px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-results li {
    line-height: 20px
  }
}

.eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-results li a {
  padding-left: 68px;
  padding-right: 68px
}

@media only screen and (max-width:1199px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-results li a {
    padding-left: 60px;
    padding-right: 60px
  }
}

@media only screen and (max-width:899px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-results li a {
    padding-left: 44px;
    padding-right: 44px
  }
}

@media only screen and (max-width:599px) {
  .eventListInstantSearch.component>.component-content .inlineSearch-dropdown .inlineSearch-results li a {
    padding-left: 18px;
    padding-right: 18px
  }
}

.eventListInstantSearch.component>.component-content .inlineSearch-input {
  height: 30px
}

.eventListInstantSearch.component .inlineSearch-all {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  font-weight: 700;
  float: right;
  margin: 24px 68px 12px
}

@media only screen and (max-width:1199px) {
  .eventListInstantSearch.component .inlineSearch-all {
    margin: 24px 60px 12px
  }
}

@media only screen and (max-width:899px) {
  .eventListInstantSearch.component .inlineSearch-all {
    margin: 24px 44px 12px
  }
}

@media only screen and (max-width:599px) {
  .eventListInstantSearch.component .inlineSearch-all {
    display: none;
    margin: 24px 18px 12px
  }
}

.eventListInstantSearch.component .inlineSearch-all.mobile {
  display: none
}

@media only screen and (max-width:599px) {
  .eventListInstantSearch.component .inlineSearch-all.mobile {
    display: block
  }
}

.eventTile {
  visibility: hidden
}

@media only screen and (min-width:1200px) {
  .eventTile {
    position: absolute;
    width: calc(100% + 68px);
    right: -61px;
    top: -290px;
    z-index: 200;
    padding-left: 16px;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: z-index 0.6s;
    transition: z-index 0.6s
  }
}

@media only screen and (min-width:1200px) {
  .template-podcast-series-hub-template .eventTile {
    top: calc(-290px - 40px)
  }
}

.eventTile.visible {
  visibility: visible
}

.eventTile.video-play {
  z-index: 0
}

.eventTile.video-play .event-start-date-container, .eventTile.video-play .event-episodes-container {
  opacity: 0;
  visibility: hidden
}

@media only screen and (max-width:1199px) {
  .eventTile.video-play .event-start-date-container, .eventTile.video-play .event-episodes-container {
    opacity: 1;
    visibility: visible
  }
}

@media only screen and (min-width:1200px) {
  .parent-eventTile .eventTile {
    padding: 0 8px;
    width: calc(25% + 68px);
    top: 40px;
    right: -68px
  }
}

@media only screen and (max-width:1199px) {
  .eventTile {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .eventTile .component-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media only screen and (max-width:599px) {
  .eventTile .component-content {
    display: block
  }
}

.eventTile .event-start-date-container, .eventTile .event-episodes-container {
  text-align: center;
  height: 290px;
  padding: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.6s, visibility 0.6s;
  transition: opacity 0.6s, visibility 0.6s
}

@media only screen and (max-width:1199px) {
  .eventTile .event-start-date-container, .eventTile .event-episodes-container {
    height: auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-right: 8px
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-start-date-container, .eventTile .event-episodes-container {
    padding: 0
  }
}

.eventTile .event-start-date-container>.content, .eventTile .event-episodes-container>.content {
  height: 100%
}

.eventTile .event-start-date-container .event-start-date, .eventTile .event-start-date-container .event-episodes, .eventTile .event-episodes-container .event-start-date, .eventTile .event-episodes-container .event-episodes {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width:599px) {
  .eventTile .event-start-date-container .event-start-date, .eventTile .event-start-date-container .event-episodes, .eventTile .event-episodes-container .event-start-date, .eventTile .event-episodes-container .event-episodes {
    top: 0;
    -webkit-transform: none;
    transform: none;
    padding-top: 23px;
    padding-bottom: 37px
  }
}

.eventTile .event-start-date-container .event-start-date .date, .eventTile .event-start-date-container .event-start-date .episodes, .eventTile .event-start-date-container .event-episodes .date, .eventTile .event-start-date-container .event-episodes .episodes, .eventTile .event-episodes-container .event-start-date .date, .eventTile .event-episodes-container .event-start-date .episodes, .eventTile .event-episodes-container .event-episodes .date, .eventTile .event-episodes-container .event-episodes .episodes {
  font-size: 120px;
  font-size: 12rem;
  line-height: 120px;
  margin: 0
}

@media only screen and (max-width:899px) {
  .eventTile .event-start-date-container .event-start-date .date, .eventTile .event-start-date-container .event-start-date .episodes, .eventTile .event-start-date-container .event-episodes .date, .eventTile .event-start-date-container .event-episodes .episodes, .eventTile .event-episodes-container .event-start-date .date, .eventTile .event-episodes-container .event-start-date .episodes, .eventTile .event-episodes-container .event-episodes .date, .eventTile .event-episodes-container .event-episodes .episodes {
    font-size: 100px;
    font-size: 10rem;
    line-height: 120px;
    letter-spacing: -4.17px
  }
}

.eventTile .event-start-date-container .event-start-date .date span, .eventTile .event-start-date-container .event-start-date .episodes span, .eventTile .event-start-date-container .event-episodes .date span, .eventTile .event-start-date-container .event-episodes .episodes span, .eventTile .event-episodes-container .event-start-date .date span, .eventTile .event-episodes-container .event-start-date .episodes span, .eventTile .event-episodes-container .event-episodes .date span, .eventTile .event-episodes-container .event-episodes .episodes span {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  display: block
}

@media only screen and (max-width:1199px) {
  .eventTile .event-start-date-container .event-start-date .date span, .eventTile .event-start-date-container .event-start-date .episodes span, .eventTile .event-start-date-container .event-episodes .date span, .eventTile .event-start-date-container .event-episodes .episodes span, .eventTile .event-episodes-container .event-start-date .date span, .eventTile .event-episodes-container .event-start-date .episodes span, .eventTile .event-episodes-container .event-episodes .date span, .eventTile .event-episodes-container .event-episodes .episodes span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px
  }
}

@media only screen and (max-width:899px) {
  .eventTile .event-start-date-container .event-start-date .date span, .eventTile .event-start-date-container .event-start-date .episodes span, .eventTile .event-start-date-container .event-episodes .date span, .eventTile .event-start-date-container .event-episodes .episodes span, .eventTile .event-episodes-container .event-start-date .date span, .eventTile .event-episodes-container .event-start-date .episodes span, .eventTile .event-episodes-container .event-episodes .date span, .eventTile .event-episodes-container .event-episodes .episodes span {
    letter-spacing: 0
  }
}

.eventTile .event-start-date-container .event-start-date .date.big-second-element, .eventTile .event-start-date-container .event-start-date .episodes.big-second-element, .eventTile .event-start-date-container .event-episodes .date.big-second-element, .eventTile .event-start-date-container .event-episodes .episodes.big-second-element, .eventTile .event-episodes-container .event-start-date .date.big-second-element, .eventTile .event-episodes-container .event-start-date .episodes.big-second-element, .eventTile .event-episodes-container .event-episodes .date.big-second-element, .eventTile .event-episodes-container .event-episodes .episodes.big-second-element {
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px
}

@media only screen and (max-width:899px) {
  .eventTile .event-start-date-container .event-start-date .date.big-second-element, .eventTile .event-start-date-container .event-start-date .episodes.big-second-element, .eventTile .event-start-date-container .event-episodes .date.big-second-element, .eventTile .event-start-date-container .event-episodes .episodes.big-second-element, .eventTile .event-episodes-container .event-start-date .date.big-second-element, .eventTile .event-episodes-container .event-start-date .episodes.big-second-element, .eventTile .event-episodes-container .event-episodes .date.big-second-element, .eventTile .event-episodes-container .event-episodes .episodes.big-second-element {
    letter-spacing: normal
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-start-date-container .event-start-date .date.big-second-element, .eventTile .event-start-date-container .event-start-date .episodes.big-second-element, .eventTile .event-start-date-container .event-episodes .date.big-second-element, .eventTile .event-start-date-container .event-episodes .episodes.big-second-element, .eventTile .event-episodes-container .event-start-date .date.big-second-element, .eventTile .event-episodes-container .event-start-date .episodes.big-second-element, .eventTile .event-episodes-container .event-episodes .date.big-second-element, .eventTile .event-episodes-container .event-episodes .episodes.big-second-element {
    line-height: 32px;
    padding-top: 40px;
    padding-bottom: 30px
  }
}

.eventTile .event-start-date-container .event-start-date .date.big-second-element span, .eventTile .event-start-date-container .event-start-date .episodes.big-second-element span, .eventTile .event-start-date-container .event-episodes .date.big-second-element span, .eventTile .event-start-date-container .event-episodes .episodes.big-second-element span, .eventTile .event-episodes-container .event-start-date .date.big-second-element span, .eventTile .event-episodes-container .event-start-date .episodes.big-second-element span, .eventTile .event-episodes-container .event-episodes .date.big-second-element span, .eventTile .event-episodes-container .event-episodes .episodes.big-second-element span {
  font-size: 60px;
  font-size: 6rem;
  margin-top: 10px;
  line-height: 1
}

@media only screen and (max-width:1199px) {
  .eventTile .event-start-date-container .event-start-date .date.big-second-element span, .eventTile .event-start-date-container .event-start-date .episodes.big-second-element span, .eventTile .event-start-date-container .event-episodes .date.big-second-element span, .eventTile .event-start-date-container .event-episodes .episodes.big-second-element span, .eventTile .event-episodes-container .event-start-date .date.big-second-element span, .eventTile .event-episodes-container .event-start-date .episodes.big-second-element span, .eventTile .event-episodes-container .event-episodes .date.big-second-element span, .eventTile .event-episodes-container .event-episodes .episodes.big-second-element span {
    font-size: 48px;
    font-size: 4.8rem
  }
}

@media only screen and (max-width:899px) {
  .eventTile .event-start-date-container .event-start-date .date.big-second-element span, .eventTile .event-start-date-container .event-start-date .episodes.big-second-element span, .eventTile .event-start-date-container .event-episodes .date.big-second-element span, .eventTile .event-start-date-container .event-episodes .episodes.big-second-element span, .eventTile .event-episodes-container .event-start-date .date.big-second-element span, .eventTile .event-episodes-container .event-start-date .episodes.big-second-element span, .eventTile .event-episodes-container .event-episodes .date.big-second-element span, .eventTile .event-episodes-container .event-episodes .episodes.big-second-element span {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: normal
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-start-date-container .event-start-date .date.big-second-element span, .eventTile .event-start-date-container .event-start-date .episodes.big-second-element span, .eventTile .event-start-date-container .event-episodes .date.big-second-element span, .eventTile .event-start-date-container .event-episodes .episodes.big-second-element span, .eventTile .event-episodes-container .event-start-date .date.big-second-element span, .eventTile .event-episodes-container .event-start-date .episodes.big-second-element span, .eventTile .event-episodes-container .event-episodes .date.big-second-element span, .eventTile .event-episodes-container .event-episodes .episodes.big-second-element span {
    font-size: 48px;
    font-size: 4.8rem
  }
}

.eventTile .event-info-container {
  overflow: hidden;
  padding: 0 0 40px
}

@media only screen and (max-width:1199px) {
  .eventTile .event-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-info-container {
    display: block;
    padding: 0 0 40px
  }
}

.eventTile .event-info {
  padding-top: 40px;
  padding-bottom: 40px
}

@media only screen and (max-width:1199px) {
  .eventTile .event-info {
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media only screen and (max-width:899px) {
  .eventTile .event-info {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-info {
    padding: 40px 0
  }
}

@media only screen and (max-width:1199px) {
  .eventTile .event-info .event-info-content {
    padding-left: 42px
  }
}

.eventTile .event-info .supporting-text {
  line-height: 24px;
  max-height: 48px;
  overflow: hidden
}

.eventTile .event-info .supporting-text p {
  margin: 0
}

.eventTile .event-info .supporting-text a {
  font-weight: 700;
  border-bottom: 1px solid transparent
}

.eventTile .event-info .event-label {
  display: block;
  margin: 0 0 9px;
  position: relative;
  line-height: 22px
}

.eventTile .event-info .event-label::before {
  content: '';
  display: block;
  position: absolute;
  background-size: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.eventTile .event-info .event-time, .eventTile .event-info .event-presenters-organizers, .eventTile .event-info .event-date {
  line-height: 26px;
  margin: 41px 0 0
}

@media only screen and (max-width:1199px) {
  .eventTile .event-info .event-time, .eventTile .event-info .event-presenters-organizers, .eventTile .event-info .event-date {
    margin-top: 30px
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-info .event-time, .eventTile .event-info .event-presenters-organizers, .eventTile .event-info .event-date {
    margin-top: 40px
  }
}

.eventTile .event-buttons {
  text-align: center
}

@media only screen and (max-width:1199px) {
  .eventTile .event-buttons {
    padding-right: 46px
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-buttons {
    padding: 0
  }
}

@media only screen and (min-width:1200px) {
  .eventTile .event-info, .eventTile .event-buttons {
    width: 62%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-info, .eventTile .event-buttons {
    width: 83.33333%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.eventTile .event-info .event-button, .eventTile .event-buttons .event-button {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: transparent
}

.eventTile .event-info .event-button.disabled, .eventTile .event-buttons .event-button.disabled {
  opacity: 0.3;
  pointer-events: none
}

.eventTile .event-info .secondary-cta-container, .eventTile .event-buttons .secondary-cta-container {
  position: relative
}

@media only screen and (max-width:1199px) {
  .eventTile .event-info .secondary-cta-container, .eventTile .event-buttons .secondary-cta-container {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 46px 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-info .secondary-cta-container, .eventTile .event-buttons .secondary-cta-container {
    position: relative;
    padding: 0
  }
}

.eventTile .event-info .secondary-cta-container .event-secondary-link, .eventTile .event-buttons .secondary-cta-container .event-secondary-link {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  letter-spacing: -0.3px;
  display: inline-block;
  margin-top: 15px
}

@media only screen and (max-width:899px) {
  .eventTile .event-info .secondary-cta-container .event-secondary-link, .eventTile .event-buttons .secondary-cta-container .event-secondary-link {
    margin-top: 10px
  }
}

@media only screen and (max-width:599px) {
  .eventTile .event-info .secondary-cta-container .event-secondary-link, .eventTile .event-buttons .secondary-cta-container .event-secondary-link {
    margin-top: 14px
  }
}

.parent-eventTile {
  position: static
}

@media only screen and (min-width:1200px) {
  .parent-eventTile {
    min-height: 600px
  }
}

@media only screen and (max-width:1199px) {
  .eventTile .webcast .component-content, .eventTile .location .component-content {
    background: #2e2e39
  }
}

.eventTile .webcast .event-start-date-container>.content, .eventTile .location .event-start-date-container>.content {
  background: #24242e
}

.eventTile .webcast .event-start-date-container .event-start-date .date, .eventTile .location .event-start-date-container .event-start-date .date {
  color: #ffe600
}

.eventTile .webcast .event-start-date-container .event-start-date .date.big-second-element, .eventTile .location .event-start-date-container .event-start-date .date.big-second-element {
  color: #fff
}

.eventTile .webcast .event-start-date-container .event-start-date .date.big-second-element span, .eventTile .location .event-start-date-container .event-start-date .date.big-second-element span {
  color: #ffe600
}

.eventTile .webcast .event-start-date-container .event-start-date .date span, .eventTile .location .event-start-date-container .event-start-date .date span {
  color: #fff
}

.eventTile .webcast .event-info-container, .eventTile .location .event-info-container {
  background: #2e2e39
}

.eventTile .webcast .event-info, .eventTile .location .event-info {
  color: #fff
}

.eventTile .webcast .event-info .supporting-text a, .eventTile .location .event-info .supporting-text a {
  color: #fff
}

.eventTile .webcast .event-info .supporting-text a:hover, .eventTile .location .event-info .supporting-text a:hover {
  border-color: #fff
}

.eventTile .webcast .event-label, .eventTile .location .event-label {
  color: #c4c4cd
}

.eventTile .webcast .event-type::before, .eventTile .location .event-type::before {
  width: 22px;
  height: 19px;
  left: -42px;
  background: url("/img/ic_webcast_grey.svg") center no-repeat
}

.eventTile .webcast .event-time .event-label::before, .eventTile .location .event-time .event-label::before {
  width: 20px;
  height: 20px;
  left: -42px;
  background: url("/img/ic_time_grey.svg") center no-repeat
}

@media only screen and (max-width:1199px) {
  .eventTile .podcast .component-content, .eventTile .podcast-series .component-content {
    background: #f6f6fa
  }
}

.eventTile .podcast .event-start-date-container>.content, .eventTile .podcast .event-episodes-container>.content, .eventTile .podcast-series .event-start-date-container>.content, .eventTile .podcast-series .event-episodes-container>.content {
  background: #eaeaf2
}

.eventTile .podcast .event-info-container, .eventTile .podcast-series .event-info-container {
  background: #f6f6fa
}

.eventTile .podcast .event-type::before, .eventTile .podcast-series .event-type::before {
  width: 22px;
  height: 20px;
  left: -42px;
  background: url("/img/ic_podcast_small.svg") center no-repeat
}

.eventTile .podcast .event-duration .event-label::before, .eventTile .podcast-series .event-duration .event-label::before {
  width: 18px;
  height: 21px;
  left: -42px;
  background: url("/img/ic_timer.svg") center no-repeat
}

.eventTile .podcast .event-presenters-organizers .event-label::before, .eventTile .podcast-series .event-presenters-organizers .event-label::before {
  width: 16px;
  height: 16px;
  left: -42px;
  background: url("/img/ic_person.svg") center no-repeat
}

.eventTile .podcast .event-person::after, .eventTile .podcast-series .event-person::after {
  content: ','
}

.eventTile .podcast .event-person:last-child::after, .eventTile .podcast-series .event-person:last-child::after {
  display: none
}

.eventTile .location .event-location {
  margin: 0;
  line-height: 26px
}

.eventTile .location .event-location .event-label::before {
  width: 14px;
  height: 20px;
  left: -42px;
  background: url("/img/ic_place_grey.svg") center no-repeat
}

.eventTile .location .event-location .event-map-link {
  display: block
}

.eventTile .location .event-date .event-label::before {
  width: 18px;
  height: 20px;
  left: -42px;
  background: url("/img/ic_date_grey.svg") center no-repeat
}

.featureCarouselContainer {
  margin-bottom: 0
}

.featureCarouselContainer .feature-carousel {
  position: relative
}

.featureCarouselContainer .feature-carousel.has-explore-mode .carousel-nav .slider {
  opacity: 0;
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
  -webkit-transition: opacity 0.15s, -webkit-transform 0.3s 0.2s;
  transition: opacity 0.15s, -webkit-transform 0.3s 0.2s;
  transition: opacity 0.15s, transform 0.3s 0.2s;
  transition: opacity 0.15s, transform 0.3s 0.2s, -webkit-transform 0.3s 0.2s
}

.featureCarouselContainer .feature-carousel.has-explore-mode .arrows, .featureCarouselContainer .feature-carousel.has-explore-mode .featured-wrapper {
  opacity: 0
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper {
  opacity: 1;
  visibility: visible
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(1) {
  -webkit-animation: fade 0.1s ease 0s both;
  animation: fade 0.1s ease 0s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(2) {
  -webkit-animation: fade 0.1s ease 0.1s both;
  animation: fade 0.1s ease 0.1s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(3) {
  -webkit-animation: fade 0.1s ease 0.2s both;
  animation: fade 0.1s ease 0.2s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(4) {
  -webkit-animation: fade 0.1s ease 0.3s both;
  animation: fade 0.1s ease 0.3s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(5) {
  -webkit-animation: fade 0.1s ease 0.4s both;
  animation: fade 0.1s ease 0.4s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(6) {
  -webkit-animation: fade 0.1s ease 0.5s both;
  animation: fade 0.1s ease 0.5s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(7) {
  -webkit-animation: fade 0.1s ease 0.6s both;
  animation: fade 0.1s ease 0.6s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(8) {
  -webkit-animation: fade 0.1s ease 0.7s both;
  animation: fade 0.1s ease 0.7s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(9) {
  -webkit-animation: fade 0.1s ease 0.8s both;
  animation: fade 0.1s ease 0.8s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(10) {
  -webkit-animation: fade 0.1s ease 0.9s both;
  animation: fade 0.1s ease 0.9s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(11) {
  -webkit-animation: fade 0.1s ease 1s both;
  animation: fade 0.1s ease 1s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(12) {
  -webkit-animation: fade 0.1s ease 1.1s both;
  animation: fade 0.1s ease 1.1s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(13) {
  -webkit-animation: fade 0.1s ease 1.2s both;
  animation: fade 0.1s ease 1.2s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(14) {
  -webkit-animation: fade 0.1s ease 1.3s both;
  animation: fade 0.1s ease 1.3s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(15) {
  -webkit-animation: fade 0.1s ease 1.4s both;
  animation: fade 0.1s ease 1.4s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(16) {
  -webkit-animation: fade 0.1s ease 1.5s both;
  animation: fade 0.1s ease 1.5s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(17) {
  -webkit-animation: fade 0.1s ease 1.6s both;
  animation: fade 0.1s ease 1.6s both
}

.featureCarouselContainer .feature-carousel.has-explore-mode .explore-wrapper .explore-list-wrapper .explore-list-item:nth-child(18) {
  -webkit-animation: fade 0.1s ease 1.7s both;
  animation: fade 0.1s ease 1.7s both
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list {
    padding: 95px 0 !important
  }
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active~.featureCarouselStatementItem {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
  }
}

@media only screen and (max-width:899px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

.featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active .title {
  -webkit-transform: scale(0.7) translateY(-60px);
  transform: scale(0.7) translateY(-60px)
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active .title {
    -webkit-transform: scale(0.75) translateY(-50px);
    transform: scale(0.75) translateY(-50px)
  }
}

@media only screen and (max-width:899px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active .title {
    -webkit-transform: scale(0.7) translateY(-45px);
    transform: scale(0.7) translateY(-45px)
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active .title {
    -webkit-transform: scale(0.65) translateY(-55px);
    transform: scale(0.65) translateY(-55px)
  }
}

.featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active .subtitle {
  bottom: -15px
}

@media only screen and (max-width:899px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active .subtitle {
    bottom: -20px
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active .subtitle {
    bottom: -35px
  }
}

.featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active.single-line .title {
  -webkit-transform: scale(0.9) translateY(-40px);
  transform: scale(0.9) translateY(-40px)
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active.single-line .title {
    -webkit-transform: scale(0.85) translateY(-35px);
    transform: scale(0.85) translateY(-35px)
  }
}

@media only screen and (max-width:899px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active.single-line .title {
    -webkit-transform: scale(0.85) translateY(-25px);
    transform: scale(0.85) translateY(-25px)
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active.single-line .title {
    -webkit-transform: scale(0.8) translateY(-25px);
    transform: scale(0.8) translateY(-25px)
  }
}

.featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active.single-line .subtitle {
  bottom: 0
}

@media only screen and (max-width:899px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active.single-line .subtitle {
    bottom: -10px
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel.is-statement .carousel-nav .slick-list .featureCarouselStatementItem.is-active.single-line .subtitle {
    bottom: -35px
  }
}

.featureCarouselContainer .feature-carousel .carousel-wrapper {
  height: 812px;
  overflow: hidden
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-wrapper {
    height: 564px
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .carousel-wrapper {
    height: 540px
  }
}

.featureCarouselContainer .feature-carousel .carousel-wrapper.has-6 .carousel-nav .slick-list {
  padding: 90px 0 0 !important;
  margin-top: 40px
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-wrapper.has-6 .carousel-nav .slick-list {
    padding: 50px 0 !important;
    margin-top: 0;
    max-height: 340px
  }
}

.featureCarouselContainer .feature-carousel .carousel-wrapper.has-5 .carousel-nav .slick-list, .featureCarouselContainer .feature-carousel .carousel-wrapper.has-3 .carousel-nav .slick-list {
  padding: 70px 0 0 !important
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-wrapper.has-5 .carousel-nav .slick-list, .featureCarouselContainer .feature-carousel .carousel-wrapper.has-3 .carousel-nav .slick-list {
    padding: 50px 0 !important;
    max-height: 290px
  }
}

.featureCarouselContainer .feature-carousel .carousel-wrapper.has-4 .carousel-nav .slick-list, .featureCarouselContainer .feature-carousel .carousel-wrapper.has-2 .carousel-nav .slick-list {
  padding: 0 0 75px !important
}

.featureCarouselContainer .feature-carousel .carousel-wrapper.has-2 .carousel-nav .slick-list {
  padding: 20px 0 75px !important
}

.featureCarouselContainer .feature-carousel .carousel-wrapper.has-1 .arrows {
  display: none
}

.featureCarouselContainer .feature-carousel .carousel-nav {
  z-index: 115;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 33.33333%
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-nav {
    max-width: 50%
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .carousel-nav {
    max-width: 91.66667%
  }
}

.featureCarouselContainer .feature-carousel .carousel-nav .slider {
  margin: 0;
  position: relative;
  overflow: hidden;
  z-index: 105;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s
}

.featureCarouselContainer .feature-carousel .carousel-nav .slick-list {
  position: relative;
  max-height: 505px;
  padding: 150px 0 0 !important;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .slick-list {
    max-height: 380px;
    padding: 110px 0 50px !important
  }
}

.featureCarouselContainer .feature-carousel .carousel-nav .slick-track {
  overflow-y: hidden
}

.featureCarouselContainer .feature-carousel .carousel-nav .title {
  font-size: 46px;
  font-size: 4.6rem;
  line-height: 55px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: white;
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  opacity: 0.6;
  display: inline-block !important
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .title {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 46px
  }
}

@media only screen and (max-width:899px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px
  }
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem {
  position: relative;
  padding: 0;
  margin: 0;
  float: none;
  clear: left;
  border: 0;
  max-width: 100%;
  height: 70px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem {
    height: 50px
  }
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem img, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem img {
  display: none
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active~.featureCarouselTopicItem, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active~.featureCarouselStatementItem, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active~.featureCarouselTopicItem, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active~.featureCarouselStatementItem {
  -webkit-transform: translateY(40px);
  transform: translateY(40px)
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active .nav-item, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active .nav-item {
  display: block;
  -webkit-transform: translateY(20px) !important;
  transform: translateY(20px) !important
}

@media only screen and (max-width:899px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active .nav-item, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active .nav-item {
    max-height: 50px
  }
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active .title, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active .title {
  position: relative;
  pointer-events: none;
  cursor: default;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 1;
  -webkit-transform: scale(0.8) translateY(-45px);
  transform: scale(0.8) translateY(-45px);
  white-space: normal;
  overflow: hidden;
  display: -webkit-box !important
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active .explore-button, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active .subtitle, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active .explore-button, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active .subtitle {
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active .explore-button, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active .subtitle, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active .explore-button, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active .subtitle {
    bottom: -5px
  }
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active.single-line .title, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active.single-line .title {
  -webkit-transform: scale(0.9) translateY(-25px);
  transform: scale(0.9) translateY(-25px)
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active.single-line .explore-button, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active.single-line .explore-button {
  bottom: 15px
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem.is-active.single-line .explore-button, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem.is-active.single-line .explore-button {
    bottom: 5px
  }
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem .nav-item, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem .explore-button, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem .explore-button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  font-weight: 700;
  float: left;
  clear: both;
  color: white;
  visibility: hidden;
  position: absolute;
  left: 0;
  opacity: 0;
  white-space: nowrap;
  max-width: calc(100% - 35px);
  -webkit-transition: opacity 0s, visibility 0s;
  transition: opacity 0s, visibility 0s
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem .explore-button span, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem .explore-button span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem .explore-button::after, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem .explore-button::after {
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  right: -30px;
  background: url("/img/arrow.svg") no-repeat center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem .subtitle, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem .subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: white;
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: -15px;
  opacity: 0;
  max-height: 48px;
  overflow: hidden;
  -webkit-transition: opacity 0.15s, visibility 0.15s;
  transition: opacity 0.15s, visibility 0.15s
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem .subtitle, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem .subtitle {
    font-size: 15px;
    font-size: 1.5rem;
    bottom: -20px
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselTopicItem .subtitle, .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem .subtitle {
    font-size: 16px;
    font-size: 1.6rem;
    bottom: -40px;
    height: 72px;
    max-height: 72px
  }
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .carousel-nav .featureCarouselStatementItem {
    height: 60px
  }
}

.featureCarouselContainer .feature-carousel .arrows {
  position: absolute;
  bottom: 40px;
  font-size: 0;
  z-index: 120;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .arrows {
    bottom: 25px
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .arrows {
    bottom: 20px
  }
}

.featureCarouselContainer .feature-carousel .prev, .featureCarouselContainer .feature-carousel .next {
  position: static;
  width: 44px;
  height: 44px;
  display: inline-block;
  background: url("/img/button-up.svg") no-repeat center;
  overflow: hidden;
  text-indent: -100%;
  left: 0;
  right: 0;
  border: 0
}

.featureCarouselContainer .feature-carousel .prev::before, .featureCarouselContainer .feature-carousel .next::before {
  display: none
}

.featureCarouselContainer .feature-carousel .next {
  margin-left: 1px;
  background: url("/img/button-down.svg") no-repeat center
}

.featureCarouselContainer .feature-carousel .item-wrapper {
  width: calc(100% + 136px);
  height: 100%;
  position: absolute;
  top: 0;
  left: -68px;
  padding: 0;
  z-index: 100;
  opacity: 0;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s
}

.featureCarouselContainer .feature-carousel .item-wrapper.is-active {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s
}

.featureCarouselContainer .feature-carousel .item-wrapper::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.5) 100%)
}

.featureCarouselContainer .feature-carousel .item-wrapper.loading::before {
  opacity: 1
}

.featureCarouselContainer .feature-carousel .item-wrapper .image-progress-bar {
  position: absolute;
  top: 0;
  height: 10px;
  background: #ffe600;
  -webkit-transition: width ease 0.3s;
  transition: width ease 0.3s;
  width: 0;
  display: block;
  z-index: 100
}

.featureCarouselContainer .feature-carousel .featured-wrapper {
  width: 33.33333%;
  position: absolute;
  right: 0;
  bottom: 40px;
  text-align: right;
  z-index: 110;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .featured-wrapper {
    bottom: 25px
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .featured-wrapper {
    bottom: 20px
  }
}

.featureCarouselContainer .feature-carousel .featured-wrapper .featured-title, .featureCarouselContainer .feature-carousel .featured-wrapper .featured-subtitle {
  color: white;
  font-weight: 400;
  margin: 0
}

.featureCarouselContainer .feature-carousel .featured-wrapper .featured-title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: block;
  margin-bottom: 10px
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .featured-wrapper .featured-title {
    display: none
  }
}

.featureCarouselContainer .feature-carousel .featured-wrapper .featured-subtitle {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  position: relative;
  font-weight: 400;
  color: white
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .featured-wrapper .featured-subtitle {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .featured-wrapper .featured-subtitle {
    display: none
  }
}

.featureCarouselContainer .feature-carousel .featured-wrapper .featured-subtitle-mobile {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 700;
  color: white
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .featured-wrapper .featured-subtitle-mobile {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    display: block
  }
}

.featureCarouselContainer .feature-carousel .explore-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  padding: 60px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 125
}

.featureCarouselContainer .feature-carousel .explore-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% + 136px);
  height: 100%;
  top: 0;
  left: -68px;
  background-color: rgba(0, 0, 0, 0.65)
}

.featureCarouselContainer .feature-carousel .explore-wrapper .arrows {
  position: absolute;
  right: 0;
  bottom: 20px;
  font-size: 0;
  z-index: 120;
  opacity: 1;
  display: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .explore-wrapper .arrows {
    display: block
  }
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-content {
  color: white;
  position: relative
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-content a {
  color: white;
  font-weight: 700
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-content .explore-back {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  position: relative;
  display: inline-block;
  padding-left: 35px
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-content .explore-back::before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  left: 0;
  background: url("/img/arrow.svg") no-repeat center;
  background-size: 100%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-content .explore-title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 48px;
  margin: 60px 0 10px
}

@media only screen and (max-width:899px) {
  .featureCarouselContainer .feature-carousel .explore-wrapper .explore-content .explore-title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
    margin-top: 20px
  }
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-list-wrapper {
  position: relative;
  max-width: 100%;
  margin: 30px 0 0;
  padding: 40px 0 0;
  border-top: 2px solid #e9e9e9;
  overflow: hidden;
  max-height: 100%;
  list-style-type: none
}

@media only screen and (max-width:1199px) {
  .featureCarouselContainer .feature-carousel .explore-wrapper .explore-list-wrapper {
    margin-top: 20px;
    padding-top: 30px
  }
}

@media only screen and (max-width:599px) {
  .featureCarouselContainer .feature-carousel .explore-wrapper .explore-list-wrapper {
    max-width: calc(100% - 100px);
    max-height: calc(80% - 70px)
  }
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-list-wrapper .explore-list {
  position: relative;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 33%;
  list-style-type: none;
  z-index: 105
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-list-wrapper .explore-list-item {
  margin-bottom: 20px;
  padding-right: 20px;
  opacity: 0;
  color: white
}

.featureCarouselContainer .feature-carousel .explore-wrapper .explore-list-wrapper .explore-list-item a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  display: inline-block;
  color: white;
  font-weight: 700
}

.inline-resources .fileList-download-link {
  display: inline-block;
  border: 1px solid #c4c4cd;
  background-color: white;
  padding: 9px 40px;
  line-height: 24px;
  color: #2e2e38;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s
}

.mod-no-touchevents .inline-resources .fileList-download-link:hover, .inline-resources .mod-no-touchevents .fileList-download-link:hover {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.inline-resources .fileList-download-link:active {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.box-generic-content-sidebar .component+.resourceList:not(.inline-resources)::before {
  content: '';
  width: 100%;
  border-top: 1px solid #c4c4cd;
  height: 1px;
  display: block;
  position: relative;
  top: -10px
}

@media only screen and (max-width:899px) {
  .box-generic-content-sidebar .component+.resourceList:not(.inline-resources)::before {
    display: none
  }
}

.resourceList:not(.inline-resources) .fileList {
  position: relative;
  margin: 0;
  border: 1px solid #c4c4cd;
  border-bottom: 0
}

.resourceList:not(.inline-resources) .resourceList-heading {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
  padding: 11px;
  position: relative;
  cursor: pointer
}

.resourceList:not(.inline-resources) .resourceList-heading::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  right: 15px;
  top: 50%;
  background: url("/img/add.svg") no-repeat center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.resourceList:not(.inline-resources) .is-active .resourceList-list {
  border-color: #c4c4cd;
  border-top: 1px solid #c4c4cd
}

.resourceList:not(.inline-resources) .is-active .resourceList-heading {
  background: #eaeaf2
}

.resourceList:not(.inline-resources) .is-active .resourceList-heading::after {
  background: url("/img/remove.svg") no-repeat center
}

.resourceList:not(.inline-resources) .resourceList-list {
  position: absolute;
  top: 44px;
  left: -1px;
  width: calc(100% + 2px);
  height: 0;
  list-style: none;
  padding: 0 12px;
  margin: 0;
  border: 1px solid #c4c4cd;
  border-top: 0;
  -webkit-transition: height 0.5s, margin 0.5s;
  transition: height 0.5s, margin 0.5s;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  z-index: 200
}

.resourceList:not(.inline-resources) .resourceList-list .fileList-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 0 0 3px
}

.resourceList:not(.inline-resources) .resourceList-list .resourceList-content-wrapper {
  margin: 12px 0 15px
}

.resourceList:not(.inline-resources) .resourceList-list .fileList-download {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}

.resourceList:not(.inline-resources) .resourceList-list .fileList-download .fileList-download-link {
  color: #2e2e38;
  font-weight: 400
}

.resourceList:not(.inline-resources) .resourceList-list .fileList-download .fileList-download-size {
  color: #747480
}

.inline-resources {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .inline-resources {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.inline-resources .component {
  margin: 0;
  padding: 50px 0;
  border-top: 1px solid #c4c4cd;
  border-bottom: 1px solid #c4c4cd
}

@media only screen and (max-width:599px) {
  .inline-resources .component {
    padding: 30px 0
  }
}

.inline-resources .resourceList-heading {
  display: none
}

.inline-resources .resourceList-list {
  padding: 0;
  list-style: none;
  margin: 0
}

.inline-resources .fileList-file:not(:first-child) {
  display: none
}

.inline-resources .fileList-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  width: 62.5%;
  display: inline-block;
  margin: 0;
  padding: 7px 0
}

@media only screen and (max-width:1199px) {
  .inline-resources .fileList-title {
    width: 60%
  }
}

@media only screen and (max-width:899px) {
  .inline-resources .fileList-title {
    width: 58.33333%
  }
}

@media only screen and (max-width:599px) {
  .inline-resources .fileList-title {
    width: 100%;
    text-align: center;
    padding: 0 0 30px
  }
}

.inline-resources .fileList-download {
  float: right;
  cursor: pointer
}

@media only screen and (max-width:599px) {
  .inline-resources .fileList-download {
    float: none
  }
}

.inline-resources .fileList-download-link {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.86;
  padding: 8px 40px
}

@media only screen and (max-width:599px) {
  .inline-resources .fileList-download-link {
    width: 100%;
    padding: 11px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
  }
}

.inline-resources .fileList-download-link:hover .fileList-download-link, .inline-resources .fileList-download-link:active .fileList-download-link {
  color: #fff
}

.inline-resources .more-title {
  display: none
}

.inline-resources .fileList-extension {
  font-weight: 700;
  text-transform: uppercase
}

.nestedTile-parsys .inline-resources {
  padding: 0
}

.nestedTile-parsys .inline-resources .fileList {
  padding: 30px 0 0;
  border-bottom: none
}

.nestedTile-parsys .inline-resources .fileList-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  display: block;
  float: none;
  width: auto;
  padding: 0;
  margin-bottom: 20px
}

.nestedTile-parsys .inline-resources .fileList-download {
  display: block;
  float: none
}

.nestedTile-parsys .inline-resources .fileList-download .fileList-download-link {
  display: block;
  text-align: center
}

.form {
  background-color: #2e2e38;
  color: white;
  padding: 0;
  margin-bottom: 0
}

.form.default-style {
  margin: 30px 0
}

@media only screen and (max-width:599px) {
  .form.default-style {
    margin: 25px 0
  }
}

.form>.component-content {
  padding: 50px 20px
}

.form .form-heading {
  padding-top: 0;
  margin-top: 0
}

.form .form-element:not(.hiddenField):not(.formButton) {
  margin-bottom: 40px
}

.form .hiddenField {
  margin: 0
}

.form .hiddenField+.richText p:first-child {
  padding-top: 0;
  margin-top: 0
}

.form .form-recaptcha {
  display: inline-block
}

.form .formContent {
  margin: 0
}

.form .formContent>.component {
  padding: 0
}

.form .formButton {
  margin-bottom: 0
}

.form .richText-content {
  font-size: 14px;
  font-size: 1.4rem;
  color: #cfcfcf
}

.form .selectField .control-label {
  display: none
}

.form .textField .control-group, .form .textArea .control-group {
  position: relative
}

.form .textField .control-group .control-label, .form .textArea .control-group .control-label {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  background: transparent;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  top: 26px;
  right: 10px;
  max-width: 598px;
  left: 1px;
  padding: 0 0 0 20px;
  -webkit-transition: top 0.3s;
  transition: top 0.3s
}

.form .textField .control-group .control-label span, .form .textArea .control-group .control-label span {
  display: none
}

.form .textField .control-group.focused .control-label, .form .textArea .control-group.focused .control-label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  top: 9px;
  color: #c4c4cd
}

.form .textField .control-group.focused .control-label::after, .form .textArea .control-group.focused .control-label::after {
  display: none
}

.form .textField .control-group.focused input[type="text"], .form .textField .control-group.focused input[type="email"], .form .textField .control-group.focused textarea, .form .textArea .control-group.focused input[type="text"], .form .textArea .control-group.focused input[type="email"], .form .textArea .control-group.focused textarea {
  padding-top: 36px;
  padding-bottom: 15px
}

.form .checkboxField {
  position: relative
}

.form .checkboxField .controls {
  position: absolute;
  left: 0;
  top: 0
}

.form .checkboxField .control-label {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  cursor: pointer;
  left: 40px;
  width: calc(100% - 40px);
  display: block
}

.form .radioGroup .radio-group-label {
  font-size: 14px;
  font-size: 1.4rem;
  color: #cfcfcf;
  display: block;
  margin: 14px 0
}

.form .radioGroup .radio {
  position: relative;
  display: block;
  margin-bottom: 10px
}

.form .radioGroup input {
  position: absolute;
  left: 0;
  top: 0
}

.form .radioGroup .radio-label-text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 25px;
  position: relative;
  cursor: pointer;
  left: 40px;
  width: calc(100% - 40px);
  display: block
}

.form .textArea .control-group .control-label {
  top: 17px
}

.form .textArea .control-group .control-label::after {
  content: "..."
}

.form input, .form textarea, .form select {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  border: 1px solid #1a1a24;
  background: #1a1a24;
  border-radius: 0;
  outline: none;
  height: 75px;
  color: white;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%
}

.form input[type="checkbox"], .form input[type="radio"], .form textarea[type="checkbox"], .form textarea[type="radio"], .form select[type="checkbox"], .form select[type="radio"] {
  border-color: #6d6d78;
  width: 25px;
  height: 25px;
  padding: 0;
  cursor: pointer
}

.form input[type="checkbox"]:focus, .form input[type="radio"]:focus, .form textarea[type="checkbox"]:focus, .form textarea[type="radio"]:focus, .form select[type="checkbox"]:focus, .form select[type="radio"]:focus {
  padding: 0
}

.form input[type="checkbox"]:checked, .form input[type="radio"]:checked, .form textarea[type="checkbox"]:checked, .form textarea[type="radio"]:checked, .form select[type="checkbox"]:checked, .form select[type="radio"]:checked {
  background-image: url("/img/check.svg");
  background-position: center center;
  background-repeat: no-repeat
}

.form input[type="checkbox"], .form textarea[type="checkbox"], .form select[type="checkbox"] {
  width: 24px;
  height: 24px
}

.form input:focus, .form textarea:focus, .form select:focus {
  border-color: #6d6d78;
  padding-top: 34px;
  padding-bottom: 14px
}

.form input::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, .form select::-webkit-input-placeholder {
  color: transparent
}

.form input:-ms-input-placeholder, .form textarea:-ms-input-placeholder, .form select:-ms-input-placeholder {
  color: transparent
}

.form input::-ms-input-placeholder, .form textarea::-ms-input-placeholder, .form select::-ms-input-placeholder {
  color: transparent
}

.form input::placeholder, .form textarea::placeholder, .form select::placeholder {
  color: transparent
}

.form input::-ms-expand, .form textarea::-ms-expand, .form select::-ms-expand {
  display: none
}

.form textarea {
  min-height: 120px;
  max-width: 100%;
  min-width: 100%
}

.form select {
  background-image: url("/img/expand-more.svg");
  background-position: right 25px center;
  background-repeat: no-repeat;
  background-size: 25px auto
}

.form select:focus {
  padding: 20px
}

.form .button {
  background: none;
  border: 1px solid white;
  color: white;
  padding: 15px 27px;
  cursor: pointer;
  font-weight: bold;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

@media only screen and (max-width:599px) {
  .form .button[type="submit"] {
    width: 100%
  }
}

.form .button:hover, .form .button:active {
  background-color: white;
  color: #2e2e38;
  border-width: 1px
}

.form .errorMsg {
  display: none
}

.form .error input, .form .error select, .form .error textarea, .form .error .g-recaptcha, .form .error .form-recaptcha {
  border: 1px solid #f44;
  -webkit-transition: border 0.3s;
  transition: border 0.3s
}

.form .error .errorMsg {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fc2a35;
  padding: 10px 20px 0;
  display: block;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s
}

.form .error.recaptcha .errorMsg {
  display: none
}

.form.uninitialized {
  display: none
}

.globalSearch .globalSearch-button {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.globalSearch .globalSearch-button:hover, .globalSearch .globalSearch-button:active {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.globalSearch .globalSearch-button::after {
  display: none
}

.globalSearch {
  padding: 40px 47px;
  margin-top: 38px;
  margin-bottom: 30px;
  background: #f6f6fa;
  display: none
}

.globalSearch.is-visible, .emptySearchResults .globalSearch {
  display: block
}

html[lang='en-GL'] .globalSearch.is-visible, html[lang='en-GL'] .emptySearchResults .globalSearch {
  display: none
}

@media only screen and (max-width:1199px) {
  .globalSearch {
    padding: 40px 8.33333%
  }
}

@media only screen and (max-width:599px) {
  .globalSearch {
    width: calc(100% + 36px);
    left: -18px;
    position: relative;
    padding-right: 0;
    padding-left: 0
  }

  .globalSearch>.component-content, .globalSearch>.row {
    padding: 0 18px
  }
}

.globalSearch .globalSearch-headline {
  margin: 0 0 10px
}

.globalSearch .globalSearch-text {
  margin: 0 0 30px
}

.globalSearch .globalSearch-text p {
  margin: 0
}

.globalSearch .globalSearch-query-container {
  position: relative;
  margin-bottom: 30px
}

.globalSearch .globalSearch-query-container::after {
  content: '';
  width: 19px;
  height: 19px;
  background: url("/img/ic_search_grey.svg") center no-repeat;
  background-size: 100%;
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 21px
}

@media only screen and (max-width:899px) {
  .globalSearch .globalSearch-query-container::after {
    right: 27px
  }
}

@media only screen and (max-width:599px) {
  .globalSearch .globalSearch-query-container::after {
    right: 21px
  }
}

.globalSearch .globalSearch-query-container .globalSearch-query {
  width: 100%;
  height: 75px;
  padding: 0 50px 0 21px;
  font-weight: 300;
  border: 1px solid #c4c4cd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative
}

@media only screen and (max-width:899px) {
  .globalSearch .globalSearch-query-container .globalSearch-query {
    padding-right: 56px
  }
}

@media only screen and (max-width:599px) {
  .globalSearch .globalSearch-query-container .globalSearch-query {
    padding-right: 50px
  }
}

.globalSearch .globalSearch-query-container .globalSearch-query::-webkit-input-placeholder {
  color: #2e2e38
}

.globalSearch .globalSearch-query-container .globalSearch-query:-ms-input-placeholder {
  color: #2e2e38
}

.globalSearch .globalSearch-query-container .globalSearch-query::-ms-input-placeholder {
  color: #2e2e38
}

.globalSearch .globalSearch-query-container .globalSearch-query::placeholder {
  color: #2e2e38
}

.globalSearch .globalSearch-query-container .globalSearch-query:focus {
  outline: none;
  border-color: #2e2e38
}

.globalSearch .globalSearch-button {
  line-height: 22px;
  cursor: pointer;
  background: transparent
}

@media only screen and (max-width:599px) {
  .globalSearch .globalSearch-button {
    width: 100%
  }
}

.headlineTitle {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 60px;
  margin: 15px 0 30px
}

@media only screen and (max-width:1199px) {
  .headlineTitle {
    margin: 13px 0 30px
  }
}

@media only screen and (max-width:899px) {
  .headlineTitle {
    font-size: 40px;
    font-size: 4rem;
    line-height: 52px;
    margin: 21px 0 30px
  }
}

@media only screen and (max-width:599px) {
  .headlineTitle {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 46px;
    margin: 15px 0
  }
}

.headlineTitle .title-property-value {
  margin: 0
}

@media only screen and (max-width:1199px) {
  .headlineTitle .title-property-value {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px
  }
}

@media only screen and (max-width:899px) {
  .headlineTitle .title-property-value {
    font-size: 40px;
    font-size: 4rem;
    line-height: 52px
  }
}

@media only screen and (max-width:599px) {
  .headlineTitle .title-property-value {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 46px
  }
}

@charset "UTF-8";

.heroBannerPeopleProfile, .heroBannerLiteProfile {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
  color: white
}

@media print {
  .heroBannerPeopleProfile, .heroBannerLiteProfile {
    width: 100%;
    left: auto
  }
}

.heroBannerPeopleProfile>.component-content, .heroBannerPeopleProfile>.row, .heroBannerLiteProfile>.component-content, .heroBannerLiteProfile>.row {
  padding: 0 68px
}

@media print {
  .heroBannerPeopleProfile>.component-content, .heroBannerPeopleProfile>.row, .heroBannerLiteProfile>.component-content, .heroBannerLiteProfile>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile, .heroBannerLiteProfile {
    width: calc(100% + 104px);
    left: -52px
  }

  .heroBannerPeopleProfile>.component-content, .heroBannerPeopleProfile>.row, .heroBannerLiteProfile>.component-content, .heroBannerLiteProfile>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile, .heroBannerLiteProfile {
    width: calc(100% + 72px);
    left: -36px
  }

  .heroBannerPeopleProfile>.component-content, .heroBannerPeopleProfile>.row, .heroBannerLiteProfile>.component-content, .heroBannerLiteProfile>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile, .heroBannerLiteProfile {
    width: calc(100% + 24px);
    left: -12px
  }

  .heroBannerPeopleProfile>.component-content, .heroBannerPeopleProfile>.row, .heroBannerLiteProfile>.component-content, .heroBannerLiteProfile>.row {
    padding: 0 18px
  }
}

.heroBannerPeopleProfile.fixed-component, .heroBannerLiteProfile.fixed-component {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .heroBannerPeopleProfile.fixed-component, .heroBannerLiteProfile.fixed-component {
    width: 100%;
    left: auto
  }
}

.heroBannerPeopleProfile.fixed-component>.component-content, .heroBannerPeopleProfile.fixed-component>.row, .heroBannerLiteProfile.fixed-component>.component-content, .heroBannerLiteProfile.fixed-component>.row {
  padding: 0 68px
}

@media print {
  .heroBannerPeopleProfile.fixed-component>.component-content, .heroBannerPeopleProfile.fixed-component>.row, .heroBannerLiteProfile.fixed-component>.component-content, .heroBannerLiteProfile.fixed-component>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile.fixed-component, .heroBannerLiteProfile.fixed-component {
    width: calc(100% + 120px);
    left: -60px
  }

  .heroBannerPeopleProfile.fixed-component>.component-content, .heroBannerPeopleProfile.fixed-component>.row, .heroBannerLiteProfile.fixed-component>.component-content, .heroBannerLiteProfile.fixed-component>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile.fixed-component, .heroBannerLiteProfile.fixed-component {
    width: calc(100% + 88px);
    left: -44px
  }

  .heroBannerPeopleProfile.fixed-component>.component-content, .heroBannerPeopleProfile.fixed-component>.row, .heroBannerLiteProfile.fixed-component>.component-content, .heroBannerLiteProfile.fixed-component>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile.fixed-component, .heroBannerLiteProfile.fixed-component {
    width: calc(100% + 36px);
    left: -18px
  }

  .heroBannerPeopleProfile.fixed-component>.component-content, .heroBannerPeopleProfile.fixed-component>.row, .heroBannerLiteProfile.fixed-component>.component-content, .heroBannerLiteProfile.fixed-component>.row {
    padding: 0 18px
  }
}

.heroBannerPeopleProfile>.hero-banner, .heroBannerLiteProfile>.hero-banner {
  margin-bottom: 0;
  background-color: #2e2e38
}

.heroBannerPeopleProfile .richText-content, .heroBannerLiteProfile .richText-content {
  background: #2e2e38;
  padding: 40px 68px 55px
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .richText-content, .heroBannerLiteProfile .richText-content {
    padding: 20px 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .richText-content, .heroBannerLiteProfile .richText-content {
    padding: 20px 18px
  }
}

.heroBannerPeopleProfile .richText-content .component-content, .heroBannerLiteProfile .richText-content .component-content {
  max-width: 1920px;
  margin: 0 8px;
  padding: 0 16.66667% 0 25%
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .richText-content .component-content, .heroBannerLiteProfile .richText-content .component-content {
    padding: 0
  }
}

.heroBannerPeopleProfile .richText-content .name h1, .heroBannerLiteProfile .richText-content .name h1 {
  margin: 0;
  color: white
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .richText-content .name h1, .heroBannerLiteProfile .richText-content .name h1 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32px
  }
}

.heroBannerPeopleProfile .richText-content .job-title, .heroBannerLiteProfile .richText-content .job-title {
  color: #ffe600;
  line-height: 2;
  margin-bottom: 10px
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .richText-content .job-title, .heroBannerLiteProfile .richText-content .job-title {
    line-height: 21px;
    margin-top: 3px
  }
}

.heroBannerPeopleProfile .richText-content .introductory-text p, .heroBannerLiteProfile .richText-content .introductory-text p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  margin: 0
}

.heroBannerLiteProfile .richText-content .component-content {
  padding: 0;
  margin: 0
}

.heroBannerLiteProfile .richText-content .component-content>div:nth-child(3) {
  clear: both
}

@media only screen and (max-width:899px) {
  .heroBannerLiteProfile .richText-content .component-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media only screen and (max-width:899px) {
  .heroBannerLiteProfile .order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    float: none;
    width: 100%
  }
}

@media only screen and (max-width:899px) {
  .heroBannerLiteProfile .order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    float: none;
    width: 100%
  }
}

@media only screen and (max-width:899px) {
  .heroBannerLiteProfile .order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    float: none;
    width: 100%
  }
}

@media only screen and (max-width:899px) {
  .heroBannerLiteProfile .order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    float: none;
    width: 100%
  }
}

.heroBannerLiteProfile .hero-banner .person-image-limiter {
  width: 100%;
  max-width: 216px;
  margin-bottom: 40px
}

@media only screen and (max-width:599px) {
  .heroBannerLiteProfile .hero-banner .person-image-limiter {
    max-width: 128px;
    margin-bottom: 20px
  }
}

.heroBannerLiteProfile .hero-banner .person-image-limiter .person-image-wrapper {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 100%
}

.heroBannerLiteProfile .hero-banner .person-image-limiter .person-image-wrapper .person-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100%
}

.heroBannerLiteProfile .hero-banner .person-image-limiter .person-image-wrapper .person-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.heroBannerLiteProfile .contact-links>.component {
  margin-bottom: 30px
}

.heroBannerLiteProfile .officeLocation {
  margin: 0 0 30px
}

.heroBannerLiteProfile .officeLocation>.content {
  border-top: none;
  padding: 0;
  margin: 0
}

.heroBannerLiteProfile .heroBannerLiteProfile-readMore .richText {
  border-top: 1px solid #747480;
  padding: 30px 0 0
}

.heroBannerLiteProfile .heroBannerLiteProfile-readMore .richText .richText-content {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  padding: 0
}

.heroBannerLiteProfile .heroBannerLiteProfile-readMore .richText .richText-content h4 {
  color: white;
  margin: 0 0 20px
}

.heroBannerLiteProfile .heroBannerLiteProfile-readMore .readMore {
  margin: 15px 0 0;
  padding: 0
}

@media only screen and (max-width:899px) {
  .heroBannerLiteProfile .surfaceTags {
    border-top: 1px solid #747480;
    padding-top: 30px;
    margin-top: 30px
  }
}

.heroBannerPeopleProfile .image {
  position: relative;
  min-height: 0;
  height: 0;
  padding-bottom: 38.19444%
}

@media only screen and (max-width:1439px) {
  .heroBannerPeopleProfile .image {
    min-height: 550px;
    height: auto;
    padding-bottom: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .image {
    min-height: 420px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .image {
    min-height: 315px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .image {
    min-height: 270px
  }
}

.heroBannerPeopleProfile .image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(96.81deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(254.73deg, black 0%, transparent 100%);
  z-index: 100
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .image::before {
    background: linear-gradient(50.45deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(242.01deg, black transparent 0%, 100%)
  }
}

@media only screen and (min-width:1440px) {
  .heroBannerPeopleProfile .image picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

.heroBannerPeopleProfile .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block;
  max-height: none
}

@media only screen and (max-width:1439px) {
  .heroBannerPeopleProfile .image img {
    max-height: 550px
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .image img {
    max-height: 420px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .image img {
    max-height: 315px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .image img {
    max-height: 270px
  }
}

.heroBannerPeopleProfile .image .article-content {
  width: calc(100% - 136px);
  max-width: 1920px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: right;
  z-index: 100
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .image .article-content {
    width: calc(100% - 88px)
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .image .article-content {
    width: calc(100% - 36px)
  }
}

.heroBannerPeopleProfile .image .article-content .article-title {
  font-weight: 700
}

.heroBannerPeopleProfile .image .article-content .article-publish-date {
  font-size: 14px;
  font-size: 1.4rem
}

.heroBannerPeopleProfile .image .article-content .article-publish-date a {
  color: white;
  pointer-events: none
}

.heroBannerPeopleProfile .quote-image {
  position: relative;
  min-height: 0;
  height: 0;
  padding-bottom: 42.36111%
}

@media only screen and (max-width:1439px) {
  .heroBannerPeopleProfile .quote-image {
    min-height: 610px;
    height: auto;
    padding-bottom: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .quote-image {
    min-height: 460px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .quote-image {
    min-height: 348px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .quote-image {
    min-height: 480px;
    height: 480px
  }
}

.heroBannerPeopleProfile .quote-image::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(0, 0, 0, 0.44)));
  background: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, 0.44) 100%);
  z-index: 100
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .quote-image::before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.75)), color-stop(70%, transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, transparent 70%)
  }
}

@media only screen and (min-width:1440px) {
  .heroBannerPeopleProfile .quote-image picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

.heroBannerPeopleProfile .quote-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block;
  max-height: none
}

@media only screen and (max-width:1439px) {
  .heroBannerPeopleProfile .quote-image img {
    max-height: 610px
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .quote-image img {
    max-height: 460px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .quote-image img {
    max-height: 348px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .quote-image img {
    max-height: 480px
  }
}

.heroBannerPeopleProfile .quote-image .image-text-container {
  width: calc(100% - 136px);
  max-width: 1920px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .quote-image .image-text-container {
    width: calc(100% - 88px)
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .quote-image .image-text-container {
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    width: calc(100% - 36px)
  }
}

.heroBannerPeopleProfile .quote-image .image-text-container .image-text {
  width: 41.66667%
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .quote-image .image-text-container .image-text {
    width: 75%
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .quote-image .image-text-container .image-text {
    width: 100%
  }
}

.heroBannerPeopleProfile .quote-image .quote-content span {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 44px;
  font-family: Georgia, sans-serif;
  font-weight: 400;
  display: block;
  font-weight: 400;
  margin: 0 0 20px;
  position: relative
}

html[lang^='ja'] .heroBannerPeopleProfile .quote-image .quote-content span {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .heroBannerPeopleProfile .quote-image .quote-content span {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .quote-image .quote-content span {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .quote-image .quote-content span {
    line-height: 34px
  }
}

.heroBannerPeopleProfile .quote-image .quote-content span::before {
  font-size: 120px;
  font-size: 12rem;
  line-height: normal;
  content: "â€œ";
  color: #ffe600;
  position: absolute;
  left: -5px;
  top: -60px;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .quote-image .quote-content span::before {
    font-size: 70px;
    font-size: 7rem;
    line-height: 79px;
    top: -35px
  }
}

.heroBannerPeopleProfile .quote-image .article-content .article-title {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 22px;
  font-weight: 700
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .quote-image .article-content .article-title {
    margin-bottom: 5px
  }
}

.heroBannerPeopleProfile .quote-image .article-content .article-publish-date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 22px
}

.heroBannerPeopleProfile .quote-image .article-content .article-publish-date a {
  color: white;
  pointer-events: none
}

.heroBannerPeopleProfile .video, .heroBannerIndex .video, .heroBannerArticle .video, .brightcoveVideo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.heroBannerPeopleProfile .video.video-is-ready .video-content::before, .heroBannerIndex .video.video-is-ready .video-content::before, .heroBannerArticle .video.video-is-ready .video-content::before, .brightcoveVideo.video-is-ready .video-content::before {
  opacity: 0;
  visibility: hidden
}

.heroBannerPeopleProfile .video .video-content, .heroBannerIndex .video .video-content, .heroBannerArticle .video .video-content, .brightcoveVideo .video-content {
  position: relative;
  height: 56.3vw;
  max-height: calc(100vh - 75px);
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  overflow: hidden
}

.on-top .heroBannerPeopleProfile .video .video-content, .on-top .heroBannerIndex .video .video-content, .on-top .heroBannerArticle .video .video-content, .on-top .brightcoveVideo .video-content {
  max-height: calc(100vh - 85px)
}

.heroBannerPeopleProfile .video .video-content::before, .heroBannerIndex .video .video-content::before, .heroBannerArticle .video .video-content::before, .brightcoveVideo .video-content::before {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  content: '';
  background-color: #2e2e38;
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  max-height: calc(100vh - 75px);
  z-index: 105;
  visibility: visible;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s
}

@media print {
  .heroBannerPeopleProfile .video .video-content::before, .heroBannerIndex .video .video-content::before, .heroBannerArticle .video .video-content::before, .brightcoveVideo .video-content::before {
    width: 100%;
    left: auto
  }
}

.heroBannerPeopleProfile .video .video-content::before>.component-content, .heroBannerPeopleProfile .video .video-content::before>.row, .heroBannerIndex .video .video-content::before>.component-content, .heroBannerIndex .video .video-content::before>.row, .heroBannerArticle .video .video-content::before>.component-content, .heroBannerArticle .video .video-content::before>.row, .brightcoveVideo .video-content::before>.component-content, .brightcoveVideo .video-content::before>.row {
  padding: 0 68px
}

@media print {
  .heroBannerPeopleProfile .video .video-content::before>.component-content, .heroBannerPeopleProfile .video .video-content::before>.row, .heroBannerIndex .video .video-content::before>.component-content, .heroBannerIndex .video .video-content::before>.row, .heroBannerArticle .video .video-content::before>.component-content, .heroBannerArticle .video .video-content::before>.row, .brightcoveVideo .video-content::before>.component-content, .brightcoveVideo .video-content::before>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .video .video-content::before, .heroBannerIndex .video .video-content::before, .heroBannerArticle .video .video-content::before, .brightcoveVideo .video-content::before {
    width: calc(100% + 104px);
    left: -52px
  }

  .heroBannerPeopleProfile .video .video-content::before>.component-content, .heroBannerPeopleProfile .video .video-content::before>.row, .heroBannerIndex .video .video-content::before>.component-content, .heroBannerIndex .video .video-content::before>.row, .heroBannerArticle .video .video-content::before>.component-content, .heroBannerArticle .video .video-content::before>.row, .brightcoveVideo .video-content::before>.component-content, .brightcoveVideo .video-content::before>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .video .video-content::before, .heroBannerIndex .video .video-content::before, .heroBannerArticle .video .video-content::before, .brightcoveVideo .video-content::before {
    width: calc(100% + 72px);
    left: -36px
  }

  .heroBannerPeopleProfile .video .video-content::before>.component-content, .heroBannerPeopleProfile .video .video-content::before>.row, .heroBannerIndex .video .video-content::before>.component-content, .heroBannerIndex .video .video-content::before>.row, .heroBannerArticle .video .video-content::before>.component-content, .heroBannerArticle .video .video-content::before>.row, .brightcoveVideo .video-content::before>.component-content, .brightcoveVideo .video-content::before>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .video-content::before, .heroBannerIndex .video .video-content::before, .heroBannerArticle .video .video-content::before, .brightcoveVideo .video-content::before {
    width: calc(100% + 24px);
    left: -12px
  }

  .heroBannerPeopleProfile .video .video-content::before>.component-content, .heroBannerPeopleProfile .video .video-content::before>.row, .heroBannerIndex .video .video-content::before>.component-content, .heroBannerIndex .video .video-content::before>.row, .heroBannerArticle .video .video-content::before>.component-content, .heroBannerArticle .video .video-content::before>.row, .brightcoveVideo .video-content::before>.component-content, .brightcoveVideo .video-content::before>.row {
    padding: 0 18px
  }
}

.heroBannerPeopleProfile .video .video-js, .heroBannerIndex .video .video-js, .heroBannerArticle .video .video-js, .brightcoveVideo .video-js {
  position: static;
  width: auto;
  height: auto;
  max-height: calc(100vh - 75px);
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out
}

.on-top .heroBannerPeopleProfile .video .video-js, .on-top .heroBannerIndex .video .video-js, .on-top .heroBannerArticle .video .video-js, .on-top .brightcoveVideo .video-js {
  max-height: calc(100vh - 85px)
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .video-js, .heroBannerIndex .video .video-js, .heroBannerArticle .video .video-js, .brightcoveVideo .video-js {
    max-height: calc(100vh - 60px)
  }

  .on-top .heroBannerPeopleProfile .video .video-js, .on-top .heroBannerIndex .video .video-js, .on-top .heroBannerArticle .video .video-js, .on-top .brightcoveVideo .video-js {
    max-height: calc(100vh - 80px)
  }
}

.heroBannerPeopleProfile .video .video-js.vjs-playing+.brightcove-video-info, .heroBannerIndex .video .video-js.vjs-playing+.brightcove-video-info, .heroBannerArticle .video .video-js.vjs-playing+.brightcove-video-info, .brightcoveVideo .video-js.vjs-playing+.brightcove-video-info {
  opacity: 0;
  visibility: hidden
}

.heroBannerPeopleProfile .video .video-js.vjs-paused.vjs-has-started+.brightcove-video-info, .heroBannerIndex .video .video-js.vjs-paused.vjs-has-started+.brightcove-video-info, .heroBannerArticle .video .video-js.vjs-paused.vjs-has-started+.brightcove-video-info, .brightcoveVideo .video-js.vjs-paused.vjs-has-started+.brightcove-video-info {
  opacity: 1;
  visibility: visible
}

.heroBannerPeopleProfile .video .video-js .vjs-big-play-button, .heroBannerIndex .video .video-js .vjs-big-play-button, .heroBannerArticle .video .video-js .vjs-big-play-button, .brightcoveVideo .video-js .vjs-big-play-button {
  display: none
}

.heroBannerPeopleProfile .video .video-js .vjs-poster, .heroBannerIndex .video .video-js .vjs-poster, .heroBannerArticle .video .video-js .vjs-poster, .brightcoveVideo .video-js .vjs-poster {
  background-size: cover
}

.heroBannerPeopleProfile .video .video-js .vjs-contextmenu-ui-menu, .heroBannerIndex .video .video-js .vjs-contextmenu-ui-menu, .heroBannerArticle .video .video-js .vjs-contextmenu-ui-menu, .brightcoveVideo .video-js .vjs-contextmenu-ui-menu {
  display: none
}

.heroBannerPeopleProfile .video video, .heroBannerIndex .video video, .heroBannerArticle .video video, .brightcoveVideo video {
  position: relative;
  display: block
}

.heroBannerPeopleProfile .video .brightcove-video-info, .heroBannerIndex .video .brightcove-video-info, .heroBannerArticle .video .brightcove-video-info, .brightcoveVideo .brightcove-video-info {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 70px;
  right: 70px;
  padding-bottom: 40px;
  max-width: calc(100% - 140px);
  z-index: 110;
  -webkit-transition: opacity 0.6s, visibility 0.6s;
  transition: opacity 0.6s, visibility 0.6s;
  pointer-events: none;
  text-align: right
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .video .brightcove-video-info, .heroBannerIndex .video .brightcove-video-info, .heroBannerArticle .video .brightcove-video-info, .brightcoveVideo .brightcove-video-info {
    padding-bottom: 20px;
    left: 61px;
    right: 61px;
    max-width: calc(100% - 122px)
  }
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .video .brightcove-video-info, .heroBannerIndex .video .brightcove-video-info, .heroBannerArticle .video .brightcove-video-info, .brightcoveVideo .brightcove-video-info {
    left: 44px;
    right: 44px;
    max-width: calc(100% - 88px)
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .brightcove-video-info, .heroBannerIndex .video .brightcove-video-info, .heroBannerArticle .video .brightcove-video-info, .brightcoveVideo .brightcove-video-info {
    left: 17px;
    right: 17px;
    max-width: calc(100% - 34px)
  }
}

.nav-is-open .heroBannerPeopleProfile .video .brightcove-video-info, .nav-is-open .heroBannerIndex .video .brightcove-video-info, .nav-is-open .heroBannerArticle .video .brightcove-video-info, .nav-is-open .brightcoveVideo .brightcove-video-info {
  z-index: 100
}

.heroBannerPeopleProfile .video .brightcove-video-info.is-visible, .heroBannerIndex .video .brightcove-video-info.is-visible, .heroBannerArticle .video .brightcove-video-info.is-visible, .brightcoveVideo .brightcove-video-info.is-visible {
  opacity: 1;
  visibility: visible
}

.heroBannerPeopleProfile .video .brightcove-video-info.is-visible .brightcove-cta, .heroBannerIndex .video .brightcove-video-info.is-visible .brightcove-cta, .heroBannerArticle .video .brightcove-video-info.is-visible .brightcove-cta, .brightcoveVideo .brightcove-video-info.is-visible .brightcove-cta {
  pointer-events: all
}

.heroBannerPeopleProfile .video .brightcove-video-info *, .heroBannerIndex .video .brightcove-video-info *, .heroBannerArticle .video .brightcove-video-info *, .brightcoveVideo .brightcove-video-info * {
  color: white
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-info-area, .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta, .heroBannerIndex .video .brightcove-video-info .brightcove-info-area, .heroBannerIndex .video .brightcove-video-info .brightcove-cta, .heroBannerArticle .video .brightcove-video-info .brightcove-info-area, .heroBannerArticle .video .brightcove-video-info .brightcove-cta, .brightcoveVideo .brightcove-video-info .brightcove-info-area, .brightcoveVideo .brightcove-video-info .brightcove-cta {
  display: inline-block;
  vertical-align: middle
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-info-area, .heroBannerIndex .video .brightcove-video-info .brightcove-info-area, .heroBannerArticle .video .brightcove-video-info .brightcove-info-area, .brightcoveVideo .brightcove-video-info .brightcove-info-area {
  padding-right: 16px;
  text-align: right
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-info-area, .heroBannerIndex .video .brightcove-video-info .brightcove-info-area, .heroBannerArticle .video .brightcove-video-info .brightcove-info-area, .brightcoveVideo .brightcove-video-info .brightcove-info-area {
    max-width: 62%
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-info-area, .heroBannerIndex .video .brightcove-video-info .brightcove-info-area, .heroBannerArticle .video .brightcove-video-info .brightcove-info-area, .brightcoveVideo .brightcove-video-info .brightcove-info-area {
    max-width: calc(100% - 70px)
  }
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-info-area .brightcove-video-date, .heroBannerIndex .video .brightcove-video-info .brightcove-info-area .brightcove-video-date, .heroBannerArticle .video .brightcove-video-info .brightcove-info-area .brightcove-video-date, .brightcoveVideo .brightcove-video-info .brightcove-info-area .brightcove-video-date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  letter-spacing: -0.06px
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-info-area .brightcove-video-date, .heroBannerIndex .video .brightcove-video-info .brightcove-info-area .brightcove-video-date, .heroBannerArticle .video .brightcove-video-info .brightcove-info-area .brightcove-video-date, .brightcoveVideo .brightcove-video-info .brightcove-info-area .brightcove-video-date {
    display: none
  }
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta, .heroBannerIndex .video .brightcove-video-info .brightcove-cta, .heroBannerArticle .video .brightcove-video-info .brightcove-cta, .brightcoveVideo .brightcove-video-info .brightcove-cta {
  display: inline-block;
  line-height: 1;
  border-radius: 3px;
  padding: 18px 26px 18px 65px;
  background: #2e2e38 url("/img/video-white.svg") no-repeat 26px center;
  background-size: 27px;
  font-weight: inherit;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta:hover, .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta:active, .heroBannerIndex .video .brightcove-video-info .brightcove-cta:hover, .heroBannerIndex .video .brightcove-video-info .brightcove-cta:active, .heroBannerArticle .video .brightcove-video-info .brightcove-cta:hover, .heroBannerArticle .video .brightcove-video-info .brightcove-cta:active, .brightcoveVideo .brightcove-video-info .brightcove-cta:hover, .brightcoveVideo .brightcove-video-info .brightcove-cta:active {
  background: white url("/img/video-dark.svg") no-repeat 26px center;
  background-size: 27px
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta:hover .brightcove-cta-title, .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta:hover .brightcove-video-duration, .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta:active .brightcove-cta-title, .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta:active .brightcove-video-duration, .heroBannerIndex .video .brightcove-video-info .brightcove-cta:hover .brightcove-cta-title, .heroBannerIndex .video .brightcove-video-info .brightcove-cta:hover .brightcove-video-duration, .heroBannerIndex .video .brightcove-video-info .brightcove-cta:active .brightcove-cta-title, .heroBannerIndex .video .brightcove-video-info .brightcove-cta:active .brightcove-video-duration, .heroBannerArticle .video .brightcove-video-info .brightcove-cta:hover .brightcove-cta-title, .heroBannerArticle .video .brightcove-video-info .brightcove-cta:hover .brightcove-video-duration, .heroBannerArticle .video .brightcove-video-info .brightcove-cta:active .brightcove-cta-title, .heroBannerArticle .video .brightcove-video-info .brightcove-cta:active .brightcove-video-duration, .brightcoveVideo .brightcove-video-info .brightcove-cta:hover .brightcove-cta-title, .brightcoveVideo .brightcove-video-info .brightcove-cta:hover .brightcove-video-duration, .brightcoveVideo .brightcove-video-info .brightcove-cta:active .brightcove-cta-title, .brightcoveVideo .brightcove-video-info .brightcove-cta:active .brightcove-video-duration {
  color: #2e2e38
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta, .heroBannerIndex .video .brightcove-video-info .brightcove-cta, .heroBannerArticle .video .brightcove-video-info .brightcove-cta, .brightcoveVideo .brightcove-video-info .brightcove-cta {
    width: 45px;
    height: 45px;
    padding: 0;
    background-position: center;
    background-size: 20px
  }

  .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta:hover, .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta:active, .heroBannerIndex .video .brightcove-video-info .brightcove-cta:hover, .heroBannerIndex .video .brightcove-video-info .brightcove-cta:active, .heroBannerArticle .video .brightcove-video-info .brightcove-cta:hover, .heroBannerArticle .video .brightcove-video-info .brightcove-cta:active, .brightcoveVideo .brightcove-video-info .brightcove-cta:hover, .brightcoveVideo .brightcove-video-info .brightcove-cta:active {
    background-position: center;
    background-size: 20px
  }
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta::after, .heroBannerIndex .video .brightcove-video-info .brightcove-cta::after, .heroBannerArticle .video .brightcove-video-info .brightcove-cta::after, .brightcoveVideo .brightcove-video-info .brightcove-cta::after {
  display: none
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta .brightcove-video-duration, .heroBannerIndex .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerIndex .video .brightcove-video-info .brightcove-cta .brightcove-video-duration, .heroBannerArticle .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerArticle .video .brightcove-video-info .brightcove-cta .brightcove-video-duration, .brightcoveVideo .brightcove-video-info .brightcove-cta .brightcove-cta-title, .brightcoveVideo .brightcove-video-info .brightcove-cta .brightcove-video-duration {
  display: inline-block;
  vertical-align: middle
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta .brightcove-video-duration, .heroBannerIndex .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerIndex .video .brightcove-video-info .brightcove-cta .brightcove-video-duration, .heroBannerArticle .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerArticle .video .brightcove-video-info .brightcove-cta .brightcove-video-duration, .brightcoveVideo .brightcove-video-info .brightcove-cta .brightcove-cta-title, .brightcoveVideo .brightcove-video-info .brightcove-cta .brightcove-video-duration {
    display: none
  }
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerIndex .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerArticle .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .brightcoveVideo .brightcove-video-info .brightcove-cta .brightcove-cta-title {
  font-weight: 700
}

@media only screen and (max-width:899px) {
  .heroBannerPeopleProfile .video .brightcove-video-info .brightcove-cta .brightcove-cta-title.play, .heroBannerIndex .video .brightcove-video-info .brightcove-cta .brightcove-cta-title.play, .heroBannerArticle .video .brightcove-video-info .brightcove-cta .brightcove-cta-title.play, .brightcoveVideo .brightcove-video-info .brightcove-cta .brightcove-cta-title.play {
    display: none
  }
}

.heroBannerPeopleProfile .video .brightcove-video-info .brightcove-video-title, .heroBannerIndex .video .brightcove-video-info .brightcove-video-title, .heroBannerArticle .video .brightcove-video-info .brightcove-video-title, .brightcoveVideo .brightcove-video-info .brightcove-video-title {
  margin-bottom: 5px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.08px
}

.heroBannerPeopleProfile .video.video-is-ready .video-content, .heroBannerIndex .video.video-is-ready .video-content, .heroBannerArticle .video.video-is-ready .video-content {
  height: auto !important
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .video-content, .heroBannerIndex .video .video-content, .heroBannerArticle .video .video-content {
    height: auto;
    max-height: none
  }
}

.heroBannerPeopleProfile .video .video-js, .heroBannerIndex .video .video-js, .heroBannerArticle .video .video-js {
  -webkit-transition: height 0.4s;
  transition: height 0.4s;
  background: black
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .video-js:not(.vjs-has-started), .heroBannerIndex .video .video-js:not(.vjs-has-started), .heroBannerArticle .video .video-js:not(.vjs-has-started) {
    height: 440px !important
  }
}

.heroBannerPeopleProfile .video .video-js .vjs-tech, .heroBannerIndex .video .video-js .vjs-tech, .heroBannerArticle .video .video-js .vjs-tech {
  width: auto;
  margin: 0 auto
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .video-js .vjs-tech, .heroBannerIndex .video .video-js .vjs-tech, .heroBannerArticle .video .video-js .vjs-tech {
    -webkit-transition: left 0.4s, -webkit-transform 0.4s;
    transition: left 0.4s, -webkit-transform 0.4s;
    transition: transform 0.4s, left 0.4s;
    transition: transform 0.4s, left 0.4s, -webkit-transform 0.4s;
    height: 100%;
    width: auto
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .video .video-js.vjs-has-started::after, .heroBannerIndex .video .video-js.vjs-has-started::after, .heroBannerArticle .video .video-js.vjs-has-started::after {
    display: none
  }
}

.heroBannerPeopleProfile .video .video-js.vjs-has-started.vjs-paused~.brightcove-video-info, .heroBannerIndex .video .video-js.vjs-has-started.vjs-paused~.brightcove-video-info, .heroBannerArticle .video .video-js.vjs-has-started.vjs-paused~.brightcove-video-info {
  display: none
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .video .video-js.vjs-has-started.vjs-paused .vjs-control-bar, .heroBannerIndex .video .video-js.vjs-has-started.vjs-paused .vjs-control-bar, .heroBannerArticle .video .video-js.vjs-has-started.vjs-paused .vjs-control-bar {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .video .video-js.vjs-has-started.vjs-paused .vjs-control-bar .vjs-progress-control, .heroBannerIndex .video .video-js.vjs-has-started.vjs-paused .vjs-control-bar .vjs-progress-control, .heroBannerArticle .video .video-js.vjs-has-started.vjs-paused .vjs-control-bar .vjs-progress-control {
    pointer-events: auto;
    height: 1.5em;
    top: -1.5em
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerPeopleProfile .video .video-js.vjs-has-started .vjs-poster, .heroBannerIndex .video .video-js.vjs-has-started .vjs-poster, .heroBannerArticle .video .video-js.vjs-has-started .vjs-poster {
    display: block;
    opacity: 0
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .video .video-js:not(.vjs-has-started) {
    height: 270px !important
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .brightcove-video-info, .heroBannerArticle .brightcove-video-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media only screen and (max-width:599px) {
  .heroBannerPeopleProfile .brightcove-video-info .brightcove-info-area, .heroBannerArticle .brightcove-video-info .brightcove-info-area {
    max-width: calc(100% - 70px)
  }
}

.video-player.video-is-ready .video-content::before {
  opacity: 0;
  visibility: hidden
}

body:not(.tabbed) .video-js .vjs-control {
  outline: none
}

.heroBannerArticle, .heroBannerTechnicalContent {
  margin-bottom: 0
}

.heroBannerArticle>.component-content, .heroBannerTechnicalContent>.component-content {
  padding: 0;
  max-width: none
}

.heroBannerArticle .hero-banner, .heroBannerTechnicalContent .hero-banner {
  margin-bottom: 0
}

.heroBannerArticle .sharingUtilityBar-content, .heroBannerTechnicalContent .sharingUtilityBar-content {
  padding-top: 0
}

.heroBannerArticle.heroBannerArticle-immersive-text .video-js::after, .heroBannerArticle.heroBannerArticle-immersive-text .image-content::after, .heroBannerArticle.heroBannerTechnicalContent .video-js::after, .heroBannerArticle.heroBannerTechnicalContent .image-content::after, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .video-js::after, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .image-content::after, .heroBannerTechnicalContent.heroBannerTechnicalContent .video-js::after, .heroBannerTechnicalContent.heroBannerTechnicalContent .image-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  z-index: 100;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.heroBannerArticle.heroBannerArticle-immersive-text .video-js .article-title, .heroBannerArticle.heroBannerArticle-immersive-text .image-content .article-title, .heroBannerArticle.heroBannerTechnicalContent .video-js .article-title, .heroBannerArticle.heroBannerTechnicalContent .image-content .article-title, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .video-js .article-title, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .image-content .article-title, .heroBannerTechnicalContent.heroBannerTechnicalContent .video-js .article-title, .heroBannerTechnicalContent.heroBannerTechnicalContent .image-content .article-title {
  display: block
}

.heroBannerArticle.heroBannerArticle-immersive-text .video-js .article-title h1, .heroBannerArticle.heroBannerArticle-immersive-text .image-content .article-title h1, .heroBannerArticle.heroBannerTechnicalContent .video-js .article-title h1, .heroBannerArticle.heroBannerTechnicalContent .image-content .article-title h1, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .video-js .article-title h1, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .image-content .article-title h1, .heroBannerTechnicalContent.heroBannerTechnicalContent .video-js .article-title h1, .heroBannerTechnicalContent.heroBannerTechnicalContent .image-content .article-title h1 {
  margin: 0;
  color: white
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video-js .article-title h1, .heroBannerArticle.heroBannerArticle-immersive-text .image-content .article-title h1, .heroBannerArticle.heroBannerTechnicalContent .video-js .article-title h1, .heroBannerArticle.heroBannerTechnicalContent .image-content .article-title h1, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .video-js .article-title h1, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .image-content .article-title h1, .heroBannerTechnicalContent.heroBannerTechnicalContent .video-js .article-title h1, .heroBannerTechnicalContent.heroBannerTechnicalContent .image-content .article-title h1 {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video-js .article-title h1, .heroBannerArticle.heroBannerArticle-immersive-text .image-content .article-title h1, .heroBannerArticle.heroBannerTechnicalContent .video-js .article-title h1, .heroBannerArticle.heroBannerTechnicalContent .image-content .article-title h1, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .video-js .article-title h1, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .image-content .article-title h1, .heroBannerTechnicalContent.heroBannerTechnicalContent .video-js .article-title h1, .heroBannerTechnicalContent.heroBannerTechnicalContent .image-content .article-title h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 52px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video-js .article-title h1, .heroBannerArticle.heroBannerArticle-immersive-text .image-content .article-title h1, .heroBannerArticle.heroBannerTechnicalContent .video-js .article-title h1, .heroBannerArticle.heroBannerTechnicalContent .image-content .article-title h1, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .video-js .article-title h1, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .image-content .article-title h1, .heroBannerTechnicalContent.heroBannerTechnicalContent .video-js .article-title h1, .heroBannerTechnicalContent.heroBannerTechnicalContent .image-content .article-title h1 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px
  }
}

.heroBannerArticle.heroBannerArticle-immersive-text .image .richText-content, .heroBannerArticle.heroBannerArticle-immersive-text .video .richText-content, .heroBannerArticle.heroBannerTechnicalContent .image .richText-content, .heroBannerArticle.heroBannerTechnicalContent .video .richText-content, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .image .richText-content, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .video .richText-content, .heroBannerTechnicalContent.heroBannerTechnicalContent .image .richText-content, .heroBannerTechnicalContent.heroBannerTechnicalContent .video .richText-content {
  display: none
}

.heroBannerArticle.heroBannerArticle-immersive-text .brightcove-video-info, .heroBannerArticle.heroBannerTechnicalContent .brightcove-video-info, .heroBannerTechnicalContent.heroBannerArticle-immersive-text .brightcove-video-info, .heroBannerTechnicalContent.heroBannerTechnicalContent .brightcove-video-info {
  display: block
}

.heroBannerArticle .image-content, .heroBannerArticle .video-content, .heroBannerTechnicalContent .image-content, .heroBannerTechnicalContent .video-content {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .heroBannerArticle .image-content, .heroBannerArticle .video-content, .heroBannerTechnicalContent .image-content, .heroBannerTechnicalContent .video-content {
    width: 100%;
    left: auto
  }
}

.heroBannerArticle .image-content>.component-content, .heroBannerArticle .image-content>.row, .heroBannerArticle .video-content>.component-content, .heroBannerArticle .video-content>.row, .heroBannerTechnicalContent .image-content>.component-content, .heroBannerTechnicalContent .image-content>.row, .heroBannerTechnicalContent .video-content>.component-content, .heroBannerTechnicalContent .video-content>.row {
  padding: 0 68px
}

@media print {
  .heroBannerArticle .image-content>.component-content, .heroBannerArticle .image-content>.row, .heroBannerArticle .video-content>.component-content, .heroBannerArticle .video-content>.row, .heroBannerTechnicalContent .image-content>.component-content, .heroBannerTechnicalContent .image-content>.row, .heroBannerTechnicalContent .video-content>.component-content, .heroBannerTechnicalContent .video-content>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle .image-content, .heroBannerArticle .video-content, .heroBannerTechnicalContent .image-content, .heroBannerTechnicalContent .video-content {
    width: calc(100% + 120px);
    left: -60px
  }

  .heroBannerArticle .image-content>.component-content, .heroBannerArticle .image-content>.row, .heroBannerArticle .video-content>.component-content, .heroBannerArticle .video-content>.row, .heroBannerTechnicalContent .image-content>.component-content, .heroBannerTechnicalContent .image-content>.row, .heroBannerTechnicalContent .video-content>.component-content, .heroBannerTechnicalContent .video-content>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerArticle .image-content, .heroBannerArticle .video-content, .heroBannerTechnicalContent .image-content, .heroBannerTechnicalContent .video-content {
    width: calc(100% + 88px);
    left: -44px
  }

  .heroBannerArticle .image-content>.component-content, .heroBannerArticle .image-content>.row, .heroBannerArticle .video-content>.component-content, .heroBannerArticle .video-content>.row, .heroBannerTechnicalContent .image-content>.component-content, .heroBannerTechnicalContent .image-content>.row, .heroBannerTechnicalContent .video-content>.component-content, .heroBannerTechnicalContent .video-content>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle .image-content, .heroBannerArticle .video-content, .heroBannerTechnicalContent .image-content, .heroBannerTechnicalContent .video-content {
    width: calc(100% + 36px);
    left: -18px
  }

  .heroBannerArticle .image-content>.component-content, .heroBannerArticle .image-content>.row, .heroBannerArticle .video-content>.component-content, .heroBannerArticle .video-content>.row, .heroBannerTechnicalContent .image-content>.component-content, .heroBannerTechnicalContent .image-content>.row, .heroBannerTechnicalContent .video-content>.component-content, .heroBannerTechnicalContent .video-content>.row {
    padding: 0 18px
  }
}

.heroBannerArticle .image-content, .heroBannerTechnicalContent .image-content {
  height: 550px
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle .image-content, .heroBannerTechnicalContent .image-content {
    height: 420px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerArticle .image-content, .heroBannerTechnicalContent .image-content {
    height: 315px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle .image-content, .heroBannerTechnicalContent .image-content {
    height: 270px
  }
}

.heroBannerArticle [id^="video-container"], .heroBannerTechnicalContent [id^="video-container"] {
  position: relative !important
}

.heroBannerArticle .image-content .article-title, .heroBannerArticle .video-content .article-title, .heroBannerTechnicalContent .image-content .article-title, .heroBannerTechnicalContent .video-content .article-title {
  display: none
}

.heroBannerArticle .image img, .heroBannerTechnicalContent .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block
}

.heroBannerArticle .video .richText-content, .heroBannerTechnicalContent .video .richText-content {
  padding: 0 16.66667% 0 25%;
  margin: 0
}

@media only screen and (max-width:899px) {
  .heroBannerArticle .video .richText-content, .heroBannerTechnicalContent .video .richText-content {
    padding: 0
  }
}

.heroBannerArticle .video .richText-content .article-title, .heroBannerTechnicalContent .video .richText-content .article-title {
  max-width: 100%
}

.heroBannerArticle .richText-content, .heroBannerTechnicalContent .richText-content {
  max-width: 1920px;
  margin: 0 auto
}

.heroBannerArticle .richText-content .article-title, .heroBannerTechnicalContent .richText-content .article-title {
  display: block;
  max-width: 40%
}

@media only screen and (max-width:1799px) {
  .heroBannerArticle .richText-content .article-title, .heroBannerTechnicalContent .richText-content .article-title {
    max-width: 50%
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle .richText-content .article-title, .heroBannerTechnicalContent .richText-content .article-title {
    max-width: 75%
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle .richText-content .article-title, .heroBannerTechnicalContent .richText-content .article-title {
    max-width: 100%
  }
}

.heroBannerArticle .richText-content .article-title h1, .heroBannerTechnicalContent .richText-content .article-title h1 {
  margin: 40px 0;
  color: #2e2e38
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle .richText-content .article-title h1, .heroBannerTechnicalContent .richText-content .article-title h1 {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerArticle .richText-content .article-title h1, .heroBannerTechnicalContent .richText-content .article-title h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 52px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle .richText-content .article-title h1, .heroBannerTechnicalContent .richText-content .article-title h1 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
    margin: 20px 0 30px
  }
}

.heroBannerArticle .richText-content .article-details, .heroBannerTechnicalContent .richText-content .article-details {
  padding-bottom: 25px;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .heroBannerArticle .richText-content .article-details, .heroBannerTechnicalContent .richText-content .article-details {
    padding-bottom: 20px
  }
}

.heroBannerArticle .richText-content .article-details span, .heroBannerTechnicalContent .richText-content .article-details span {
  display: inline-block;
  float: left
}

.heroBannerArticle .richText-content .article-details span+span::before, .heroBannerTechnicalContent .richText-content .article-details span+span::before {
  content: "|";
  padding: 0 10px
}

.heroBannerArticle .richText-content .social-share-links, .heroBannerTechnicalContent .richText-content .social-share-links {
  padding-bottom: 52px;
  float: left
}

@media only screen and (max-width:899px) {
  .heroBannerArticle .richText-content .social-share-links, .heroBannerTechnicalContent .richText-content .social-share-links {
    padding-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle .richText-content .social-share-links, .heroBannerTechnicalContent .richText-content .social-share-links {
    padding-bottom: 35px
  }
}

.heroBannerArticle .richText-content .social-share-links p, .heroBannerTechnicalContent .richText-content .social-share-links p {
  margin: 0;
  float: left
}

.heroBannerArticle .richText-content .social-share-links p a, .heroBannerTechnicalContent .richText-content .social-share-links p a {
  float: left;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.heroBannerArticle .richText-content .social-share-links p a:last-child, .heroBannerTechnicalContent .richText-content .social-share-links p a:last-child {
  margin-right: 0
}

.heroBannerEvent .betterQuestionHeroBanner, .heroBannerArticle .betterQuestionHeroBanner, .heroBannerTopic .betterQuestionHeroBanner {
  position: relative
}

.heroBannerEvent .betterQuestionHeroBanner .animation-wrapper, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0;
  overflow: hidden;
  height: 610px;
  background-color: #2e2e38
}

@media print {
  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper {
    width: 100%;
    left: auto
  }
}

.heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.row {
  padding: 0 68px
}

@media print {
  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper {
    width: calc(100% + 120px);
    left: -60px
  }

  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper {
    width: calc(100% + 88px);
    left: -44px
  }

  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper {
    width: calc(100% + 36px);
    left: -18px
  }

  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper>.row, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.component-content, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper>.row {
    padding: 0 18px
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper {
    height: 576px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .betterQuestionHeroBanner .animation-wrapper, .heroBannerArticle .betterQuestionHeroBanner .animation-wrapper, .heroBannerTopic .betterQuestionHeroBanner .animation-wrapper {
    height: 440px
  }
}

.heroBannerEvent .betterQuestionHeroBanner canvas, .heroBannerArticle .betterQuestionHeroBanner canvas, .heroBannerTopic .betterQuestionHeroBanner canvas {
  width: 100%;
  height: 100%;
  pointer-events: none
}

.heroBannerEvent .betterQuestionHeroBanner .richText-content, .heroBannerArticle .betterQuestionHeroBanner .richText-content, .heroBannerTopic .betterQuestionHeroBanner .richText-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-animation: fade 2s linear 3s;
  animation: fade 2s linear 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 100;
  color: white
}

.heroBannerEvent .betterQuestionHeroBanner .richText-content .article-title, .heroBannerArticle .betterQuestionHeroBanner .richText-content .article-title, .heroBannerTopic .betterQuestionHeroBanner .richText-content .article-title {
  max-width: 66.66667%;
  margin-bottom: 58px
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .betterQuestionHeroBanner .richText-content .article-title, .heroBannerArticle .betterQuestionHeroBanner .richText-content .article-title, .heroBannerTopic .betterQuestionHeroBanner .richText-content .article-title {
    max-width: 75%;
    margin-bottom: 58px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .betterQuestionHeroBanner .richText-content .article-title, .heroBannerArticle .betterQuestionHeroBanner .richText-content .article-title, .heroBannerTopic .betterQuestionHeroBanner .richText-content .article-title {
    max-width: 83.33333%;
    margin-bottom: 43px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerEvent .betterQuestionHeroBanner .richText-content .article-title, .heroBannerArticle .betterQuestionHeroBanner .richText-content .article-title, .heroBannerTopic .betterQuestionHeroBanner .richText-content .article-title {
    max-width: 100%;
    margin-bottom: 28px
  }
}

.heroBannerEvent .betterQuestionHeroBanner .richText-content .article-title h1, .heroBannerArticle .betterQuestionHeroBanner .richText-content .article-title h1, .heroBannerTopic .betterQuestionHeroBanner .richText-content .article-title h1 {
  margin: 0
}

.heroBannerEvent .betterQuestionHeroBanner .richText-content h1, .heroBannerArticle .betterQuestionHeroBanner .richText-content h1, .heroBannerTopic .betterQuestionHeroBanner .richText-content h1 {
  color: white
}

.heroBannerEvent .betterQuestionHeroBanner .richText-content h1 a, .heroBannerArticle .betterQuestionHeroBanner .richText-content h1 a, .heroBannerTopic .betterQuestionHeroBanner .richText-content h1 a {
  color: inherit
}

.heroBannerEvent .betterQuestionHeroBanner.animate img, .heroBannerArticle .betterQuestionHeroBanner.animate img, .heroBannerTopic .betterQuestionHeroBanner.animate img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.heroBannerEvent .betterQuestionHeroBanner.show-gradient .image-frame::after, .heroBannerArticle .betterQuestionHeroBanner.show-gradient .image-frame::after, .heroBannerTopic .betterQuestionHeroBanner.show-gradient .image-frame::after {
  opacity: 1
}

.template-event-page-template .heroBannerEvent .betterQuestionHeroBanner, .template-podcast-series-hub-template .heroBannerEvent .betterQuestionHeroBanner, .template-event-page-template .heroBannerArticle .betterQuestionHeroBanner, .template-podcast-series-hub-template .heroBannerArticle .betterQuestionHeroBanner, .template-event-page-template .heroBannerTopic .betterQuestionHeroBanner, .template-podcast-series-hub-template .heroBannerTopic .betterQuestionHeroBanner {
  margin-bottom: 40px
}

@media only screen and (max-width:1199px) {
  .template-event-page-template .heroBannerEvent .betterQuestionHeroBanner, .template-podcast-series-hub-template .heroBannerEvent .betterQuestionHeroBanner, .template-event-page-template .heroBannerArticle .betterQuestionHeroBanner, .template-podcast-series-hub-template .heroBannerArticle .betterQuestionHeroBanner, .template-event-page-template .heroBannerTopic .betterQuestionHeroBanner, .template-podcast-series-hub-template .heroBannerTopic .betterQuestionHeroBanner {
    margin-bottom: 20px
  }
}

.better-question-print-images {
  display: none
}

.heroBannerArticle .copy.origin-article, .heroBannerTechnicalContent .copy.origin-article {
  border-bottom: 1px solid #c4c4cd;
  margin-bottom: 75px
}

@media only screen and (max-width:599px) {
  .heroBannerArticle .copy.origin-article, .heroBannerTechnicalContent .copy.origin-article {
    margin-bottom: 60px
  }
}

.heroBannerArticle .copy.origin-article .social-share-links, .heroBannerTechnicalContent .copy.origin-article .social-share-links {
  padding-bottom: 60px
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle .copy.origin-article .social-share-links, .heroBannerTechnicalContent .copy.origin-article .social-share-links {
    padding-bottom: 52px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerArticle .copy.origin-article .social-share-links, .heroBannerTechnicalContent .copy.origin-article .social-share-links {
    padding-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle .copy.origin-article .social-share-links, .heroBannerTechnicalContent .copy.origin-article .social-share-links {
    padding-bottom: 47px
  }
}

.heroBannerArticle .copy.origin-event .richText-content .article-title, .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title {
  max-width: none;
  padding-right: 8px
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle .copy.origin-event .richText-content .article-title, .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title {
    padding-right: 0
  }
}

.template-event-webcast-page-template .heroBannerArticle .copy.origin-event .richText-content .article-title, .template-event-podcast-page-template .heroBannerArticle .copy.origin-event .richText-content .article-title, .template-podcast-series-hub-template .heroBannerArticle .copy.origin-event .richText-content .article-title, .template-event-location-page-template .heroBannerArticle .copy.origin-event .richText-content .article-title, .template-event-webcast-page-template .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title, .template-event-podcast-page-template .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title, .template-podcast-series-hub-template .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title, .template-event-location-page-template .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title {
  max-width: 66.66667%
}

@media only screen and (max-width:1199px) {
  .template-event-webcast-page-template .heroBannerArticle .copy.origin-event .richText-content .article-title, .template-event-podcast-page-template .heroBannerArticle .copy.origin-event .richText-content .article-title, .template-podcast-series-hub-template .heroBannerArticle .copy.origin-event .richText-content .article-title, .template-event-location-page-template .heroBannerArticle .copy.origin-event .richText-content .article-title, .template-event-webcast-page-template .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title, .template-event-podcast-page-template .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title, .template-podcast-series-hub-template .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title, .template-event-location-page-template .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title {
    max-width: none
  }
}

.heroBannerArticle .copy.origin-event .richText-content .article-title h1, .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title h1 {
  margin-bottom: 0
}

.heroBannerArticle .copy.origin-event .richText-content .article-title h1, .heroBannerTechnicalContent .copy.origin-event .richText-content .article-title h1 {
  margin-bottom: 0
}

.template-event-page-template .heroBannerArticle .copy.origin-event, .template-event-page-template .heroBannerTechnicalContent .copy.origin-event {
  margin-bottom: 20px
}

@media only screen and (max-width:599px) {
  .template-event-page-template .heroBannerArticle .copy.origin-event, .template-event-page-template .heroBannerTechnicalContent .copy.origin-event {
    margin-bottom: 0
  }
}

.heroBannerArticle.heroBannerArticle-immersive-text .image, .heroBannerTechnicalContent .image {
  position: relative
}

.heroBannerArticle.heroBannerArticle-immersive-text .image .image-content, .heroBannerTechnicalContent .image .image-content {
  height: 610px
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .image .image-content, .heroBannerTechnicalContent .image .image-content {
    height: 460px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .image .image-content, .heroBannerTechnicalContent .image .image-content {
    height: 350px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .image .image-content, .heroBannerTechnicalContent .image .image-content {
    height: 480px
  }
}

.heroBannerArticle.heroBannerArticle-immersive-text .image img, .heroBannerTechnicalContent .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block
}

.heroBannerArticle.heroBannerArticle-immersive-text .image .article-title, .heroBannerTechnicalContent .image .article-title {
  position: absolute;
  max-width: 66.66667%;
  padding-bottom: 60px;
  left: 70px;
  right: 0;
  bottom: 0;
  z-index: 105
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .image .article-title, .heroBannerTechnicalContent .image .article-title {
    max-width: 100%;
    left: 60px;
    right: 60px;
    padding-bottom: 40px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .image .article-title, .heroBannerTechnicalContent .image .article-title {
    max-width: 83.33333%;
    left: 45px;
    right: 45px;
    padding-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .image .article-title, .heroBannerTechnicalContent .image .article-title {
    max-width: 100%;
    left: 20px;
    right: 20px;
    padding-bottom: 30px
  }
}

.template-event-page-template .heroBannerArticle.heroBannerArticle-immersive-text .image, .template-podcast-series-hub-template .heroBannerArticle.heroBannerArticle-immersive-text .image, .template-event-page-template .heroBannerTechnicalContent .image, .template-podcast-series-hub-template .heroBannerTechnicalContent .image {
  margin-bottom: 40px
}

@media only screen and (max-width:1199px) {
  .template-event-page-template .heroBannerArticle.heroBannerArticle-immersive-text .image, .template-podcast-series-hub-template .heroBannerArticle.heroBannerArticle-immersive-text .image, .template-event-page-template .heroBannerTechnicalContent .image, .template-podcast-series-hub-template .heroBannerTechnicalContent .image {
    margin-bottom: 20px
  }
}

.heroBannerArticle.heroBannerArticle-immersive-text .video .video-js.vjs-playing::after {
  opacity: 0;
  visibility: hidden
}

.heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info {
  max-width: 66.66667%;
  padding-bottom: 100px;
  left: 70px;
  text-align: left
}

@media only screen and (max-width:1199px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info {
    max-width: 100%;
    left: 60px;
    right: 60px;
    padding-bottom: 80px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info {
    max-width: 83.33333%;
    left: 45px;
    right: 45px;
    padding-bottom: 60px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info {
    max-width: 100%;
    left: 20px;
    right: 20px;
    padding-bottom: 25px
  }
}

.heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info .brightcove-info-area {
  display: none
}

@media only screen and (max-width:599px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info .brightcove-cta {
    width: auto;
    height: auto;
    padding: 18px 25px 18px 56px;
    background-position: left 17px center;
    background-size: 27px
  }
}

.heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info .brightcove-cta .brightcove-cta-title, .heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info .brightcove-cta .brightcove-video-duration {
  display: inline-block
}

@media only screen and (max-width:899px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info .brightcove-cta .brightcove-cta-title.play {
    display: none
  }
}

@media only screen and (max-width:599px) {
  .heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info .brightcove-cta .brightcove-cta-title.video {
    display: inline-block
  }
}

.heroBannerArticle.heroBannerArticle-immersive-text .video .brightcove-video-info .article-title {
  display: block;
  margin-bottom: 20px
}

.template-event-page-template .heroBannerArticle.heroBannerArticle-immersive-text .video, .template-podcast-series-hub-template .heroBannerArticle.heroBannerArticle-immersive-text .video {
  margin-bottom: 40px
}

@media only screen and (max-width:1199px) {
  .template-event-page-template .heroBannerArticle.heroBannerArticle-immersive-text .video, .template-podcast-series-hub-template .heroBannerArticle.heroBannerArticle-immersive-text .video {
    margin-bottom: 20px
  }
}

.heroBannerEvent {
  margin-bottom: 0
}

.heroBannerEvent .image-content {
  position: relative;
  height: 550px
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .image-content {
    height: 380px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .image-content {
    height: 290px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerEvent .image-content {
    width: calc(100% + 36px);
    left: -18px;
    height: 440px
  }
}

.heroBannerEvent .image-content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.75)), color-stop(70%, transparent));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 70%)
}

.heroBannerEvent img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block
}

.heroBannerEvent .event-date {
  position: absolute;
  background: #2e2e38;
  color: white;
  right: 8px;
  bottom: 0;
  padding: 41px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 105;
  height: 158px;
  width: 158px
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .event-date {
    width: 136px;
    height: 136px;
    padding: 36px 0 35px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerEvent .event-date {
    width: calc(100% + 36px);
    left: -18px;
    position: relative;
    right: auto;
    height: auto;
    text-align: left;
    padding: 27px 34px 20px
  }
}

.heroBannerEvent .event-date.big-second-element {
  padding: 50px 23px 57px
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .event-date.big-second-element {
    padding: 43px 12px 42px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .event-date.big-second-element {
    padding: 41px 12px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerEvent .event-date.big-second-element {
    padding: 32px 30px 27px
  }
}

.heroBannerEvent .event-date.big-second-element .event-details-date-day {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  color: #fff
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .event-date.big-second-element .event-details-date-day {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    margin-bottom: 10px
  }
}

.heroBannerEvent .event-date.big-second-element .event-details-date-month-year {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  color: #ffe600
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .event-date.big-second-element .event-details-date-month-year {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px
  }
}

.heroBannerEvent .event-details-date-day {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  color: #ffe600;
  display: block;
  margin: 0
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .event-details-date-day {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px
  }
}

.heroBannerEvent .event-details-date-month-year {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: block;
  clear: both
}

.heroBannerEvent .richText-content {
  position: absolute;
  right: 164px;
  padding: 0 30px 31px;
  bottom: 0;
  z-index: 100;
  max-width: 430px;
  text-align: right
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .richText-content {
    padding: 0 30px 22px;
    max-width: 353px;
    right: 144px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .richText-content {
    max-width: 268px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerEvent .richText-content {
    right: 0;
    left: 0;
    text-align: left;
    padding: 0 20px 40px
  }
}

.heroBannerEvent .richText-content .component-content {
  margin-bottom: 0
}

.heroBannerEvent .richText-content h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  font-weight: 300;
  margin: 0;
  color: white
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .richText-content h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px;
    margin-bottom: 12px
  }
}

.heroBannerEvent .richText-content a {
  font-weight: 300;
  margin: 0;
  color: white;
  border-bottom: 1px solid transparent;
  display: inline
}

.heroBannerEvent .richText-content a:active, .heroBannerEvent .richText-content a:hover {
  border-bottom-color: white
}

.heroBannerEvent .richText-content .event-type {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  color: white;
  text-transform: capitalize;
  padding-left: 34px;
  position: relative;
  display: inline-block
}

.heroBannerEvent .richText-content .event-type a::after {
  content: '';
  display: block;
  width: 21px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 3px
}

.heroBannerEvent .richText-content .event-type.podcast a::after {
  background: url("/img/ic_podcast.svg") center/contain no-repeat
}

.heroBannerEvent .richText-content .event-type.event a::after {
  background: url("/img/ic_insert_invitation.svg") center/contain no-repeat
}

.heroBannerEvent .richText-content .event-type.webcast a::after {
  background: url("/img/ic_webcast.svg") center/contain no-repeat
}

.heroBannerEvent .richText-content .event-type.location {
  padding-left: 24px
}

.heroBannerEvent .richText-content .event-type.location a::after {
  background: url("/img/ic_place.svg") center/contain no-repeat;
  width: 14px;
  height: 20px;
  top: 0
}

.heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .animation-wrapper {
  width: auto;
  left: 0
}

@media only screen and (max-width:599px) {
  .heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .animation-wrapper {
    width: calc(100% + 36px);
    left: -18px;
    position: relative;
    padding-right: 0;
    padding-left: 0
  }

  .heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .animation-wrapper>.component-content, .heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .animation-wrapper>.row {
    padding: 0 18px
  }
}

.heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .richText-content {
  text-align: left;
  padding-bottom: 30px;
  max-width: 393px
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .richText-content {
    max-width: 337px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .richText-content {
    max-width: 302px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .richText-content {
    max-width: 268px
  }
}

.heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .richText-content h4 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  color: white;
  margin: 0;
  margin-bottom: 10px
}

@media only screen and (max-width:1199px) {
  .heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .richText-content h4 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px
  }
}

.heroBannerEvent .betterQuestionHeroBanner.betterQuestionHeroBannerEvent .event-date {
  right: 0
}

.heroBannerIndex {
  margin-bottom: 0
}

.heroBannerIndex:hover {
  cursor: pointer
}

.video-lightbox-open .heroBannerIndex:hover {
  cursor: default
}

.heroBannerIndex>.component-content {
  padding: 0;
  max-width: none
}

.heroBannerIndex .hero-banner {
  margin-bottom: 0
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .hero-banner>.richText-content>.component-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.heroBannerIndex .hero-banner>.richText-content>.component-content .article-subheading {
  margin: 0
}

.heroBannerIndex .hero-banner>.richText-content>.component-content .article-subheading span {
  display: block
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .hero-banner>.richText-content>.component-content .article-subheading span {
    display: inline
  }
}

.heroBannerIndex .sharingUtilityBar-content {
  padding-top: 0
}

.heroBannerIndex .image-content, .heroBannerIndex .video-content {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .heroBannerIndex .image-content, .heroBannerIndex .video-content {
    width: 100%;
    left: auto
  }
}

.heroBannerIndex .image-content>.component-content, .heroBannerIndex .image-content>.row, .heroBannerIndex .video-content>.component-content, .heroBannerIndex .video-content>.row {
  padding: 0 68px
}

@media print {
  .heroBannerIndex .image-content>.component-content, .heroBannerIndex .image-content>.row, .heroBannerIndex .video-content>.component-content, .heroBannerIndex .video-content>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .image-content, .heroBannerIndex .video-content {
    width: calc(100% + 120px);
    left: -60px
  }

  .heroBannerIndex .image-content>.component-content, .heroBannerIndex .image-content>.row, .heroBannerIndex .video-content>.component-content, .heroBannerIndex .video-content>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-content, .heroBannerIndex .video-content {
    width: calc(100% + 88px);
    left: -44px
  }

  .heroBannerIndex .image-content>.component-content, .heroBannerIndex .image-content>.row, .heroBannerIndex .video-content>.component-content, .heroBannerIndex .video-content>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-content, .heroBannerIndex .video-content {
    width: calc(100% + 36px);
    left: -18px
  }

  .heroBannerIndex .image-content>.component-content, .heroBannerIndex .image-content>.row, .heroBannerIndex .video-content>.component-content, .heroBannerIndex .video-content>.row {
    padding: 0 18px
  }
}

.heroBannerIndex .image-content .article-title, .heroBannerIndex .video-content .article-title {
  display: none
}

.heroBannerIndex .image img {
  display: block;
  width: 100%
}

.heroBannerIndex .video .richText-content {
  padding: 0 16.66667% 0 25%;
  margin: 0
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .video .richText-content {
    padding: 0
  }
}

.heroBannerIndex .video .richText-content .article-title {
  max-width: 100%
}

.heroBannerIndex .richText-content {
  max-width: 1920px;
  margin: 0 auto
}

.heroBannerIndex .richText-content .article-title {
  display: block;
  max-width: 40%
}

@media only screen and (max-width:1799px) {
  .heroBannerIndex .richText-content .article-title {
    max-width: 50%
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .richText-content .article-title {
    max-width: 75%
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .richText-content .article-title {
    max-width: 100%
  }
}

.heroBannerIndex .richText-content .article-title h1 {
  margin: 40px 0;
  color: #2e2e38
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .richText-content .article-title h1 {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .richText-content .article-title h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 52px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .richText-content .article-title h1 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
    margin: 20px 0 30px
  }
}

.heroBannerIndex .richText-content .article-details {
  overflow: hidden
}

.heroBannerIndex .richText-content .article-details span {
  display: inline-block
}

.heroBannerIndex .richText-content .article-details span+span:not(.article-featured-label)::before {
  content: "|";
  padding: 0 10px
}

.heroBannerIndex .richText-content .social-share-links {
  padding-bottom: 50px;
  float: left
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .richText-content .social-share-links {
    padding-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .richText-content .social-share-links {
    padding-bottom: 35px
  }
}

.heroBannerIndex .richText-content .social-share-links p {
  margin: 0;
  float: left
}

.heroBannerIndex .richText-content .social-share-links p a {
  float: left;
  margin-right: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.heroBannerIndex .richText-content .social-share-links p a:last-child {
  margin-right: 0
}

.heroBannerIndex .image-video-header {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  background-color: #2e2e38
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header {
    height: 414px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header {
    height: 558px
  }
}

.heroBannerIndex .image-video-header.video-header {
  height: 56vw;
  max-height: calc(100vh - 75px)
}

.on-top .heroBannerIndex .image-video-header.video-header {
  max-height: calc(100vh - 85px)
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .image-video-header.video-header {
    height: 46vw
  }
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header.video-header {
    height: 57vw
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header.video-header {
    height: 540px;
    max-height: calc(100vh - 60px)
  }

  .on-top .heroBannerIndex .image-video-header.video-header {
    max-height: calc(100vh - 80px)
  }
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header.video-header .richText-content::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -68px;
    width: calc(100% + 136px);
    height: 66px;
    background: #2e2e38;
    z-index: 110;
    pointer-events: none
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header.video-header .richText-content::after {
    height: 123px
  }
}

.heroBannerIndex .image-video-header.video-is-ready .video-lightbox, .heroBannerIndex .image-video-header.video-is-ready.video .brightcove-cta {
  opacity: 1
}

.heroBannerIndex .image-video-header::before {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0;
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  background: #2e2e38;
  height: calc(100% + 5px)
}

@media print {
  .heroBannerIndex .image-video-header::before {
    width: 100%;
    left: auto
  }
}

.heroBannerIndex .image-video-header::before>.component-content, .heroBannerIndex .image-video-header::before>.row {
  padding: 0 68px
}

@media print {
  .heroBannerIndex .image-video-header::before>.component-content, .heroBannerIndex .image-video-header::before>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .image-video-header::before {
    width: calc(100% + 120px);
    left: -60px
  }

  .heroBannerIndex .image-video-header::before>.component-content, .heroBannerIndex .image-video-header::before>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header::before {
    width: calc(100% + 88px);
    left: -44px
  }

  .heroBannerIndex .image-video-header::before>.component-content, .heroBannerIndex .image-video-header::before>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header::before {
    width: calc(100% + 36px);
    left: -18px
  }

  .heroBannerIndex .image-video-header::before>.component-content, .heroBannerIndex .image-video-header::before>.row {
    padding: 0 18px
  }
}

.heroBannerIndex .image-video-header::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: -68px;
  width: calc(100% + 136px);
  height: 80%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 46, 56, 0)), to(#2e2e38));
  background: linear-gradient(180deg, rgba(46, 46, 56, 0) 0%, #2e2e38 100%);
  z-index: 110;
  pointer-events: none
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header::after {
    bottom: 66px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header::after {
    bottom: 123px
  }
}

.heroBannerIndex .image-video-header .image-content {
  position: relative;
  height: 610px
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .image-video-header .image-content {
    height: 460px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header .image-content {
    height: 348px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header .image-content {
    height: 435px
  }
}

.heroBannerIndex .image-video-header .image-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block
}

.heroBannerIndex .image-video-header .richText-content {
  position: absolute;
  padding: 0;
  left: 0;
  z-index: 100;
  color: white;
  width: 100%;
  bottom: 80px
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .image-video-header .richText-content {
    bottom: 66px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header .richText-content {
    bottom: 0
  }
}

.heroBannerIndex .image-video-header .richText-content .hero-image-video-headline {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: block;
  font-weight: 400;
  color: #ffe600;
  margin-bottom: 10px
}

.heroBannerIndex .image-video-header .richText-content .hero-image-video-subheading {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 60px;
  font-weight: 300;
  float: left
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .image-video-header .richText-content .hero-image-video-subheading {
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header .richText-content .hero-image-video-subheading {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header .richText-content .hero-image-video-subheading {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

.heroBannerIndex .image-video-header .component-content {
  max-width: 50%
}

@media only screen and (max-width:1199px) {
  .heroBannerIndex .image-video-header .component-content {
    max-width: 58.33333%
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header .component-content {
    max-width: 100%
  }
}

.heroBannerIndex .image-video-header .article-details {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
  color: white;
  text-align: right;
  width: 100%;
  max-width: 33.33333%;
  padding-right: 13px;
  border-right: 2px solid #ffe600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header .article-details {
    position: relative;
    left: 0;
    text-align: left;
    border-right: none;
    border-left: 2px solid #ffe600;
    padding-right: 0;
    padding-left: 15px;
    margin-top: 20px;
    margin-bottom: 60px;
    max-width: 58.33333%
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header .article-details {
    margin-bottom: 40px;
    max-width: 100%
  }
}

.heroBannerIndex .image-video-header .article-details a {
  color: white
}

.heroBannerIndex .image-video-header .article-details a:hover, .heroBannerIndex .image-video-header .article-details a:active {
  border-bottom: 1px solid white
}

.heroBannerIndex .image-video-header .article-details a.hover {
  border-bottom: 1px solid #fff
}

.heroBannerIndex .image-video-header .article-details .article-featured-label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: block;
  margin-bottom: 10px
}

.heroBannerIndex .image-video-header .article-details .article-title, .heroBannerIndex .image-video-header .article-details .article-publish-date {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: block;
  font-weight: 400
}

.heroBannerIndex .image-video-header .article-details .article-title {
  display: inline
}

.heroBannerIndex .image-video-header .article-details .article-publish-date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  font-weight: 300;
  margin-top: 10px
}

.heroBannerIndex .image-video-header .brightcove-cta {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  color: white;
  display: block;
  font-weight: 700;
  overflow: hidden;
  clear: both;
  float: left;
  margin: 30px 0 0;
  cursor: pointer;
  padding: 12px 26px;
  background: #2e2e38 url("/img/video-white.svg") no-repeat 26px center;
  background-size: 27px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #2e2e38
}

.heroBannerIndex .image-video-header .brightcove-cta:hover, .heroBannerIndex .image-video-header .brightcove-cta:active {
  color: #2e2e38;
  background: #fff url("/img/video-dark-grey.svg") no-repeat 26px center;
  background-size: 27px
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header .brightcove-cta {
    display: none
  }
}

.heroBannerIndex .image-video-header .brightcove-cta span {
  display: inline
}

.heroBannerIndex .image-video-header .brightcove-cta .play {
  margin-left: 39px
}

.heroBannerIndex .image-video-header .brightcove-cta .video-text {
  line-height: 22px
}

.heroBannerIndex .image-video-header .brightcove-cta .brightcove-video-duration {
  font-weight: 300
}

.heroBannerIndex .image-video-header .article-cta {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  color: white;
  margin: 36px 0 25px;
  font-weight: 700;
  display: none
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header .article-cta {
    display: inline-block
  }
}

.heroBannerIndex .image-video-header .video-content {
  display: none
}

.heroBannerIndex .image-video-header .video-content::before {
  display: none
}

.heroBannerIndex .image-video-header .video-content::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 115
}

.heroBannerIndex .image-video-header .richText-content, .heroBannerIndex .image-video-header .article-details {
  z-index: 120
}

.heroBannerIndex .image-video-header .video-lightbox {
  position: relative !important;
  width: calc(100% + 136px);
  top: 0;
  left: -68px;
  padding-right: 0;
  padding-left: 0;
  background: transparent !important;
  opacity: 0;
  -webkit-transition: background 0.4s, opacity 0.5s;
  transition: background 0.4s, opacity 0.5s;
  overflow: hidden
}

.heroBannerIndex .image-video-header .video-lightbox::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 105;
  width: 100%;
  height: 100%
}

.heroBannerIndex .image-video-header .video-lightbox>button {
  font-size: 0;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 115;
  display: none;
  background: url("/img/close.png") center/20px no-repeat;
  border: none;
  cursor: pointer
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header .video-lightbox {
    width: calc(100% + 88px);
    left: -44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header .video-lightbox {
    width: calc(100% + 36px);
    left: -18px
  }
}

.heroBannerIndex .image-video-header .video-lightbox>div {
  width: 100%;
  height: auto;
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header .video-lightbox>div {
    height: 540px;
    width: auto
  }
}

.heroBannerIndex .image-video-header .vjs-control-bar {
  display: none
}

@media only screen and (max-width:899px) {
  .heroBannerIndex .image-video-header.video .article-featured-label {
    display: block;
    clear: both;
    background: url("/img/ic_videocam.svg") left center no-repeat;
    background-size: 18px 12px;
    padding-left: 30px
  }
}

.heroBannerIndex .image-video-header.video .brightcove-cta {
  opacity: 0;
  -webkit-transition: opacity 0.3s, background-color 0.3s, color 0.3s;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s
}

@media only screen and (max-width:599px) {
  .heroBannerIndex .image-video-header.video .vjs-has-started .vjs-poster {
    display: block
  }
}

.video-lightbox-open .heroBannerIndex .image-video-header .video-lightbox {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 600;
  background: black !important;
  -webkit-transition: background 0.4s;
  transition: background 0.4s
}

.video-lightbox-open .heroBannerIndex .image-video-header .video-lightbox::after {
  display: none
}

.video-lightbox-open .heroBannerIndex .image-video-header .video-lightbox>button {
  display: block
}

.video-lightbox-open .heroBannerIndex .image-video-header .video-lightbox>div {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.video-lightbox-open .heroBannerIndex .image-video-header .video-lightbox .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.heroBannerProgramme {
  margin-bottom: 0
}

.heroBannerProgramme>.component-content {
  padding: 0;
  max-width: none
}

.heroBannerProgramme .hero-banner {
  margin-bottom: 0
}

.heroBannerProgramme .image-content {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .heroBannerProgramme .image-content {
    width: 100%;
    left: auto
  }
}

.heroBannerProgramme .image-content>.component-content, .heroBannerProgramme .image-content>.row {
  padding: 0 68px
}

@media print {
  .heroBannerProgramme .image-content>.component-content, .heroBannerProgramme .image-content>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerProgramme .image-content {
    width: calc(100% + 120px);
    left: -60px
  }

  .heroBannerProgramme .image-content>.component-content, .heroBannerProgramme .image-content>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerProgramme .image-content {
    width: calc(100% + 88px);
    left: -44px
  }

  .heroBannerProgramme .image-content>.component-content, .heroBannerProgramme .image-content>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerProgramme .image-content {
    width: calc(100% + 36px);
    left: -18px
  }

  .heroBannerProgramme .image-content>.component-content, .heroBannerProgramme .image-content>.row {
    padding: 0 18px
  }
}

.heroBannerProgramme .image img {
  display: block;
  width: 100%
}

.heroBannerProgramme .hero-link {
  position: relative
}

.heroBannerProgramme .hero-link .image-content {
  position: relative;
  height: 550px
}

@media only screen and (max-width:1199px) {
  .heroBannerProgramme .hero-link .image-content {
    height: 380px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerProgramme .hero-link .image-content {
    height: 290px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerProgramme .hero-link .image-content {
    height: 440px
  }
}

.heroBannerProgramme .hero-link .image-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 100;
  pointer-events: none
}

.heroBannerProgramme .hero-link .image-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: block
}

.heroBannerProgramme .hero-link .richText-content {
  position: absolute;
  right: 0;
  bottom: 40px;
  z-index: 105;
  text-align: right;
  color: white;
  width: 100%;
  max-width: 41.66667%
}

@media only screen and (max-width:1199px) {
  .heroBannerProgramme .hero-link .richText-content {
    max-width: 58.33333%
  }
}

@media only screen and (max-width:899px) {
  .heroBannerProgramme .hero-link .richText-content {
    max-width: 58.33333%;
    bottom: 20px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerProgramme .hero-link .richText-content {
    max-width: 100%
  }
}

.heroBannerProgramme .hero-link .richText-content .article-subheading {
  display: inline-block;
  line-height: 22px;
  font-weight: 400
}

.heroBannerProgramme .hero-link .richText-content .article-subheading.webcast, .heroBannerProgramme .hero-link .richText-content .article-subheading.podcast, .heroBannerProgramme .hero-link .richText-content .article-subheading.location {
  position: relative;
  padding-left: 30px
}

.heroBannerProgramme .hero-link .richText-content .article-subheading.webcast::before, .heroBannerProgramme .hero-link .richText-content .article-subheading.podcast::before, .heroBannerProgramme .hero-link .richText-content .article-subheading.location::before {
  content: '';
  display: block;
  position: absolute;
  background-size: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.heroBannerProgramme .hero-link .richText-content .article-subheading.webcast::before {
  width: 22px;
  height: 19px;
  background: url("/img/ic_webcast.svg") center no-repeat
}

.heroBannerProgramme .hero-link .richText-content .article-subheading.podcast::before {
  width: 22px;
  height: 20px;
  background: url("/img/ic_podcast.svg") center no-repeat
}

.heroBannerProgramme .hero-link .richText-content .article-subheading.location {
  padding-left: 24px
}

.heroBannerProgramme .hero-link .richText-content .article-subheading.location::before {
  width: 14px;
  height: 20px;
  background: url("/img/ic_place.svg") center no-repeat
}

.heroBannerProgramme .hero-link .richText-content .article-title {
  max-width: 100%
}

.heroBannerProgramme .hero-link .richText-content .article-title h3 {
  margin: 10px 0 20px;
  font-weight: 400
}

@media only screen and (max-width:899px) {
  .heroBannerProgramme .hero-link .richText-content .article-title h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    margin-bottom: 10px
  }
}

.heroBannerProgramme .hero-link .richText-content .article-title h3 a {
  position: relative;
  color: white;
  font-weight: 400;
  display: block;
  border-bottom: none
}

.heroBannerProgramme .hero-link .richText-content .article-title h3 a:hover, .heroBannerProgramme .hero-link .richText-content .article-title h3 a:active {
  border-bottom: none;
  text-decoration: underline
}

.heroBannerProgramme .hero-link .richText-content .article-title.no-event h3 {
  margin-bottom: 0
}

.heroBannerProgramme .hero-link .richText-content .hero-banner-metadata span {
  display: inline
}

.heroBannerProgramme .hero-link .richText-content .hero-banner-metadata span.has-country-code::after {
  content: ","
}

.heroBannerProgramme .hero-link .richText-content .hero-banner-metadata span.multiple-line::after {
  content: "|";
  padding-left: 4px
}

.heroBannerProgramme .hero-link .richText-content .hero-banner-metadata span.webcast-date::after {
  content: ","
}

@media only screen and (max-width:599px) {
  .heroBannerProgramme .hero-link .richText-content .hero-link-details {
    display: none
  }
}

.heroBannerProgramme .hero-link .richText-content .hero-link-details span {
  display: block;
  line-height: 15px;
  font-weight: 700
}

.heroBannerProgramme .hero-link .richText-content .hero-link-details span:last-of-type {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 5px;
  font-weight: 300
}

.heroBannerTechnicalContent .copy.origin-article.hero-banner {
  border: none;
  margin: 90px 0 60px
}

@media only screen and (max-width:1199px) {
  .heroBannerTechnicalContent .copy.origin-article.hero-banner {
    margin: 100px 0 60px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTechnicalContent .copy.origin-article.hero-banner {
    margin: 80px 0 60px
  }
}

.heroBannerTechnicalContent .copy.origin-article.hero-banner>* {
  margin: 0
}

.heroBannerTopic {
  margin: 0;
  padding: 0
}

.composite-content-overview+.heroBannerTopic {
  margin-top: 10px
}

.heroBannerTopic .article {
  position: relative;
  margin-bottom: 0;
  padding: 0 8px 60px
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .article {
    padding-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .article {
    padding: 0 6px 20px
  }
}

.heroBannerTopic .article::before {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  height: 50%;
  background-color: #fff;
  z-index: 100
}

@media print {
  .heroBannerTopic .article::before {
    width: 100%;
    left: auto
  }
}

.heroBannerTopic .article::before>.component-content, .heroBannerTopic .article::before>.row {
  padding: 0 68px
}

@media print {
  .heroBannerTopic .article::before>.component-content, .heroBannerTopic .article::before>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerTopic .article::before {
    width: calc(100% + 104px);
    left: -52px
  }

  .heroBannerTopic .article::before>.component-content, .heroBannerTopic .article::before>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .article::before {
    width: calc(100% + 72px);
    left: -36px
  }

  .heroBannerTopic .article::before>.component-content, .heroBannerTopic .article::before>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .article::before {
    width: calc(100% + 24px);
    left: -12px
  }

  .heroBannerTopic .article::before>.component-content, .heroBannerTopic .article::before>.row {
    padding: 0 18px
  }
}

.heroBannerTopic .article>.component-content {
  position: relative
}

.heroBannerTopic .article>.component-content .image-content {
  position: relative;
  overflow: hidden;
  z-index: 105;
  height: 550px
}

@media only screen and (max-width:1199px) {
  .heroBannerTopic .article>.component-content .image-content {
    height: 380px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .article>.component-content .image-content {
    height: 290px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .article>.component-content .image-content {
    height: 440px
  }
}

.heroBannerTopic .article>.component-content .image-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  z-index: 110
}

.heroBannerTopic .article>.component-content .image-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: inline-block;
  vertical-align: top
}

.heroBannerTopic .article>.component-content .article-details {
  position: absolute;
  bottom: 40px;
  right: 40px;
  text-align: right;
  width: 41.66667%;
  z-index: 115;
  color: white
}

@media only screen and (max-width:1199px) {
  .heroBannerTopic .article>.component-content .article-details {
    width: 58.33333%
  }
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .article>.component-content .article-details {
    bottom: 20px;
    right: 20px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .article>.component-content .article-details {
    width: calc(100% - 40px);
    bottom: 15px
  }
}

.heroBannerTopic .article>.component-content .article-details .article-subheading img {
  margin-right: 8px
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .article>.component-content .article-details .article-subheading img {
    margin-right: 10px
  }
}

.heroBannerTopic .article>.component-content .article-details .topic-heading {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px
}

.heroBannerTopic .article>.component-content .article-details .article-title {
  font-weight: 400;
  margin: 0 0 15px
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .article>.component-content .article-details .article-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    margin-bottom: 20px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .article>.component-content .article-details .article-title {
    margin-bottom: 0
  }
}

.heroBannerTopic .article>.component-content .article-details .article-title .hyperlink-text-link {
  font-weight: 400;
  color: white
}

.heroBannerTopic .article>.component-content .article-details .article-title .hyperlink-text-link:hover, .heroBannerTopic .article>.component-content .article-details .article-title .hyperlink-text-link:active {
  border-bottom: 1px solid
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .article>.component-content .article-details .author-details {
    display: none
  }
}

.heroBannerTopic .article>.component-content .article-details .author-details .author-name {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 15px;
  display: block;
  font-weight: 700;
  margin-bottom: 5px
}

.heroBannerTopic .article>.component-content .article-details .author-details .author-name .hyperlink-text-link {
  color: white
}

.heroBannerTopic .article>.component-content .article-details .author-details .author-name .hyperlink-text-link:hover, .heroBannerTopic .article>.component-content .article-details .author-details .author-name .hyperlink-text-link:active {
  border-bottom: 1px solid
}

.heroBannerTopic .article>.component-content .article-details .author-details .publish-date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  display: block
}

.heroBannerTopic {
  margin: 0;
  padding: 0
}

.composite-content-overview+.heroBannerTopic {
  margin-top: 10px
}

.heroBannerTopic .career-doorway {
  position: relative;
  margin-bottom: 0;
  padding: 0 8px 60px
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .career-doorway {
    padding-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .career-doorway {
    padding: 0 6px 20px
  }
}

.heroBannerTopic .career-doorway::before {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  height: 50%;
  background-color: #fff;
  z-index: 100
}

@media print {
  .heroBannerTopic .career-doorway::before {
    width: 100%;
    left: auto
  }
}

.heroBannerTopic .career-doorway::before>.component-content, .heroBannerTopic .career-doorway::before>.row {
  padding: 0 68px
}

@media print {
  .heroBannerTopic .career-doorway::before>.component-content, .heroBannerTopic .career-doorway::before>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .heroBannerTopic .career-doorway::before {
    width: calc(100% + 104px);
    left: -52px
  }

  .heroBannerTopic .career-doorway::before>.component-content, .heroBannerTopic .career-doorway::before>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .career-doorway::before {
    width: calc(100% + 72px);
    left: -36px
  }

  .heroBannerTopic .career-doorway::before>.component-content, .heroBannerTopic .career-doorway::before>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .career-doorway::before {
    width: calc(100% + 24px);
    left: -12px
  }

  .heroBannerTopic .career-doorway::before>.component-content, .heroBannerTopic .career-doorway::before>.row {
    padding: 0 18px
  }
}

.heroBannerTopic .career-doorway>.component-content {
  position: relative
}

.heroBannerTopic .career-doorway>.component-content .image-content {
  position: relative;
  overflow: hidden;
  z-index: 105;
  height: 550px
}

@media only screen and (max-width:1199px) {
  .heroBannerTopic .career-doorway>.component-content .image-content {
    height: 380px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .career-doorway>.component-content .image-content {
    height: 290px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .career-doorway>.component-content .image-content {
    height: 440px
  }
}

.heroBannerTopic .career-doorway>.component-content .image-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  z-index: 110
}

.heroBannerTopic .career-doorway>.component-content .image-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  display: inline-block;
  vertical-align: top
}

.heroBannerTopic .career-doorway>.component-content .article-details {
  position: absolute;
  bottom: 40px;
  right: 40px;
  text-align: right;
  width: 41.66667%;
  z-index: 115;
  color: white
}

@media only screen and (max-width:1199px) {
  .heroBannerTopic .career-doorway>.component-content .article-details {
    width: 58.33333%
  }
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .career-doorway>.component-content .article-details {
    bottom: 20px;
    right: 20px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .career-doorway>.component-content .article-details {
    width: calc(100% - 40px);
    bottom: 15px
  }
}

.heroBannerTopic .career-doorway>.component-content .article-details .article-subheading img {
  margin-right: 8px
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .career-doorway>.component-content .article-details .article-subheading img {
    margin-right: 10px
  }
}

.heroBannerTopic .career-doorway>.component-content .article-details .topic-heading {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px
}

.heroBannerTopic .career-doorway>.component-content .article-details .article-title {
  font-weight: 400;
  margin: 0 0 15px
}

@media only screen and (max-width:899px) {
  .heroBannerTopic .career-doorway>.component-content .article-details .article-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    margin-bottom: 20px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .career-doorway>.component-content .article-details .article-title {
    margin-bottom: 0
  }
}

.heroBannerTopic .career-doorway>.component-content .article-details .article-title .hyperlink-text-link {
  font-weight: 400;
  color: white
}

.heroBannerTopic .career-doorway>.component-content .article-details .article-title .hyperlink-text-link:hover, .heroBannerTopic .career-doorway>.component-content .article-details .article-title .hyperlink-text-link:active {
  border-bottom: 1px solid
}

@media only screen and (max-width:599px) {
  .heroBannerTopic .career-doorway>.component-content .article-details .author-details {
    display: none
  }
}

.heroBannerTopic .career-doorway>.component-content .article-details .author-details .author-name {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 15px;
  display: block;
  font-weight: 700;
  margin-bottom: 5px
}

.heroBannerTopic .career-doorway>.component-content .article-details .author-details .author-name .hyperlink-text-link {
  color: white
}

.heroBannerTopic .career-doorway>.component-content .article-details .author-details .author-name .hyperlink-text-link:hover, .heroBannerTopic .career-doorway>.component-content .article-details .author-details .author-name .hyperlink-text-link:active {
  border-bottom: 1px solid
}

.heroBannerTopic .career-doorway>.component-content .article-details .author-details .publish-date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  display: block
}

.heroBannerTopic>.better-question>.component-content {
  margin-bottom: 0
}

.heroBannerTopic>.better-question .animation-wrapper {
  height: 550px
}

@media only screen and (max-width:1199px) {
  .heroBannerTopic>.better-question .animation-wrapper {
    height: 380px
  }
}

@media only screen and (max-width:899px) {
  .heroBannerTopic>.better-question .animation-wrapper {
    height: 290px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic>.better-question .animation-wrapper {
    height: 440px
  }
}

.heroBannerTopic>.better-question .richText-content .publish-date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  margin: 0
}

.heroBannerTopic>.better-question .richText-content .author-details {
  padding-bottom: 40px
}

@media only screen and (max-width:899px) {
  .heroBannerTopic>.better-question .richText-content .author-details {
    padding-bottom: 20px
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic>.better-question .richText-content .author-details {
    display: none
  }
}

.heroBannerTopic>.better-question .richText-content .author-name {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 15px;
  margin: 0 0 5px
}

.heroBannerTopic>.better-question .richText-content .article-title {
  margin-bottom: 20px;
  font-weight: 400;
  max-width: 33.33333%
}

@media only screen and (max-width:1199px) {
  .heroBannerTopic>.better-question .richText-content .article-title {
    max-width: 41.66667%
  }
}

@media only screen and (max-width:599px) {
  .heroBannerTopic>.better-question .richText-content .article-title {
    max-width: 100%
  }
}

.heroBannerTopic>.better-question .richText-content .article-title h1 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  margin: 0;
  font-weight: 400
}

@media only screen and (max-width:899px) {
  .heroBannerTopic>.better-question .richText-content .article-title h1 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

.heroBannerTopic>.better-question .richText-content .topic-heading {
  font-weight: 400;
  line-height: 22px;
  margin: 0 0 10px
}

.heroBannerTopic>.better-question .topic-heading, .heroBannerTopic>.better-question .author-details {
  opacity: 0
}

.heroBannerTopic>.better-question .text-is-visible .topic-heading, .heroBannerTopic>.better-question .text-is-visible .author-details {
  -webkit-animation: fade 0.3s linear 0.2s forwards;
  animation: fade 0.3s linear 0.2s forwards
}

.heroBannerTopic>.better-question .text-is-visible .article-title a.text:hover, .heroBannerTopic>.better-question .text-is-visible .article-title a.text:active {
  border-bottom: 1px solid
}

.image-full-width {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .image-full-width {
    width: 100%;
    left: auto
  }
}

.image-full-width>.component-content, .image-full-width>.row {
  padding: 0 68px
}

@media print {
  .image-full-width>.component-content, .image-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .image-full-width {
    width: calc(100% + 104px);
    left: -52px
  }

  .image-full-width>.component-content, .image-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .image-full-width {
    width: calc(100% + 72px);
    left: -36px
  }

  .image-full-width>.component-content, .image-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .image-full-width {
    width: calc(100% + 24px);
    left: -12px
  }

  .image-full-width>.component-content, .image-full-width>.row {
    padding: 0 18px
  }
}

.image-full-width>.component-content {
  padding: 0 !important;
  max-width: none
}

.image-full-width img {
  width: 100%
}

.inPageNav {
  margin-bottom: 0;
  padding: 100px 0;
  position: fixed;
  top: 50%;
  right: 0;
  width: 180px;
  z-index: 300;
  opacity: 0;
  text-align: right;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: right 0.3s, -webkit-transform 0.2s;
  transition: right 0.3s, -webkit-transform 0.2s;
  transition: right 0.3s, transform 0.2s;
  transition: right 0.3s, transform 0.2s, -webkit-transform 0.2s
}

@media only screen and (max-width:899px) {
  .inPageNav {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: left;
    background-color: #1a1a24;
    height: 50px;
    padding: 0;
    overflow: hidden;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: height 0.2s;
    transition: height 0.2s
  }
}

.inPageNav.is-open .mobileTrigger::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.inPageNav.is-open .mobileAnchor {
  opacity: 0;
  visibility: hidden
}

.inPageNav.initialized {
  -webkit-animation: fade 0.7s linear 1.5s forwards, inPageNavToRight 0.3s linear 4s forwards;
  animation: fade 0.7s linear 1.5s forwards, inPageNavToRight 0.3s linear 4s forwards
}

@media only screen and (min-width:1921px) {
  .inPageNav.initialized {
    -webkit-animation: fade 0.7s linear 1.5s forwards;
    animation: fade 0.7s linear 1.5s forwards
  }
}

@media only screen and (max-width:899px) {
  .inPageNav.initialized {
    -webkit-animation: fade 0.7s linear 1.5s forwards;
    animation: fade 0.7s linear 1.5s forwards
  }
}

.inPageNav.initialized:hover:not(.is-ready) {
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.inPageNav.initialized .items .item .item-link {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px
}

.inPageNav.initialized .items .item .item-link:hover, .inPageNav.initialized .items .item .item-link:focus {
  background-color: #1a1a24;
  color: #ffe600
}

@media only screen and (max-width:899px) {
  .inPageNav.initialized .items .item .item-link {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px
  }
}

@media only screen and (max-width:899px) {
  .inPageNav.initialized.is-touched .items .item.is-dark .item-link:hover {
    color: #2e2e38
  }
}

@media only screen and (max-width:899px) {
  .inPageNav.initialized.is-touched .items .item.is-dark .item-link:hover::before {
    color: #2e2e38
  }
}

@media only screen and (max-width:899px) {
  .inPageNav.initialized.is-touched .items .item.is-active .item-link:hover {
    color: #ffe600;
    background-color: #2e2e38
  }
}

@media only screen and (max-width:899px) {
  .inPageNav.initialized.is-touched .items .item.is-active .item-link:hover::before {
    background-color: #ffe600
  }
}

.inPageNav.initialized.is-touched .items .item .item-link:hover {
  background-color: transparent
}

@media only screen and (max-width:899px) {
  .inPageNav.initialized.is-touched .items .item .item-link:hover {
    background-color: transparent;
    color: white
  }
}

@media only screen and (max-width:899px) {
  .inPageNav.initialized.is-touched .items .item .item-link:hover::before {
    background-color: white
  }
}

.inPageNav.is-ready {
  -webkit-animation: none;
  animation: none;
  opacity: 1
}

@media only screen and (min-width:900px) {
  .inPageNav.is-ready {
    right: -147px
  }
}

@media only screen and (max-width:899px) {
  .inPageNav.is-ready {
    right: 0
  }
}

@media only screen and (min-width:900px) {
  .inPageNav.is-ready.is-visible {
    -webkit-transform: translate(-147px, -50%);
    transform: translate(-147px, -50%);
    -webkit-transition: -webkit-transform 0.2s 0.4s;
    transition: -webkit-transform 0.2s 0.4s;
    transition: transform 0.2s 0.4s;
    transition: transform 0.2s 0.4s, -webkit-transform 0.2s 0.4s
  }

  .inPageNav.is-ready.is-visible:not(.is-active) .items .item .item-link {
    background-color: transparent;
    color: white
  }

  .inPageNav.is-ready.is-visible:not(.is-active) .items .item.is-dark .item-link {
    color: #2e2e38
  }

  .inPageNav.is-ready.is-visible:not(.is-active) .items .item.is-active .item-link {
    background-color: #1a1a24;
    color: #ffe600
  }

  .inPageNav.is-ready.is-visible:not(.is-active) .items .item.is-active .item-link::before {
    background-color: #ffe600;
    width: 16px;
    margin-left: 0
  }
}

@media only screen and (min-width:900px) {
  .inPageNav.is-ready.is-active {
    -webkit-transform: translate(-147px, -50%);
    transform: translate(-147px, -50%);
    -webkit-transition: -webkit-transform 0.2s 0.4s;
    transition: -webkit-transform 0.2s 0.4s;
    transition: transform 0.2s 0.4s;
    transition: transform 0.2s 0.4s, -webkit-transform 0.2s 0.4s
  }

  .inPageNav.is-ready.is-active .items .item {
    padding: 5px 0
  }

  .inPageNav.is-ready.is-active .items .item.is-active .item-link, .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link {
    color: #fff
  }

  .inPageNav.is-ready.is-active .items .item.is-active .item-link:hover, .inPageNav.is-ready.is-active .items .item.is-active .item-link:focus, .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link:hover, .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link:focus {
    background-color: #1a1a24;
    color: #ffe600
  }

  .inPageNav.is-ready.is-active .items .item.is-active .item-link::before, .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link::before {
    background-color: white;
    width: 16px;
    margin-left: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
  }

  .inPageNav.is-ready.is-active .items .item.is-active .item-link:hover::before, .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link:hover::before {
    background-color: #ffe600
  }

  .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link {
    color: #2e2e38
  }

  .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link:hover, .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link:focus {
    color: #ffe600
  }

  .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link::before {
    background-color: #2e2e38
  }

  .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link:hover::before, .inPageNav.is-ready.is-active .items .item.is-active.is-dark .item-link:focus::before {
    background-color: #ffe600
  }

  .inPageNav.is-ready.is-active .items .item .item-link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px
  }

  .inPageNav.is-ready.is-active .items .item .item-link:hover, .inPageNav.is-ready.is-active .items .item .item-link:focus {
    background-color: #1a1a24;
    color: #ffe600
  }

  .inPageNav.is-ready.is-active .items .item .item-link:hover::before, .inPageNav.is-ready.is-active .items .item .item-link:focus::before {
    background-color: #ffe600;
    width: 16px;
    margin-left: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
  }
}

.inPageNav.is-ready:not(.is-active) .items .item {
  padding: 0
}

@media only screen and (min-width:900px) {
  .inPageNav.is-ready:not(.is-active) .items .item.is-active:not(.is-visited) {
    -webkit-animation: slideNavItem 2.5s linear 1 forwards;
    animation: slideNavItem 2.5s linear 1 forwards
  }
}

.inPageNav .items {
  width: 180px;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none
}

@media only screen and (max-width:899px) {
  .inPageNav .items {
    width: 100%;
    background-color: #1a1a24;
    -webkit-transition: height 0.2s;
    transition: height 0.2s
  }
}

@media only screen and (min-width:900px) {
  .inPageNav .items .item {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    padding: 5px 0;
    -webkit-transition: padding 0.2s 0.3s, -webkit-transform 0.2s;
    transition: padding 0.2s 0.3s, -webkit-transform 0.2s;
    transition: transform 0.2s, padding 0.2s 0.3s;
    transition: transform 0.2s, padding 0.2s 0.3s, -webkit-transform 0.2s
  }
}

@media only screen and (max-width:899px) {
  .inPageNav .items .item {
    border-top: 1px solid #2e2e38
  }

  .inPageNav .items .item:first-child {
    border-top-color: transparent
  }
}

.inPageNav .items .item.is-active .item-link {
  color: #ffe600;
  -webkit-animation: changeBg 2.5s linear 1;
  animation: changeBg 2.5s linear 1
}

.inPageNav .items .item.is-active .item-link::before {
  background-color: #ffe600
}

.inPageNav .items .item.is-active .item-link:hover::before {
  background-color: #ffe600
}

.inPageNav .items .item.is-visited.is-active .item-link::before {
  width: 32px;
  margin-left: -16px;
  background-color: #fff;
  -webkit-transition: width 0.3s, margin-left 0.3s;
  transition: width 0.3s, margin-left 0.3s
}

@media only screen and (min-width:900px) {
  .inPageNav .items .item.is-dark .item-link {
    color: #2e2e38
  }

  .inPageNav .items .item.is-dark .item-link::before {
    background-color: #2e2e38
  }

  .inPageNav .items .item.is-dark.is-active .item-link {
    color: #ffe600
  }

  .inPageNav .items .item.is-dark.is-active .item-link::before {
    background-color: #ffe600
  }

  .inPageNav .items .item.is-dark.is-active.is-visited {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
  }

  .inPageNav .items .item.is-dark.is-active.is-visited .item-link::before {
    background-color: #2e2e38
  }
}

.inPageNav .items .item .item-link {
  text-align: left;
  display: block;
  width: 100%;
  position: relative;
  padding: 13px 13px 13px 46px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  font-weight: 400;
  background-color: transparent;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s
}

@media only screen and (max-width:899px) {
  .inPageNav .items .item .item-link {
    padding: 14px 44px
  }
}

@media only screen and (max-width:599px) {
  .inPageNav .items .item .item-link {
    padding: 14px 18px
  }
}

.inPageNav .items .item .item-link::before {
  content: '';
  width: 16px;
  height: 2px;
  display: block;
  position: absolute;
  top: 50%;
  left: 16px;
  margin-left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: white;
  -webkit-transition: background-color 0.3s, width 0.3s, margin-left 0.3s;
  transition: background-color 0.3s, width 0.3s, margin-left 0.3s
}

@media only screen and (max-width:899px) {
  .inPageNav .items .item .item-link::before {
    display: none
  }
}

.inPageNav .mobileAnchor {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1a1a24;
  color: white;
  display: block;
  font-weight: 400;
  line-height: 1.3;
  width: 100%;
  padding: 14px 80px 14px 44px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  visibility: visible;
  text-overflow: ellipsis;
  -webkit-transition: opaity 0.3s, visibility 0.3s, color 0.3s;
  transition: opaity 0.3s, visibility 0.3s, color 0.3s;
  z-index: 100
}

@media only screen and (min-width:900px) {
  .inPageNav .mobileAnchor {
    display: none
  }
}

@media only screen and (max-width:599px) {
  .inPageNav .mobileAnchor {
    padding: 14px 50px 14px 18px
  }
}

.inPageNav .mobileAnchor.is-active {
  color: #ffe600
}

.inPageNav .mobileTrigger {
  position: absolute;
  bottom: 10px;
  right: 44px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  overflow: hidden;
  z-index: 105
}

@media only screen and (min-width:900px) {
  .inPageNav .mobileTrigger {
    display: none
  }
}

@media only screen and (max-width:599px) {
  .inPageNav .mobileTrigger {
    right: 18px
  }
}

.inPageNav .mobileTrigger:focus {
  outline-color: #ffe600
}

.inPageNav .mobileTrigger::after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url("/img/expand-more.svg") no-repeat center;
  background-size: 12px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s
}

.inPageNavAnchor {
  margin: 0
}

@charset "UTF-8";

.inlineQuote {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .inlineQuote {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.quote-box {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  margin-left: 0;
  color: #2e2e38
}

.quote-box a {
  color: #2e2e38
}

.quote-box a:visited {
  color: #2e2e38
}

.quote-box .content-box {
  font-family: Georgia, sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  border-left: 10px solid #ffe600;
  padding-left: 15px;
  margin: 0 0 20px;
  position: relative;
  text-indent: 10px
}

html[lang^='ja'] .quote-box .content-box {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .quote-box .content-box {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.quote-box .content-box::before {
  content: "\201C";
  text-indent: 0;
  position: absolute;
  left: 15px
}

.quote-box .content-box::after {
  content: "\201D";
  margin-left: -5px
}

.quote-box .quotee {
  font-weight: 700
}

.quote-box .job-title, .quote-box .quotee {
  margin: 0 65px
}

.inlineSearch, .eventListInstantSearch {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0
}

@media only screen and (max-width:599px) {
  .inlineSearch, .eventListInstantSearch {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.inlineSearch.is-dropdown-visible>.component-content .inlineSearch-dropdown, .eventListInstantSearch.is-dropdown-visible>.component-content .inlineSearch-dropdown {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.inlineSearch>.component-content, .eventListInstantSearch>.component-content {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .inlineSearch>.component-content, .eventListInstantSearch>.component-content {
    width: 100%;
    left: auto
  }
}

.inlineSearch>.component-content>.component-content, .inlineSearch>.component-content>.row, .eventListInstantSearch>.component-content>.component-content, .eventListInstantSearch>.component-content>.row {
  padding: 0 68px
}

@media print {
  .inlineSearch>.component-content>.component-content, .inlineSearch>.component-content>.row, .eventListInstantSearch>.component-content>.component-content, .eventListInstantSearch>.component-content>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .inlineSearch>.component-content, .eventListInstantSearch>.component-content {
    width: calc(100% + 120px);
    left: -60px
  }

  .inlineSearch>.component-content>.component-content, .inlineSearch>.component-content>.row, .eventListInstantSearch>.component-content>.component-content, .eventListInstantSearch>.component-content>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .inlineSearch>.component-content, .eventListInstantSearch>.component-content {
    width: calc(100% + 88px);
    left: -44px
  }

  .inlineSearch>.component-content>.component-content, .inlineSearch>.component-content>.row, .eventListInstantSearch>.component-content>.component-content, .eventListInstantSearch>.component-content>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .inlineSearch>.component-content, .eventListInstantSearch>.component-content {
    width: calc(100% + 36px);
    left: -18px
  }

  .inlineSearch>.component-content>.component-content, .inlineSearch>.component-content>.row, .eventListInstantSearch>.component-content>.component-content, .eventListInstantSearch>.component-content>.row {
    padding: 0 18px
  }
}

.inlineSearch>.component-content .inlineSearch-input, .eventListInstantSearch>.component-content .inlineSearch-input {
  position: relative;
  padding: 35px 68px;
  border-top: 1px solid #c4c4cd;
  border-bottom: 1px solid #c4c4cd;
  background-color: white;
  z-index: 105
}

@media only screen and (max-width:1199px) {
  .inlineSearch>.component-content .inlineSearch-input, .eventListInstantSearch>.component-content .inlineSearch-input {
    padding: 35px 60px
  }
}

@media only screen and (max-width:899px) {
  .inlineSearch>.component-content .inlineSearch-input, .eventListInstantSearch>.component-content .inlineSearch-input {
    padding: 35px 44px
  }
}

@media only screen and (max-width:599px) {
  .inlineSearch>.component-content .inlineSearch-input, .eventListInstantSearch>.component-content .inlineSearch-input {
    padding: 21px 18px
  }
}

.inlineSearch>.component-content .inlineSearch-query, .eventListInstantSearch>.component-content .inlineSearch-query {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 91.66667%;
  height: 40px;
  border: 0;
  padding: 0;
  color: #2e2e38
}

@media only screen and (max-width:599px) {
  .inlineSearch>.component-content .inlineSearch-query, .eventListInstantSearch>.component-content .inlineSearch-query {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px
  }
}

.inlineSearch>.component-content .inlineSearch-query::-webkit-input-placeholder, .eventListInstantSearch>.component-content .inlineSearch-query::-webkit-input-placeholder {
  color: #747480
}

.inlineSearch>.component-content .inlineSearch-query:-ms-input-placeholder, .eventListInstantSearch>.component-content .inlineSearch-query:-ms-input-placeholder {
  color: #747480
}

.inlineSearch>.component-content .inlineSearch-query::-ms-input-placeholder, .eventListInstantSearch>.component-content .inlineSearch-query::-ms-input-placeholder {
  color: #747480
}

.inlineSearch>.component-content .inlineSearch-query::placeholder, .eventListInstantSearch>.component-content .inlineSearch-query::placeholder {
  color: #747480
}

.inlineSearch>.component-content .inlineSearch-button, .eventListInstantSearch>.component-content .inlineSearch-button {
  float: right;
  margin-top: 7px;
  display: block;
  width: 26px;
  height: 26px;
  background: url("/img/ic_search.svg") no-repeat center;
  font-size: 0;
  line-height: 0
}

@media only screen and (max-width:599px) {
  .inlineSearch>.component-content .inlineSearch-button, .eventListInstantSearch>.component-content .inlineSearch-button {
    width: 15px;
    height: 15px;
    margin-top: 14px;
    background-size: 15px
  }
}

.inlineSearch>.component-content .inlineSearch-no-results, .eventListInstantSearch>.component-content .inlineSearch-no-results {
  position: absolute;
  width: 100%;
  padding: 20px 68px;
  max-height: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #2e2e38;
  color: #c4c4cd;
  z-index: 100;
  -webkit-transition: max-height 0.3s, padding 0.3s;
  transition: max-height 0.3s, padding 0.3s
}

@media only screen and (max-width:1199px) {
  .inlineSearch>.component-content .inlineSearch-no-results, .eventListInstantSearch>.component-content .inlineSearch-no-results {
    padding: 20px 60px
  }
}

@media only screen and (max-width:899px) {
  .inlineSearch>.component-content .inlineSearch-no-results, .eventListInstantSearch>.component-content .inlineSearch-no-results {
    padding: 20px 44px
  }
}

@media only screen and (max-width:599px) {
  .inlineSearch>.component-content .inlineSearch-no-results, .eventListInstantSearch>.component-content .inlineSearch-no-results {
    padding: 20px 18px
  }
}

.inlineSearch>.component-content .inlineSearch-no-results.hidden, .eventListInstantSearch>.component-content .inlineSearch-no-results.hidden {
  max-height: 0;
  padding: 0 60px
}

@media only screen and (max-width:899px) {
  .inlineSearch>.component-content .inlineSearch-no-results.hidden, .eventListInstantSearch>.component-content .inlineSearch-no-results.hidden {
    padding: 0 42px
  }
}

@media only screen and (max-width:599px) {
  .inlineSearch>.component-content .inlineSearch-no-results.hidden, .eventListInstantSearch>.component-content .inlineSearch-no-results.hidden {
    padding: 0 15px
  }
}

.inlineSearch>.component-content .inlineSearch-dropdown, .eventListInstantSearch>.component-content .inlineSearch-dropdown {
  position: absolute;
  width: 100%;
  background-color: #2e2e38;
  color: #c4c4cd;
  max-height: calc(100vh - 189px);
  overflow-y: auto;
  z-index: 100;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s
}

.inlineSearch>.component-content .inlineSearch-dropdown.hidden, .eventListInstantSearch>.component-content .inlineSearch-dropdown.hidden {
  max-height: 0;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s
}

.inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results {
  margin: 0;
  padding: 0;
  list-style: none
}

.inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li {
  margin: 0
}

.inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a {
  position: relative;
  display: block;
  line-height: 28px;
  font-weight: 700;
  padding: 16px 68px;
  color: #c4c4cd;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s
}

@media only screen and (max-width:1199px) {
  .inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a {
    padding: 16px 60px
  }
}

@media only screen and (max-width:899px) {
  .inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a {
    padding: 16px 44px
  }
}

@media only screen and (max-width:599px) {
  .inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a {
    padding: 16px 18px
  }
}

.inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a::before, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a::before {
  content: '';
  display: block;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffe600;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a:hover, .inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a:focus, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a:hover, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a:focus {
  background-color: #1a1a24
}

.inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a:hover::before, .inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a:focus::before, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a:hover::before, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a:focus::before {
  opacity: 1
}

.inlineSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a em, .eventListInstantSearch>.component-content .inlineSearch-dropdown .inlineSearch-results li a em {
  color: white;
  font-style: normal
}

body:not(.tabbed) .inlineSearch .inlineSearch-query, body:not(.tabbed) .inlineSearch .inlineSearch-button, body:not(.tabbed) .eventListInstantSearch .inlineSearch-query, body:not(.tabbed) .eventListInstantSearch .inlineSearch-button {
  outline: none
}

.linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:focus, .linkArea .link-area .linkAreaLink .read-more:focus, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .box-dark-background .team-memberName, .box-dark-background .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area .linkAreaLink .box-dark-background .read-more, .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .box-dark-background .team-memberName, .container-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .container-dark-background .team-memberName, .container-dark-background .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area .linkAreaLink .container-dark-background .read-more, .container-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .container-dark-background .team-memberName, .template-article .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .template-article .box-dark-background .team-memberName, .template-article .box-dark-background .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area .linkAreaLink .template-article .box-dark-background .read-more, .template-article .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .template-article .box-dark-background .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName .better-question, .linkArea .link-area .linkAreaLink .read-more .better-question, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName .better-question, .eventListInstantSearch .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .eventListInstantSearch .team-memberName, .eventListInstantSearch .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area .linkAreaLink .eventListInstantSearch .read-more, .eventListInstantSearch .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .eventListInstantSearch .team-memberName {
  color: white
}

@media print {
  .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .box-dark-background .team-memberName, .box-dark-background .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area .linkAreaLink .box-dark-background .read-more, .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .box-dark-background .team-memberName, .container-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .container-dark-background .team-memberName, .container-dark-background .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area .linkAreaLink .container-dark-background .read-more, .container-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .container-dark-background .team-memberName, .template-article .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .template-article .box-dark-background .team-memberName, .template-article .box-dark-background .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area .linkAreaLink .template-article .box-dark-background .read-more, .template-article .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .template-article .box-dark-background .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName .better-question, .linkArea .link-area .linkAreaLink .read-more .better-question, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName .better-question, .eventListInstantSearch .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName, .linkArea .link-area .linkArea-featured-right figure figcaption .eventListInstantSearch .team-memberName, .eventListInstantSearch .linkArea .link-area .linkAreaLink .read-more, .linkArea .link-area .linkAreaLink .eventListInstantSearch .read-more, .eventListInstantSearch .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .eventListInstantSearch .team-memberName {
    color: #2e2e38
  }
}

.box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .box-dark-background .team-memberName:hover, .box-dark-background .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area .linkAreaLink .box-dark-background .read-more:hover, .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .box-dark-background .team-memberName:hover, .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .box-dark-background .team-memberName:active, .box-dark-background .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area .linkAreaLink .box-dark-background .read-more:active, .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .box-dark-background .team-memberName:active, .container-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .container-dark-background .team-memberName:hover, .container-dark-background .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area .linkAreaLink .container-dark-background .read-more:hover, .container-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .container-dark-background .team-memberName:hover, .container-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .container-dark-background .team-memberName:active, .container-dark-background .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area .linkAreaLink .container-dark-background .read-more:active, .container-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .container-dark-background .team-memberName:active, .template-article .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .template-article .box-dark-background .team-memberName:hover, .template-article .box-dark-background .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area .linkAreaLink .template-article .box-dark-background .read-more:hover, .template-article .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .template-article .box-dark-background .team-memberName:hover, .template-article .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .template-article .box-dark-background .team-memberName:active, .template-article .box-dark-background .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area .linkAreaLink .template-article .box-dark-background .read-more:active, .template-article .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .template-article .box-dark-background .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName .better-question:hover, .linkArea .link-area .linkAreaLink .read-more .better-question:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName .better-question:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName .better-question:active, .linkArea .link-area .linkAreaLink .read-more .better-question:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName .better-question:active, .eventListInstantSearch .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .eventListInstantSearch .team-memberName:hover, .eventListInstantSearch .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area .linkAreaLink .eventListInstantSearch .read-more:hover, .eventListInstantSearch .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .eventListInstantSearch .team-memberName:hover, .eventListInstantSearch .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .eventListInstantSearch .team-memberName:active, .eventListInstantSearch .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area .linkAreaLink .eventListInstantSearch .read-more:active, .eventListInstantSearch .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .eventListInstantSearch .team-memberName:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .box-dark-background .team-memberName:hover, .box-dark-background .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area .linkAreaLink .box-dark-background .read-more:hover, .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .box-dark-background .team-memberName:hover, .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .box-dark-background .team-memberName:active, .box-dark-background .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area .linkAreaLink .box-dark-background .read-more:active, .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .box-dark-background .team-memberName:active, .container-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .container-dark-background .team-memberName:hover, .container-dark-background .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area .linkAreaLink .container-dark-background .read-more:hover, .container-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .container-dark-background .team-memberName:hover, .container-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .container-dark-background .team-memberName:active, .container-dark-background .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area .linkAreaLink .container-dark-background .read-more:active, .container-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .container-dark-background .team-memberName:active, .template-article .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .template-article .box-dark-background .team-memberName:hover, .template-article .box-dark-background .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area .linkAreaLink .template-article .box-dark-background .read-more:hover, .template-article .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .template-article .box-dark-background .team-memberName:hover, .template-article .box-dark-background .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .template-article .box-dark-background .team-memberName:active, .template-article .box-dark-background .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area .linkAreaLink .template-article .box-dark-background .read-more:active, .template-article .box-dark-background .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .template-article .box-dark-background .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName .better-question:hover, .linkArea .link-area .linkAreaLink .read-more .better-question:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName .better-question:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName .better-question:active, .linkArea .link-area .linkAreaLink .read-more .better-question:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName .better-question:active, .eventListInstantSearch .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:hover, .linkArea .link-area .linkArea-featured-right figure figcaption .eventListInstantSearch .team-memberName:hover, .eventListInstantSearch .linkArea .link-area .linkAreaLink .read-more:hover, .linkArea .link-area .linkAreaLink .eventListInstantSearch .read-more:hover, .eventListInstantSearch .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:hover, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .eventListInstantSearch .team-memberName:hover, .eventListInstantSearch .linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName:active, .linkArea .link-area .linkArea-featured-right figure figcaption .eventListInstantSearch .team-memberName:active, .eventListInstantSearch .linkArea .link-area .linkAreaLink .read-more:active, .linkArea .link-area .linkAreaLink .eventListInstantSearch .read-more:active, .eventListInstantSearch .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .team-memberName:active, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link .eventListInstantSearch .team-memberName:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.linkArea .link-area {
  width: 100%;
  float: left;
  padding: 90px 0
}

.linkArea .link-area .linkArea-pre-title {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  margin: 0 0 60px
}

@media only screen and (max-width:899px) {
  .linkArea .link-area .linkArea-pre-title {
    font-size: 36px;
    font-size: 3.6rem
  }
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkArea-pre-title {
    font-size: 34px;
    font-size: 3.4rem
  }

  .linkArea .link-area .linkArea-pre-title~.linkAreaLink.has-featured:first-of-type {
    margin-top: -20px
  }
}

.linkArea .link-area .linkArea-featured-left {
  padding-right: 8.33333%
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkArea-featured-left {
    padding-right: 0
  }
}

.linkArea .link-area .linkArea-featured-right .team-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  margin: 0
}

.linkArea .link-area .linkArea-featured-right figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 10px;
  padding-top: 25px;
  border-top: 1px solid #c4c4cd
}

.linkArea .link-area .linkArea-featured-right figure .team-memberThumb {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%
}

.linkArea .link-area .linkArea-featured-right figure .team-memberThumb .team-memberImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.linkArea .link-area .linkArea-featured-right figure figcaption {
  width: calc(100% - 80px);
  padding-left: 16px
}

.linkArea .link-area .linkArea-featured-right figure figcaption .team-memberName {
  font-size: 16px;
  font-size: 1.6rem
}

.linkArea .link-area .linkArea-featured-right figure figcaption .team-memberTitle {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  margin: 0
}

.linkArea .link-area.relatedServices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.linkArea .link-area.relatedServices .richText {
  margin-top: 100px
}

@media only screen and (max-width:899px) {
  .linkArea .link-area.relatedServices .richText {
    margin-top: 80px
  }
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.relatedServices .richText {
    margin-top: 60px;
    margin-bottom: 40px
  }
}

.linkArea .link-area.relatedServices .richText h3, .linkArea .link-area.relatedServices .richText p {
  margin: 0
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.relatedServices .richText h3 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px
  }
}

.linkArea .link-area .linkAreaLink {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0
}

.linkArea .link-area .linkAreaLink:last-child .link-area-link.featured {
  border-bottom: 0
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkAreaLink.has-featured~.linkAreaLink .link-area-link:not(.featured) {
    position: relative;
    margin-bottom: 20px
  }

  .linkArea .link-area .linkAreaLink.has-featured~.linkAreaLink .link-area-link:not(.featured) .link-area-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 0;
    width: calc(100% - 25px)
  }

  .linkArea .link-area .linkAreaLink.has-featured~.linkAreaLink .link-area-link:not(.featured) .link-area-subtitle {
    display: none !important
  }

  .linkArea .link-area .linkAreaLink.has-featured~.linkAreaLink .link-area-link:not(.featured) .read-more {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url("/img/arrow-right.svg") no-repeat center;
    background-size: 100%;
    border: 0
  }
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkAreaLink.has-featured~.has-featured .featured {
    margin-top: 10px;
    border-top: 1px solid #c4c4cd
  }
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkAreaLink+.richText {
    margin-top: 20px
  }
}

.linkArea .link-area .linkAreaLink .link-area-link {
  margin-top: 60px
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkAreaLink .link-area-link {
    margin: 0 0 40px
  }

  .linkArea .link-area .linkAreaLink .link-area-link .service-name {
    display: none
  }
}

.linkArea .link-area .linkAreaLink .link-area-link .title, .linkArea .link-area .linkAreaLink .link-area-link .link-area-title, .linkArea .link-area .linkAreaLink .link-area-link .link-area-subtitle, .linkArea .link-area .linkAreaLink .link-area-link .service-name {
  margin: 0
}

.linkArea .link-area .linkAreaLink .link-area-link .title {
  color: #2e2e38
}

.linkArea .link-area .linkAreaLink .link-area-link .link-area-title, .linkArea .link-area .linkAreaLink .link-area-link .service-name {
  font-weight: 400;
  margin-bottom: 10px
}

.linkArea .link-area .linkAreaLink .link-area-link .service-name {
  line-height: 22px
}

.linkArea .link-area .linkAreaLink .link-area-link .link-area-title a {
  border-bottom: 1px solid transparent
}

.linkArea .link-area .linkAreaLink .link-area-link .link-area-title a:hover {
  border-color: #2e2e38
}

.linkArea .link-area .linkAreaLink .link-area-link .link-area-subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  color: #747480;
  margin-bottom: 10px
}

.linkArea .link-area .linkAreaLink .link-area-link.industry-related:not(.featured) {
  padding-bottom: 55px;
  border-bottom: 1px solid #c4c4cd
}

.nestedTile .linkArea .link-area .linkAreaLink .link-area-link.industry-related:not(.featured) {
  padding-bottom: 0;
  border: 0
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkAreaLink .link-area-link.industry-related:not(.featured) {
    padding-bottom: 0;
    border-bottom: 0
  }
}

.linkArea .link-area .linkAreaLink .link-area-link.industry-related .link-area-title {
  margin-bottom: 0
}

.linkArea .link-area .linkAreaLink .link-area-link.featured {
  margin-top: 0;
  border-bottom: 1px solid #c4c4cd;
  padding-bottom: 60px
}

@media only screen and (max-width:899px) {
  .linkArea .link-area .linkAreaLink .link-area-link.featured {
    padding-bottom: 60px
  }
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkAreaLink .link-area-link.featured {
    padding-bottom: 40px;
    margin-bottom: 30px
  }

  .linkArea .link-area .linkAreaLink .link-area-link.featured>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }

  .linkArea .link-area .linkAreaLink .link-area-link.featured>.row .linkArea-featured-left {
    margin-top: 40px
  }
}

.linkArea .link-area .linkAreaLink .link-area-link.featured.industry-related .link-area-title {
  margin-bottom: 0
}

.linkArea .link-area .linkAreaLink .link-area-link.featured .title {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  margin: 100px 0 60px
}

@media only screen and (max-width:899px) {
  .linkArea .link-area .linkAreaLink .link-area-link.featured .title {
    margin-top: 80px
  }
}

.nestedTile .linkArea .link-area .linkAreaLink .link-area-link.featured .title {
  margin: 0
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkAreaLink .link-area-link.featured .title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
    margin: 30px 0 45px
  }
}

.linkArea .link-area .linkAreaLink .link-area-link.featured .link-area-title {
  margin-bottom: 30px
}

@media only screen and (max-width:899px) {
  .linkArea .link-area .linkAreaLink .link-area-link.featured .link-area-title {
    margin-bottom: 25px
  }
}

.linkArea .link-area .linkAreaLink .link-area-link.featured .link-area-subtitle {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin-bottom: 20px
}

@media only screen and (max-width:599px) {
  .linkArea .link-area .linkAreaLink .link-area-link.featured .link-area-subtitle {
    line-height: 24px
  }
}

.linkArea .link-area .linkAreaLink .read-more {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 22px
}

.linkArea .link-area.nestedRelatedServices {
  padding: 18px 0;
  border-top: 2px solid #c4c4cd
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.nestedRelatedServices {
    padding: 28px 0 10px;
    border-bottom: 2px solid #c4c4cd
  }
}

.linkArea .link-area.nestedRelatedServices .linkArea-pre-title {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 30px;
  margin-bottom: 40px;
  padding: 0
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.nestedRelatedServices .linkArea-pre-title {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 40px;
    margin-bottom: 30px
  }
}

.linkArea .link-area.nestedRelatedServices .linkAreaLink {
  padding: 0
}

.linkArea .link-area.nestedRelatedServices .linkAreaLink:last-of-type .link-area-link {
  margin-bottom: 0
}

.linkArea .link-area.nestedRelatedServices .linkAreaLink .link-area-link {
  margin: 0 0 40px
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.nestedRelatedServices .linkAreaLink .link-area-link {
    margin: 0 0 15px
  }

  .linkArea .link-area.nestedRelatedServices .linkAreaLink .link-area-link .link-area-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    width: calc(100% - 25px)
  }

  .linkArea .link-area.nestedRelatedServices .linkAreaLink .link-area-link .link-area-subtitle {
    display: none !important
  }

  .linkArea .link-area.nestedRelatedServices .linkAreaLink .link-area-link .read-more {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url("/img/arrow-right.svg") no-repeat center;
    background-size: 100%;
    border: 0
  }
}

.linkArea .link-area.nestedTileFeaturedService {
  padding: 18px 0;
  border-top: 2px solid #c4c4cd
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.nestedTileFeaturedService {
    padding: 28px 0;
    border-bottom: 2px solid #c4c4cd
  }
}

.linkArea .link-area.nestedTileFeaturedService .linkArea-pre-title {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 30px;
  margin-bottom: 40px;
  padding: 0
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.nestedTileFeaturedService .linkArea-pre-title {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 40px;
    margin-bottom: 30px
  }
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink {
  padding: 0
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink:last-of-type .link-area-link {
  margin-bottom: 0
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link {
  margin: 0 0 40px
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link {
    margin: 0 0 15px
  }
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link.featured {
  margin-bottom: 0;
  padding-bottom: 0
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link.featured .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link.featured .linkArea-featured-left, .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link.featured .linkArea-featured-right {
  width: 100%
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link.featured .linkArea-featured-left {
  padding-right: 0;
  margin-top: 40px
}

@media only screen and (max-width:599px) {
  .linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link.featured .linkArea-featured-left {
    margin-top: 10px
  }
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link.featured .linkArea-featured-left .link-area-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin-bottom: 20px
}

.linkArea .link-area.nestedTileFeaturedService .linkAreaLink .link-area-link.featured .linkArea-featured-left .link-area-subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px
}

.linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-description .linkedContent-title {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-big-items .linkedContent-author a:focus, .linkedContent .linkedContent-small-items .linkedContent-author a:focus, .linkedContent .linkedContent-description .linkedContent-title:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-big-items .linkedContent-author .box-dark-background a, .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author .box-dark-background a, .box-dark-background .linkedContent .linkedContent-description .linkedContent-title, .linkedContent .linkedContent-description .box-dark-background .linkedContent-title, .container-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-big-items .linkedContent-author .container-dark-background a, .container-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author .container-dark-background a, .container-dark-background .linkedContent .linkedContent-description .linkedContent-title, .linkedContent .linkedContent-description .container-dark-background .linkedContent-title, .template-article .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-big-items .linkedContent-author .template-article .box-dark-background a, .template-article .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author .template-article .box-dark-background a, .template-article .box-dark-background .linkedContent .linkedContent-description .linkedContent-title, .linkedContent .linkedContent-description .template-article .box-dark-background .linkedContent-title, .linkedContent .linkedContent-big-items .linkedContent-author a .better-question, .linkedContent .linkedContent-small-items .linkedContent-author a .better-question, .linkedContent .linkedContent-description .linkedContent-title .better-question, .eventListInstantSearch .linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-big-items .linkedContent-author .eventListInstantSearch a, .eventListInstantSearch .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author .eventListInstantSearch a, .eventListInstantSearch .linkedContent .linkedContent-description .linkedContent-title, .linkedContent .linkedContent-description .eventListInstantSearch .linkedContent-title {
  color: white
}

@media print {
  .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-big-items .linkedContent-author .box-dark-background a, .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author .box-dark-background a, .box-dark-background .linkedContent .linkedContent-description .linkedContent-title, .linkedContent .linkedContent-description .box-dark-background .linkedContent-title, .container-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-big-items .linkedContent-author .container-dark-background a, .container-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author .container-dark-background a, .container-dark-background .linkedContent .linkedContent-description .linkedContent-title, .linkedContent .linkedContent-description .container-dark-background .linkedContent-title, .template-article .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-big-items .linkedContent-author .template-article .box-dark-background a, .template-article .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author .template-article .box-dark-background a, .template-article .box-dark-background .linkedContent .linkedContent-description .linkedContent-title, .linkedContent .linkedContent-description .template-article .box-dark-background .linkedContent-title, .linkedContent .linkedContent-big-items .linkedContent-author a .better-question, .linkedContent .linkedContent-small-items .linkedContent-author a .better-question, .linkedContent .linkedContent-description .linkedContent-title .better-question, .eventListInstantSearch .linkedContent .linkedContent-big-items .linkedContent-author a, .linkedContent .linkedContent-big-items .linkedContent-author .eventListInstantSearch a, .eventListInstantSearch .linkedContent .linkedContent-small-items .linkedContent-author a, .linkedContent .linkedContent-small-items .linkedContent-author .eventListInstantSearch a, .eventListInstantSearch .linkedContent .linkedContent-description .linkedContent-title, .linkedContent .linkedContent-description .eventListInstantSearch .linkedContent-title {
    color: #2e2e38
  }
}

.box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-big-items .linkedContent-author .box-dark-background a:hover, .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author .box-dark-background a:hover, .box-dark-background .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-description .box-dark-background .linkedContent-title:hover, .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-big-items .linkedContent-author .box-dark-background a:active, .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author .box-dark-background a:active, .box-dark-background .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-description .box-dark-background .linkedContent-title:active, .container-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-big-items .linkedContent-author .container-dark-background a:hover, .container-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author .container-dark-background a:hover, .container-dark-background .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-description .container-dark-background .linkedContent-title:hover, .container-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-big-items .linkedContent-author .container-dark-background a:active, .container-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author .container-dark-background a:active, .container-dark-background .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-description .container-dark-background .linkedContent-title:active, .template-article .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-big-items .linkedContent-author .template-article .box-dark-background a:hover, .template-article .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author .template-article .box-dark-background a:hover, .template-article .box-dark-background .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-description .template-article .box-dark-background .linkedContent-title:hover, .template-article .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-big-items .linkedContent-author .template-article .box-dark-background a:active, .template-article .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author .template-article .box-dark-background a:active, .template-article .box-dark-background .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-description .template-article .box-dark-background .linkedContent-title:active, .linkedContent .linkedContent-big-items .linkedContent-author a .better-question:hover, .linkedContent .linkedContent-small-items .linkedContent-author a .better-question:hover, .linkedContent .linkedContent-description .linkedContent-title .better-question:hover, .linkedContent .linkedContent-big-items .linkedContent-author a .better-question:active, .linkedContent .linkedContent-small-items .linkedContent-author a .better-question:active, .linkedContent .linkedContent-description .linkedContent-title .better-question:active, .eventListInstantSearch .linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-big-items .linkedContent-author .eventListInstantSearch a:hover, .eventListInstantSearch .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author .eventListInstantSearch a:hover, .eventListInstantSearch .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-description .eventListInstantSearch .linkedContent-title:hover, .eventListInstantSearch .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-big-items .linkedContent-author .eventListInstantSearch a:active, .eventListInstantSearch .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author .eventListInstantSearch a:active, .eventListInstantSearch .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-description .eventListInstantSearch .linkedContent-title:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-big-items .linkedContent-author .box-dark-background a:hover, .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author .box-dark-background a:hover, .box-dark-background .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-description .box-dark-background .linkedContent-title:hover, .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-big-items .linkedContent-author .box-dark-background a:active, .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author .box-dark-background a:active, .box-dark-background .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-description .box-dark-background .linkedContent-title:active, .container-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-big-items .linkedContent-author .container-dark-background a:hover, .container-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author .container-dark-background a:hover, .container-dark-background .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-description .container-dark-background .linkedContent-title:hover, .container-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-big-items .linkedContent-author .container-dark-background a:active, .container-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author .container-dark-background a:active, .container-dark-background .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-description .container-dark-background .linkedContent-title:active, .template-article .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-big-items .linkedContent-author .template-article .box-dark-background a:hover, .template-article .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author .template-article .box-dark-background a:hover, .template-article .box-dark-background .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-description .template-article .box-dark-background .linkedContent-title:hover, .template-article .box-dark-background .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-big-items .linkedContent-author .template-article .box-dark-background a:active, .template-article .box-dark-background .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author .template-article .box-dark-background a:active, .template-article .box-dark-background .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-description .template-article .box-dark-background .linkedContent-title:active, .linkedContent .linkedContent-big-items .linkedContent-author a .better-question:hover, .linkedContent .linkedContent-small-items .linkedContent-author a .better-question:hover, .linkedContent .linkedContent-description .linkedContent-title .better-question:hover, .linkedContent .linkedContent-big-items .linkedContent-author a .better-question:active, .linkedContent .linkedContent-small-items .linkedContent-author a .better-question:active, .linkedContent .linkedContent-description .linkedContent-title .better-question:active, .eventListInstantSearch .linkedContent .linkedContent-big-items .linkedContent-author a:hover, .linkedContent .linkedContent-big-items .linkedContent-author .eventListInstantSearch a:hover, .eventListInstantSearch .linkedContent .linkedContent-small-items .linkedContent-author a:hover, .linkedContent .linkedContent-small-items .linkedContent-author .eventListInstantSearch a:hover, .eventListInstantSearch .linkedContent .linkedContent-description .linkedContent-title:hover, .linkedContent .linkedContent-description .eventListInstantSearch .linkedContent-title:hover, .eventListInstantSearch .linkedContent .linkedContent-big-items .linkedContent-author a:active, .linkedContent .linkedContent-big-items .linkedContent-author .eventListInstantSearch a:active, .eventListInstantSearch .linkedContent .linkedContent-small-items .linkedContent-author a:active, .linkedContent .linkedContent-small-items .linkedContent-author .eventListInstantSearch a:active, .eventListInstantSearch .linkedContent .linkedContent-description .linkedContent-title:active, .linkedContent .linkedContent-description .eventListInstantSearch .linkedContent-title:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.linkedContent .visual-link-3dots {
  position: absolute;
  bottom: 20px;
  left: 20px;
  pointer-events: none
}

@media only screen and (max-width:899px) {
  .linkedContent .visual-link-3dots {
    bottom: 30px
  }
}

@media only screen and (max-width:599px) {
  .linkedContent .visual-link-3dots {
    bottom: 20px
  }
}

.linkedContent .visual-link-3dots .dot {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  background-color: #ffe600;
  margin-right: 11px;
  margin-top: 6px
}

.linkedContent .visual-link-3dots .dot:nth-child(3) {
  margin-right: 10px
}

@media only screen and (max-width:599px) {
  .linkedContent .visual-link-3dots .dot {
    width: 11px;
    height: 11px;
    margin-right: 12px
  }
}

.linkedContent .linkedContent-heading:empty {
  display: none
}

.linkedContent .linkedContent-heading {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px
}

@media only screen and (max-width:1199px) {
  .linkedContent .linkedContent-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  .linkedContent .linkedContent-heading {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

.linkedContent .primary-topic-tag {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  color: #747480;
  margin: 0 0 25px;
  font-weight: 400
}

.box-dark-background .linkedContent .primary-topic-tag {
  color: #ffe600
}

.linkedContent .linkedContent-info {
  margin: 20px 0 0;
  overflow: hidden
}

.linkedContent .linkedContent-info span {
  display: inline-block
}

.linkedContent .linkedContent-info span.multiple-line:not(.no-right-line)::after {
  content: "|";
  padding-left: 4px
}

.linkedContent .linkedContent-info span.has-time::after, .linkedContent .linkedContent-info span.has-country-code::after {
  content: ','
}

.linkedContent .linkedContent-info span.webcast-date, .linkedContent .linkedContent-info span.podcast-date, .linkedContent .linkedContent-info span.location-date {
  position: relative;
  padding-left: 30px
}

.linkedContent .linkedContent-info span.webcast-date::before, .linkedContent .linkedContent-info span.podcast-date::before, .linkedContent .linkedContent-info span.location-date::before {
  content: '';
  display: block;
  position: absolute;
  background-size: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.linkedContent .linkedContent-info span.webcast-date::before {
  width: 22px;
  height: 19px;
  background: url("/img/ic_webcast_black.svg") center no-repeat
}

.box-dark-background .linkedContent .linkedContent-info span.webcast-date::before {
  background: url("/img/ic_webcast.svg") center no-repeat
}

.linkedContent .linkedContent-info span.webcast-date::after {
  content: ","
}

.linkedContent .linkedContent-info span.podcast-date::before {
  width: 22px;
  height: 20px;
  background: url("/img/ic_podcast_small.svg") center no-repeat
}

.box-dark-background .linkedContent .linkedContent-info span.podcast-date::before {
  background: url("/img/ic_podcast.svg") center no-repeat
}

.linkedContent .linkedContent-info span.location-date {
  padding-left: 24px
}

.linkedContent .linkedContent-info span.location-date::before {
  width: 14px;
  height: 20px;
  background: url("/img/ic_place_black.svg") center no-repeat
}

.box-dark-background .linkedContent .linkedContent-info span.location-date::before {
  background: url("/img/ic_place.svg") center no-repeat
}

@media only screen and (max-width:599px) {
  .linkedContent .linkedContent-big-items .linkedContent-wrapper-item:not(:last-child) {
    margin-bottom: 50px
  }
}

.linkedContent .linkedContent-big-items .linkedContent-title-link {
  margin: 20px 0 10px
}

@media only screen and (max-width:899px) {
  .linkedContent .linkedContent-big-items .linkedContent-title-link {
    margin-bottom: 0
  }
}

.linkedContent .linkedContent-small-items .linkedContent-wrapper-item {
  padding-bottom: 60px;
  position: relative
}

.linkedContent .linkedContent-small-items .linkedContent-wrapper-item:last-child {
  padding-bottom: 0
}

.linkedContent .linkedContent-small-items .linkedContent-wrapper-item:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #747480;
  bottom: 30px;
  left: 8px
}

@media only screen and (max-width:899px) {
  .linkedContent .linkedContent-small-items .linkedContent-wrapper-item:not(:last-child)::after {
    display: none
  }
}

@media only screen and (max-width:599px) {
  .linkedContent .linkedContent-small-items .linkedContent-wrapper-item:not(:last-child)::after {
    display: block
  }
}

.linkedContent .linkedContent-small-items .linkedContent-title-link {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.linkedContent .linkedContent-small-items .linkedContent-subheading {
  display: none
}

.linkedContent .linkedContent-small-items .linkedContent-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  margin: 0
}

.linkedContent .linkedContent-small-items .linkedContent-info {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  margin-top: 10px
}

.linkedContent .linkedContent-small-items .linkedContent-author span {
  text-transform: lowercase;
  font-weight: 300
}

@media only screen and (max-width:899px) {
  .linkedContent .linkedContent-wrapper-item:nth-child(3) {
    clear: both
  }
}

.linkedContent .linkedContent-image, .linkedContent .linkedContent-image-three-small-cells {
  position: relative
}

.linkedContent .linkedContent-image picture, .linkedContent .linkedContent-image-three-small-cells picture {
  position: relative;
  display: block;
  overflow: hidden
}

.linkedContent .linkedContent-image picture:hover img, .linkedContent .linkedContent-image-three-small-cells picture:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.linkedContent .linkedContent-image picture a, .linkedContent .linkedContent-image-three-small-cells picture a {
  display: block
}

.linkedContent .linkedContent-image picture img, .linkedContent .linkedContent-image-three-small-cells picture img {
  display: block;
  width: 100%;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out
}

.linkedContent .has-video a {
  display: block
}

.linkedContent .has-video a::after {
  content: '';
  background: url("/img/ic_videocam.svg") center/contain no-repeat;
  display: block;
  width: 24px;
  height: 16px;
  position: absolute;
  bottom: 18px;
  right: 13px
}

.linkedContent .visual-link-3dots .dot {
  margin-right: 15px
}

.linkedContent .linkedContent-description>a {
  display: block
}

.linkedContent .linkedContent-description .linkedContent-image-three-small-cells {
  display: none
}

.linkedContent .linkedContent-description .linkedContent-title {
  font-weight: 400
}

.linkedContent .linkedContent-description .linkedContent-title.is-clipped {
  display: inline
}

.linkedContent .linkedContent-description .linkedContent-subheading {
  margin: 0;
  width: 100%;
  clear: both
}

@media only screen and (max-width:899px) {
  .linkedContent .linkedContent-description .linkedContent-subheading {
    display: none !important
  }
}

.linkedContent .cross-site-content {
  padding: 5px;
  border: 1px solid;
  width: 100%;
  margin-bottom: 5px;
  border-radius: 3px;
  color: black
}

.linkedContent .cross-site-content.warning {
  background-color: orange
}

.linkedContent .cross-site-content.info {
  background-color: lightblue
}

.linkedContent .two-big-cells, .linkedContent .two-big-cells-newsroom {
  padding-top: 40px;
  padding-bottom: 60px
}

@media only screen and (max-width:599px) {
  .linkedContent .two-big-cells, .linkedContent .two-big-cells-newsroom {
    padding-bottom: 40px
  }
}

.linkedContent .two-big-cells .linkedContent-heading, .linkedContent .two-big-cells-newsroom .linkedContent-heading {
  margin: 0 0 40px
}

@media only screen and (max-width:899px) {
  .linkedContent .two-big-cells .linkedContent-heading, .linkedContent .two-big-cells-newsroom .linkedContent-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  .linkedContent .two-big-cells .linkedContent-heading, .linkedContent .two-big-cells-newsroom .linkedContent-heading {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

.linkedContent .three-cells-vertical {
  padding-top: 40px;
  padding-bottom: 40px
}

.linkedContent .three-cells-vertical .linkedContent-heading {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  font-weight: 400;
  color: #747480;
  padding-bottom: 25px;
  margin: 0
}

.box-dark-background .linkedContent .three-cells-vertical .linkedContent-heading {
  color: #ffe600
}

.linkedContent .three-cells-vertical .linkedContent-title-link, .linkedContent .three-cells-vertical .linkedContent-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px
}

@media only screen and (max-width:1199px) {
  .linkedContent .three-cells-vertical .linkedContent-title-link, .linkedContent .three-cells-vertical .linkedContent-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px
  }
}

@media only screen and (max-width:899px) {
  .linkedContent .three-cells-vertical .linkedContent-small-items .linkedContent-wrapper-item:first-child::after {
    display: block
  }
}

.linkedContent .three-small-cells {
  padding-top: 40px;
  padding-bottom: 60px
}

@media only screen and (max-width:1199px) {
  .linkedContent .three-small-cells {
    padding-bottom: 50px
  }
}

@media only screen and (max-width:899px) {
  .linkedContent .three-small-cells {
    padding-bottom: 40px
  }
}

.linkedContent .three-small-cells .linkedContent-heading {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  font-weight: 400;
  color: #747480;
  padding-bottom: 25px;
  margin: 0
}

.box-dark-background .linkedContent .three-small-cells .linkedContent-heading {
  color: #ffe600
}

.linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item {
  overflow: hidden;
  padding-bottom: 0
}

.linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item div {
  float: left
}

@media only screen and (max-width:899px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item:not(:last-child) {
    padding-bottom: 30px
  }
}

@media only screen and (max-width:599px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item:not(:last-child) {
    padding-bottom: 20px
  }
}

.linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-image {
  width: 120px
}

@media only screen and (max-width:1199px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-image {
    width: 93px
  }
}

@media only screen and (max-width:899px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-image {
    display: none
  }
}

.linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-image+.linkedContent-description {
  padding-left: 20px
}

@media only screen and (max-width:1199px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-image+.linkedContent-description {
    padding-left: 10px
  }
}

@media only screen and (max-width:899px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-image-three-small-cells {
    display: block;
    width: 33.33333%;
    padding-right: 16px
  }
}

@media only screen and (max-width:899px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-image-three-small-cells+.linkedContent-title-link {
    width: 100%;
    padding-left: 33.33333%
  }
}

.linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item::after {
  display: none
}

.linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-description {
  width: calc(100% - 120px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:1199px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-description {
    width: calc(100% - 93px)
  }
}

@media only screen and (max-width:899px) {
  .linkedContent .three-small-cells .linkedContent-small-items .linkedContent-wrapper-item .linkedContent-description {
    width: 100%;
    padding-left: 0
  }
}

.linkedContent .three-big-cells {
  padding-top: 40px;
  padding-bottom: 60px
}

.linkedContent .three-big-cells .linkedContent-heading {
  margin: 0 0 40px
}

@media only screen and (max-width:899px) {
  .linkedContent .three-big-cells .linkedContent-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  .linkedContent .three-big-cells .linkedContent-heading {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

@media only screen and (max-width:899px) {
  .linkedContent .three-big-cells .linkedContent-wrapper-item:not(:last-child) {
    margin-bottom: 50px
  }
}

.linkedContent .five-cells {
  opacity: 0;
  padding-top: 40px;
  padding-bottom: 60px
}

@media only screen and (max-width:599px) {
  .linkedContent .five-cells {
    padding-bottom: 40px
  }
}

.linkedContent .five-cells.initialized {
  opacity: 1
}

.linkedContent .five-cells .linkedContent-heading {
  margin: 0 0 40px
}

@media only screen and (max-width:899px) {
  .linkedContent .five-cells .linkedContent-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  .linkedContent .five-cells .linkedContent-heading {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

@media only screen and (max-width:899px) {
  .linkedContent .five-cells .linkedContent-big-items {
    padding-bottom: 50px
  }
}

.linkedContent .five-cells .linkedContent-big-items .linkedContent-author span {
  display: none
}

.linkedContent .five-cells .linkedContent-small-items {
  padding-right: 0
}

.linkedContent .five-cells .linkedContent-small-items .linkedContent-image {
  display: none
}

.linkedContent .five-cells .linkedContent-small-items .primary-topic-tag {
  display: none
}

.linkedContent .five-cells .linkedContent-small-items .linkedContent-subheading {
  display: none
}

@charset "UTF-8";

.composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .less {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .more:focus, .composite-local-perspective .richText .read-more .less:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .box-dark-background .more, .box-dark-background .composite-local-perspective .richText .read-more .less, .composite-local-perspective .richText .read-more .box-dark-background .less, .container-dark-background .composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .container-dark-background .more, .container-dark-background .composite-local-perspective .richText .read-more .less, .composite-local-perspective .richText .read-more .container-dark-background .less, .template-article .box-dark-background .composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .template-article .box-dark-background .more, .template-article .box-dark-background .composite-local-perspective .richText .read-more .less, .composite-local-perspective .richText .read-more .template-article .box-dark-background .less, .composite-local-perspective .richText .read-more .more .better-question, .composite-local-perspective .richText .read-more .less .better-question, .eventListInstantSearch .composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .eventListInstantSearch .more, .eventListInstantSearch .composite-local-perspective .richText .read-more .less, .composite-local-perspective .richText .read-more .eventListInstantSearch .less {
  color: white
}

@media print {
  .box-dark-background .composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .box-dark-background .more, .box-dark-background .composite-local-perspective .richText .read-more .less, .composite-local-perspective .richText .read-more .box-dark-background .less, .container-dark-background .composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .container-dark-background .more, .container-dark-background .composite-local-perspective .richText .read-more .less, .composite-local-perspective .richText .read-more .container-dark-background .less, .template-article .box-dark-background .composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .template-article .box-dark-background .more, .template-article .box-dark-background .composite-local-perspective .richText .read-more .less, .composite-local-perspective .richText .read-more .template-article .box-dark-background .less, .composite-local-perspective .richText .read-more .more .better-question, .composite-local-perspective .richText .read-more .less .better-question, .eventListInstantSearch .composite-local-perspective .richText .read-more .more, .composite-local-perspective .richText .read-more .eventListInstantSearch .more, .eventListInstantSearch .composite-local-perspective .richText .read-more .less, .composite-local-perspective .richText .read-more .eventListInstantSearch .less {
    color: #2e2e38
  }
}

.box-dark-background .composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .box-dark-background .more:hover, .box-dark-background .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .box-dark-background .less:hover, .box-dark-background .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .box-dark-background .more:active, .box-dark-background .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .box-dark-background .less:active, .container-dark-background .composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .container-dark-background .more:hover, .container-dark-background .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .container-dark-background .less:hover, .container-dark-background .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .container-dark-background .more:active, .container-dark-background .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .container-dark-background .less:active, .template-article .box-dark-background .composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .template-article .box-dark-background .more:hover, .template-article .box-dark-background .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .template-article .box-dark-background .less:hover, .template-article .box-dark-background .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .template-article .box-dark-background .more:active, .template-article .box-dark-background .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .template-article .box-dark-background .less:active, .composite-local-perspective .richText .read-more .more .better-question:hover, .composite-local-perspective .richText .read-more .less .better-question:hover, .composite-local-perspective .richText .read-more .more .better-question:active, .composite-local-perspective .richText .read-more .less .better-question:active, .eventListInstantSearch .composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .eventListInstantSearch .more:hover, .eventListInstantSearch .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .eventListInstantSearch .less:hover, .eventListInstantSearch .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .eventListInstantSearch .more:active, .eventListInstantSearch .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .eventListInstantSearch .less:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .box-dark-background .more:hover, .box-dark-background .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .box-dark-background .less:hover, .box-dark-background .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .box-dark-background .more:active, .box-dark-background .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .box-dark-background .less:active, .container-dark-background .composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .container-dark-background .more:hover, .container-dark-background .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .container-dark-background .less:hover, .container-dark-background .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .container-dark-background .more:active, .container-dark-background .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .container-dark-background .less:active, .template-article .box-dark-background .composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .template-article .box-dark-background .more:hover, .template-article .box-dark-background .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .template-article .box-dark-background .less:hover, .template-article .box-dark-background .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .template-article .box-dark-background .more:active, .template-article .box-dark-background .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .template-article .box-dark-background .less:active, .composite-local-perspective .richText .read-more .more .better-question:hover, .composite-local-perspective .richText .read-more .less .better-question:hover, .composite-local-perspective .richText .read-more .more .better-question:active, .composite-local-perspective .richText .read-more .less .better-question:active, .eventListInstantSearch .composite-local-perspective .richText .read-more .more:hover, .composite-local-perspective .richText .read-more .eventListInstantSearch .more:hover, .eventListInstantSearch .composite-local-perspective .richText .read-more .less:hover, .composite-local-perspective .richText .read-more .eventListInstantSearch .less:hover, .eventListInstantSearch .composite-local-perspective .richText .read-more .more:active, .composite-local-perspective .richText .read-more .eventListInstantSearch .more:active, .eventListInstantSearch .composite-local-perspective .richText .read-more .less:active, .composite-local-perspective .richText .read-more .eventListInstantSearch .less:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.composite-local-perspective {
  background: #f6f6fa
}

@media print {
  .composite-local-perspective {
    background: transparent
  }
}

.composite-local-perspective>.content {
  padding: 40px 40px 10px
}

.composite-local-perspective .localPerspective-heading {
  line-height: 22px
}

.composite-local-perspective .localPerspective-heading img {
  margin: 0 8px 0 3px;
  vertical-align: middle
}

.composite-local-perspective .presentersAndOrganizers .presentersAndOrganizers-items {
  width: 50%
}

@media only screen and (max-width:899px) {
  .composite-local-perspective .presentersAndOrganizers .presentersAndOrganizers-items {
    width: 100%
  }
}

.composite-local-perspective .presentersAndOrganizers .presentersAndOrganizers-items:nth-child(2n) {
  margin-right: 0
}

.composite-local-perspective .richText {
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  font-family: Georgia, sans-serif;
  font-weight: 400;
  margin-bottom: 25px
}

html[lang^='ja'] .composite-local-perspective .richText {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .composite-local-perspective .richText {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.composite-local-perspective .richText .component-content {
  position: relative;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out
}

@media print {
  .composite-local-perspective .richText .component-content {
    -webkit-transition: none;
    transition: none;
    height: auto !important
  }
}

.composite-local-perspective .richText .component-content::after {
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 96px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 250, 0)), to(#f6f6fa));
  background: linear-gradient(rgba(246, 246, 250, 0) 0%, #f6f6fa 100%)
}

@media print {
  .composite-local-perspective .richText .component-content::after {
    display: none
  }
}

.composite-local-perspective .richText .read-more {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-family: 'EYInterstate', sans-serif;
  font-weight: 700;
  display: inline-block;
  cursor: pointer
}

html[lang^='ja'] .composite-local-perspective .richText .read-more {
  font-family: 'EYInterstate', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .composite-local-perspective .richText .read-more {
  font-family: 'EYInterstate', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

@media print {
  .composite-local-perspective .richText .read-more {
    display: none
  }
}

.composite-local-perspective .richText .read-more .less {
  display: none
}

.composite-local-perspective .richText.in-range .read-more {
  display: none
}

.composite-local-perspective .richText.in-range .component-content::after {
  opacity: 0
}

.composite-local-perspective .richText.expanded .component-content::after {
  opacity: 0
}

.composite-local-perspective .richText.expanded .read-more .less {
  display: block
}

.composite-local-perspective .richText.expanded .read-more .more {
  display: none
}

.composite-local-perspective .richText h4 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 36px;
  margin: 0 0 40px
}

.composite-local-perspective .presentersAndOrganizers.content {
  border-top: 1px solid #c4c4cd;
  position: relative;
  padding-top: 10px
}

.composite-local-perspective .presentersAndOrganizers.content .presentersAndOrganizers-heading {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  position: absolute;
  background: #f6f6fa;
  top: -12px;
  padding-right: 10px;
  margin: 0
}

.map-static .button {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.map-static .button:hover, .map-static .button:active, .map-static .button:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .map-static .button, .map-static .box-dark-background .button, .container-dark-background .map-static .button, .map-static .container-dark-background .button, .template-article .box-dark-background .map-static .button, .map-static .template-article .box-dark-background .button, .map-static .button .better-question, .eventListInstantSearch .map-static .button, .map-static .eventListInstantSearch .button {
  color: white
}

@media print {
  .box-dark-background .map-static .button, .map-static .box-dark-background .button, .container-dark-background .map-static .button, .map-static .container-dark-background .button, .template-article .box-dark-background .map-static .button, .map-static .template-article .box-dark-background .button, .map-static .button .better-question, .eventListInstantSearch .map-static .button, .map-static .eventListInstantSearch .button {
    color: #2e2e38
  }
}

.box-dark-background .map-static .button:hover, .map-static .box-dark-background .button:hover, .box-dark-background .map-static .button:active, .map-static .box-dark-background .button:active, .container-dark-background .map-static .button:hover, .map-static .container-dark-background .button:hover, .container-dark-background .map-static .button:active, .map-static .container-dark-background .button:active, .template-article .box-dark-background .map-static .button:hover, .map-static .template-article .box-dark-background .button:hover, .template-article .box-dark-background .map-static .button:active, .map-static .template-article .box-dark-background .button:active, .map-static .button .better-question:hover, .map-static .button .better-question:active, .eventListInstantSearch .map-static .button:hover, .map-static .eventListInstantSearch .button:hover, .eventListInstantSearch .map-static .button:active, .map-static .eventListInstantSearch .button:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .map-static .button:hover, .map-static .box-dark-background .button:hover, .box-dark-background .map-static .button:active, .map-static .box-dark-background .button:active, .container-dark-background .map-static .button:hover, .map-static .container-dark-background .button:hover, .container-dark-background .map-static .button:active, .map-static .container-dark-background .button:active, .template-article .box-dark-background .map-static .button:hover, .map-static .template-article .box-dark-background .button:hover, .template-article .box-dark-background .map-static .button:active, .map-static .template-article .box-dark-background .button:active, .map-static .button .better-question:hover, .map-static .button .better-question:active, .eventListInstantSearch .map-static .button:hover, .map-static .eventListInstantSearch .button:hover, .eventListInstantSearch .map-static .button:active, .map-static .eventListInstantSearch .button:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.map {
  margin-bottom: 0
}

.map-interactive {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  background: #2e2e38
}

@media print {
  .map-interactive {
    width: 100%;
    left: auto
  }
}

.map-interactive>.component-content, .map-interactive>.row {
  padding: 0 68px
}

@media print {
  .map-interactive>.component-content, .map-interactive>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .map-interactive {
    width: calc(100% + 104px);
    left: -52px
  }

  .map-interactive>.component-content, .map-interactive>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .map-interactive {
    width: calc(100% + 72px);
    left: -36px
  }

  .map-interactive>.component-content, .map-interactive>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .map-interactive {
    width: calc(100% + 24px);
    left: -12px
  }

  .map-interactive>.component-content, .map-interactive>.row {
    padding: 0 18px
  }
}

.map-interactive.fixed-component {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .map-interactive.fixed-component {
    width: 100%;
    left: auto
  }
}

.map-interactive.fixed-component>.component-content, .map-interactive.fixed-component>.row {
  padding: 0 68px
}

@media print {
  .map-interactive.fixed-component>.component-content, .map-interactive.fixed-component>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .map-interactive.fixed-component {
    width: calc(100% + 120px);
    left: -60px
  }

  .map-interactive.fixed-component>.component-content, .map-interactive.fixed-component>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .map-interactive.fixed-component {
    width: calc(100% + 88px);
    left: -44px
  }

  .map-interactive.fixed-component>.component-content, .map-interactive.fixed-component>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .map-interactive.fixed-component {
    width: calc(100% + 36px);
    left: -18px
  }

  .map-interactive.fixed-component>.component-content, .map-interactive.fixed-component>.row {
    padding: 0 18px
  }
}

.map-interactive.min-zoom-reached .map-zoomOut {
  opacity: 0.4;
  cursor: default
}

.map-interactive.is-ready .component-content .map-canvas {
  opacity: 1
}

.map-interactive .component-content {
  max-width: 1920px;
  margin: 0 auto
}

.map-interactive .component-content .map-canvas {
  height: 800px;
  opacity: 0
}

.map-interactive .component-content .map-canvas div {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.map-interactive .component-content .map-canvas .map-controls {
  width: 46px;
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 0
}

@media only screen and (max-width:599px) {
  .map-interactive .component-content .map-canvas .map-controls {
    display: none
  }
}

.map-interactive .component-content .map-canvas .map-controls .map-zoomIn, .map-interactive .component-content .map-canvas .map-controls .map-zoomOut {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 44px;
  border: 1px solid;
  color: #fff;
  background-color: #2e2e38;
  border-radius: 50%;
  padding: 0;
  cursor: pointer
}

.map-interactive .component-content .map-canvas .map-controls .map-zoomIn::before, .map-interactive .component-content .map-canvas .map-controls .map-zoomIn::after, .map-interactive .component-content .map-canvas .map-controls .map-zoomOut::before, .map-interactive .component-content .map-canvas .map-controls .map-zoomOut::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  height: 2px;
  width: 18px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.map-interactive .component-content .map-canvas .map-controls .map-zoomIn::before, .map-interactive .component-content .map-canvas .map-controls .map-zoomOut::before {
  top: 13px;
  width: 2px;
  height: 18px;
  -webkit-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg)
}

.map-interactive .component-content .map-canvas .map-controls .map-zoomIn::after, .map-interactive .component-content .map-canvas .map-controls .map-zoomOut::after {
  content: '';
  height: 2px;
  width: 18px
}

.map-interactive .component-content .map-canvas .map-controls .map-zoomOut {
  margin-top: 4px
}

.map-interactive .component-content .map-canvas .map-controls .map-zoomOut::before {
  display: none
}

.map-interactive .component-content .map-canvas .gm-style-iw-d+button {
  display: none !important
}

.map-interactive .component-content .map-canvas .map-infoBox {
  display: block;
  position: relative;
  bottom: 5px;
  left: -8px;
  width: 310px;
  padding: 15px 17px 20px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #1a1a24;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 -8px 10px 0 rgba(46, 46, 56, 0.3);
  box-shadow: 0 -8px 10px 0 rgba(46, 46, 56, 0.3);
  font-family: inherit
}

.map-interactive .component-content .map-canvas .map-infoBox::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 143px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1a1a24
}

.map-interactive .component-content .map-canvas .map-infoBox .map-infoBox-title, .map-interactive .component-content .map-canvas .map-infoBox .map-infoBox-address {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 300;
  margin: 0 0 10px
}

.map-interactive .component-content .map-canvas .map-infoBox .map-infoBox-title {
  color: #ffe600;
  font-weight: 400
}

.map-interactive .component-content .map-canvas .map-infoBox .map-infoBox-address {
  margin-bottom: 15px
}

.map-interactive .component-content .map-canvas .map-infoBox .map-infoBox-button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 700;
  display: block;
  width: 275px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  color: white;
  border: 1px solid
}

.map-interactive .component-content .map-canvas .gm-style-iw {
  overflow: visible
}

.map-interactive .component-content .map-canvas .gm-style-iw>div, .map-interactive .component-content .map-canvas .gm-style-iw>div>div {
  overflow: visible !important
}

.map-interactive .component-content .map-canvas .gm-style-iw~div {
  display: none
}

.map-interactive .component-content .map-canvas .gm-style .gm-style-iw-t::after {
  display: none
}

.map-interactive .component-content .map-canvas .gm-style-iw-t::before {
  display: none
}

.map-interactive .component-content .map-canvas div.gm-style {
  font: inherit
}

.map-static img {
  opacity: 0;
  display: block;
  margin-bottom: 10px
}

.map-static.initialized img {
  opacity: 1
}

.marketoForm iframe {
  border: 0
}

.marketoForm.top-border iframe {
  border-top: 1px solid #c4c4cd
}

.mediaImage {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .mediaImage {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.mediaImage div {
  outline: none
}

.mediaImage .component-content {
  margin: 0
}

.mediaImage img {
  display: block;
  max-width: 100%;
  width: 100%
}

.mediaImage .carousel-trigger {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  font-weight: 700;
  background: #2e2e38 url("/img/ic_photo_library.svg") no-repeat 19px 50%;
  color: white;
  padding: 0 12px 0 48px;
  position: absolute;
  right: 70px;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  max-width: 114px;
  top: 40px;
  display: block;
  opacity: 0;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s
}

.mediaImage .carousel-trigger.active {
  opacity: 1
}

@media only screen and (max-width:1199px) {
  .mediaImage .carousel-trigger {
    right: 62px
  }
}

@media only screen and (max-width:899px) {
  .mediaImage .carousel-trigger {
    right: 44px
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .carousel-trigger {
    top: 19px;
    right: 19px
  }
}

.mediaImage .prev-image-container, .mediaImage .next-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(99%, rgba(0, 0, 0, 0.01)), to(transparent));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.01) 99%, transparent);
  color: #fff;
  opacity: 0;
  padding-left: 15px;
  font-size: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 105;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .mediaImage .prev-image-container, .mediaImage .next-image-container {
    display: none
  }
}

.mediaImage .prev-image-container:hover, .mediaImage .prev-image-container:focus, .mediaImage .next-image-container:hover, .mediaImage .next-image-container:focus {
  opacity: 1
}

.mediaImage .prev-image-container:hover .counter-container, .mediaImage .prev-image-container:focus .counter-container, .mediaImage .next-image-container:hover .counter-container, .mediaImage .next-image-container:focus .counter-container {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.mediaImage .prev-image-container:focus, .mediaImage .next-image-container:focus {
  outline: none
}

.mediaImage .prev-image-container.hidden, .mediaImage .next-image-container.hidden {
  opacity: 0;
  z-index: -1
}

.mediaImage .prev-image-container .counter-container, .mediaImage .next-image-container .counter-container {
  opacity: 0;
  width: 100%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.mediaImage .prev-image-container .counter, .mediaImage .prev-image-container .counter-total, .mediaImage .prev-image-container .prev, .mediaImage .prev-image-container .next, .mediaImage .next-image-container .counter, .mediaImage .next-image-container .counter-total, .mediaImage .next-image-container .prev, .mediaImage .next-image-container .next {
  font-size: 32px;
  font-size: 3.2rem;
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.mediaImage .prev-image-container .counter-total::before, .mediaImage .next-image-container .counter-total::before {
  content: '/';
  display: inline-block;
  color: #fff;
  margin-right: -9px
}

.mediaImage .prev-image-container .next, .mediaImage .prev-image-container .prev, .mediaImage .next-image-container .next, .mediaImage .next-image-container .prev {
  width: 40px;
  height: 22px;
  background: url("/img/arrow.svg") no-repeat center;
  background-size: 100% 22px;
  margin-right: 20px;
  padding: 0;
  border: 0;
  cursor: pointer
}

.mediaImage .prev-image-container .next::after, .mediaImage .prev-image-container .prev::after, .mediaImage .next-image-container .next::after, .mediaImage .next-image-container .prev::after {
  display: none
}

.mediaImage .prev-image-container button.next, .mediaImage .prev-image-container button.prev, .mediaImage .next-image-container button.next, .mediaImage .next-image-container button.prev {
  font-size: 0
}

.mediaImage .prev-image-container .prev, .mediaImage .next-image-container .prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.mediaImage .next-image-container {
  right: 0;
  left: auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 15px 0 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.6)), color-stop(99%, rgba(0, 0, 0, 0.01)), to(transparent));
  background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.01) 99%, transparent)
}

.mediaImage .next-image-container .counter-container {
  text-align: right;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.mediaImage .next-image-container .next {
  margin: 0 0 0 20px
}

.mediaImage .image-initial {
  position: relative;
  z-index: 100
}

.mediaImage .image-initial figure {
  background: white;
  padding-bottom: 10px
}

@media only screen and (max-width:899px) {
  .mediaImage .image-initial figcaption {
    width: 66.66667%;
    float: left
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-initial figcaption {
    width: 58.33333%
  }
}

.mediaImage .image-initial figcaption p:last-child {
  margin-bottom: 0
}

.mediaImage .image-initial img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.mediaImage .image-initial .image-content, .mediaImage .image-initial img {
  max-height: 900px
}

@media only screen and (max-width:1199px) {
  .mediaImage .image-initial .image-content, .mediaImage .image-initial img {
    max-height: 640px
  }
}

@media only screen and (max-width:899px) {
  .mediaImage .image-initial .image-content, .mediaImage .image-initial img {
    max-height: 480px
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-initial .image-content, .mediaImage .image-initial img {
    max-height: 226px
  }
}

.mediaImage .image-initial .sharingUtilityBar {
  display: none;
  text-align: center
}

@media only screen and (max-width:899px) {
  .mediaImage .image-initial .sharingUtilityBar {
    display: block;
    width: 33.33333%;
    float: left
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-initial .sharingUtilityBar {
    width: 41.66667%
  }
}

.mediaImage .image-initial .sharingUtilityBar-content {
  padding-top: 10px
}

.mediaImage .image-carousel-wrapper {
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel-wrapper {
    height: auto
  }
}

.mediaImage .image-carousel-container {
  visibility: hidden;
  opacity: 0;
  background: #2e2e38;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s
}

.mediaImage .image-carousel-container.active {
  visibility: visible;
  opacity: 1;
  z-index: 502
}

.mediaImage .image-carousel-container.active img {
  max-height: 100%;
  max-width: 100%;
  position: relative
}

.mediaImage .image-carousel-container .sharingUtilityBar {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 42px;
  z-index: 110;
  padding: 0
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel-container .sharingUtilityBar {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto
  }
}

.mediaImage .image-carousel-container .shareThis-toggleButton, .mediaImage .image-carousel-container .sharingUtilityBar-clipboard, .mediaImage .image-carousel-container .sharingUtilityBar-print {
  border: 1px solid #c4c4cd;
  background-color: #2e2e38
}

.mediaImage .image-carousel-container .shareThis-toggleButton svg path, .mediaImage .image-carousel-container .sharingUtilityBar-clipboard svg path, .mediaImage .image-carousel-container .sharingUtilityBar-print svg path {
  fill: white
}

.mediaImage .image-carousel-container .sharingUtilityBar-content {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel-container .sharingUtilityBar-content {
    display: block;
    padding-left: 44px;
    position: relative;
    top: -50px
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-carousel-container .sharingUtilityBar-content {
    padding-left: 18px
  }
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-icon {
  margin: 17px 0 0
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-icon {
    margin: 0 10px 0 0
  }
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-icon .sharingUtilityBar-copied-link-popup {
  z-index: 505
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-clipboard {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-clipboard svg {
  width: 20px
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .shareThis-active .shareThis-toggleButton svg {
  width: 19px
}

.mediaImage .image-carousel {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel {
    position: relative;
    top: 0;
    padding-top: 44px;
    bottom: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }
}

.mediaImage .image-carousel .image {
  float: left;
  font-size: 0;
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel .image {
    height: auto
  }
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel .image {
    padding-bottom: 50px;
    height: 0
  }

  .mediaImage .image-carousel .image.active {
    height: auto
  }
}

.mediaImage .image-carousel .image>.component-content, .mediaImage .image-carousel .image figure {
  height: 100%
}

.mediaImage .image-carousel .image figcaption {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  position: absolute;
  width: 400px;
  right: 0;
  top: 0;
  height: 100%;
  background: #2e2e38;
  color: white;
  padding: 80px 80px 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel .image figcaption {
    display: block;
    background: transparent;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: relative;
    width: 100%;
    padding: 44px 44px 0;
    overflow-y: hidden;
    -ms-touch-action: pan-y;
    touch-action: pan-y
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-carousel .image figcaption {
    padding: 30px 18px 0
  }
}

.mediaImage .image-carousel .image h2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  font-weight: 700
}

.mediaImage .image-carousel img {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
  z-index: 100;
  height: auto;
  position: fixed;
  width: auto
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel img {
    min-width: 100%
  }
}

.mediaImage .image-carousel.caption-open figcaption {
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.mediaImage .image-carousel.caption-open img {
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
  margin-left: 0
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel.caption-open img {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.mediaImage .image-carousel.caption-open .next-image-container {
  right: 400px
}

.mediaImage .image-carousel.caption-open .control-caption {
  background: #c4c4cd;
  border-color: #c4c4cd
}

.mediaImage .image-carousel.caption-open .control-caption svg path {
  fill: #2e2e38
}

.mediaImage .control-close, .mediaImage .control-caption {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 85px;
  right: 24px;
  border-radius: 100%;
  border: 1px #c4c4cd solid;
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
  z-index: 110;
  background-color: #2e2e38;
  cursor: pointer;
  padding: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

@media only screen and (max-width:899px) {
  .mediaImage .control-close, .mediaImage .control-caption {
    display: none
  }
}

.mediaImage .control-close button, .mediaImage .control-caption button {
  font-size: 0;
  padding: 0;
  border: 0;
  cursor: pointer
}

.mediaImage .control-close svg, .mediaImage .control-caption svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.mediaImage .control-close svg path, .mediaImage .control-caption svg path {
  fill: white
}

.mediaImage .control-close {
  background: url("/img/close.png") center/20px no-repeat #2e2e38;
  top: 25px
}

@media only screen and (max-width:899px) {
  .mediaImage .control-close {
    display: block;
    top: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    z-index: 502
  }
}

@media only screen and (min-width:900px) {
  .mediaImage.col-md-10 .image-initial .image-content, .mediaImage.col-md-10 .image-initial img {
    max-height: 468px
  }
}

@media only screen and (min-width:1200px) {
  .mediaImage.col-lg-10 .image-initial .image-content, .mediaImage.col-lg-10 .image-initial img {
    max-height: 674px
  }
}

@media only screen and (min-width:1200px) {
  .mediaImage.col-lg-8 .image-initial .image-content, .mediaImage.col-lg-8 .image-initial img {
    max-height: 537px
  }
}

.mediaImage.media-image-full-width {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .mediaImage.media-image-full-width {
    width: 100%;
    left: auto
  }
}

.mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
  padding: 0 68px
}

@media print {
  .mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .mediaImage.media-image-full-width {
    width: calc(100% + 120px);
    left: -60px
  }

  .mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .mediaImage.media-image-full-width {
    width: calc(100% + 88px);
    left: -44px
  }

  .mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .mediaImage.media-image-full-width {
    width: calc(100% + 36px);
    left: -18px
  }

  .mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
    padding: 0 18px
  }
}

.mediaImage.media-image-full-width figcaption {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px
}

.mediaImage.media-image-full-width .component-row {
  max-width: 1784px;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto
}

@media only screen and (min-width:1920px) {
  .mediaImage.media-image-full-width .carousel-trigger {
    right: 0
  }
}

.reference-careers-secondary-navigation {
  margin: 0
}

.box-heading {
  display: none
}

.box-secondary-navigation {
  background: #1a1a24;
  margin: 0
}

@media print {
  .box-secondary-navigation {
    display: none
  }
}

.box-secondary-navigation>.component-content {
  padding: 0
}

.box-secondary-navigation>.component-content>.content {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.box-secondary-navigation>.component-content>.content>.title {
  margin: 0;
  height: 50px;
  padding: 12px 0 12px 30px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  width: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.box-secondary-navigation>.component-content>.content>.title .title-heading {
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
  color: white;
  padding-right: 20px;
  border-right: 1px solid #747480;
  margin: 0
}

.box-secondary-navigation>.component-content>.content>.navigation {
  background: #1a1a24;
  padding: 0;
  margin: 0
}

.box-secondary-navigation>.component-content>.content>.navigation .navigation-mobile-menu {
  display: none
}

.box-secondary-navigation>.component-content>.content>.navigation .navigation-root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none
}

.box-secondary-navigation>.component-content>.content>.navigation .navigation-root li {
  padding: 0 20px
}

.box-secondary-navigation>.component-content>.content>.navigation .navigation-root li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  font-weight: 700;
  color: white;
  padding: 14px 0;
  display: block
}

.box-secondary-navigation>.component-content>.content>.navigation .navigation-root li.is-active a {
  color: #ffe600
}

@media only screen and (max-width:1199px) {
  .box-secondary-navigation>.component-content>.content {
    display: block
  }

  .box-secondary-navigation>.component-content>.content>.title .title-heading {
    border-right: none
  }

  .box-secondary-navigation>.component-content>.content>.title::after {
    content: '';
    display: block;
    position: absolute;
    top: 21px;
    right: 30px;
    width: 12px;
    height: 8px;
    background: url("/img/expand-more.svg") no-repeat 50% 50%/12px
  }

  .box-secondary-navigation>.component-content>.content>.navigation {
    position: absolute;
    display: none;
    z-index: 101;
    top: 100%;
    width: 100%
  }

  .box-secondary-navigation>.component-content>.content>.navigation .navigation-root {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .box-secondary-navigation>.component-content>.content>.navigation .navigation-root li {
    padding: 0 30px
  }

  .box-secondary-navigation.expanded>.component-content>.content>.title::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .box-secondary-navigation.expanded>.component-content>.content>.navigation {
    display: block
  }
}

.navigationMenuLabels {
  display: none
}

@charset "UTF-8";

.nestedTile {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
  padding-right: 8.33333%
}

@media only screen and (max-width:599px) {
  .nestedTile {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

@media only screen and (max-width:899px) {
  .nestedTile {
    padding-right: 8px
  }
}

@media only screen and (max-width:599px) {
  .nestedTile {
    padding-right: 6px
  }
}

@media only screen and (max-width:899px) {
  .nestedTile .content-grid.nested .tile:not(.event-tile) .content-grid-title {
    margin-bottom: 14px
  }
}

@media only screen and (max-width:599px) {
  .nestedTile .content-grid.nested .tile:not(.event-tile) .content-grid-title {
    margin-bottom: 8px
  }
}

@media only screen and (max-width:899px) {
  .nestedTile .content-grid.nested .tile:not(.event-tile) .article-tile .tile-text-box .hyperlink-text-link, .nestedTile .content-grid.nested .tile:not(.event-tile) .article-tile .tile-text-box .article-title {
    margin-top: 0;
    font-weight: 700
  }
}

@media only screen and (max-width:899px) {
  .nestedTile .content-grid.nested .tile:not(.event-tile) .article-tile .tile-image-box {
    display: none
  }
}

.nestedTile .content-grid.nested .tile:not(.event-tile) .article-tile .article-details {
  margin-top: 19px
}

@media only screen and (max-width:899px) {
  .nestedTile .content-grid.nested .tile:not(.event-tile) .article-tile .article-details {
    margin-top: 12px
  }
}

@media only screen and (max-width:599px) {
  .nestedTile .content-grid.nested .tile:not(.event-tile) .article-tile .article-details {
    margin-top: 10px
  }
}

.template-article-template .nestedTile, .template-case-study-template .nestedTile, .nestedTile.nestedTile-copy-block {
  font-family: Georgia, sans-serif;
  font-weight: 400
}

html[lang^='ja'] .template-article-template .nestedTile, html[lang^='ja'] .template-case-study-template .nestedTile, html[lang^='ja'] .nestedTile.nestedTile-copy-block {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .template-article-template .nestedTile, html[lang^='zh'] .template-case-study-template .nestedTile, html[lang^='zh'] .nestedTile.nestedTile-copy-block {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.template-article-template .nestedTile>.richText-content>:first-child, .template-case-study-template .nestedTile>.richText-content>:first-child, .nestedTile.nestedTile-copy-block>.richText-content>:first-child {
  margin-top: 0
}

.template-article-template .nestedTile>.richText-content>:last-child, .template-case-study-template .nestedTile>.richText-content>:last-child, .nestedTile.nestedTile-copy-block>.richText-content>:last-child {
  margin-bottom: 0
}

.nestedTile>.content>.richText-content h1, .nestedTile>.content>.richText-content h2, .nestedTile>.content>.richText-content h3, .nestedTile>.content>.richText-content h4, .nestedTile>.content>.richText-content h5, .nestedTile>.content>.richText-content p {
  margin: 40px 0;
  color: #2e2e38
}

.box-dark-background .nestedTile>.content>.richText-content h1, .container-dark-background .nestedTile>.content>.richText-content h1, .template-article .box-dark-background .nestedTile>.content>.richText-content h1, .box-dark-background .nestedTile>.content>.richText-content h2, .container-dark-background .nestedTile>.content>.richText-content h2, .template-article .box-dark-background .nestedTile>.content>.richText-content h2, .box-dark-background .nestedTile>.content>.richText-content h3, .container-dark-background .nestedTile>.content>.richText-content h3, .template-article .box-dark-background .nestedTile>.content>.richText-content h3, .box-dark-background .nestedTile>.content>.richText-content h4, .container-dark-background .nestedTile>.content>.richText-content h4, .template-article .box-dark-background .nestedTile>.content>.richText-content h4, .box-dark-background .nestedTile>.content>.richText-content h5, .container-dark-background .nestedTile>.content>.richText-content h5, .template-article .box-dark-background .nestedTile>.content>.richText-content h5, .box-dark-background .nestedTile>.content>.richText-content p, .container-dark-background .nestedTile>.content>.richText-content p, .template-article .box-dark-background .nestedTile>.content>.richText-content p {
  color: white
}

.caseStudy-full .nestedTile>.content>.richText-content h1, .caseStudy-full .nestedTile>.content>.richText-content h2, .caseStudy-full .nestedTile>.content>.richText-content h3, .caseStudy-full .nestedTile>.content>.richText-content h4, .caseStudy-full .nestedTile>.content>.richText-content h5, .caseStudy-full .nestedTile>.content>.richText-content p {
  color: #2e2e38
}

.nestedTile>.content>.richText-content h4 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 36px
}

.nestedTile>.content>.richText-content h5 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px
}

.nestedTile>.content>.richText-content p, .nestedTile>.content>.richText-content li {
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px
}

.nestedTile>.content>.richText-content ol, .nestedTile>.content>.richText-content ul {
  list-style-position: outside !important;
  padding-left: 35px;
  margin: 40px 0
}

.nestedTile>.content>.richText-content ol li, .nestedTile>.content>.richText-content ul li {
  padding-left: 10px
}

.nestedTile>.content>.richText-content ol li:last-of-type, .nestedTile>.content>.richText-content ul li:last-of-type {
  margin-bottom: 0
}

.nestedTile>.content>.richText-content>:first-child {
  margin-top: 0
}

.nestedTile>.content>.richText-content>:last-child {
  margin-bottom: 0
}

.nestedTile .nestedTile-spacer {
  float: left
}

.nestedTile .nestedTile-parsys {
  font-family: 'EYInterstate', sans-serif;
  clear: both;
  position: relative;
  right: -8.33333%;
  float: right;
  width: 100%
}

html[lang^='ja'] .nestedTile .nestedTile-parsys {
  font-family: 'EYInterstate', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .nestedTile .nestedTile-parsys {
  font-family: 'EYInterstate', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

@media only screen and (min-width:1200px) {
  .nestedTile .nestedTile-parsys {
    width: calc(33.33333% + 60px);
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: calc(60px - 8.33333%)
  }
}

@media only screen and (max-width:1199px) {
  .nestedTile .nestedTile-parsys {
    width: 33.33333%;
    margin-top: 60px;
    margin-bottom: 60px;
    float: right
  }
}

@media only screen and (max-width:899px) {
  .nestedTile .nestedTile-parsys {
    width: 41.66667%;
    margin-left: 60px;
    right: 0
  }
}

@media only screen and (max-width:599px) {
  .nestedTile .nestedTile-parsys {
    max-width: 100%;
    margin: 40px 0;
    width: 100%
  }
}

.nestedTile .nestedTile-parsys>.component {
  margin-bottom: 0
}

.nestedTile .nestedTile-parsys>.title .title-heading {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  margin: 0;
  padding: 32px 0 10px;
  border-top: 1px solid #c4c4cd;
  color: #2e2e38
}

.nestedTile .nestedTile-parsys>.richText {
  margin: 0 0 10px;
  float: left
}

.nestedTile .nestedTile-parsys>.richText p {
  margin: 0;
  line-height: inherit
}

.nestedTile .nestedTile-parsys .richText-inline-subscribe {
  margin-bottom: 0
}

.nestedTile .nestedTile-parsys .richText-inline-subscribe p, .nestedTile .nestedTile-parsys .richText-inline-subscribe h3 {
  width: 100%
}

.nestedTile .nestedTile-parsys .richText-inline-subscribe .parent-of-hyperlink-primary-cta {
  position: relative;
  top: 0;
  margin: 20px 0 0
}

.nestedTile .nestedTile-parsys>.upvote {
  padding: 10px 0 30px;
  border-bottom: 1px solid #c4c4cd
}

.nestedTile .content-grid, .nestedTile .personnested, .nestedTile .title>.component-content {
  margin: 0 -8px
}

@media only screen and (max-width:599px) {
  .nestedTile .content-grid, .nestedTile .personnested, .nestedTile .title>.component-content {
    margin: 0 -6px
  }
}

.officeDetails {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .officeDetails {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.officeDetails .office-details.component-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -8px
}

@media only screen and (max-width:599px) {
  .officeDetails .office-details.component-content {
    display: block
  }
}

.officeDetails .office-details.component-content .column-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -8px
}

@media only screen and (max-width:1199px) {
  .officeDetails .office-details.component-content .column-content {
    display: block
  }
}

.officeDetails .office-details.component-content.wide-first-section .second-column {
  width: 33.33333%
}

.officeDetails .office-details.component-content.wide-first-section .second-column .column-content {
  display: block
}

.officeDetails .office-details.component-content.wide-first-section .second-column .secondary-column {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px
}

.officeDetails .office-details.component-content.wide-first-section .first-column {
  position: relative;
  width: 66.66667%
}

.officeDetails .office-details.component-content.wide-first-section .first-column .secondary-column .office-destination::before {
  position: relative;
  width: calc(200% + 16px);
  margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
  .officeDetails .office-details.component-content.wide-first-section .first-column .secondary-column .office-destination::before {
    width: 100%
  }
}

.officeDetails .office-details.component-content.wide-second-section .first-column {
  width: 33.33333%
}

.officeDetails .office-details.component-content.wide-second-section .first-column .column-content {
  display: block
}

.officeDetails .office-details.component-content.wide-second-section .first-column .secondary-column {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px
}

.officeDetails .office-details.component-content.wide-second-section .second-column {
  width: 66.66667%
}

.officeDetails .office-details.component-content.wide-first-section .first-column, .officeDetails .office-details.component-content.wide-first-section .second-column, .officeDetails .office-details.component-content.wide-second-section .first-column, .officeDetails .office-details.component-content.wide-second-section .second-column {
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:1199px) {
  .officeDetails .office-details.component-content.wide-first-section .first-column, .officeDetails .office-details.component-content.wide-first-section .second-column, .officeDetails .office-details.component-content.wide-second-section .first-column, .officeDetails .office-details.component-content.wide-second-section .second-column {
    width: 50%
  }
}

@media only screen and (max-width:599px) {
  .officeDetails .office-details.component-content.wide-first-section .first-column, .officeDetails .office-details.component-content.wide-first-section .second-column, .officeDetails .office-details.component-content.wide-second-section .first-column, .officeDetails .office-details.component-content.wide-second-section .second-column {
    width: 100%
  }
}

.officeDetails .office-details.component-content.wide-first-section .secondary-column, .officeDetails .office-details.component-content.wide-second-section .secondary-column {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
  width: 50%;
  margin-bottom: 30px
}

@media only screen and (max-width:1199px) {
  .officeDetails .office-details.component-content.wide-first-section .secondary-column, .officeDetails .office-details.component-content.wide-second-section .secondary-column {
    width: 100%
  }
}

.officeDetails .office-details.component-content .office-entity {
  padding: 20px 0 10px
}

.officeDetails .office-details.component-content .office-entity .office-destination::before {
  display: none
}

.officeDetails .office-destination, .officeDetails .office-contact {
  margin-bottom: 20px
}

.officeDetails .office-destination::before, .officeDetails .office-contact::before {
  content: '';
  width: 100%;
  display: block;
  border-top: 1px solid #c4c4cd;
  margin-bottom: 10px
}

.officeDetails .office-contact {
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .officeDetails .office-contact {
    margin-bottom: 20px
  }
}

.officeDetails p {
  margin: 0
}

.officeDetails .officeDetails-team .team-title {
  border: none;
  margin-bottom: 20px;
  padding: 0
}

.officeDetails .officePhoneNumber a, .officeDetails .officeFaxNumber a {
  font-weight: 300
}

.officeDetails .office-name {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin-bottom: 10px;
  font-weight: 400
}

.officeLocation>.content .city-country {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.officeLocation>.content .city-country:hover, .officeLocation>.content .city-country:active, .officeLocation>.content .city-country:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .officeLocation>.content .city-country, .officeLocation>.content .box-dark-background .city-country, .container-dark-background .officeLocation>.content .city-country, .officeLocation>.content .container-dark-background .city-country, .template-article .box-dark-background .officeLocation>.content .city-country, .officeLocation>.content .template-article .box-dark-background .city-country, .officeLocation>.content .city-country .better-question, .eventListInstantSearch .officeLocation>.content .city-country, .officeLocation>.content .eventListInstantSearch .city-country {
  color: white
}

@media print {
  .box-dark-background .officeLocation>.content .city-country, .officeLocation>.content .box-dark-background .city-country, .container-dark-background .officeLocation>.content .city-country, .officeLocation>.content .container-dark-background .city-country, .template-article .box-dark-background .officeLocation>.content .city-country, .officeLocation>.content .template-article .box-dark-background .city-country, .officeLocation>.content .city-country .better-question, .eventListInstantSearch .officeLocation>.content .city-country, .officeLocation>.content .eventListInstantSearch .city-country {
    color: #2e2e38
  }
}

.box-dark-background .officeLocation>.content .city-country:hover, .officeLocation>.content .box-dark-background .city-country:hover, .box-dark-background .officeLocation>.content .city-country:active, .officeLocation>.content .box-dark-background .city-country:active, .container-dark-background .officeLocation>.content .city-country:hover, .officeLocation>.content .container-dark-background .city-country:hover, .container-dark-background .officeLocation>.content .city-country:active, .officeLocation>.content .container-dark-background .city-country:active, .template-article .box-dark-background .officeLocation>.content .city-country:hover, .officeLocation>.content .template-article .box-dark-background .city-country:hover, .template-article .box-dark-background .officeLocation>.content .city-country:active, .officeLocation>.content .template-article .box-dark-background .city-country:active, .officeLocation>.content .city-country .better-question:hover, .officeLocation>.content .city-country .better-question:active, .eventListInstantSearch .officeLocation>.content .city-country:hover, .officeLocation>.content .eventListInstantSearch .city-country:hover, .eventListInstantSearch .officeLocation>.content .city-country:active, .officeLocation>.content .eventListInstantSearch .city-country:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .officeLocation>.content .city-country:hover, .officeLocation>.content .box-dark-background .city-country:hover, .box-dark-background .officeLocation>.content .city-country:active, .officeLocation>.content .box-dark-background .city-country:active, .container-dark-background .officeLocation>.content .city-country:hover, .officeLocation>.content .container-dark-background .city-country:hover, .container-dark-background .officeLocation>.content .city-country:active, .officeLocation>.content .container-dark-background .city-country:active, .template-article .box-dark-background .officeLocation>.content .city-country:hover, .officeLocation>.content .template-article .box-dark-background .city-country:hover, .template-article .box-dark-background .officeLocation>.content .city-country:active, .officeLocation>.content .template-article .box-dark-background .city-country:active, .officeLocation>.content .city-country .better-question:hover, .officeLocation>.content .city-country .better-question:active, .eventListInstantSearch .officeLocation>.content .city-country:hover, .officeLocation>.content .eventListInstantSearch .city-country:hover, .eventListInstantSearch .officeLocation>.content .city-country:active, .officeLocation>.content .eventListInstantSearch .city-country:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.officeLocation {
  margin-top: 20px;
  margin-bottom: 0
}

@media only screen and (max-width:899px) {
  .officeLocation {
    margin-top: 0
  }
}

@media only screen and (max-width:599px) {
  .officeLocation {
    margin-top: 20px
  }
}

.officeLocation>.content {
  padding-top: 20px;
  border-top: 1px solid #c4c4cd
}

@media only screen and (max-width:899px) {
  .officeLocation>.content {
    padding-top: 0;
    border: 0
  }
}

@media only screen and (max-width:599px) {
  .officeLocation>.content {
    padding-top: 20px;
    border-top: 1px solid #c4c4cd
  }
}

.officeLocation>.content .office-heading {
  font-size: 14px;
  font-size: 1.4rem;
  display: block
}

@media only screen and (max-width:599px) {
  .officeLocation>.content .office-heading {
    font-size: 16px;
    font-size: 1.6rem
  }
}

.officeLocation>.content .city-country {
  color: white
}

.officeLocation>.content .city-country:hover, .officeLocation>.content .city-country:active {
  color: white
}

.composite-content-overview .parentSector, #service-header .parentSector {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 400
}

.box-dark-background .composite-content-overview .parentSector *, .box-dark-background #service-header .parentSector * {
  color: #ffe600
}

.composite-content-overview .headlineTitle {
  margin-bottom: 15px
}

.composite-content-overview .title-heading {
  margin: 0
}

.composite-content-overview .parentSector {
  margin: 0
}

.composite-content-overview .parentSector .parent-sector {
  margin: 15px 0 0
}

#service-header .parentSector {
  margin-bottom: 40px
}

@media only screen and (max-width:599px) {
  #service-header .parentSector {
    margin-bottom: 30px
  }
}

.presentersAndOrganizers .presentersAndOrganizers-heading {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 300
}

.template-event-page-template .presentersAndOrganizers .presentersAndOrganizers-heading {
  margin-top: 30px
}

.presentersAndOrganizers .presentersAndOrganizers-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px;
  overflow: hidden
}

.presentersAndOrganizers .presentersAndOrganizers-wrapper.presenters, .presentersAndOrganizers .presentersAndOrganizers-wrapper.organizers {
  border-top: 1px solid #cacad1
}

.presentersAndOrganizers .presentersAndOrganizers-items {
  margin-bottom: 22px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (min-width:1200px) {
  .presentersAndOrganizers .presentersAndOrganizers-items {
    width: 41.66667%
  }

  .presentersAndOrganizers .presentersAndOrganizers-items:nth-child(2n) {
    margin-right: 16.66667%
  }
}

@media only screen and (max-width:1199px) {
  .presentersAndOrganizers .presentersAndOrganizers-items {
    width: 33.33333%
  }
}

@media only screen and (max-width:899px) {
  .presentersAndOrganizers .presentersAndOrganizers-items {
    width: 50%
  }
}

@media only screen and (max-width:599px) {
  .presentersAndOrganizers .presentersAndOrganizers-items {
    width: 100%;
    padding-right: 0
  }
}

.presentersAndOrganizers .presentersAndOrganizers-image {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%;
  float: left;
  vertical-align: top;
  margin-right: 16px
}

.presentersAndOrganizers .presentersAndOrganizers-image .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.presentersAndOrganizers .presentersAndOrganizers-description {
  float: left;
  width: calc(100% - 80px)
}

.presentersAndOrganizers .presentersAndOrganizers-author-link .presentersAndOrganizers-author {
  font-weight: 700;
  border-bottom: 1px solid transparent;
  display: inline
}

.presentersAndOrganizers .presentersAndOrganizers-author-link .presentersAndOrganizers-author:hover, .presentersAndOrganizers .presentersAndOrganizers-author-link .presentersAndOrganizers-author:active {
  border-color: #2e2e38;
  border-bottom-width: 1px
}

.presentersAndOrganizers .presentersAndOrganizers-author {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  margin: 0
}

.presentersAndOrganizers .presentersAndOrganizers-job {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  display: block
}

.pressReleaseHeader {
  width: 66.66667%;
  overflow: hidden
}

@media only screen and (max-width:1199px) {
  .pressReleaseHeader {
    width: 75%
  }
}

@media only screen and (max-width:599px) {
  .pressReleaseHeader {
    width: 100%
  }
}

.pressReleaseHeader .top-label h4 {
  margin-bottom: 10px
}

.pressReleaseHeader .optional-details {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px
}

.pressReleaseHeader .optional-details .optional-details-block {
  white-space: nowrap;
  border-left: 1px solid black;
  margin-left: -10px;
  padding-left: 10px;
  padding-right: 15px
}

.pressReleaseHeader .description-heading {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 34px
}

@media only screen and (max-width:899px) {
  .pressReleaseHeader .title .title-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 46px
  }
}

@media only screen and (max-width:599px) {
  .pressReleaseHeader .title .title-heading {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

.readMore {
  display: none;
  margin-top: 20px
}

.readMore a {
  display: none;
  font-weight: 700;
  padding-bottom: 2px;
  color: inherit;
  position: relative
}

.readMore a.read-more {
  display: inline-block
}

.readMore a::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 2px;
  border-bottom: 1.5px solid;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  width: 100%
}

.readMore a:hover::after {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.mod-touchevents .readMore a::after {
  display: none
}

.readMore.activated {
  display: block;
  margin-top: 20px
}

.readMore.activated a {
  display: none;
  font-weight: 700;
  padding-bottom: 2px;
  color: inherit;
  position: relative
}

.readMore.activated a.read-more {
  display: inline-block
}

.readMore.activated a::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  height: 2px;
  border-bottom: 1.5px solid;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  width: 100%
}

.readMore.activated a:hover::after {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.mod-touchevents .readMore.activated a::after {
  display: none
}

.readMore.activated.is-open {
  display: block
}

.readMore.activated.is-open a.read-more {
  display: none
}

.readMore.activated.is-open a.read-less {
  display: inline-block
}

[id=profile-description] .readMore, .composite-variation-content-overview-dark .readMore, .box-dark-background .readMore {
  color: white
}

[id=profile-description] .readMore a, .composite-variation-content-overview-dark .readMore a, .box-dark-background .readMore a {
  color: white
}

.richText[class*='read-more-target-'] {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-wrap: break-word
}

@media only screen and (max-width:1199px) {
  .richText[class*='read-more-target-'] {
    font-size: 16px;
    font-size: 1.6rem
  }
}

.richText[class*='read-more-target-'].activated {
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.4s;
  transition: height 0.4s
}

.richText[class*='read-more-target-'].activated::after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0) 50%, white 100%);
  left: 0;
  bottom: 0
}

.richText[class*='read-more-target-'].is-open::after {
  display: none
}

[id=profile-description] .richText[class*='read-more-target-'], .composite-variation-content-overview-dark .richText[class*='read-more-target-'], .box-dark-background .richText[class*='read-more-target-'], .heroBannerLiteProfile .richText[class*='read-more-target-'] {
  color: white
}

[id=profile-description] .richText[class*='read-more-target-'].activated::after, .composite-variation-content-overview-dark .richText[class*='read-more-target-'].activated::after, .box-dark-background .richText[class*='read-more-target-'].activated::after, .heroBannerLiteProfile .richText[class*='read-more-target-'].activated::after {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(46, 46, 56, 0)), to(#2e2e38));
  background: linear-gradient(rgba(46, 46, 56, 0) 50%, #2e2e38 100%)
}

[id=profile-description-right] .richText[class*='read-more-target-'] .richText-content>*:first-child {
  margin-top: 0
}

[id="readon-container"] {
  padding: 0;
  min-height: 0
}

[id="readon-container"]>.row>div {
  min-height: 0
}

.readOnArticle {
  position: relative;
  padding: 0 0 20px;
  margin-bottom: 60px
}

@media only screen and (max-width:899px) {
  .readOnArticle {
    max-height: none !important
  }
}

.readOnArticle.is-empty {
  display: none
}

.readOnArticle [id="top-components-wrapper"] {
  max-height: 600px;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .readOnArticle [id="top-components-wrapper"] {
    max-height: 250px
  }
}

@media only screen and (max-width:599px) {
  .readOnArticle [id="case-study-header"] .copy-block {
    max-height: none
  }
}

.readOnArticle .image-content {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .readOnArticle .image-content {
    width: 100%;
    left: auto
  }
}

.readOnArticle .image-content>.component-content, .readOnArticle .image-content>.row {
  padding: 0 68px
}

@media print {
  .readOnArticle .image-content>.component-content, .readOnArticle .image-content>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .readOnArticle .image-content {
    width: calc(100% + 104px);
    left: -52px
  }

  .readOnArticle .image-content>.component-content, .readOnArticle .image-content>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .readOnArticle .image-content {
    width: calc(100% + 72px);
    left: -36px
  }

  .readOnArticle .image-content>.component-content, .readOnArticle .image-content>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .readOnArticle .image-content {
    width: calc(100% + 24px);
    left: -12px
  }

  .readOnArticle .image-content>.component-content, .readOnArticle .image-content>.row {
    padding: 0 18px
  }
}

.readOnArticle .image-content img {
  width: 100%
}

.readOnArticle.fixed-component .image-content {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .readOnArticle.fixed-component .image-content {
    width: 100%;
    left: auto
  }
}

.readOnArticle.fixed-component .image-content>.component-content, .readOnArticle.fixed-component .image-content>.row {
  padding: 0 68px
}

@media print {
  .readOnArticle.fixed-component .image-content>.component-content, .readOnArticle.fixed-component .image-content>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .readOnArticle.fixed-component .image-content {
    width: calc(100% + 120px);
    left: -60px
  }

  .readOnArticle.fixed-component .image-content>.component-content, .readOnArticle.fixed-component .image-content>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .readOnArticle.fixed-component .image-content {
    width: calc(100% + 88px);
    left: -44px
  }

  .readOnArticle.fixed-component .image-content>.component-content, .readOnArticle.fixed-component .image-content>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .readOnArticle.fixed-component .image-content {
    width: calc(100% + 36px);
    left: -18px
  }

  .readOnArticle.fixed-component .image-content>.component-content, .readOnArticle.fixed-component .image-content>.row {
    padding: 0 18px
  }
}

.readOnArticle::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 100;
  width: 1920px;
  height: 250px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(85%, white), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, white 85%, white 100%);
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.readOnArticle .copy-block {
  max-height: 600px;
  overflow: hidden
}

.readOnArticle .read-on-btn {
  position: absolute;
  bottom: 10px;
  left: 8px;
  z-index: 105;
  font-weight: 700;
  margin-left: 25%
}

@media only screen and (max-width:1199px) {
  .readOnArticle .read-on-btn {
    margin-left: 33.33333%
  }
}

@media only screen and (max-width:899px) {
  .readOnArticle .read-on-btn {
    margin-left: 0;
    left: 8px
  }
}

.readOnArticle.is-case-study [id="page-content"] {
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  pointer-events: none
}

.readOnArticle:not(.is-case-study) .read-on-article [id="top-components-wrapper"]>.row>:last-child {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  pointer-events: none
}

.readOnArticle .container-utility-side-bar {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  pointer-events: none;
  max-height: 600px;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .readOnArticle .container-utility-side-bar {
    height: 0;
    padding-top: 0;
    padding-bottom: 0
  }
}

.readOnArticle.show-more {
  max-height: none !important
}

.readOnArticle.show-more::after {
  display: none
}

.readOnArticle.show-more .container-utility-side-bar {
  overflow: visible
}

.readOnArticle.show-more .read-on-btn {
  display: none
}

.readOnArticle.show-more .read-on-article [id="top-components-wrapper"]>.row>:last-child, .readOnArticle.show-more .container-utility-side-bar, .readOnArticle.show-more.is-case-study [id="page-content"] {
  opacity: 1;
  pointer-events: auto
}

.readOnArticle.show-more [id="top-components-wrapper"] {
  max-height: none
}

.readOnArticle.show-more .container-utility-side-bar {
  max-height: none
}

.readOnArticle.show-more .container-utility-side-bar::after {
  display: none
}

@media only screen and (max-width:899px) {
  .readOnArticle.show-more .container-utility-side-bar {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px
  }
}

.g-recaptcha {
  display: inline-block
}

@charset "UTF-8";

.richText-subscribe .richText-content h3+p a {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p a:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .richText-subscribe .richText-content h3+p a, .richText-subscribe .richText-content h3+p .box-dark-background a, .container-dark-background .richText-subscribe .richText-content h3+p a, .richText-subscribe .richText-content h3+p .container-dark-background a, .template-article .box-dark-background .richText-subscribe .richText-content h3+p a, .richText-subscribe .richText-content h3+p .template-article .box-dark-background a, .richText-subscribe .richText-content h3+p a .better-question, .eventListInstantSearch .richText-subscribe .richText-content h3+p a, .richText-subscribe .richText-content h3+p .eventListInstantSearch a {
  color: white
}

@media print {
  .box-dark-background .richText-subscribe .richText-content h3+p a, .richText-subscribe .richText-content h3+p .box-dark-background a, .container-dark-background .richText-subscribe .richText-content h3+p a, .richText-subscribe .richText-content h3+p .container-dark-background a, .template-article .box-dark-background .richText-subscribe .richText-content h3+p a, .richText-subscribe .richText-content h3+p .template-article .box-dark-background a, .richText-subscribe .richText-content h3+p a .better-question, .eventListInstantSearch .richText-subscribe .richText-content h3+p a, .richText-subscribe .richText-content h3+p .eventListInstantSearch a {
    color: #2e2e38
  }
}

.box-dark-background .richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p .box-dark-background a:hover, .box-dark-background .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p .box-dark-background a:active, .container-dark-background .richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p .container-dark-background a:hover, .container-dark-background .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p .container-dark-background a:active, .template-article .box-dark-background .richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p .template-article .box-dark-background a:hover, .template-article .box-dark-background .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p .template-article .box-dark-background a:active, .richText-subscribe .richText-content h3+p a .better-question:hover, .richText-subscribe .richText-content h3+p a .better-question:active, .eventListInstantSearch .richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p .eventListInstantSearch a:hover, .eventListInstantSearch .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p .eventListInstantSearch a:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p .box-dark-background a:hover, .box-dark-background .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p .box-dark-background a:active, .container-dark-background .richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p .container-dark-background a:hover, .container-dark-background .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p .container-dark-background a:active, .template-article .box-dark-background .richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p .template-article .box-dark-background a:hover, .template-article .box-dark-background .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p .template-article .box-dark-background a:active, .richText-subscribe .richText-content h3+p a .better-question:hover, .richText-subscribe .richText-content h3+p a .better-question:active, .eventListInstantSearch .richText-subscribe .richText-content h3+p a:hover, .richText-subscribe .richText-content h3+p .eventListInstantSearch a:hover, .eventListInstantSearch .richText-subscribe .richText-content h3+p a:active, .richText-subscribe .richText-content h3+p .eventListInstantSearch a:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.richText-banner-with-text, .richText-banner-with-image {
  color: #2e2e38
}

.box-dark-background .richText-banner-with-text, .box-dark-background .richText-banner-with-image, .container-dark-background .richText-banner-with-text, .container-dark-background .richText-banner-with-image {
  color: #fff
}

.richText-banner-with-text .richText-content h3, .richText-banner-with-image .richText-content h3 {
  margin: 0 0 10px
}

@media only screen and (max-width:899px) {
  .richText-banner-with-text .richText-content h3, .richText-banner-with-image .richText-content h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

.richText-banner-with-text .richText-content p, .richText-banner-with-image .richText-content p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0
}

@media only screen and (max-width:899px) {
  .richText-banner-with-text .richText-content p, .richText-banner-with-image .richText-content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px
  }
}

.richText-banner-with-text .richText-content p a[class*='-primary-cta'], .richText-banner-with-image .richText-content p a[class*='-primary-cta'] {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-align: center
}

.richText-banner-with-text .richText-content .hyperlink-primary-cta, .richText-banner-with-image .richText-content .hyperlink-primary-cta {
  background-color: transparent
}

.richText-banner-with-text .richText-content .hyperlink-primary-cta:hover, .richText-banner-with-image .richText-content .hyperlink-primary-cta:hover, .richText-banner-with-text .richText-content .hyperlink-primary-cta:active, .richText-banner-with-image .richText-content .hyperlink-primary-cta:active {
  background-color: #2e2e38
}

.richText-banner-with-text .richText-content a[class*='-primary-cta'], .richText-banner-with-image .richText-content a[class*='-primary-cta'] {
  margin-top: 30px
}

@media only screen and (max-width:599px) {
  .richText-banner-with-text .richText-content a[class*='-primary-cta'], .richText-banner-with-image .richText-content a[class*='-primary-cta'] {
    margin-top: 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
  }
}

.selection-color-white {
  color: #fff
}

.selection-color-yellow {
  color: #ffe600
}

.selection-dropcap {
  font-size: 110px;
  font-size: 11rem;
  line-height: 80px;
  float: left;
  margin-right: 38px;
  margin-top: 5px
}

@media only screen and (max-width:599px) {
  .selection-dropcap {
    font-size: 70px;
    font-size: 7rem;
    line-height: 38px;
    margin-right: 20px;
    margin-top: 10px
  }
}

.template-article .selection-dropcap {
  font-family: Georgia, sans-serif;
  font-weight: 400
}

html[lang^='ja'] .template-article .selection-dropcap {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .template-article .selection-dropcap {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.parent-of-selection-dropcap {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px
}

.richText-copy-block>.component-content .parent-of-selection-dropcap {
  line-height: 30px
}

:lang(zh-CN) .richText-copy-block>.component-content .parent-of-selection-dropcap, :lang(ja_JP) .richText-copy-block>.component-content .parent-of-selection-dropcap {
  line-height: 32px
}

.nestedTile .parent-of-selection-dropcap {
  display: inline-block
}

.selection-label {
  color: #747480
}

@media only screen and (max-width:899px) {
  .selection-hidden-on-small-resolution {
    display: none
  }
}

.richText {
  margin-bottom: 0
}

.richText ul[style*='list-style-position'], .richText ol[style*='list-style-position'] {
  list-style-position: outside !important
}

.richText strong, .richText b {
  font-weight: 700
}

.richText-error {
  background-color: #f6f6fa
}

.richText-error .richText-content {
  padding: 225px 30% 190px;
  text-align: center
}

@media only screen and (max-width:1199px) {
  .richText-error .richText-content {
    padding: 225px 24% 190px
  }
}

@media only screen and (max-width:899px) {
  .richText-error .richText-content {
    padding: 225px 19% 190px
  }
}

@media only screen and (max-width:599px) {
  .richText-error .richText-content {
    padding: 170px 50px 145px
  }
}

.richText-error .richText-content h1 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  margin: 0 0 10px
}

@media only screen and (max-width:899px) {
  .richText-error .richText-content h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  .richText-error .richText-content h1 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

.richText-error .richText-content p {
  margin: 0 0 30px;
  line-height: 28px
}

.richText-error .richText-content p.parent-of-hyperlink-primary-cta, .richText-error .richText-content p.parent-of-hyperlink-text-link {
  display: inline-block;
  vertical-align: middle
}

.richText-error .richText-content p.parent-of-hyperlink-primary-cta {
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .richText-error .richText-content p.parent-of-hyperlink-primary-cta {
    width: 100%
  }
}

.richText-error .richText-content p.parent-of-hyperlink-primary-cta .hyperlink-primary-cta {
  background-color: transparent;
  margin-bottom: 25px
}

@media only screen and (max-width:599px) {
  .richText-error .richText-content p.parent-of-hyperlink-primary-cta .hyperlink-primary-cta {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

.richText-error .richText-content p.parent-of-hyperlink-primary-cta .hyperlink-primary-cta:hover, .richText-error .richText-content p.parent-of-hyperlink-primary-cta .hyperlink-primary-cta:active {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.richText-error .richText-content p.parent-of-hyperlink-text-link, .richText-error .richText-content p.parent-of-hyperlink-primary-cta {
  word-break: break-word
}

.richText-error .richText-content p.parent-of-hyperlink-text-link .hyperlink-text-link, .richText-error .richText-content p.parent-of-hyperlink-primary-cta .hyperlink-text-link {
  display: inline-block;
  margin-left: 30px;
  margin-right: 30px
}

@media only screen and (max-width:599px) {
  .richText-error .richText-content p.parent-of-hyperlink-text-link .hyperlink-text-link, .richText-error .richText-content p.parent-of-hyperlink-primary-cta .hyperlink-text-link {
    margin-left: 0;
    margin-right: 0
  }
}

.richText-full-width {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .richText-full-width {
    width: 100%;
    left: auto
  }
}

.richText-full-width>.component-content, .richText-full-width>.row {
  padding: 0 68px
}

@media print {
  .richText-full-width>.component-content, .richText-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .richText-full-width {
    width: calc(100% + 104px);
    left: -52px
  }

  .richText-full-width>.component-content, .richText-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .richText-full-width {
    width: calc(100% + 72px);
    left: -36px
  }

  .richText-full-width>.component-content, .richText-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .richText-full-width {
    width: calc(100% + 24px);
    left: -12px
  }

  .richText-full-width>.component-content, .richText-full-width>.row {
    padding: 0 18px
  }
}

.richText-full-width.fixed-component {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .richText-full-width.fixed-component {
    width: 100%;
    left: auto
  }
}

.richText-full-width.fixed-component>.component-content, .richText-full-width.fixed-component>.row {
  padding: 0 68px
}

@media print {
  .richText-full-width.fixed-component>.component-content, .richText-full-width.fixed-component>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .richText-full-width.fixed-component {
    width: calc(100% + 120px);
    left: -60px
  }

  .richText-full-width.fixed-component>.component-content, .richText-full-width.fixed-component>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .richText-full-width.fixed-component {
    width: calc(100% + 88px);
    left: -44px
  }

  .richText-full-width.fixed-component>.component-content, .richText-full-width.fixed-component>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .richText-full-width.fixed-component {
    width: calc(100% + 36px);
    left: -18px
  }

  .richText-full-width.fixed-component>.component-content, .richText-full-width.fixed-component>.row {
    padding: 0 18px
  }
}

.richText-full-width.fixed-component[class*="col-"]>.component-content {
  margin-right: 0;
  margin-left: 0
}

.richText-yellow-background>.component-content {
  background-color: #ffe600
}

.richText-confident-grey-background>.component-content {
  color: #fff;
  background-color: #2e2e38
}

.richText-pacific-ocean-background>.component-content {
  color: #fff;
  background-color: #0d7575
}

.richText-dark-denim-background>.component-content {
  color: #fff;
  background-color: #155cb4
}

.richText-fuchsia-background>.component-content {
  color: #fff;
  background-color: #724bc3
}

.richText-maroon-background>.component-content {
  color: #fff;
  background-color: #750e5c
}

.richText-fire-background>.component-content {
  color: #fff;
  background-color: #bc2f00
}

.richText-grey-background>.component-content {
  background-color: #f6f6fa
}

.richText-statement>.component-content {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center
}

.richText-statement>.component-content .richText-content {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 44px;
  font-family: Georgia, sans-serif;
  font-weight: 400;
  width: 100%;
  padding: 167px 8.33333% 163px
}

html[lang^='ja'] .richText-statement>.component-content .richText-content {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .richText-statement>.component-content .richText-content {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

@media only screen and (max-width:1199px) {
  .richText-statement>.component-content .richText-content {
    padding: 80px 8.33333%
  }
}

@media only screen and (max-width:899px) {
  .richText-statement>.component-content .richText-content {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    padding: 60px 8.33333%
  }
}

@media only screen and (max-width:599px) {
  .richText-statement>.component-content .richText-content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    padding: 60px 0
  }
}

.richText-statement>.component-content .richText-content p {
  margin: 0
}

.richText-contact {
  padding-top: 70px;
  background: #2e2e38;
  color: #fff
}

.richText-contact.fixed-component {
  padding-top: 70px
}

.richText-contact h3 {
  margin: 0 0 20px
}

.richText-contact h3+[class*='parent-of-hyperlink-dark-icon'] a {
  margin-top: 10px
}

.richText-contact p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 23px;
  margin: 0 auto
}

.richText-contact a, .richText-contact a:visited {
  color: #fff
}

.richText-contact [class^='hyperlink-dark-icon'] {
  margin: 30px 5px 0
}

.richText-contact [class*='parent-of-hyperlink-icon'] {
  font-size: 0;
  margin-top: 30px
}

.richText-contact .hyperlink-dark-icon-email:first-child:nth-last-child(1) {
  margin-bottom: 70px
}

@media only screen and (max-width:899px) {
  .richText-contact .hyperlink-dark-icon-email:first-child:nth-last-child(1) {
    margin-bottom: 60px
  }
}

.richText-contact .parent-of-hyperlink-dark-icon-email a, .richText-contact .parent-of-hyperlink-dark-icon-linkedin a, .richText-contact .parent-of-hyperlink-dark-icon-twitter a {
  margin-bottom: 80px
}

.richText-copy-block {
  padding-top: 50px;
  padding-bottom: 50px
}

@media only screen and (max-width:599px) {
  .richText-copy-block {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.template-case-study-template .richText-copy-block>.component-content {
  font-family: Georgia, sans-serif;
  font-weight: 400
}

html[lang^='ja'] .template-case-study-template .richText-copy-block>.component-content {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .template-case-study-template .richText-copy-block>.component-content {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.richText-copy-block>.component-content h1, .richText-copy-block>.component-content h2, .richText-copy-block>.component-content h3, .richText-copy-block>.component-content h4, .richText-copy-block>.component-content h5, .richText-copy-block>.component-content p {
  margin: 40px 0;
  color: #2e2e38
}

.box-dark-background .richText-copy-block>.component-content h1, .container-dark-background .richText-copy-block>.component-content h1, .template-article .box-dark-background .richText-copy-block>.component-content h1, .box-dark-background .richText-copy-block>.component-content h2, .container-dark-background .richText-copy-block>.component-content h2, .template-article .box-dark-background .richText-copy-block>.component-content h2, .box-dark-background .richText-copy-block>.component-content h3, .container-dark-background .richText-copy-block>.component-content h3, .template-article .box-dark-background .richText-copy-block>.component-content h3, .box-dark-background .richText-copy-block>.component-content h4, .container-dark-background .richText-copy-block>.component-content h4, .template-article .box-dark-background .richText-copy-block>.component-content h4, .box-dark-background .richText-copy-block>.component-content h5, .container-dark-background .richText-copy-block>.component-content h5, .template-article .box-dark-background .richText-copy-block>.component-content h5, .box-dark-background .richText-copy-block>.component-content p, .container-dark-background .richText-copy-block>.component-content p, .template-article .box-dark-background .richText-copy-block>.component-content p {
  color: white
}

.richText-copy-block>.component-content h4 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 36px
}

.richText-copy-block>.component-content h5 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px
}

.richText-copy-block>.component-content p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px
}

.richText-copy-block>.component-content .parent-of-selection-headline {
  margin-bottom: 20px
}

.richText-copy-block>.component-content .parent-of-selection-subhead {
  margin-top: 20px
}

.richText-copy-block>.component-content ol, .richText-copy-block>.component-content ul {
  list-style-position: outside !important;
  padding-left: 35px;
  margin: 40px 0
}

.richText-copy-block>.component-content ol li, .richText-copy-block>.component-content ul li {
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px;
  padding-left: 10px;
  margin-bottom: 20px
}

.richText-copy-block>.component-content ol li:last-of-type, .richText-copy-block>.component-content ul li:last-of-type {
  margin-bottom: 0
}

.richText-copy-block>.component-content>.richText-content>:first-child {
  margin-top: 0
}

.richText-copy-block>.component-content>.richText-content>:last-child {
  margin-bottom: 0
}

[id=profile-description] .richText-copy-block {
  padding-top: 0
}

.richText-inline-subscribe {
  padding-top: 30px;
  padding-bottom: 30px
}

@media only screen and (max-width:599px) {
  .richText-inline-subscribe {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.richText-inline-subscribe .richText-content {
  padding: 34px 0 33px;
  border-bottom: 1px solid #c4c4cd;
  border-top: 1px solid #c4c4cd;
  position: relative
}

@media only screen and (max-width:899px) {
  .richText-inline-subscribe .richText-content {
    padding-bottom: 30px
  }
}

@media only screen and (max-width:599px) {
  .richText-inline-subscribe .richText-content {
    padding-bottom: 39px
  }
}

.richText-inline-subscribe .richText-content .parent-of-hyperlink-primary-cta {
  position: absolute;
  right: 0;
  top: 28px;
  width: auto;
  margin: 0
}

@media only screen and (max-width:599px) {
  .richText-inline-subscribe .richText-content .parent-of-hyperlink-primary-cta {
    margin-top: 20px;
    width: 100%;
    position: static;
    -webkit-transform: none;
    transform: none
  }
}

.richText-inline-subscribe .richText-content .parent-of-hyperlink-primary-cta a {
  text-align: center;
  padding: 0 62px;
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.richText-inline-subscribe .richText-content h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  margin: 0 0 10px
}

@media only screen and (max-width:899px) {
  .richText-inline-subscribe .richText-content h3 {
    margin-bottom: 20px
  }
}

@media only screen and (max-width:599px) {
  .richText-inline-subscribe .richText-content h3 {
    margin-bottom: 10px
  }
}

.richText-inline-subscribe .richText-content p {
  margin: 0
}

.nestedTile .nestedTile-parsys .richText-inline-subscribe .richText-content p {
  line-height: 24px
}

.richText-inline-subscribe .richText-content h3, .richText-inline-subscribe .richText-content p {
  width: 61%
}

@media only screen and (max-width:599px) {
  .richText-inline-subscribe .richText-content h3, .richText-inline-subscribe .richText-content p {
    width: 100%
  }
}

.richText-subscribe {
  margin: 30px 0
}

@media only screen and (max-width:599px) {
  .richText-subscribe {
    margin: 25px 0
  }
}

.richText-subscribe:not(.richText-full-width)>.component-content {
  padding-left: 8.33333%;
  padding-right: 8.33333%
}

.richText-subscribe:not(.richText-full-width)>.component-content .richText-content {
  margin-left: 0;
  margin-right: 0
}

@media only screen and (max-width:1199px) {
  .richText-subscribe:not(.richText-full-width)>.component-content .richText-content {
    margin-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .richText-subscribe:not(.richText-full-width)>.component-content .richText-content {
    margin-bottom: 39px
  }
}

@media only screen and (max-width:599px) {
  .richText-subscribe:not(.richText-full-width)>.component-content .richText-content .parent-of-hyperlink-primary-cta a {
    width: 100%
  }
}

@media only screen and (max-width:1199px) {
  .richText-subscribe:not(.richText-full-width)>.component-content .richText-content h3, .richText-subscribe:not(.richText-full-width)>.component-content .richText-content h3+p {
    width: 60%
  }
}

@media only screen and (max-width:680px) {
  .richText-subscribe:not(.richText-full-width)>.component-content .richText-content h3, .richText-subscribe:not(.richText-full-width)>.component-content .richText-content h3+p {
    width: 50%
  }
}

@media only screen and (max-width:599px) {
  .richText-subscribe:not(.richText-full-width)>.component-content .richText-content h3, .richText-subscribe:not(.richText-full-width)>.component-content .richText-content h3+p {
    width: 100%
  }
}

.richText-subscribe .richText-content {
  position: relative;
  margin: 35px 8.33333% 36px 8.33333%
}

@media only screen and (max-width:1199px) {
  .richText-subscribe .richText-content {
    margin-left: 0;
    margin-right: 0
  }
}

@media only screen and (max-width:899px) {
  .richText-subscribe .richText-content {
    margin-bottom: 43px
  }
}

@media only screen and (max-width:599px) {
  .richText-subscribe .richText-content {
    margin-top: 26px;
    margin-bottom: 34px
  }
}

.richText-subscribe .richText-content .parent-of-hyperlink-primary-cta {
  position: absolute;
  right: 0;
  top: 15px;
  width: auto;
  margin: 0
}

@media only screen and (max-width:599px) {
  .richText-subscribe .richText-content .parent-of-hyperlink-primary-cta {
    width: 100%;
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 25px;
    text-align: center
  }
}

.richText-subscribe .richText-content .parent-of-hyperlink-primary-cta a {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: transparent;
  text-align: center;
  padding: 0;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.richText-subscribe .richText-content .parent-of-hyperlink-primary-cta a:hover {
  background-color: #2e2e38
}

.richText-subscribe .richText-content h3 {
  margin: 0 0 10px
}

@media only screen and (max-width:599px) {
  .richText-subscribe .richText-content h3 {
    margin-bottom: 15px
  }
}

.richText-subscribe .richText-content h3+p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0
}

@media only screen and (max-width:599px) {
  .richText-subscribe .richText-content h3+p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px
  }
}

.richText-subscribe h3, .richText-subscribe h3+p {
  width: 70%
}

@media only screen and (max-width:1199px) {
  .richText-subscribe h3, .richText-subscribe h3+p {
    width: 75%
  }
}

@media only screen and (max-width:899px) {
  .richText-subscribe h3, .richText-subscribe h3+p {
    width: 62%
  }
}

@media only screen and (max-width:680px) {
  .richText-subscribe h3, .richText-subscribe h3+p {
    width: 56%
  }
}

@media only screen and (max-width:599px) {
  .richText-subscribe h3, .richText-subscribe h3+p {
    width: 100%
  }
}

.richText-successful-message {
  background: #2e2e38;
  text-align: center;
  color: white;
  display: none;
  width: 100%
}

.richText-successful-message.active {
  display: block
}

@media only screen and (max-width:599px) {
  .richText-successful-message {
    text-align: left
  }
}

.richText-successful-message .component-content {
  max-width: 640px;
  margin: auto;
  padding: 40px
}

.richText-successful-message .richText-content {
  background: url("/img/check-green.svg") center 0/50px auto no-repeat;
  padding-top: 40px
}

@media only screen and (max-width:599px) {
  .richText-successful-message .richText-content {
    background-position: 0 0
  }
}

.richText-successful-message h2 {
  font-size: 36px;
  font-size: 3.6rem
}

.richText-successful-message p {
  font-size: 20px;
  font-size: 2rem
}

.richText-error-message {
  background: #2e2e38;
  text-align: center;
  color: white;
  display: none;
  width: 100%
}

.richText-error-message.active {
  display: block
}

@media only screen and (max-width:599px) {
  .richText-error-message {
    text-align: left
  }
}

.richText-error-message .component-content {
  max-width: 640px;
  margin: auto;
  padding: 40px
}

.richText-error-message h2 {
  font-size: 36px
}

.richText-error-message p {
  font-size: 20px
}

.richText-table-source-text h5 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0
}

.richText-table-source-text p {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px
}

.richText-banner-with-text .richText-content {
  width: 50%;
  margin: 0 auto;
  padding: 107px 0;
  text-align: center
}

@media only screen and (max-width:1199px) {
  .richText-banner-with-text .richText-content {
    width: 66.66667%
  }
}

@media only screen and (max-width:899px) {
  .richText-banner-with-text .richText-content {
    width: 83.33333%;
    padding: 60px 0 55px
  }
}

@media only screen and (max-width:599px) {
  .richText-banner-with-text .richText-content {
    width: 100%;
    padding: 40px 28px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

.richText-banner-with-text .richText-content p a[class*='-primary-cta'] {
  min-width: 220px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .box-full-width .richText-banner-with-text .richText-content {
    padding-right: 0;
    padding-left: 0
  }
}

.richText-banner-with-image>.component-content {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media only screen and (max-width:599px) {
  .richText-banner-with-image>.component-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.richText-banner-with-image picture, .richText-banner-with-image .richText-content {
  width: 50%;
  height: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-left: auto
}

@media only screen and (max-width:599px) {
  .richText-banner-with-image picture, .richText-banner-with-image .richText-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%
  }
}

.richText-banner-with-image picture {
  height: auto
}

.richText-banner-with-image .richText-content {
  padding: 20px 110px 20px 116px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-item-align: center;
  align-self: center
}

@media only screen and (max-width:1199px) {
  .richText-banner-with-image .richText-content {
    padding: 20px 76px 20px 84px
  }
}

@media only screen and (max-width:899px) {
  .richText-banner-with-image .richText-content {
    padding: 20px 55px 20px 68px
  }
}

@media only screen and (max-width:599px) {
  .richText-banner-with-image .richText-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 40px 27px 50px
  }
}

@media only screen and (max-width:1199px) {
  .richText-banner-with-image .richText-content a[class*='-primary-cta'] {
    margin-top: 20px
  }
}

@media only screen and (max-width:899px) {
  .richText-banner-with-image .richText-content a[class*='-primary-cta'] {
    margin-top: 10px
  }
}

@media only screen and (max-width:599px) {
  .richText-banner-with-image .richText-content a[class*='-primary-cta'] {
    margin-top: 30px
  }
}

@media only screen and (max-width:1199px) {
  .richText-banner-with-image .richText-content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px
  }
}

.richText-banner-with-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;';
  min-height: 540px
}

@media only screen and (max-width:1199px) {
  .richText-banner-with-image img {
    min-height: 385px
  }
}

@media only screen and (max-width:899px) {
  .richText-banner-with-image img {
    min-height: 290px
  }
}

@media only screen and (max-width:599px) {
  .richText-banner-with-image img {
    height: 270px;
    min-height: 0
  }
}

.richText-banner-with-image.richText-full-width .richText-content {
  padding: 20px 184px 20px 118px
}

@media only screen and (max-width:1199px) {
  .richText-banner-with-image.richText-full-width .richText-content {
    padding: 20px 60px 20px 85px
  }
}

@media only screen and (max-width:899px) {
  .richText-banner-with-image.richText-full-width .richText-content {
    padding: 20px 45px 20px 65px
  }
}

@media only screen and (max-width:599px) {
  .richText-banner-with-image.richText-full-width .richText-content {
    padding: 40px 18px 50px
  }
}

.richText.summary-content .richText-content {
  font-size: 20px;
  font-size: 2rem;
  line-height: 32px
}

.richText-top-border:not(.richText-successful-message):not(.richText-error-message) .richText-content h2:first-of-type {
  border-top: 1px solid #c4c4cd;
  margin-top: 0;
  padding-top: 20px
}

.richText-top-border.richText-successful-message, .richText-top-border.richText-error-message {
  border-top: 1px solid #c4c4cd;
  margin-top: 10px
}

.richText-secondary-text p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px
}

@charset "UTF-8";

.searchDropdown {
  width: calc(100% - 75px);
  margin-bottom: 0;
  padding: 0;
  -webkit-transition: width 0.3s ease-out, top 0.3s ease-out;
  transition: width 0.3s ease-out, top 0.3s ease-out;
  display: none;
  position: static
}

.on-top .searchDropdown {
  width: calc(100% - 85px)
}

.searchDropdown.initialized {
  display: block
}

@media only screen and (max-width:899px) {
  .searchDropdown {
    z-index: 95;
    width: 100%;
    position: absolute;
    top: 75px;
    left: auto;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  .on-top .searchDropdown {
    top: 85px;
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .searchDropdown {
    top: 60px
  }

  .on-top .searchDropdown {
    top: 80px
  }
}

.searchDropdown .reference-search-dropdown {
  margin: 0
}

.nav-is-open .searchDropdown {
  width: calc(100% - 360px)
}

@media only screen and (max-width:899px) {
  .nav-is-open .searchDropdown {
    width: auto
  }
}

.searchDropdown>.component-content {
  background-color: #1a1a24;
  padding: 0;
  margin: 0 -8px
}

@media only screen and (max-width:899px) {
  .searchDropdown>.component-content {
    background-color: transparent
  }
}

.searchDropdown .form-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #1a1a24;
  position: relative;
  z-index: 120
}

.searchDropdown .searchBox-label {
  font-size: 0;
  width: 100%
}

.searchDropdown input {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  font-family: 'EYInterstate', sans-serif;
  background-color: transparent;
  color: #c4c4cd;
  border: none;
  width: 100%;
  height: 75px;
  padding: 25px 5px 25px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.3s ease-out, -webkit-transform 0.4s;
  transition: height 0.3s ease-out, -webkit-transform 0.4s;
  transition: transform 0.4s, height 0.3s ease-out;
  transition: transform 0.4s, height 0.3s ease-out, -webkit-transform 0.4s;
  border-radius: 0
}

html[lang^='ja'] .searchDropdown input {
  font-family: 'EYInterstate', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .searchDropdown input {
  font-family: 'EYInterstate', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.on-top:not(.carousel-open) .searchDropdown input {
  height: 85px
}

.searchDropdown input::-ms-clear {
  display: none
}

@media only screen and (max-width:899px) {
  .searchDropdown input {
    background: #1a1a24;
    padding: 25px 36px
  }

  .on-top:not(.carousel-open) .searchDropdown input {
    height: 75px
  }
}

@media only screen and (max-width:599px) {
  .searchDropdown input {
    padding: 25px 18px;
    height: 60px
  }

  .on-top:not(.carousel-open) .searchDropdown input {
    height: 60px
  }
}

.searchDropdown input::-webkit-input-placeholder {
  color: #c4c4cd
}

.searchDropdown input:-ms-input-placeholder {
  color: #c4c4cd
}

.searchDropdown input::-ms-input-placeholder {
  color: #c4c4cd
}

.searchDropdown input::placeholder {
  color: #c4c4cd
}

.searchDropdown input:focus {
  outline: none
}

.searchDropdown input.focus:focus {
  outline: -webkit-focus-ring-color auto 5px
}

.searchDropdown .button {
  border: none;
  position: relative;
  height: 75px;
  min-width: 75px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  background: #1a1a24 url("/img/ic_search_white.svg") center no-repeat;
  background-size: 22px;
  cursor: pointer;
  text-align: left;
  text-indent: -200%;
  overflow: hidden;
  font-size: 0;
  -webkit-transition: height 0.3s ease-out, min-width 0.3s ease-out;
  transition: height 0.3s ease-out, min-width 0.3s ease-out
}

.searchDropdown .button.mobile {
  display: none
}

.on-top:not(.carousel-open) .searchDropdown .button {
  height: 85px;
  min-width: 85px
}

@media only screen and (max-width:899px) {
  .searchDropdown .button {
    position: absolute;
    top: -1px;
    right: 0;
    height: 75px;
    min-width: 75px
  }

  .searchDropdown .button.mobile {
    display: block
  }

  .searchDropdown .button.desktop {
    display: none
  }

  .on-top:not(.carousel-open) .searchDropdown .button {
    height: 75px;
    min-width: 75px
  }
}

@media only screen and (max-width:599px) {
  .searchDropdown .button {
    height: 60px;
    min-width: 60px
  }

  .on-top:not(.carousel-open) .searchDropdown .button {
    height: 60px;
    min-width: 60px;
    font-size: 0
  }
}

.searchDropdown .button:focus {
  outline: none
}

.searchDropdown .button.focus:focus {
  outline: -webkit-focus-ring-color auto 5px
}

.searchDropdown .dropdown {
  background: #2e2e38;
  color: #c4c4cd;
  position: absolute;
  top: calc(75px - 1px);
  max-height: calc(100vh - 75px);
  right: 0;
  z-index: 115;
  padding: 20px;
  width: 100%;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: max-height 0.3s ease-out, top 0.3s ease-out, -webkit-transform 0.4s;
  transition: max-height 0.3s ease-out, top 0.3s ease-out, -webkit-transform 0.4s;
  transition: transform 0.4s, max-height 0.3s ease-out, top 0.3s ease-out;
  transition: transform 0.4s, max-height 0.3s ease-out, top 0.3s ease-out, -webkit-transform 0.4s
}

.on-top .searchDropdown .dropdown {
  top: calc(85px - 1px);
  max-height: calc(100vh - 85px)
}

@media only screen and (max-width:899px) {
  .searchDropdown .dropdown {
    width: 100%;
    position: absolute;
    top: 75px;
    left: 0;
    padding: 20px 36px;
    max-height: calc(100vh - 150px)
  }

  .on-top .searchDropdown .dropdown {
    top: 75px;
    max-height: calc(100vh - 160px)
  }
}

@media only screen and (max-width:599px) {
  .searchDropdown .dropdown {
    padding: 20px 18px;
    top: 60px;
    max-height: calc(100vh - 120px)
  }

  .on-top .searchDropdown .dropdown {
    top: 60px;
    max-height: calc(100vh - 140px)
  }
}

.searchDropdown .dropdown h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  margin: 0
}

.searchDropdown .dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.searchDropdown .dropdown ul.recent {
  position: relative;
  z-index: 205
}

.searchDropdown .dropdown ul.recent li a {
  color: #fff;
  font-weight: 700;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.searchDropdown .dropdown li {
  margin: 10px 0
}

.searchDropdown .dropdown li:first-child {
  margin-top: 7px
}

.searchDropdown .dropdown li .person-image {
  overflow: hidden;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  float: left;
  margin: 1px 7px 1px 0
}

.searchDropdown .dropdown li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.searchDropdown .dropdown a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  color: #bbb;
  font-weight: 700;
  letter-spacing: -0.0066em
}

@media only screen and (max-width:599px) {
  .searchDropdown .dropdown a {
    font-weight: 700
  }
}

.searchDropdown .dropdown a.see-all {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 8px;
  position: relative
}

.searchDropdown .dropdown a.see-all::after {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: 0;
  width: 100%
}

.searchDropdown .dropdown em {
  color: white;
  font-style: normal;
  font-weight: 700
}

.searchDropdown .dropdown hr {
  border: 0;
  border-bottom: 1px solid #747480;
  margin: 20px 0
}

.searchDropdown .dropdown .hidden {
  display: none
}

.searchDropdown .dropdown .trending li {
  padding: 10px 0 20px;
  clear: both;
  display: block
}

@media only screen and (max-width:599px) {
  .searchDropdown .dropdown .trending li {
    border-bottom: 0.5px rgba(255, 255, 255, 0.2) solid
  }

  .searchDropdown .dropdown .trending li:last-child {
    border: 0
  }
}

.searchDropdown .dropdown .trending li a {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.searchDropdown .dropdown .trending li img, .searchDropdown .dropdown .trending li picture {
  width: 133px;
  height: 100%;
  margin-right: 15px;
  border-radius: 0
}

@media only screen and (max-width:599px) {
  .searchDropdown .dropdown .trending li picture {
    display: none
  }
}

.searchDropdown .dropdown .trending li p {
  font-weight: 700;
  max-width: 600px;
  padding-top: 0;
  margin: 0 0 3px;
  letter-spacing: -0.003em
}

.searchDropdown .dropdown .trending li .trending-info {
  width: 100%
}

.searchDropdown .dropdown .trending li .date, .searchDropdown .dropdown .trending li .trending-tag {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  font-weight: 300
}

.searchDropdown .dropdown .trending li .trending-tag {
  font-weight: 700
}

.searchDropdown .dropdown .trending li .date+.trending-tag {
  position: relative;
  margin-left: 6px;
  padding-left: 8px
}

.searchDropdown .dropdown .trending li .date+.trending-tag::before {
  content: '';
  display: block;
  height: 22px;
  width: 1px;
  background: #c4c4cd;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.searchDropdown .dropdown .instant-search-result {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.searchDropdown .dropdown .instant-search-result .person li:first-child {
  margin-top: 14px
}

.searchDropdown .dropdown .instant-search-result .person a:not(.see-all) {
  display: inline-block;
  line-height: 40px
}

.searchDropdown .dropdown .instant-search-result .paragraphSystem {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0
}

.searchDropdown .dropdown .instant-search-result .paragraphSystem .component {
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.search-dropdown-open .searchDropdown .dropdown, .search-dropdown-open .searchDropdown input {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.search-dropdown-open .searchDropdown .dropdown {
  top: 75px
}

@media only screen and (max-width:599px) {
  .search-dropdown-open .searchDropdown .dropdown {
    top: 60px
  }
}

@media only screen and (max-width:899px) {
  .search-dropdown-open .searchDropdown {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.search-dropdown-open .searchDropdown .button {
  background: #1a1a24 url("/img/ic_close_white.svg") center no-repeat;
  background-size: 18px
}

@media only screen and (max-width:899px) {
  .search-dropdown-open .searchDropdown .button {
    background: transparent url("/img/ic_search_white.svg") center no-repeat;
    background-size: 22px
  }
}

.search-dropdown-open.on-top .searchDropdown .dropdown {
  top: 85px
}

@media only screen and (max-width:899px) {
  .search-dropdown-open.on-top .searchDropdown .dropdown {
    top: 75px
  }
}

@media only screen and (max-width:599px) {
  .search-dropdown-open.on-top .searchDropdown .dropdown {
    top: 60px
  }
}

.template-search-results-template .reference-snippet-header {
  position: fixed;
  top: 0;
  left: 0
}

.template-search-results-template .box-navigation {
  width: 100vw;
  float: none;
  max-width: 100%
}

.template-search-results-template .searchDropdown {
  width: 100vw;
  max-width: 100%;
  padding: 0 68px;
  z-index: 95;
  -webkit-transform: none;
  transform: none;
  background: #1a1a24;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 75px;
  right: 0;
  -webkit-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out
}

@media only screen and (max-width:1199px) {
  .template-search-results-template .searchDropdown {
    padding-left: 60px;
    padding-right: 60px
  }
}

@media only screen and (max-width:899px) {
  .template-search-results-template .searchDropdown {
    padding: 0
  }
}

@media only screen and (max-width:599px) {
  .template-search-results-template .searchDropdown {
    top: 60px;
    padding: 0
  }
}

.template-search-results-template .searchDropdown::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #1a1a24;
  z-index: 110;
  top: 0;
  left: 0;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out
}

.template-search-results-template .searchDropdown .form-search {
  background: transparent;
  border-bottom: 1px solid rgba(233, 233, 233, 0.6);
  position: relative
}

@media only screen and (min-width:900px) {
  .template-search-results-template .searchDropdown .form-search::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    background: #1a1a24;
    z-index: 110;
    bottom: -11px;
    left: 0
  }
}

@media only screen and (max-width:899px) {
  .template-search-results-template .searchDropdown .form-search {
    margin-left: 44px;
    margin-right: 44px
  }
}

@media only screen and (max-width:599px) {
  .template-search-results-template .searchDropdown .form-search {
    margin-left: 18px;
    margin-right: 18px
  }
}

.template-search-results-template .searchDropdown input, .template-search-results-template .searchDropdown:not(.carousel-open) input {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  color: white;
  font-weight: 300;
  padding-left: 0;
  height: 85px;
  position: relative;
  bottom: -6px;
  background-color: transparent;
  -webkit-appearance: none;
  border-radius: 0
}

@media only screen and (max-width:899px) {
  .template-search-results-template .searchDropdown input, .template-search-results-template .searchDropdown:not(.carousel-open) input {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 50px;
    width: 100%;
    padding: 25px 0;
    height: 87px;
    bottom: -9px
  }
}

@media only screen and (max-width:599px) {
  .template-search-results-template .searchDropdown input, .template-search-results-template .searchDropdown:not(.carousel-open) input {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
    padding: 30px 0 12px;
    height: 70px;
    bottom: 0
  }
}

.template-search-results-template .searchDropdown input::-webkit-input-placeholder, .template-search-results-template .searchDropdown:not(.carousel-open) input::-webkit-input-placeholder {
  color: white;
  font-weight: 300
}

.template-search-results-template .searchDropdown input:-ms-input-placeholder, .template-search-results-template .searchDropdown:not(.carousel-open) input:-ms-input-placeholder {
  color: white;
  font-weight: 300
}

.template-search-results-template .searchDropdown input::-ms-input-placeholder, .template-search-results-template .searchDropdown:not(.carousel-open) input::-ms-input-placeholder {
  color: white;
  font-weight: 300
}

.template-search-results-template .searchDropdown input::placeholder, .template-search-results-template .searchDropdown:not(.carousel-open) input::placeholder {
  color: white;
  font-weight: 300
}

.template-search-results-template .searchDropdown input:focus, .template-search-results-template .searchDropdown:not(.carousel-open) input:focus {
  outline: none
}

.template-search-results-template .searchDropdown .button, .template-search-results-template .searchDropdown:not(.carousel-open) .button {
  background: transparent url("/img/ic_search_white.svg") center 41px/18px no-repeat;
  right: -25px;
  width: 80px;
  height: 80px;
  margin-top: 4px
}

@media only screen and (max-width:899px) {
  .template-search-results-template .searchDropdown .button, .template-search-results-template .searchDropdown:not(.carousel-open) .button {
    border: 0;
    background-position: center 45px;
    width: 82px;
    height: 82px
  }
}

@media only screen and (max-width:599px) {
  .template-search-results-template .searchDropdown .button, .template-search-results-template .searchDropdown:not(.carousel-open) .button {
    right: 0;
    background-position: center 30px;
    width: 65px;
    height: 65px
  }
}

.template-search-results-template .searchDropdown>.component {
  margin-left: 16.66667%;
  width: 66.66667%;
  position: relative
}

@media only screen and (max-width:1199px) {
  .template-search-results-template .searchDropdown>.component {
    width: 100%;
    margin: 0
  }
}

.template-search-results-template .searchDropdown>.component .dropdown {
  max-height: calc(100vh - 175px);
  right: 0;
  left: 50%;
  z-index: 100;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  width: calc(100% + 40px);
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out
}

@media only screen and (max-width:1199px) {
  .template-search-results-template .searchDropdown>.component .dropdown {
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .template-search-results-template .searchDropdown>.component .dropdown {
    max-height: calc(100vh - 160px)
  }
}

.template-search-results-template.on-top .searchDropdown {
  top: 85px
}

@media only screen and (max-width:599px) {
  .template-search-results-template.on-top .searchDropdown {
    top: 80px
  }
}

.template-search-results-template.on-top .searchDropdown>.component .dropdown {
  max-height: calc(100vh - 185px)
}

@media only screen and (max-width:599px) {
  .template-search-results-template.on-top .searchDropdown>.component .dropdown {
    max-height: calc(100vh - 180px)
  }
}

.template-search-results-template.search-dropdown-open .searchDropdown .dropdown {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-top: 20px
}

.template-search-results-template.search-dropdown-open .searchDropdown .dropdown:not(:root:root) {
  z-index: 200
}

.template-search-results-template.search-dropdown-open .searchDropdown .form-search::after {
  display: none
}

.template-search-results-template.search-dropdown-open .button, .template-search-results-template.search-dropdown-open:not(.carousel-open) .button {
  background-image: url("/img/ic_close_white.svg")
}

.search-dropdown-open.with-scrollbar, .nav-is-open.with-scrollbar {
  width: calc(100% - 17px)
}

.search-dropdown-open.with-scrollbar .cookiePolicy, .search-dropdown-open.with-scrollbar #footer, .nav-is-open.with-scrollbar .cookiePolicy, .nav-is-open.with-scrollbar #footer {
  width: calc(100% - 17px)
}

.globalSearchTopicResults, .global-search-people-results {
  position: relative
}

.globalSearchTopicResults .label, .global-search-people-results .label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  color: #8a7713;
  font-weight: 400;
  margin: 0 0 15px
}

.globalSearchTopicResults .wrapper, .global-search-people-results .wrapper {
  font-size: 0;
  white-space: nowrap;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.globalSearchTopicResults .arrow, .global-search-people-results .arrow {
  width: 38px;
  height: 3px;
  background: black;
  position: absolute;
  left: calc(100% + 120px);
  top: 50%;
  cursor: pointer;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s
}

@media only screen and (min-width:1920px) {
  .globalSearchTopicResults .arrow, .global-search-people-results .arrow {
    left: calc(100% + 115px)
  }
}

@media only screen and (max-width:1199px) {
  .globalSearchTopicResults .arrow, .global-search-people-results .arrow {
    left: calc(100% + 11px)
  }
}

@media only screen and (max-width:899px) {
  .globalSearchTopicResults .arrow, .global-search-people-results .arrow {
    display: none
  }
}

.globalSearchTopicResults .arrow::before, .globalSearchTopicResults .arrow::after, .global-search-people-results .arrow::before, .global-search-people-results .arrow::after {
  content: '';
  display: block;
  background: black;
  width: 14px;
  height: 3px;
  position: absolute;
  -webkit-transform-origin: 12.5px 1.5px;
  transform-origin: 12.5px 1.5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -1px;
  top: 0
}

.globalSearchTopicResults .arrow::after, .global-search-people-results .arrow::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.globalSearchTopicResults .arrow.arrowLeft, .global-search-people-results .arrow.arrowLeft {
  left: auto;
  right: calc(100% + 120px);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

@media only screen and (min-width:1920px) {
  .globalSearchTopicResults .arrow.arrowLeft, .global-search-people-results .arrow.arrowLeft {
    right: calc(100% + 115px)
  }
}

@media only screen and (max-width:1199px) {
  .globalSearchTopicResults .arrow.arrowLeft, .global-search-people-results .arrow.arrowLeft {
    right: calc(100% + 11px)
  }
}

.globalSearchTopicResults .arrow .arrowHitbox, .global-search-people-results .arrow .arrowHitbox {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%
}

.globalSearchTopicResults .arrow.arrowDisabled, .global-search-people-results .arrow.arrowDisabled {
  visibility: hidden;
  opacity: 0;
  pointer-events: none
}

.globalSearchTopicResults .cropper, .global-search-people-results .cropper {
  overflow: hidden;
  padding-bottom: 25px
}

.globalSearchTopicResults .cropper::after, .global-search-people-results .cropper::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #c4c4cd
}

@media only screen and (max-width:899px) {
  .globalSearchTopicResults .cropper, .global-search-people-results .cropper {
    width: calc(100% + 88px);
    margin-left: -44px;
    overflow: visible;
    overflow-x: auto
  }

  .globalSearchTopicResults .cropper::after, .global-search-people-results .cropper::after {
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .globalSearchTopicResults .cropper, .global-search-people-results .cropper {
    width: calc(100% + 36px);
    margin-left: -18px
  }
}

.global-search-result {
  margin: 24px 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #c4c4cd
}

@media only screen and (max-width:599px) {
  .global-search-result {
    padding-bottom: 30px
  }
}

.global-search-result:last-child {
  margin-bottom: 0
}

.global-search-result.hero {
  margin-top: 39px
}

@media only screen and (max-width:899px) {
  .global-search-result.hero {
    margin-top: 22px
  }
}

@media only screen and (max-width:599px) {
  .global-search-result.hero {
    margin-top: 21px
  }
}

@media only screen and (max-width:599px) {
  .global-search-result.hero .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media only screen and (min-width:1200px) {
  .global-search-result.hero .left {
    width: 62.5%
  }
}

.global-search-result.hero .right {
  float: right
}

@media only screen and (min-width:1200px) {
  .global-search-result.hero .right {
    width: 37.5%
  }
}

@media only screen and (max-width:599px) {
  .global-search-result.hero .right {
    float: none
  }
}

.global-search-result.hero picture {
  position: relative;
  display: block;
  height: 177px;
  overflow: hidden
}

.global-search-result.hero picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

@media only screen and (max-width:599px) {
  .global-search-result.hero picture {
    margin-bottom: 18px;
    height: 183px
  }

  .global-search-result.hero picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit:cover;'
  }
}

.global-search-result .label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  color: #8a7713;
  font-weight: 400;
  margin: 0 0 10px
}

.global-search-result .title, .global-search-result .description, .global-search-result .info {
  color: #2e2e38
}

.global-search-result .info, .global-search-result .date-info {
  font-size: 0
}

.global-search-result .title {
  font-weight: 400;
  margin: 0 0 10px
}

@media only screen and (max-width:599px) {
  .global-search-result .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px
  }
}

.global-search-result .title .hyperlink-text-link {
  font-weight: 400
}

.global-search-result .subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 400;
  margin: 0 0 10px
}

.global-search-result .description {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  margin: 0 0 20px
}

.global-search-result .by, .global-search-result .author, .global-search-result .date, .global-search-result .topic, .global-search-result .event-podcast .event-date, .global-search-result .event-webcast .event-date, .global-search-result .event-date-container, .global-search-result .event-time, .global-search-result .event-duration, .global-search-result .event-city {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
  color: inherit
}

.global-search-result .by {
  margin-right: 4px
}

.global-search-result .topic {
  font-weight: 700
}

.global-search-result .date, .global-search-result .author, .global-search-result .event-podcast .event-date, .global-search-result .event-webcast .event-date, .global-search-result .event-date-container {
  position: relative;
  padding-right: 10px
}

.global-search-result .date::after, .global-search-result .author::after, .global-search-result .event-podcast .event-date::after, .global-search-result .event-webcast .event-date::after, .global-search-result .event-date-container::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #c4c4cd
}

.global-search-result .date:last-child::after, .global-search-result .author:last-child::after, .global-search-result .event-podcast .event-date:last-child::after, .global-search-result .event-webcast .event-date:last-child::after, .global-search-result .event-date-container:last-child::after {
  display: none
}

.global-search-result.hero .dots {
  position: absolute;
  left: 17px;
  bottom: 17px
}

.global-search-result.hero .dots .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 2px;
  background-color: #ffe600
}

.global-search-result.location::after {
  content: '';
  display: block;
  clear: both
}

.global-search-result.location .label {
  display: block
}

.global-search-result.location .title {
  margin: 0 0 20px
}

@media only screen and (max-width:599px) {
  .global-search-result.location .title {
    margin-bottom: 10px
  }
}

@media only screen and (max-width:599px) {
  .global-search-result.location.hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.global-search-result.location.hero .location-info {
  width: 60%;
  float: left;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .global-search-result.location.hero .location-info {
    width: 100%;
    float: none;
    padding-right: 0
  }
}

.global-search-result.location.hero .location-info::after {
  content: '';
  display: block;
  clear: both
}

.global-search-result.location.hero .location-map {
  width: 40%;
  float: right
}

@media only screen and (max-width:599px) {
  .global-search-result.location.hero .location-map {
    width: 100%;
    float: none
  }
}

.global-search-result.location.hero .location-map .map-search-results {
  margin: 0
}

.global-search-result.location.hero .location-map .map-search-results img {
  float: right;
  margin-bottom: 0;
  opacity: 0;
  display: block
}

@media only screen and (max-width:599px) {
  .global-search-result.location.hero .location-map .map-search-results img {
    float: none;
    margin-bottom: 18px
  }
}

.global-search-result.location.hero .location-map .map-search-results img.initialized {
  opacity: 1
}

.searchResults-people {
  color: #2e2e38;
  position: relative;
  margin-top: 25px
}

.searchResults-people .hiddenText {
  font-size: 0;
  line-height: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
  background: white;
  color: #2e2e38
}

.global-search-people-results .searchResults-people .label {
  margin-top: 2px
}

.searchResults-people .wrapper {
  padding-right: 60px
}

@media only screen and (max-width:899px) {
  .searchResults-people .wrapper {
    padding-right: 40px;
    margin: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .searchResults-people .wrapper {
    padding-right: 20px;
    margin: 0 18px
  }
}

.searchResults-people .wrapper .searchResults-person {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-right: 20px;
  min-width: 100px;
  position: relative
}

@media only screen and (max-width:899px) {
  .searchResults-people .wrapper .searchResults-person {
    width: 30%
  }
}

@media only screen and (max-width:599px) {
  .searchResults-people .wrapper .searchResults-person {
    width: 42%
  }
}

.searchResults-people .wrapper .searchResults-person .photo {
  width: 100px;
  height: 100px;
  margin: 0 auto 12px;
  border-radius: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.searchResults-people .wrapper .searchResults-person .name, .searchResults-people .wrapper .searchResults-person .job {
  white-space: normal;
  text-align: center;
  width: 100%;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis
}

.searchResults-people .wrapper .searchResults-person .name {
  font-weight: 700;
  margin-bottom: 6px
}

.globalSearchTopicResults {
  margin: 0 0 25px
}

.globalSearchTopicResults .label {
  margin-bottom: 15px
}

.globalSearchTopicResults .cropper::after {
  bottom: 0
}

@media only screen and (max-width:899px) {
  .globalSearchTopicResults .cropper {
    width: calc(100% + 44px);
    overflow: visible;
    overflow-x: auto;
    margin-left: 0
  }
}

@media only screen and (max-width:599px) {
  .globalSearchTopicResults .cropper {
    width: calc(100% + 18px)
  }
}

.globalSearchTopicResults .searchResults-topic {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  width: calc(50% - 10px);
  background-color: #f6f6fa;
  white-space: normal;
  -webkit-transition: height 0.3s;
  transition: height 0.3s
}

@media only screen and (max-width:1199px) {
  .globalSearchTopicResults .searchResults-topic {
    width: calc(50% - 8px);
    margin-right: 16px
  }
}

.globalSearchTopicResults .searchResults-topic>.component-content {
  margin-bottom: 0;
  padding: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:899px) {
  .globalSearchTopicResults .searchResults-topic>.component-content {
    padding: 18px 24px
  }
}

@media only screen and (max-width:599px) {
  .globalSearchTopicResults .searchResults-topic>.component-content {
    padding: 17px
  }
}

.globalSearchTopicResults .searchResults-topic .topic-title {
  font-weight: 400;
  margin: 0 0 10px
}

@media only screen and (max-width:899px) {
  .globalSearchTopicResults .searchResults-topic .topic-title {
    font-size: 18px;
    font-size: 1.8rem
  }
}

@media only screen and (max-width:599px) {
  .globalSearchTopicResults .searchResults-topic .topic-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px
  }
}

.globalSearchTopicResults .searchResults-topic .topic-title a {
  font-weight: 400
}

.globalSearchTopicResults .searchResults-topic .topic-subtitle {
  font-weight: 400;
  margin: 0 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px
}

.globalSearchTopicResults .searchResults-topic .topic-desc {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  margin: 0;
  color: #2e2e38
}

.global-search-result.office::after {
  content: '';
  display: block;
  clear: both
}

.global-search-result.office .label {
  display: block
}

.global-search-result.office .title {
  margin: 0 0 15px
}

.global-search-result.office .address, .global-search-result.office .contact {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .global-search-result.office .address, .global-search-result.office .contact {
    float: none;
    width: 100%
  }
}

.global-search-result.office .address p, .global-search-result.office .address .email, .global-search-result.office .contact p, .global-search-result.office .contact .email {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 17px;
  margin: 0 0 7px
}

.global-search-result.office .address .hyperlink-google, .global-search-result.office .contact .hyperlink-google {
  margin: 10px 0 0
}

.global-search-result.office .address {
  padding-right: 15px;
  border-right: 1px solid #c4c4cd;
  width: 180px
}

@media only screen and (max-width:599px) {
  .global-search-result.office .address {
    padding-right: 0;
    border-right: 0
  }
}

.global-search-result.office .contact {
  padding-left: 15px;
  width: calc(100% - 180px)
}

@media only screen and (max-width:599px) {
  .global-search-result.office .contact {
    padding-left: 0;
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .global-search-result.office .contact p:first-of-type {
    margin-top: 20px
  }
}

@media only screen and (max-width:599px) {
  .global-search-result.office .contact p:last-of-type {
    margin-bottom: 0
  }
}

.global-search-result.office .contact .email {
  word-wrap: break-word
}

.global-search-result.office .contact .hyperlink-text-link {
  font-weight: 300
}

@media only screen and (max-width:599px) {
  .global-search-result.office.hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.global-search-result.office.hero .location-info {
  width: 60%;
  float: left;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .global-search-result.office.hero .location-info {
    width: 100%;
    float: none;
    padding-right: 0
  }
}

.global-search-result.office.hero .location-info::after {
  content: '';
  display: block;
  clear: both
}

.global-search-result.office.hero .location-map {
  width: 40%;
  float: right
}

@media only screen and (max-width:599px) {
  .global-search-result.office.hero .location-map {
    width: 100%;
    float: none
  }
}

.global-search-result.office.hero .location-map .map-search-results {
  margin: 0
}

.global-search-result.office.hero .location-map .map-search-results img {
  float: right;
  margin-bottom: 0;
  opacity: 0;
  display: block
}

@media only screen and (max-width:599px) {
  .global-search-result.office.hero .location-map .map-search-results img {
    float: none;
    margin-bottom: 10px
  }
}

.global-search-result.office.hero .location-map .map-search-results img.initialized {
  opacity: 1
}

.global-search-result.news-article .has-video picture::before, .global-search-result.press-release .has-video picture::before, .global-search-result.article .has-video picture::before, .global-search-result.generic-content .has-video picture::before, .global-search-result.event .has-video picture::before {
  content: '';
  background: url("/img/ic_videocam.svg") center no-repeat;
  background-size: cover;
  display: block;
  width: 24px;
  height: 16px;
  position: absolute;
  bottom: 18px;
  right: 14px
}

.global-search-result.event .date-info {
  visibility: hidden
}

.global-search-result.event .date-info.visible {
  visibility: visible
}

.global-search-result.event .event-date-container {
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  max-width: 100%
}

.global-search-result.event .event-date {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  padding-left: 30px
}

.global-search-result.event .event-date::before {
  content: '';
  display: block;
  position: absolute;
  background-size: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.global-search-result.event .event-ended-label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  padding: 0 6px;
  margin-left: 9px;
  background-color: #eaeaf2;
  display: none
}

.global-search-result.event .event-ended-label.is-visible {
  display: inline-block
}

.global-search-result.event .event-webcast .event-date::before {
  width: 22px;
  height: 19px;
  background: url("/img/ic_webcast_black.svg") center no-repeat
}

.global-search-result.event .event-podcast .event-date::before {
  width: 22px;
  height: 20px;
  background: url("/img/ic_podcast_small.svg") center no-repeat
}

.global-search-result.event .event-location .event-date {
  padding-left: 24px
}

.global-search-result.event .event-location .event-date::before {
  width: 14px;
  height: 20px;
  background: url("/img/ic_place_black.svg") center no-repeat
}

.shareThis, .shareThis-dropdown {
  width: 44px;
  height: 44px;
  position: relative;
  float: left;
  padding: 0;
  z-index: 100
}

.shareThis .shareThis-hidden, .shareThis-dropdown .shareThis-hidden {
  font-size: 0;
  line-height: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
  background: white;
  color: #2e2e38
}

.shareThis .shareThis-toggleButton, .shareThis-dropdown .shareThis-toggleButton {
  width: 42px;
  height: 42px;
  position: relative;
  border-radius: 100%;
  border: 1px #c4c4cd solid;
  -webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out;
  transition: border 0.2s ease-out, background-color 0.2s ease-out;
  z-index: 105;
  background: #fff;
  cursor: pointer;
  padding: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.shareThis .shareThis-toggleButton:hover, .shareThis-dropdown .shareThis-toggleButton:hover {
  border-color: #2e2e38;
  background-color: #2e2e38
}

.shareThis .shareThis-toggleButton:hover .shareThis-toggle svg path, .shareThis-dropdown .shareThis-toggleButton:hover .shareThis-toggle svg path {
  fill: #fff
}

.shareThis .shareThis-toggleButton:focus, .shareThis-dropdown .shareThis-toggleButton:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.shareThis .shareThis-toggleButton.focus:focus, .shareThis-dropdown .shareThis-toggleButton.focus:focus {
  outline: -webkit-focus-ring-color auto 5px
}

.shareThis .shareThis-toggleButton .shareThis-toggle, .shareThis-dropdown .shareThis-toggleButton .shareThis-toggle {
  width: 100%;
  height: 100%
}

.shareThis .shareThis-toggleButton .shareThis-toggle svg, .shareThis-dropdown .shareThis-toggleButton .shareThis-toggle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.shareThis .shareThis-toggleButton .shareThis-toggle svg path, .shareThis-dropdown .shareThis-toggleButton .shareThis-toggle svg path {
  fill: #2e2e38;
  -webkit-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out
}

.shareThis .shareThis-toggleButton .shareThis-close, .shareThis-dropdown .shareThis-toggleButton .shareThis-close {
  display: none;
  background: #2e2e38;
  border-radius: 100%
}

.shareThis .shareThis-list, .shareThis-dropdown .shareThis-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  -webkit-transition: padding 0.2s ease-out;
  transition: padding 0.2s ease-out
}

.shareThis .shareThis-list .shareThis-item, .shareThis-dropdown .shareThis-list .shareThis-item {
  width: 44px;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  opacity: 0;
  height: 0;
  -webkit-transition: height 0.2s ease-out, opacity 0.2s ease-out;
  transition: height 0.2s ease-out, opacity 0.2s ease-out
}

.shareThis .shareThis-list .shareThis-item>a, .shareThis-dropdown .shareThis-list .shareThis-item>a {
  background: #fff;
  border: 1px #c4c4cd solid;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  display: block;
  -webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out;
  transition: border 0.2s ease-out, background-color 0.2s ease-out
}

.shareThis .shareThis-list .shareThis-item>a:focus, .shareThis-dropdown .shareThis-list .shareThis-item>a:focus {
  outline: none
}

.shareThis .shareThis-list .shareThis-item>a.focus:focus, .shareThis-dropdown .shareThis-list .shareThis-item>a.focus:focus {
  outline: -webkit-focus-ring-color auto 5px
}

.shareThis .shareThis-list .shareThis-item>a>svg, .shareThis-dropdown .shareThis-list .shareThis-item>a>svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.shareThis .shareThis-list .shareThis-item>a>svg path, .shareThis-dropdown .shareThis-list .shareThis-item>a>svg path {
  -webkit-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out;
  fill: #2e2e38
}

.shareThis .shareThis-list .shareThis-item:hover>a, .shareThis-dropdown .shareThis-list .shareThis-item:hover>a {
  border-color: #2e2e38;
  background-color: #2e2e38
}

.shareThis .shareThis-list .shareThis-item:hover>a>svg path, .shareThis-dropdown .shareThis-list .shareThis-item:hover>a>svg path {
  fill: #fff
}

.shareThis.shareThis-active, .shareThis-dropdown.shareThis-active {
  z-index: 495
}

.hero-banner .shareThis.shareThis-active, .hero-banner .shareThis-dropdown.shareThis-active {
  z-index: 505
}

.shareThis.shareThis-active .shareThis-list, .shareThis-dropdown.shareThis-active .shareThis-list {
  padding-bottom: 50px
}

.shareThis.shareThis-active .shareThis-list .shareThis-item, .shareThis-dropdown.shareThis-active .shareThis-list .shareThis-item {
  height: 50px;
  opacity: 1
}

.shareThis.shareThis-active .shareThis-toggleButton, .shareThis-dropdown.shareThis-active .shareThis-toggleButton {
  border-color: transparent
}

.shareThis.shareThis-active .shareThis-toggleButton svg path, .shareThis-dropdown.shareThis-active .shareThis-toggleButton svg path {
  fill: #fff
}

.shareThis.shareThis-active .shareThis-toggleButton .shareThis-close, .shareThis-dropdown.shareThis-active .shareThis-toggleButton .shareThis-close {
  display: block
}

.shareThis.shareThis-active .shareThis-toggleButton .shareThis-open, .shareThis-dropdown.shareThis-active .shareThis-toggleButton .shareThis-open {
  display: none
}

.box-dark-background .shareThis-dropdown .shareThis-toggleButton, [id=case-study-header] .shareThis-dropdown .shareThis-toggleButton {
  border: 1px #747480 solid;
  background: #2e2e38
}

.box-dark-background .shareThis-dropdown .shareThis-toggleButton .shareThis-toggle svg path, [id=case-study-header] .shareThis-dropdown .shareThis-toggleButton .shareThis-toggle svg path {
  fill: #fff;
  -webkit-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out
}

.box-dark-background .shareThis-dropdown .shareThis-toggleButton:hover, .box-dark-background .shareThis-dropdown .shareThis-toggleButton:active, [id=case-study-header] .shareThis-dropdown .shareThis-toggleButton:hover, [id=case-study-header] .shareThis-dropdown .shareThis-toggleButton:active {
  border-color: #fff;
  background-color: #fff
}

.box-dark-background .shareThis-dropdown .shareThis-toggleButton:hover .shareThis-toggle svg path, .box-dark-background .shareThis-dropdown .shareThis-toggleButton:active .shareThis-toggle svg path, [id=case-study-header] .shareThis-dropdown .shareThis-toggleButton:hover .shareThis-toggle svg path, [id=case-study-header] .shareThis-dropdown .shareThis-toggleButton:active .shareThis-toggle svg path {
  fill: #2e2e38
}

.box-dark-background .shareThis-dropdown.shareThis-active .shareThis-toggleButton, [id=case-study-header] .shareThis-dropdown.shareThis-active .shareThis-toggleButton {
  border-color: #fff;
  background-color: #fff
}

.box-dark-background .shareThis-dropdown.shareThis-active .shareThis-toggleButton .shareThis-close, [id=case-study-header] .shareThis-dropdown.shareThis-active .shareThis-toggleButton .shareThis-close {
  background-color: #fff;
  border-color: #fff
}

.box-dark-background .shareThis-dropdown.shareThis-active .shareThis-toggleButton .shareThis-close svg path, [id=case-study-header] .shareThis-dropdown.shareThis-active .shareThis-toggleButton .shareThis-close svg path {
  fill: #2e2e38
}

.box-dark-background .shareThis-dropdown .shareThis-list .shareThis-item>a, [id=case-study-header] .shareThis-dropdown .shareThis-list .shareThis-item>a {
  background-color: #2e2e38;
  border-color: #747480
}

.box-dark-background .shareThis-dropdown .shareThis-list .shareThis-item>a:hover, .box-dark-background .shareThis-dropdown .shareThis-list .shareThis-item>a:active, [id=case-study-header] .shareThis-dropdown .shareThis-list .shareThis-item>a:hover, [id=case-study-header] .shareThis-dropdown .shareThis-list .shareThis-item>a:active {
  background-color: #fff;
  border-color: #fff
}

.box-dark-background .shareThis-dropdown .shareThis-list .shareThis-item>a:hover svg path, .box-dark-background .shareThis-dropdown .shareThis-list .shareThis-item>a:active svg path, [id=case-study-header] .shareThis-dropdown .shareThis-list .shareThis-item>a:hover svg path, [id=case-study-header] .shareThis-dropdown .shareThis-list .shareThis-item>a:active svg path {
  fill: #2e2e38
}

.box-dark-background .shareThis-dropdown .shareThis-list .shareThis-item>a svg path, [id=case-study-header] .shareThis-dropdown .shareThis-list .shareThis-item>a svg path {
  fill: #fff;
  -webkit-transition: fill 0.2s ease-out;
  transition: fill 0.2s ease-out
}

.sharingUtilityBar.hide-print .sharingUtilityBar-print {
  display: none
}

.sharingUtilityBar-content {
  font-size: 0;
  padding-top: 20px
}

.template-event-page-template .sharingUtilityBar-content {
  padding: 0 8px;
  margin: 10px 0 20px
}

.sharingUtilityBar-content .sharingUtilityBar-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 44px;
  height: 44px
}

.sharingUtilityBar-content .sharingUtilityBar-clipboard, .sharingUtilityBar-content .sharingUtilityBar-print {
  width: 42px;
  height: 42px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 100%;
  border: 1px #c4c4cd solid;
  -webkit-transition: border 0.2s ease-out, background-color 0.2s ease-out;
  transition: border 0.2s ease-out, background-color 0.2s ease-out;
  z-index: 100;
  background-color: #fff;
  cursor: pointer
}

.sharingUtilityBar-content .sharingUtilityBar-clipboard:hover, .sharingUtilityBar-content .sharingUtilityBar-print:hover {
  border-color: #2e2e38;
  background-color: #2e2e38
}

.sharingUtilityBar-content .sharingUtilityBar-clipboard:hover svg path, .sharingUtilityBar-content .sharingUtilityBar-print:hover svg path {
  fill: #fff
}

.sharingUtilityBar-content .sharingUtilityBar-clipboard svg, .sharingUtilityBar-content .sharingUtilityBar-print svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.sharingUtilityBar-content .sharingUtilityBar-clipboard svg path, .sharingUtilityBar-content .sharingUtilityBar-print svg path {
  fill: #2e2e38;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s
}

.sharingUtilityBar-content .sharingUtilityBar-copied-link-popup {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  min-width: 80px;
  margin-bottom: 10px;
  padding: 6px 5px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  text-align: center;
  color: #fff;
  background-color: #2e2e38;
  -webkit-box-shadow: 0 4px 14px 0 rgba(46, 46, 56, 0.3);
  box-shadow: 0 4px 14px 0 rgba(46, 46, 56, 0.3);
  font-size: small;
  z-index: 505
}

.sharingUtilityBar-content .sharingUtilityBar-copied-link-popup::after {
  position: absolute;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2e2e38;
  content: " ";
  height: 0;
  top: 100%;
  left: 50%;
  width: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.box-dark-background .sharingUtilityBar-content .sharingUtilityBar-clipboard, .box-dark-background .sharingUtilityBar-content .sharingUtilityBar-print, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-clipboard, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-print {
  border: 1px #747480 solid;
  background: #2e2e38
}

.box-dark-background .sharingUtilityBar-content .sharingUtilityBar-clipboard svg path, .box-dark-background .sharingUtilityBar-content .sharingUtilityBar-print svg path, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-clipboard svg path, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-print svg path {
  fill: #fff;
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s
}

.box-dark-background .sharingUtilityBar-content .sharingUtilityBar-clipboard:hover, .box-dark-background .sharingUtilityBar-content .sharingUtilityBar-print:hover, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-clipboard:hover, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-print:hover {
  border-color: #fff;
  background-color: #fff
}

.box-dark-background .sharingUtilityBar-content .sharingUtilityBar-clipboard:hover svg path, .box-dark-background .sharingUtilityBar-content .sharingUtilityBar-print:hover svg path, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-clipboard:hover svg path, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-print:hover svg path {
  fill: #2e2e38
}

.box-dark-background .sharingUtilityBar-content .sharingUtilityBar-copied-link-popup, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-copied-link-popup {
  background-color: #1a1a24
}

.box-dark-background .sharingUtilityBar-content .sharingUtilityBar-copied-link-popup::after, [id=case-study-header] .sharingUtilityBar-content .sharingUtilityBar-copied-link-popup::after {
  border-top: 5px solid #1a1a24
}

.siteSwitch {
  width: 238px;
  height: 56px;
  padding: 0;
  margin-bottom: 0;
  -webkit-box-shadow: 0 8px 10px 0 rgba(46, 46, 56, 0.3);
  box-shadow: 0 8px 10px 0 rgba(46, 46, 56, 0.3);
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100px;
  right: 32px;
  z-index: 102
}

@media only screen and (max-width:599px) {
  .siteSwitch {
    right: 28px
  }
}

.siteSwitch.switch-button .automatic-siteSwitch {
  display: none
}

.siteSwitch.switch-button::before {
  content: '';
  position: absolute;
  top: -10px;
  right: 0;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 10px solid #1a1a24
}

.siteSwitch.automatic {
  width: 258px
}

.siteSwitch.automatic .siteSwitch-button {
  display: none
}

.template-documentation-template .siteSwitch {
  opacity: 1;
  visibility: visible;
  position: relative;
  top: 0;
  right: 0;
  -webkit-transform: none;
  transform: none
}

.siteSwitch.is-initialized {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out, transform 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, visibility 0.7s ease-in-out, transform 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out
}

.template-documentation-template.template-documentation-template .siteSwitch.is-initialized {
  opacity: 1;
  visibility: visible;
  position: relative;
  top: 0;
  right: 0;
  -webkit-transform: none;
  transform: none
}

.siteSwitch.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
}

.template-documentation-template .siteSwitch.hidden {
  opacity: 1;
  visibility: visible;
  position: relative;
  top: 0;
  right: 0;
  -webkit-transform: none;
  transform: none
}

.siteSwitch>.component-content {
  width: 100%
}

.siteSwitch>.component-content .siteSwitch-button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  font-weight: 300;
  width: 100%;
  color: white;
  height: 56px;
  padding: 0 15px;
  border: 0;
  background-color: #1a1a24;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  text-align: left;
  outline: none
}

.tabbed .siteSwitch>.component-content .siteSwitch-button:focus {
  outline: -webkit-focus-ring-color auto 5px
}

.siteSwitch>.component-content .automatic-siteSwitch {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  color: white;
  padding: 15px;
  background-color: #1a1a24;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.sitemap-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-top: 32px
}

.sitemap-column::after {
  content: '';
  width: 100%;
  position: relative;
  height: 4px;
  background: white;
  top: -63px
}

.sitemap-column ul, .sitemap-column li {
  margin: 0;
  padding: 0
}

.sitemap-column li {
  margin-bottom: 6px;
  list-style: none
}

.sitemap-column li:last-child {
  margin-bottom: 0
}

.sitemap-column>ul {
  font-size: 20px;
  font-size: 2rem;
  line-height: 34px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  margin: 0 0 60px;
  padding: 0 20px 60px 0;
  border-bottom: 2px solid #c4c4cd
}

.sitemap-column>ul:nth-child(3n) {
  padding-right: 0
}

.sitemap-column>ul h3 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  margin: 0
}

.sitemap-column>ul>li>ul {
  margin-top: 22px
}

.sitemap-column>ul>li>ul>li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px
}

.sitemap-column>ul>li>ul>li>a {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px
}

.sitemap-column>ul>li>ul>li>ul {
  margin: 9px 0 35px;
  font-weight: 400
}

.sitemap-column>ul>li>ul>li:last-child>ul {
  margin: 9px 0 0
}

@media only screen and (max-width:899px) {
  .sitemap-column>ul {
    width: 50%;
    display: inline-block
  }

  .sitemap-column>ul:nth-child(3n) {
    padding-right: 20px
  }

  .sitemap-column>ul:nth-child(2n) {
    padding-right: 0
  }
}

@media only screen and (max-width:599px) {
  .sitemap-column>ul {
    width: 100%;
    border-bottom: 2px solid #c4c4cd;
    padding-right: 0
  }
}

.skipToContent {
  position: absolute
}

.skipToContent .skipToContent-button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 700;
  position: absolute;
  background: #ffe600;
  z-index: 110;
  display: inline-block;
  width: auto;
  padding: 20px 47px;
  top: -9999px;
  left: -9999px
}

.skipToContent .skipToContent-button:focus {
  top: 0;
  left: 0
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-local-contact-link h4 {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:focus, .surface-profile .surfaceProfile-contributor-link h4:focus, .surface-profile .surfaceProfile-local-contact-link h4:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile-utility-bar .surface-profile .box-dark-background .surfaceProfile-author-link, .box-dark-background .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-contributor-link .box-dark-background h4, .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4, .surface-profile .surfaceProfile-local-contact-link .box-dark-background h4, .container-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile-utility-bar .surface-profile .container-dark-background .surfaceProfile-author-link, .container-dark-background .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-contributor-link .container-dark-background h4, .container-dark-background .surface-profile .surfaceProfile-local-contact-link h4, .surface-profile .surfaceProfile-local-contact-link .container-dark-background h4, .template-article .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile-utility-bar .surface-profile .template-article .box-dark-background .surfaceProfile-author-link, .template-article .box-dark-background .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-contributor-link .template-article .box-dark-background h4, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4, .surface-profile .surfaceProfile-local-contact-link .template-article .box-dark-background h4, .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link .better-question, .surface-profile .surfaceProfile-contributor-link h4 .better-question, .surface-profile .surfaceProfile-local-contact-link h4 .better-question, .eventListInstantSearch .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile-utility-bar .surface-profile .eventListInstantSearch .surfaceProfile-author-link, .eventListInstantSearch .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-contributor-link .eventListInstantSearch h4, .eventListInstantSearch .surface-profile .surfaceProfile-local-contact-link h4, .surface-profile .surfaceProfile-local-contact-link .eventListInstantSearch h4 {
  color: white
}

@media print {
  .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile-utility-bar .surface-profile .box-dark-background .surfaceProfile-author-link, .box-dark-background .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-contributor-link .box-dark-background h4, .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4, .surface-profile .surfaceProfile-local-contact-link .box-dark-background h4, .container-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile-utility-bar .surface-profile .container-dark-background .surfaceProfile-author-link, .container-dark-background .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-contributor-link .container-dark-background h4, .container-dark-background .surface-profile .surfaceProfile-local-contact-link h4, .surface-profile .surfaceProfile-local-contact-link .container-dark-background h4, .template-article .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile-utility-bar .surface-profile .template-article .box-dark-background .surfaceProfile-author-link, .template-article .box-dark-background .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-contributor-link .template-article .box-dark-background h4, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4, .surface-profile .surfaceProfile-local-contact-link .template-article .box-dark-background h4, .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link .better-question, .surface-profile .surfaceProfile-contributor-link h4 .better-question, .surface-profile .surfaceProfile-local-contact-link h4 .better-question, .eventListInstantSearch .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link, .surface-profile-utility-bar .surface-profile .eventListInstantSearch .surfaceProfile-author-link, .eventListInstantSearch .surface-profile .surfaceProfile-contributor-link h4, .surface-profile .surfaceProfile-contributor-link .eventListInstantSearch h4, .eventListInstantSearch .surface-profile .surfaceProfile-local-contact-link h4, .surface-profile .surfaceProfile-local-contact-link .eventListInstantSearch h4 {
    color: #2e2e38
  }
}

.box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile-utility-bar .surface-profile .box-dark-background .surfaceProfile-author-link:hover, .box-dark-background .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-contributor-link .box-dark-background h4:hover, .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile .surfaceProfile-local-contact-link .box-dark-background h4:hover, .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile-utility-bar .surface-profile .box-dark-background .surfaceProfile-author-link:active, .box-dark-background .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-contributor-link .box-dark-background h4:active, .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile .surfaceProfile-local-contact-link .box-dark-background h4:active, .container-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile-utility-bar .surface-profile .container-dark-background .surfaceProfile-author-link:hover, .container-dark-background .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-contributor-link .container-dark-background h4:hover, .container-dark-background .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile .surfaceProfile-local-contact-link .container-dark-background h4:hover, .container-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile-utility-bar .surface-profile .container-dark-background .surfaceProfile-author-link:active, .container-dark-background .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-contributor-link .container-dark-background h4:active, .container-dark-background .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile .surfaceProfile-local-contact-link .container-dark-background h4:active, .template-article .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile-utility-bar .surface-profile .template-article .box-dark-background .surfaceProfile-author-link:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-contributor-link .template-article .box-dark-background h4:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile .surfaceProfile-local-contact-link .template-article .box-dark-background h4:hover, .template-article .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile-utility-bar .surface-profile .template-article .box-dark-background .surfaceProfile-author-link:active, .template-article .box-dark-background .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-contributor-link .template-article .box-dark-background h4:active, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile .surfaceProfile-local-contact-link .template-article .box-dark-background h4:active, .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link .better-question:hover, .surface-profile .surfaceProfile-contributor-link h4 .better-question:hover, .surface-profile .surfaceProfile-local-contact-link h4 .better-question:hover, .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link .better-question:active, .surface-profile .surfaceProfile-contributor-link h4 .better-question:active, .surface-profile .surfaceProfile-local-contact-link h4 .better-question:active, .eventListInstantSearch .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile-utility-bar .surface-profile .eventListInstantSearch .surfaceProfile-author-link:hover, .eventListInstantSearch .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-contributor-link .eventListInstantSearch h4:hover, .eventListInstantSearch .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile .surfaceProfile-local-contact-link .eventListInstantSearch h4:hover, .eventListInstantSearch .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile-utility-bar .surface-profile .eventListInstantSearch .surfaceProfile-author-link:active, .eventListInstantSearch .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-contributor-link .eventListInstantSearch h4:active, .eventListInstantSearch .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile .surfaceProfile-local-contact-link .eventListInstantSearch h4:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile-utility-bar .surface-profile .box-dark-background .surfaceProfile-author-link:hover, .box-dark-background .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-contributor-link .box-dark-background h4:hover, .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile .surfaceProfile-local-contact-link .box-dark-background h4:hover, .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile-utility-bar .surface-profile .box-dark-background .surfaceProfile-author-link:active, .box-dark-background .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-contributor-link .box-dark-background h4:active, .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile .surfaceProfile-local-contact-link .box-dark-background h4:active, .container-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile-utility-bar .surface-profile .container-dark-background .surfaceProfile-author-link:hover, .container-dark-background .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-contributor-link .container-dark-background h4:hover, .container-dark-background .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile .surfaceProfile-local-contact-link .container-dark-background h4:hover, .container-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile-utility-bar .surface-profile .container-dark-background .surfaceProfile-author-link:active, .container-dark-background .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-contributor-link .container-dark-background h4:active, .container-dark-background .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile .surfaceProfile-local-contact-link .container-dark-background h4:active, .template-article .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile-utility-bar .surface-profile .template-article .box-dark-background .surfaceProfile-author-link:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-contributor-link .template-article .box-dark-background h4:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile .surfaceProfile-local-contact-link .template-article .box-dark-background h4:hover, .template-article .box-dark-background .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile-utility-bar .surface-profile .template-article .box-dark-background .surfaceProfile-author-link:active, .template-article .box-dark-background .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-contributor-link .template-article .box-dark-background h4:active, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile .surfaceProfile-local-contact-link .template-article .box-dark-background h4:active, .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link .better-question:hover, .surface-profile .surfaceProfile-contributor-link h4 .better-question:hover, .surface-profile .surfaceProfile-local-contact-link h4 .better-question:hover, .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link .better-question:active, .surface-profile .surfaceProfile-contributor-link h4 .better-question:active, .surface-profile .surfaceProfile-local-contact-link h4 .better-question:active, .eventListInstantSearch .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:hover, .surface-profile-utility-bar .surface-profile .eventListInstantSearch .surfaceProfile-author-link:hover, .eventListInstantSearch .surface-profile .surfaceProfile-contributor-link h4:hover, .surface-profile .surfaceProfile-contributor-link .eventListInstantSearch h4:hover, .eventListInstantSearch .surface-profile .surfaceProfile-local-contact-link h4:hover, .surface-profile .surfaceProfile-local-contact-link .eventListInstantSearch h4:hover, .eventListInstantSearch .surface-profile-utility-bar .surface-profile .surfaceProfile-author-link:active, .surface-profile-utility-bar .surface-profile .eventListInstantSearch .surfaceProfile-author-link:active, .eventListInstantSearch .surface-profile .surfaceProfile-contributor-link h4:active, .surface-profile .surfaceProfile-contributor-link .eventListInstantSearch h4:active, .eventListInstantSearch .surface-profile .surfaceProfile-local-contact-link h4:active, .surface-profile .surfaceProfile-local-contact-link .eventListInstantSearch h4:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.surface-profile .surfaceProfile-author-link, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a {
  font-weight: 400;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.surface-profile .surfaceProfile-author-link:hover, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a:hover, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a:hover, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a:hover, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a:hover, .surface-profile .surfaceProfile-author-link:active, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a:active, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a:active, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a:active, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a:active {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .surface-profile .surfaceProfile-author-link, .surface-profile .box-dark-background .surfaceProfile-author-link, .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .box-dark-background a, .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .box-dark-background a, .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .box-dark-background a, .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .box-dark-background a, .container-dark-background .surface-profile .surfaceProfile-author-link, .surface-profile .container-dark-background .surfaceProfile-author-link, .container-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .container-dark-background a, .container-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .container-dark-background a, .container-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .container-dark-background a, .container-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .container-dark-background a, .template-article .box-dark-background .surface-profile .surfaceProfile-author-link, .surface-profile .template-article .box-dark-background .surfaceProfile-author-link, .template-article .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .template-article .box-dark-background a, .template-article .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .template-article .box-dark-background a, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .template-article .box-dark-background a, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .template-article .box-dark-background a {
  color: white
}

.box-dark-background .surface-profile .surfaceProfile-author-link:hover, .surface-profile .box-dark-background .surfaceProfile-author-link:hover, .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a:hover, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .box-dark-background a:hover, .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a:hover, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .box-dark-background a:hover, .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a:hover, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .box-dark-background a:hover, .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a:hover, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .box-dark-background a:hover, .box-dark-background .surface-profile .surfaceProfile-author-link:active, .surface-profile .box-dark-background .surfaceProfile-author-link:active, .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a:active, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .box-dark-background a:active, .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a:active, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .box-dark-background a:active, .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a:active, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .box-dark-background a:active, .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a:active, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .box-dark-background a:active, .container-dark-background .surface-profile .surfaceProfile-author-link:hover, .surface-profile .container-dark-background .surfaceProfile-author-link:hover, .container-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a:hover, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .container-dark-background a:hover, .container-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a:hover, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .container-dark-background a:hover, .container-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a:hover, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .container-dark-background a:hover, .container-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a:hover, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .container-dark-background a:hover, .container-dark-background .surface-profile .surfaceProfile-author-link:active, .surface-profile .container-dark-background .surfaceProfile-author-link:active, .container-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a:active, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .container-dark-background a:active, .container-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a:active, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .container-dark-background a:active, .container-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a:active, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .container-dark-background a:active, .container-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a:active, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .container-dark-background a:active, .template-article .box-dark-background .surface-profile .surfaceProfile-author-link:hover, .surface-profile .template-article .box-dark-background .surfaceProfile-author-link:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a:hover, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .template-article .box-dark-background a:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a:hover, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .template-article .box-dark-background a:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a:hover, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .template-article .box-dark-background a:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a:hover, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .template-article .box-dark-background a:hover, .template-article .box-dark-background .surface-profile .surfaceProfile-author-link:active, .surface-profile .template-article .box-dark-background .surfaceProfile-author-link:active, .template-article .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a:active, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link .template-article .box-dark-background a:active, .template-article .box-dark-background .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a:active, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link .template-article .box-dark-background a:active, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a:active, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link .template-article .box-dark-background a:active, .template-article .box-dark-background .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a:active, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link .template-article .box-dark-background a:active {
  color: white;
  border-bottom: 1px solid white
}

@media only screen and (max-width:899px) {
  .snippetReference .surfaceProfile.surfaceProfile-multiple-authors+.box .surfaceTags, .snippetReference .surfaceProfile.surfaceProfile-multiple-authors+.box .sharingUtilityBar, .snippetReference .surfaceProfile.surfaceProfile-multiple-authors+.box .upvote {
    padding-left: 8px
  }
}

.surface-profile {
  padding: 70px 0;
  color: #2e2e38
}

.surface-profile .surfaceProfile-contributor-plain h4, .surface-profile .surfaceProfile-local-contact-plain h4 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: inline-block
}

.surface-profile .surfaceProfile-author-by {
  display: none;
  font-weight: 300
}

.surface-profile.surfaceProfile-single-author .surfaceProfile-author-description, .surface-profile.surfaceProfile-single-author .surfaceProfile-contributors-section, .surface-profile.surfaceProfile-single-author .surfaceProfile-local-contacts-section {
  margin-left: 115px
}

@media only screen and (max-width:599px) {
  .surface-profile.surfaceProfile-single-author .surfaceProfile-author-description, .surface-profile.surfaceProfile-single-author .surfaceProfile-contributors-section, .surface-profile.surfaceProfile-single-author .surfaceProfile-local-contacts-section {
    margin-left: 0
  }
}

.surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section {
  width: 420px;
  margin-bottom: 15px;
  border-bottom: 1px #c4c4cd solid
}

@media only screen and (max-width:899px) {
  .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section {
    border: 0
  }

  .snippetReference .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section {
    border-bottom: 1px #c4c4cd solid;
    width: 75%
  }

  .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section+.surfaceProfile-contributors-section, .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section+.surfaceProfile-local-contacts-section {
    max-width: 75%;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #c4c4cd
  }
}

@media only screen and (max-width:599px) {
  .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section {
    width: 100%
  }

  .snippetReference .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section {
    width: 100%
  }

  .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section+.surfaceProfile-contributors-section, .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section+.surfaceProfile-local-contacts-section {
    max-width: 100%
  }
}

.surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section .surfaceProfile-author-description {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 20px
}

.surface-profile.surfaceProfile-multiple-authors .surfaceProfile-introductoryText {
  display: none
}

.surface-profile .surfaceProfile-authors-section {
  position: relative
}

.surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description {
  max-width: 420px;
  padding-bottom: 21px;
  margin-bottom: 21px;
  border-bottom: 1px #c4c4cd solid
}

.surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-image-link {
  width: 90px;
  height: 90px;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0
}

@media only screen and (max-width:599px) {
  .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-image-link {
    position: static;
    display: block;
    width: 99px;
    height: 99px;
    margin-bottom: 20px
  }
}

.surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-image-link span {
  display: none
}

.surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-link {
  display: inline-block;
  margin-bottom: 9px
}

.surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-link h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  margin: 0
}

.surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-jobTitle {
  line-height: 24px;
  margin: 0 0 10px
}

.surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-introductoryText {
  line-height: 24px;
  margin: 0
}

@media only screen and (max-width:599px) {
  .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-introductoryText {
    display: none
  }
}

.surface-profile .surfaceProfile-contributors-section, .surface-profile .surfaceProfile-local-contacts-section {
  font-size: 0;
  font-size: 0rem;
  line-height: 0
}

.surface-profile .surfaceProfile-contributors-section .surfaceProfile-authors, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-authors {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: block
}

.surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link {
  line-height: 26px;
  display: inline-block;
  margin: 0;
  font-size: 0
}

.surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  font-weight: 700;
  display: inherit
}

.surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor {
  display: inline
}

.surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link-separator, .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link-separator {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px
}

.box-dark-background .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-jobTitle {
  color: #ffe600
}

.box-dark-background .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-introductoryText {
  color: #fff
}

.surface-profile-utility-bar .surface-profile {
  padding: 0 0 12px;
  border-bottom: 1px #c4c4cd solid
}

.box-generic-content-sidebar .surface-profile-utility-bar .surface-profile {
  border-bottom: 0
}

@media only screen and (max-width:899px) {
  .surface-profile-utility-bar .surface-profile {
    border: 0
  }
}

.surface-profile-utility-bar .surface-profile.surfaceProfile-single-author .surfaceProfile-author-by {
  display: inline
}

.surface-profile-utility-bar .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section {
  border: 0;
  width: 199px
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description {
  margin: 0;
  padding-bottom: 6px;
  border: 0
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-image-link {
  position: static;
  display: block;
  margin-bottom: 9px
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-link {
  margin-bottom: 6px
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-link h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: 700
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-jobTitle {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px
}

@media only screen and (max-width:899px) {
  .surface-profile-utility-bar .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-jobTitle {
    display: none
  }
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-introductoryText {
  display: none
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-contributors-section, .surface-profile-utility-bar .surface-profile .surfaceProfile-local-contacts-section {
  margin: 0
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-contributors-section .surfaceProfile-authors, .surface-profile-utility-bar .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-authors {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link, .surface-profile-utility-bar .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link, .surface-profile-utility-bar .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link, .surface-profile-utility-bar .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link {
  display: inline
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link a, .surface-profile-utility-bar .surface-profile .surfaceProfile-contributors-section .surfaceProfile-local-contact-link a, .surface-profile-utility-bar .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link a, .surface-profile-utility-bar .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-local-contact-link a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: inline-block;
  margin: 0 0 8px
}

.surface-profile-utility-bar .surface-profile .surfaceProfile-contributors-section .surfaceProfile-contributor-link-breakpoint, .surface-profile-utility-bar .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-contributor-link-breakpoint {
  display: block
}

.surfaceProfile.surface-profile-minimal .surface-profile {
  padding: 45px 0 50px
}

@media only screen and (max-width:599px) {
  .surfaceProfile.surface-profile-minimal .surface-profile {
    padding: 25px 0 30px
  }
}

.surfaceProfile.surface-profile-minimal .surface-profile .surfaceProfile-introductoryText, .surfaceProfile.surface-profile-minimal .surface-profile .surfaceProfile-author-edited-by {
  display: none
}

.surfaceProfile.surface-profile-minimal .surface-profile .surfaceProfile-author-description {
  border-bottom: 0;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .surfaceProfile.surface-profile-minimal .surface-profile .surfaceProfile-author-description {
    padding-bottom: 0
  }
}

.table {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0;
  padding-right: 0;
  padding-left: 0
}

@media only screen and (max-width:599px) {
  .table {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.table>.component-content {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  -webkit-overflow-scrolling: touch
}

.table::-webkit-scrollbar {
  height: 7px
}

.table::-webkit-scrollbar-track {
  border-radius: 7px;
  background: #f6f6fa
}

.table::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background: #c4c4cd
}

.table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px
}

.table table.hidden-table {
  width: auto
}

.table tr:first-child {
  border: 0
}

.table td {
  padding: 13px 19px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #c4c4cd
}

.table-fixed-first-column {
  position: relative
}

.table-fixed-first-column>.component-content {
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0
}

.table-fixed-first-column>.component-content .table-column {
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  -webkit-overflow-scrolling: touch
}

.table-fixed-first-column>.component-content td {
  border: 0;
  position: relative
}

.table-fixed-first-column>.component-content td::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #c4c4cd;
  bottom: 0;
  left: 0
}

.table-fixed-first-column .table-fixed-column {
  background: white;
  position: absolute;
  left: 0;
  top: 20px;
  display: none
}

.table-fixed-first-column .table-fixed-column td:nth-child(1) {
  display: block
}

.table-fixed-first-column .table-fixed-column::after {
  content: '';
  height: calc(100% + 20px);
  width: 1px;
  border-right: 1px dashed #747480;
  position: absolute;
  right: -1px;
  top: -20px
}

.table-fixed-first-column.visible-fixed-table .table-fixed-column {
  display: block
}

.table-fixed-first-column.visible-fixed-table .first-child {
  display: none
}

.table-fixed-first-column.visible-fixed-table td:nth-child(1) {
  padding: 13px 60px 15px 15px
}

@media only screen and (max-width:1199px) {
  .table-fixed-first-column.visible-fixed-table td:nth-child(1) {
    text-align: left
  }
}

@media only screen and (max-width:899px) {
  .table-fixed-first-column.visible-fixed-table td:nth-child(1) {
    padding: 13px 43px 15px 15px
  }
}

@media only screen and (max-width:599px) {
  .table-fixed-first-column.visible-fixed-table td:nth-child(1) {
    padding: 13px 17px 15px 15px
  }
}

@media only screen and (max-width:1199px) {
  .table-fixed-first-column.visible-fixed-table td {
    padding: 13px 15px 15px 19px;
    text-align: right
  }
}

.table-last-row-with-bold tr:last-child td {
  font-weight: 400
}

.table-top-row-with-bold tr:first-child td {
  font-weight: 400
}

.table-top-row-grey-background tr:first-child td {
  background: #f6f6fa
}

.table-full-width {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .table-full-width {
    width: 100%;
    left: auto
  }
}

.table-full-width>.component-content, .table-full-width>.row {
  padding: 0 68px
}

@media print {
  .table-full-width>.component-content, .table-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .table-full-width {
    width: calc(100% + 104px);
    left: -52px
  }

  .table-full-width>.component-content, .table-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .table-full-width {
    width: calc(100% + 72px);
    left: -36px
  }

  .table-full-width>.component-content, .table-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .table-full-width {
    width: calc(100% + 24px);
    left: -12px
  }

  .table-full-width>.component-content, .table-full-width>.row {
    padding: 0 18px
  }
}

.table-full-width td:first-child {
  padding-left: 68px
}

@media only screen and (max-width:1199px) {
  .table-full-width td:first-child {
    padding-left: 60px
  }
}

@media only screen and (max-width:899px) {
  .table-full-width td:first-child {
    padding-left: 44px
  }
}

@media only screen and (max-width:599px) {
  .table-full-width td:first-child {
    padding-left: 18px
  }
}

.table-full-width td:last-child {
  padding-right: 68px
}

@media only screen and (max-width:1199px) {
  .table-full-width td:last-child {
    padding-right: 60px
  }
}

@media only screen and (max-width:899px) {
  .table-full-width td:last-child {
    padding-right: 44px
  }
}

@media only screen and (max-width:599px) {
  .table-full-width td:last-child {
    padding-right: 18px
  }
}

.tabs-tabbed-list {
  padding: 30px 0;
  margin-bottom: 0;
  position: relative
}

@media only screen and (max-width:599px) {
  .tabs-tabbed-list {
    padding: 25px 0
  }
}

.tabs-tabbed-list .richText-content:last-child {
  margin-bottom: 0
}

.tabs-tabbed-list.scroll-min .tabs-nav::before {
  display: none
}

.tabs-tabbed-list.scroll-min .tab-switcher-left {
  opacity: 0.3;
  cursor: default
}

.tabs-tabbed-list.scroll-max .tabs-nav::after {
  display: none
}

.tabs-tabbed-list.scroll-max .tab-switcher-right {
  opacity: 0.3;
  cursor: default
}

.tabs-tabbed-list .tabContent {
  margin-bottom: 0
}

.tabs-tabbed-list .tabs-nav {
  overflow: hidden;
  margin: 0 30px;
  opacity: 0
}

.tabs-tabbed-list .tabs-nav::before, .tabs-tabbed-list .tabs-nav::after {
  content: '';
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 100;
  width: 88px;
  height: 88px;
  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none
}

@media only screen and (max-width:899px) {
  .tabs-tabbed-list .tabs-nav::before, .tabs-tabbed-list .tabs-nav::after {
    height: 60px
  }
}

.tabs-tabbed-list .tabs-nav::after {
  left: auto;
  right: 30px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%)
}

.tabs-tabbed-list .tabs-nav.left-gradient-hidden::before, .tabs-tabbed-list .tabs-nav.right-gradient-hidden::after {
  opacity: 0
}

.tabs-tabbed-list.initialized .tabs-nav {
  opacity: 1
}

.tabs-tabbed-list.hide-arrows .tab-switcher {
  display: none
}

.tabs-tabbed-list.hide-arrows .tabs-nav {
  position: relative
}

.tabs-tabbed-list.hide-arrows .tabs-nav::before, .tabs-tabbed-list.hide-arrows .tabs-nav::after {
  display: none
}

.tabs-tabbed-list .tabs-nav-list {
  position: relative;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.tabs-tabbed-list .tabs-nav-list li {
  list-style: none;
  display: inline-block;
  padding: 0 5px;
  margin: 0 50px
}

@media only screen and (max-width:1199px) {
  .tabs-tabbed-list .tabs-nav-list li {
    margin: 0 36px
  }
}

@media only screen and (max-width:899px) {
  .tabs-tabbed-list .tabs-nav-list li {
    margin: 0 43px
  }
}

@media only screen and (max-width:599px) {
  .tabs-tabbed-list .tabs-nav-list li {
    margin: 0 16px
  }
}

.tabs-tabbed-list .tabs-nav-list li.border {
  position: absolute;
  display: block;
  width: 0;
  height: 5px;
  bottom: 0;
  left: 0;
  background: black;
  -webkit-transition: width 0.4s, left 0.4s ease;
  transition: width 0.4s, left 0.4s ease
}

.tabs-tabbed-list .tabs-nav-list li a {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  color: #2e2e38;
  font-weight: 400;
  padding: 30px 0;
  display: block;
  white-space: nowrap
}

@media only screen and (max-width:899px) {
  .tabs-tabbed-list .tabs-nav-list li a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    padding: 19px 0
  }
}

@media only screen and (max-width:599px) {
  .tabs-tabbed-list .tabs-nav-list li a {
    padding: 15px 0
  }
}

@media only screen and (min-width:1200px) {
  .tabs-tabbed-list.tabs-tabbed-list-left .tabs-nav-list {
    margin-left: 0
  }

  .tabs-tabbed-list.tabs-tabbed-list-left .tabs-nav {
    left: -70px
  }
}

.tabs-tabbed-list .tabMenuItem {
  margin: 0
}

.tabs-tabbed-list .tab-switcher {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 60px;
  right: 0;
  cursor: pointer;
  text-indent: 200%;
  overflow: hidden;
  z-index: 105;
  background: url("/img/ic_chevron_right.svg") center no-repeat;
  background-size: 13px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

@media only screen and (max-width:899px) {
  .tabs-tabbed-list .tab-switcher {
    top: 46px
  }
}

@media only screen and (max-width:599px) {
  .tabs-tabbed-list .tab-switcher {
    top: 42px
  }
}

.tabs-tabbed-list .tab-switcher.tab-switcher-left {
  right: auto;
  left: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.tabs-tabbed-list.tabs-tabbed-list-full-width {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .tabs-tabbed-list.tabs-tabbed-list-full-width {
    width: 100%;
    left: auto
  }
}

.tabs-tabbed-list.tabs-tabbed-list-full-width>.component-content, .tabs-tabbed-list.tabs-tabbed-list-full-width>.row {
  padding: 0 68px
}

@media print {
  .tabs-tabbed-list.tabs-tabbed-list-full-width>.component-content, .tabs-tabbed-list.tabs-tabbed-list-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .tabs-tabbed-list.tabs-tabbed-list-full-width {
    width: calc(100% + 104px);
    left: -52px
  }

  .tabs-tabbed-list.tabs-tabbed-list-full-width>.component-content, .tabs-tabbed-list.tabs-tabbed-list-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .tabs-tabbed-list.tabs-tabbed-list-full-width {
    width: calc(100% + 72px);
    left: -36px
  }

  .tabs-tabbed-list.tabs-tabbed-list-full-width>.component-content, .tabs-tabbed-list.tabs-tabbed-list-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .tabs-tabbed-list.tabs-tabbed-list-full-width {
    width: calc(100% + 24px);
    left: -12px
  }

  .tabs-tabbed-list.tabs-tabbed-list-full-width>.component-content, .tabs-tabbed-list.tabs-tabbed-list-full-width>.row {
    padding: 0 18px
  }
}

.tagList-tag-link, .tagList-tag-item {
  background-color: #e1e1e1;
  border: 1px solid #656363;
  color: #323131;
  padding: 5px 20px;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block
}

.tagList-tag-link:hover, .tagList-tag-item:hover {
  background-color: #939191;
  color: white
}

.tagList-heading {
  font-weight: bold;
  color: #323131;
  margin: 10px 0;
  font-size: 1.5rem;
  display: block
}

.tagList-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.tagList-tag {
  display: inline-block
}

.tagList-tag-link, .tagList-tag-item {
  margin-right: 5px;
  text-decoration: none
}

.tagList-tag-link:hover, .tagList-tag-link:active, .tagList-tag-item:hover, .tagList-tag-item:active {
  color: #fff
}

.surfaceTags {
  margin-bottom: 0
}

.template-event-page-template .surfaceTags {
  padding: 0
}

.template-event-page-template .surfaceTags .surface-tags {
  margin-bottom: 30px
}

.surfaceTags .surface-tags {
  line-height: 0
}

.surfaceTags>.content {
  margin-bottom: 20px
}

[id=profile-description-left] .surfaceTags>.content .surface-tag, [id=case-study-header] .surfaceTags>.content .surface-tag, .box-dark-background .surfaceTags>.content .surface-tag, .heroBannerLiteProfile .surfaceTags>.content .surface-tag {
  color: #fff;
  border-color: #747480
}

[id=profile-description-left] .surfaceTags>.content .surface-tag:hover:not(.disabled), [id=case-study-header] .surfaceTags>.content .surface-tag:hover:not(.disabled), .box-dark-background .surfaceTags>.content .surface-tag:hover:not(.disabled), .heroBannerLiteProfile .surfaceTags>.content .surface-tag:hover:not(.disabled) {
  border-color: #fff
}

.surfaceTags>.content .tags-header {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  margin-bottom: 10px;
  display: block
}

.surfaceTags>.content .surface-tag {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-block;
  padding: 2px 11px;
  border: 1px solid #c4c4cd;
  border-radius: 3px;
  font-weight: 700;
  color: #2e2e38;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: break-word
}

@media only screen and (max-width:599px) {
  .surfaceTags>.content .surface-tag {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    min-height: 40px
  }
}

.surfaceTags>.content .surface-tag:hover:not(.disabled) {
  border-color: #2e2e38
}

.surfaceTags>.content .surface-tag.disabled {
  cursor: default
}

.surfaceTags>.content .surface-tag:last-of-type:not(.surfaceTags > .content .surface-tag:only-child) {
  margin-bottom: 0
}

.technicalContentDetails {
  margin-bottom: 20px;
  padding: 0
}

.technicalContentDetails .local-contact {
  padding: 0 0 20px;
  border-bottom: 1px solid #c4c4cd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.technicalContentDetails .local-contact h4 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: bold;
  margin: 4px 0 0
}

.technicalContentDetails .local-contact .label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px
}

.technicalContentDetails .local-contact .image-link {
  width: 90px;
  height: 90px;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
  margin-bottom: 20px
}

@media only screen and (max-width:899px) {
  .technicalContentDetails .local-contact {
    display: inline-block;
    width: 25%;
    border: none;
    padding: 0 8px
  }
}

@media only screen and (max-width:599px) {
  .technicalContentDetails .local-contact {
    width: auto;
    display: block;
    padding: 0
  }
}

.technicalContentDetails .content-part {
  padding: 20px 0;
  border-bottom: 1px solid #c4c4cd
}

.technicalContentDetails .content-part.date-wrapper {
  padding-bottom: 8px
}

.technicalContentDetails .content-part .content-part-header {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: block;
  padding-bottom: 4px
}

.technicalContentDetails .content-part .label, .technicalContentDetails .content-part .taxonomy {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  font-weight: bold
}

.technicalContentDetails .content-part .taxonomy::after {
  content: ","
}

.technicalContentDetails .content-part .taxonomy:last-child::after {
  content: ""
}

.technicalContentDetails .content-part .date {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: block;
  margin-bottom: 12px
}

.technicalContentDetails .content-part .technical-content-document-type {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  background: #eaeaf2;
  margin-bottom: 12px;
  padding: 0 6px;
  display: inline-block
}

@media only screen and (max-width:899px) {
  .technicalContentDetails .content-part {
    border: none
  }
}

@media only screen and (max-width:599px) {
  .technicalContentDetails .content-part {
    border-bottom: 1px solid #c4c4cd
  }
}

.technicalContentDetails .all-content-parts {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:899px) {
  .technicalContentDetails .all-content-parts {
    width: 75%;
    float: right;
    padding: 0 8px
  }
}

@media only screen and (max-width:599px) {
  .technicalContentDetails .all-content-parts {
    padding: 0;
    float: none;
    width: auto
  }
}

@media only screen and (max-width:899px) {
  .technicalContentDetails {
    float: none
  }
}

@media only screen and (max-width:599px) {
  .technicalContentDetails {
    float: left
  }
}

#technical-content-left::after {
  display: none
}

@media only screen and (max-width:899px) {
  #technical-content-left {
    padding-bottom: 10px;
    border-bottom: 1px solid #c4c4cd
  }
}

@media only screen and (max-width:599px) {
  #technical-content-left {
    padding-bottom: 50px;
    border-bottom: none
  }
}

@media only screen and (max-width:899px) {
  #technical-content-left>.row>div {
    float: none;
    position: static
  }
}

@media only screen and (max-width:599px) {
  #technical-content-left>.row>div {
    float: left;
    position: relative
  }
}

@media only screen and (max-width:899px) {
  #technical-content-left .sharingUtilityBar {
    margin-bottom: 30px
  }
}

@media only screen and (max-width:599px) {
  #technical-content-left .sharingUtilityBar {
    margin-bottom: 0
  }
}

@media only screen and (max-width:899px) {
  #technical-content-left .resourceList {
    position: absolute;
    bottom: 30px;
    left: auto;
    right: 0;
    width: 33.33333%
  }
}

@media only screen and (max-width:599px) {
  #technical-content-left .resourceList {
    position: relative;
    bottom: auto;
    left: 0;
    right: auto;
    width: auto
  }
}

#technical-content-search {
  padding-bottom: 70px
}

@media only screen and (max-width:599px) {
  #technical-content-search {
    padding-bottom: 50px
  }
}

#technical-content-search .pagination {
  padding-bottom: 0;
  padding-top: 50px
}

@media only screen and (max-width:1199px) {
  #technical-content-search .pagination {
    padding-top: 59px
  }
}

@media only screen and (max-width:599px) {
  #technical-content-search .pagination {
    padding-top: 49px
  }
}

#technical-content-search .pagination .prev, #technical-content-search .pagination .next {
  height: 22px
}

#technical-content-search .pagination .pagination-item {
  cursor: pointer
}

#technical-content-search .pagination .pagination-item.is-active {
  cursor: default
}

.searchPhrase {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .searchPhrase {
    width: 100%;
    left: auto
  }
}

.searchPhrase>.component-content, .searchPhrase>.row {
  padding: 0 68px
}

@media print {
  .searchPhrase>.component-content, .searchPhrase>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .searchPhrase {
    width: calc(100% + 104px);
    left: -52px
  }

  .searchPhrase>.component-content, .searchPhrase>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .searchPhrase {
    width: calc(100% + 72px);
    left: -36px
  }

  .searchPhrase>.component-content, .searchPhrase>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .searchPhrase {
    width: calc(100% + 24px);
    left: -12px
  }

  .searchPhrase>.component-content, .searchPhrase>.row {
    padding: 0 18px
  }
}

.searchPhrase>.component-content {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #c4c4cd;
  border-bottom: 1px solid #c4c4cd
}

@media only screen and (max-width:1199px) {
  .searchPhrase>.component-content {
    padding-top: 35px;
    padding-bottom: 35px
  }
}

@media only screen and (max-width:599px) {
  .searchPhrase>.component-content {
    padding-top: 20px;
    padding-bottom: 20px
  }
}

.searchPhrase .inlineSearch-input, .searchPhrase .inlineSearch-query {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px
}

@media only screen and (max-width:599px) {
  .searchPhrase .inlineSearch-input, .searchPhrase .inlineSearch-query {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px
  }
}

.searchPhrase .inlineSearch-query {
  width: 91.66667%;
  position: relative;
  border: 0;
  padding: 0;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #2e2e38;
  outline: none
}

.searchPhrase .inlineSearch-query::-webkit-input-placeholder {
  color: #747480
}

.searchPhrase .inlineSearch-query:-ms-input-placeholder {
  color: #747480
}

.searchPhrase .inlineSearch-query::-ms-input-placeholder {
  color: #747480
}

.searchPhrase .inlineSearch-query::placeholder {
  color: #747480
}

.searchPhrase .inlineSearch-button {
  float: right;
  margin-top: 2px;
  display: block;
  width: 26px;
  height: 26px;
  background: url("/img/ic_search.svg") no-repeat center;
  font-size: 0;
  text-indent: -200%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  padding: 0
}

@media only screen and (max-width:599px) {
  .searchPhrase .inlineSearch-button {
    width: 18px;
    height: 18px;
    background-size: 18px
  }
}

@media only screen and (max-width:599px) {
  .searchOrder.dropdown-open .current-order-container-inner .button-close, .searchFilter .headline-inner .button-close {
    border: 0;
    background: url("/img/ic_close_white.svg") center no-repeat;
    background-size: 18px;
    width: 16px;
    height: 16px;
    font-size: 0;
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.searchOrder .order-type-items label::before, .searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input label::before, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input label::before {
  content: '';
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.searchOrder .order-type-items input:checked+label::after, .searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input input:checked+label::after, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input input:checked+label::after {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%
}

.searchOrder .current-order-container .order-button::after, .searchFilter .headline .filter-button::after {
  content: '';
  display: block;
  height: 15px;
  width: 9px;
  background: url("/img/ic_chevron_right.svg") center/100% no-repeat;
  position: absolute;
  top: calc(50% - 2px);
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
}

.searchOrder.dropdown-open .current-order-container .order-button::after, .searchFilter.dropdown-open .headline .filter-button::after {
  background: url("/img/ic_chevron_right_white.svg") center/100% no-repeat;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg)
}

.searchOrder {
  overflow: visible;
  margin: 0;
  position: relative;
  z-index: 105
}

.searchOrder.dropdown-open .order-selection {
  color: #fff;
  background: #2e2e38
}

@media only screen and (max-width:599px) {
  .searchOrder.dropdown-open .order-selection {
    background: transparent
  }
}

.searchOrder.dropdown-open .sort-label {
  opacity: 1
}

@media only screen and (max-width:599px) {
  .searchOrder.dropdown-open .current-order-container-inner {
    padding: 16px 0 13px;
    position: relative
  }
}

.searchOrder.dropdown-open .current-order-container-inner::after {
  content: '';
  height: 1px;
  width: calc(100% + 36px);
  bottom: 0;
  left: -18px;
  position: absolute;
  background: #747480
}

@media only screen and (max-width:599px) {
  .searchOrder.dropdown-open .current-order-container-inner .sort-label {
    display: inline-block;
    padding: 0 5px 0 0
  }
}

@media only screen and (max-width:599px) {
  .searchOrder.dropdown-open .current-order-container-inner .current-order {
    cursor: auto
  }
}

.searchOrder.dropdown-open .current-order-container .current-order {
  color: #fff
}

@media only screen and (max-width:599px) {
  .searchOrder.dropdown-open .current-order-container .current-order {
    color: #2e2e38
  }
}

.searchOrder.dropdown-open .order-type-items {
  height: 123px;
  padding-left: 18px
}

@media only screen and (max-width:1199px) {
  .searchOrder.dropdown-open .order-type-items {
    padding-left: 15px
  }
}

@media only screen and (max-width:599px) {
  .searchOrder.dropdown-open .order-type-items {
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    padding-right: 18px
  }
}

.searchOrder.dropdown-open .order-type-items .order-item.first-item {
  padding-top: 16px;
  padding-bottom: 32px
}

@media only screen and (max-width:599px) {
  .searchOrder.dropdown-open .order-type-items .order-item.first-item {
    padding: 29px 0 33px
  }
}

.searchOrder.dropdown-open .order-type-items .order-item.second-item {
  padding-bottom: 31px
}

.searchOrder.dropdown-open .order-type-items input:checked+label::after {
  opacity: 1
}

.searchOrder.dropdown-open .order-type-items label::before, .searchOrder.dropdown-open .order-type-items label::after {
  opacity: 1
}

.searchOrder .component-content {
  padding-top: 28px;
  padding-bottom: 20px
}

@media only screen and (max-width:1199px) {
  .searchOrder .component-content {
    padding-top: 18px;
    padding-bottom: 24px
  }
}

@media only screen and (max-width:599px) {
  .searchOrder .component-content {
    padding-top: 14px;
    padding-bottom: 30px
  }
}

.searchOrder .search-results {
  display: block;
  float: left;
  padding-top: 16px;
  padding-bottom: 20px;
  color: #747480;
  line-height: 22px
}

.searchOrder .order-selection {
  min-width: 37.5%;
  float: right;
  line-height: 22px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:1199px) {
  .searchOrder .order-selection {
    min-width: 30%
  }
}

@media only screen and (max-width:899px) {
  .searchOrder .order-selection {
    min-width: 40%
  }
}

@media only screen and (max-width:599px) {
  .searchOrder .order-selection {
    min-width: inherit
  }
}

.searchOrder .current-order-container-inner {
  display: none
}

@media only screen and (max-width:599px) {
  .searchOrder .current-order-container-inner {
    display: block
  }
}

.searchOrder .current-order-container {
  overflow: hidden;
  position: relative;
  padding-top: 16px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.searchOrder .current-order-container .order-button {
  cursor: pointer;
  margin-right: 5px
}

.searchOrder .current-order-container .order-button::after {
  right: 18px
}

@media only screen and (max-width:1199px) {
  .searchOrder .current-order-container .order-button::after {
    right: 15px
  }
}

@media only screen and (max-width:599px) {
  .searchOrder .current-order-container .order-button::after {
    display: none
  }
}

.searchOrder .sort-label {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  padding-left: 18px;
  padding-right: 5px
}

@media only screen and (max-width:899px) {
  .searchOrder .sort-label {
    padding-left: 15px
  }
}

@media only screen and (max-width:599px) {
  .searchOrder .sort-label {
    display: none
  }
}

.searchOrder .current-order {
  font-weight: 700;
  padding-right: 41px;
  letter-spacing: 0.4px;
  background: none;
  border: 0;
  cursor: pointer
}

@media only screen and (max-width:1199px) {
  .searchOrder .current-order {
    padding-right: 43px
  }
}

@media only screen and (max-width:599px) {
  .searchOrder .current-order {
    padding-right: 0
  }
}

.searchOrder .order-type-items {
  clear: both;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, background 0.3s ease-in-out;
  position: absolute;
  min-width: 100%;
  width: auto;
  z-index: 100;
  background: #2e2e38;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .searchOrder .order-type-items {
    position: fixed;
    top: 0;
    left: 100%;
    -webkit-transition: left 0.3s, opacity 0.3s;
    transition: left 0.3s, opacity 0.3s;
    opacity: 0
  }
}

.searchOrder .order-type-items input {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.searchOrder .order-type-items input:checked+label::after {
  opacity: 0
}

@media only screen and (max-width:599px) {
  .searchOrder .order-type-items input:checked+label::after {
    opacity: 1
  }
}

.searchOrder .order-type-items input+label {
  border: 2px solid transparent
}

.searchOrder .order-type-items input:focus+label {
  border: 2px solid rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

.searchOrder .order-type-items label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: block;
  font-weight: 700;
  line-height: 22px
}

.searchOrder .order-type-items label::before {
  opacity: 0
}

@media only screen and (max-width:599px) {
  .searchOrder .order-type-items label::before {
    opacity: 1
  }
}

@media only screen and (max-width:599px) {
  body.searchOrder-open, body.searchFilter-open {
    overflow: hidden
  }
}

@media only screen and (max-width:599px) {
  body.searchOrder-open #content, body.searchFilter-open #content {
    z-index: 500
  }
}

.searchFilter .headline .reset-button, .searchFilter .headline .filter-button button {
  line-height: 22px;
  display: inline-block;
  cursor: pointer;
  background: none;
  border: 0;
  font-weight: 700
}

.searchFilter {
  position: relative;
  overflow: hidden;
  z-index: 100;
  width: 100%;
  margin: 0 8px 0 0;
  top: 28px
}

@media only screen and (max-width:1199px) {
  .searchFilter {
    width: 25%;
    position: absolute;
    top: 128px;
    right: 0;
    padding-bottom: 18px;
    min-width: 41.66667%
  }
}

@media only screen and (max-width:899px) {
  .searchFilter {
    min-width: 50%
  }
}

@media only screen and (max-width:599px) {
  .searchFilter {
    top: 87px;
    bottom: 141px;
    right: 6px;
    padding-bottom: 0;
    margin-right: 0
  }
}

@media only screen and (max-width:1199px) {
  .searchFilter.dropdown-open {
    background: #2e2e38;
    z-index: 110
  }
}

@media only screen and (max-width:599px) {
  .searchFilter.dropdown-open {
    position: static;
    background: transparent
  }
}

.searchFilter.dropdown-open .headline {
  color: #fff
}

@media only screen and (max-width:1199px) {
  .searchFilter.dropdown-open .headline .reset-button {
    opacity: 1
  }
}

.searchFilter.dropdown-open .headline .filter-button button {
  color: #fff
}

@media only screen and (max-width:1199px) {
  .searchFilter.dropdown-open .searchFilter-content {
    display: block
  }
}

@media only screen and (max-width:1199px) {
  .searchFilter.dropdown-open .searchFilter-scroll-wrapper {
    opacity: 1;
    padding: 15px 20px 14px 24px
  }
}

@media only screen and (max-width:599px) {
  .searchFilter.dropdown-open .searchFilter-scroll-wrapper {
    position: fixed;
    width: 100%;
    height: calc(100% - 86px) !important;
    top: 0;
    left: 0;
    background: #2e2e38;
    padding: 0 18px;
    z-index: 700
  }
}

.searchFilter.dropdown-open .searchFilter-scroll-wrapper .date-selection .filter-input input:checked+label::after, .searchFilter.dropdown-open .searchFilter-scroll-wrapper .date-selection .filter-input label::before, .searchFilter.dropdown-open .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input input:checked+label::after, .searchFilter.dropdown-open .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input label::before {
  opacity: 1
}

@media only screen and (max-width:599px) {
  .searchFilter.dropdown-open .update-button {
    opacity: 1;
    left: 0
  }
}

.searchFilter .headline-inner {
  display: none
}

@media only screen and (max-width:599px) {
  .searchFilter .headline-inner {
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 16px 38px 12px 0;
    margin-bottom: 20px
  }

  .searchFilter .headline-inner::after {
    content: '';
    height: 1px;
    width: calc(100% + 36px);
    bottom: 0;
    left: -18px;
    position: absolute;
    background: #747480
  }
}

@media only screen and (max-width:599px) {
  .searchFilter .headline-inner .reset-button {
    background: transparent;
    border: 0;
    color: #747480;
    font-weight: 700;
    padding: 0;
    cursor: pointer
  }

  .searchFilter .headline-inner .reset-button.is-active {
    color: #fff
  }
}

.searchFilter .headline {
  padding-bottom: 20px;
  font-weight: 700
}

@media only screen and (max-width:1199px) {
  .searchFilter .headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0
  }
}

@media only screen and (max-width:599px) {
  .searchFilter .headline {
    display: block;
    text-align: right
  }
}

.searchFilter .headline .reset-button {
  padding: 16px 0 20px;
  color: #c4c4cd
}

.searchFilter .headline .reset-button.is-active {
  color: #2e2e38;
  cursor: pointer
}

@media only screen and (max-width:1199px) {
  .searchFilter .headline .reset-button {
    color: #747480;
    padding-left: 24px;
    padding-right: 5px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out
  }

  .searchFilter .headline .reset-button.is-active {
    color: #fff
  }
}

@media only screen and (max-width:599px) {
  .searchFilter .headline .reset-button {
    display: none
  }
}

.searchFilter .headline .filter-button {
  display: none
}

@media only screen and (max-width:1199px) {
  .searchFilter .headline .filter-button {
    padding: 16px 0 20px;
    position: relative;
    right: 0;
    cursor: pointer;
    line-height: 22px;
    display: block
  }
}

.searchFilter .headline .filter-button::after {
  right: 10px
}

@media only screen and (max-width:599px) {
  .searchFilter .headline .filter-button::after {
    display: none
  }
}

.searchFilter .headline .filter-button button {
  padding-right: 37px
}

@media only screen and (max-width:599px) {
  .searchFilter .headline .filter-button button {
    padding-right: 0
  }
}

.searchFilter .searchFilter-content {
  position: relative;
  height: 100%
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-content {
    display: none
  }
}

.searchFilter .searchFilter-scroll-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(100% - 78px)
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper {
    color: #fff;
    height: 0;
    opacity: 0
  }
}

@media only screen and (max-width:599px) {
  .searchFilter .searchFilter-scroll-wrapper {
    left: 100%;
    -webkit-transition: left 0.3s, opacity 0.3s;
    transition: left 0.3s, opacity 0.3s
  }
}

.searchFilter .searchFilter-scroll-wrapper .date-label, .searchFilter .searchFilter-scroll-wrapper .category-label, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-label {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  color: #747480;
  padding-bottom: 16px;
  display: inline-block
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper .date-label, .searchFilter .searchFilter-scroll-wrapper .category-label, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-label {
    color: #c4c4cd
  }
}

.searchFilter .searchFilter-scroll-wrapper .date-selection, .searchFilter .searchFilter-scroll-wrapper .category-section {
  margin-bottom: 40px
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input input, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input input {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input input:checked+label::after, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input input:checked+label::after {
  background: #2e2e38
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input input:checked+label::after, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input input:checked+label::after {
    background: #fff;
    opacity: 0
  }
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input label, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: block;
  line-height: 22px
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input label::before, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input label::before {
  border-color: #2e2e38
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input label::before, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input label::before {
    border-color: #fff;
    opacity: 0
  }
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input:first-child, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input:nth-child(2) {
  padding-bottom: 15px;
  display: block
}

@media only screen and (max-width:899px) {
  .searchFilter .searchFilter-scroll-wrapper .date-selection .filter-input:first-child, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-section>.filter-input:nth-child(2) {
    padding-bottom: 32px
  }
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range {
  padding: 11px 0 0 35px
}

@media only screen and (max-width:599px) {
  .searchFilter .searchFilter-scroll-wrapper .date-selection .date-range {
    padding-top: 21px
  }
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range input {
  width: 78px;
  background: transparent;
  line-height: 22px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #747480;
  padding: 0 0 4px;
  color: #2e2e38;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1px
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range input.is-invalid {
  border-bottom: 2px solid red;
  margin-bottom: 0
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range input:not(.is-focus) {
  outline: 0
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper .date-selection .date-range input {
    color: #fff
  }
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range input::-webkit-input-placeholder {
  color: #747480
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range input:-ms-input-placeholder {
  color: #747480
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range input::-ms-input-placeholder {
  color: #747480
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range input::placeholder {
  color: #747480
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range .hidden-label {
  display: none
}

.searchFilter .searchFilter-scroll-wrapper .date-selection .date-range .date-range-to-label {
  padding: 0 10px;
  color: #747480
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper .date-selection .date-range .date-range-to-label {
    color: #c4c4cd
  }
}

.searchFilter .searchFilter-scroll-wrapper .category-selection input, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection input {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.searchFilter .searchFilter-scroll-wrapper .category-selection input:checked+label::before, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection input:checked+label::before {
  background: url("/img/ic_checkbox_sprite.svg") 0 0 no-repeat
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper .category-selection input:checked+label::before, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection input:checked+label::before {
    background: url("/img/ic_checkbox_sprite.svg") 0 -24px no-repeat
  }
}

.searchFilter .searchFilter-scroll-wrapper .category-selection label, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: block;
  line-height: 24px
}

.searchFilter .searchFilter-scroll-wrapper .category-selection label::before, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection label::before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("/img/ic_checkbox_sprite.svg") 0 -48px no-repeat
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper .category-selection label::before, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection label::before {
    background: url("/img/ic_checkbox_sprite.svg") 0 -72px no-repeat
  }
}

.searchFilter .searchFilter-scroll-wrapper .category-selection .filter-input, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection .filter-input {
  display: block;
  padding-bottom: 17px
}

.searchFilter .searchFilter-scroll-wrapper .category-selection .filter-input:last-child, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection .filter-input:last-child {
  padding-bottom: 0
}

@media only screen and (max-width:899px) {
  .searchFilter .searchFilter-scroll-wrapper .category-selection .filter-input, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection .filter-input {
    padding-bottom: 32px
  }

  .searchFilter .searchFilter-scroll-wrapper .category-selection .filter-input:last-child, .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection .filter-input:last-child {
    padding-bottom: 0
  }
}

.searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection>.filter-input {
  height: 0;
  padding-bottom: 0;
  overflow: hidden
}

.searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection>.filter-input.show-single {
  height: auto;
  padding-bottom: 15px
}

@media only screen and (max-width:899px) {
  .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection>.filter-input.show-single {
    padding-bottom: 32px
  }
}

.searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection>.filter-input:last-child {
  padding-bottom: 0
}

.searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection.is-open>.filter-input {
  height: auto;
  padding-bottom: 15px
}

@media only screen and (max-width:899px) {
  .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection.is-open>.filter-input {
    padding-bottom: 32px
  }
}

.searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection.is-open>.filter-input:last-child {
  padding-bottom: 0
}

.searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection {
  padding-left: 35px
}

.searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection.is-open {
  padding-top: 20px
}

@media only screen and (max-width:599px) {
  .searchFilter .searchFilter-scroll-wrapper .jurisdiction-selection {
    padding-top: 31px
  }
}

.searchFilter .searchFilter-scroll-wrapper .show-more-button button {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  cursor: pointer;
  background: transparent;
  border: 0;
  font-weight: 700;
  padding-left: 35px
}

@media only screen and (max-width:1199px) {
  .searchFilter .searchFilter-scroll-wrapper .show-more-button button {
    color: #fff
  }
}

@media only screen and (max-width:599px) {
  .searchFilter .searchFilter-scroll-wrapper .show-more-button button {
    padding-bottom: 30px
  }
}

.searchFilter .searchFilter-scroll-wrapper input+label {
  border: 2px solid transparent
}

.searchFilter .searchFilter-scroll-wrapper input:focus+label {
  border: 2px solid rgba(82, 168, 236, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

.searchFilter .update-button {
  display: none
}

@media only screen and (max-width:599px) {
  .searchFilter .update-button {
    position: fixed;
    display: block;
    bottom: 0;
    padding: 18px;
    width: 100%;
    z-index: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #2e2e38;
    left: 100%;
    -webkit-transition: left 0.3s, opacity 0.3s;
    transition: left 0.3s, opacity 0.3s;
    opacity: 0
  }
}

@media only screen and (max-width:599px) {
  .searchFilter .update-button button {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    width: 100%;
    padding: 13px;
    cursor: pointer;
    border: 1px solid #fff;
    color: white;
    font-weight: 700;
    background: transparent
  }
}

.searchResults {
  margin-bottom: 0
}

.searchResults .item {
  padding: 24px 0;
  border-bottom: 1px solid #c4c4cd
}

.searchResults .item:first-child {
  padding-top: 0
}

.searchResults .title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  display: block;
  margin: 0;
  padding: 0
}

.searchResults .title .hyperlink-text-link {
  font-weight: 400;
  letter-spacing: -0.1px;
  line-height: 28px
}

.searchResults .subtitle {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  letter-spacing: -0.1px;
  margin: 6px 0 0;
  display: block
}

.searchResults .additional-info {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  margin-top: 10px;
  display: block;
  overflow: hidden;
  letter-spacing: -0.1px
}

.searchResults .additional-info>span {
  display: inline-block;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
  float: left;
  line-height: 22px
}

.searchResults .additional-info>span::after {
  content: '';
  display: block;
  height: 22px;
  width: 1px;
  background: #c4c4cd;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.searchResults .additional-info>span:last-child {
  padding: 0;
  margin-right: 0
}

.searchResults .additional-info>span:last-child::after {
  display: none
}

.searchResults .additional-info>span .document-type {
  padding: 0 6px;
  background: #eaeaf2;
  line-height: 22px;
  display: inline-block
}

.searchResults .event-no-results {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  padding-bottom: 40px;
  text-align: center
}

@media only screen and (max-width:1199px) {
  .searchResults .event-no-results {
    padding-bottom: 44px
  }
}

@media only screen and (max-width:599px) {
  .searchResults .event-no-results {
    padding-bottom: 50px
  }
}

.theTeam .team-memberName a, .officeDetails-team .team-memberName a, .theTeam .team-viewAll a, .officeDetails-team .team-viewAll a {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.theTeam .team-memberName a:hover, .officeDetails-team .team-memberName a:hover, .theTeam .team-viewAll a:hover, .officeDetails-team .team-viewAll a:hover, .theTeam .team-memberName a:active, .officeDetails-team .team-memberName a:active, .theTeam .team-viewAll a:active, .officeDetails-team .team-viewAll a:active, .theTeam .team-memberName a:focus, .officeDetails-team .team-memberName a:focus, .theTeam .team-viewAll a:focus, .officeDetails-team .team-viewAll a:focus {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .theTeam .team-memberName a, .theTeam .team-memberName .box-dark-background a, .box-dark-background .officeDetails-team .team-memberName a, .officeDetails-team .team-memberName .box-dark-background a, .box-dark-background .theTeam .team-viewAll a, .theTeam .team-viewAll .box-dark-background a, .box-dark-background .officeDetails-team .team-viewAll a, .officeDetails-team .team-viewAll .box-dark-background a, .container-dark-background .theTeam .team-memberName a, .theTeam .team-memberName .container-dark-background a, .container-dark-background .officeDetails-team .team-memberName a, .officeDetails-team .team-memberName .container-dark-background a, .container-dark-background .theTeam .team-viewAll a, .theTeam .team-viewAll .container-dark-background a, .container-dark-background .officeDetails-team .team-viewAll a, .officeDetails-team .team-viewAll .container-dark-background a, .template-article .box-dark-background .theTeam .team-memberName a, .theTeam .team-memberName .template-article .box-dark-background a, .template-article .box-dark-background .officeDetails-team .team-memberName a, .officeDetails-team .team-memberName .template-article .box-dark-background a, .template-article .box-dark-background .theTeam .team-viewAll a, .theTeam .team-viewAll .template-article .box-dark-background a, .template-article .box-dark-background .officeDetails-team .team-viewAll a, .officeDetails-team .team-viewAll .template-article .box-dark-background a, .theTeam .team-memberName a .better-question, .officeDetails-team .team-memberName a .better-question, .theTeam .team-viewAll a .better-question, .officeDetails-team .team-viewAll a .better-question, .eventListInstantSearch .theTeam .team-memberName a, .theTeam .team-memberName .eventListInstantSearch a, .eventListInstantSearch .officeDetails-team .team-memberName a, .officeDetails-team .team-memberName .eventListInstantSearch a, .eventListInstantSearch .theTeam .team-viewAll a, .theTeam .team-viewAll .eventListInstantSearch a, .eventListInstantSearch .officeDetails-team .team-viewAll a, .officeDetails-team .team-viewAll .eventListInstantSearch a {
  color: white
}

@media print {
  .box-dark-background .theTeam .team-memberName a, .theTeam .team-memberName .box-dark-background a, .box-dark-background .officeDetails-team .team-memberName a, .officeDetails-team .team-memberName .box-dark-background a, .box-dark-background .theTeam .team-viewAll a, .theTeam .team-viewAll .box-dark-background a, .box-dark-background .officeDetails-team .team-viewAll a, .officeDetails-team .team-viewAll .box-dark-background a, .container-dark-background .theTeam .team-memberName a, .theTeam .team-memberName .container-dark-background a, .container-dark-background .officeDetails-team .team-memberName a, .officeDetails-team .team-memberName .container-dark-background a, .container-dark-background .theTeam .team-viewAll a, .theTeam .team-viewAll .container-dark-background a, .container-dark-background .officeDetails-team .team-viewAll a, .officeDetails-team .team-viewAll .container-dark-background a, .template-article .box-dark-background .theTeam .team-memberName a, .theTeam .team-memberName .template-article .box-dark-background a, .template-article .box-dark-background .officeDetails-team .team-memberName a, .officeDetails-team .team-memberName .template-article .box-dark-background a, .template-article .box-dark-background .theTeam .team-viewAll a, .theTeam .team-viewAll .template-article .box-dark-background a, .template-article .box-dark-background .officeDetails-team .team-viewAll a, .officeDetails-team .team-viewAll .template-article .box-dark-background a, .theTeam .team-memberName a .better-question, .officeDetails-team .team-memberName a .better-question, .theTeam .team-viewAll a .better-question, .officeDetails-team .team-viewAll a .better-question, .eventListInstantSearch .theTeam .team-memberName a, .theTeam .team-memberName .eventListInstantSearch a, .eventListInstantSearch .officeDetails-team .team-memberName a, .officeDetails-team .team-memberName .eventListInstantSearch a, .eventListInstantSearch .theTeam .team-viewAll a, .theTeam .team-viewAll .eventListInstantSearch a, .eventListInstantSearch .officeDetails-team .team-viewAll a, .officeDetails-team .team-viewAll .eventListInstantSearch a {
    color: #2e2e38
  }
}

.box-dark-background .theTeam .team-memberName a:hover, .theTeam .team-memberName .box-dark-background a:hover, .box-dark-background .officeDetails-team .team-memberName a:hover, .officeDetails-team .team-memberName .box-dark-background a:hover, .box-dark-background .theTeam .team-viewAll a:hover, .theTeam .team-viewAll .box-dark-background a:hover, .box-dark-background .officeDetails-team .team-viewAll a:hover, .officeDetails-team .team-viewAll .box-dark-background a:hover, .box-dark-background .theTeam .team-memberName a:active, .theTeam .team-memberName .box-dark-background a:active, .box-dark-background .officeDetails-team .team-memberName a:active, .officeDetails-team .team-memberName .box-dark-background a:active, .box-dark-background .theTeam .team-viewAll a:active, .theTeam .team-viewAll .box-dark-background a:active, .box-dark-background .officeDetails-team .team-viewAll a:active, .officeDetails-team .team-viewAll .box-dark-background a:active, .container-dark-background .theTeam .team-memberName a:hover, .theTeam .team-memberName .container-dark-background a:hover, .container-dark-background .officeDetails-team .team-memberName a:hover, .officeDetails-team .team-memberName .container-dark-background a:hover, .container-dark-background .theTeam .team-viewAll a:hover, .theTeam .team-viewAll .container-dark-background a:hover, .container-dark-background .officeDetails-team .team-viewAll a:hover, .officeDetails-team .team-viewAll .container-dark-background a:hover, .container-dark-background .theTeam .team-memberName a:active, .theTeam .team-memberName .container-dark-background a:active, .container-dark-background .officeDetails-team .team-memberName a:active, .officeDetails-team .team-memberName .container-dark-background a:active, .container-dark-background .theTeam .team-viewAll a:active, .theTeam .team-viewAll .container-dark-background a:active, .container-dark-background .officeDetails-team .team-viewAll a:active, .officeDetails-team .team-viewAll .container-dark-background a:active, .template-article .box-dark-background .theTeam .team-memberName a:hover, .theTeam .team-memberName .template-article .box-dark-background a:hover, .template-article .box-dark-background .officeDetails-team .team-memberName a:hover, .officeDetails-team .team-memberName .template-article .box-dark-background a:hover, .template-article .box-dark-background .theTeam .team-viewAll a:hover, .theTeam .team-viewAll .template-article .box-dark-background a:hover, .template-article .box-dark-background .officeDetails-team .team-viewAll a:hover, .officeDetails-team .team-viewAll .template-article .box-dark-background a:hover, .template-article .box-dark-background .theTeam .team-memberName a:active, .theTeam .team-memberName .template-article .box-dark-background a:active, .template-article .box-dark-background .officeDetails-team .team-memberName a:active, .officeDetails-team .team-memberName .template-article .box-dark-background a:active, .template-article .box-dark-background .theTeam .team-viewAll a:active, .theTeam .team-viewAll .template-article .box-dark-background a:active, .template-article .box-dark-background .officeDetails-team .team-viewAll a:active, .officeDetails-team .team-viewAll .template-article .box-dark-background a:active, .theTeam .team-memberName a .better-question:hover, .officeDetails-team .team-memberName a .better-question:hover, .theTeam .team-viewAll a .better-question:hover, .officeDetails-team .team-viewAll a .better-question:hover, .theTeam .team-memberName a .better-question:active, .officeDetails-team .team-memberName a .better-question:active, .theTeam .team-viewAll a .better-question:active, .officeDetails-team .team-viewAll a .better-question:active, .eventListInstantSearch .theTeam .team-memberName a:hover, .theTeam .team-memberName .eventListInstantSearch a:hover, .eventListInstantSearch .officeDetails-team .team-memberName a:hover, .officeDetails-team .team-memberName .eventListInstantSearch a:hover, .eventListInstantSearch .theTeam .team-viewAll a:hover, .theTeam .team-viewAll .eventListInstantSearch a:hover, .eventListInstantSearch .officeDetails-team .team-viewAll a:hover, .officeDetails-team .team-viewAll .eventListInstantSearch a:hover, .eventListInstantSearch .theTeam .team-memberName a:active, .theTeam .team-memberName .eventListInstantSearch a:active, .eventListInstantSearch .officeDetails-team .team-memberName a:active, .officeDetails-team .team-memberName .eventListInstantSearch a:active, .eventListInstantSearch .theTeam .team-viewAll a:active, .theTeam .team-viewAll .eventListInstantSearch a:active, .eventListInstantSearch .officeDetails-team .team-viewAll a:active, .officeDetails-team .team-viewAll .eventListInstantSearch a:active {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .theTeam .team-memberName a:hover, .theTeam .team-memberName .box-dark-background a:hover, .box-dark-background .officeDetails-team .team-memberName a:hover, .officeDetails-team .team-memberName .box-dark-background a:hover, .box-dark-background .theTeam .team-viewAll a:hover, .theTeam .team-viewAll .box-dark-background a:hover, .box-dark-background .officeDetails-team .team-viewAll a:hover, .officeDetails-team .team-viewAll .box-dark-background a:hover, .box-dark-background .theTeam .team-memberName a:active, .theTeam .team-memberName .box-dark-background a:active, .box-dark-background .officeDetails-team .team-memberName a:active, .officeDetails-team .team-memberName .box-dark-background a:active, .box-dark-background .theTeam .team-viewAll a:active, .theTeam .team-viewAll .box-dark-background a:active, .box-dark-background .officeDetails-team .team-viewAll a:active, .officeDetails-team .team-viewAll .box-dark-background a:active, .container-dark-background .theTeam .team-memberName a:hover, .theTeam .team-memberName .container-dark-background a:hover, .container-dark-background .officeDetails-team .team-memberName a:hover, .officeDetails-team .team-memberName .container-dark-background a:hover, .container-dark-background .theTeam .team-viewAll a:hover, .theTeam .team-viewAll .container-dark-background a:hover, .container-dark-background .officeDetails-team .team-viewAll a:hover, .officeDetails-team .team-viewAll .container-dark-background a:hover, .container-dark-background .theTeam .team-memberName a:active, .theTeam .team-memberName .container-dark-background a:active, .container-dark-background .officeDetails-team .team-memberName a:active, .officeDetails-team .team-memberName .container-dark-background a:active, .container-dark-background .theTeam .team-viewAll a:active, .theTeam .team-viewAll .container-dark-background a:active, .container-dark-background .officeDetails-team .team-viewAll a:active, .officeDetails-team .team-viewAll .container-dark-background a:active, .template-article .box-dark-background .theTeam .team-memberName a:hover, .theTeam .team-memberName .template-article .box-dark-background a:hover, .template-article .box-dark-background .officeDetails-team .team-memberName a:hover, .officeDetails-team .team-memberName .template-article .box-dark-background a:hover, .template-article .box-dark-background .theTeam .team-viewAll a:hover, .theTeam .team-viewAll .template-article .box-dark-background a:hover, .template-article .box-dark-background .officeDetails-team .team-viewAll a:hover, .officeDetails-team .team-viewAll .template-article .box-dark-background a:hover, .template-article .box-dark-background .theTeam .team-memberName a:active, .theTeam .team-memberName .template-article .box-dark-background a:active, .template-article .box-dark-background .officeDetails-team .team-memberName a:active, .officeDetails-team .team-memberName .template-article .box-dark-background a:active, .template-article .box-dark-background .theTeam .team-viewAll a:active, .theTeam .team-viewAll .template-article .box-dark-background a:active, .template-article .box-dark-background .officeDetails-team .team-viewAll a:active, .officeDetails-team .team-viewAll .template-article .box-dark-background a:active, .theTeam .team-memberName a .better-question:hover, .officeDetails-team .team-memberName a .better-question:hover, .theTeam .team-viewAll a .better-question:hover, .officeDetails-team .team-viewAll a .better-question:hover, .theTeam .team-memberName a .better-question:active, .officeDetails-team .team-memberName a .better-question:active, .theTeam .team-viewAll a .better-question:active, .officeDetails-team .team-viewAll a .better-question:active, .eventListInstantSearch .theTeam .team-memberName a:hover, .theTeam .team-memberName .eventListInstantSearch a:hover, .eventListInstantSearch .officeDetails-team .team-memberName a:hover, .officeDetails-team .team-memberName .eventListInstantSearch a:hover, .eventListInstantSearch .theTeam .team-viewAll a:hover, .theTeam .team-viewAll .eventListInstantSearch a:hover, .eventListInstantSearch .officeDetails-team .team-viewAll a:hover, .officeDetails-team .team-viewAll .eventListInstantSearch a:hover, .eventListInstantSearch .theTeam .team-memberName a:active, .theTeam .team-memberName .eventListInstantSearch a:active, .eventListInstantSearch .officeDetails-team .team-memberName a:active, .officeDetails-team .team-memberName .eventListInstantSearch a:active, .eventListInstantSearch .theTeam .team-viewAll a:active, .theTeam .team-viewAll .eventListInstantSearch a:active, .eventListInstantSearch .officeDetails-team .team-viewAll a:active, .officeDetails-team .team-viewAll .eventListInstantSearch a:active {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.theTeam .team-title, .officeDetails-team .team-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  border-bottom: 1px solid #c4c4cd;
  padding-bottom: 11.5px;
  margin: 0 0 25px
}

.theTeam .team-member, .officeDetails-team .team-member {
  margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
  .theTeam .team-member, .officeDetails-team .team-member {
    margin-bottom: 32px
  }
}

@media only screen and (max-width:899px) {
  .theTeam .team-member, .officeDetails-team .team-member {
    margin-bottom: 18px
  }
}

.theTeam .team-member>figure>a, .officeDetails-team .team-member>figure>a {
  float: left;
  margin-right: 16px;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%
}

.theTeam .team-member .team-memberImage, .officeDetails-team .team-member .team-memberImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.theTeam .team-memberName, .officeDetails-team .team-memberName {
  line-height: 24px;
  font-weight: 700;
  margin: 0
}

.theTeam .team-memberTitle, .officeDetails-team .team-memberTitle {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: block;
  float: left;
  margin: 0
}

.box-dark-background .theTeam .team-memberTitle, .container-dark-background .theTeam .team-memberTitle, .box-dark-background .officeDetails-team .team-memberTitle, .container-dark-background .officeDetails-team .team-memberTitle {
  color: #ffe600
}

.box-dark-background .theTeam .team-memberTitle a, .container-dark-background .theTeam .team-memberTitle a, .box-dark-background .officeDetails-team .team-memberTitle a, .container-dark-background .officeDetails-team .team-memberTitle a {
  color: #ffe600
}

.theTeam .team-viewAll, .officeDetails-team .team-viewAll {
  margin-top: 0;
  font-weight: 700
}

.box-dark-background .theTeam .team-viewAll, .box-dark-background .officeDetails-team .team-viewAll {
  margin-top: 33px
}

@media only screen and (max-width:1199px) {
  .box-dark-background .theTeam .team-viewAll, .box-dark-background .officeDetails-team .team-viewAll {
    margin-top: 10px
  }
}

@media only screen and (max-width:899px) {
  .box-dark-background .theTeam .team-viewAll, .box-dark-background .officeDetails-team .team-viewAll {
    margin-top: 30px
  }
}

@media only screen and (max-width:599px) {
  .box-dark-background .theTeam .team-viewAll, .box-dark-background .officeDetails-team .team-viewAll {
    margin-top: 0
  }
}

.theTeam figcaption, .officeDetails-team figcaption {
  float: left;
  max-width: calc(100% - 81px)
}

.threeDot-item {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  background-color: #ffe600;
  margin-right: 11px;
  margin-top: 6px
}

.threeDot-item:nth-child(3) {
  margin-right: 10px
}

.threeDot {
  float: left
}

.threeDot .threeDot-content {
  overflow: hidden;
  height: 26px;
  position: relative
}

.threeDot .threeDot-label {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  position: relative;
  left: -100%;
  display: block
}

.threeDot.animation-on .threeDot-item {
  -webkit-animation: rotateDots 0.2s linear 1s;
  animation: rotateDots 0.2s linear 1s
}

.threeDot.animation-on .threeDot-label {
  -webkit-animation: showLabels 0.2s ease-out 1.4s, rotateLabels 0.2s ease-out 3s, rotateLabels-2 0.2s ease-out 4.6s;
  animation: showLabels 0.2s ease-out 1.4s, rotateLabels 0.2s ease-out 3s, rotateLabels-2 0.2s ease-out 4.6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.title.summary-title h4 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 36px;
  margin-bottom: 0
}

.topicLink {
  width: 100%;
  margin: 0
}

.topicLink .topicLink-positioner {
  position: relative;
  height: 640px;
  overflow: hidden;
  margin: 0 -68px
}

@media only screen and (max-width:1199px) {
  .topicLink .topicLink-positioner {
    margin: 0 -60px
  }
}

@media only screen and (max-width:899px) {
  .topicLink .topicLink-positioner {
    height: 512px;
    margin: 0 -44px
  }
}

@media only screen and (max-width:599px) {
  .topicLink .topicLink-positioner {
    height: 480px;
    margin: 0 -18px
  }
}

.template-topic-hallway-template .topicLink .topicLink-positioner {
  margin: 0 -76px
}

@media only screen and (max-width:1199px) {
  .template-topic-hallway-template .topicLink .topicLink-positioner {
    margin: 0 -68px
  }
}

@media only screen and (max-width:899px) {
  .template-topic-hallway-template .topicLink .topicLink-positioner {
    margin: 0 -52px
  }
}

@media only screen and (max-width:599px) {
  .template-topic-hallway-template .topicLink .topicLink-positioner {
    margin: 0 -26px
  }
}

.ViewContent .topicLink .topicLink-positioner {
  margin: 0 -68px
}

@media only screen and (max-width:1199px) {
  .ViewContent .topicLink .topicLink-positioner {
    margin: 0 -60px
  }
}

@media only screen and (max-width:899px) {
  .ViewContent .topicLink .topicLink-positioner {
    margin: 0 -44px
  }
}

@media only screen and (max-width:599px) {
  .ViewContent .topicLink .topicLink-positioner {
    margin: 0 -18px
  }
}

.topicLink .topicLink-positioner .topicLink-background, .topicLink .topicLink-positioner .topicLink-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.topicLink .topicLink-positioner .topicLink-background .current, .topicLink .topicLink-positioner .topicLink-background .next {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.topicLink .topicLink-positioner .topicLink-background .next {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out
}

.topicLink .topicLink-positioner .topicLink-background .next.show {
  opacity: 1
}

.topicLink .topicLink-positioner .topicLink-slider {
  width: 100%;
  position: relative;
  -webkit-transition: left 0.3s ease-out, opacity 0.3s ease-out;
  transition: left 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 0
}

.topicLink .topicLink-positioner .topicLink-slider.ready {
  opacity: 1
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide {
  display: block;
  position: absolute;
  width: 25%;
  height: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-right: 1px rgba(255, 255, 255, 0.2) solid
}

@media only screen and (max-width:899px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide {
    width: 45%
  }
}

@media only screen and (max-width:599px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide {
    width: 80%;
    border: none
  }
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide::after {
  content: '';
  position: absolute;
  opacity: 0.2;
  background: black;
  top: 0;
  right: 1px;
  left: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out
}

@media only screen and (max-width:599px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide::after {
    opacity: 0.5;
    right: 0
  }
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide::before {
  content: '';
  position: absolute;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.4)));
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.4) 100%);
  top: 0;
  right: 1px;
  left: 0;
  bottom: 0
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide:first-child .description {
  left: 76px
}

@media only screen and (max-width:899px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide:first-child .description {
    left: 30px
  }
}

@media only screen and (max-width:599px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide:first-child .description {
    left: 20px
  }
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.is-hover::after, .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.is-focus::after {
  opacity: 0.4
}

@media only screen and (max-width:599px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.is-hover::after, .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.is-focus::after {
    opacity: 0.5
  }
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide .description {
  color: white;
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
  z-index: 100
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide .description h3 {
  word-wrap: break-word;
  margin: 0 0 15px
}

@media only screen and (max-width:1199px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide .description h3 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 40px
  }
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide .description .featured {
  line-height: 24px;
  overflow: hidden;
  max-height: 0;
  margin-bottom: 9px;
  -webkit-transition: max-height 0.5s ease-out 0.15s;
  transition: max-height 0.5s ease-out 0.15s
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide .description .topic-discover .text {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  max-width: 0;
  -webkit-transition: max-width 0.5s ease-out;
  transition: max-width 0.5s ease-out;
  font-weight: 400
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide .description .topic-discover .topicLink-arrow {
  opacity: 1
}

@media only screen and (max-width:899px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide .description {
    left: 30px;
    right: 30px
  }
}

@media only screen and (max-width:599px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide .description {
    left: 20px;
    right: 20px
  }
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.active .description .featured, .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.is-hover .description .featured {
  max-height: 96px
}

.topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.active .description .topic-discover .text, .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.is-hover .description .topic-discover .text {
  max-width: 280px
}

@media only screen and (max-width:599px) {
  .topicLink .topicLink-positioner .topicLink-slider .topicLink-slide.active::after {
    opacity: 0
  }
}

.topicLink .topicLink-positioner .topicLink-slider.is-hover .topicLink-slide.active:not(.is-hover) .description .featured {
  max-height: 0
}

.topicLink .topicLink-positioner .topicLink-slider.is-hover .topicLink-slide.active:not(.is-hover) .description .topic-discover .text {
  max-width: 0
}

.topicLink .topicLink-positioner .topicLink-arrow {
  width: 38px;
  height: 3px;
  margin: 0 1px;
  background: white;
  position: absolute;
  right: 20px;
  top: 50%;
  cursor: pointer;
  opacity: 0;
  z-index: 110;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out
}

@media only screen and (max-width:899px) {
  .topicLink .topicLink-positioner .topicLink-arrow {
    display: none
  }
}

.topicLink .topicLink-positioner .topicLink-arrow::before, .topicLink .topicLink-positioner .topicLink-arrow::after {
  content: '';
  display: block;
  background: inherit;
  width: 14px;
  height: 3px;
  position: absolute;
  -webkit-transform-origin: 12.5px 1.5px;
  transform-origin: 12.5px 1.5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -1px;
  top: 0
}

.topicLink .topicLink-positioner .topicLink-arrow::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.topicLink .topicLink-positioner .topicLink-arrow.topicLink-arrowLeft {
  right: auto;
  left: 20px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.topicLink .topicLink-positioner .topicLink-arrow .topicLink-arrowHitbox {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 100%;
  padding: 30px
}

.topicLink .topicLink-positioner .topicLink-arrow.topicLink-arrowDisabled {
  display: none
}

.topicLink .topicLink-positioner .topicLink-arrow.small {
  display: inline-block;
  width: 18px;
  height: 2px;
  position: relative;
  right: auto;
  top: auto;
  vertical-align: middle;
  margin-left: 8px
}

.topicLink .topicLink-positioner .topicLink-arrow.small::before, .topicLink .topicLink-positioner .topicLink-arrow.small::after {
  width: 7px;
  height: 2px;
  -webkit-transform-origin: 6px 1px;
  transform-origin: 6px 1px
}

.topicLink .topicLink-positioner.is-hover .topicLink-arrow {
  opacity: 1
}

.topicLink h3:not(.topic-name) {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  position: absolute;
  top: 40px;
  left: 76px;
  right: 40px;
  margin: 0;
  z-index: 105;
  color: white
}

@media only screen and (max-width:899px) {
  .topicLink h3:not(.topic-name) {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px;
    left: 30px;
    right: 30px
  }
}

@media only screen and (max-width:599px) {
  .topicLink h3:not(.topic-name) {
    left: 20px;
    right: 20px
  }
}

@charset "UTF-8";

.richText a, .table a, .form a {
  color: #2e2e38;
  font-weight: 700;
  border-bottom: 1px solid
}

.richText a:hover, .table a:hover, .form a:hover, .richText a:active, .table a:active, .form a:active {
  border-bottom-width: 2px
}

.box-dark-background .richText a, .richText .box-dark-background a, .box-dark-background .table a, .table .box-dark-background a, .box-dark-background .form a, .form .box-dark-background a, .container-dark-background .richText a, .richText .container-dark-background a, .container-dark-background .table a, .table .container-dark-background a, .container-dark-background .form a, .form .container-dark-background a, .template-article .box-dark-background .richText a, .richText .template-article .box-dark-background a, .template-article .box-dark-background .table a, .table .template-article .box-dark-background a, .template-article .box-dark-background .form a, .form .template-article .box-dark-background a, .form a {
  color: white
}

.hyperlink-primary-cta:not(.default-link), .twitter-social-feed a.twitter-share-views-link:not(.default-link), .twitter-full-width .twitter-share-views-section a:not(.default-link), .hyperlink-dark-primary-cta:not(.default-link) {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.hyperlink-primary-cta:hover:not(.default-link), .twitter-social-feed a.twitter-share-views-link:hover:not(.default-link), .twitter-full-width .twitter-share-views-section a:hover:not(.default-link), .hyperlink-dark-primary-cta:hover:not(.default-link), .hyperlink-primary-cta:active:not(.default-link), .twitter-social-feed a.twitter-share-views-link:active:not(.default-link), .twitter-full-width .twitter-share-views-section a:active:not(.default-link), .hyperlink-dark-primary-cta:active:not(.default-link) {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.hyperlink-primary-cta:not(.default-link)::after, .twitter-social-feed a.twitter-share-views-link:not(.default-link)::after, .twitter-full-width .twitter-share-views-section a:not(.default-link)::after, .hyperlink-dark-primary-cta:not(.default-link)::after {
  display: none
}

.hyperlink-secondary-cta:not(.default-link), .hyperlink-dark-secondary-cta:not(.default-link) {
  display: inline-block;
  border: 1px solid #c4c4cd;
  background-color: white;
  padding: 9px 40px;
  line-height: 24px;
  color: #2e2e38;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s
}

.mod-no-touchevents .hyperlink-secondary-cta:hover:not(.default-link), .mod-no-touchevents .hyperlink-dark-secondary-cta:hover:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-secondary-cta:active:not(.default-link), .hyperlink-dark-secondary-cta:active:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-text-link:not(.default-link), .hyperlink-dark-text-link:not(.default-link) {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.hyperlink-text-link:hover:not(.default-link), .hyperlink-dark-text-link:hover:not(.default-link), .hyperlink-text-link:active:not(.default-link), .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:focus:not(.default-link), .hyperlink-dark-text-link:focus:not(.default-link) {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
  color: white
}

@media print {
  .box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
    color: #2e2e38
  }
}

.box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

a {
  text-decoration: none;
  color: #2e2e38
}

.hyperlink-primary-cta-with-icon.hyperlink-primary-cta-with-icon, .hyperlink-dark-primary-cta-with-icon:not(.default-link) {
  display: inline-block;
  color: white;
  background: #2e2e38 url("/img/video-white.svg") no-repeat 26px center;
  padding: 18px 26px 18px 65px;
  background-size: 27px;
  font-weight: 300;
  line-height: 18px;
  border: 1px solid #2e2e38;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s
}

.hyperlink-primary-cta-with-icon.hyperlink-primary-cta-with-icon strong, .hyperlink-dark-primary-cta-with-icon:not(.default-link) strong {
  font-weight: 700;
  color: inherit
}

.hyperlink-primary-cta-with-icon.hyperlink-primary-cta-with-icon:hover, .hyperlink-dark-primary-cta-with-icon:hover:not(.default-link), .hyperlink-primary-cta-with-icon.hyperlink-primary-cta-with-icon:active, .hyperlink-dark-primary-cta-with-icon:active:not(.default-link) {
  background: white url("/img/video-dark.svg") no-repeat 26px center;
  background-size: 27px;
  border-width: 1px;
  color: #2e2e38
}

.hyperlink-dark-primary-cta:not(.default-link).hyperlink-dark-primary-cta {
  background-color: #2e2e38;
  color: white;
  border-color: white
}

.hyperlink-dark-primary-cta:not(.default-link).hyperlink-dark-primary-cta:hover, .hyperlink-dark-primary-cta:not(.default-link).hyperlink-dark-primary-cta:active {
  background-color: white;
  color: #2e2e38
}

.hyperlink-dark-secondary-cta:not(.default-link).hyperlink-dark-secondary-cta {
  color: white;
  background-color: #2e2e38
}

.hyperlink-dark-secondary-cta:not(.default-link).hyperlink-dark-secondary-cta:hover, .hyperlink-dark-secondary-cta:not(.default-link).hyperlink-dark-secondary-cta:active {
  color: #2e2e38;
  background-color: white;
  border-color: white
}

.hyperlink-dark-text-link:not(.default-link).hyperlink-dark-text-link {
  color: white
}

.hyperlink-dark-text-link:not(.default-link).hyperlink-dark-text-link:hover, .hyperlink-dark-text-link:not(.default-link).hyperlink-dark-text-link:active {
  color: white;
  border-bottom: 1px solid white
}

.hyperlink-dark-primary-cta-with-icon:not(.default-link).hyperlink-dark-primary-cta-with-icon {
  background: white url("/img/video-dark.svg") no-repeat left 26px center;
  background-size: 27px;
  color: #2e2e38
}

.hyperlink-dark-primary-cta-with-icon:not(.default-link).hyperlink-dark-primary-cta-with-icon:hover {
  background: #2e2e38 url("/img/video-white.svg") no-repeat left 26px center;
  background-size: 27px;
  border-color: white;
  color: white
}

.hyperlink-dark-primary-cta-with-icon:not(.default-link).hyperlink-dark-primary-cta-with-icon:hover strong {
  color: white
}

.richText a, .table a, .form a {
  color: #2e2e38;
  font-weight: 700;
  border-bottom: 1px solid
}

.richText a:hover, .table a:hover, .form a:hover, .richText a:active, .table a:active, .form a:active {
  border-bottom-width: 2px
}

.box-dark-background .richText a, .richText .box-dark-background a, .box-dark-background .table a, .table .box-dark-background a, .box-dark-background .form a, .form .box-dark-background a, .container-dark-background .richText a, .richText .container-dark-background a, .container-dark-background .table a, .table .container-dark-background a, .container-dark-background .form a, .form .container-dark-background a, .template-article .box-dark-background .richText a, .richText .template-article .box-dark-background a, .template-article .box-dark-background .table a, .table .template-article .box-dark-background a, .template-article .box-dark-background .form a, .form .template-article .box-dark-background a, .form a {
  color: white
}

.hyperlink-primary-cta:not(.default-link), .twitter-social-feed a.twitter-share-views-link:not(.default-link), .twitter-full-width .twitter-share-views-section a:not(.default-link), .hyperlink-dark-primary-cta:not(.default-link) {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.hyperlink-primary-cta:hover:not(.default-link), .twitter-social-feed a.twitter-share-views-link:hover:not(.default-link), .twitter-full-width .twitter-share-views-section a:hover:not(.default-link), .hyperlink-dark-primary-cta:hover:not(.default-link), .hyperlink-primary-cta:active:not(.default-link), .twitter-social-feed a.twitter-share-views-link:active:not(.default-link), .twitter-full-width .twitter-share-views-section a:active:not(.default-link), .hyperlink-dark-primary-cta:active:not(.default-link) {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.hyperlink-primary-cta:not(.default-link)::after, .twitter-social-feed a.twitter-share-views-link:not(.default-link)::after, .twitter-full-width .twitter-share-views-section a:not(.default-link)::after, .hyperlink-dark-primary-cta:not(.default-link)::after {
  display: none
}

.hyperlink-secondary-cta:not(.default-link), .hyperlink-dark-secondary-cta:not(.default-link) {
  display: inline-block;
  border: 1px solid #c4c4cd;
  background-color: white;
  padding: 9px 40px;
  line-height: 24px;
  color: #2e2e38;
  -webkit-transition: color 0.3s, background 0.3s, border 0.3s;
  transition: color 0.3s, background 0.3s, border 0.3s
}

.mod-no-touchevents .hyperlink-secondary-cta:hover:not(.default-link), .mod-no-touchevents .hyperlink-dark-secondary-cta:hover:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-secondary-cta:active:not(.default-link), .hyperlink-dark-secondary-cta:active:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38;
  color: white
}

.hyperlink-text-link:not(.default-link), .hyperlink-dark-text-link:not(.default-link) {
  font-weight: 700;
  color: #2e2e38;
  position: relative;
  border-bottom: 1px solid transparent
}

.hyperlink-text-link:hover:not(.default-link), .hyperlink-dark-text-link:hover:not(.default-link), .hyperlink-text-link:active:not(.default-link), .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:focus:not(.default-link), .hyperlink-dark-text-link:focus:not(.default-link) {
  border-bottom: 1px solid #2e2e38
}

.box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
  color: white
}

@media print {
  .box-dark-background .hyperlink-text-link:not(.default-link), .box-dark-background .hyperlink-dark-text-link:not(.default-link), .container-dark-background .hyperlink-text-link:not(.default-link), .container-dark-background .hyperlink-dark-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question, .hyperlink-dark-text-link:not(.default-link) .better-question, .eventListInstantSearch .hyperlink-text-link:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:not(.default-link) {
    color: #2e2e38
  }
}

.box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
  color: white;
  border-bottom: 1px solid white
}

@media print {
  .box-dark-background .hyperlink-text-link:hover:not(.default-link), .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .box-dark-background .hyperlink-text-link:active:not(.default-link), .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .container-dark-background .hyperlink-text-link:hover:not(.default-link), .container-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .container-dark-background .hyperlink-text-link:active:not(.default-link), .container-dark-background .hyperlink-dark-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:hover:not(.default-link), .template-article .box-dark-background .hyperlink-text-link:active:not(.default-link), .template-article .box-dark-background .hyperlink-dark-text-link:active:not(.default-link), .hyperlink-text-link:not(.default-link) .better-question:hover, .hyperlink-dark-text-link:not(.default-link) .better-question:hover, .hyperlink-text-link:not(.default-link) .better-question:active, .hyperlink-dark-text-link:not(.default-link) .better-question:active, .eventListInstantSearch .hyperlink-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:hover:not(.default-link), .eventListInstantSearch .hyperlink-text-link:active:not(.default-link), .eventListInstantSearch .hyperlink-dark-text-link:active:not(.default-link) {
    color: #2e2e38;
    border-bottom: 1px solid #2e2e38
  }
}

.hyperlink-icon, .hyperlink-dark-icon, .hyperlink-dark-icon-email:not(.default-link), .hyperlink-dark-icon-phone:not(.default-link), .hyperlink-dark-icon-linkedin:not(.default-link), .hyperlink-dark-icon-twitter:not(.default-link), .hyperlink-dark-icon-facebook:not(.default-link), .hyperlink-dark-icon-google:not(.default-link), .hyperlink-dark-icon-youtube:not(.default-link), .hyperlink-dark-icon-share:not(.default-link), .hyperlink-dark-icon-print:not(.default-link), .hyperlink-icon-email:not(.default-link), .hyperlink-icon-phone:not(.default-link), .hyperlink-icon-linkedin:not(.default-link), .hyperlink-icon-twitter:not(.default-link), .hyperlink-icon-facebook:not(.default-link), .hyperlink-icon-google:not(.default-link), .hyperlink-icon-youtube:not(.default-link), .hyperlink-icon-link:not(.default-link), .hyperlink-icon-share:not(.default-link), .hyperlink-icon-print:not(.default-link) {
  border: 1px solid #c4c4cd;
  border-radius: 50%;
  color: inherit;
  display: inline-block;
  width: 44px;
  height: 44px;
  position: relative;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  text-align: center;
  vertical-align: middle
}

.hyperlink-icon::before, .hyperlink-dark-icon::before, .hyperlink-dark-icon-email:not(.default-link)::before, .hyperlink-dark-icon-phone:not(.default-link)::before, .hyperlink-dark-icon-linkedin:not(.default-link)::before, .hyperlink-dark-icon-twitter:not(.default-link)::before, .hyperlink-dark-icon-facebook:not(.default-link)::before, .hyperlink-dark-icon-google:not(.default-link)::before, .hyperlink-dark-icon-youtube:not(.default-link)::before, .hyperlink-dark-icon-share:not(.default-link)::before, .hyperlink-dark-icon-print:not(.default-link)::before, .hyperlink-icon-email:not(.default-link)::before, .hyperlink-icon-phone:not(.default-link)::before, .hyperlink-icon-linkedin:not(.default-link)::before, .hyperlink-icon-twitter:not(.default-link)::before, .hyperlink-icon-facebook:not(.default-link)::before, .hyperlink-icon-google:not(.default-link)::before, .hyperlink-icon-youtube:not(.default-link)::before, .hyperlink-icon-link:not(.default-link)::before, .hyperlink-icon-share:not(.default-link)::before, .hyperlink-icon-print:not(.default-link)::before {
  font-size: 20px;
  font-size: 2rem;
  line-height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-indent: 0;
  -webkit-transition: color 0.3s;
  transition: color 0.3s
}

.hyperlink-icon:hover, .hyperlink-dark-icon:hover, .hyperlink-dark-icon-email:hover:not(.default-link), .hyperlink-dark-icon-phone:hover:not(.default-link), .hyperlink-dark-icon-linkedin:hover:not(.default-link), .hyperlink-dark-icon-twitter:hover:not(.default-link), .hyperlink-dark-icon-facebook:hover:not(.default-link), .hyperlink-dark-icon-google:hover:not(.default-link), .hyperlink-dark-icon-youtube:hover:not(.default-link), .hyperlink-dark-icon-share:hover:not(.default-link), .hyperlink-dark-icon-print:hover:not(.default-link), .hyperlink-icon-email:hover:not(.default-link), .hyperlink-icon-phone:hover:not(.default-link), .hyperlink-icon-linkedin:hover:not(.default-link), .hyperlink-icon-twitter:hover:not(.default-link), .hyperlink-icon-facebook:hover:not(.default-link), .hyperlink-icon-google:hover:not(.default-link), .hyperlink-icon-youtube:hover:not(.default-link), .hyperlink-icon-link:hover:not(.default-link), .hyperlink-icon-share:hover:not(.default-link), .hyperlink-icon-print:hover:not(.default-link), .hyperlink-icon:active, .hyperlink-dark-icon:active, .hyperlink-dark-icon-email:active:not(.default-link), .hyperlink-dark-icon-phone:active:not(.default-link), .hyperlink-dark-icon-linkedin:active:not(.default-link), .hyperlink-dark-icon-twitter:active:not(.default-link), .hyperlink-dark-icon-facebook:active:not(.default-link), .hyperlink-dark-icon-google:active:not(.default-link), .hyperlink-dark-icon-youtube:active:not(.default-link), .hyperlink-dark-icon-share:active:not(.default-link), .hyperlink-dark-icon-print:active:not(.default-link), .hyperlink-icon-email:active:not(.default-link), .hyperlink-icon-phone:active:not(.default-link), .hyperlink-icon-linkedin:active:not(.default-link), .hyperlink-icon-twitter:active:not(.default-link), .hyperlink-icon-facebook:active:not(.default-link), .hyperlink-icon-google:active:not(.default-link), .hyperlink-icon-youtube:active:not(.default-link), .hyperlink-icon-link:active:not(.default-link), .hyperlink-icon-share:active:not(.default-link), .hyperlink-icon-print:active:not(.default-link) {
  border: 1px solid #2e2e38;
  background-color: #2e2e38
}

.hyperlink-icon::after, .hyperlink-dark-icon::after, .hyperlink-dark-icon-email:not(.default-link)::after, .hyperlink-dark-icon-phone:not(.default-link)::after, .hyperlink-dark-icon-linkedin:not(.default-link)::after, .hyperlink-dark-icon-twitter:not(.default-link)::after, .hyperlink-dark-icon-facebook:not(.default-link)::after, .hyperlink-dark-icon-google:not(.default-link)::after, .hyperlink-dark-icon-youtube:not(.default-link)::after, .hyperlink-dark-icon-share:not(.default-link)::after, .hyperlink-dark-icon-print:not(.default-link)::after, .hyperlink-icon-email:not(.default-link)::after, .hyperlink-icon-phone:not(.default-link)::after, .hyperlink-icon-linkedin:not(.default-link)::after, .hyperlink-icon-twitter:not(.default-link)::after, .hyperlink-icon-facebook:not(.default-link)::after, .hyperlink-icon-google:not(.default-link)::after, .hyperlink-icon-youtube:not(.default-link)::after, .hyperlink-icon-link:not(.default-link)::after, .hyperlink-icon-share:not(.default-link)::after, .hyperlink-icon-print:not(.default-link)::after {
  display: none
}

.hyperlink-dark-icon, .hyperlink-dark-icon-email:not(.default-link), .hyperlink-dark-icon-phone:not(.default-link), .hyperlink-dark-icon-linkedin:not(.default-link), .hyperlink-dark-icon-twitter:not(.default-link), .hyperlink-dark-icon-facebook:not(.default-link), .hyperlink-dark-icon-google:not(.default-link), .hyperlink-dark-icon-youtube:not(.default-link), .hyperlink-dark-icon-share:not(.default-link), .hyperlink-dark-icon-print:not(.default-link) {
  border-color: #747480
}

.hyperlink-dark-icon:hover, .hyperlink-dark-icon-email:hover:not(.default-link), .hyperlink-dark-icon-phone:hover:not(.default-link), .hyperlink-dark-icon-linkedin:hover:not(.default-link), .hyperlink-dark-icon-twitter:hover:not(.default-link), .hyperlink-dark-icon-facebook:hover:not(.default-link), .hyperlink-dark-icon-google:hover:not(.default-link), .hyperlink-dark-icon-youtube:hover:not(.default-link), .hyperlink-dark-icon-share:hover:not(.default-link), .hyperlink-dark-icon-print:hover:not(.default-link), .hyperlink-dark-icon:active, .hyperlink-dark-icon-email:active:not(.default-link), .hyperlink-dark-icon-phone:active:not(.default-link), .hyperlink-dark-icon-linkedin:active:not(.default-link), .hyperlink-dark-icon-twitter:active:not(.default-link), .hyperlink-dark-icon-facebook:active:not(.default-link), .hyperlink-dark-icon-google:active:not(.default-link), .hyperlink-dark-icon-youtube:active:not(.default-link), .hyperlink-dark-icon-share:active:not(.default-link), .hyperlink-dark-icon-print:active:not(.default-link) {
  border-color: #fff;
  background-color: #fff
}

.hyperlink-icon-email:not(.default-link) {
  background: url("/img/ic_mail_black.svg") center no-repeat;
  background-size: 20px auto
}

.hyperlink-icon-email:not(.default-link):hover, .hyperlink-icon-email:not(.default-link):active, body:not(.initialized) .hyperlink-icon-email:not(.default-link) {
  background-image: url("/img/ic_mail.svg")
}

.hyperlink-dark-icon-email:not(.default-link) {
  background: url("/img/ic_mail.svg") center no-repeat;
  background-size: 20px auto
}

.hyperlink-dark-icon-email:not(.default-link):hover, .hyperlink-dark-icon-email:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-email:not(.default-link) {
  background-image: url("/img/ic_mail_black.svg")
}

.hyperlink-icon-phone:not(.default-link) {
  background: url("/img/ic_phone_black.svg") center no-repeat;
  background-size: 18px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-phone:not(.default-link).active, .hyperlink-icon-phone:not(.default-link):hover {
  background-image: url("/img/ic_phone.svg")
}

.hyperlink-dark-icon-phone:not(.default-link) {
  background: url("/img/ic_phone.svg") center no-repeat;
  background-size: 18px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-phone:not(.default-link).active, .hyperlink-dark-icon-phone:not(.default-link):hover {
  background: url("/img/ic_phone_black.svg") center no-repeat
}

.hyperlink-icon-linkedin:not(.default-link) {
  background: url("/img/ic_linkedin_black.svg") center no-repeat;
  background-size: 17px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-linkedin:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-linkedin:not(.default-link):hover, .hyperlink-icon-linkedin:not(.default-link):active, body:not(.initialized) .hyperlink-icon-linkedin:not(.default-link) {
  background-image: url("/img/ic_linkedin.svg")
}

.hyperlink-dark-icon-linkedin:not(.default-link) {
  background: url("/img/ic_linkedin.svg") center no-repeat;
  background-size: 17px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-linkedin:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-linkedin:not(.default-link):hover, .hyperlink-dark-icon-linkedin:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-linkedin:not(.default-link) {
  background-image: url("/img/ic_linkedin_black.svg")
}

.hyperlink-icon-twitter:not(.default-link), .hyperlink-dark-icon-twitter:not(.default-link) {
  background: url("/img/ic_twitter_black.svg") center no-repeat;
  background-size: 20px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-twitter:not(.default-link):not(:root:root), .hyperlink-dark-icon-twitter:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-twitter:not(.default-link):hover, .hyperlink-dark-icon-twitter:not(.default-link):hover, .hyperlink-icon-twitter:not(.default-link):active, .hyperlink-dark-icon-twitter:not(.default-link):active, body:not(.initialized) .hyperlink-icon-twitter:not(.default-link), body:not(.initialized) .hyperlink-dark-icon-twitter:not(.default-link) {
  background-image: url("/img/ic_twitter.svg")
}

.hyperlink-dark-icon-twitter:not(.default-link) {
  background-image: url("/img/ic_twitter.svg")
}

.hyperlink-dark-icon-twitter:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-twitter:not(.default-link):hover, .hyperlink-dark-icon-twitter:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-twitter:not(.default-link) {
  background-image: url("/img/ic_twitter_black.svg")
}

.hyperlink-icon-facebook:not(.default-link) {
  background: url("/img/ic_facebook.svg") center no-repeat;
  background-size: 17px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-facebook:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-facebook:not(.default-link):hover, .hyperlink-icon-facebook:not(.default-link):active, body:not(.initialized) .hyperlink-icon-facebook:not(.default-link) {
  background-image: url("/img/ic_facebook_active.svg")
}

.hyperlink-dark-icon-facebook:not(.default-link) {
  background: url("/img/ic_facebook_active.svg") center no-repeat;
  background-size: 17px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-facebook:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-facebook:not(.default-link):hover, .hyperlink-dark-icon-facebook:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-facebook:not(.default-link) {
  background-image: url("/img/ic_facebook.svg")
}

.hyperlink-icon-google:not(.default-link) {
  background: url("/img/ic_gplus.svg") center no-repeat;
  background-size: 23px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-google:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-google:not(.default-link):hover, .hyperlink-icon-google:not(.default-link):active, body:not(.initialized) .hyperlink-icon-google:not(.default-link) {
  background-image: url("/img/ic_gplus_active.svg")
}

.hyperlink-dark-icon-google:not(.default-link) {
  background: url("/img/ic_gplus_active.svg") center no-repeat;
  background-size: 23px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-google:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-google:not(.default-link):hover, .hyperlink-dark-icon-google:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-google:not(.default-link) {
  background-image: url("/img/ic_gplus.svg")
}

.hyperlink-icon-youtube:not(.default-link) {
  background: url("/img/ic_youtube.svg") center no-repeat;
  background-size: 22px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-youtube:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-icon-youtube:not(.default-link):hover, .hyperlink-icon-youtube:not(.default-link):active, body:not(.initialized) .hyperlink-icon-youtube:not(.default-link) {
  background-image: url("/img/ic_youtube_active.svg")
}

.hyperlink-dark-icon-youtube:not(.default-link) {
  background: url("/img/ic_youtube_active.svg") center no-repeat;
  background-size: 22px auto;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-youtube:not(.default-link):not(:root:root) {
  background-size: auto
}

.hyperlink-dark-icon-youtube:not(.default-link):hover, .hyperlink-dark-icon-youtube:not(.default-link):active, body:not(.initialized) .hyperlink-dark-icon-youtube:not(.default-link) {
  background-image: url("/img/ic_youtube.svg")
}

.hyperlink-icon-link:not(.default-link)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/img/ic_insert_link.svg") center no-repeat;
  background-size: 22px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.hyperlink-icon-share:not(.default-link) {
  background: url("/img/ic_share.svg") center no-repeat;
  background-size: 16px;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-share:not(.default-link)::before {
  display: none
}

.hyperlink-icon-share:not(.default-link):active, .hyperlink-icon-share:not(.default-link):hover {
  background-image: url("/img/ic_share_active.svg")
}

.hyperlink-dark-icon-share:not(.default-link) {
  background: url("/img/ic_share_active.svg") center no-repeat;
  background-size: 16px;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-dark-icon-share:not(.default-link)::before {
  display: none
}

.hyperlink-dark-icon-share:not(.default-link):active, .hyperlink-dark-icon-share:not(.default-link):hover {
  background-image: url("/img/ic_share.svg")
}

.hyperlink-icon-print:not(.default-link) {
  background: url("/img/ic_local_printshop.svg") center no-repeat;
  background-size: 18px;
  -webkit-transition: background 0.3s, border 0.3s;
  transition: background 0.3s, border 0.3s
}

.hyperlink-icon-print:not(.default-link)::before {
  display: none
}

.hyperlink-icon-print:not(.default-link):active, .hyperlink-icon-print:not(.default-link):hover {
  background-image: url("/img/ic_local_printshop_active.svg")
}

.hyperlink-dark-icon-print:not(.default-link) {
  background: url("/img/ic_local_printshop_active.svg") center no-repeat;
  background-size: 18px
}

.hyperlink-dark-icon-print:not(.default-link)::before {
  display: none
}

.hyperlink-dark-icon-print:not(.default-link):active, .hyperlink-dark-icon-print:not(.default-link):hover {
  background-image: url("/img/ic_local_printshop.svg")
}

.hyperlink-search-cta {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid;
  padding: 10px 15px 9px 45px;
  font-weight: 700;
  color: #2e2e38;
  background: url("/img/ic_search.svg") no-repeat center left 15px white;
  background-size: 18px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s
}

.hyperlink-search-cta:hover, .hyperlink-search-cta:focus, .hyperlink-search-cta:active {
  background: url("/img/ic_search_white.svg") no-repeat center left 15px #2e2e38;
  background-size: 18px;
  color: white
}

.hyperlink-quick-link {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 28px;
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #747480;
  border-radius: 3px;
  background-color: #1a1a24;
  font-weight: 700;
  margin: 0 10px 10px 0;
  color: white;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  max-width: 160px;
  text-overflow: ellipsis;
  -webkit-transition: color 0.3s, background-color 0.3s, border 0.3s;
  transition: color 0.3s, background-color 0.3s, border 0.3s
}

.hyperlink-quick-link:hover, .hyperlink-quick-link:active, .hyperlink-quick-link:focus {
  background-color: white;
  color: #2e2e38
}

.twitter-social-feed {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  padding: 100px 0;
  margin: 0;
  background: #fff
}

@media print {
  .twitter-social-feed {
    width: 100%;
    left: auto
  }
}

.twitter-social-feed>.component-content, .twitter-social-feed>.row {
  padding: 0 68px
}

@media print {
  .twitter-social-feed>.component-content, .twitter-social-feed>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .twitter-social-feed {
    width: calc(100% + 104px);
    left: -52px
  }

  .twitter-social-feed>.component-content, .twitter-social-feed>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .twitter-social-feed {
    width: calc(100% + 72px);
    left: -36px
  }

  .twitter-social-feed>.component-content, .twitter-social-feed>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .twitter-social-feed {
    width: calc(100% + 24px);
    left: -12px
  }

  .twitter-social-feed>.component-content, .twitter-social-feed>.row {
    padding: 0 18px
  }
}

@media only screen and (max-width:599px) {
  .twitter-social-feed {
    padding: 60px 0
  }
}

.box-dark-background .twitter-social-feed {
  background: transparent
}

.box-dark-background .twitter-social-feed .twitter-sender {
  color: #7b8b9a
}

.box-dark-background .twitter-social-feed .twitter-sender .twitter-sender-profile-and-date {
  color: #7b8b9a
}

.box-dark-background .twitter-social-feed .twitter-sender strong {
  color: #7b8b9a
}

.box-dark-background .twitter-social-feed a.twitter-share-views-link {
  font-weight: 400;
  background: #2e2e38;
  border-color: #fff;
  color: #fff
}

.box-dark-background .twitter-social-feed a.twitter-share-views-link:hover {
  background: #fff;
  color: #2e2e38
}

.box-dark-background .twitter-social-feed .twitter-action a {
  color: #2e2e38
}

.twitter-social-feed>.component-content {
  padding: 0
}

.twitter-social-feed>.component-content>p {
  height: 30px;
  width: 40px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-indent: -999px
}

.twitter-social-feed>.component-content>p::before {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "ï‚™"
}

.twitter-social-feed>.component-content>p::before {
  font-size: 40px;
  font-size: 4rem;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  color: #55acee
}

.twitter-social-feed .feed-provider-description {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  font-weight: 300;
  color: #2e2e38
}

.twitter-social-feed .feed-provider-description p {
  margin: 10px 0 55px
}

.twitter-social-feed .feed-provider-feeds {
  overflow: hidden;
  padding: 0;
  margin: 0;
  text-align: center
}

.twitter-social-feed .feed-provider-feeds .slick-track {
  padding-bottom: 1px
}

.twitter-social-feed .feed-provider-feeds .twitter-feed {
  position: relative;
  width: 420px;
  display: inline-block;
  margin: 0 8px;
  padding: 15px 22px 10px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #d8e2e8;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:1199px) {
  .twitter-social-feed .feed-provider-feeds .twitter-feed {
    width: 290px
  }
}

@media only screen and (max-width:899px) {
  .twitter-social-feed .feed-provider-feeds .twitter-feed {
    width: 420px
  }
}

@media only screen and (max-width:599px) {
  .twitter-social-feed .feed-provider-feeds .twitter-feed {
    width: 325px;
    margin: 10px 5px
  }
}

@media only screen and (max-width:320px) {
  .twitter-social-feed .feed-provider-feeds .twitter-feed {
    width: 260px
  }
}

.twitter-social-feed .feed-provider-feeds .twitter-content {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 22px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  color: #1f2326;
  clear: both;
  margin: 18px 0 22px
}

html[lang^='ja'] .twitter-social-feed .feed-provider-feeds .twitter-content {
  font-family: 'Noto Sans', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .twitter-social-feed .feed-provider-feeds .twitter-content {
  font-family: 'Noto Sans', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.twitter-social-feed .feed-provider-feeds .twitter-content a, .twitter-social-feed .feed-provider-feeds .twitter-content strong {
  color: #2b7bb9;
  font-weight: 400
}

.twitter-social-feed .feed-provider-feeds .twitter-content a:hover, .twitter-social-feed .feed-provider-feeds .twitter-content strong:hover {
  color: #3b94d9
}

.twitter-social-feed .feed-provider-feeds .twitter-date {
  color: #7b8b9a
}

.twitter-social-feed .feed-provider-feeds .twitter-date::before {
  content: 'â€¢';
  padding-right: 5px
}

.twitter-social-feed .feed-provider-feeds .twitter-actions {
  padding: 0
}

.twitter-social-feed .feed-provider-feeds .twitter-action {
  font-family: 'Noto Sans', sans-serif;
  display: inline-block;
  margin-right: 14px
}

html[lang^='ja'] .twitter-social-feed .feed-provider-feeds .twitter-action {
  font-family: 'Noto Sans', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .twitter-social-feed .feed-provider-feeds .twitter-action {
  font-family: 'Noto Sans', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.twitter-social-feed .feed-provider-feeds .twitter-action a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: inline-block;
  width: auto;
  height: 20px;
  padding-left: 30px;
  overflow: hidden;
  background-size: 20px
}

.twitter-social-feed .feed-provider-feeds .twitter-action a.twitter-reply-action {
  width: 20px;
  padding-left: 0
}

.twitter-social-feed .feed-provider-feeds .twitter-reply-action {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23657786%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  overflow: hidden;
  display: inline-block;
  text-indent: 200%
}

.twitter-social-feed .feed-provider-feeds .twitter-reply-action:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%231DA1F2%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E")
}

.twitter-social-feed .feed-provider-feeds .twitter-retweet-action {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M23.77%2015.67c-.292-.293-.767-.293-1.06%200l-2.22%202.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414%200-.75.336-.75.75s.336.75.75.75h5.85c1.24%200%202.25%201.01%202.25%202.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06%200s-.294.768%200%201.06l3.5%203.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767%200-1.06zm-10.66%203.28H7.26c-1.24%200-2.25-1.01-2.25-2.25V6.46l2.22%202.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768%200-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06%200l-3.5%203.5c-.294.292-.294.767%200%201.06s.767.293%201.06%200l2.22-2.22V16.7c0%202.068%201.683%203.75%203.75%203.75h5.85c.414%200%20.75-.336.75-.75s-.337-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat
}

.twitter-social-feed .feed-provider-feeds .twitter-retweet-action:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2317BF63%22%20d%3D%22M23.77%2015.67c-.292-.293-.767-.293-1.06%200l-2.22%202.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414%200-.75.336-.75.75s.336.75.75.75h5.85c1.24%200%202.25%201.01%202.25%202.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06%200s-.294.768%200%201.06l3.5%203.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767%200-1.06zm-10.66%203.28H7.26c-1.24%200-2.25-1.01-2.25-2.25V6.46l2.22%202.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768%200-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06%200l-3.5%203.5c-.294.292-.294.767%200%201.06s.767.293%201.06%200l2.22-2.22V16.7c0%202.068%201.683%203.75%203.75%203.75h5.85c.414%200%20.75-.336.75-.75s-.337-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E");
  color: #17bf63
}

.twitter-social-feed .feed-provider-feeds .twitter-favorite-action {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E") no-repeat
}

.twitter-social-feed .feed-provider-feeds .twitter-favorite-action:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23E0245E%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E");
  color: #e0245e
}

.twitter-social-feed .feed-provider-feeds .twitter-retwitted {
  display: none
}

.twitter-social-feed .feed-provider-feeds .twitter-sender {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 19px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  color: #7b8b9a
}

html[lang^='ja'] .twitter-social-feed .feed-provider-feeds .twitter-sender {
  font-family: 'Noto Sans', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .twitter-social-feed .feed-provider-feeds .twitter-sender {
  font-family: 'Noto Sans', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.twitter-social-feed .feed-provider-feeds .twitter-sender-avatar {
  float: left;
  margin-right: 18px;
  max-width: 40px;
  max-height: 40px
}

.twitter-social-feed .feed-provider-feeds .twitter-sender-full-name {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 19px;
  color: #1f2326;
  font-weight: 500;
  display: block;
  margin-top: 2px
}

.twitter-social-feed .feed-provider-feeds .twitter-sender-profile-and-date {
  display: block
}

@media only screen and (max-width:599px) {
  .twitter-social-feed .feed-provider-feeds .twitter-sender-profile-and-date {
    padding-right: 70px
  }
}

.twitter-social-feed .feed-provider-feeds .twitter-sender-profile-and-date strong {
  font-weight: 400
}

.twitter-social-feed .twitter-share-views-section {
  text-align: center
}

.twitter-social-feed a.twitter-share-views-link:not(.default-link) {
  font-weight: 400;
  margin-top: 60px;
  padding: 15px 23px;
  min-width: 204px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.twitter-social-feed a.twitter-share-views-link:not(.default-link):focus, .twitter-social-feed a.twitter-share-views-link:not(.default-link):active {
  background-color: transparent;
  color: #2e2e38
}

.box-dark-background .twitter-social-feed a.twitter-share-views-link:not(.default-link):focus, .box-dark-background .twitter-social-feed a.twitter-share-views-link:not(.default-link):active {
  color: #fff
}

@media only screen and (max-width:1199px) {
  .mod-touchevents .twitter-social-feed a.twitter-share-views-link:not(.default-link):hover {
    background-color: transparent;
    color: #2e2e38
  }
}

.twitter-social-feed .twitter-follow-button {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 18px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  position: absolute;
  right: 23px;
  top: 22px;
  background: #1b95e0;
  color: #fff;
  padding: 1px 8px 1px 28px;
  display: inline-block;
  height: 20px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.twitter-social-feed .twitter-follow-button::before {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "ï‚™"
}

html[lang^='ja'] .twitter-social-feed .twitter-follow-button {
  font-family: 'Noto Sans', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .twitter-social-feed .twitter-follow-button {
  font-family: 'Noto Sans', 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.twitter-social-feed .twitter-follow-button:hover {
  background: #0c7abf
}

.twitter-social-feed .twitter-follow-button::before {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 4px
}

@media only screen and (max-width:1199px) {
  .twitter-social-feed .twitter-follow-button {
    padding: 0;
    width: 25px;
    height: 25px;
    background: transparent
  }

  .twitter-social-feed .twitter-follow-button::before {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 25px;
    width: 25px;
    height: 25px;
    left: 0;
    color: #1b95e0
  }

  .twitter-social-feed .twitter-follow-button:hover {
    background: transparent
  }

  .twitter-social-feed .twitter-follow-button>span {
    display: none
  }
}

@media only screen and (max-width:899px) {
  .twitter-social-feed .twitter-follow-button {
    padding: 1px 8px 1px 28px;
    width: auto;
    height: 20px;
    background: #1b95e0
  }

  .twitter-social-feed .twitter-follow-button::before {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    left: 4px;
    width: 20px;
    height: 20px;
    color: #fff
  }

  .twitter-social-feed .twitter-follow-button:hover {
    background: #0c7abf
  }

  .twitter-social-feed .twitter-follow-button>span {
    display: inline
  }
}

.nestedTile .twitter-social-feed {
  margin: 0;
  padding: 0;
  max-width: 100%;
  left: 0
}

.nestedTile .twitter-social-feed .feed-provider-feeds .twitter-feed {
  width: 100%;
  margin: 0
}

.nestedTile .twitter-social-feed .twitter-share-views-section {
  display: none
}

.nestedTile .twitter-social-feed .twitter-follow-button {
  padding: 0;
  width: 25px;
  height: 25px;
  background: transparent
}

.nestedTile .twitter-social-feed .twitter-follow-button::before {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 25px;
  width: 25px;
  height: 25px;
  left: 0;
  color: #1b95e0
}

.nestedTile .twitter-social-feed .twitter-follow-button:hover {
  background: transparent
}

.nestedTile .twitter-social-feed .twitter-follow-button>span {
  display: none
}

@media only screen and (max-width:599px) {
  .nestedTile .twitter-social-feed .twitter-follow-button {
    padding: 1px 8px 1px 28px;
    width: auto;
    height: 20px;
    background: #1b95e0
  }

  .nestedTile .twitter-social-feed .twitter-follow-button::before {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    left: 4px;
    width: 20px;
    height: 20px;
    color: #fff
  }

  .nestedTile .twitter-social-feed .twitter-follow-button:hover {
    background: #0c7abf
  }

  .nestedTile .twitter-social-feed .twitter-follow-button>span {
    display: inline
  }
}

.twitter-full-width {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  padding: 75px 18px 71px;
  margin: 0
}

@media print {
  .twitter-full-width {
    width: 100%;
    left: auto
  }
}

.twitter-full-width>.component-content, .twitter-full-width>.row {
  padding: 0 68px
}

@media print {
  .twitter-full-width>.component-content, .twitter-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .twitter-full-width {
    width: calc(100% + 104px);
    left: -52px
  }

  .twitter-full-width>.component-content, .twitter-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .twitter-full-width {
    width: calc(100% + 72px);
    left: -36px
  }

  .twitter-full-width>.component-content, .twitter-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .twitter-full-width {
    width: calc(100% + 24px);
    left: -12px
  }

  .twitter-full-width>.component-content, .twitter-full-width>.row {
    padding: 0 18px
  }
}

@media only screen and (max-width:1199px) {
  .twitter-full-width {
    padding-bottom: 66px
  }
}

@media only screen and (max-width:599px) {
  .twitter-full-width {
    padding: 40px 18px
  }
}

.twitter-full-width.fixed-component {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .twitter-full-width.fixed-component {
    width: 100%;
    left: auto
  }
}

.twitter-full-width.fixed-component>.component-content, .twitter-full-width.fixed-component>.row {
  padding: 0 68px
}

@media print {
  .twitter-full-width.fixed-component>.component-content, .twitter-full-width.fixed-component>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .twitter-full-width.fixed-component {
    width: calc(100% + 120px);
    left: -60px
  }

  .twitter-full-width.fixed-component>.component-content, .twitter-full-width.fixed-component>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .twitter-full-width.fixed-component {
    width: calc(100% + 88px);
    left: -44px
  }

  .twitter-full-width.fixed-component>.component-content, .twitter-full-width.fixed-component>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .twitter-full-width.fixed-component {
    width: calc(100% + 36px);
    left: -18px
  }

  .twitter-full-width.fixed-component>.component-content, .twitter-full-width.fixed-component>.row {
    padding: 0 18px
  }
}

.twitter-full-width>.component-content {
  padding: 0
}

.twitter-full-width>.component-content>p {
  height: 30px;
  width: 40px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-indent: -999px
}

.twitter-full-width>.component-content>p::before {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "ï‚™"
}

.twitter-full-width>.component-content>p::before {
  font-size: 40px;
  font-size: 4rem;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  color: #55acee
}

.twitter-full-width .feed-provider-description {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  font-weight: 300;
  color: #2e2e38
}

.twitter-full-width .feed-provider-description p {
  margin: 11px 0 40px
}

@media only screen and (max-width:599px) {
  .twitter-full-width .feed-provider-description p {
    margin: 20px 0
  }
}

.twitter-full-width .feed-provider-feeds {
  margin: 0;
  padding: 0
}

.twitter-full-width .twitter-feed {
  display: block
}

.twitter-full-width .twitter-actions, .twitter-full-width .twitter-follow-button, .twitter-full-width .twitter-sender-avatar, .twitter-full-width .twitter-retwitted, .twitter-full-width .twitter-sender-full-name {
  display: none
}

.twitter-full-width .twitter-share-views-section, .twitter-full-width .twitter-header, .twitter-full-width .twitter-content {
  text-align: center
}

.twitter-full-width .twitter-header {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 1.2px;
  margin-bottom: 40px
}

@media only screen and (max-width:599px) {
  .twitter-full-width .twitter-header {
    margin-bottom: 20px
  }
}

.twitter-full-width .twitter-content {
  font-family: Georgia, sans-serif;
  font-weight: 400;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 52px;
  color: #2e2e38;
  font-weight: 400;
  max-width: 1080px;
  margin: 0 auto 60px
}

html[lang^='ja'] .twitter-full-width .twitter-content {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .twitter-full-width .twitter-content {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

@media only screen and (max-width:1199px) {
  .twitter-full-width .twitter-content {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 42px;
    max-width: 900px
  }
}

@media only screen and (max-width:899px) {
  .twitter-full-width .twitter-content {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    max-width: 680px
  }
}

@media only screen and (max-width:599px) {
  .twitter-full-width .twitter-content {
    margin-bottom: 40px
  }
}

.twitter-full-width .twitter-content strong {
  font-weight: 400
}

.twitter-full-width .twitter-content a {
  color: #55acee;
  font-style: italic;
  border-bottom: 1px solid transparent
}

.twitter-full-width .twitter-content a:hover, .twitter-full-width .twitter-content a:active {
  border-color: inherit
}

.twitter-full-width .twitter-content a strong {
  color: #55acee
}

.twitter-full-width .twitter-sender {
  color: #747480
}

.twitter-full-width .twitter-sender .twitter-sender-profile-and-date {
  border-bottom: 1px solid transparent
}

.twitter-full-width .twitter-sender .twitter-sender-profile-and-date:hover, .twitter-full-width .twitter-sender .twitter-sender-profile-and-date:active {
  border-color: inherit
}

.twitter-full-width .twitter-sender strong {
  color: #747480
}

.twitter-full-width .twitter-share-views-section a.twitter-share-views-link {
  font-weight: 400;
  min-width: 204px;
  padding: 14px 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:899px) {
  .twitter-full-width .twitter-share-views-section a.twitter-share-views-link {
    padding: 12px 26px
  }
}

@media only screen and (max-width:599px) {
  .twitter-full-width .twitter-share-views-section a.twitter-share-views-link {
    width: 100%
  }
}

.twitter-full-width .twitter-date {
  font-weight: 300
}

.twitter-full-width .twitter-date::before {
  content: '|';
  margin: 0 5px
}

.box-dark-background .twitter-full-width .twitter-header .twitter-sender {
  color: #c4c4cd
}

.box-dark-background .twitter-full-width .twitter-header .twitter-sender .twitter-sender-profile-and-date {
  color: #c4c4cd;
  border-bottom: 1px solid transparent
}

.box-dark-background .twitter-full-width .twitter-header .twitter-sender .twitter-sender-profile-and-date:hover, .box-dark-background .twitter-full-width .twitter-header .twitter-sender .twitter-sender-profile-and-date:active {
  border-color: inherit
}

.box-dark-background .twitter-full-width .twitter-header .twitter-sender strong, .box-dark-background .twitter-full-width .twitter-header .twitter-sender .twitter-date {
  color: #c4c4cd
}

.box-dark-background .twitter-full-width .twitter-content {
  color: white
}

.box-dark-background .twitter-full-width a.twitter-share-views-link {
  font-weight: 400;
  background: #2e2e38;
  border-color: #fff;
  color: #fff
}

.box-dark-background .twitter-full-width a.twitter-share-views-link:hover {
  background: #fff;
  color: #2e2e38
}

.upvote {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .upvote {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.upvote>.component-content {
  font-size: 0;
  position: relative
}

.box-dark-background .upvote>.component-content .upvote-button, .box-dark-background .upvote>.component-content .upvote-counter {
  border-color: #747480;
  background-color: transparent
}

.box-dark-background .upvote>.component-content .upvote-button.is-voted, .box-dark-background .upvote>.component-content .upvote-counter.is-voted {
  border-color: #747480
}

.box-dark-background .upvote>.component-content .upvote-button {
  background: url("/img/upvote-white.svg") no-repeat center right 17px transparent
}

.box-dark-background .upvote>.component-content .upvote-button:hover:not(.is-voted), .box-dark-background .upvote>.component-content .upvote-button:focus:not(.is-voted) {
  background: url("/img/upvote.svg") no-repeat center right 17px white;
  border-color: white;
  color: #2e2e38
}

.box-dark-background .upvote>.component-content .upvote-button.is-voted {
  background: url("/img/upvote-white.svg") no-repeat center right 17px #2e2e38;
  border-color: #747480
}

.box-dark-background .upvote>.component-content .upvote-counter {
  background-color: #2e2e38
}

.upvote>.component-content .upvote-button, .upvote>.component-content .upvote-counter {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
  display: inline-block;
  border: 1px solid #c4c4cd;
  padding: 8px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400
}

.upvote>.component-content .upvote-button {
  position: relative;
  z-index: 100;
  padding-right: 36px;
  font-weight: 700;
  background: url("/img/upvote.svg") no-repeat center right 17px white;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s
}

.upvote>.component-content .upvote-button:hover:not(.is-voted), .upvote>.component-content .upvote-button:focus:not(.is-voted) {
  background: url("/img/upvote-white.svg") no-repeat center right 17px #2e2e38;
  border-color: #2e2e38;
  color: white
}

.upvote>.component-content .upvote-button.is-voted {
  background: url("/img/upvote.svg") no-repeat center right 17px #eaeaf2;
  border-color: #c4c4cd;
  pointer-events: none;
  cursor: not-allowed
}

.upvote>.component-content .upvote-counter {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
  background-color: #eaeaf2;
  border-left: 0
}

.box-dark-background.parent-of-upvote {
  padding-top: 30px;
  padding-bottom: 30px
}

@media only screen and (max-width:599px) {
  .box-dark-background.parent-of-upvote {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.visualLink {
  margin: 0;
  min-height: 600px
}

@media only screen and (max-width:1199px) {
  .visualLink {
    min-height: 500px
  }
}

@media only screen and (max-width:899px) {
  .visualLink {
    min-height: 350px;
    height: 350px
  }
}

.visualLink>.component-content {
  padding: 0;
  max-width: none;
  position: relative;
  z-index: 100
}

.visualLink>.component-content::after {
  content: '';
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
  background: linear-gradient(180deg, transparent 0%, black 100%);
  position: absolute;
  display: block;
  top: 0
}

.visualLink .visual-link-details {
  position: absolute;
  bottom: 40px;
  right: 70px;
  z-index: 105;
  text-align: right;
  width: 50%
}

@media only screen and (max-width:1199px) {
  .visualLink .visual-link-details {
    right: 60px;
    width: 60%
  }
}

@media only screen and (max-width:899px) {
  .visualLink .visual-link-details {
    right: 44px;
    bottom: 20px
  }
}

@media only screen and (max-width:599px) {
  .visualLink .visual-link-details {
    right: 18px
  }
}

.visualLink .visual-link-details .visual-link-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0 0 10px
}

.visualLink .visual-link-details .visual-link-title a {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  font-weight: 400;
  display: block;
  border-bottom: none
}

.visualLink .visual-link-details .visual-link-title a:hover, .visualLink .visual-link-details .visual-link-title a:active {
  border-bottom: none;
  text-decoration: underline
}

.visualLink .visual-link-details .visual-link-featured {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 400
}

.visualLink .visual-link-details .visual-link-featured.article-video {
  padding-left: 31px;
  background: url("/img/ic_videocam.svg") left center no-repeat;
  background-size: 21px 14px
}

.visualLink .visual-link-details .visual-link-featured.webcast, .visualLink .visual-link-details .visual-link-featured.podcast, .visualLink .visual-link-details .visual-link-featured.location {
  position: relative;
  padding-left: 30px
}

.visualLink .visual-link-details .visual-link-featured.webcast::before, .visualLink .visual-link-details .visual-link-featured.podcast::before, .visualLink .visual-link-details .visual-link-featured.location::before {
  content: '';
  display: block;
  position: absolute;
  background-size: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.visualLink .visual-link-details .visual-link-featured.webcast::before {
  width: 22px;
  height: 19px;
  background: url("/img/ic_webcast.svg") center no-repeat
}

.visualLink .visual-link-details .visual-link-featured.podcast::before {
  width: 22px;
  height: 20px;
  background: url("/img/ic_podcast.svg") center no-repeat
}

.visualLink .visual-link-details .visual-link-featured.location {
  padding-left: 24px
}

.visualLink .visual-link-details .visual-link-featured.location::before {
  width: 14px;
  height: 20px;
  background: url("/img/ic_place.svg") center no-repeat
}

.visualLink .visual-link-details .metadata-info span {
  display: inline
}

.visualLink .visual-link-details .metadata-info span.has-country-code::after {
  content: ","
}

.visualLink .visual-link-details .metadata-info span.multiple-line::after {
  content: "|";
  padding-left: 4px
}

.visualLink .visual-link-details .metadata-info span.webcast-date::after {
  content: ","
}

.visualLink .visual-link-3dots {
  position: relative;
  line-height: 0;
  margin-bottom: 15px
}

.visualLink .visual-link-3dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 2px;
  background-color: #ffe600
}

.reference-cookie-settings .cookie-settings-save-btn {
  display: inline-block;
  padding: 15px 26px;
  background-color: white;
  color: #2e2e38;
  border: 1px solid #2e2e38;
  font-weight: 700;
  line-height: 24px;
  -webkit-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s
}

.reference-cookie-settings .cookie-settings-save-btn:hover, .reference-cookie-settings .cookie-settings-save-btn:active {
  background-color: #2e2e38;
  color: white;
  border-width: 1px
}

.reference-cookie-settings .cookie-settings-save-btn::after {
  display: none
}

.reference-header {
  background-color: #2e2e38;
  padding: 0;
  margin: 0;
  position: relative;
  height: 75px;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out
}

.reference-header::after {
  content: '';
  background: #2e2e38;
  width: 100%;
  height: 300px;
  left: 0;
  top: -300px;
  position: absolute;
  display: block;
  z-index: 400
}

.on-top:not(.carousel-open) .reference-header {
  height: 85px
}

@media only screen and (max-width:599px) {
  .reference-header {
    height: 60px
  }

  .on-top:not(.carousel-open) .reference-header {
    height: 80px
  }
}

.reference-header>.inner {
  background: #18181f;
  margin: 0 !important
}

.reference-header>.inner>.component-content {
  margin-bottom: 0
}

.reference-header::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #2e2e38;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0
}

.reference-header .image, .reference-header .reference-ey-logo {
  z-index: 105
}

.reference-header .button-search-open {
  font-size: 0;
  background: url("/img/ic_search_white.svg") center no-repeat;
  background-size: 22px;
  width: 75px;
  height: 75px;
  right: 75px;
  float: left;
  z-index: 105;
  text-indent: 100%;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: width 0.3s ease-out, height 0.3s ease-out, right 0.3s ease-out;
  transition: width 0.3s ease-out, height 0.3s ease-out, right 0.3s ease-out
}

body:not(.tabbed) .reference-header .button-search-open {
  outline: none
}

.on-top:not(.carousel-open) .reference-header .button-search-open {
  width: 85px;
  height: 85px;
  right: 85px
}

@media only screen and (max-width:599px) {
  .reference-header .button-search-open {
    width: 60px;
    height: 60px;
    right: 60px
  }

  .on-top:not(.carousel-open) .reference-header .button-search-open {
    width: 80px;
    height: 80px;
    right: 80px
  }
}

.reference-header .button-search-open::after {
  content: '';
  display: block;
  height: 22px;
  width: 2px;
  background: #747480;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.reference-header .button-search-open span {
  opacity: 0
}

@media only screen and (max-width:899px) {
  .reference-header .button-search-open {
    display: block
  }
}

.search-dropdown-open .reference-header .button-search-open {
  background: #24242e url("/img/ic_close_white.svg") center no-repeat;
  background-size: 18px
}

.search-dropdown-open .reference-header .button-search-open::after {
  display: none
}

.reference-header .cookieGroups {
  margin-bottom: 0
}

.template-search-results-template .button-search-open {
  display: none
}

#header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  width: 100%;
  padding: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

#header>.row {
  margin: 0 auto;
  max-width: 1920px
}

.reference-footer {
  padding: 0;
  margin-bottom: 0
}

.reference-footer>.inner>.component-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.reference-footer>.inner>.component-content .image {
  margin-bottom: 13px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width:899px) {
  .reference-footer>.inner>.component-content .image {
    margin-bottom: 20px
  }
}

.reference-footer>.inner>.component-content p {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0 5px;
  color: #747480;
  line-height: 1.43
}

.reference-footer>.inner>.component-content .richText-footer-navigation .richText-content {
  float: right;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media only screen and (max-width:899px) {
  .reference-footer>.inner>.component-content .richText-footer-navigation .richText-content {
    float: none;
    margin-top: 0;
    display: block
  }
}

.reference-footer>.inner>.component-content .richText-footer-navigation .richText-content p {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  float: right;
  margin: 0 0 0 23px;
  line-height: 2.1
}

@media only screen and (max-width:899px) {
  .reference-footer>.inner>.component-content .richText-footer-navigation .richText-content p {
    float: none;
    margin-left: 0
  }
}

.reference-footer>.inner>.component-content .richText-footer-navigation .richText-content p:last-child {
  margin-right: 0
}

.reference-footer>.inner>.component-content .richText-footer-navigation .richText-content a {
  font-weight: 700;
  color: #2e2e38
}

@media only screen and (max-width:899px) {
  .reference-footer>.inner>.component-content .richText-footer-navigation+.richText {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

.reference-footer>.inner>.component-content .richText-footer-social {
  -ms-flex-item-align: end;
  align-self: flex-end
}

@media only screen and (max-width:899px) {
  .reference-footer>.inner>.component-content .richText-footer-social {
    -ms-flex-item-align: auto;
    align-self: auto
  }
}

.reference-footer>.inner>.component-content .richText-footer-social .richText-content {
  float: right
}

@media only screen and (max-width:899px) {
  .reference-footer>.inner>.component-content .richText-footer-social .richText-content {
    float: none
  }
}

.reference-footer>.inner>.component-content .richText-footer-social .richText-content p {
  float: left;
  margin: 0 10px 0 0
}

.reference-footer>.inner>.component-content .richText-footer-social .richText-content p:last-child {
  margin-right: 0
}

@media only screen and (max-width:899px) {
  .reference-footer>.inner>.component-content .richText-footer-social .richText-content p {
    margin: 30px 10px 25px 0
  }
}

@media only screen and (max-width:599px) {
  .reference-footer>.inner>.component-content .richText-footer-social .richText-content p {
    margin-bottom: 15px
  }
}

.reference-footer>.inner>.component-content .richText-footer-social .richText-content a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.reference-global-search-results {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .reference-global-search-results {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.reference-global-search-results .emptySearchResults, .reference-global-search-results .trendingSearchResults, .reference-global-search-results .globalTrendingSearchResults, .reference-global-search-results .globalSearchResultsPagination {
  margin-bottom: 0
}

.reference-global-search-results .globalSearchResultsNumber {
  color: white;
  z-index: 405;
  -webkit-transition: z-index 0.3s, top 0.3s ease-out;
  transition: z-index 0.3s, top 0.3s ease-out;
  position: fixed;
  top: 161px;
  left: 0;
  width: 100%;
  min-height: 72px;
  padding: 0 68px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  background: #1a1a24
}

@media only screen and (min-width:1920px) {
  .reference-global-search-results .globalSearchResultsNumber {
    width: 1920px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.reference-global-search-results .globalSearchResultsNumber::before {
  content: '';
  display: block;
  width: 100%;
  height: 90px;
  background: #1a1a24;
  position: absolute;
  bottom: 100%;
  left: 0
}

.on-top:not(.carousel-open) .reference-global-search-results .globalSearchResultsNumber {
  top: 171px
}

@media only screen and (max-width:1199px) {
  .reference-global-search-results .globalSearchResultsNumber {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .reference-global-search-results .globalSearchResultsNumber {
    padding: 0 44px;
    top: 163px
  }

  .on-top:not(.carousel-open) .reference-global-search-results .globalSearchResultsNumber {
    top: 173px
  }
}

@media only screen and (max-width:599px) {
  .reference-global-search-results .globalSearchResultsNumber {
    padding: 0 18px;
    min-height: 59px;
    top: 131px
  }

  .on-top:not(.carousel-open) .reference-global-search-results .globalSearchResultsNumber {
    top: 151px
  }
}

.reference-global-search-results .globalSearchResultsNumber>.component {
  margin-left: 16.66667%;
  margin-bottom: 0;
  width: 66.66667%;
  padding: 23px 0 26px
}

@media only screen and (max-width:1199px) {
  .reference-global-search-results .globalSearchResultsNumber>.component {
    width: 100%;
    margin: 0
  }
}

@media only screen and (max-width:899px) {
  .reference-global-search-results .globalSearchResultsNumber>.component {
    padding: 22px 0 26px
  }
}

@media only screen and (max-width:599px) {
  .reference-global-search-results .globalSearchResultsNumber>.component {
    padding: 16px 0 19px
  }
}

.reference-global-search-results .globalSearchResultsNumber>.component h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  padding: 0
}

.reference-global-search-results .globalSearchResultsNumber>.component p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  padding: 0;
  margin: 0
}

.reference-about-this-article {
  margin-bottom: 0
}

.reference-about-this-article .box, .reference-about-this-article .upvote {
  margin-bottom: 0
}

.about-this-article-parsys .reference-about-this-article {
  padding: 70px 0
}

@media only screen and (max-width:599px) {
  .about-this-article-parsys .reference-about-this-article {
    padding: 25px
  }
}

.reference-about-this-article .parent-of-selection-headline {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 28px;
  margin: 0 0 45px
}

.reference-about-this-article .parent-of-selection-headline strong {
  font-weight: 300
}

@media only screen and (max-width:599px) {
  .reference-about-this-article .parent-of-selection-headline {
    margin-bottom: 25px
  }
}

.reference-about-this-article .surface-profile {
  padding: 0
}

.reference-about-this-article .surface-profile h3 {
  font-weight: 400
}

.reference-about-this-article .sharingUtilityBar-content {
  padding: 0
}

.reference-about-this-article .surfaceTags>.content {
  margin-bottom: 10px
}

@media only screen and (max-width:599px) {
  .reference-about-this-article .surfaceTags>.content {
    margin-bottom: 20px
  }
}

.reference-about-this-article .upvote {
  padding-top: 10px
}

@media only screen and (max-width:599px) {
  .reference-about-this-article .upvote {
    padding-top: 20px;
    padding-bottom: 0
  }
}

@media only screen and (max-width:899px) {
  .reference-about-this-article .surfaceTags, .reference-about-this-article .sharingUtilityBar, .reference-about-this-article .upvote {
    padding-left: 121px
  }
}

@media only screen and (max-width:599px) {
  .reference-about-this-article .surfaceTags, .reference-about-this-article .sharingUtilityBar, .reference-about-this-article .upvote {
    padding-left: 6px
  }
}

.about-this-article-parsys {
  margin-bottom: 0;
  padding: 0
}

.about-this-article-parsys>.box.parent-of-upvote {
  padding: 0
}

.reference-email-subscription-form {
  margin-bottom: 0
}

.reference-email-subscription-form .form-newsletter {
  margin-bottom: 0
}

.reference-cookie-settings h1 {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  color: #2e2e38;
  margin: 60px 0 0
}

@media only screen and (max-width:899px) {
  .reference-cookie-settings h1 {
    margin: 40px 0 0
  }
}

@media only screen and (max-width:599px) {
  .reference-cookie-settings h1 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px;
    margin: 20px 0 0
  }
}

@media only screen and (max-width:899px) {
  .reference-cookie-settings .title {
    margin-bottom: 7px
  }
}

@media only screen and (max-width:599px) {
  .reference-cookie-settings .title {
    margin-bottom: 14px
  }
}

.reference-cookie-settings .composite-responsive-table {
  padding-top: 0;
  padding-bottom: 0;
  border: 0
}

.reference-cookie-settings .composite-responsive-table .parent-of-table {
  margin-bottom: 0
}

.reference-cookie-settings .composite-responsive-table .title {
  padding: 0;
  margin-bottom: 10px
}

.reference-cookie-settings .composite-responsive-table .title-heading {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  color: #2e2e38;
  margin-bottom: 10px
}

.reference-cookie-settings .composite-responsive-table>.content>.richText {
  display: none
}

.reference-cookie-settings .composite-responsive-table .table {
  padding: 0;
  margin-bottom: 7px
}

@media only screen and (max-width:1199px) {
  .reference-cookie-settings .composite-responsive-table .table {
    margin-bottom: 40px
  }
}

@media only screen and (max-width:899px) {
  .reference-cookie-settings .composite-responsive-table .table {
    margin-bottom: 42px
  }
}

.reference-cookie-settings .composite-responsive-table .table table {
  border-bottom: none;
  margin-bottom: 0
}

.reference-cookie-settings .composite-responsive-table .table>.component-content {
  padding: 0
}

.reference-cookie-settings .composite-responsive-table .table td {
  vertical-align: top;
  padding: 19px 19px 22px
}

@media only screen and (max-width:899px) {
  .reference-cookie-settings .composite-responsive-table .table td {
    padding: 19px
  }
}

.reference-cookie-settings .composite-responsive-table .table td:first-child {
  padding-left: 68px
}

.reference-cookie-settings .composite-responsive-table .table td:last-child {
  padding-right: 68px
}

.reference-cookie-settings .composite-responsive-table .table tr:first-child td {
  min-width: 200px
}

.reference-cookie-settings .composite-responsive-table .table tr:last-child td {
  border-bottom: none
}

.reference-cookie-settings .richText {
  margin-bottom: 60px
}

@media only screen and (max-width:899px) {
  .reference-cookie-settings .richText {
    margin-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .reference-cookie-settings .richText {
    margin-bottom: 20px
  }
}

.reference-cookie-settings .richText p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0
}

.reference-cookie-settings .cookieSaveButton {
  clear: both;
  padding-top: 10px;
  margin: 0
}

.reference-cookie-settings .cookie-settings-save-btn {
  margin-bottom: 60px
}

@media only screen and (max-width:899px) {
  .reference-cookie-settings .cookie-settings-save-btn {
    margin-bottom: 40px
  }
}

@media only screen and (max-width:899px) {
  .reference-cookie-settings .cookie-settings-save-btn {
    margin-bottom: 30px
  }
}

.reference-cookie-settings .cookie-settings-save {
  margin: 0
}

.reference-cookie-settings .checkbox.cookie-group {
  margin-bottom: 20px
}

.reference-cookie-settings .checkbox.cookie-group>.component-content {
  width: 50%;
  margin-left: 0
}

@media only screen and (max-width:1199px) {
  .reference-cookie-settings .checkbox.cookie-group>.component-content {
    width: 75%
  }
}

@media only screen and (max-width:899px) {
  .reference-cookie-settings .checkbox.cookie-group>.component-content {
    width: 100%
  }
}

.reference-cookie-settings .checkbox-input-wrapper {
  vertical-align: middle
}

.reference-cookie-settings .checkbox-input-wrapper span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  font-weight: 400
}

.reference-cookie-settings input[type="checkbox"], .reference-cookie-settings input[type="radio"] {
  border: 1px solid #6d6d78;
  width: 25px;
  height: 25px;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  vertical-align: middle;
  margin-right: 12px
}

.reference-cookie-settings input[type="checkbox"]:focus, .reference-cookie-settings input[type="radio"]:focus {
  padding: 0
}

.reference-cookie-settings input[type="checkbox"]:checked, .reference-cookie-settings input[type="radio"]:checked {
  background: url("/img/check-black.svg") center center no-repeat
}

.reference-cookie-settings .checkbox-description .component-content {
  margin: 0
}

.reference-cookie-settings .checkbox-description .richText-content {
  margin-left: 41.3px
}

.reference-cookie-settings .checkbox-description .richText-content p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  margin: 0
}

.reference-cookie-settings .cookieConsentCheckbox {
  clear: both
}

.reference-cookie-settings.snippet-content-page .snippetConfig {
  max-width: 100%;
  padding: 0 30px
}

.reference-cookie-settings .cookieConsentCheckbox, .reference-cookie-settings .cookieSaveButton, .reference-cookie-settings .composite-responsive-table .title {
  padding-left: 8px;
  padding-right: 8px
}

@media only screen and (max-width:599px) {
  .reference-cookie-settings .cookieConsentCheckbox, .reference-cookie-settings .cookieSaveButton, .reference-cookie-settings .composite-responsive-table .title {
    padding-left: 6px;
    padding-right: 6px
  }
}

.snippet-top-border>.inner>.component-content {
  border-top: 1px solid #c4c4cd
}

.reference-connect-with-us-form {
  clear: both;
  margin-bottom: 20px
}

.reference-connect-with-us-form>.inner>.component-content {
  border-top: 1px solid #c4c4cd
}

.reference-connect-with-us-form>.inner>.component-content .form>.component-content {
  padding: 0
}

.reference-connect-with-us-form>.inner>.component-content .form>.component-content .form-heading {
  padding: 20px 0 0
}

.reference-connect-with-us-form>.inner>.component-content .form>.component-content .formButton {
  margin-bottom: 40px
}

@charset "UTF-8";

.inlineQuote {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .inlineQuote {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.quote-box {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  margin-left: 0;
  color: #2e2e38
}

.quote-box a {
  color: #2e2e38
}

.quote-box a:visited {
  color: #2e2e38
}

.quote-box .content-box {
  font-family: Georgia, sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  border-left: 10px solid #ffe600;
  padding-left: 15px;
  margin: 0 0 20px;
  position: relative;
  text-indent: 10px
}

html[lang^='ja'] .quote-box .content-box {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .quote-box .content-box {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.quote-box .content-box::before {
  content: "\201C";
  text-indent: 0;
  position: absolute;
  left: 15px
}

.quote-box .content-box::after {
  content: "\201D";
  margin-left: -5px
}

.quote-box .quotee {
  font-weight: 700
}

.quote-box .job-title, .quote-box .quotee {
  margin: 0 65px
}

.parent-of-accordion-main-menu>.component-content>.paragraphSystem {
  position: relative
}

@media only screen and (max-width:899px) {
  .parent-of-accordion-main-menu>.component-content>.paragraphSystem {
    position: unset
  }
}

.parent-of-accordion-main-menu>.component-content>.paragraphSystem .accordion-content-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: unset
}

.parent-of-accordion-main-menu>.component-content>.paragraphSystem .customScrollbar-shaft {
  z-index: 121
}

.reference-country-language-switcher {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  max-width: 360px;
  height: 60px;
  z-index: 122;
  -webkit-transition: height 0.7s, top 0.3s ease-out;
  transition: height 0.7s, top 0.3s ease-out
}

.country-selector-open .reference-country-language-switcher {
  top: -75px !important;
  -webkit-transition: top 0.3s ease-out;
  transition: top 0.3s ease-out
}

@media only screen and (max-width:599px) {
  .country-selector-open .reference-country-language-switcher {
    top: -60px !important
  }
}

.country-selector-open.on-top .reference-country-language-switcher {
  top: -85px !important
}

@media only screen and (max-width:599px) {
  .country-selector-open.on-top .reference-country-language-switcher {
    top: -80px !important
  }
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher {
    max-width: 100%
  }
}

.reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header, .reference-country-language-switcher.is-opening>.component-content .country-lang-switcher-header {
  height: 75px;
  padding: 29px 50px 30px 25px
}

.on-top .reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header, .on-top .reference-country-language-switcher.is-opening>.component-content .country-lang-switcher-header {
  height: 85px
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header, .reference-country-language-switcher.is-opening>.component-content .country-lang-switcher-header {
    padding-left: 19px;
    height: 60px
  }

  .on-top .reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header, .on-top .reference-country-language-switcher.is-opening>.component-content .country-lang-switcher-header {
    height: 80px
  }
}

.reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header::after, .reference-country-language-switcher.is-opening>.component-content .country-lang-switcher-header::after {
  opacity: 0;
  visibility: hidden
}

.reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header .country-lang-switcher-header-country, .reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header .country-lang-switcher-header-change, .reference-country-language-switcher.is-opening>.component-content .country-lang-switcher-header .country-lang-switcher-header-country, .reference-country-language-switcher.is-opening>.component-content .country-lang-switcher-header .country-lang-switcher-header-change {
  display: none
}

.reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header .country-lang-switcher-header-default, .reference-country-language-switcher.is-opening>.component-content .country-lang-switcher-header .country-lang-switcher-header-default {
  display: block
}

.reference-country-language-switcher.is-closing>.component-content .country-lang-switcher-header::after {
  opacity: 0;
  visibility: hidden
}

.reference-country-language-switcher.is-open>.component-content .country-lang-switcher-header .country-lang-switcher-close {
  opacity: 1;
  visibility: visible
}

.reference-country-language-switcher.highlighted>.component-content .country-lang-switcher-header {
  background-color: white;
  color: #1a1a24
}

.reference-country-language-switcher.highlighted>.component-content .country-lang-switcher-header::after {
  content: url("/img/globe-dark.svg")
}

.reference-country-language-switcher.highlighted>.component-content .country-lang-switcher-header p {
  color: #1a1a24
}

.reference-country-language-switcher>.component-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a24
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header {
  font-size: 16px;
  font-size: 1.6rem;
  background: #1a1a24;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  position: relative;
  cursor: pointer;
  padding: 19px 25px 19px 57px;
  -webkit-transition: padding 0.3s, height 0.3s;
  transition: padding 0.3s, height 0.3s;
  color: #fff;
  line-height: 1.38
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher>.component-content .country-lang-switcher-header {
    padding: 19px 19px 19px 51px
  }
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header::after {
  content: url("/img/globe-grey.svg");
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 25px;
  width: 22px;
  height: 22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher>.component-content .country-lang-switcher-header::after {
    left: 19px
  }
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header p {
  margin: 0;
  font-weight: 400;
  pointer-events: none;
  color: #fff
}

body:not(.tabbed) .reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-header-text {
  outline: 0
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-header-country {
  display: inline-block;
  line-height: 1.38
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-header-country span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.43;
  margin-left: 8px;
  font-weight: 300
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-header-change {
  float: right;
  font-weight: 400
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-header-default {
  display: none
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 80px;
  height: 100%;
  background: url("/img/expand-more.svg") no-repeat center;
  background-size: 22px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-close {
    width: 60px
  }

  .on-top .reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-close {
    width: 80px
  }
}

body:not(.tabbed) .reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-close {
  outline: 0
}

.reference-country-language-switcher>.component-content .country-lang-switcher-header .country-lang-switcher-title {
  margin: 0;
  color: #fff
}

.reference-country-language-switcher>.component-content .country-lang-switcher-searchfield {
  width: calc(100% - 50px);
  line-height: 1.38;
  color: #c4c4cd;
  margin: 20px 25px 16px;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  border: 0;
  font-weight: 300
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher>.component-content .country-lang-switcher-searchfield {
    margin: 20px 19px 16px
  }
}

.reference-country-language-switcher>.component-content .country-lang-switcher-searchfield:focus {
  outline: none
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list-heading {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  color: #cacad1;
  padding: 39px 25px 3px;
  margin: 0
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list-heading.is-hidden {
  display: none
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher>.component-content .country-lang-switcher-list-heading {
    padding: 39px 19px 3px
  }
}

.reference-country-language-switcher>.component-content .country-lang-switcher-lists-container {
  overflow-y: auto;
  max-height: calc(100vh - 145px)
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top {
  padding: 0;
  margin: 0;
  color: #fff
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item {
  position: relative
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item.is-hidden, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item.is-hidden {
  display: none
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item.current-language, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item.current-language {
  background: url("/img/check.svg") no-repeat center right 25px;
  background-size: 18px 14px
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item.current-language, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item.current-language {
    background-position: center right 19px
  }
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item.current-language .country-name:hover, .reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item.current-language .country-name:focus, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item.current-language .country-name:hover, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item.current-language .country-name:focus {
  background: url("/img/check.svg") no-repeat center right 25px #2e2e38
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item.current-language .country-name:hover, .reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item.current-language .country-name:focus, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item.current-language .country-name:hover, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item.current-language .country-name:focus {
    background-position: center right 19px
  }
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item:last-child:not(.bottom-line) .country-name::after, .reference-country-language-switcher>.component-content .country-lang-switcher-list .country-item.no-bottom-line .country-name::after, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item:last-child:not(.bottom-line) .country-name::after, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-item.no-bottom-line .country-name::after {
  display: none
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  position: relative;
  padding: 15px 25px;
  display: block;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-weight: 700;
  color: #fff
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name {
    padding: 15px 19px
  }
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name::before, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name::before {
  content: '';
  display: block;
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffe600;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name::after, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name::after {
  content: '';
  display: block;
  width: calc(100% - 60px);
  height: 1px;
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  border: 0
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name .language-name, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name .language-name {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  font-weight: 300;
  margin-left: 8px
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name:hover, .reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name:focus, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name:hover, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name:focus {
  background-color: #2e2e38
}

.reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name:hover::before, .reference-country-language-switcher>.component-content .country-lang-switcher-list .country-name:focus::before, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name:hover::before, .reference-country-language-switcher>.component-content .country-lang-switcher-list-top .country-name:focus::before {
  opacity: 1
}

.reference-country-language-switcher .country-lang-switcher-error-message {
  font-size: 14px;
  font-size: 1.4rem;
  display: none;
  padding: 24px 25px;
  margin: 0;
  line-height: 1.57
}

.reference-country-language-switcher .country-lang-switcher-error-message.is-visible {
  display: block
}

@media only screen and (max-width:599px) {
  .reference-country-language-switcher .country-lang-switcher-error-message {
    padding: 24px 19px
  }
}

.reference-country-language-switcher+.richText.component {
  overflow: visible
}

.reference-ey-logo {
  margin: 0
}

.reference-ey-logo>.component-content {
  padding: 13px 22px
}

@media only screen and (max-width:899px) {
  .reference-ey-logo>.component-content {
    padding: 13px 12px
  }
}

@media only screen and (max-width:599px) {
  .reference-ey-logo>.component-content {
    padding: 14px 12px
  }
}

@media only screen and (max-width:599px) {
  .on-top:not(.carousel-open) .reference-ey-logo>.component-content {
    padding: 17px 12px
  }
}

.reference-ey-logo svg, .reference-ey-logo a {
  height: 45px;
  width: 92.45px;
  display: block;
  -webkit-transition: height 0.3s ease-out, width 0.3s ease-out;
  transition: height 0.3s ease-out, width 0.3s ease-out
}

.reference-ey-logo svg polygon, .reference-ey-logo svg path, .reference-ey-logo a polygon, .reference-ey-logo a path {
  fill: white
}

@media only screen and (max-width:599px) {
  .reference-ey-logo svg, .reference-ey-logo a {
    height: 32px;
    width: 65.7px
  }
}

.on-top:not(.carousel-open) .reference-ey-logo svg, .on-top:not(.carousel-open) .reference-ey-logo a {
  height: 55px;
  width: 113px
}

@media only screen and (max-width:599px) {
  .on-top:not(.carousel-open) .reference-ey-logo svg, .on-top:not(.carousel-open) .reference-ey-logo a {
    height: 46px;
    width: 94.5px
  }
}

.reference-ey-logo svg .ey-logo-yellow, .reference-ey-logo a .ey-logo-yellow {
  fill: #ffe600
}

.reference-ey-logo span {
  display: none
}

.reference-inline-figure-strip {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .reference-inline-figure-strip {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.reference-inline-figure-strip>.component-content {
  padding: 30px 0 28px;
  border-top: 1px solid #c4c4cd;
  border-bottom: 1px solid #c4c4cd
}

@media only screen and (max-width:899px) {
  .reference-inline-figure-strip>.component-content {
    padding: 22px 0 29px
  }
}

@media only screen and (max-width:599px) {
  .reference-inline-figure-strip>.component-content {
    padding: 15px 0 20px
  }
}

.reference-inline-figure-strip>.component-content .inline-figure-label, .reference-inline-figure-strip>.component-content .inline-figure-context {
  margin: 0;
  color: #2e2e38
}

@media only screen and (max-width:599px) {
  .reference-inline-figure-strip>.component-content .inline-figure-label, .reference-inline-figure-strip>.component-content .inline-figure-context {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px
  }
}

.reference-inline-figure-strip>.component-content .inline-figure-label {
  position: absolute;
  top: 15px;
  left: 8px;
  display: inline-block;
  background-color: white;
  padding-right: 18px
}

@media only screen and (max-width:599px) {
  .reference-inline-figure-strip>.component-content .inline-figure-label {
    top: 13px
  }
}

.reference-inline-figure-strip>.component-content .inline-figure-figures {
  font-size: 120px;
  font-size: 12rem;
  line-height: 144px;
  display: block;
  letter-spacing: -4px;
  margin: 0 0 6px;
  color: #2e2e38;
  overflow: hidden;
  white-space: nowrap
}

@media only screen and (max-width:899px) {
  .reference-inline-figure-strip>.component-content .inline-figure-figures {
    font-size: 100px;
    font-size: 10rem;
    line-height: 120px;
    margin-bottom: 11px
  }
}

@media only screen and (max-width:599px) {
  .reference-inline-figure-strip>.component-content .inline-figure-figures {
    font-size: 60px;
    font-size: 6rem;
    line-height: 72px;
    margin-bottom: 4px;
    letter-spacing: -2px
  }
}

.reference-inline-figure-strip .to-print {
  display: none
}

.reference-inline-figure-strip .animate-me, .reference-inline-figure-strip .animate-me>span {
  display: inline-block;
  vertical-align: bottom
}

.reference-inline-figure-strip .text {
  display: inline
}

.reference-inline-figure-strip .number {
  position: relative;
  overflow: hidden
}

.reference-inline-figure-strip .number::after {
  display: inline-block;
  content: "0";
  color: transparent
}

.reference-inline-figure-strip .placeholder {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.15s -webkit-transform linear;
  transition: 0.15s -webkit-transform linear;
  transition: 0.15s transform linear;
  transition: 0.15s transform linear, 0.15s -webkit-transform linear
}

.reference-inline-figure-strip .placeholder.go-out {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%)
}

.reference-inline-figure-strip .animate-number {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: reference-inline-figure-strip-animate-through 0.15s linear;
  animation: reference-inline-figure-strip-animate-through 0.15s linear;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%)
}

.reference-inline-figure-strip .animate-number.blur {
  text-shadow: 0 12px 1px rgba(0, 0, 0, 0.2), 0 -12px 1px rgba(0, 0, 0, 0.2), 0 6px 1px rgba(0, 0, 0, 0.3), 0 -6px 1px rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.4)
}

.reference-inline-figure-strip .animate-number.slow {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s
}

.reference-inline-figure-strip .animate-number.final {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-transform: translate(0, 0%);
  transform: translate(0, 0%);
  -webkit-animation-name: reference-inline-figure-strip-animate-final;
  animation-name: reference-inline-figure-strip-animate-final
}

[class*='-dark-background'] .reference-inline-figure-strip .animate-number.blur {
  text-shadow: 0 12px 1px rgba(255, 255, 255, 0.2), 0 -12px 1px rgba(255, 255, 255, 0.2), 0 6px 1px rgba(255, 255, 255, 0.3), 0 -6px 1px rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.4)
}

.reference-progress-bar {
  position: absolute;
  left: 0;
  bottom: -10px;
  margin: 0;
  padding: 0;
  display: none
}

.reference-progress-bar>.component-content {
  max-width: none
}

.reference-progress-bar::before {
  content: '';
  display: block;
  width: 100vw;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100
}

.template-article-template .reference-progress-bar, .template-news-article-template .reference-progress-bar, .template-case-study-template .reference-progress-bar {
  display: block
}

.reference-progress-bar .bar {
  background: #ffe600;
  height: 10px;
  width: 0;
  position: relative;
  z-index: 105
}

.mediaImage {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .mediaImage {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.mediaImage div {
  outline: none
}

.mediaImage .component-content {
  margin: 0
}

.mediaImage img {
  display: block;
  max-width: 100%;
  width: 100%
}

.mediaImage .carousel-trigger {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  font-weight: 700;
  background: #2e2e38 url("/img/ic_photo_library.svg") no-repeat 19px 50%;
  color: white;
  padding: 0 12px 0 48px;
  position: absolute;
  right: 70px;
  height: 44px;
  line-height: 44px;
  overflow: hidden;
  max-width: 114px;
  top: 40px;
  display: block;
  opacity: 0;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s
}

.mediaImage .carousel-trigger.active {
  opacity: 1
}

@media only screen and (max-width:1199px) {
  .mediaImage .carousel-trigger {
    right: 62px
  }
}

@media only screen and (max-width:899px) {
  .mediaImage .carousel-trigger {
    right: 44px
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .carousel-trigger {
    top: 19px;
    right: 19px
  }
}

.mediaImage .prev-image-container, .mediaImage .next-image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.6)), color-stop(99%, rgba(0, 0, 0, 0.01)), to(transparent));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.01) 99%, transparent);
  color: #fff;
  opacity: 0;
  padding-left: 15px;
  font-size: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 105;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .mediaImage .prev-image-container, .mediaImage .next-image-container {
    display: none
  }
}

.mediaImage .prev-image-container:hover, .mediaImage .prev-image-container:focus, .mediaImage .next-image-container:hover, .mediaImage .next-image-container:focus {
  opacity: 1
}

.mediaImage .prev-image-container:hover .counter-container, .mediaImage .prev-image-container:focus .counter-container, .mediaImage .next-image-container:hover .counter-container, .mediaImage .next-image-container:focus .counter-container {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.mediaImage .prev-image-container:focus, .mediaImage .next-image-container:focus {
  outline: none
}

.mediaImage .prev-image-container.hidden, .mediaImage .next-image-container.hidden {
  opacity: 0;
  z-index: -1
}

.mediaImage .prev-image-container .counter-container, .mediaImage .next-image-container .counter-container {
  opacity: 0;
  width: 100%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.mediaImage .prev-image-container .counter, .mediaImage .prev-image-container .counter-total, .mediaImage .prev-image-container .prev, .mediaImage .prev-image-container .next, .mediaImage .next-image-container .counter, .mediaImage .next-image-container .counter-total, .mediaImage .next-image-container .prev, .mediaImage .next-image-container .next {
  font-size: 32px;
  font-size: 3.2rem;
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.mediaImage .prev-image-container .counter-total::before, .mediaImage .next-image-container .counter-total::before {
  content: '/';
  display: inline-block;
  color: #fff;
  margin-right: -9px
}

.mediaImage .prev-image-container .next, .mediaImage .prev-image-container .prev, .mediaImage .next-image-container .next, .mediaImage .next-image-container .prev {
  width: 40px;
  height: 22px;
  background: url("/img/arrow.svg") no-repeat center;
  background-size: 100% 22px;
  margin-right: 20px;
  padding: 0;
  border: 0;
  cursor: pointer
}

.mediaImage .prev-image-container .next::after, .mediaImage .prev-image-container .prev::after, .mediaImage .next-image-container .next::after, .mediaImage .next-image-container .prev::after {
  display: none
}

.mediaImage .prev-image-container button.next, .mediaImage .prev-image-container button.prev, .mediaImage .next-image-container button.next, .mediaImage .next-image-container button.prev {
  font-size: 0
}

.mediaImage .prev-image-container .prev, .mediaImage .next-image-container .prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.mediaImage .next-image-container {
  right: 0;
  left: auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0 15px 0 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.6)), color-stop(99%, rgba(0, 0, 0, 0.01)), to(transparent));
  background: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.01) 99%, transparent)
}

.mediaImage .next-image-container .counter-container {
  text-align: right;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.mediaImage .next-image-container .next {
  margin: 0 0 0 20px
}

.mediaImage .image-initial {
  position: relative;
  z-index: 100
}

.mediaImage .image-initial figure {
  background: white;
  padding-bottom: 10px
}

@media only screen and (max-width:899px) {
  .mediaImage .image-initial figcaption {
    width: 66.66667%;
    float: left
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-initial figcaption {
    width: 58.33333%
  }
}

.mediaImage .image-initial figcaption p:last-child {
  margin-bottom: 0
}

.mediaImage .image-initial img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.mediaImage .image-initial .image-content, .mediaImage .image-initial img {
  max-height: 900px
}

@media only screen and (max-width:1199px) {
  .mediaImage .image-initial .image-content, .mediaImage .image-initial img {
    max-height: 640px
  }
}

@media only screen and (max-width:899px) {
  .mediaImage .image-initial .image-content, .mediaImage .image-initial img {
    max-height: 480px
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-initial .image-content, .mediaImage .image-initial img {
    max-height: 226px
  }
}

.mediaImage .image-initial .sharingUtilityBar {
  display: none;
  text-align: center
}

@media only screen and (max-width:899px) {
  .mediaImage .image-initial .sharingUtilityBar {
    display: block;
    width: 33.33333%;
    float: left
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-initial .sharingUtilityBar {
    width: 41.66667%
  }
}

.mediaImage .image-initial .sharingUtilityBar-content {
  padding-top: 10px
}

.mediaImage .image-carousel-wrapper {
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel-wrapper {
    height: auto
  }
}

.mediaImage .image-carousel-container {
  visibility: hidden;
  opacity: 0;
  background: #2e2e38;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s
}

.mediaImage .image-carousel-container.active {
  visibility: visible;
  opacity: 1;
  z-index: 502
}

.mediaImage .image-carousel-container.active img {
  max-height: 100%;
  max-width: 100%;
  position: relative
}

.mediaImage .image-carousel-container .sharingUtilityBar {
  position: absolute;
  right: 25px;
  bottom: 25px;
  width: 42px;
  z-index: 110;
  padding: 0
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel-container .sharingUtilityBar {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto
  }
}

.mediaImage .image-carousel-container .shareThis-toggleButton, .mediaImage .image-carousel-container .sharingUtilityBar-clipboard, .mediaImage .image-carousel-container .sharingUtilityBar-print {
  border: 1px solid #c4c4cd;
  background-color: #2e2e38
}

.mediaImage .image-carousel-container .shareThis-toggleButton svg path, .mediaImage .image-carousel-container .sharingUtilityBar-clipboard svg path, .mediaImage .image-carousel-container .sharingUtilityBar-print svg path {
  fill: white
}

.mediaImage .image-carousel-container .sharingUtilityBar-content {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel-container .sharingUtilityBar-content {
    display: block;
    padding-left: 44px;
    position: relative;
    top: -50px
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-carousel-container .sharingUtilityBar-content {
    padding-left: 18px
  }
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-icon {
  margin: 17px 0 0
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-icon {
    margin: 0 10px 0 0
  }
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-icon .sharingUtilityBar-copied-link-popup {
  z-index: 505
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-clipboard {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .sharingUtilityBar-clipboard svg {
  width: 20px
}

.mediaImage .image-carousel-container .sharingUtilityBar-content .shareThis-active .shareThis-toggleButton svg {
  width: 19px
}

.mediaImage .image-carousel {
  position: absolute;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel {
    position: relative;
    top: 0;
    padding-top: 44px;
    bottom: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }
}

.mediaImage .image-carousel .image {
  float: left;
  font-size: 0;
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel .image {
    height: auto
  }
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel .image {
    padding-bottom: 50px;
    height: 0
  }

  .mediaImage .image-carousel .image.active {
    height: auto
  }
}

.mediaImage .image-carousel .image>.component-content, .mediaImage .image-carousel .image figure {
  height: 100%
}

.mediaImage .image-carousel .image figcaption {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  position: absolute;
  width: 400px;
  right: 0;
  top: 0;
  height: 100%;
  background: #2e2e38;
  color: white;
  padding: 80px 80px 20px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel .image figcaption {
    display: block;
    background: transparent;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: relative;
    width: 100%;
    padding: 44px 44px 0;
    overflow-y: hidden;
    -ms-touch-action: pan-y;
    touch-action: pan-y
  }
}

@media only screen and (max-width:599px) {
  .mediaImage .image-carousel .image figcaption {
    padding: 30px 18px 0
  }
}

.mediaImage .image-carousel .image h2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  font-weight: 700
}

.mediaImage .image-carousel img {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
  z-index: 100;
  height: auto;
  position: fixed;
  width: auto
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel img {
    min-width: 100%
  }
}

.mediaImage .image-carousel.caption-open figcaption {
  display: block;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.mediaImage .image-carousel.caption-open img {
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
  margin-left: 0
}

@media only screen and (max-width:899px) {
  .mediaImage .image-carousel.caption-open img {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.mediaImage .image-carousel.caption-open .next-image-container {
  right: 400px
}

.mediaImage .image-carousel.caption-open .control-caption {
  background: #c4c4cd;
  border-color: #c4c4cd
}

.mediaImage .image-carousel.caption-open .control-caption svg path {
  fill: #2e2e38
}

.mediaImage .control-close, .mediaImage .control-caption {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 85px;
  right: 24px;
  border-radius: 100%;
  border: 1px #c4c4cd solid;
  -webkit-transition: border 0.2s ease-out;
  transition: border 0.2s ease-out;
  z-index: 110;
  background-color: #2e2e38;
  cursor: pointer;
  padding: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

@media only screen and (max-width:899px) {
  .mediaImage .control-close, .mediaImage .control-caption {
    display: none
  }
}

.mediaImage .control-close button, .mediaImage .control-caption button {
  font-size: 0;
  padding: 0;
  border: 0;
  cursor: pointer
}

.mediaImage .control-close svg, .mediaImage .control-caption svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.mediaImage .control-close svg path, .mediaImage .control-caption svg path {
  fill: white
}

.mediaImage .control-close {
  background: url("/img/close.png") center/20px no-repeat #2e2e38;
  top: 25px
}

@media only screen and (max-width:899px) {
  .mediaImage .control-close {
    display: block;
    top: 0;
    right: 0;
    border: 0;
    background-color: transparent;
    z-index: 502
  }
}

@media only screen and (min-width:900px) {
  .mediaImage.col-md-10 .image-initial .image-content, .mediaImage.col-md-10 .image-initial img {
    max-height: 468px
  }
}

@media only screen and (min-width:1200px) {
  .mediaImage.col-lg-10 .image-initial .image-content, .mediaImage.col-lg-10 .image-initial img {
    max-height: 674px
  }
}

@media only screen and (min-width:1200px) {
  .mediaImage.col-lg-8 .image-initial .image-content, .mediaImage.col-lg-8 .image-initial img {
    max-height: 537px
  }
}

.mediaImage.media-image-full-width {
  width: calc(100% + 136px);
  position: relative;
  left: -68px;
  padding-right: 0;
  padding-left: 0
}

@media print {
  .mediaImage.media-image-full-width {
    width: 100%;
    left: auto
  }
}

.mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
  padding: 0 68px
}

@media print {
  .mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .mediaImage.media-image-full-width {
    width: calc(100% + 120px);
    left: -60px
  }

  .mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .mediaImage.media-image-full-width {
    width: calc(100% + 88px);
    left: -44px
  }

  .mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .mediaImage.media-image-full-width {
    width: calc(100% + 36px);
    left: -18px
  }

  .mediaImage.media-image-full-width>.component-content, .mediaImage.media-image-full-width>.row {
    padding: 0 18px
  }
}

.mediaImage.media-image-full-width figcaption {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px
}

.mediaImage.media-image-full-width .component-row {
  max-width: 1784px;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto
}

@media only screen and (min-width:1920px) {
  .mediaImage.media-image-full-width .carousel-trigger {
    right: 0
  }
}

.pagination-list {
  display: inline-block;
  vertical-align: middle;
  margin: 0
}

.pagination {
  font-size: 0;
  font-size: 0rem;
  line-height: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 0;
  position: relative;
  text-align: center
}

@media only screen and (max-width:599px) {
  .pagination {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.pagination .pagination-item, .pagination .pagination-dots {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  color: #2e2e38;
  font-weight: 700;
  margin: 0 12px;
  display: inline-block;
  vertical-align: middle
}

.pagination .pagination-item.is-active, .pagination .pagination-dots.is-active {
  color: #747480;
  cursor: default;
  pointer-events: none
}

.pagination .prev, .pagination .next {
  font-size: 0;
  font-size: 0rem;
  line-height: 0;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 0;
  cursor: pointer;
  padding: 0;
  background: none
}

.pagination .prev:hover, .pagination .next:hover {
  background: none
}

.pagination .prev .arrow, .pagination .next .arrow {
  background-color: #747480;
  width: 21px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.pagination .prev .arrow::before, .pagination .prev .arrow::after, .pagination .next .arrow::before, .pagination .next .arrow::after {
  content: '';
  height: 2px;
  width: 7px;
  background-color: #747480;
  display: block;
  position: absolute
}

.pagination .prev .arrow::before {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  top: -2px;
  left: 0
}

.pagination .prev .arrow::after {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  top: 2px;
  left: 0
}

.pagination .next .arrow::before {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  top: -2px;
  right: 0
}

.pagination .next .arrow::after {
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  top: 2px;
  right: 0
}

.pagination .is-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none
}

body:not(.tabbed) .pagination .prev, body:not(.tabbed) .pagination .next {
  outline: none
}

.template-technical-content-hub-template #case-study-header .box.parent-of-sharingUtilityBar>.component-content>.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width:599px) {
  .template-technical-content-hub-template #case-study-header .box.parent-of-sharingUtilityBar>.component-content>.content {
    display: block
  }
}

.template-technical-content-hub-template #case-study-header .box.parent-of-sharingUtilityBar>.component-content>.content>.richText {
  width: auto
}

@media only screen and (max-width:599px) {
  .template-technical-content-hub-template #case-study-header .box.parent-of-sharingUtilityBar>.component-content>.content>.richText {
    width: 100%
  }
}

.template-technical-content-hub-template #case-study-header .box.parent-of-sharingUtilityBar>.component-content>.content>.richText .hyperlink-dark-primary-cta:not(.default-link) {
  border-color: #c4c4cd;
  width: 200px;
  padding: 14px 26px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.template-technical-content-hub-template #case-study-header .box.parent-of-sharingUtilityBar>.component-content>.content>.richText .hyperlink-dark-primary-cta:not(.default-link):hover {
  border-color: white
}

@media only screen and (max-width:599px) {
  .template-technical-content-hub-template #case-study-header .box.parent-of-sharingUtilityBar>.component-content>.content>.richText .hyperlink-dark-primary-cta:not(.default-link) {
    width: 100%
  }
}

.template-technical-content-hub-template #case-study-header .box.parent-of-sharingUtilityBar>.component-content>.content .sharingUtilityBar {
  z-index: 500
}

@charset "UTF-8";

.composite-key-takeaways {
  padding: 60px 8px
}

@media only screen and (max-width:599px) {
  .composite-key-takeaways {
    padding: 40px 6px
  }
}

.composite-key-takeaways>.content {
  border-top: 1px solid #c4c4cd;
  border-bottom: 1px solid #c4c4cd;
  margin: 0
}

.composite-key-takeaways>.content>.title {
  margin: 0
}

.composite-key-takeaways .box {
  margin-bottom: 0
}

.composite-key-takeaways .title-heading {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  margin: 60px 0;
  color: #2e2e38
}

@media only screen and (max-width:599px) {
  .composite-key-takeaways .title-heading {
    margin: 40px 0
  }
}

.composite-key-takeaways>.content>.box {
  margin-bottom: 0
}

.composite-key-takeaways>.content>.box .richText {
  margin-bottom: 40px
}

.composite-key-takeaways>.content>.box .title-heading {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin: 0;
  color: #2e2e38
}

.composite-key-takeaways>.content>.box .box:first-of-type {
  padding-right: 20px
}

@media only screen and (max-width:1199px) {
  .composite-key-takeaways>.content>.box .box:first-of-type {
    padding-right: 15px
  }
}

@media only screen and (max-width:899px) {
  .composite-key-takeaways>.content>.box .box:first-of-type {
    padding-right: 18px
  }
}

@media only screen and (max-width:599px) {
  .composite-key-takeaways>.content>.box .box:first-of-type {
    padding-right: 6px
  }
}

.composite-key-takeaways>.content>.box .box:last-of-type {
  padding-left: 20px
}

@media only screen and (max-width:1199px) {
  .composite-key-takeaways>.content>.box .box:last-of-type {
    padding-left: 15px
  }
}

@media only screen and (max-width:899px) {
  .composite-key-takeaways>.content>.box .box:last-of-type {
    padding-left: 18px
  }
}

@media only screen and (max-width:599px) {
  .composite-key-takeaways>.content>.box .box:last-of-type {
    padding-left: 6px
  }
}

.composite-key-takeaways .richText {
  font-family: Georgia, sans-serif;
  font-weight: 400;
  color: #747480
}

html[lang^='ja'] .composite-key-takeaways .richText {
  font-family: Georgia, 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ãƒ¡ã‚¤ãƒªã‚ª', Meiryo, 'MS Gothic', Osaka, sans-serif
}

html[lang^='zh'] .composite-key-takeaways .richText {
  font-family: Georgia, 'é’é»‘ä½“', 'Hiragino Sans GB', 'å¾®è½¯é›…é»‘', 'Microsoft YaHei', 'é»‘ä½“', SimHei, sans-serif
}

.composite-key-takeaways .richText p {
  margin: 0
}

.composite-content-overview {
  overflow: hidden;
  padding: 80px 8px
}

@media only screen and (max-width:899px) {
  .composite-content-overview {
    padding: 83px 8px
  }
}

@media only screen and (max-width:599px) {
  .composite-content-overview {
    padding: 60px 6px
  }
}

.composite-content-overview .parent-of-title {
  margin-bottom: 40px
}

@media only screen and (max-width:599px) {
  .composite-content-overview .parent-of-title {
    margin-bottom: 30px
  }
}

.composite-content-overview .component.title {
  margin-bottom: 0
}

.composite-content-overview .component.title+.inPageNavLinkTitleOverride {
  margin: 0
}

.composite-content-overview .title-heading {
  margin-top: 0;
  padding-bottom: 0;
  color: #2e2e38;
  overflow-wrap: break-word;
  word-wrap: break-word
}

@media only screen and (max-width:1199px) {
  .composite-content-overview .title-heading {
    font-size: 36px;
    font-size: 3.6rem
  }
}

.composite-content-overview .box-heading {
  display: none
}

.composite-content-overview .richText {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-wrap: break-word
}

@media only screen and (max-width:899px) {
  .composite-content-overview .richText {
    font-size: 16px;
    font-size: 1.6rem
  }
}

.composite-content-overview .richText.richText-introduction {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  color: #2e2e38;
  margin-top: -1px
}

@media only screen and (max-width:599px) {
  .composite-content-overview .richText.richText-introduction {
    margin-bottom: 40px;
    margin-top: 0
  }
}

.composite-content-overview .richText *:first-of-type {
  margin-top: 0
}

.composite-content-overview .richText *:last-of-type {
  margin-bottom: 0
}

.composite-content-overview.composite-variation-content-overview-dark, .box-dark-background .composite-content-overview {
  background: #2e2e38
}

.composite-content-overview.composite-variation-content-overview-dark .title-heading, .box-dark-background .composite-content-overview .title-heading {
  color: #ffe600
}

.composite-content-overview.composite-variation-content-overview-dark a, .box-dark-background .composite-content-overview a {
  color: white
}

@media print {
  .composite-full-width-contact {
    display: none
  }
}

.composite-full-width-contact .contactLinks {
  margin: 0;
  text-align: center
}

.composite-full-width-contact .contactLinks .contact-links, .composite-full-width-contact .contactLinks .contact-links-container {
  margin: 0
}

.composite-full-width-contact [class^='hyperlink-'], .composite-full-width-contact .contact-links-item {
  margin: 10px 1px 0
}

.composite-full-width-contact .contactLinks {
  margin-bottom: 80px
}

.composite-full-width-media-video {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media only screen and (max-width:899px) {
  .composite-full-width-media-video {
    overflow: visible
  }
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video {
    width: calc(100% + 24px);
    left: -12px;
    position: relative;
    padding-right: 0;
    padding-left: 0
  }

  .composite-full-width-media-video>.component-content, .composite-full-width-media-video>.row {
    padding: 0 18px
  }

  .composite-full-width-media-video>.content {
    margin: 0
  }
}

.composite-full-width-media-video>.content>.sharingUtilityBar {
  display: none
}

.composite-full-width-media-video .brightcoveVideo, .composite-full-width-media-video .sharingUtilityBar {
  margin-bottom: 0
}

.composite-full-width-media-video .brightcoveVideo {
  height: auto
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video .brightcoveVideo {
    width: 100%;
    left: 0
  }
}

.composite-full-width-media-video .brightcoveVideo:hover .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo:hover .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard, .composite-full-width-media-video .brightcoveVideo.has-focus .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo.has-focus .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard, .composite-full-width-media-video .brightcoveVideo.has-playlist-open .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo.has-playlist-open .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video .brightcoveVideo.has-playlist .brightcove-video-info {
    width: 100%
  }
}

@media only screen and (max-width:899px) {
  .composite-full-width-media-video .brightcoveVideo.has-playlist .sharingUtilityBar {
    display: none
  }
}

@media only screen and (max-width:899px) {
  .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar {
    width: 100%;
    position: static;
    display: inline-block;
    vertical-align: top;
    padding: 0 45px;
    margin-bottom: 30px
  }

  .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content {
    display: block
  }

  .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-icon {
    margin-right: 10px
  }

  .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard {
    -webkit-transform: none;
    transform: none
  }
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar {
    padding: 0 15px
  }

  .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content {
    text-align: left
  }

  .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard {
    border: 1px solid #c4c4cd;
    background-color: #2e2e38
  }

  .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton svg path, .composite-full-width-media-video .brightcoveVideo.has-playlist .playlist .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard svg path {
    fill: white
  }
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  bottom: 25px;
  right: 18px;
  z-index: 105;
  width: 45px;
  padding: 0;
  font-size: 0
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar {
    position: static;
    padding-top: 20px;
    display: inline-block;
    width: 45%;
    float: none
  }
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content {
    display: block;
    text-align: right
  }
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content:hover .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content:hover .sharingUtilityBar-clipboard, .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content:focus .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content:focus .sharingUtilityBar-clipboard {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-icon {
  margin: 17px 0 0
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-icon {
    margin: 0 10px 0 0
  }
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard {
  border: 1px solid #c4c4cd;
  background-color: #2e2e38;
  -webkit-transform: translateX(200%);
  transform: translateX(200%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton, .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard {
    background-color: white;
    -webkit-transform: none;
    transform: none
  }
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton svg, .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard svg {
  width: 22px;
  height: 22px
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton svg path, .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard svg path {
  fill: white
}

@media only screen and (max-width:599px) {
  .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .shareThis-toggleButton svg path, .composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard svg path {
    fill: black
  }
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .sharingUtilityBar-clipboard svg {
  width: 20px
}

.composite-full-width-media-video .brightcoveVideo .sharingUtilityBar .sharingUtilityBar-content .shareThis-active .shareThis-toggleButton svg {
  width: 19px
}

.composite-search-banner {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  background-color: #1a1a24;
  overflow: hidden
}

@media print {
  .composite-search-banner {
    width: 100%;
    left: auto
  }
}

.composite-search-banner>.content {
  padding: 0 68px
}

@media print {
  .composite-search-banner>.content {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .composite-search-banner {
    width: calc(100% + 104px);
    left: -52px
  }

  .composite-search-banner>.content {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .composite-search-banner {
    width: calc(100% + 72px);
    left: -36px
  }

  .composite-search-banner>.content {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .composite-search-banner {
    width: calc(100% + 24px);
    left: -12px
  }

  .composite-search-banner>.content {
    padding: 0 18px
  }
}

.composite-search-banner.composite, .composite-search-banner.composite-variation-search-banner {
  color: white
}

.composite-search-banner .content, .composite-search-banner .root {
  padding-top: 120px;
  padding-bottom: 120px
}

@media only screen and (max-width:899px) {
  .composite-search-banner .content, .composite-search-banner .root {
    padding-top: 80px;
    padding-bottom: 90px
  }
}

@media only screen and (max-width:599px) {
  .composite-search-banner .content, .composite-search-banner .root {
    padding-top: 40px;
    padding-bottom: 35px
  }
}

.composite-search-banner .content .richText, .composite-search-banner .root .richText {
  padding: 0
}

.composite-search-banner .content .richText h2, .composite-search-banner .content .richText h5, .composite-search-banner .content .richText p, .composite-search-banner .root .richText h2, .composite-search-banner .root .richText h5, .composite-search-banner .root .richText p {
  margin: 0;
  color: white
}

.composite-search-banner .content .richText h2, .composite-search-banner .root .richText h2 {
  margin-bottom: 12px
}

@media only screen and (max-width:599px) {
  .composite-search-banner .content .richText h2, .composite-search-banner .root .richText h2 {
    margin-bottom: 15px
  }
}

.composite-search-banner .content .richText h5, .composite-search-banner .root .richText h5 {
  margin-bottom: 25px
}

.body.template-article-template .composite-search-banner .content .richText h5, .body.template-article-template .composite-search-banner .root .richText h5 {
  color: white
}

.composite-search-banner .content .richText p, .composite-search-banner .root .richText p {
  margin-bottom: 20px
}

.composite-search-banner .content .richText p a:not(.hyperlink-search-cta), .composite-search-banner .root .richText p a:not(.hyperlink-search-cta) {
  color: white;
  border: 1px solid #747480
}

.composite-search-banner .content .richText p a:not(.hyperlink-search-cta)::after, .composite-search-banner .root .richText p a:not(.hyperlink-search-cta)::after {
  display: none
}

.composite-search-banner .content .richText p.parent-of-hyperlink-search-cta, .composite-search-banner .root .richText p.parent-of-hyperlink-search-cta {
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .composite-search-banner .content .richText p.parent-of-hyperlink-search-cta, .composite-search-banner .root .richText p.parent-of-hyperlink-search-cta {
    margin-bottom: 50px
  }
}

.composite-search-banner .content .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta, .composite-search-banner .root .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta {
  color: #2e2e38;
  border-width: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .composite-search-banner .content .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta, .composite-search-banner .root .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta {
    width: 100%;
    text-align: center;
    background-position: center left calc(50vw - 67px)
  }
}

.composite-search-banner .content .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta:hover, .composite-search-banner .content .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta:focus, .composite-search-banner .content .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta:active, .composite-search-banner .root .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta:hover, .composite-search-banner .root .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta:focus, .composite-search-banner .root .richText p.parent-of-hyperlink-search-cta a.hyperlink-search-cta:active {
  color: white;
  border: 1px solid
}

.composite-search-banner .content .richText p.parent-of-hyperlink-quick-link, .composite-search-banner .root .richText p.parent-of-hyperlink-quick-link {
  display: inline-block;
  line-height: 1;
  margin: 0
}

.composite-search-banner .content .richText p.parent-of-hyperlink-quick-link a.hyperlink-quick-link, .composite-search-banner .root .richText p.parent-of-hyperlink-quick-link a.hyperlink-quick-link {
  color: white;
  border: 1px solid #747480
}

.composite-search-banner .content .richText p.parent-of-hyperlink-quick-link a.hyperlink-quick-link:hover, .composite-search-banner .content .richText p.parent-of-hyperlink-quick-link a.hyperlink-quick-link:focus, .composite-search-banner .content .richText p.parent-of-hyperlink-quick-link a.hyperlink-quick-link:active, .composite-search-banner .root .richText p.parent-of-hyperlink-quick-link a.hyperlink-quick-link:hover, .composite-search-banner .root .richText p.parent-of-hyperlink-quick-link a.hyperlink-quick-link:focus, .composite-search-banner .root .richText p.parent-of-hyperlink-quick-link a.hyperlink-quick-link:active {
  color: #2e2e38
}

.composite-responsive-table {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(116, 116, 128, 0.2);
  border-bottom: 1px solid rgba(116, 116, 128, 0.2)
}

@media only screen and (max-width:599px) {
  .composite-responsive-table {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.composite-responsive-table .title-heading {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  color: #2e2e38;
  font-weight: 400
}

@media only screen and (max-width:899px) {
  .composite-responsive-table .title-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:599px) {
  .composite-responsive-table .title-heading {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px
  }
}

.composite-responsive-table .richText {
  color: #2e2e38
}

.composite-responsive-table .richText p:first-child {
  margin-top: 7px
}

.composite-responsive-table .richText p:last-child {
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .composite-responsive-table .richText:not(.richText-table-source-text) p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px
  }
}

.composite-responsive-table .richText-table-source-text {
  width: 41.66667%
}

@media only screen and (max-width:1199px) {
  .composite-responsive-table .richText-table-source-text {
    width: 58.33333%
  }
}

@media only screen and (max-width:899px) {
  .composite-responsive-table .richText-table-source-text {
    width: 75%
  }
}

@media only screen and (max-width:599px) {
  .composite-responsive-table .richText-table-source-text {
    margin-top: 20px;
    width: 100%
  }
}

.composite-responsive-table .richText-table-source-text .richText-content:last-child {
  margin-bottom: 0;
  margin-top: 8px
}

.composite-responsive-table .component {
  margin-bottom: 0
}

.composite-responsive-table .table {
  padding-top: 9px;
  padding-bottom: 0
}

.composite-responsive-table .table>.component-content {
  padding-bottom: 15px
}

.composite-responsive-table .table p {
  margin: 0
}

.composite-responsive-table .table-top-row-with-bold tr:first-child td {
  border-bottom: 0
}

.composite-responsive-table .shareThis {
  float: right;
  margin-top: 5px
}

@media only screen and (max-width:599px) {
  .composite-responsive-table .shareThis {
    float: left;
    margin-top: 20px;
    width: 100%
  }
}

.composite-upvote {
  padding-top: 30px;
  padding-bottom: 30px
}

@media only screen and (max-width:599px) {
  .composite-upvote {
    padding-top: 25px;
    padding-bottom: 25px
  }
}

.box-dark-background .composite-upvote {
  padding-top: 0;
  padding-bottom: 0
}

.box-dark-background .composite-upvote>.content::before, .box-dark-background .composite-upvote>.content::after {
  background-color: #2e2e38
}

.box-dark-background .composite-upvote>.content *, .box-dark-background .composite-upvote>.content .richText h4 {
  color: white
}

.nestedTile .composite-upvote {
  padding: 30px 0
}

@media only screen and (max-width:599px) {
  .nestedTile .composite-upvote {
    padding: 25px 0
  }
}

.nestedTile .composite-upvote .richText, .nestedTile .composite-upvote>.content .upvote {
  width: 100%
}

.nestedTile .composite-upvote>.content .upvote {
  text-align: left
}

.composite-upvote>.content {
  position: relative;
  padding: 30px 0 5px;
  overflow: auto
}

@media only screen and (max-width:899px) {
  .composite-upvote>.content {
    padding-bottom: 15px
  }
}

.composite-upvote>.content::before, .composite-upvote>.content::after {
  content: '';
  display: block;
  width: calc(100% - 16px);
  height: 1px;
  background-color: #c4c4cd;
  position: absolute;
  top: 0;
  left: 8px
}

.composite-upvote>.content::after {
  top: auto;
  bottom: 0
}

.composite-upvote>.content .richText h4 {
  margin: 5px 0 25px;
  color: #2e2e38
}

@media only screen and (max-width:599px) {
  .composite-upvote>.content .richText h4 {
    margin: 0 0 10px
  }
}

.composite-upvote>.content .richText p {
  margin: 0 0 25px
}

@media only screen and (max-width:599px) {
  .composite-upvote>.content .richText p {
    margin-bottom: 20px
  }
}

.composite-upvote>.content .upvote {
  text-align: right;
  margin: 0 0 25px;
  padding-top: 0;
  padding-bottom: 0
}

@media only screen and (max-width:599px) {
  .composite-upvote>.content .upvote {
    text-align: left
  }
}

.composite-rich-text-and-signature .box>.component-content {
  padding-top: 80px;
  padding-bottom: 100px
}

@media only screen and (max-width:1199px) {
  .composite-rich-text-and-signature .box>.component-content {
    padding-bottom: 80px
  }
}

.composite-rich-text-and-signature .title {
  margin: 0
}

.composite-rich-text-and-signature .title h2 {
  margin: 0 0 30px
}

@media only screen and (max-width:599px) {
  .composite-rich-text-and-signature .title h2 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px;
    margin-bottom: 20px
  }
}

.composite-rich-text-and-signature .richText .component-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.composite-rich-text-and-signature .richText .component-content>img, .composite-rich-text-and-signature .richText .component-content picture {
  max-width: 264px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 50px;
  width: 100%
}

.composite-rich-text-and-signature .richText .component-content>img img, .composite-rich-text-and-signature .richText .component-content picture img {
  width: 100%
}

.composite-rich-text-and-signature .richText .component-content .richText-content {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 44px;
  column-gap: 44px
}

@media only screen and (max-width:599px) {
  .composite-rich-text-and-signature .richText .component-content .richText-content {
    -webkit-column-count: 1;
    column-count: 1
  }
}

.composite-rich-text-and-signature .richText .component-content .richText-content p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
  margin: 0
}

@media only screen and (max-width:599px) {
  .composite-rich-text-and-signature .richText .component-content .richText-content p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px
  }
}

.composite-rich-text-and-signature .richText .component-content .richText-content p+p {
  margin-top: 12px
}

.composite-rich-text-and-signature .surfaceProfile {
  margin: 0
}

.composite-rich-text-and-signature .surfaceProfile .surface-profile {
  padding: 40px 0 0
}

.composite-rich-text-and-signature .surfaceProfile .surface-profile .surfaceProfile-author-description {
  margin-bottom: 0;
  margin-left: 90px;
  padding: 10px 0
}

.composite-rich-text-and-signature .surfaceProfile .surface-profile .surfaceProfile-author-description h3 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px
}

.composite-rich-text-and-signature .surfaceProfile .surface-profile .surfaceProfile-author-description .surfaceProfile-author-image-link {
  width: 70px;
  height: 70px
}

@media only screen and (max-width:599px) {
  .composite-rich-text-and-signature .surfaceProfile .surface-profile .surfaceProfile-author-description .surfaceProfile-author-image-link {
    position: absolute
  }
}

.composite-rich-text-and-signature .surfaceProfile .surface-profile .surfaceProfile-author-description .surfaceProfile-author-link {
  margin-bottom: 0
}

.composite-rich-text-and-signature .surfaceProfile .surface-profile .surfaceProfile-author-description .surfaceProfile-jobTitle {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 0
}

.composite-linked-content {
  padding-top: 60px;
  padding-bottom: 60px
}

@media only screen and (max-width:599px) {
  .composite-linked-content {
    padding-top: 30px
  }
}

.composite-linked-content .content>.linkedContent-heading {
  font-size: 40px;
  font-size: 4rem;
  line-height: 50px;
  margin: 0 0 40px;
  width: 58.33333%;
  padding: 0 8px
}

@media only screen and (max-width:1199px) {
  .composite-linked-content .content>.linkedContent-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

@media only screen and (max-width:899px) {
  .composite-linked-content .content>.linkedContent-heading {
    width: 100%
  }
}

@media only screen and (max-width:599px) {
  .composite-linked-content .content>.linkedContent-heading {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px;
    padding: 0 6px
  }
}

.composite-linked-content .component {
  margin-bottom: 0
}

.composite-linked-content .three-cells-vertical {
  padding: 0
}

.composite-linked-content .three-cells-vertical .linkedContent-heading {
  line-height: 24px
}

.composite-linked-content .two-big-cells, .composite-linked-content .two-big-cells-newsroom {
  padding: 0
}

@media only screen and (max-width:899px) {
  .composite-linked-content .two-big-cells, .composite-linked-content .two-big-cells-newsroom {
    padding-bottom: 50px
  }
}

@media only screen and (max-width:1199px) {
  .composite-linked-content.composite-variation-linked-content-with-team .theTeam .team-member {
    width: 100%
  }
}

@media only screen and (max-width:899px) {
  .composite-linked-content.composite-variation-linked-content-with-team .theTeam .team-member {
    width: 50%
  }
}

@media only screen and (max-width:599px) {
  .composite-linked-content.composite-variation-linked-content-with-team .theTeam .team-member {
    width: 100%
  }
}

.composite-globe-banner {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
  height: 100vh;
  max-height: 610px;
  background-color: #2e2e38;
  -webkit-transition: max-height 0.3s;
  transition: max-height 0.3s
}

@media print {
  .composite-globe-banner {
    width: 100%;
    left: auto
  }
}

.composite-globe-banner>.component-content, .composite-globe-banner>.row {
  padding: 0 68px
}

@media print {
  .composite-globe-banner>.component-content, .composite-globe-banner>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .composite-globe-banner {
    width: calc(100% + 104px);
    left: -52px
  }

  .composite-globe-banner>.component-content, .composite-globe-banner>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .composite-globe-banner {
    width: calc(100% + 72px);
    left: -36px
  }

  .composite-globe-banner>.component-content, .composite-globe-banner>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .composite-globe-banner {
    width: calc(100% + 24px);
    left: -12px
  }

  .composite-globe-banner>.component-content, .composite-globe-banner>.row {
    padding: 0 18px
  }
}

@media only screen and (max-width:1199px) {
  .composite-globe-banner {
    max-height: 576px
  }
}

@media only screen and (max-width:899px) {
  .composite-globe-banner {
    max-height: 440px
  }
}

@media only screen and (max-width:599px) {
  .composite-globe-banner {
    max-height: none;
    height: 540px
  }
}

.composite-globe-banner>.paragraphSystem, .composite-globe-banner .box>.component-content>.paragraphSystem {
  margin-left: 0;
  margin-right: 0
}

.composite-globe-banner::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100
}

.composite-globe-banner .component {
  margin-bottom: 0
}

.composite-globe-banner .richText {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 110;
  width: 100%;
  max-width: 625px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width:899px) {
  .composite-globe-banner .richText {
    max-width: 412px
  }
}

.composite-globe-banner .richText p {
  color: white
}

.composite-globe-banner .richText p:first-child {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  margin: 0 0 10px;
  font-weight: 400
}

.composite-globe-banner .richText h2 {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 60px;
  color: white;
  font-weight: 300;
  margin: 0
}

@media only screen and (max-width:1199px) {
  .composite-globe-banner .richText h2 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px
  }
}

@media only screen and (max-width:899px) {
  .composite-globe-banner .richText h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px
  }
}

@media only screen and (max-width:599px) {
  .composite-globe-banner .richText h2 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px;
    padding: 0 36px
  }
}

.composite-globe-banner .richText h2+p:not(.parent-of-hyperlink-dark-primary-cta) {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 32px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .composite-globe-banner .richText h2+p:not(.parent-of-hyperlink-dark-primary-cta) {
    margin-top: 20px;
    padding: 0 18px
  }
}

.composite-globe-banner .richText .hyperlink-dark-primary-cta {
  font-size: 16px;
  font-size: 1.6rem;
  background: transparent;
  margin-top: 40px;
  padding: 14px 26px;
  min-width: 204px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media only screen and (max-width:599px) {
  .composite-globe-banner .richText .hyperlink-dark-primary-cta {
    width: calc(100% - 36px);
    margin-top: 30px
  }
}

.composite-globe-banner .richText .hyperlink-dark-primary-cta:hover {
  background: white
}

.composite-globe-banner .richText .parent-of-hyperlink-dark-primary-cta {
  margin: 0
}

.composite-globe-banner .brightcoveVideo {
  position: relative;
  height: 100%
}

.composite-globe-banner .brightcoveVideo.video-is-ready::before {
  opacity: 0;
  visibility: hidden
}

.composite-globe-banner .brightcoveVideo::before {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #2e2e38;
  z-index: 105;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s 0.3s, visibility 0.5s 0.3s;
  transition: opacity 0.5s 0.3s, visibility 0.5s 0.3s
}

@media print {
  .composite-globe-banner .brightcoveVideo::before {
    width: 100%;
    left: auto
  }
}

.composite-globe-banner .brightcoveVideo::before>.component-content, .composite-globe-banner .brightcoveVideo::before>.row {
  padding: 0 68px
}

@media print {
  .composite-globe-banner .brightcoveVideo::before>.component-content, .composite-globe-banner .brightcoveVideo::before>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .composite-globe-banner .brightcoveVideo::before {
    width: calc(100% + 104px);
    left: -52px
  }

  .composite-globe-banner .brightcoveVideo::before>.component-content, .composite-globe-banner .brightcoveVideo::before>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .composite-globe-banner .brightcoveVideo::before {
    width: calc(100% + 72px);
    left: -36px
  }

  .composite-globe-banner .brightcoveVideo::before>.component-content, .composite-globe-banner .brightcoveVideo::before>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .composite-globe-banner .brightcoveVideo::before {
    width: calc(100% + 24px);
    left: -12px
  }

  .composite-globe-banner .brightcoveVideo::before>.component-content, .composite-globe-banner .brightcoveVideo::before>.row {
    padding: 0 18px
  }
}

.composite-globe-banner .brightcoveVideo>.component-content .video-js[class*="bc-player"] {
  background: none
}

.composite-globe-banner .brightcoveVideo>.component-content .video-js[class*="bc-player"] .vjs-big-play-button {
  display: none
}

.composite-globe-banner .vjs-control-bar, .composite-globe-banner .vjs-progress-control, .composite-globe-banner .vjs-dock-text, .composite-globe-banner .brightcove-video-info.is-visible {
  display: none
}

@media only screen and (max-width:599px) {
  .composite-globe-banner .video-js>video {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 540px;
    width: auto
  }
}

.composite-event-search {
  width: calc(100% + 120px);
  position: relative;
  left: -60px;
  padding-right: 0;
  padding-left: 0;
  margin-top: 100px;
  background-color: #eaeaf2
}

@media print {
  .composite-event-search {
    width: 100%;
    left: auto
  }
}

.composite-event-search>.component-content, .composite-event-search>.row {
  padding: 0 68px
}

@media print {
  .composite-event-search>.component-content, .composite-event-search>.row {
    padding: 0
  }
}

@media only screen and (max-width:1199px) {
  .composite-event-search {
    width: calc(100% + 104px);
    left: -52px
  }

  .composite-event-search>.component-content, .composite-event-search>.row {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .composite-event-search {
    width: calc(100% + 72px);
    left: -36px
  }

  .composite-event-search>.component-content, .composite-event-search>.row {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .composite-event-search {
    width: calc(100% + 24px);
    left: -12px
  }

  .composite-event-search>.component-content, .composite-event-search>.row {
    padding: 0 18px
  }
}

.composite-event-search>.content {
  padding: 0 68px
}

@media only screen and (max-width:1199px) {
  .composite-event-search>.content {
    padding: 0 60px
  }
}

@media only screen and (max-width:899px) {
  .composite-event-search>.content {
    padding: 0 44px
  }
}

@media only screen and (max-width:599px) {
  .composite-event-search>.content {
    padding: 0 18px
  }
}

.composite-event-search .eventListFilter {
  float: right
}

@media only screen and (max-width:599px) {
  .composite-event-search .eventListFilter {
    float: left
  }
}

[id="about-this-article-container"] {
  margin-bottom: 10px
}

.container-identity-header>.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.container-identity-header>.row::before {
  content: none
}

.container-identity-header>.row>div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%
}

@media only screen and (max-width:1199px) {
  .container-identity-header>.row>div:nth-child(2) {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    max-width: 33.33%
  }
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row>div:nth-child(2) {
    -ms-flex-preferred-size: 41.66%;
    flex-basis: 41.66%;
    max-width: 41.66%
  }
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row>div:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    display: block
  }
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row>div:nth-child(3) {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }
}

.container-identity-header>.row .identity-header-left, .container-identity-header>.row [id=identity-header-left] {
  padding: 80px 0 70px
}

@media only screen and (max-width:1199px) {
  .container-identity-header>.row .identity-header-left, .container-identity-header>.row [id=identity-header-left] {
    padding-bottom: 60px
  }
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row .identity-header-left, .container-identity-header>.row [id=identity-header-left] {
    padding: 40px 0 20px
  }
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row .identity-header-left, .container-identity-header>.row [id=identity-header-left] {
    padding: 60px 0 35px
  }
}

.container-identity-header>.row .identity-header-left .identityHeadline, .container-identity-header>.row [id=identity-header-left] .identityHeadline {
  padding: 0 8px
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row .identity-header-left .identityHeadline, .container-identity-header>.row [id=identity-header-left] .identityHeadline {
    padding: 0 6px
  }
}

.container-identity-header>.row .identity-header-left [class*='col-']>.identityHeadline, .container-identity-header>.row [id=identity-header-left] [class*='col-']>.identityHeadline {
  padding: 0
}

.container-identity-header>.row .identity-header-left .title, .container-identity-header>.row [id=identity-header-left] .title {
  margin-bottom: 40px
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row .identity-header-left .title, .container-identity-header>.row [id=identity-header-left] .title {
    margin-bottom: 25px
  }
}

.container-identity-header>.row .identity-header-left .title .title-heading, .container-identity-header>.row [id=identity-header-left] .title .title-heading {
  margin: 0;
  color: #2e2e38
}

@media only screen and (max-width:1199px) {
  .container-identity-header>.row .identity-header-left .title .title-heading, .container-identity-header>.row [id=identity-header-left] .title .title-heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

.container-identity-header>.row .identity-header-left .description, .container-identity-header>.row [id=identity-header-left] .description {
  margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
  .container-identity-header>.row .identity-header-left .description, .container-identity-header>.row [id=identity-header-left] .description {
    margin-bottom: 5px
  }
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row .identity-header-left .description, .container-identity-header>.row [id=identity-header-left] .description {
    margin-bottom: 0
  }
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row .identity-header-left .description, .container-identity-header>.row [id=identity-header-left] .description {
    margin-bottom: 10px
  }
}

.container-identity-header>.row .identity-header-left .description .description-content, .container-identity-header>.row [id=identity-header-left] .description .description-content {
  padding-right: 41.66667%
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row .identity-header-left .description .description-content, .container-identity-header>.row [id=identity-header-left] .description .description-content {
    padding-right: 16.66667%
  }
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row .identity-header-left .description .description-content, .container-identity-header>.row [id=identity-header-left] .description .description-content {
    padding-right: 0
  }
}

.container-identity-header>.row .identity-header-left .description .description-heading, .container-identity-header>.row [id=identity-header-left] .description .description-heading {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  margin: 0
}

@media only screen and (max-width:1199px) {
  .container-identity-header>.row .identity-header-left .description .description-heading, .container-identity-header>.row [id=identity-header-left] .description .description-heading {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

.container-identity-header>.row .identity-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(100% + 68px);
  margin-left: 0
}

@media only screen and (max-width:1199px) {
  .container-identity-header>.row .identity-header-right {
    width: calc(100% + 60px)
  }
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row .identity-header-right {
    width: calc(100% + 44px)
  }
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row .identity-header-right {
    position: static;
    margin-left: -18px;
    width: calc(100% + 36px)
  }
}

.container-identity-header>.row .identity-header-right .box {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.container-identity-header>.row .identity-header-right .box>.component-content {
  padding: 80px 40px 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width:1199px) {
  .container-identity-header>.row .identity-header-right .box>.component-content {
    padding-bottom: 60px
  }
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row .identity-header-right .box>.component-content {
    padding: 40px 40px 20px
  }
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row .identity-header-right .box>.component-content {
    padding: 60px 40px 35px
  }
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row .identity-header-right .box>.component-content {
    padding: 50px 18px
  }
}

.container-identity-header>.row .identity-header-right .box>.component-content {
  width: 100%
}

.container-identity-header>.row .identity-header-right .box .richText {
  margin-bottom: 20px
}

.container-identity-header>.row .identity-header-right .box .richText:only-of-type {
  margin-bottom: 0
}

.container-identity-header>.row .identity-header-right .box .richText h4 {
  margin: 0 0 10px
}

.container-identity-header>.row .identity-header-right .box .richText p {
  margin: 0
}

.container-identity-header>.row .identity-header-right .box .fileList {
  display: inline-block;
  clear: both;
  float: none;
  margin: 0 auto
}

.container-identity-header>.row .identity-header-right .box .fileList .resourceList-slide {
  width: 200px
}

.container-identity-header>.row .identity-header-right .box .fileList .resourceList-heading {
  padding-right: 25px;
  text-align: left
}

.container-identity-header>.row .identity-header-right .box .resourceList .resourceList-list {
  z-index: 100;
  text-align: left
}

.container-identity-header>.row .identity-header-right .box .surfaceProfile {
  margin-bottom: 0
}

.container-identity-header>.row .identity-header-right .box .surfaceProfile .surface-profile {
  width: 100%;
  padding: 0;
  border: 0
}

.container-identity-header>.row .identity-header-right .box .surfaceProfile .surface-profile .surfaceProfile-author-description {
  max-width: 100%;
  padding-bottom: 0
}

.container-identity-header>.row .identity-header-right .box .surfaceProfile .surface-profile .surfaceProfile-author-image-link {
  display: inline-block;
  margin-bottom: 15px
}

.container-identity-header>.row .identity-header-right .box .surfaceProfile .surface-profile .surfaceProfile-author-edited-by {
  display: block
}

.container-identity-header>.row .identity-header-right .box .surfaceProfile .surface-profile .surfaceProfile-author-link h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 30px;
  font-weight: 400
}

.container-identity-header>.row .identity-header-right .box .surfaceProfile .surface-profile .surfaceProfile-jobTitle {
  margin-bottom: 0;
  display: block
}

.container-identity-header>.row .identity-header-right .box .richText-inline-subscribe .richText-content {
  padding: 0;
  border: 0
}

.container-identity-header>.row .identity-header-right .box .richText-inline-subscribe .richText-content h3, .container-identity-header>.row .identity-header-right .box .richText-inline-subscribe .richText-content p {
  width: 100%
}

.container-identity-header>.row .identity-header-right .box .richText-inline-subscribe .richText-content h3 {
  margin-bottom: 10px
}

.container-identity-header>.row .identity-header-right .box .richText-inline-subscribe .richText-content .parent-of-hyperlink-primary-cta {
  margin-top: 20px;
  position: static
}

.container-identity-header>.row .identity-header-right .box .richText-inline-subscribe .richText-content .parent-of-hyperlink-primary-cta .hyperlink-primary-cta {
  background-color: transparent
}

.container-identity-header>.row .identity-header-right .box .richText-inline-subscribe .richText-content .parent-of-hyperlink-primary-cta .hyperlink-primary-cta:hover {
  background-color: #2e2e38
}

@media only screen and (max-width:1199px) {
  .container-identity-header>.row .heroBannerArticle .image-content {
    height: 450px
  }
}

@media only screen and (max-width:899px) {
  .container-identity-header>.row .heroBannerArticle .image-content {
    height: 350px
  }
}

@media only screen and (max-width:599px) {
  .container-identity-header>.row .heroBannerArticle .image-content {
    height: 500px
  }
}

.container-identity-header>.row .heroBannerArticle img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit:cover;'
}

.template-careers-doorway-template .container-identity-header, .template-careers-hallway-template .container-identity-header {
  margin-bottom: 0
}

.template-careers-doorway-template .container-identity-header>.component-content>.content, .template-careers-hallway-template .container-identity-header>.component-content>.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.template-careers-doorway-template .container-identity-header .identity-header-left, .template-careers-hallway-template .container-identity-header .identity-header-left {
  margin-bottom: 0;
  padding: 80px 8px 70px
}

@media only screen and (max-width:1199px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left, .template-careers-hallway-template .container-identity-header .identity-header-left {
    padding-bottom: 60px
  }
}

@media only screen and (max-width:899px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left, .template-careers-hallway-template .container-identity-header .identity-header-left {
    padding: 40px 8px 20px
  }
}

@media only screen and (max-width:599px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left, .template-careers-hallway-template .container-identity-header .identity-header-left {
    padding: 60px 6px 35px
  }
}

.template-careers-doorway-template .container-identity-header .identity-header-left .title, .template-careers-hallway-template .container-identity-header .identity-header-left .title {
  margin-bottom: 40px
}

@media only screen and (max-width:899px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left .title, .template-careers-hallway-template .container-identity-header .identity-header-left .title {
    margin-bottom: 25px
  }
}

.template-careers-doorway-template .container-identity-header .identity-header-left .title h1, .template-careers-hallway-template .container-identity-header .identity-header-left .title h1 {
  margin: 0
}

@media only screen and (max-width:1199px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left .title h1, .template-careers-hallway-template .container-identity-header .identity-header-left .title h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 48px
  }
}

.template-careers-doorway-template .container-identity-header .identity-header-left .description, .template-careers-hallway-template .container-identity-header .identity-header-left .description {
  margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left .description, .template-careers-hallway-template .container-identity-header .identity-header-left .description {
    margin-bottom: 5px
  }
}

@media only screen and (max-width:899px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left .description, .template-careers-hallway-template .container-identity-header .identity-header-left .description {
    margin-bottom: 0
  }
}

@media only screen and (max-width:599px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left .description, .template-careers-hallway-template .container-identity-header .identity-header-left .description {
    margin-bottom: 10px
  }
}

.template-careers-doorway-template .container-identity-header .identity-header-left .description h4, .template-careers-hallway-template .container-identity-header .identity-header-left .description h4 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 40px;
  margin: 0
}

@media only screen and (max-width:1199px) {
  .template-careers-doorway-template .container-identity-header .identity-header-left .description h4, .template-careers-hallway-template .container-identity-header .identity-header-left .description h4 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px
  }
}

.template-careers-doorway-template .container-identity-header .identity-header-right, .template-careers-hallway-template .container-identity-header .identity-header-right {
  margin-right: -61px;
  padding-right: 0;
  margin-bottom: 0;
  width: calc(25% + 60px)
}

@media only screen and (max-width:1199px) {
  .template-careers-doorway-template .container-identity-header .identity-header-right, .template-careers-hallway-template .container-identity-header .identity-header-right {
    width: calc(33.33% + 52px);
    margin-right: -53px
  }
}

@media only screen and (max-width:899px) {
  .template-careers-doorway-template .container-identity-header .identity-header-right, .template-careers-hallway-template .container-identity-header .identity-header-right {
    width: calc(41.66% + 36px);
    margin-right: -37px
  }
}

@media only screen and (max-width:599px) {
  .template-careers-doorway-template .container-identity-header .identity-header-right, .template-careers-hallway-template .container-identity-header .identity-header-right {
    width: calc(100% + 36px);
    margin-left: -18px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0
  }
}

.template-careers-doorway-template .container-identity-header .identity-header-right>.component-content, .template-careers-hallway-template .container-identity-header .identity-header-right>.component-content {
  padding: 80px 40px 70px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width:1199px) {
  .template-careers-doorway-template .container-identity-header .identity-header-right>.component-content, .template-careers-hallway-template .container-identity-header .identity-header-right>.component-content {
    padding-bottom: 60px
  }
}

@media only screen and (max-width:899px) {
  .template-careers-doorway-template .container-identity-header .identity-header-right>.component-content, .template-careers-hallway-template .container-identity-header .identity-header-right>.component-content {
    padding: 60px 40px 35px
  }
}

@media only screen and (max-width:599px) {
  .template-careers-doorway-template .container-identity-header .identity-header-right>.component-content, .template-careers-hallway-template .container-identity-header .identity-header-right>.component-content {
    padding: 50px 18px
  }
}

.template-careers-doorway-template .container-identity-header .identity-header-right .box, .template-careers-hallway-template .container-identity-header .identity-header-right .box {
  text-align: center;
  margin-bottom: 0
}

@media only screen and (max-width:599px) {
  .template-careers-doorway-template .container-identity-header .identity-header-right .box, .template-careers-hallway-template .container-identity-header .identity-header-right .box {
    padding: 0 12px
  }
}

.template-careers-doorway-template .container-identity-header .identity-header-right .box h4, .template-careers-hallway-template .container-identity-header .identity-header-right .box h4 {
  margin: 0 0 10px
}

.template-careers-doorway-template .container-identity-header .identity-header-right .box p, .template-careers-hallway-template .container-identity-header .identity-header-right .box p {
  margin: 0
}

.template-careers-doorway-template .container-identity-header .identity-header-right .box .contactLinks, .template-careers-doorway-template .container-identity-header .identity-header-right .box .contact-links, .template-careers-hallway-template .container-identity-header .identity-header-right .box .contactLinks, .template-careers-hallway-template .container-identity-header .identity-header-right .box .contact-links {
  margin-bottom: 0
}

.template-careers-doorway-template .container-identity-header .box-quote-call-out-right .component-content, .template-careers-doorway-template .container-identity-header .box-quote-call-out-left .component-content, .template-careers-hallway-template .container-identity-header .box-quote-call-out-right .component-content, .template-careers-hallway-template .container-identity-header .box-quote-call-out-left .component-content {
  width: 100%
}

.container-utility-side-bar {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar::after {
    content: '';
    position: absolute;
    left: 8px;
    display: block;
    width: calc(100% - 16px);
    height: 1px;
    background-color: #c4c4cd
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar::after {
    display: none
  }
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar>.row>div:nth-child(4) {
    width: auto;
    margin-right: 8px
  }
}

@media only screen and (max-width:899px) {
  .template-press-release-template .container-utility-side-bar>.row>div:nth-child(4) {
    width: 66.66667%;
    float: right;
    margin-right: 0
  }
}

@media only screen and (max-width:599px) {
  .template-press-release-template .container-utility-side-bar>.row>div:nth-child(4) {
    width: 100%
  }
}

@media only screen and (max-width:899px) {
  .template-press-release-template .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section {
    margin-bottom: 40px
  }
}

@media only screen and (max-width:899px) {
  .template-press-release-template .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section {
    margin-bottom: 10px
  }
}

.template-press-release-template .container-utility-side-bar .surface-tags.content {
  margin-top: 0;
  padding-top: 20px;
  border-top: 1px solid #c4c4cd
}

@media only screen and (max-width:899px) {
  .template-press-release-template .container-utility-side-bar .surface-tags.content {
    border-top: 0;
    padding-top: 0
  }
}

@media only screen and (max-width:599px) {
  .template-press-release-template .container-utility-side-bar .surface-tags.content {
    border-top: 1px solid #c4c4cd;
    margin-top: 0;
    padding-top: 20px
  }
}

.container-utility-side-bar .articleDetails {
  margin: 0 0 20px
}

.container-utility-side-bar .articleDetails .content {
  padding: 18px 0 23px
}

@media only screen and (max-width:1199px) {
  .container-utility-side-bar .articleDetails .content {
    padding: 20px 0 23px
  }
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .articleDetails .content {
    padding: 0 0 35px
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .articleDetails .content {
    border-top: 0
  }
}

.container-utility-side-bar .articleDetails .content span {
  line-height: 22px
}

.container-utility-side-bar .surfaceProfile {
  padding: 0;
  margin-bottom: 0
}

.container-utility-side-bar .surfaceProfile .surface-profile {
  width: auto;
  padding-bottom: 0;
  border: 0
}

.container-utility-side-bar .surfaceProfile .surface-profile.surfaceProfile-multiple-authors {
  margin-bottom: 20px
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .surfaceProfile .surface-profile.surfaceProfile-multiple-authors {
    position: relative;
    margin-bottom: 18px
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .surfaceProfile .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors {
    line-height: 26px
  }
}

.container-utility-side-bar .surfaceProfile .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-link {
  margin-bottom: 4px
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .surfaceProfile .surface-profile.surfaceProfile-multiple-authors .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-link {
    margin: 10px 0 0
  }
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-author-description {
  padding-bottom: 0
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-author-description p.surfaceProfile-jobTitle {
  margin-bottom: 0
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-author-description p.surfaceProfile-introductoryText {
  margin-top: 10px
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-author-description .surfaceProfile-author-image-link {
    margin-bottom: 10px
  }
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section {
  width: 100%;
  margin-bottom: 20px
}

@media only screen and (max-width:1199px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section {
    margin-bottom: 19px
  }
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section {
    margin-bottom: 9px
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section {
    margin-bottom: 10px
  }
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-authors {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  display: block
}

@media only screen and (max-width:1199px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-authors {
    font-size: 16px;
    font-size: 1.6rem
  }
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-authors {
    font-size: 14px;
    font-size: 1.4rem
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-authors {
    font-size: 16px;
    font-size: 1.6rem
  }
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description {
  margin-top: 10px
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description {
    margin-top: 0
  }
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-authors-section .surfaceProfile-author-description .surfaceProfile-author-link {
    margin-bottom: 0
  }
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-contributors-section, .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-local-contacts-section {
  margin-top: 20px
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-contributors-section .surfaceProfile-authors, .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-authors {
  font-size: 14px;
  font-size: 1.4rem
}

@media only screen and (max-width:1199px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-contributors-section .surfaceProfile-authors, .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-authors {
    font-size: 16px;
    font-size: 1.6rem
  }
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-contributors-section .surfaceProfile-authors, .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-authors {
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: none
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-contributors-section .surfaceProfile-authors, .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-local-contacts-section .surfaceProfile-authors {
    font-size: 16px;
    font-size: 1.6rem
  }
}

.container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-contributors-section h4, .container-utility-side-bar .surfaceProfile .surface-profile .surfaceProfile-local-contacts-section h4 {
  margin-bottom: 0;
  padding-bottom: 0
}

.container-utility-side-bar .sharingUtilityBar {
  margin-bottom: 5px
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .sharingUtilityBar {
    margin-bottom: 10px
  }
}

.container-utility-side-bar .sharingUtilityBar .sharingUtilityBar-content {
  padding-top: 0
}

.container-utility-side-bar .upvote {
  position: relative;
  margin-bottom: 30px
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .upvote {
    padding: 15px 0 0;
    margin-bottom: 40px
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .upvote {
    padding-top: 20px;
    margin-bottom: 30px
  }
}

.container-utility-side-bar .surfaceTags {
  padding: 0
}

.container-utility-side-bar .surfaceTags>.content {
  margin-bottom: 10px
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .surfaceTags>.content {
    margin-bottom: 20px
  }
}

.container-utility-side-bar .resourceList {
  position: relative;
  padding-top: 30px;
  margin-bottom: 0
}

.container-utility-side-bar .resourceList::before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c4c4cd
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .resourceList::before {
    display: none
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .resourceList::before {
    display: block
  }
}

@media only screen and (max-width:899px) {
  .container-utility-side-bar .resourceList {
    margin-top: 15px;
    padding-top: 0;
    left: -10px
  }

  .template-technical-content-full-template .container-utility-side-bar .resourceList {
    left: 0
  }
}

@media only screen and (max-width:599px) {
  .container-utility-side-bar .resourceList {
    margin-top: 0;
    padding-top: 30px;
    left: 0
  }
}

.template-press-release-template .container-utility-side-bar .resourceList {
  padding-left: 0;
  padding-right: 0
}

@media only screen and (max-width:899px) {
  .template-press-release-template .container-utility-side-bar .resourceList {
    left: 0;
    margin-bottom: 41px;
    max-width: 200px
  }
}

@media only screen and (max-width:599px) {
  .template-press-release-template .container-utility-side-bar .resourceList {
    max-width: none
  }
}

.template-press-release-template .container-utility-side-bar .resourceList::before {
  left: 0
}

.template-press-release-template .container-utility-side-bar .sharingUtilityBar {
  margin-bottom: 23px
}

@media only screen and (max-width:599px) {
  .template-press-release-template .container-utility-side-bar .sharingUtilityBar {
    margin-bottom: 28px
  }
}

#technical-content-left .resourceList {
  padding-top: 20px
}

#technical-content-left .resourceList::before {
  display: none
}

.container-office-location-header .hyperlink-text-link:not(:first-child) {
  position: relative;
  margin: 0 5px 0 10px
}

.container-office-location-header .hyperlink-text-link:not(:first-child)::after {
  content: '';
  width: 1px;
  height: 100%;
  max-height: 20px;
  position: absolute;
  top: 0;
  left: -10px;
  background-color: #c4c4cd;
  display: block
}

.container-office-location-header .hyperlink-text-link:not(:first-child) .parent-of-selection-left-border {
  position: relative;
  margin-left: 21px
}

.container-office-location-header .hyperlink-text-link:first-child {
  margin-right: 5px
}

@media only screen and (max-width:1199px) {
  .container-office-location-header .theTeam {
    margin-top: 44px
  }
}

@media only screen and (max-width:899px) {
  .container-office-location-header .theTeam {
    margin-top: 24px
  }
}

.container-office-location-header .headlineTitle {
  margin-top: 60px
}

@media only screen and (max-width:899px) {
  .container-office-location-header .headlineTitle {
    margin-top: 40px
  }
}

@media only screen and (max-width:599px) {
  .container-office-location-header .headlineTitle {
    margin-top: 20px
  }
}
