@charset "UTF-8";
.loadingmask-message {
  background: transparent;
  border-width: 0;
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 1em; }
  .loadingmask-message .loadingmask-message-content {
    animation: loading-animation 1.2s infinite ease-out;
    background: transparent;
    border-radius: 50%;
    border-width: 0;
    clear: both;
    color: transparent;
    height: 1em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    transform: translateZ(0);
    width: 1em; }

.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Status ---------- */
.entry-status {
  border-left: 4px solid transparent; }

span.alert {
  display: inline-block; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

.quick-access-nav {
  position: absolute;
  top: -1000px;
  width: 100%;
  z-index: 1000; }
  .quick-access-nav a {
    background: #333;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid #FFF;
    left: 0;
    outline: none;
    padding: 8px;
    position: absolute;
    right: 0;
    text-align: center; }
    .quick-access-nav a:focus {
      color: #FFF;
      top: 1000px; }

@media only screen and (max-width: 991px) {
  .responsive-table-horizontal {
    display: block;
    position: relative;
    width: 100%; }
    .responsive-table-horizontal:after {
      clear: both;
      content: '';
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden; }
    .responsive-table-horizontal tbody {
      display: block;
      overflow-x: auto;
      position: relative;
      white-space: nowrap;
      width: auto; }
      .responsive-table-horizontal tbody tr {
        display: inline-block;
        vertical-align: top; }
        .responsive-table-horizontal tbody tr td {
          display: block;
          margin-bottom: 20px; }
          .responsive-table-horizontal tbody tr td:first-child {
            text-align: left; }
    .responsive-table-horizontal thead {
      display: block;
      float: left;
      margin-right: 10px; }
      .responsive-table-horizontal thead:after {
        clear: both;
        content: "";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden; }
      .responsive-table-horizontal thead th {
        display: block;
        margin-bottom: 20px;
        text-align: right; }
        .responsive-table-horizontal thead th:first-child {
          text-align: right; }
  .ie9 .responsive-table-horizontal thead {
    float: none; } }

.important {
  font-weight: bold; }

.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

.hide-accessible {
  clip: rect(0 0 0 0) !important;
  position: absolute !important;
  /*Webkit and IE7 let clipped content change the scroll height of the page*/
  /*Scale webkit to 0*/
  -webkit-transform: scale(0);
  -webkit-transform-origin-x: 0;
  -webkit-transform-origin-y: 0;
  /*Change IE7 to using fixed*/
  *position: fixed !important;
  /*...And reset back to absolute for IE6*/
  _position: absolute !important; }

.force-offset {
  display: block !important;
  position: absolute !important;
  visibility: hidden !important; }

.unselectable, .unselectable * {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  background: transparent; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  border-color: #A6A6A6;
  font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }

.lfr-asset-category-container .no-matches {
  color: #999; }

.lfr-asset-category-search-container {
  background-color: #D3DADD;
  border-bottom-color: #AEB8BC; }

.lfr-asset-category-list a.selected {
  background-color: #EEE; }

.lfr-categories-selector-search-results-path {
  color: #575757;
  font-size: 0.9em;
  text-align: right;
  width: 25%; }

.lfr-asset-column-actions-content {
  background-color: #D7F1FF; }

.lfr-asset-column-actions .lfr-asset-column-actions-content {
  border-color: #88C5D9; }

.lfr-asset-column-details .lfr-asset-categories {
  color: #7D7D7D; }
  .lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
    color: #555; }

.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

.lfr-asset-column-details .lfr-asset-icon {
  border-right-color: #999;
  color: #999; }

.lfr-asset-column-details .lfr-asset-tags {
  color: #7D7D7D; }
  .lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555; }

.lfr-asset-panels .lfr-panel.lfr-extended, .lfr-asset-column-details .lfr-panel.lfr-extended {
  border-color: #CCC; }

.lfr-form-row {
  border-bottom-color: #CCC; }

.lfr-form-row:hover {
  border-bottom-color: #CCC; }

.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%; }

.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
  background-color: #FFF; }

.definition-of-terms dt {
  color: #333;
  font-weight: normal;
  width: 100%;
  word-break: break-word; }
  @media only screen and (min-width: 768px) {
    .definition-of-terms dt {
      width: auto; } }

.lfr-code {
  background: #FFF;
  border-color: #777;
  font-family: monospace; }
  .lfr-code tr td.line-numbers {
    background: #FAFAFA;
    color: #AAA;
    text-shadow: 1px 1px #FFF; }

.popup-alert-notice .countdown-timer {
  font-size: 1.1em;
  font-weight: bold; }

.lfr-token {
  background-color: #B3DAEF;
  border-color: #5FA8FF;
  color: #444;
  text-decoration: none; }
  .lfr-token:hover {
    background-color: #D1E5EF; }

.lfr-token-primary {
  font-weight: bold; }
  .lfr-token-primary, .lfr-token-primary:hover {
    background-color: #B3DAEF; }

.lfr-token-close:hover {
  text-decoration: none; }

.lfr-button {
  background: no-repeat 0 50%; }

.lfr-table > tbody > tr > th, .lfr-table > thead > tr > th, .lfr-table > tfoot > tr > th {
  font-weight: bold; }

.lfr-checkbox-preselected, .lfr-configurator-visibility {
  opacity: 0.5; }

.lfr-header-row {
  border-bottom-color: #7B7B7B; }
  .lfr-header-row .lfr-search-combobox {
    border-color: #5F5F5F; }

.openid-login input[type="text"] {
  background: url(../images/common/openid.gif) no-repeat;
  background-color: #FFF;
  background-position: 0 50%;
  color: #000; }

.page-extra-settings .lfr-panel-titlebar .lfr-panel-title {
  font-size: 1em; }

.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  color: #333;
  font-weight: normal; }

.lfr-panel.lfr-extended, .lfr-panel-container, .lfr-floating-container {
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; }

.lfr-panel-container, .lfr-floating-container {
  background: #FFF; }

.lfr-panel-titlebar .lfr-panel-title {
  font-size: 1.2em;
  font-weight: bold; }

.lfr-panel-titlebar .lfr-panel-button {
  background: url(../images/application/panel_header_toggler_close.png) no-repeat 0 0; }
  .lfr-panel-titlebar .lfr-panel-button:hover {
    background-position: 0 100%; }

.lfr-panel.lfr-collapsible .lfr-panel-titlebar {
  background: url(../images/arrows/05_down.png) no-repeat 2px 50%; }

.lfr-panel.lfr-collapsed .lfr-panel-titlebar {
  background-image: url(../images/arrows/05_right.png); }
  .lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button {
    background-image: url(../images/application/panel_header_toggler_open.png); }

.lfr-panel.lfr-extended .lfr-panel-titlebar {
  background: #D6D6D6 url(../images/application/panel_header.png) repeat-x 0 0;
  border-bottom-color: #CDCDCD; }

.lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar {
  border-top-color: #CECECE; }

.js .lfr-floating-trigger {
  background-image: url(../images/arrows/05_down.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  text-decoration: none; }

.lfr-panel-page .panel-page-content {
  border-left-color: #CCC; }

.lfr-panel-page .lfr-add-content h2 {
  border-color: #CCC; }
  .lfr-panel-page .lfr-add-content h2 span {
    background: #EFEFEF; }

.lfr-panel-page .lfr-add-content .lfr-content-category h2 {
  border-bottom-color: #CCC; }
  .lfr-panel-page .lfr-add-content .lfr-content-category h2 span {
    background: none; }

.lfr-panel-content .paginator-container {
  background: #CFD2D5;
  border-bottom-color: #DCDEE0;
  border-top-color: #DCDEE0; }

.lfr-panel-content .paginator-page-container .paginator-page-link {
  background: none;
  border-color: #CFD2D5; }
  .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page {
    background: #99A7B3 url(../images/application/current_page_hover_bg.png) repeat-x 0 0;
    border-color: #6B7785 #7C8994 #919FA9;
    color: #FFF;
    font-weight: bold; }
    .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page:hover {
      background: #5094D7 url(../images/application/current_page_bg.png) repeat-x 0 0;
      border-color: #31659C #396EA8 #4C8CCB; }

#portlet-set-properties fieldset fieldset legend {
  font-size: 1.1em; }

.lfr-preview-file-content {
  border-bottom-color: #6D6D6E; }

.lfr-preview-file-image-current-column, .lfr-preview-file-video-current-column {
  background: url(../images/common/checkerboard.png); }

.lfr-preview-file-toolbar {
  background: #333;
  opacity: 0.5; }
  .lfr-preview-file-toolbar .icon-arrow-1-l {
    background: url(../images/document_library/preview_left.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-arrow-1-r {
    background: url(../images/document_library/preview_right.png) no-repeat 0 50%; }
  .lfr-preview-file-toolbar .icon-zoomin {
    background: url(../images/document_library/preview_zoom.png) no-repeat 0 50%; }

.lfr-preview-file-image-current-column:hover .lfr-preview-file-toolbar {
  opacity: 1; }

.lfr-preview-file-info {
  background: #333;
  color: #FFF;
  opacity: 0.5; }
  .lfr-preview-file-info:hover {
    opacity: 1; }

.lfr-preview-file-index {
  font-weight: bold; }

.lfr-preview-file-image-current {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%; }

.lfr-preview-file-image img {
  background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%;
  border-color: #AEB8BC; }

.lfr-preview-file-image-selected img, .lfr-preview-file-image:hover img {
  border-color: #00A2EA; }

.lfr-preview-file-loading-indicator {
  background: #333;
  color: #FFF; }

.lfr-preview-file-image-overlay-content {
  background: url(../images/common/checkerboard.png);
  border-color: #555; }

textarea.lfr-editor-textarea {
  font-family: monospace; }

.lfr-rich-editor.ace_editor {
  border-color: #A1A2A4; }

.lfr-plain-editor textarea, .lfr-rich-editor.ace_editor {
  font-family: 'Monaco', 'Menlo', 'Droid Sans Mono', 'Courier New', monospace;
  font-size: 12px; }

.lfr-spa-loading-bar {
  background: #2FA4F5; }

.lfr-tag-selector-popup label {
  border-bottom-color: #EEE; }

.lfr-tag-selector-popup .no-matches {
  color: #999; }

.lfr-toolbar {
  background-color: #E5E4E8; }
  .lfr-toolbar .lfr-button:focus {
    border-color: #000; }
  .lfr-toolbar .lfr-button:hover {
    border-color: #CCC #777 #777; }
  .lfr-toolbar .lfr-separator {
    border-left-color: #FFF;
    border-right-color: #CCC;
    font-size: 12px; }

.lfr-toolbar .lfr-button, .lfr-emoticon-container .lfr-button {
  border-color: #E5E4E8; }

.lfr-emoticon-container {
  background: #E5E4E8;
  border-color: #CCC; }

.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1; }

.lfr-translation-manager .lfr-translation-manager-translation {
  text-decoration: none; }
  .lfr-translation-manager .lfr-translation-manager-translation:hover {
    background-color: #D1E5EF; }
  .lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
    background-color: #598BEC;
    border-color: #224FA8;
    color: #FFF; }

.lfr-tree a {
  text-decoration: none; }

.tree-drag-helper {
  z-index: 1035; }

.lfr-upload-container .upload-target {
  border-color: #DDD; }
  .lfr-upload-container .upload-target h4 span {
    text-transform: lowercase; }
  .lfr-upload-container .upload-target .drop-file-text {
    font-weight: normal; }

.lfr-upload-container a.browse-button {
  background-image: url(../images/common/add.png);
  background-repeat: no-repeat;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none; }

.lfr-upload-container a.clear-uploads {
  background-image: url(../images/common/remove.png);
  background-repeat: no-repeat; }

.lfr-upload-container a.cancel-uploads {
  background-image: url(../images/common/close.png);
  background-repeat: no-repeat; }

.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em; }

.lfr-upload-container .cancel-button {
  color: #869CAD; }

.lfr-upload-container .delete-button {
  color: #869CAD; }

.lfr-upload-container .file-added .success-message {
  font-weight: normal; }

.lfr-upload-container .upload-error {
  opacity: 1; }

.lfr-upload-container .multiple-files .upload-error {
  background: #FDD url(../images/messages/error.png) no-repeat 5px 5px;
  border-color: #900;
  color: #900;
  font-weight: normal; }

.lfr-upload-container .upload-complete .error-message, .lfr-upload-container .upload-complete .success-message {
  font-weight: bold; }

.lfr-upload-container .file-uploading {
  background-color: #FFC; }

.lfr-upload-container .progress-bar {
  background: #FFF;
  margin-top: 25px;
  text-align: left;
  width: 100%; }

.lfr-upload-container .progress {
  background: #8DB2E3; }

.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #DDEDDE;
  border-color: #7D7;
  border-style: dashed; }

/* ---------- Input file ---------- */
/* ---------- Table ---------- */
.app-view-entry:hover .entry-thumbnail {
  border-color: #7ABFDD; }

.app-view-entry.selected .entry-thumbnail {
  border-color: #057CB0; }

.app-view-entry.selected .entry-metadata dt, .app-view-entry.selected .entry-metadata dd, .app-view-entry.selected .entry-metadata .entry-categories, .app-view-entry.selected .entry-metadata .entry-tags, .app-view-entry.selected .entry-metadata .entry-description {
  color: #F0F0F0; }

.app-view-entry .entry-title {
  font-weight: bold; }

.app-view-entry .entry-link {
  text-decoration: none; }

.app-view-entry .entry-metadata dt, .app-view-entry .entry-metadata dd, .app-view-entry .entry-metadata .entry-categories, .app-view-entry .entry-metadata .entry-tags, .app-view-entry .entry-metadata .entry-description {
  color: #333;
  word-wrap: break-word; }

.app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary {
  font-weight: bold; }
  .app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category {
    font-weight: normal; }

.app-view-entry.selected, .app-view-entry.selected:hover {
  background-color: #00A2EA; }

.app-view-entry.selected a, .app-view-entry.selected a:focus, .app-view-entry.selected a:hover {
  color: #FFF; }

.app-view-entry.selected a .lfr-icon-menu-arrow {
  color: #333; }

.app-view-entry.active-area, .app-view-entry.active-area.hover, .app-view-entry.active-area td {
  background-color: #5AD300; }

.app-view-entry:hover, .app-view-entry.hover {
  background-color: #D3E8F1; }

.app-view-entry a.entry-link:hover {
  text-decoration: none; }
  .app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text {
    text-decoration: underline; }

.app-view-entry-taglib.entry-display-style.display-icon .entry-title {
  font-weight: normal; }

.app-view-search-entry-taglib .entry-discussion a, .app-view-search-entry-taglib .entry-attachment a {
  text-decoration: none; }

.app-view-search-entry-taglib .entry-discussion:hover, .app-view-search-entry-taglib .entry-attachment:hover {
  background-color: #D3E8F1; }

.app-view-search-entry-taglib .entry-folder {
  color: #999; }

.app-view-search-entry-taglib .entry-link .entry-thumbnail-image {
  color: #000;
  text-decoration: none; }

.app-view-search-entry-taglib.alt {
  background-color: #EDF0F3; }

.app-view-search-entry-taglib.search {
  background-color: #FFF; }
  .app-view-search-entry-taglib.search.alt {
    background-color: #E2E5E8; }

.app-view-taglib .display-style .icon {
  background-image: url(../images/application/layouts.png);
  background-repeat: no-repeat; }

.app-view-taglib .icon-display-descriptive {
  background-position: -32px 0; }

.app-view-taglib .icon-display-icon {
  background-position: -16px 0; }

.app-view-taglib .icon-display-list {
  background-position: 0 0; }

.app-view-taglib .state-active .icon-display-descriptive {
  background-position: -32px 100%; }

.app-view-taglib .state-active .icon-display-icon {
  background-position: -16px 100%; }

@media only screen and (max-width: 767px) {
  .navbar .nav-display-style-buttons .display-style-buttons > .dropdown > .dropdown-menu {
    background-color: transparent;
    box-shadow: none; } }

.navbar .nav-display-style-buttons .display-style-buttons-container .dropdown-toggle .caret {
  border-bottom-color: #333;
  border-top-color: #333; }

.taglib-asset-links {
  border-radius: 4px; }
  .taglib-asset-links h2 {
    color: #999;
    font-size: 1em; }

.taglib-asset-metadata .metadata-entry-label {
  font-weight: normal; }

.taglib-asset-metadata .metadata-author {
  font-weight: bold; }

.taglib-asset-metadata .metadata-entry {
  color: #999; }

.taglib-asset-metadata .metadata-author .asset-user-info .user-info {
  color: #009AE5;
  font-size: 14px;
  line-height: 14px; }

.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
  color: #8C8C8C;
  font-size: 13px; }

.taglib-calendar table {
  border-color: #999; }

.taglib-calendar tr th, .taglib-calendar tr td {
  border-bottom-color: #999; }

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-color: #999; }

.taglib-calendar a:hover, .taglib-calendar a:focus {
  background-color: #CCC; }

.taglib-calendar .calendar-inactive {
  color: #999; }

.taglib-calendar .has-events a span {
  background: url(../images/calendar/event_indicator.png) no-repeat 50% 95%; }

.taglib-calendar .has-events.calendar-current-day a span {
  background-image: url(../images/calendar/event_indicator_current.png); }

.taglib-categorization-filter.entry-title {
  color: #333;
  font-size: 1em;
  line-height: inherit; }

.taglib-categorization-filter .asset-entry {
  background-color: #DEE7F8;
  border-color: #CAD8F3; }
  .taglib-categorization-filter .asset-entry:hover a {
    text-decoration: none; }
    .taglib-categorization-filter .asset-entry:hover a .icon-remove {
      background-color: #CAD8F3; }

.taglib-diff-addedline, #taglib-diff-results ins {
  background: #E6FFE6; }

.taglib-diff-context {
  background: #EEE; }

.taglib-diff-deletedline, #taglib-diff-results del {
  background: #FFE6E6; }

.taglib-diff-html div.diff-removed-image {
  background: #FDC6C6 url(../images/diff/minus.png); }

.taglib-diff-html div.diff-added-image {
  background: #CFC url(../images/diff/plus.png) no-repeat; }

.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  opacity: 0.55; }

.taglib-diff-html span.diff-html-added {
  background-color: #CFC;
  font-size: 1em; }
  .taglib-diff-html span.diff-html-added img {
    border-color: #CFC; }

.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x; }
  .taglib-diff-html span.diff-html-changed img {
    border-color: #009; }

.taglib-diff-html span.diff-html-removed {
  background-color: #FDC6C6;
  font-size: 1em;
  text-decoration: line-through; }
  .taglib-diff-html span.diff-html-removed img {
    border-color: #FDC6C6; }

.diff-version-comparator .taglib-diff-html .diff-html-changed {
  background-image: none;
  border-bottom-color: #009AE5; }
  .diff-version-comparator .taglib-diff-html .diff-html-changed img {
    border-color: #009AE5; }

.diff-version-comparator .diff-target-selector {
  border-left-color: #E5E5E5; }

.diff-version-comparator .diff-version-filter {
  background-color: #F9F9F9; }

.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #DBDDE1; }

@media only screen and (min-width: 768px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word; } }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none; }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
    text-decoration: underline; }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px; }

.taglib-discussion .lfr-discussion-actions li a, .taglib-discussion .lfr-discussion-actions li a span {
  text-decoration: none; }

.taglib-discussion .lfr-discussion-actions li a:hover span, .taglib-discussion .lfr-discussion-actions li a:focus span {
  text-decoration: underline; }

.taglib-discussion .lfr-discussion-form-container .lfr-discussion-form {
  background: #DDD;
  border-radius: 4px; }
  .taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar {
    background-size: 40px; }

.lfr-discussion-reply.popover .lfr-discussion-reply-user-name {
  font-weight: bold; }

.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5); }

.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #E8E6E8;
  color: #A5A6AC; }

.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00C2FF;
  color: #FFF; }

.drop-here-info .drop-text {
  color: #FFF; }

.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 100; }

.lfr-ddm-field-group {
  margin-bottom: 20px; }

.lfr-ddm-field-group-inline {
  display: inline-block;
  vertical-align: bottom; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  background: transparent; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active {
    background: transparent;
    opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:focus {
      background: transparent; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .message {
      color: #000;
      opacity: 0.7; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .number {
      background: #333;
      font-size: 18px;
      opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .tab-icon {
      color: #333; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label {
    background: transparent;
    outline: 0; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus {
      text-decoration: none; }
      .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
        opacity: 1; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
      background: #CCC;
      color: #FFF;
      font-size: 14px;
      font-weight: bold;
      opacity: 0.6;
      text-decoration: none; }
    .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .message {
      color: #000;
      font-size: 12px; }

.taglib-header {
  border-bottom-color: #C8C9CA;
  color: #555; }
  .taglib-header .header-back-to a {
    font-weight: bold;
    text-decoration: none; }

a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover {
  text-decoration: none; }

a.taglib-icon:focus .taglib-text, a.taglib-icon:hover .taglib-text {
  text-decoration: underline; }

a.taglib-icon.btn:focus .taglib-text, a.taglib-icon.btn:hover .taglib-text {
  text-decoration: none; }

.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px; }

.taglib-icon-label {
  margin-left: 12px; }

.taglib-image-selector .change-image-controls {
  background: #FFF; }

.taglib-image-selector .glyphicon-ok {
  background: #FFF;
  opacity: 0;
  z-index: -1; }

.taglib-image-selector .progress-wrapper .progressbar {
  background: #B0B4BB;
  opacity: 0.7; }

.taglib-image-selector.check-active .glyphicon-ok {
  opacity: 1;
  z-index: 0; }

.taglib-image-selector.drop-active {
  outline-width: 0; }
  .taglib-image-selector.drop-active .browse-image-controls {
    opacity: 0; }
  .taglib-image-selector.drop-active .glyphicon-ok {
    opacity: 0; }
  .taglib-image-selector.drop-active .image-wrapper {
    opacity: 0.15; }
  .taglib-image-selector.drop-active .error-wrapper {
    opacity: 0; }

.taglib-image-selector.progress-active .image-wrapper {
  opacity: 0.15; }

.taglib-image-selector.progress-active .browse-image-controls {
  opacity: 0; }

.taglib-image-selector.progress-active .drop-here-info {
  opacity: 0; }

.taglib-image-selector.progress-active .glyphicon-ok {
  opacity: 0; }

.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5; }

.input-localized.input-localized-focused .palette-item-inner .lfr-input-localized-flag {
  opacity: 1; }

.input-localized .palette-item-inner {
  border-color: #666; }

.input-localized .palette-item, .input-localized .palette-item-inner, .input-localized .palette-item-hover, .input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  background: #DDD; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background: #FF0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27C1F2; }

.taglib-move-boxes .choice-selector label {
  background: #EBF1F9;
  border-bottom-color: #8DB2F3; }

.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent; }
  .taglib-move-boxes .sortable-container .move-option.move-option-dragging {
    background-color: #FAFAFA; }
  .taglib-move-boxes .sortable-container .move-option .handle {
    color: #999; }

.lfr-tree-display-page .tree-node .tree-node-over .tree-label {
  text-decoration: none; }

.lfr-tree-display-page .tree-label {
  cursor: default; }
  .lfr-tree-display-page .tree-label a {
    color: black; }
  .lfr-tree-display-page .tree-label .layout-page-invalid {
    color: #AAA;
    font-style: italic; }
    .lfr-tree-display-page .tree-label .layout-page-invalid:hover {
      cursor: default;
      text-decoration: none; }

.lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node + .tree-container {
  margin-left: 0; }

.lfr-map {
  border-color: #CCC; }
  .lfr-map .search-controls {
    font-size: 15px; }

.navbar .navbar-search {
  background-color: #F3F3F3; }
  @media only screen and (min-width: 768px) {
    .navbar .navbar-search {
      background-color: transparent; } }

.taglib-portlet-preview.show-borders {
  border-color: #828F95; }
  .taglib-portlet-preview.show-borders .title {
    background-color: #D3DADD;
    font-size: 1.4em;
    font-weight: bold; }

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative; }
  @media (min-width: 576px) {
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
      margin-left: 375px;
      width: auto; } }
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
    position: static; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
      left: 12px;
      position: fixed;
      right: 12px;
      top: -1px;
      z-index: 1020; }
      .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
        display: block;
        padding: 0; }
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
          overflow-x: hidden; }
          @media (min-width: 576px) {
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
              margin-left: 375px; } }
          .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
            border-collapse: collapse;
            width: 100%; }
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
              border-radius: 0; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      width: auto; }
      @media (min-width: 576px) {
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
          left: 0;
          position: absolute;
          right: 15px; } }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      height: auto; }

.lfr-search-container-wrapper a {
  color: #212529; }

.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6c757d; }
  .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
    background-color: #F7F8F9;
    border-radius: 4px;
    color: #212529; }

.lfr-search-container-wrapper .list-group {
  margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item:nth-last-child(2) {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .lfr-search-container-wrapper .list-group .list-group-item h4 {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item h5, .lfr-search-container-wrapper .list-group .list-group-item h6, .lfr-search-container-wrapper .list-group .list-group-item .h5, .lfr-search-container-wrapper .list-group .list-group-item .h6 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
    font-weight: 600; }
  .lfr-search-container-wrapper .list-group .list-group-item .checkbox {
    margin-top: 0; }
  .lfr-search-container-wrapper .list-group + .taglib-search-iterator-page-iterator-bottom {
    margin-top: 20px; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child, .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child, .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem; }

.lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column {
  word-break: break-all \9;
  word-wrap: break-word; }
  @media only screen and (min-width: 768px) {
    .lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column {
      max-width: 125px;
      min-width: 100px; } }

.lfr-completion-date-column, .lfr-create-date-column, .lfr-date-column, .lfr-display-date-column, .lfr-expiration-date-column, .lfr-last-post-date-column, .lfr-modified-date-column, .lfr-removed-date-column, .lfr-reply-date-column, .lfr-revision-column, .lfr-size-column {
  white-space: nowrap; }

.lfr-description-column, .lfr-role-column {
  max-width: 375px;
  min-width: 375px; }

.lfr-email-address-column, .lfr-name-column, .lfr-parent-organization-column, .lfr-screen-name-column, .lfr-title-column, .lfr-url-column, .lfr-wiki-column {
  max-width: 200px;
  min-width: 200px; }

.lfr-email-column, .lfr-mobile-column, .lfr-website-column {
  min-width: 100px; }
  @media only screen and (min-width: 768px) {
    .lfr-email-column, .lfr-mobile-column, .lfr-website-column {
      min-width: 115px; } }
  .lfr-email-column .checkbox-container .form-group, .lfr-mobile-column .checkbox-container .form-group, .lfr-website-column .checkbox-container .form-group {
    margin-bottom: 0; }

.user-info .user-details .date-info {
  color: #8C8C8C; }

.user-info .user-details .user-name {
  color: #009AE5; }

.taglib-search-toggle .toggle-advanced {
  color: inherit; }
  .taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
    text-decoration: none; }

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #FCFCFC;
  border-color: #DDD; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .btn.close {
    margin-right: 5px; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
      margin-bottom: 0; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
      color: #999;
      font-size: 13px; }

.taglib-social-activities .day-separator {
  border-bottom-color: #CCC; }

.taglib-social-bookmarks a.social-bookmark-link {
  background-repeat: no-repeat; }

.taglib-user-display a .user-name {
  text-decoration: underline; }

.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px; }
  .taglib-user-display .avatar.author:after {
    background: rgba(50, 168, 230, 0.5); }

.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold; }

.js .taglib-webdav.visible {
  background: #F0F5F7; }

.js .taglib-webdav table {
  border-color: #828F95; }

.taglib-workflow-status .workflow-id, .taglib-workflow-status .workflow-version, .taglib-workflow-status .workflow-status {
  color: #999; }

/* ---------- Cards ---------- */
/* ---------- Cards horizontal ---------- */
/* ---------- Dialogs ---------- */
/* ---------- Splitter ---------- */
/* ---------- Toggle card ---------- */
/* ---------- File icons colors ---------- */
/* ---------- File icons text colors ---------- */
/* ---------- User icons background colors ---------- */
/* ---------- User icons border color ---------- */
/* ---------- User icons colors ---------- */
.aspect-ratio.aspect-ratio-8-to-3 {
  padding-bottom: 37.5%; }

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0; }

.liferay-autocomplete-input-mirror {
  left: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.card-tab-group .card-tab:nth-child(n+2) {
  border-left: 4px solid #65B6F0;
  padding-left: 20px; }
  .card-tab-group .card-tab:nth-child(n+2) .card-tab {
    border-left: 4px solid #93ccf5;
    padding-left: 20px; }
    .card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab {
      border-left-color: #c2e2f9; }
      .card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab .card-tab {
        border-left-width: 0;
        padding-left: 0; }

.hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value {
  width: 95px; }

.hsv-palette .hsv-view-container .hsv-value {
  width: 56px; }

.yui3-color-picker-popover .palette-container {
  border-collapse: separate; }

.dialog-iframe-popup .hsv-palette-modal.modal-dialog {
  bottom: 0 !important;
  left: 0 !important;
  margin: 0;
  max-width: none;
  right: 0 !important;
  top: 0 !important;
  width: 100%; }
  @media (min-width: 768px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog {
      bottom: auto !important;
      height: 100%;
      left: 50% !important;
      max-height: 375px;
      max-width: 650px;
      right: auto !important;
      top: 50% !important;
      transform: translate(-50%, -50%); } }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
    bottom: 0;
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 767.98px) {
      .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content {
        border-radius: 0;
        border-width: 0; } }
  @media (max-width: 767.98px) {
    .dialog-iframe-popup .hsv-palette-modal.modal-dialog .modal-body {
      padding: 1rem; } }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container {
    width: 100%; }
  .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-image-container {
    margin: 0; }

.dialog-bd {
  min-height: 30px; }

.dialog-content {
  border: 1px solid #C8C9CA;
  padding: 5px; }

.dialog-iframe-popup .sheet > .lfr-nav {
  margin-top: -24px; }

.dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form {
  position: static; }

.dialog-iframe-popup .lfr-form-content {
  padding: 15px; }

.dialog-iframe-popup .portlet-body,
.dialog-iframe-popup .portlet-boundary,
.dialog-iframe-popup .portlet-column,
.dialog-iframe-popup .portlet-layout {
  height: 100%; }

.dialog-iframe-popup .portlet-column {
  position: static; }

.dialog-iframe-popup .dialog-body > .container-fluid-1280, .dialog-iframe-popup .dialog-body .container-view,
.dialog-iframe-popup .export-dialog-tree > .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree .container-view,
.dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader .container-view,
.dialog-iframe-popup .lfr-form-content > .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content .container-view,
.dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content .container-view,
.dialog-iframe-popup .process-list > .container-fluid-1280,
.dialog-iframe-popup .process-list .container-view,
.dialog-iframe-popup .roles-selector-body > .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body .container-view {
  padding-top: 20px; }
  .dialog-iframe-popup .dialog-body > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .dialog-body > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .dialog-body .container-view > .nav-tabs-default, .dialog-iframe-popup .dialog-body .container-view .nav-tabs-underline,
  .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .export-dialog-tree .container-view > .nav-tabs-default,
  .dialog-iframe-popup .export-dialog-tree .container-view .nav-tabs-underline,
  .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .lfr-dynamic-uploader .container-view > .nav-tabs-default,
  .dialog-iframe-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
  .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .lfr-form-content .container-view > .nav-tabs-default,
  .dialog-iframe-popup .lfr-form-content .container-view .nav-tabs-underline,
  .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .portlet-configuration-body-content .container-view > .nav-tabs-default,
  .dialog-iframe-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
  .dialog-iframe-popup .process-list > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .process-list > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .process-list .container-view > .nav-tabs-default,
  .dialog-iframe-popup .process-list .container-view .nav-tabs-underline,
  .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 > .nav-tabs-default,
  .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 .nav-tabs-underline,
  .dialog-iframe-popup .roles-selector-body .container-view > .nav-tabs-default,
  .dialog-iframe-popup .roles-selector-body .container-view .nav-tabs-underline {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -20px; }

.dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280,
.dialog-iframe-popup .roles-selector-body > .lfr-nav + .container-fluid-1280 {
  padding-top: 0; }

.dialog-iframe-popup .login-container {
  padding: 1rem; }

.dialog-iframe-popup .management-bar-default,
.dialog-iframe-popup .navbar-default {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
  border-top-width: 0;
  margin-bottom: 0; }

.dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
.dialog-iframe-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
    .dialog-iframe-popup .portlet-export-import-container {
      height: calc(100% - 48px); } }

.dialog-iframe-popup .navigation-bar > .container-fluid {
  margin-left: 24px;
  margin-right: 24px;
  padding: 0; }

.dialog-iframe-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0; }

.dialog-iframe-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0; }

.dialog-iframe-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 8px;
      padding-right: 8px; } }

.dialog-iframe-popup .lfr-dynamic-uploader,
.dialog-iframe-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch; }
  @media only screen and (min-width: 768px) {
    .dialog-iframe-popup .lfr-dynamic-uploader,
    .dialog-iframe-popup .process-list {
      top: 48px; } }

.dialog-iframe-popup .portlet-export-import-publish-processes {
  top: 0; }

@media only screen and (min-width: 992px) {
  .dialog-with-footer #main-content, .dialog-with-footer #wrapper {
    height: calc(100% - 60px); } }

.dialog-with-footer .button-holder.dialog-footer, .dialog-with-footer .sheet-footer.dialog-footer {
  background-color: #FFF;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%; }
  @media only screen and (min-width: 992px) {
    .dialog-with-footer .button-holder.dialog-footer, .dialog-with-footer .sheet-footer.dialog-footer {
      position: fixed; } }
  .dialog-with-footer .button-holder.dialog-footer .btn, .dialog-with-footer .sheet-footer.dialog-footer .btn {
    margin-left: 1rem;
    margin-right: 0; }

@media only screen and (min-width: 992px) {
  .dialog-with-footer .dialog-body,
  .dialog-with-footer .lfr-dynamic-uploader,
  .dialog-with-footer .lfr-form-content,
  .dialog-with-footer .portlet-configuration-body-content,
  .dialog-with-footer .roles-selector-body {
    padding-bottom: 60px; } }

.dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0; }
  .dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
    display: none; }

.dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible; }
  .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
    flex-grow: 1;
    max-width: none;
    overflow: auto; }

.dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0; }

.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC; }

.sortable-layout-proxy {
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828F95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

.lfr-freeform-layout-drag-indicator {
  visibility: hidden; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

.lfr-editable {
  outline: 1px dashed #68BB30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68BB30 url(../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
      display: inline-block;
      vertical-align: bottom; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
      margin-top: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
      display: inline-block;
      float: none;
      margin-top: 0;
      width: auto; }

.alloy-editor-container .alloy-editor {
  outline: 0; }
  .alloy-editor-container .alloy-editor.ae-placeholder ~ .alloy-editor-placeholder {
    color: #2B4259; }
    .alloy-editor-container .alloy-editor.ae-placeholder ~ .alloy-editor-placeholder:not(:focus) {
      background: transparent;
      border-left-color: #DBDDE1;
      color: #B0B4BB; }
    .alloy-editor-container .alloy-editor.ae-placeholder ~ .alloy-editor-placeholder.readonly ~ .alloy-editor-placeholder {
      color: #CCC; }

.alloy-editor-container .alloy-editor-icon {
  color: #869CAD; }

.has-error .alloy-editor-container .alloy-editor.ae-placeholder:not(:focus) {
  border-left-color: #CC6677; }

.cke_dialog .cke_dialog_ui_input_text {
  height: auto; }

.cke_editable_inline a {
  cursor: pointer; }

.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }

.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- CKEditor table ---------- */
.cke_show_border {
  width: 500px; }
  .cke_show_border td {
    height: 15px; }

.html-editor.portlet {
  background: #FFF;
  color: #000;
  line-height: 1;
  padding: 1em;
  text-align: start; }

.html-editor.portlet-message-boards {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #EEF0F2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #F9F9F9;
    border: 1px solid #777;
    padding: 0.5em; }

.lfr-source-editor {
  border-color: #CCC; }
  .lfr-source-editor .lfr-source-editor-toolbar li > .btn {
    background-color: #FFF;
    border: transparent;
    color: #717383;
    outline: 0; }
  .lfr-source-editor .lfr-source-editor-code {
    background-color: #FFF;
    color: #2B4259; }
    .lfr-source-editor .lfr-source-editor-code .ace_gutter {
      background-color: #EDEDEF;
      color: #868896;
      overflow: hidden; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
        font-family: fontawesome-alloy;
        text-align: center;
        vertical-align: middle; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
          background-image: none; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
          content: "\f0d7"; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: "\f0dA"; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
        color: #FFF; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #717383; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
        border-right: solid 1px #CCC; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
        background-image: none; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #EDEDEF; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
      color: #34ADAB; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
      color: #1D5EC7; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
      color: #FF6C58; }
      .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
        color: #F00; }
  .lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474F;
    color: #FFF; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
      background: #54555E;
      color: #FFF; }
      .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #009AED; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #11394E; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
      color: #FFF; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
      color: #4D91FF; }

.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border-color: #CCC; }

.mce-content-body {
  text-align: start; }

.file-icon-color-0 {
  background-color: #6B6C7E;
  color: #FFF; }

.file-icon-color-1 {
  background-color: #A7A9BC;
  color: #FFF; }

.file-icon-color-2 {
  background-color: #50D2A0;
  color: #FFF; }

.file-icon-color-3 {
  background-color: #AF78FF;
  color: #FFF; }

.file-icon-color-4 {
  background-color: #FFB46E;
  color: #FFF; }

.file-icon-color-5 {
  background-color: #FF5F5F;
  color: #FFF; }

.file-icon-color-6 {
  background-color: #4B9BFF;
  color: #FFF; }

.file-icon-color-7 {
  background-color: #272833;
  color: #FFF; }

.lfr-item-viewer .image-viewer-base {
  outline: none; }

.lfr-item-viewer .item-preview:hover {
  cursor: pointer; }

.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.lfr-item-viewer .search-info {
  background-color: #D3E8F1; }
  .lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: bold; }
  .lfr-item-viewer .search-info .change-search-folder {
    font-size: 0.8em;
    font-weight: normal; }

.lfr-item-viewer .progress-container {
  background-color: #FFF; }

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3; }

.image-viewer-caption {
  color: #777; }

.image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover {
  color: #777; }

@media only screen and (min-width: 768px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0; } }

.image-viewer-sidenav dd {
  color: #8B8B8B;
  margin-bottom: 16px; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav dd {
      color: #777; } }

.image-viewer-sidenav .h5 {
  color: #869CAD;
  margin-bottom: 3px; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav .h5 {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 20px; }
  .image-viewer-sidenav .nav-tabs-default > li:first-child {
    padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li:first-child > a {
  padding-left: 0; }

.image-viewer-sidenav .nav-tabs-default > li > a {
  border-color: transparent;
  color: #777;
  padding-left: 0;
  padding-right: 0; }

.image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
  border-color: transparent;
  color: #777; }
  @media only screen and (min-width: 768px) {
    .image-viewer-sidenav .nav-tabs-default > .active > a, .image-viewer-sidenav .nav-tabs-default > .active > a:focus, .image-viewer-sidenav .nav-tabs-default > .active > a:hover {
      color: #FFF; } }

.image-viewer-sidenav .nav-tabs-default > .active > a:after {
  background-color: #65B6F0;
  bottom: -10px;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0; }

.image-viewer-sidenav-body {
  padding-top: 0; }

.lfr-item-viewer .lfr-item-viewer-close {
  color: #FFF;
  opacity: 1; }
  .lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover {
    color: #FFF; }
  .lfr-item-viewer .lfr-item-viewer-close .icon-monospaced {
    color: #777; }

.lfr-item-viewer-icon-info {
  color: #FFF; }

.nav.list-group li > a:focus, .nav.list-group li > a:hover {
  background-color: #E5F5FC;
  color: #009AE5; }

.nav.list-group > .active {
  border-width: 1px 0 0 0; }
  .nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover {
    background-color: #60BFEF;
    border: 1px solid #60BFEF;
    color: #FFF; }

.nav.list-group .list-group-item {
  padding: 0; }
  .nav.list-group .list-group-item.nav-header {
    background-color: #F3F3F3;
    padding-left: 10px;
    padding-right: 10px; }

.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #CCC9C9 url(../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #FFF; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #BCBBBB;
  border-top: 1px solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a, .menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -1px -1px #2C2F34; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    background-color: #00A2EA;
    color: #FFF; }

.basecelleditor [class~="form-validator-message"] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

.has-control-menu .lfr-asset-anchor {
  height: 74px;
  margin-top: -74px; }

.lfr-asset-anchor {
  display: block;
  height: 10px;
  margin-top: -10px;
  position: relative;
  z-index: -1; }

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
  word-break: break-all; }

.lfr-page-layouts {
  padding: 0; }
  .lfr-page-layouts input[type="radio"]:checked + .card-horizontal {
    box-shadow: inset 0 0 0 2px #65B6F0; }

.dialog-iframe-popup #main-content, .dialog-iframe-popup #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }

.modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: fixed; }

.modal-body {
  overflow: auto; }
  .modal-body.dialog-iframe-bd {
    overflow: hidden; }

@media only screen and (min-width: 768px) {
  .modal-dialog {
    max-width: none; } }

.modal-dialog.modal-dialog-sm {
  max-width: 500px; }

.modal-hidden {
  display: none; }

.modal-open .modal {
  overflow: hidden; }

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0; }
  .portal-popup .columns-max > .portlet-layout.row > .portlet-column {
    padding-left: 0;
    padding-right: 0; }

.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #5EAF3D; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    margin: 0 15px; }

.layout-customizable-controls {
  background-color: rgba(201, 44, 60, 0.8); }

.customizable .customizable-layout-column-content {
  background-color: #5EAF3D; }

.customizable .layout-customizable-controls {
  background-color: rgba(94, 175, 61, 0.8); }

.layout-customizable-controls-container {
  margin: 0 15px;
  position: relative; }

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15; }
  .layout-customizable-controls label {
    color: #FFF; }

.paginator-link {
  background: #EEE no-repeat scroll 50% 1px;
  border: 1px solid #F0F1F2;
  border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
  color: #1F1E1E;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083BD url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -1px -1px #003C57; }

.paginator-first-link {
  background-image: url(../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(../images/arrows/paging_next.png); }

.paginator-current-page-report, .paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

.info-panel .panel-group {
  margin-left: -1rem;
  margin-right: -1rem; }

.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.panel-hd {
  background: #C0C2C5 url(../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
  padding-left: 10px;
  text-shadow: 1px 1px #FFF; }

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0; }

.sheet-footer {
  display: inline-flex; }
  .sheet-footer .btn {
    margin-right: 0.5rem; }
    .sheet-footer .btn:last-child {
      margin-right: 0; }

@media only screen and (min-width: 768px) {
  .sheet .display-style-icon .lfr-asset-item {
    width: 25%; } }

.splitter {
  background-color: #f8f9fa;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 10px 15px;
  position: relative;
  z-index: 1; }
  .splitter.splitter-spaced {
    border-radius: 0.25rem;
    margin-bottom: 20px; }

.table > tbody > tr.splitter {
  height: auto; }
  .table > tbody > tr.splitter > td {
    padding: 0; }

.lfr-nav.nav-tabs {
  margin-bottom: 20px; }

.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline-block;
    margin: 0 1em 0 0;
    max-width: 100%; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

.tagselector-content {
  border-width: 0;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    border-bottom: 2px solid #869CAD;
    margin-bottom: 10px;
    padding: 0; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

.lfr-portal-tooltip {
  display: inline-block; }
  .lfr-portal-tooltip, .lfr-portal-tooltip a {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }

.tooltip {
  max-width: 200px; }

.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: "\f096"; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: "\f046"; }

.tree-node [class^="icon-"] {
  margin-right: 5px; }

.tree-node .tree-node-checkbox-container {
  margin-right: 0; }

.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }

.tree-node-content .tree-label {
  margin-left: 3px; }

.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #F4F3F3 url(../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

.user-icon-color-0 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #008576; }

.user-icon-color-1 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #287D3C; }

.user-icon-color-2 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #2E5AAC; }

.user-icon-color-3 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #DA1414; }

.user-icon-color-4 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #007DAB; }

.user-icon-color-5 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #272833; }

.user-icon-color-6 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #6B6C7E; }

.user-icon-color-7 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #B95000; }

.user-icon-color-8 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #BE3370; }

.user-icon-color-9 {
  background-color: #FFF;
  border: 1px solid #E7E7ED;
  color: #9C33BE; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding-bottom: 0;
  padding-top: 2em;
  position: relative; }

.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    opacity: 1; }

.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 16px;
  line-height: 6px;
  margin-top: -8px;
  opacity: 0;
  overflow: hidden;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #FFF;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #B50303; }

.modify-pages .drag-handle {
  cursor: move;
  left: 3px;
  margin-left: 15px;
  position: absolute;
  top: 15px; }

.controls-hidden .modify-pages .drag-handle {
  display: none; }

@media only screen and (min-width: 992px) {
  .touch .modify-pages .drag-handle {
    display: none; } }

.nav li .toolbar {
  margin-top: 5px; }

.navbar-nav .nav-item.hover:after {
  bottom: -0.125rem;
  content: '';
  height: 0.125rem;
  position: absolute;
  width: 100%; }

.navigation-pane .body-row {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .navigation-pane .body-row ul li a .icon {
    float: left;
    margin-right: 5px; }

.navigation-pane .lfr-component {
  margin-left: 0; }

.navigation-pane .navigation-entry {
  position: relative; }
  .navigation-pane .navigation-entry.folder.error {
    display: block;
    padding: 6px 8px; }
  .navigation-pane .navigation-entry .browse-folder, .navigation-pane .navigation-entry .nav-item-label {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle; }
  .navigation-pane .navigation-entry .nav-item-icon {
    vertical-align: middle; }
  .navigation-pane .navigation-entry .overlay.entry-action {
    bottom: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0; }
    .navigation-pane .navigation-entry .overlay.entry-action .btn {
      border-width: 0;
      margin: 0;
      padding: 11px 14px; }
      @media only screen and (min-width: 992px) {
        .navigation-pane .navigation-entry .overlay.entry-action .btn {
          padding: 11px; } }

.nav-menu ul {
  padding-left: 10px; }

.nav-menu li a.ancestor {
  font-weight: bold; }

.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.nav-menu-style-arrows ul {
  list-style-image: url(../images/arrows/04_right.png); }

.portlet-navigation .nav-pills > li > a {
  margin-bottom: 2px; }

.portlet-navigation .nav-pills > li > .dropdown-menu {
  margin-top: 0; }

.split-button-dropdowns {
  list-style: none;
  margin: 0;
  padding: 0; }
  .split-button-dropdowns > li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px; }

.form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.form-triggers {
  float: left; }

.form-trigger {
  background: #C4C4C4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .form-trigger:focus, .form-trigger:hover {
    background-color: #83B0CA;
    background-image: url(../images/application/button_bg_over.png); }

.trigger-selected {
  background-color: #EBEBEB;
  background-image: url(../images/application/button_bg_selected.png); }
  .trigger-selected:focus, .trigger-selected:hover {
    background-color: #B7DEF4;
    background-image: url(../images/application/button_bg_selected_over.png); }

.options-trigger img {
  background-image: url(../images/common/configuration.png); }

.save-trigger img {
  background-image: url(../images/common/check.png); }

/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
/* ---------- Portlet header ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border-width: 0; }

.portlet-icon-back {
  margin-top: -2px; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }
  .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important; }

.portlet-layout .portlet-header {
  margin-bottom: 1rem; }

.portlet-draggable .portlet-topper {
  cursor: move; }

@media only screen and (min-width: 768px) {
  .portlet .visible-interaction {
    display: none; } }

.portlet:hover .visible-interaction, .portlet.open .visible-interaction {
  display: block; }

@media only screen and (max-width: 767px) {
  .controls-hidden .portlet .visible-interaction {
    display: none; } }

.lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px; }

.lfr-status-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label {
  background-image: url(../images/messages/info.png);
  color: #34404F; }

.lfr-status-help-label {
  background-image: url(../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(../images/messages/success.png);
  color: #384F34; }

.portlet-msg {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Standard styles defined in the JSR 168 specification ---------- */
/* ---------- Fonts ---------- */
/* ---------- Sections ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }

.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Forms ---------- */
/* ---------- Icons ---------- */
/* ---------- Menus ---------- */
@media only screen and (min-width: 768px) {
  .portlet.open > .portlet-topper, .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    -webkit-transform: translateY(-97%);
    -moz-transform: translateY(-97%);
    -ms-transform: translateY(-97%);
    -o-transform: translateY(-97%);
    transform: translateY(-97%); } }

@media only screen and (min-width: 768px) {
  .portlet.open > .portlet-content-editable, .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

.portlet {
  margin-bottom: 10px;
  position: relative; }
  .portlet > .portlet-content-editable {
    border-color: transparent; }
  .portlet > .portlet-topper {
    display: none; }
    @media only screen and (min-width: 768px) {
      .portlet > .portlet-topper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }
  @media only screen and (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .portlet > .portlet-topper {
      transition: none; } }

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 10px; }

/* ---------- Portlet topper ---------- */
.portlet-actions {
  float: right; }

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600; }

.portlet-options {
  display: inline-block; }

.portlet-title-default {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2; }

.portlet-title-menu {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

.portlet-topper {
  background-color: #F7F7F7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative; }

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0; }
  .portlet-topper-toolbar > a, .portlet-topper-toolbar > span > a, .portlet-topper-toolbar .lfr-icon-menu > a {
    color: rgba(0, 0, 0, 0.5); }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

/* ---------- Portlet controls in mobile ---------- */
@media only screen and (max-width: 767px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media only screen and (max-width: 767px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex; } }

.controls-visible .portlet-topper-toolbar {
  display: block; }

.lfr-configurator-visibility .portlet-borderless-bar {
  opacity: 0.6; }

.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  opacity: 1; }

.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

.main-content-body {
  margin-top: 20px; }

.restricted, .restricted td {
  background: #FDD;
  border-width: 0; }

.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.alt.restricted td.first, .restricted td.first {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

.portlet-decorate .portlet-content {
  background: #FFF;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  word-wrap: break-word; }

.portlet-barebone .portlet-content {
  padding: 0; }

/* ---------- Dynamic data list display/Journal portlet ---------- */
.portlet-dynamic-data-lists-display .lfr-ddm-field-group, .portlet-dynamic-data-lists .lfr-ddm-field-group, .portlet-journal .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px 28px; }

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    height: 10px; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0; }

.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }

.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }

.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }

.taglib-calendar table td {
  border-width: 0; }

.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }

.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

/* ---------- Navbar form search ---------- */
.navbar form {
  margin: 0; }

.widget-toolbar .btn + .btn, .widget-toolbar .widget-group + .widget-group {
  margin-left: 1rem; }

.widget-mode-detail {
  padding-top: 1rem; }
  .widget-mode-detail .title {
    font-size: 36px; }
  .widget-mode-detail .sub-title {
    font-size: 26px;
    margin-bottom: 32px; }
  .widget-mode-detail .widget-metadata {
    margin-bottom: 2rem; }
  .widget-mode-detail .widget-mode-detail-text {
    margin-top: 48px; }
    .widget-mode-detail .widget-mode-detail-text img {
      max-width: 100%; }
    .widget-mode-detail .widget-mode-detail-text p {
      font-size: 18px;
      line-height: 1.8; }

.widget-mode-card .card {
  display: flex;
  height: calc(100% - 24px);
  margin-bottom: 24px; }

.widget-mode-card .card-header {
  overflow: hidden;
  padding: 0; }

.widget-mode-card .card-title {
  position: relative; }

@media (min-width: 768px) {
  .widget-mode-card .visible-interaction {
    position: absolute;
    right: -8px; } }

.widget-mode-simple .widget-topbar {
  margin-bottom: 8px; }

.widget-mode-simple .widget-metadata {
  margin-bottom: 24px; }

.widget-mode-simple .widget-toolbar {
  margin-top: 1.5rem; }

.widget-mode-simple .widget-content .cover-image {
  margin-bottom: 24px; }

.menu-content, .underlay-content {
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-ddm-container .file-entry-upload-progress {
  border-radius: 0 0 4px 4px; }

.lfr-preview-file-image img {
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  box-shadow: 0 1px 3px #CCC; }

.portlet-document-library-upload-mask .overlaymask-content {
  border-radius: 5px; }

.overlaymask-content {
  background-color: #FFF; }

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px; }

.lfr-search-combobox-item {
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  border-radius: 4px 1px 1px 4px; }

.lfr-search-combobox .button-input {
  border-radius: 1px 4px 4px 1px; }

.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
  border-radius: 10px; }

.portlet-language .portlet-body .current-language, .portlet-language .portlet-body .taglib-icon, .portlet-language .portlet-body .taglib-language-list-text {
  border-radius: 10px; }

body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
  border-radius: 4px; }

.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
  border-radius: 5px; }

.portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder, .portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder {
  border-radius: 6px; }

.taglib-categorization-filter .asset-entry {
  border-radius: 14px; }

.menu-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
    box-shadow: 0 0 5px 0 #333;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
    border-radius: 50%; }

.underlay-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.input-localized .lfr-input-localized-state {
  border-radius: 3px; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  box-shadow: 0 0 3px #DDD; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    box-shadow: 0 0 3px #FF0047; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  box-shadow: 0 0 3px #27C1F2; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  border-radius: 0;
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  border-radius: 10px; }

.lfr-token {
  border-radius: 8px; }

.staging-tabview-list {
  border-radius: 0; }

.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  box-shadow: none; }

.rule-group-instance-container .rule-group-instance {
  box-shadow: 1px 1px 2px #999; }

.lfr-action-label {
  border-radius: 2px; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
  background-size: 40px 40px;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  -moz-animation: progress-bar-stripes 0.5s linear infinite;
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  -o-animation: progress-bar-stripes 0.5s linear infinite;
  -ms-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  transition: width, 0.5s, ease-out; }
  @media (prefers-reduced-motion: reduce) {
    .lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
      transition: none; } }

@-webkit-keyframes highlight-animation {
  from {
    background-color: #FFC; }
  to {
    background-color: transparent; } }

@-moz-keyframes highlight-animation {
  from {
    background-color: #FFC; }
  to {
    background-color: transparent; } }

@-o-keyframes highlight-animation {
  from {
    background-color: #FFC; }
  to {
    background-color: transparent; } }

@keyframes highlight-animation {
  from {
    background-color: #FFC; }
  to {
    background-color: transparent; } }

.highlight-animation {
  -moz-animation: highlight-animation 0.7s;
  -webkit-animation: highlight-animation 0.7s;
  -o-animation: highlight-animation 0.7s;
  -ms-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

.lfr-spa-loading .lfr-spa-loading-bar {
  -moz-animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  -o-animation: shift-rightwards 1s ease-in-out infinite;
  -ms-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.lfr-spa-loading-bar {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-moz-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-o-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

.mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text, .mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  max-width: 200px; }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  transition: transform 0.3s ease; }
  @media (prefers-reduced-motion: reduce) {
    .portlet-boundary.yui3-dd-dragging {
      transition: none; } }

.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-moz-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-o-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }
  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }
  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none; }

.upload-drop-active .portlet-document-library .document-container {
  box-shadow: inset 0 0 5px #B8C1D1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  -moz-animation: lfr-drop-active 1s ease 0.2s infinite;
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  -o-animation: lfr-drop-active 1s ease 0.2s infinite;
  -ms-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite; }

.quick-access-nav a {
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover {
  box-shadow: initial; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover {
  box-shadow: none; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after {
  background-image: -webkit-linear-gradient(#FFF, #E4E4E4);
  background-image: linear-gradient(#FFF, #E4E4E4);
  border-radius: 2px; }

.cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after {
  background-image: -webkit-linear-gradient(#F2F2F2, #CCC);
  background-image: linear-gradient(#F2F2F2, #CCC); }

/* ---------- Switches ---------- */
input.switch:focus ~ .switch-bar:before {
  box-shadow: 0 0 3px #00F; }

input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before, input.switch:empty ~ .switch-bar .switch-icon, input.switch:empty ~ .switch-bar .switch-toggle:after, input.switch:empty ~ .switch-bar .switch-toggle:before {
  transition: all 100ms ease-in; }
  @media (prefers-reduced-motion: reduce) {
    input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before, input.switch:empty ~ .switch-bar .switch-icon, input.switch:empty ~ .switch-bar .switch-toggle:after, input.switch:empty ~ .switch-bar .switch-toggle:before {
      transition: none; } }

/* ---------- Image selector ---------- */
.taglib-image-selector .glyphicon-ok {
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-image-selector .glyphicon-ok {
      transition: none; } }

.taglib-image-selector .progress-wrapper .progressbar {
  border-radius: 0; }

/* ---------- Drop here info ---------- */
.drop-here-info {
  transition: all 0.2s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .drop-here-info {
      transition: none; } }
  .drop-here-info .drop-icons {
    transition: all 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .drop-here-info .drop-icons {
        transition: none; } }
    .drop-here-info .drop-icons span {
      transition: all 0.3s ease-in-out;
      border-radius: 3px; }
      @media (prefers-reduced-motion: reduce) {
        .drop-here-info .drop-icons span {
          transition: none; } }
    .drop-here-info .drop-icons span:nth-of-type(1) {
      -webkit-transform: rotate(25deg);
      -moz-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
      -o-transform: rotate(25deg);
      transform: rotate(25deg);
      box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08); }
    .drop-here-info .drop-icons span:nth-of-type(2) {
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15); }
    .drop-here-info .drop-icons span:nth-of-type(3) {
      -webkit-transform: rotate(-25deg);
      -moz-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
      -o-transform: rotate(-25deg);
      transform: rotate(-25deg);
      box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08); }

.drop-active .drop-here-info span:nth-of-type(1) {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg); }

.drop-active .drop-here-info span:nth-of-type(2) {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.drop-active .drop-here-info span:nth-of-type(3) {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg); }

@CHARSET "UTF-8";
/*Default*/
/*Research form bg*/
/*Optional*/
/*Secondary*/
/***
*** Button and links
***/
body .msci-btn-primary {
  background-color: #1A3FD6;
  border: none;
  color: #FFFFFF;
  padding: 16px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  font-family: "Roboto Bold", sans-serif;
  border-radius: 30px;
  height: 60px;
  cursor: pointer; }
  body .msci-btn-primary:hover {
    background-color: #4A7BC9;
    text-decoration: underline;
    color: #FFFFFF; }
  body .disabled.msci-btn-primary {
    background-color: #CCCCCC;
    color: #666666; }

body .msci-btn-secondary {
  background-color: #FFFFFF;
  border: 1px solid #1A3FD6;
  color: #1A3FD6;
  padding: 16px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  font-family: "Roboto Bold", sans-serif;
  border-radius: 30px;
  height: 60px;
  cursor: pointer; }
  body .msci-btn-secondary:hover {
    color: #4A7BC9;
    border: 1px solid #4A7BC9;
    text-decoration: underline; }
  body .disabled.msci-btn-secondary {
    background-color: #CCCCCC;
    color: #666666; }

body .msci-link-primary-box, body .msci-link-primary-box-arrow, body .msci-link-primary-box-arrow-back, body .msci-link-primary-box-small-arrowless, body .msci-link-primary-box-small, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button {
  font-family: "Roboto Bold", sans-serif;
  background-color: #1A3FD6;
  color: #FFFFFF;
  font-size: 20px;
  padding: 10px 34px 12px 10px;
  position: relative;
  display: inline-block;
  line-height: 1;
  border-radius: 0;
  border: none; }
  body .msci-link-primary-box:after, body .msci-link-primary-box-arrow:after, body .msci-link-primary-box-arrow-back:after, body .msci-link-primary-box-small-arrowless:after, body .msci-link-primary-box-small:after, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button:after, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button:after {
    content: "\e906";
    font-family: 'msci-icons2019' !important;
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  body .msci-link-primary-box:hover, body .msci-link-primary-box-arrow:hover, body .msci-link-primary-box-arrow-back:hover, body .msci-link-primary-box-small-arrowless:hover, body .msci-link-primary-box-small:hover, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button:hover, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button:hover {
    background-color: #4A7BC9;
    text-decoration: underline;
    color: #FFFFFF; }
    body .msci-link-primary-box:hover:after, body .msci-link-primary-box-arrow:hover:after, body .msci-link-primary-box-arrow-back:hover:after, body .msci-link-primary-box-small-arrowless:hover:after, body .msci-link-primary-box-small:hover:after, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button:hover:after, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button:hover:after {
      right: 10px; }
  body .disabled.msci-link-primary-box, body .disabled.msci-link-primary-box-arrow, body .disabled.msci-link-primary-box-arrow-back, body .disabled.msci-link-primary-box-small-arrowless, body .disabled.msci-link-primary-box-small, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button.disabled, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button.disabled, body .msci-link-primary-box:disabled, body .msci-link-primary-box-arrow:disabled, body .msci-link-primary-box-arrow-back:disabled, body .msci-link-primary-box-small-arrowless:disabled, body .msci-link-primary-box-small:disabled, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button:disabled, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button:disabled {
    background-color: #CCCCCC;
    color: #666666; }
  body .msci-link-primary-box:not(:disabled):not(.disabled):active:focus, body .msci-link-primary-box-arrow:not(:disabled):not(.disabled):active:focus, body .msci-link-primary-box-arrow-back:not(:disabled):not(.disabled):active:focus, body .msci-link-primary-box-small-arrowless:not(:disabled):not(.disabled):active:focus, body .msci-link-primary-box-small:not(:disabled):not(.disabled):active:focus, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button:not(:disabled):not(.disabled):active:focus, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.1rem rgba(26, 63, 214, 0.5); }
  body .msci-link-primary-box:not(:disabled):not(.disabled):focus, body .msci-link-primary-box-arrow:not(:disabled):not(.disabled):focus, body .msci-link-primary-box-arrow-back:not(:disabled):not(.disabled):focus, body .msci-link-primary-box-small-arrowless:not(:disabled):not(.disabled):focus, body .msci-link-primary-box-small:not(:disabled):not(.disabled):focus, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button:not(:disabled):not(.disabled):focus, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button:not(:disabled):not(.disabled):focus {
    box-shadow: 0 0 0 0.1rem rgba(26, 63, 214, 0.5); }
  @media (max-width: 767px) {
    body .msci-link-primary-box .link-primary, body .msci-link-primary-box-arrow .link-primary, body .msci-link-primary-box-arrow-back .link-primary, body .msci-link-primary-box-small-arrowless .link-primary, body .msci-link-primary-box-small .link-primary, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button .link-primary, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button .link-primary {
      font-size: 24px; } }

body .msci-link-primary-box-turquoise {
  font-family: "Roboto Bold", sans-serif;
  background-color: #00c4b3;
  color: #002036;
  font-size: 20px;
  padding: 10px 34px 12px 10px;
  position: relative;
  display: inline-block;
  line-height: 1;
  border-radius: 0;
  border: none; }
  body .msci-link-primary-box-turquoise:after {
    content: "\e906";
    font-family: 'msci-icons2019' !important;
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  body .msci-link-primary-box-turquoise:hover {
    background-color: #00c4b3;
    text-decoration: underline;
    color: #002036; }
    body .msci-link-primary-box-turquoise:hover:after {
      right: 10px; }
  body .disabled.msci-link-primary-box-turquoise, body .msci-link-primary-box-turquoise:disabled {
    background-color: #CCCCCC;
    color: #666666; }
  body .msci-link-primary-box-turquoise:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.1rem rgba(26, 63, 214, 0.5); }
  body .msci-link-primary-box-turquoise:not(:disabled):not(.disabled):focus {
    box-shadow: 0 0 0 0.1rem rgba(26, 63, 214, 0.5); }
  @media (max-width: 767px) {
    body .msci-link-primary-box-turquoise .link-primary {
      font-size: 24px; } }

body .msci-link-secondary-box, body .msci-link-secondary-box-arrow {
  font-family: "Roboto Bold", sans-serif;
  background-color: #fff;
  color: #1A3FD6;
  font-size: 20px;
  padding: 10px 34px 12px 10px;
  position: relative;
  display: inline-block;
  line-height: 1;
  border-radius: 0;
  border: none; }
  body .msci-link-secondary-box:after, body .msci-link-secondary-box-arrow:after {
    content: "\e906";
    font-family: 'msci-icons2019' !important;
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  body .msci-link-secondary-box:hover, body .msci-link-secondary-box-arrow:hover {
    color: #1E3A4D;
    text-decoration: underline; }
    body .msci-link-secondary-box:hover:after, body .msci-link-secondary-box-arrow:hover:after {
      right: 10px; }
  @media (max-width: 767px) {
    body .msci-link-secondary-box .link-secondary, body .msci-link-secondary-box-arrow .link-secondary {
      font-size: 24px; } }

body .msci-link-primary-text {
  font-family: "Roboto Bold", sans-serif;
  font-size: 20px;
  color: #1A3FD6;
  padding-right: 34px;
  position: relative; }
  body .msci-link-primary-text:after {
    content: "\e906";
    font-family: 'msci-icons2019' !important;
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  body .msci-link-primary-text:hover {
    color: #4A7BC9;
    text-decoration: underline; }
    body .msci-link-primary-text:hover:after {
      right: 10px; }
  @media (max-width: 767px) {
    body .msci-link-primary-text {
      font-size: 24px; } }

body .msci-primary-search-button {
  font-family: "Roboto Bold", sans-serif;
  background-color: #1A3FD6;
  color: #FFFFFF;
  font-size: 18px;
  padding: 7px 15px 7px 15px;
  position: relative;
  display: inline-block;
  line-height: 1;
  border-radius: 0;
  text-align: center;
  width: 100%; }
  body .msci-primary-search-button:hover {
    background-color: #4A7BC9;
    text-decoration: underline;
    color: #FFFFFF; }
    body .msci-primary-search-button:hover:after {
      right: 10px; }
  body .disabled.msci-primary-search-button {
    background-color: #CCCCCC;
    color: #666666; }
  @media (max-width: 767px) {
    body .msci-primary-search-button .link-primary {
      font-size: 24px; } }

body .msci-secondary-search-button {
  font-family: "Roboto Bold", sans-serif;
  background-color: #FFFFFF;
  color: #1A3FD6;
  font-size: 18px;
  padding: 7px 15px 5px 15px;
  position: relative;
  display: inline-block;
  line-height: 1;
  border: 1px solid;
  border-radius: 0;
  text-align: center;
  width: 100%; }
  body .msci-secondary-search-button:hover {
    background-color: #4A7BC9;
    color: #FFFFFF;
    text-decoration: none; }
  @media (max-width: 767px) {
    body .msci-secondary-search-button .link-secondary {
      font-size: 24px; } }

/***
*** Forms and inputs
***/
.msci-select, .barraWidget .search-pagination select, .index-constituents select, .indexCountryMembershipOuter select, .cw-search-form select, .tracking-form-container select:not([multiple]):not([size]),
.tracking-form-container select.form-control:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:not([multiple]):not([size]), .barraWidget.factor-performance-app .dataTables_filter label input[type="date"], .barraWidget.factor-performance-app .dataTables_filter label input[type="text"], .barraWidget .search-pagination input[type="text"], .indexCountryMembershipOuter input[type='text'], .cw-search-form .msci-keyword-container .keyword-input, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper input[type="text"], .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper input[type="text"], .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper input[type="text"], .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper input[type="text"], .gated-content-form-container .input-field, .page-gating-form-container .input-field, .filterable-content-cards .card-filter-container .keyword-input, .subscription-form-container .input-field, .msci-esg-industry-materiality-map-form .input-field {
  border-radius: 0;
  border: 1px solid #DAE0F8;
  height: 35px;
  padding: 6px 6px 6px 6px;
  width: 100%;
  font-family: "Roboto Regular", sans-serif;
  color: #002036;
  margin: 0;
  outline: none; }
  .msci-select:active, .barraWidget .search-pagination select:active, .index-constituents select:active, .indexCountryMembershipOuter select:active, .cw-search-form select:active, .tracking-form-container select:active:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:active:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:active:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:active:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:active:not([multiple]):not([size]), .barraWidget.factor-performance-app .dataTables_filter label input:active[type="date"], .barraWidget.factor-performance-app .dataTables_filter label input:active[type="text"], .barraWidget .search-pagination input:active[type="text"], .indexCountryMembershipOuter input:active[type='text'], .cw-search-form .msci-keyword-container .keyword-input:active, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper input:active[type="text"], .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper input:active[type="text"], .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper input:active[type="text"], .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper input:active[type="text"], .gated-content-form-container .input-field:active, .page-gating-form-container .input-field:active, .filterable-content-cards .card-filter-container .keyword-input:active, .subscription-form-container .input-field:active, .msci-esg-industry-materiality-map-form .input-field:active, .msci-select:focus, .barraWidget .search-pagination select:focus, .index-constituents select:focus, .indexCountryMembershipOuter select:focus, .cw-search-form select:focus, .tracking-form-container select:focus:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:focus:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:focus:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:focus:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:focus:not([multiple]):not([size]), .barraWidget.factor-performance-app .dataTables_filter label input:focus[type="date"], .barraWidget.factor-performance-app .dataTables_filter label input:focus[type="text"], .barraWidget .search-pagination input:focus[type="text"], .indexCountryMembershipOuter input:focus[type='text'], .cw-search-form .msci-keyword-container .keyword-input:focus, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper input:focus[type="text"], .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper input:focus[type="text"], .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper input:focus[type="text"], .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper input:focus[type="text"], .gated-content-form-container .input-field:focus, .page-gating-form-container .input-field:focus, .filterable-content-cards .card-filter-container .keyword-input:focus, .subscription-form-container .input-field:focus, .msci-esg-industry-materiality-map-form .input-field:focus {
    outline: none;
    border: 1px solid #4A7BC9;
    box-shadow: 0 0 0 1px #4A7BC9; }
  .msci-select::-ms-clear, .barraWidget .search-pagination select::-ms-clear, .index-constituents select::-ms-clear, .indexCountryMembershipOuter select::-ms-clear, .cw-search-form select::-ms-clear, .tracking-form-container select:not([size]):not([multiple])::-ms-clear,
  .tracking-form-container select.form-control:not([size]):not([multiple])::-ms-clear, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:not([size]):not([multiple])::-ms-clear, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:not([size]):not([multiple])::-ms-clear, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:not([size]):not([multiple])::-ms-clear, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:not([size]):not([multiple])::-ms-clear, .barraWidget.factor-performance-app .dataTables_filter label input[type="date"]::-ms-clear, .barraWidget.factor-performance-app .dataTables_filter label input[type="text"]::-ms-clear, .barraWidget .search-pagination input[type="text"]::-ms-clear, .indexCountryMembershipOuter input[type='text']::-ms-clear, .cw-search-form .msci-keyword-container .keyword-input::-ms-clear, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper input[type="text"]::-ms-clear, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper input[type="text"]::-ms-clear, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper input[type="text"]::-ms-clear, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper input[type="text"]::-ms-clear, .gated-content-form-container .input-field::-ms-clear, .page-gating-form-container .input-field::-ms-clear, .filterable-content-cards .card-filter-container .keyword-input::-ms-clear, .subscription-form-container .input-field::-ms-clear, .msci-esg-industry-materiality-map-form .input-field::-ms-clear {
    display: none; }

.msci-select, .barraWidget .search-pagination select, .index-constituents select, .indexCountryMembershipOuter select, .cw-search-form select, .tracking-form-container select:not([multiple]):not([size]),
.tracking-form-container select.form-control:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:not([multiple]):not([size]) {
  line-height: 1;
  padding: 6px 30px 6px 6px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23002036' d='M37.064 8.032L21 24.063 4.936 8.032 0 12.968l21 21 21-21z'/%3E%3C/svg%3E");
  background-color: #FFFFFF;
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: 10px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .msci-select:active, .barraWidget .search-pagination select:active, .index-constituents select:active, .indexCountryMembershipOuter select:active, .cw-search-form select:active, .tracking-form-container select:active:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:active:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:active:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:active:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:active:not([multiple]):not([size]), .msci-select:focus, .barraWidget .search-pagination select:focus, .index-constituents select:focus, .indexCountryMembershipOuter select:focus, .cw-search-form select:focus, .tracking-form-container select:focus:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:focus:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:focus:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper select.form-control:focus:not([multiple]):not([size]), .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper select.form-control:focus:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%234A7BC9' d='M37.064 8.032L21 24.063 4.936 8.032 0 12.968l21 21 21-21z'/%3E%3C/svg%3E"); }

/*
checkbox for this html structure:
<div class="checkbox-with-label">
	<input type="checkbox" id="checkbox-id">
    <label for="checkbox-id">Checkbox Example</label>
</div>
*/
.msci-checkbox {
  position: relative; }
  .msci-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 3px;
    cursor: pointer;
    height: 16px;
    width: 16px; }
  .msci-checkbox label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 22px;
    margin: 0;
    cursor: pointer;
    max-width: 100%;
    vertical-align: top; }
  .msci-checkbox label::before,
  .msci-checkbox label::after {
    position: absolute;
    content: "";
    display: inline-block; }
  .msci-checkbox label::before {
    height: 16px;
    width: 16px;
    border: 1px solid #DAE0F8;
    left: 0px;
    top: 3px; }
  
  .msci-checkbox label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: #4A7BC9;
    transform: rotate(-45deg);
    left: 4px;
    top: 7px; }
  .msci-checkbox input[type="checkbox"] + label::after {
    content: none; }
  .msci-checkbox input[type="checkbox"]:checked + label::after {
    content: ""; }
  .msci-checkbox input[type="checkbox"]:focus + label::before {
    outline: #4A7BC9 auto 5px; }

.msci-radio, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio {
  position: relative; }
  .msci-radio input[type="radio"], .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio input[type="radio"], .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 3px;
    cursor: pointer;
    height: 16px;
    width: 16px; }
  .msci-radio label, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio label, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio label {
    position: relative;
    display: inline-block;
    padding: 0 0 0 22px;
    margin: 0;
    cursor: pointer;
    max-width: 100%; }
  .msci-radio label::before, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio label::before, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio label::before,
  .msci-radio label::after,
  .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio label::after,
  .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio label::after {
    position: absolute;
    content: "";
    display: inline-block; }
  .msci-radio label::before, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio label::before, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio label::before {
    height: 16px;
    width: 16px;
    border: 1px solid #DAE0F8;
    border-radius: 8px;
    left: 0px;
    top: 3px; }
  
  .msci-radio label::after,
  .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio label::after,
  .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio label::after {
    height: 8px;
    width: 8px;
    border: none;
    border-radius: 4px;
    left: 4px;
    top: 7px;
    background-color: #1A3FD6; }
  .msci-radio input[type="radio"] + label::after, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio input[type="radio"] + label::after, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio input[type="radio"] + label::after {
    content: none; }
  .msci-radio input[type="radio"]:checked + label::after, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio input[type="radio"]:checked + label::after, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio input[type="radio"]:checked + label::after {
    content: ""; }
  .msci-radio input[type="radio"]:focus + label::before, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio input[type="radio"]:focus + label::before, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio input[type="radio"]:focus + label::before {
    outline: #4A7BC9 auto 5px; }

/***
*** Content organizer placeholders
***/
.videoWrapper, .new-video-card-container, .msci-container .msci-research-slider-with-navigation .container, .breadcrumb, .realtime-indexes-container, .cut-down-all-forest-chart-container, .disclosures-become-standardized-chart-container, .sustainable-development-goals-chart-container, .interactive-experience-chart-container, .esg-index-chart-container, .fixed-income-container, .china-index-chart-container, .acwi-index-chart-container, .fi-index-chart-container, .sdg-blog-chart-container, .education-index-chart-container, .global-investing-chart-container, .global-investing-chart3-container, .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content, .msci-full-container .msci-main-page-header .header-content .article-recommender {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.msci-full-container .content-separator, .msci-full-container .msci-content-separator-image, .msci-full-container .msci-video-inserted-into-content {
  margin-top: 20px;
  margin-bottom: 20px; }

.msci-full-container .msci-video-inserted-into-content, .msci-full-container .msci-video-inserted-into-content .video-content, .msci-full-container .msci-video-inserted-into-content .video-content .background-img, .msci-full-container .msci-video-inserted-into-content .video-content .iframe, .msci-full-container .msci-main-page-header .header-content {
  display: block;
  position: relative;
  width: 100%;
  clear: both; }

.msci-full-container .content-separator, .msci-full-container .msci-content-separator-image, .msci-full-container .msci-video-inserted-into-content {
  margin-top: 20px;
  margin-bottom: 20px; }

/***
*** Common icons
***/
.event-info .date-tag:before, .dateline .date-tag:before, ol.msci-search-result-container li.msci-search-result .date-tag:before, .default-layout-with-sidebar.internal-pages.internal-left-nav .date-tag:before {
  content: "\e910";
  font-family: 'msci-icons2019' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/***
*** Others
***/
table.msci-table-striped, table.cw-table, .barraWidget .dataTable, .indexCountryMembershipOuter table, table.msci-table {
  line-height: 23px;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  background-color: #FFFFFF;
  margin-bottom: 10px;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC; }
  table.msci-table-striped th, table.cw-table th, .barraWidget .dataTable th, .indexCountryMembershipOuter table th, table.msci-table th {
    font-size: 24px;
    line-height: 32px;
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #002036; }
  table.msci-table-striped td, table.cw-table td, .barraWidget .dataTable td, .indexCountryMembershipOuter table td, table.msci-table td {
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    color: #002036; }

table.msci-table-striped, table.cw-table, .barraWidget .dataTable, .indexCountryMembershipOuter table {
  border: none; }
  table.msci-table-striped thead tr:nth-child(odd) td, table.cw-table thead tr:nth-child(odd) td, .barraWidget .dataTable thead tr:nth-child(odd) td, .indexCountryMembershipOuter table thead tr:nth-child(odd) td {
    background-color: #FFFFFF; }
  table.msci-table-striped thead tr:nth-child(even) td, table.cw-table thead tr:nth-child(even) td, .barraWidget .dataTable thead tr:nth-child(even) td, .indexCountryMembershipOuter table thead tr:nth-child(even) td {
    background-color: #EFF2FD; }
  table.msci-table-striped tr:nth-child(odd) td, table.cw-table tr:nth-child(odd) td, .barraWidget .dataTable tr:nth-child(odd) td, .indexCountryMembershipOuter table tr:nth-child(odd) td {
    background-color: #EFF2FD; }
  table.msci-table-striped tr:hover td, table.cw-table tr:hover td, .barraWidget .dataTable tr:hover td, .indexCountryMembershipOuter table tr:hover td {
    background-color: #DAE0F8; }
  table.msci-table-striped th, table.cw-table th, .barraWidget .dataTable th, .indexCountryMembershipOuter table th, table.msci-table-striped td, table.cw-table td, .barraWidget .dataTable td, .indexCountryMembershipOuter table td {
    border: none; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

@media screen and (max-width: 991px) {
  #content {
    padding-top: 69px; }
  body:has(#heading.wide-menu) #content {
    padding-top: 84px; }
  body.no-header #content {
    padding-top: 0; } }

input::-ms-clear {
  display: none; }

.msci-full-width {
  overflow: hidden; }

.portlet {
  margin-bottom: 0; }
  .portlet .portlet-content-editable {
    border-style: none; }

.portlet-layout .portlet-header {
  margin-bottom: 0; }

.portlet-content {
  padding: 0; }

.portlet-journal-content .portlet .portlet-header .visible-interaction {
  position: absolute;
  right: 0;
  z-index: 10; }

#wrapper {
  padding: 0; }

.cw-table-wrapper {
  max-width: 100%;
  overflow-x: auto; }

@media screen and (min-width: 768px) {
  .cw-mobile-only {
    display: none !important; } }

.cw-table-hint {
  color: #F65058;
  position: relative;
  padding-right: 34px;
  font-size: 14px !important;
  display: inline-block;
  margin-right: auto; }
  .cw-table-hint:after {
    content: "\e906";
    font-family: 'msci-icons2019' !important;
    speak: none;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.cw-star-key {
  display: inline;
  text-align: right;
  margin-right: 10px;
  color: #1A3FD6;
  font-size: 1em; }

.cw-table-legend {
  margin: 20px 0;
  padding-left: 40px; }

.cw-table-legend p {
  font-family: "Roboto Regular", sans-serif;
  font-size: 12px !important;
  line-height: 14px !important;
  position: relative;
  margin: 10px 0; }

.cw-table-legend .cw-star-key {
  display: inline-block;
  min-width: 30px;
  font-size: 1.3em;
  text-align: right;
  margin-right: 10px;
  color: #1A3FD6;
  position: absolute;
  top: 0px;
  left: -40px; }

.link-primary {
  font-family: "Roboto Bold", sans-serif;
  background-color: #1A3FD6;
  color: #fff;
  font-size: 20px;
  height: 42px;
  line-height: 42px;
  padding: 0 12px; }
  .link-primary:hover {
    background-color: #4A7BC9;
    text-decoration: none !important;
    color: #fff; }
  .link-primary > i {
    margin: 0 3px; }

.link-secondary {
  font-family: "Roboto Bold", sans-serif;
  background-color: #fff;
  color: #1A3FD6;
  font-size: 20px;
  height: 42px;
  line-height: 42px;
  padding: 0 12px;
  bottom: 32px;
  letter-spacing: 0.5px; }
  .link-secondary:hover {
    color: #1A3FD6;
    text-decoration: none !important; }
  .link-secondary > i {
    margin: 0 3px; }
  @media (max-width: 767px) {
    .link-secondary .link-secondary {
      font-size: 24px; } }

.msci-carousel-controls {
  font-size: 24px;
  padding: 16px 0;
  border-bottom: 1px solid #CCCCCC; }
  .msci-carousel-controls > button {
    background: none;
    color: #1E3A4D;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit; }
    .msci-carousel-controls > button.msci-carousel-controls-prev:after {
      content: '◄'; }
    .msci-carousel-controls > button.msci-carousel-controls-next {
      float: right; }
      .msci-carousel-controls > button.msci-carousel-controls-next:after {
        content: '►'; }
    .msci-carousel-controls > button.disabled {
      opacity: .5; }

.msci-ultra-light-background .portlet-content {
  background-color: #EFF2FD; }

.msci-content-type {
  color: #666666; }
  .msci-content-type > i {
    font-size: 21px;
    margin-right: 4px;
    top: 4px;
    position: relative; }
  .msci-content-type > span {
    font-family: "Roboto Bold", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.4px; }

.msci-ultra-light-diagonal-background {
  background-image: linear-gradient(to right bottom, #EFF2FD 50%, #DAE0F8 50%); }

.portlet-topper {
  z-index: 10; }

hr.msci-blue {
  border: #002036 solid 0.5px; }

/* extract from jQuery's jquery-ui.min.css */
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

@media (max-width: 979px) {
  html body .container-fluid {
    padding-right: 10px;
    padding-left: 10px; } }

@font-face {
  font-family: 'Roboto Regular';
  src: url("../fonts/Roboto/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Bold';
  src: url("../fonts/Roboto/Roboto-Bold.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Black';
  src: url("../fonts/Roboto/Roboto-Black.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Italic';
  src: url("../fonts/Roboto/Roboto-Italic.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Medium';
  src: url("../fonts/Roboto/Roboto-Medium.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Light';
  src: url("../fonts/Roboto/Roboto-Light.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'msci-icons2019';
  src: url("../fonts/msci-icons2019/msci-icons2019.eot?r7futv");
  src: url("../fonts/msci-icons2019/msci-icons2019.eot?r7futv#iefix") format("embedded-opentype"), url("../fonts/msci-icons2019/msci-icons2019.ttf?r7futv") format("truetype"), url("../fonts/msci-icons2019/msci-icons2019.woff?r7futv") format("woff"), url("../fonts/msci-icons2019/msci-icons2019.svg?r7futv#msci-icons2019") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/fonticon/icomoon.eot?c8guyt&1466070608");
  src: url("../fonts/fonticon/icomoon.eot?c8guyt&1466070608#iefix") format("embedded-opentype"), url("../fonts/fonticon/icomoon.ttf?c8guyt&1466070608") format("truetype"), url("../fonts/fonticon/icomoon.woff?c8guyt&1466070608") format("woff"), url("../fonts/fonticon/icomoon.svg?c8guyt&1466070608#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="msci-icon-"], [class*=" msci-icon-"],
[class^="icn-msci-icon-"], [class*=" icn-msci-icon-"],
.blog-post,
.research-insight,
.press-release,
.cw-icon.icn-msci-icon-case_study,
.cw-icon.icn-presentation,
.cw-icon.icn-press-release,
.cw-icon.icn-msci-icon-blog,
.cw-icon.icn-msci-icon-paper,
.cw-icon.icn-msci-icon-podcast,
.cw-icon.icn-recorded-webinar,
.cw-icon.icn-document-types,
.cw-icon.icn-newsletter {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'msci-icons2019' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'Font-Awesome';
  src: url("../fonts/Font-Awesome/Font-Awesome.eot?l5cnas");
  src: url("../fonts/Font-Awesome/Font-Awesome.eot?l5cnas#iefix") format("embedded-opentype"), url("../fonts/Font-Awesome/Font-Awesome.ttf?l5cnas") format("truetype"), url("../fonts/Font-Awesome/Font-Awesome.woff?l5cnas") format("woff"), url("../fonts/Font-Awesome/Font-Awesome.svg?l5cnas#Font-Awesome") format("svg");
  font-weight: normal;
  font-style: normal; }

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

body {
  font-family: "Roboto Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #002036; }
  body .text-roboto-bold {
    font-family: 'Roboto Bold'; }
  body h1 {
    font-size: 70px;
    line-height: 78px;
    font-family: "Roboto Black", sans-serif; }
  body h2 {
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
  body h3 {
    font-size: 32px;
    line-height: 40px;
    font-family: "Roboto Black", sans-serif; }
  body h4 {
    font-size: 24px;
    line-height: 32px;
    font-family: "Roboto Black", sans-serif; }
  body h5 {
    font-size: 20px;
    line-height: 26px;
    font-family: "Roboto Black", sans-serif; }
  body a {
    font-size: 14px;
    line-height: 20px;
    font-family: "Roboto Regular", sans-serif;
    color: #1A3FD6; }
    body a:hover {
      color: #4A7BC9;
      text-decoration: underline; }
  body p, body li {
    font-size: 14px;
    line-height: 20px;
    font-family: "Roboto Regular", sans-serif; }
  body .paragraph-sm {
    font-size: 12px;
    line-height: 18px;
    font-family: "Roboto Regular", sans-serif; }
  body .paragraph-md {
    font-size: 14px;
    line-height: 20px;
    font-family: "Roboto Regular", sans-serif; }
  body .paragraph-lg {
    font-size: 16px;
    line-height: 22px;
    font-family: "Roboto Regular", sans-serif; }
  @media screen and (max-width: 768px) {
    body h1 {
      font-size: 40px;
      line-height: 48px; }
    body h2 {
      font-size: 24px;
      line-height: 32px; }
    body h3 {
      font-size: 20px;
      line-height: 26px; }
    body h4 {
      font-size: 18px;
      line-height: 24px; }
    body h5 {
      font-size: 16px;
      line-height: 22px; }
    body .paragraph-lg {
      font-size: 22px; } }
  body.smaller-headers h1 {
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
  body.smaller-headers h2 {
    font-size: 32px;
    line-height: 40px;
    font-family: "Roboto Black", sans-serif; }
  body.smaller-headers h3 {
    font-size: 24px;
    line-height: 32px;
    font-family: "Roboto Black", sans-serif; }
  body.smaller-headers h4 {
    font-size: 20px;
    line-height: 26px;
    font-family: "Roboto Black", sans-serif; }
  body.smaller-headers h5 {
    font-size: 18px;
    line-height: 24px;
    font-family: "Roboto Black", sans-serif; }

.msci-icon-calendar:before {
  content: "\e90f"; }

.msci-icon-calendar-page-empty:before {
  content: "\e910"; }

.msci-icon-xls-black-rounded-rectangular-interface-symbol:before {
  content: "\e911"; }

.msci-icon-link_caret_backward:before {
  content: "\e90e"; }

.msci-icon-msci_long_arrow_down:before {
  content: "\e912";
  color: #6a6a6a; }

.msci-icon-msci_long_arrow_left:before {
  content: "\e913";
  color: #6a6a6a; }

.msci-icon-msci_long_arrow_right:before {
  content: "\e914";
  color: #6a6a6a; }

.msci-icon-msci_long_arrow_up:before {
  content: "\e915";
  color: #6a6a6a; }

.msci-icon-blog:before,
.cw-icon.icn-msci-icon-blog:before,
.blog-post:before {
  content: "\e900"; }

.msci-icon-case_study:before,
.msci-icon-document:before,
.presentation:before,
.cw-icon.icn-msci-icon-case_study:before,
.cw-icon.icn-presentation:before {
  content: "\e901"; }

.msci-icon-download:before {
  content: "\e902"; }

.msci-icon-education:before {
  content: "\e903"; }

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

.msci-icon-fullscreen:before {
  content: "\e905"; }

.msci-icon-link_caret:before {
  content: "\e906"; }

.msci-icon-menu:before {
  content: "\e907"; }

.msci-icon-paper:before,
.cw-icon.icn-document-types:before,
.cw-icon.icn-msci-icon-paper:before,
.cw-icon.icn-newsletter:before,
.research-insight:before {
  content: "\e908"; }

.msci-icon-podcast:before,
.cw-icon.icn-msci-icon-podcast:before {
  content: "\e909"; }

i.press-release:before,
.cw-icon.icn-press-release:before {
  content: "\e908"; }

.msci-icon-search:before {
  content: "\e90a"; }

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

.msci-icon-video:before {
  content: "\e90c"; }

.msci-icon-webinar:before,
.icn-msci-icon-webinar:before,
.cw-icon.icn-recorded-webinar:before {
  content: "\e90d"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-twitter:before {
  content: url("/o/msci/images/twitter-X.svg");
  display: inline-block;
  width: 1em;
  height: 1em; }

.fa-twitter:hover::before {
  content: url("/o/msci/images/twitter-X-light-blue.svg"); }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-repeat:before {
  content: "\f01e"; }

.fa-rotate-right:before {
  content: "\f01e"; }

.fa-map-marker:before {
  content: "\f041"; }

.msci-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 50px 50px;
  border-color: transparent transparent transparent #26D9B6;
  position: relative;
  margin-bottom: -50px;
  margin-top: -50px;
  z-index: 1; }
  @media (max-width: 767.98px) {
    .msci-triangle {
      border-width: 2em 0 2em 2em;
      margin-bottom: -2em;
      margin-top: -2em; } }

.msci-triangle-right {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 50px 0;
  border-color: transparent #26D9B6 transparent transparent;
  position: relative;
  margin-bottom: -50px;
  margin-top: -50px;
  margin-left: auto;
  margin-right: 0;
  z-index: 1; }
  @media (max-width: 979px) {
    .msci-triangle-right {
      border-width: 2em 2em 2em 0;
      margin-bottom: -2em;
      margin-top: -2em; } }

.msci-loading {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' width='150' height='150'%3E%3Cstyle id='style2'%3E @keyframes msci-colors-1{0%25,75%25,to{fill:%231a3fd6}25%25{fill:%2326d9b6}50%25{fill:%236f86e4}}@keyframes msci-colors-2{0%25,to{fill:%234a7bc9}25%25,75%25{fill:%231a3fd6}50%25{fill:%2326d9b6}}@keyframes msci-colors-3{0%25,to{fill:%2326d9b6}25%25,50%25{fill:%231a3fd6}75%25{fill:%236f86e4}}@keyframes msci-transparency{0%25{fill:%23DAE0F8}50%25{fill:%23143ed6}100%25 {fill:%23DAE0F8}}.msci-color-animation-2{animation:msci-colors-2 2s linear infinite}.msci-color-animation-3{animation:msci-colors-3 3s linear infinite}.msci-transparent-animation{animation:msci-transparency 2.5s linear infinite}%3C/style%3E%3Cpath class='msci-transparent-animation' d='M73.06 125.733c-28.572 0-51.816-23.241-51.816-51.81 0-28.57 23.244-51.814 51.815-51.814 18.971 0 35.593 10.25 44.62 25.504h.142v.242a51.501 51.501 0 0 1 7.047 26.069c0 28.567-23.24 51.809-51.809 51.809zM48.06 118.03a50.376 50.376 0 0 0 23.675 6.582l-23.675-23.674v17.092zm49.92-16.954l-23.57 23.535a50.384 50.384 0 0 0 23.57-6.54zm-24.37-1.33v24.104l24.14-24.104zm-25.18 0l24.076 24.075V99.746zm50.654 1.029v16.652a51.015 51.015 0 0 0 9.396-7.256zm-61.476 9.374a51.02 51.02 0 0 0 9.35 7.234v-16.566zm62.01-10.403l9.644 9.645a50.983 50.983 0 0 0 7.421-9.645zm-70.19 0a51.011 51.011 0 0 0 7.4 9.622l9.637-9.622zm70.99-1.103h16.902a50.375 50.375 0 0 0 6.423-23.291zm-26.808 0h23.342L73.611 75.3zm-24.476 0h23.373V75.31zm-20.343 0h16.975l-23.4-23.401a50.332 50.332 0 0 0 6.425 23.4zm70.293-24.13v23.9l23.937-23.9zm-75.886 0l23.76 23.76v-23.76zm24.862 0v23.642l23.68-23.641zm26.325 0L97.981 98.11V74.514zm24.7-1.103h23.923L99.085 49.492zm-24.676 0h23.571V49.878zm-26.349 0h23.66L48.06 49.75zm-25.084 0h23.98V49.469zm50.634-24.693v23.93l23.971-23.93h-23.97zm-25.022 0l23.92 23.919V48.718h-23.92zm51.282 0l23.876 23.87a50.4 50.4 0 0 0-6.702-23.87H99.871zm-70.803 0a50.368 50.368 0 0 0-6.699 23.74l23.78-23.74zm71.183-1.104h16.141a51.07 51.07 0 0 0-7.048-9.078zm-26.64 0h23.594L73.611 24.026zm-24.794 0h23.69V23.96zm-19.096 0h16.202l-9.116-9.116a51.131 51.131 0 0 0-7.086 9.116zm69.364-17.197v16.8l9.48-9.463a51.039 51.039 0 0 0-9.48-7.337zm-61.497 7.3l9.37 9.37V30.46a51.001 51.001 0 0 0-9.37 7.256zm36.79-14.486L97.98 46.828V29.772a50.35 50.35 0 0 0-23.604-6.542zM48.06 29.813v16.994l23.614-23.575a50.365 50.365 0 0 0-23.614 6.58z' id='path4' fill='%23143ed6' /%3E%3Cpath d='M77.694 73.969a4.628 4.628 0 0 1-9.257 0 4.63 4.63 0 0 1 9.257 0' id='path6' style='animation:msci-colors-1 1s linear infinite' fill='%23143ed6' /%3E%3Cpath class='msci-color-animation-2' d='M33.021 48.413a4.626 4.626 0 0 1-4.629 4.623 4.624 4.624 0 0 1-4.628-4.62v-.003a4.624 4.624 0 0 1 4.62-4.628h.008a4.627 4.627 0 0 1 4.63 4.628c0-.001 0 0 0 0' id='path8' fill='%23143ed6' /%3E%3Cpath class='msci-color-animation-3' d='M51.955 99.51a4.63 4.63 0 0 1-9.258 0 4.626 4.626 0 0 1 4.63-4.621c2.552.007 4.628 2.07 4.628 4.622' id='path10' fill='%23143ed6' /%3E%3Cpath d='M103.192 118.12a4.623 4.623 0 0 1-4.62 4.629h-.008a4.624 4.624 0 0 1-4.622-4.624v-.005a4.626 4.626 0 0 1 9.25 0' id='path12' style='animation:msci-colors-3 1s linear infinite' fill='%23143ed6' /%3E%3Cpath d='M103.192 29.772a4.621 4.621 0 0 1-4.624 4.622h-.004a4.622 4.622 0 0 1-4.622-4.622 4.623 4.623 0 0 1 4.618-4.628h.004a4.624 4.624 0 0 1 4.628 4.62v.008' id='path14' style='animation:msci-colors-3 2s linear infinite' fill='%23143ed6' /%3E%3Cpath d='M120.425 48.413a3.383 3.383 0 0 1-6.762 0 3.386 3.386 0 0 1 3.377-3.384 3.383 3.383 0 0 1 3.385 3.38v.004' id='path16' style='animation:msci-colors-3 3s linear infinite' fill='%23143ed6' /%3E%3Cpath d='M101.948 73.969a3.387 3.387 0 0 1-3.384 3.384 3.388 3.388 0 0 1-3.385-3.384 3.388 3.388 0 0 1 3.385-3.384 3.382 3.382 0 0 1 3.384 3.38v.004' id='path18' style='animation:msci-colors-1 1.5s linear infinite' fill='%23143ed6' /%3E%3Cpath d='M31.77 99.51a3.378 3.378 0 0 1-3.37 3.386h-.008a3.382 3.382 0 1 1 3.378-3.385' id='path20' style='animation:msci-colors-2 2.5s linear infinite' fill='%23143ed6' /%3E%3Cpath d='M40.133 37.829a3.382 3.382 0 0 1-3.385 3.378 3.383 3.383 0 0 1-3.385-3.378 3.388 3.388 0 0 1 3.385-3.384 3.383 3.383 0 0 1 3.385 3.38v.004' id='path22' style='animation:msci-colors-3 3.5s linear infinite' fill='%23143ed6' /%3E%3Cpath d='M76.443 125.188a3.382 3.382 0 0 1-6.762.003v-.003a3.378 3.378 0 0 1 3.372-3.384h.006a3.383 3.383 0 0 1 3.384 3.382v.002' id='path24' style='animation:msci-colors-3 1.5s linear infinite' fill='%23143ed6' /%3E%3Cpath d='M76.443 99.505a3.382 3.382 0 0 1-6.762.002v-.002a3.379 3.379 0 0 1 3.372-3.385h.006a3.384 3.384 0 0 1 3.384 3.383v.002' id='path26' style='animation:msci-colors-3 2.5s linear infinite' fill='%23143ed6' /%3E%3Cpath d='M127.484 73.969a3.38 3.38 0 1 1-6.762 0 3.38 3.38 0 1 1 6.762 0' id='path28' style='animation:msci-colors-3 3.5s linear infinite' fill='%23143ed6' /%3E%3Cpath class='msci-color-animation-2' d='M50.71 48.413a3.386 3.386 0 0 1-3.384 3.384 3.388 3.388 0 0 1-3.385-3.384 3.388 3.388 0 0 1 3.385-3.384 3.385 3.385 0 0 1 3.383 3.384' id='path30' fill='%23143ed6' /%3E%3Cpath class='msci-color-animation-3' d='M50.71 29.67a3.383 3.383 0 1 1-6.769 0 3.382 3.382 0 0 1 3.385-3.378 3.38 3.38 0 0 1 3.383 3.378' id='path32' fill='%23143ed6' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
  width: 60px;
  position: fixed;
  left: 50%;
  margin-left: -30px;
  bottom: 2em;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%; }

.msci-loader {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: relative;
  animation: msciLoaderRotate 1s linear infinite;
  display: inline-block; }
  .msci-loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 3px solid #FFF;
    animation: prixClipFix 2s linear infinite; }
  .msci-loader.msci-loader-light::before {
    border-color: #FFF; }
  .msci-loader.msci-loader-dark::before {
    border-color: #495057; }

@keyframes msciLoaderRotate {
  100% {
    transform: rotate(360deg); } }

@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); }
  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } }

body .msci-link-hover-underline-extension:hover {
  text-decoration: underline; }

body .msci-link-primary-box {
  padding-right: 10px; }
  body .msci-link-primary-box:after {
    display: none; }

body .msci-link-primary-box-turquoise {
  padding-right: 10px; }
  body .msci-link-primary-box-turquoise:after {
    display: none; }

body .msci-link-primary-box-arrow-back {
  padding: 10px 10px 12px 34px; }
  body .msci-link-primary-box-arrow-back:after {
    content: "\e90e";
    left: 14px;
    right: auto; }
  body .msci-link-primary-box-arrow-back:hover:after {
    right: auto;
    left: 10px; }

body .msci-link-primary-box-small-arrowless {
  padding: 8px 10px 9px 10px;
  font-size: 18px;
  line-height: 18px; }
  body .msci-link-primary-box-small-arrowless:after {
    content: none; }

body .msci-link-primary-box-small {
  padding: 8px 34px 9px 10px;
  font-size: 18px;
  line-height: 18px; }

body button.msci-link-primary-box, body button.msci-link-secondary-box {
  border: 0;
  cursor: pointer; }

body .msci-link-secondary-box {
  padding-right: 10px; }
  body .msci-link-secondary-box:after {
    display: none; }

body .msci-carousel-controls {
  font-size: 24px;
  padding: 16px 0;
  border-bottom: 1px solid #CCCCCC; }
  body .msci-carousel-controls > button {
    background: none;
    color: #1E3A4D;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit; }
    body .msci-carousel-controls > button.msci-carousel-controls-prev:after {
      content: '◄'; }
    body .msci-carousel-controls > button.msci-carousel-controls-next {
      float: right; }
      body .msci-carousel-controls > button.msci-carousel-controls-next:after {
        content: '►'; }
    body .msci-carousel-controls > button.disabled {
      opacity: .5; }
  body .msci-carousel-controls.msci-carousel-controls-light > button {
    color: #FFF; }

/***
*** MSCI Autocomplete Search
***/
@media (min-width: 980px) {
  .msci-ac-search-container {
    padding: 80px 130px; } }

@media (max-width: 979px) {
  .msci-ac-search-container {
    padding: 50px 20px; } }

.msci-ac-search-container .msci-ac-search-searchbar {
  position: relative; }
  .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input {
    width: 100%;
    font-family: "Roboto Bold", sans-serif;
    border: none;
    border-bottom: 3px solid #1A3FD6; }
    .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:focus {
      outline: none; }
    .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: black;
      line-height: normal !important; }
    .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:-moz-placeholder {
      /* Firefox 18- */
      opacity: 1;
      color: black; }
    .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::-moz-placeholder {
      /* Firefox 19+ */
      opacity: 1;
      color: black; }
    .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:-ms-input-placeholder {
      /* IE 10+ */
      color: black; }
    @media (min-width: 992px) {
      .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input {
        /* desktop */ }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          font-size: 32px; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:-moz-placeholder {
          /* Firefox 18- */
          font-size: 32px; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::-moz-placeholder {
          /* Firefox 19+ */
          font-size: 32px; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:-ms-input-placeholder {
          /* IE 10+ */
          font-size: 32px; } }
    @media (min-width: 768px) {
      .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input {
        /* tablet + desktop */
        min-height: 80px;
        padding-right: 120px;
        font-size: 32px; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          font-family: "Roboto Bold", sans-serif;
          font-size: 32px;
          font-size: 2vw; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:-moz-placeholder {
          /* Firefox 18- */
          font-family: "Roboto Bold", sans-serif;
          font-size: 32px;
          font-size: 2vw; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::-moz-placeholder {
          /* Firefox 19+ */
          font-family: "Roboto Bold", sans-serif;
          font-size: 32px;
          font-size: 2vw; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:-ms-input-placeholder {
          /* IE 10+ */
          font-family: "Roboto Bold", sans-serif;
          font-size: 32px;
          font-size: 2vw; } }
    @media (max-width: 767.98px) {
      .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input {
        /* mobile */
        min-height: 80px;
        padding-right: 72px;
        font-size: 24px; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          font-family: "Roboto Bold", sans-serif;
          font-size: 24px;
          font-size: 3vw; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:-moz-placeholder {
          /* Firefox 18- */
          font-family: "Roboto Bold", sans-serif;
          font-size: 24px;
          font-size: 3vw; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::-moz-placeholder {
          /* Firefox 19+ */
          font-family: "Roboto Bold", sans-serif;
          font-size: 24px;
          font-size: 3vw; }
        .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input:-ms-input-placeholder {
          /* IE 10+ */
          font-family: "Roboto Bold", sans-serif;
          font-size: 24px;
          font-size: 3vw; } }
  .msci-ac-search-container .msci-ac-search-searchbar i.msci-icon-search {
    color: #1A3FD6;
    cursor: pointer; }
    @media (min-width: 768px) {
      .msci-ac-search-container .msci-ac-search-searchbar i.msci-icon-search {
        /* tablet + desktop */
        font-size: 40px; }
        .msci-ac-search-container .msci-ac-search-searchbar i.msci-icon-search:before {
          position: absolute;
          width: 40px;
          height: 40px;
          left: calc(100% - 80px);
          bottom: calc(50% - 20px); } }
    @media (max-width: 767.98px) {
      .msci-ac-search-container .msci-ac-search-searchbar i.msci-icon-search {
        /* mobile */
        font-size: 32px; }
        .msci-ac-search-container .msci-ac-search-searchbar i.msci-icon-search:before {
          position: absolute;
          width: 32px;
          height: 32px;
          left: calc(100% - 52px);
          bottom: calc(50% - 16px); } }

.msci-ac-search-container .msci-ac-search-info-dropdown {
  position: relative; }
  .msci-ac-search-container .msci-ac-search-info-dropdown .msci-ac-search-searching, .msci-ac-search-container .msci-ac-search-info-dropdown .msci-ac-search-no-result {
    position: absolute;
    margin-top: 1px;
    padding: 5px;
    width: 100%;
    max-width: 1140px;
    z-index: 14;
    background-color: #1E3A4D;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;
    font-family: "Roboto Bold", sans-serif;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75); }

.msci-ac-search-container .msci-ac-search-data-dropdown {
  position: relative; }
  .msci-ac-search-container .msci-ac-search-data-dropdown .msci-ac-search-dataset {
    position: absolute;
    margin-top: 1px;
    width: 100%;
    max-width: 1140px;
    max-height: 500px;
    z-index: 14;
    overflow-y: auto;
    background-color: #FFFFFF;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
    padding: 0;
    border: none; }
    .msci-ac-search-container .msci-ac-search-data-dropdown .msci-ac-search-dataset .msci-ac-search-section-title {
      padding: 5px;
      background-color: #1E3A4D;
      color: #FFFFFF;
      font-size: 20px;
      line-height: 26px;
      font-family: "Roboto Bold", sans-serif; }
      .msci-ac-search-container .msci-ac-search-data-dropdown .msci-ac-search-dataset .msci-ac-search-section-title:hover, .msci-ac-search-container .msci-ac-search-data-dropdown .msci-ac-search-dataset .msci-ac-search-section-title.focused {
        background-color: #4A7BC9; }

.msci-ac-search-container-small {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  position: relative;
  font-size: 16px;
  color: #666666; }
  .msci-ac-search-container-small .msci-ac-search-searchbar-small {
    position: relative; }
    .msci-ac-search-container-small .msci-ac-search-searchbar-small input.msci-ac-search-input-small {
      width: 100%;
      font-family: "Roboto Regular", sans-serif;
      border: none;
      border-bottom: 3px solid #1A3FD6;
      height: 38px;
      padding-left: 36px;
      padding-right: 0; }
      .msci-ac-search-container-small .msci-ac-search-searchbar-small input.msci-ac-search-input-small:focus {
        outline: none; }
  .msci-ac-search-container-small i.msci-icon-search {
    font-size: 24px;
    color: #1A3FD6;
    cursor: pointer; }
    .msci-ac-search-container-small i.msci-icon-search:before {
      position: absolute;
      width: 24px;
      height: 24px;
      left: 0;
      bottom: calc(50% - 12px); }

body > .msci-ac-search-dataset {
  margin-top: 1px;
  max-height: 500px;
  overflow-y: auto;
  background-color: #FFFFFF;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  padding: 0;
  border: none; }
  body > .msci-ac-search-dataset li.msci-ac-search-section-title {
    padding: 5px;
    background-color: #1E3A4D;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;
    font-family: "Roboto Bold", sans-serif; }
    body > .msci-ac-search-dataset li.msci-ac-search-section-title:hover, body > .msci-ac-search-dataset li.msci-ac-search-section-title.focused {
      background-color: #4A7BC9; }

.portlet-hide-portlet-name .portlet-content .portlet-header .portlet-title-text {
  display: none; }

.default-layout-sticky-nav-sidebar .container-fluid, .default-layout-sticky-nav-sidebar .container-fluid-max-xl {
  padding-right: 300px;
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 768px) {
    .default-layout-sticky-nav-sidebar .container-fluid, .default-layout-sticky-nav-sidebar .container-fluid-max-xl {
      padding-right: 100px;
      padding-left: 18px; } }

.esg-layout-sticky-nav-sidebar-hidden-on-mobile .container-fluid, .esg-layout-sticky-nav-sidebar-hidden-on-mobile .container-fluid-max-xl {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 992px) {
    .esg-layout-sticky-nav-sidebar-hidden-on-mobile .container-fluid, .esg-layout-sticky-nav-sidebar-hidden-on-mobile .container-fluid-max-xl {
      padding-right: 300px; } }

.ie .default-layout-sticky-nav-sidebar .msci-main-page-our-topics-section ul li .zoom {
  overflow: hidden;
  position: relative;
  background-color: #F8F7F7; }
  .ie .default-layout-sticky-nav-sidebar .msci-main-page-our-topics-section ul li .zoom img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%); }

.default-layout-with-sidebar.internal-pages.internal-left-nav {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto; }
  .default-layout-with-sidebar.internal-pages.internal-left-nav #section_three_column .card {
    border: none;
    margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .default-layout-with-sidebar.internal-pages.internal-left-nav > .layout-align:after {
      display: block;
      clear: both;
      content: ""; }
    .default-layout-with-sidebar.internal-pages.internal-left-nav > .layout-align > .row {
      display: flex;
      float: left;
      width: 100%;
      flex-direction: column;
      margin-left: 0;
      margin-right: 0; }
      .default-layout-with-sidebar.internal-pages.internal-left-nav > .layout-align > .row .left-nav {
        order: 2;
        float: left;
        width: 100%; }
      .default-layout-with-sidebar.internal-pages.internal-left-nav > .layout-align > .row .main-content {
        order: 1;
        float: left;
        width: 100%; } }

.contact-us.internal-pages .layout-align {
  display: block;
  max-width: 1170px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative; }

.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 0;
  background-image: -webkit-linear-gradient(140deg, #666666, #CCCCCC);
  background-image: -o-linear-gradient(140deg, #666666, #CCCCCC);
  background-image: linear-gradient(-50deg, #666666, #CCCCCC);
  -webkit-border-top-left-radius: 22px;
  border-top-left-radius: 22px;
  -webkit-border-bottom-left-radius: 22px;
  border-bottom-left-radius: 22px;
  padding: 4px 5px 4px 4px;
  display: none;
  z-index: 10;
  -webkit-box-shadow: 0px 4px 8px #333;
  box-shadow: 0px 4px 8px #333; }
  .back-to-top a {
    display: block;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #FFFFFF;
    text-align: center;
    -webkit-box-shadow: 5px 2px 6px #333;
    box-shadow: 5px 2px 6px #333;
    border: 0.5px solid #002036; }
    .back-to-top a:before {
      font-size: 30px;
      text-shadow: 0px 1px 4px #333; }
    .back-to-top a:hover {
      text-decoration: none;
      -webkit-box-shadow: 1px 1px 4px #333;
      box-shadow: 1px 1px 4px #333; }
      .back-to-top a:hover:before {
        text-shadow: 0px 0px 2px #333; }

@media print {
  .control-menu {
    display: none !important; }
  .msci-utility-navbar-desktop {
    display: none !important; }
  .main-navigation,
  .header-search-wrapper {
    display: none !important;
    margin-bottom: 100px; }
  .portlet-boundary_com_msci_webmasters_liferay_breadcrumb_MsciBreadcrumb_ {
    display: none !important; }
  .portlet-breadcrumb {
    display: none !important; }
  .RSS-button {
    display: none !important; }
  .social-sharing {
    display: none !important; }
  .msci-subscribe-widget {
    display: none !important; }
  .blog-pagination {
    display: none !important; }
  .msci-cookie-bar {
    display: none !important; }
  footer {
    display: none !important; }
  /* All columns become full-width, columns smaller than half-width move to the bottom of the print view. */
  [class*="col"] {
    flex: 0 0 100%;
    max-width: 100%; }
  .col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5 {
    order: 1 !important; }
  .portlet-boundary_authordetails_WAR_msciauthordetails_ .journal-content-article {
    display: inline-block;
    max-width: 30%; }
    .portlet-boundary_authordetails_WAR_msciauthordetails_ .journal-content-article .author-name {
      padding-left: 10px;
      padding-right: 10px; } }

.msci-inpage-expandable {
  position: relative;
  overflow: hidden;
  max-width: 100%; }

.msci-inpage-expandable:not(.msci-inpage-infographic):after {
  content: '\F0B2';
  font-family: 'fontawesome';
  position: absolute;
  line-height: 26px;
  bottom: 10px;
  right: 15px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  text-align: center; }

.msci-inpage-expandable:not(.msci-inpage-infographic):before {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  padding: 35px 60px 30px 0;
  transform: rotate(45deg);
  bottom: -50px;
  right: -50px;
  background: rgba(1, 27, 43, 0.6); }

.msci-inpage-expandable.msci-inpage-infographic:after {
  content: '\F0B2';
  font-family: 'fontawesome';
  position: absolute;
  bottom: 8px;
  right: 10px;
  color: #fff; }

.msci-inpage-expandable.msci-inpage-infographic:before {
  content: 'View the full infographic';
  font-family: 'Roboto',sans-serif;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 40px;
  padding: 6px 10px;
  line-height: 26px;
  font-size: 13px;
  font-weight: 700;
  bottom: 0;
  left: 0;
  background: rgba(1, 27, 43, 0.8); }

.msci-inpage-expandable:hover:before {
  background: #0626a9; }

#msci-inpage-expanded-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(255, 255, 255, 0.8);
  padding: 0 20px;
  z-index: 2;
  text-align: center; }

#msci-inpage-expanded-loader {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin: 0 0 0 -50px;
  font-size: 40px;
  color: #73787c; }

#msci-inpage-expanded-item {
  max-width: 90%;
  /*min-width:600px;*/
  text-align: center;
  height: auto;
  margin-top: 30px;
  /*left:50%;
    transform: translateX(-50%);*/
  z-index: 100000;
  position: relative;
  box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.6); }

#msci-inpage-expanded-item img, #msci-inpage-expanded-item svg {
  max-width: 100%;
  margin: 30px 0;
  background: #fff;
  display: inline; }

#msci-inpage-expanded-item:after {
  content: '';
  position: fixed;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.5 52.5'%3E%3Cg%3E%3Cline x1='2.06' y1='2.07' x2='50.5' y2='50.5' style='fill: none;stroke: %23fff;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 4px'/%3E%3Cline x1='50.43' y1='2' x2='2' y2='50.43' style='fill: none;stroke: %23fff;stroke-linecap: round;stroke-miterlimit: 10;stroke-width: 4px'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 60% 60%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #0626a9; }

#msci-inpage-expanded-overlay-caption {
  width: 100%;
  height: auto;
  background: #011b2b;
  color: #fff;
  font-size: 20px;
  padding: 20px;
  position: fixed;
  bottom: 0;
  left: -15px; }

#msci-inpage-expanded-item:hover:after {
  cursor: pointer;
  background-color: #4A7BC9; }

#msci-inpage-expanded-item:hover {
  cursor: zoom-out; }

.msci-inpage-expandable:hover {
  cursor: zoom-in; }

@media (max-width: 768px) {
  .msci-inpage-expandable:not(.infographic) {
    visibility: hidden;
    pointer-events: none; }
  .msci-inpage-expandable-img {
    visibility: visible; }
  #msci-inpage-expanded-item img, #msci-inpage-expanded-item svg {
    margin: 50px 0; }
  #msci-inpage-expanded-item:after {
    top: 65px; } }

.index-selector-portlet {
  overflow: hidden; }
  .index-selector-portlet form {
    margin-bottom: 10px;
    align-items: flex-end; }
  .index-selector-portlet .variant_wrapper, .index-selector-portlet .currency_wrapper, .index-selector-portlet .button_wrapper {
    margin: 0 10px 10px 0; }

.index-wallet {
  /*
	This is the container of the carousel items.
	You must ensure that the position is relative or absolute and
	that the width is big enough to contain all items.
	*/
  /*
	These are the item elements. jCarousel works best, if the items
	have a fixed width and height (but it's not required).
	*/
  /** Carousel Controls **/ }
  .index-wallet .index-item, .index-wallet .empty-slot {
    padding: 5px 21px 20px 21px;
    text-align: center;
    cursor: pointer;
    width: 232px;
    height: 100%;
    position: relative; }
    .index-wallet .index-item .index-name, .index-wallet .empty-slot .index-name {
      font-size: 13px;
      overflow: hidden; }
    .index-wallet .index-item .variant-currency, .index-wallet .empty-slot .variant-currency {
      font-size: 10px; }
    .index-wallet .index-item .index-action-button, .index-wallet .empty-slot .index-action-button {
      padding-top: 4px;
      width: 100%;
      left: 0;
      position: absolute;
      bottom: 0; }
      .index-wallet .index-item .index-action-button a, .index-wallet .empty-slot .index-action-button a {
        color: #CCCCCC; }
    .index-wallet .index-item .index-action-button:HOVER a, .index-wallet .empty-slot .index-action-button:HOVER a {
      color: #1A3FD6; }
    .index-wallet .index-item input[type=checkbox], .index-wallet .empty-slot input[type=checkbox] {
      display: none; }
    .index-wallet .index-item input[type=checkbox] + .compare-selector, .index-wallet .empty-slot input[type=checkbox] + .compare-selector {
      width: 16px;
      height: 16px;
      background: url("/o/msci/images/support-site/icon-empty-check.png");
      background-size: 16px 16px;
      float: right;
      position: absolute;
      top: 5px;
      right: 5px; }
    .index-wallet .index-item input[type=checkbox]:checked + .compare-selector, .index-wallet .empty-slot input[type=checkbox]:checked + .compare-selector {
      background: url("/o/msci/images/support-site/icon-check.png"); }
  .index-wallet p.fav-title {
    margin-bottom: 0; }
  .index-wallet .current .index-name {
    font-size: 14px;
    font-weight: 600;
    color: #282828; }
  .index-wallet .current .variant-currency {
    font-size: 11px;
    font-weight: 600;
    color: #282828; }
  .index-wallet .compared .index-name {
    color: #282828; }
  .index-wallet .compared .variant-currency {
    color: #282828; }
  .index-wallet .jcarousel-wrapper {
    margin: 2px auto 10px auto;
    position: relative;
    background-color: #EFF2FD;
    padding: 5px;
    width: calc(100% - 40px); }
  .index-wallet .jcarousel {
    overflow: hidden; }
  .index-wallet .jcarousel ul {
    width: 20000em;
    position: relative;
    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap; }
  .index-wallet .jcarousel li {
    /* Required only for block elements like <li>'s */
    background-color: #FFFFFF;
    margin: 0 6px; }
  .index-wallet .jcarousel-control-prev,
  .index-wallet .jcarousel-control-next {
    position: absolute;
    top: 0;
    /* rectangular button */
    width: 20px;
    height: 100%;
    background: #1A3FD6; }
    .index-wallet .jcarousel-control-prev .jcarousel-control-arrow,
    .index-wallet .jcarousel-control-next .jcarousel-control-arrow {
      top: 50%;
      transform: translateY(-50%);
      color: #FFFFFF;
      font-size: 24px;
      position: absolute;
      text-align: center;
      width: 100%; }
  .index-wallet .jcarousel-control-prev:HOVER,
  .index-wallet .jcarousel-control-next:HOVER {
    color: #4A7BC9;
    text-shadow: 0 0 1px #FFF; }
  .index-wallet .jcarousel-control-prev {
    left: -20px; }
  .index-wallet .jcarousel-control-next {
    right: -20px; }

.index-widgets-portlet {
  margin-bottom: 20px; }
  .index-widgets-portlet .externallinks-widget .externallinks a {
    margin-bottom: 5px; }
  .index-widgets-portlet .constituents-widget h4 .subheader, .index-widgets-portlet .country-membership-widget h4 .subheader {
    font-size: 16px;
    line-height: 22px;
    color: #666666;
    font-family: "Roboto Italic", sans-serif;
    display: block; }
  .index-widgets-portlet .constituents-widget .constituent-list, .index-widgets-portlet .constituents-widget .showMoreList, .index-widgets-portlet .country-membership-widget .constituent-list, .index-widgets-portlet .country-membership-widget .showMoreList {
    list-style: none;
    padding-left: 12px; }
  .index-widgets-portlet .constituents-widget .toggleMore, .index-widgets-portlet .country-membership-widget .toggleMore {
    display: block;
    margin: 0 0 20px 10px; }
  .index-widgets-portlet .widget-tickers-container .tickers-header, .index-widgets-portlet .widget-tickers-container .ticker-supplier-container {
    font-family: "Roboto Bold", sans-serif;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .index-widgets-portlet .widget-tickers-container .tickers-supplier-row:nth-child(even) {
    background-color: #EFF2FD; }
  .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-type-container .ticker-container {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px; }
    .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-type-container .ticker-container .ticker-tooltip {
      display: none; }
    .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-type-container .ticker-container .ticker {
      border-bottom: 1px dashed #1A3FD6; }
    .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-type-container .ticker-container .ticker:hover {
      cursor: pointer;
      border-bottom: none;
      color: #4A7BC9; }
    .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-type-container .ticker-container .ticker:hover + .ticker-tooltip, .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-type-container .ticker-container .ticker:active + .ticker-tooltip {
      display: block;
      position: absolute;
      z-index: 14;
      background-color: rgba(255, 255, 255, 0.85);
      padding: 10px 15px;
      -webkit-box-shadow: 0px 4px 8px #666666;
      box-shadow: 0px 2px 4px #666666;
      border: 1px solid #1A3FD6;
      border-radius: 2%;
      left: 0; }
  @media (max-width: 767px) {
    .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-supplier-container {
      text-align: center;
      padding: 15px; }
    .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-type-container {
      position: relative;
      padding-bottom: 15px; }
      .index-widgets-portlet .widget-tickers-container .tickers-supplier-row .ticker-type-container:before {
        content: attr(data-column-name);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -100%;
        width: 100%;
        text-align: center;
        padding-right: 15px;
        padding-left: 15px; } }
  .index-widgets-portlet .factsheet-widget .publish-date {
    text-align: right; }

@media (max-width: 767px) {
  .msci-index-search-results {
    font-size: 12px; } }

.state-switcher-container {
  float: right; }
  .state-switcher-container .state-switcher i.state-switcher-icon {
    font-size: 2em;
    margin: 0 0.5em; }

.columns-max .barraWidget {
  padding-right: 15px;
  padding-left: 15px; }
  .columns-max .barraWidget .table-wrapper {
    overflow: auto;
    max-height: none; }

.barraWidget {
  margin-bottom: 20px; }
  .barraWidget.factor-performance-app .widget-title-area {
    padding: 10px; }
  .barraWidget.factor-performance-app .label-factor {
    padding: 6px;
    color: #FFFFFF;
    border: none;
    border-radius: 0;
    background-color: #1A3FD6; }
    .barraWidget.factor-performance-app .label-factor .icon-remove {
      margin-left: 5px;
      cursor: pointer; }
  .barraWidget.factor-performance-app .dataTables_filter {
    padding-top: 10px; }
    .barraWidget.factor-performance-app .dataTables_filter label {
      margin-right: 10px;
      margin-bottom: 10px; }
      .barraWidget.factor-performance-app .dataTables_filter label input[type="radio"] {
        vertical-align: text-bottom; }
      .barraWidget.factor-performance-app .dataTables_filter label input[type="date"] {
        max-width: 100%;
        min-width: 0;
        width: auto;
        display: block; }
  .barraWidget.factor-performance-app .trailing-value {
    padding: 10px 3px;
    cursor: pointer;
    display: inline-block; }
    .barraWidget.factor-performance-app .trailing-value a {
      color: #1A3FD6; }
      .barraWidget.factor-performance-app .trailing-value a:hover {
        color: #4A7BC9; }
  .barraWidget.factor-performance-app .tree-category-title {
    text-transform: uppercase; }
  .barraWidget.factor-performance-app treecontrol.tree-classic {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #002036;
    text-decoration: none; }
    .barraWidget.factor-performance-app treecontrol.tree-classic ul {
      margin: 0;
      padding: 0;
      list-style: none;
      border: 0;
      overflow: hidden; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li {
      position: relative;
      padding: 0 0 0 20px;
      line-height: 20px;
      font-size: 14px;
      margin-bottom: 0px; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-expanded i.tree-leaf-head, .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-collapsed i.tree-leaf-head {
      display: none; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-expanded i.tree-branch-head, .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-collapsed i.tree-branch-head {
      display: inline; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-leaf i.tree-branch-head {
      display: none; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-leaf i.tree-leaf-head {
      display: inline; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li i.tree-branch-head {
      cursor: pointer; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li .tree-label {
      cursor: pointer;
      display: inline; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li .tree-unselectable {
      cursor: not-allowed; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-expanded div span, .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-collapsed div span {
      display: block;
      margin-top: -19px;
      margin-left: 34px; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-expanded div span.selected {
      background-color: #DAE0F8;
      font-family: "Roboto Bold", sans-serif; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-expanded i.tree-branch-head {
      padding: 1px 10px; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-collapsed i.tree-branch-head {
      padding: 1px 10px; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li.tree-leaf i.tree-leaf-head {
      padding: 1px 10px; }
    .barraWidget.factor-performance-app treecontrol.tree-classic li .tree-unselectable {
      color: #CCCCCC; }
  .barraWidget div.fancy-radio-wrap {
    margin: 0 5px; }
  .barraWidget .filterBar {
    margin-bottom: 15px; }
    .barraWidget .filterBar .filterRight {
      float: right; }
  .barraWidget .shadedDataTable th {
    background-color: #F8F7F7; }
  .barraWidget .table-wrapper {
    overflow: auto;
    max-height: 675px; }
  .barraWidget .top-bottom-factor-selector {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding-right: 15px;
    padding-left: 15px; }
  .barraWidget .top-bottom-factor-info {
    padding-top: 30px; }
  .barraWidget .top-bottom-factors-table {
    margin-top: 54px;
    margin-left: 15px;
    margin-right: 15px; }
    .barraWidget .top-bottom-factors-table .top-bottom-factor-table-model-header {
      text-align: center; }
    .barraWidget .top-bottom-factors-table th, .barraWidget .top-bottom-factors-table td, .barraWidget .top-bottom-factors-table tr {
      border: 1px solid #CCCCCC; }
    .barraWidget .top-bottom-factors-table th {
      text-align: center; }
    .barraWidget .top-bottom-factors-table .percent {
      text-align: right; }
    .barraWidget .top-bottom-factors-table .positive {
      color: green; }
    .barraWidget .top-bottom-factors-table .negative {
      color: red; }
    .barraWidget .top-bottom-factors-table .shaded {
      background-color: #F8F7F7; }
  .barraWidget .dataTable th {
    font-size: 18px;
    line-height: 22px;
    padding: 10px;
    vertical-align: middle;
    cursor: pointer; }
    .barraWidget .dataTable th .shaded {
      background-color: #F8F7F7; }
    .barraWidget .dataTable th .name_col {
      width: 240px !important; }
    .barraWidget .dataTable th .currency_col {
      width: 50px; }
  .barraWidget .dataTable td {
    padding: 10px; }
    .barraWidget .dataTable td .percent {
      text-align: right; }
    .barraWidget .dataTable td .positive {
      color: #26D9B6; }
    .barraWidget .dataTable td .negative {
      color: #F65058; }
    .barraWidget .dataTable td .align-right {
      test-align: right; }
  .barraWidget .dataTable .sortasc, .barraWidget .dataTable .sortdesc {
    background: #CCCCCC;
    position: relative;
    padding-right: 20px; }
    .barraWidget .dataTable .sortasc:before, .barraWidget .dataTable .sortasc:after, .barraWidget .dataTable .sortdesc:before, .barraWidget .dataTable .sortdesc:after {
      font-family: 'fontawesome-alloy';
      -webkit-font-smoothing: antialiased;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      speak: none;
      text-decoration: inherit;
      text-transform: none;
      display: inline-block;
      padding-left: 5px;
      width: auto;
      height: auto;
      vertical-align: baseline;
      background-image: none;
      background-position: 0% 0%;
      background-repeat: repeat;
      margin-top: 0;
      position: absolute;
      right: 6px;
      top: 50%;
      transform: translateY(-50%); }
    .barraWidget .dataTable .sortasc:before, .barraWidget .dataTable .sortdesc:before {
      content: "\f0dc";
      color: rgba(0, 32, 54, 0.2); }
    .barraWidget .dataTable .sortasc:after, .barraWidget .dataTable .sortdesc:after {
      color: #002036; }
  .barraWidget .dataTable .sortasc:after {
    content: "\f0de"; }
  .barraWidget .dataTable .sortdesc:after {
    content: "\f0dd"; }
  .barraWidget .search-pagination {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-family: "Roboto Regular", sans-serif;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    padding-bottom: 24px; }
    .barraWidget .search-pagination .dataTables_filter, .barraWidget .search-pagination .dataTables_length {
      text-transform: uppercase;
      display: inline-block;
      vertical-align: top;
      width: 33.33333%;
      padding-right: 15px;
      padding-left: 15px; }
      .barraWidget .search-pagination .dataTables_filter label, .barraWidget .search-pagination .dataTables_length label {
        width: 100%; }
    .barraWidget .search-pagination .dataTables_info, .barraWidget .search-pagination > .dataTables_paginate {
      position: absolute;
      bottom: 0;
      width: 50%;
      padding-left: 15px;
      padding-right: 15px; }
    .barraWidget .search-pagination .dataTables_info {
      left: 0; }
    .barraWidget .search-pagination .dataTables_paginate {
      right: 0;
      text-align: right; }
  .barraWidget .search-pagination a {
    cursor: pointer;
    margin: 0 0.1em;
    padding: 0 0.3em; }
    .barraWidget .search-pagination a.paginate_active {
      text-decoration: underline; }
    .barraWidget .search-pagination a .previous .paginate_button_disabled, .barraWidget .search-pagination a .next .paginate_button_disabled {
      display: none; }
  .barraWidget .dataTables_paginate .liferay-pagination-prevnext {
    margin: 0px; }
  .barraWidget .dataTables_processing {
    clear: both;
    font-family: "Roboto Italic", sans-serif;
    padding: 5px 15px 0 15px; }
  .barraWidget .non-bold {
    font-weight: normal; }
  .barraWidget table .info-row {
    padding: 0 0 20px 40px;
    color: #666666; }
    .barraWidget table .info-row li {
      list-style-type: disc;
      width: 195px;
      float: left;
      padding: 2px; }
  .barraWidget .searchHighlight {
    background-color: rgba(26, 63, 214, 0.2); }
  .barraWidget .barraHelp {
    float: right;
    padding: 3px 0 0 10px;
    margin: 0 0 0 10px;
    border-left: 1px solid #DADADA; }
  .barraWidget .helpIcon {
    background: url(/o/msci/images/support-site/help_24x24.png) no-repeat top left;
    height: 24px;
    width: 24px;
    display: inline-block; }
  .barraWidget .excelIcon {
    background: url(/o/msci/images/support-site/excel_24x24.png) no-repeat top left;
    height: 24px;
    width: 24px;
    display: inline-block; }
  .barraWidget .liferay-content-list-sort > input[type="checkbox"] {
    margin: 5px !important; }
  .barraWidget .liferay-content-list-sort > input {
    vertical-align: middle; }
  .barraWidget .liferay-content-list-sort > label {
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    margin-left: 2px; }
  .barraWidget .liferay-content-list-sort .span4 {
    text-transform: uppercase;
    color: #336279; }
  .barraWidget .fancy-select-wrap {
    display: block !important;
    vertical-align: middle; }
  .barraWidget .liferay-content-list-options {
    text-transform: uppercase; }
    .barraWidget .liferay-content-list-options .span4:nth-child(2) {
      margin-left: 0 !important; }
      .barraWidget .liferay-content-list-options .span4:nth-child(2) input#inpMonthSelect {
        display: block; }
  @media (max-width: 767.98px) {
    .barraWidget .search-pagination {
      padding-bottom: 0; }
      .barraWidget .search-pagination .dataTables_filter, .barraWidget .search-pagination .dataTables_length, .barraWidget .search-pagination .dataTables_info, .barraWidget .search-pagination .dataTables_paginate {
        width: 100%;
        text-align: left;
        position: static; }
      .barraWidget .search-pagination .dataTables_info {
        margin-bottom: 10px; }
      .barraWidget .search-pagination .dataTables_paginate .first {
        padding-left: 0;
        padding-right: 0; } }
  @media (max-width: 991.98px) {
    .barraWidget .dataTable thead tr {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      .barraWidget .dataTable thead tr th {
        min-width: 48%;
        margin: 5px 1%;
        height: auto;
        background-color: #1A3FD6;
        color: #FFFFFF;
        text-align: center; }
      .barraWidget .dataTable thead tr .sortasc, .barraWidget .dataTable thead tr .sortdesc {
        background-color: #4A7BC9; }
        .barraWidget .dataTable thead tr .sortasc:after, .barraWidget .dataTable thead tr .sortdesc:after {
          color: #FFFFFF; }
        .barraWidget .dataTable thead tr .sortasc:before, .barraWidget .dataTable thead tr .sortdesc:before {
          color: rgba(255, 255, 255, 0.2); }
    .barraWidget .dataTable tr:nth-child(odd) td:before {
      background-color: #F8F7F7; }
    .barraWidget .dataTable tr:nth-child(odd):hover td {
      background-color: #EFF2FD; }
    .barraWidget .dataTable tr:nth-child(even):hover td {
      background-color: inherit; }
    .barraWidget .dataTable td {
      display: block;
      width: 50%;
      margin-left: 50%;
      position: relative;
      min-height: 43px; }
      .barraWidget .dataTable td:before {
        content: attr(data-column-name);
        position: absolute;
        top: 0;
        left: -100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        width: 100%;
        font-family: "Roboto Bold", sans-serif;
        text-transform: uppercase;
        padding: 10px;
        line-height: 1; } }
  @media (min-width: 992px) {
    .barraWidget .dataTable tr:nth-child(odd) td[class*="sorting"] {
      background-color: #DAE0F8; }
    .barraWidget .dataTable tr:nth-child(even) td[class*="sorting"] {
      background-color: #EFF2FD; }
    .barraWidget .dataTable tr:nth-child(even):hover td[class*="sorting"] {
      background-color: #DAE0F8; } }

.barraLoading {
  text-align: center;
  display: none; }

.barraWidgetLoading div, .barraWidgetLoading table {
  display: none; }

.barraWidgetLoading .barraLoading {
  display: block; }

.index-constituents .constituents-label, .index-constituents .select-container {
  margin-right: 10px;
  margin-bottom: 10px; }

.index-constituents .select-container, .index-constituents .msci-primary-search-button {
  display: inline-block;
  width: auto;
  vertical-align: top; }

.indexCountryMembershipOuter .countryCount {
  cursor: pointer;
  font-family: "Roboto Bold", sans-serif;
  color: #1E3A4D; }
  .indexCountryMembershipOuter .countryCount:hover {
    color: #1A3FD6; }
  .indexCountryMembershipOuter .countryCount:before {
    content: "\f107";
    font-size: 16px;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .indexCountryMembershipOuter .countryCount.open:before {
    content: "\f106"; }

.indexCountryMembershipOuter ul.countries {
  list-style: none;
  padding: 0px;
  display: none; }

.indexCountryMembershipOuter .lfr-pagination-config {
  display: none; }

.index-preview-portlet {
  padding-top: 60px;
  padding-bottom: 60px; }
  .index-preview-portlet .index-preview-chart-container {
    min-width: 310px;
    height: 100%; }
  .index-preview-portlet .tooltip-text {
    display: inline-block;
    padding: 5px; }
    .index-preview-portlet .tooltip-text > div:first-child {
      color: #666;
      padding-bottom: 5px; }
    .index-preview-portlet .tooltip-text > div:nth-child(2) {
      font-family: "Roboto Bold", sans-serif; }
  .index-preview-portlet .tooltip-number {
    display: inline-block;
    margin-left: 20px;
    color: #1A3FD6;
    font-family: "Roboto Bold", sans-serif;
    font-size: 30px; }
  .index-preview-portlet .tooltip-number-phone {
    display: none; }
  .index-preview-portlet .link-container {
    margin-top: 52px;
    text-align: right; }
  .index-preview-portlet .msci-link-primary-text {
    margin-left: 52px; }
    .index-preview-portlet .msci-link-primary-text > i {
      font-size: 16px; }
  .index-preview-portlet .highcharts-markers {
    opacity: 0.9; }
  @media (max-width: 767px) {
    .index-preview-portlet .tooltip-text {
      font-size: 16px; }
      .index-preview-portlet .tooltip-text > div:nth-child(2) {
        display: inline-block;
        line-height: 30px; }
    .index-preview-portlet .tooltip-number {
      display: none; }
    .index-preview-portlet .tooltip-number.tooltip-number-phone {
      display: inline-block;
      float: right; }
    .index-preview-portlet .msci-link-primary-text {
      display: block;
      text-align: right;
      margin-bottom: 32px; }
      .index-preview-portlet .msci-link-primary-text > i {
        margin-left: 10px; } }

.system-alerts-portlet li {
  list-style: none;
  background-color: #EFF2FD;
  margin-bottom: 10px;
  padding: 5px 10px 1px 10px; }

.system-alerts-portlet .is-read {
  color: #aaa; }

.system-alerts-portlet .mark-as-read {
  display: block;
  float: right; }

.system-alerts-portlet .title {
  font-weight: bold;
  font-size: 16px; }

.system-alerts-portlet .content {
  margin-left: 20px;
  margin-bottom: 10px; }

.benchmark-aggregator-container {
  /*******************************
	            Container
	*******************************/
  /* All Sizes */
  /* Mobile */
  /* Tablet */
  /* Small Monitor */
  /* Large Monitor */
  /*******************************
	             Types
	*******************************/
  /* Text Container */
  /* Fluid */
  /*******************************
	           Variations
	*******************************/
  /* [class^="icon"].ui-grid-icon-ok, [class*=" icon"].ui-grid-icon-ok, [class^="ui-grid-icon"].ui-grid-icon-ok, [class*=" ui-grid-icon"].ui-grid-icon-ok {
	  font-size: 9px;
	  margin-top: -22px !important;
	} */
  /*.icon {
	  	width: 16px;
	 	height: 16px;
		margin-right: 4px;
	  	display: inline-block;
		vertical-align: top !important;
		
		&.filter {
			background: url('../images/icon-filter.png') no-repeat 0 0;
		}
		
		&.export {
			background: url('../images/icon-export.png') no-repeat 0 0;
			margin-top: -2px;
		}
		
		&.dropdown {
			background: url('../images/icon-arrow_drop.png') no-repeat 0 40%;
		}
		
		&.csv {
			background: url('../images/icon-export_xls.png') no-repeat 0 0;
		}
		
		&.pdf {
			background: url('../images/icon-export_pdf.png') no-repeat 0 0;
		}
		
		&.status {
			background: url('../images/icon-check.png') no-repeat 0 0;
		}
	}
	*/
  /* CUSTOM CSS */
  /* UI GRID */
  /* Table body */
  /* ui grid row default background color */
  /* selected row background color for curate screen */
  /* selected row background color for curate screen */
  /*.ui-grid-canvas {
		width: 100% !important;
		padding-right: 2em;
	}
	
	.scrollFiller {
	  background: #F8F6F4;
	}
	*/
  /*.ui-grid-header-cell .sortable {
	  flex-direction: column;
	  flex-wrap: wrap;
	  align-items: center;
	}
	form[name="filterGrid"] .ui-grid-header-cell .sortable {
	  flex-direction: row-reverse;
	  align-items: center;
	}
	.ui-grid-header-cell .ui-grid-cell-contents {
	  flex: 1;
	}
	form[name="addPermission"] .ui-grid-header-cell .sortable,
	#companyGrid .ui-grid-header-cell .sortable,
	#clientGrid .ui-grid-header-cell .sortable,
	#userGrid .ui-grid-header-cell .sortable,
	#roleGrid .ui-grid-header-cell .sortable {
	  align-items: flex-start;
	}*/
  /*.ui-grid-row,
	.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
		border-bottom: 1px dotted #E1E1E1; 
	}*/
  /*.ui-grid-top-panel,
	.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
		background-color: #fff;
	}*/
  /* Modal dialog */
  /* Pagination */
  /* User Management Css  */
  /*This is for usermanagement add popup height(scroll remove)*/
  /* .modal.modal-lg
	{
	    width: 1240px;
	    margin-left: -612px;
	    margin-left: -250px;
	} */
  /* modal input group */
  /* navibar active color */
  /*.user-nav li:hover .dropdown-menu {
	  display: block;
	}*/
  /*#playBlend {
		max-width: 250px;
		min-width: auto;
	}*/
  /*.ie .ui.sidebar {
	  width: 490px;
	}*/ }
  .benchmark-aggregator-container .ui.container {
    display: block;
    max-width: 100% !important; }
  @media only screen and (max-width: 767px) {
    .benchmark-aggregator-container .ui.container {
      width: auto !important;
      margin-left: 1em !important;
      margin-right: 1em !important; }
    .benchmark-aggregator-container .ui.grid.container {
      width: auto !important; }
    .benchmark-aggregator-container .ui.relaxed.grid.container {
      width: auto !important; }
    .benchmark-aggregator-container .ui.very.relaxed.grid.container {
      width: auto !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .benchmark-aggregator-container .ui.container {
      width: 723px;
      margin-left: auto !important;
      margin-right: auto !important; }
    .benchmark-aggregator-container .ui.grid.container {
      width: calc( 723px  +  2rem) !important; }
    .benchmark-aggregator-container .ui.relaxed.grid.container {
      width: calc( 723px  +  3rem) !important; }
    .benchmark-aggregator-container .ui.very.relaxed.grid.container {
      width: calc( 723px  +  5rem) !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .benchmark-aggregator-container .ui.container {
      width: 933px;
      margin-left: auto !important;
      margin-right: auto !important; }
    .benchmark-aggregator-container .ui.grid.container {
      width: calc( 933px  +  2rem) !important; }
    .benchmark-aggregator-container .ui.relaxed.grid.container {
      width: calc( 933px  +  3rem) !important; }
    .benchmark-aggregator-container .ui.very.relaxed.grid.container {
      width: calc( 933px  +  5rem) !important; } }
  @media only screen and (min-width: 1200px) {
    .benchmark-aggregator-container .ui.container {
      width: 1170px;
      margin-left: auto !important;
      margin-right: auto !important; }
    .benchmark-aggregator-container .ui.grid.container {
      width: calc( 1170px  +  2rem) !important; }
    .benchmark-aggregator-container .ui.relaxed.grid.container {
      width: calc( 1170px  +  3rem) !important; }
    .benchmark-aggregator-container .ui.very.relaxed.grid.container {
      width: calc( 1170px  +  5rem) !important; } }
  .benchmark-aggregator-container .ui.text.container {
    max-width: 700px !important;
    line-height: 1.5; }
  .benchmark-aggregator-container .ui.text.container {
    font-size: 1.14285714rem; }
  .benchmark-aggregator-container .ui.fluid.container {
    width: 100%; }
  .benchmark-aggregator-container .ui[class*="left aligned"].container {
    text-align: left; }
  .benchmark-aggregator-container .ui[class*="center aligned"].container {
    text-align: center; }
  .benchmark-aggregator-container .ui[class*="right aligned"].container {
    text-align: right; }
  .benchmark-aggregator-container .ui.justified.container {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }
  .benchmark-aggregator-container [class^="icon"], .benchmark-aggregator-container [class*=" icon"], .benchmark-aggregator-container [class^="ui-grid-icon"], .benchmark-aggregator-container [class*=" ui-grid-icon"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .benchmark-aggregator-container [class*="icon"]:not([class*="icon-"]):before, .benchmark-aggregator-container [class*="ui-grid-icon"]:not([class*="icon-"]):before, .benchmark-aggregator-container [class^="ui-grid-icon"]:before {
    font-family: 'icomoon' !important; }
  .benchmark-aggregator-container [class^="icon"].export:before, .benchmark-aggregator-container [class*=" icon"].export:before, .benchmark-aggregator-container [class^="ui-grid-icon"].export:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].export:before {
    content: "\e900"; }
  .benchmark-aggregator-container [class^="icon"].filter:before, .benchmark-aggregator-container [class*=" icon"].filter:before, .benchmark-aggregator-container [class^="ui-grid-icon"].filter:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].filter:before {
    content: "\e901"; }
  .benchmark-aggregator-container [class^="icon"].download:before, .benchmark-aggregator-container [class*=" icon"].download:before, .benchmark-aggregator-container [class^="ui-grid-icon"].download:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].download:before {
    content: "\e902"; }
  .benchmark-aggregator-container [class^="icon"].arrow-right:before, .benchmark-aggregator-container [class^="icon"].dropdown:before, .benchmark-aggregator-container [class^="icon"].ui-grid-icon-plus-squared:before, .benchmark-aggregator-container [class^="icon"].ui-grid-icon-minus-squared:before, .benchmark-aggregator-container [class^="icon"].ui-grid-icon-down-dir:before, .benchmark-aggregator-container [class^="icon"].ui-grid-icon-up-dir:before, .benchmark-aggregator-container [class*=" icon"].arrow-right:before, .benchmark-aggregator-container [class*=" icon"].dropdown:before, .benchmark-aggregator-container [class*=" icon"].ui-grid-icon-plus-squared:before, .benchmark-aggregator-container [class*=" icon"].ui-grid-icon-minus-squared:before, .benchmark-aggregator-container [class*=" icon"].ui-grid-icon-down-dir:before, .benchmark-aggregator-container [class*=" icon"].ui-grid-icon-up-dir:before, .benchmark-aggregator-container [class^="ui-grid-icon"].arrow-right:before, .benchmark-aggregator-container [class^="ui-grid-icon"].dropdown:before, .benchmark-aggregator-container [class^="ui-grid-icon"].ui-grid-icon-plus-squared:before, .benchmark-aggregator-container [class^="ui-grid-icon"].ui-grid-icon-minus-squared:before, .benchmark-aggregator-container [class^="ui-grid-icon"].ui-grid-icon-down-dir:before, .benchmark-aggregator-container [class^="ui-grid-icon"].ui-grid-icon-up-dir:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].arrow-right:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].dropdown:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].ui-grid-icon-plus-squared:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].ui-grid-icon-minus-squared:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].ui-grid-icon-down-dir:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].ui-grid-icon-up-dir:before {
    content: "\25BA"; }
  .benchmark-aggregator-container [class^="icon"].ui-grid-icon-cancel, .benchmark-aggregator-container [class*=" icon"].ui-grid-icon-cancel, .benchmark-aggregator-container [class^="ui-grid-icon"].ui-grid-icon-cancel, .benchmark-aggregator-container [class*=" ui-grid-icon"].ui-grid-icon-cancel {
    font-size: 9px;
    margin-top: -22px !important; }
  .benchmark-aggregator-container [class^="icon"].notok:before, .benchmark-aggregator-container [class^="icon"].ui-grid-icon-cancel:before, .benchmark-aggregator-container [class*=" icon"].notok:before, .benchmark-aggregator-container [class*=" icon"].ui-grid-icon-cancel:before, .benchmark-aggregator-container [class^="ui-grid-icon"].notok:before, .benchmark-aggregator-container [class^="ui-grid-icon"].ui-grid-icon-cancel:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].notok:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].ui-grid-icon-cancel:before {
    content: "\e904"; }
  .benchmark-aggregator-container [class^="icon"].ok:before, .benchmark-aggregator-container [class*=" icon"].ok:before, .benchmark-aggregator-container [class^="ui-grid-icon"].ok:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].ok:before {
    content: "\e905"; }
  .benchmark-aggregator-container [class^="icon"].calendar:before, .benchmark-aggregator-container [class*=" icon"].calendar:before, .benchmark-aggregator-container [class^="ui-grid-icon"].calendar:before, .benchmark-aggregator-container [class*=" ui-grid-icon"].calendar:before {
    content: "\e906"; }
  .benchmark-aggregator-container [class^="icon"].ui-grid-icon-up-dir, .benchmark-aggregator-container [class*=" icon"].ui-grid-icon-up-dir, .benchmark-aggregator-container [class^="ui-grid-icon"].ui-grid-icon-up-dir, .benchmark-aggregator-container [class*=" ui-grid-icon"].ui-grid-icon-up-dir {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 9px; }
  .benchmark-aggregator-container .ui-grid-icon-ok:before {
    content: "\e905";
    font-weight: bolder;
    font-size: 1em; }
  .benchmark-aggregator-container .ui-grid-icon-cancel:before {
    content: "\e904";
    font-weight: bolder;
    font-size: 1em; }
  .benchmark-aggregator-container .ui-grid-icon-menu:before {
    content: '\039e';
    font-weight: bolder; }
  .benchmark-aggregator-container [class^="icon"].ui-grid-icon-down-dir, .benchmark-aggregator-container [class^="icon"].dropdown, .benchmark-aggregator-container [class*=" icon"].ui-grid-icon-down-dir, .benchmark-aggregator-container [class*=" icon"].dropdown, .benchmark-aggregator-container [class^="ui-grid-icon"].ui-grid-icon-down-dir, .benchmark-aggregator-container [class^="ui-grid-icon"].dropdown, .benchmark-aggregator-container [class*=" ui-grid-icon"].ui-grid-icon-down-dir, .benchmark-aggregator-container [class*=" ui-grid-icon"].dropdown {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 9px; }
  .benchmark-aggregator-container [class^="icon"].status, .benchmark-aggregator-container [class*=" icon"].status, .benchmark-aggregator-container [class^="ui-grid-icon"].status, .benchmark-aggregator-container [class*=" ui-grid-icon"].status {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: .75rem;
    border-radius: 50%;
    border: 1px solid; }
  .benchmark-aggregator-container [class^="icon"].status.ok, .benchmark-aggregator-container [class*=" icon"].status.ok, .benchmark-aggregator-container [class^="ui-grid-icon"].status.ok, .benchmark-aggregator-container [class*=" ui-grid-icon"].status.ok {
    color: forestgreen; }
  .benchmark-aggregator-container [class^="icon"].status.notok, .benchmark-aggregator-container [class*=" icon"].status.notok, .benchmark-aggregator-container [class^="ui-grid-icon"].status.notok, .benchmark-aggregator-container [class*=" ui-grid-icon"].status.notok {
    color: #CB4F53; }
  .benchmark-aggregator-container .text-center,
  .benchmark-aggregator-container .text-center > .ui-grid-cell-contents {
    text-align: left;
    justify-content: left; }
  .benchmark-aggregator-container .item, .benchmark-aggregator-container .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child, .benchmark-aggregator-container .ui-grid-render-container-body .ui-grid-viewport .ui-grid-cell-contents, .benchmark-aggregator-container .ui.menu, .benchmark-aggregator-container .ui.segment, .benchmark-aggregator-container .ui.sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .benchmark-aggregator-container .item, .benchmark-aggregator-container .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child, .benchmark-aggregator-container .ui-grid-render-container-body .ui-grid-viewport .ui-grid-cell-contents {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .benchmark-aggregator-container .right {
    margin-left: auto; }
  .benchmark-aggregator-container .item {
    flex-wrap: wrap;
    /*cursor: pointer;*/
    padding: .564rem 0; }
  .benchmark-aggregator-container .item.top {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-self: flex-start; }
  .benchmark-aggregator-container .item.stretched {
    flex: 1; }
  .benchmark-aggregator-container .app-content {
    flex: 1; }
  .benchmark-aggregator-container .navbar {
    border-bottom: 1px solid #002036;
    background: #fff;
    margin-bottom: 20px; }
  .benchmark-aggregator-container .navbar .item {
    color: #8997a1;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    padding: .71428em 2em;
    border-right: 1px solid #e9e6e1; }
  .benchmark-aggregator-container .navbar .item.nav {
    background: #f8f7f5; }
  .benchmark-aggregator-container ul.navbar-nav li.active, .benchmark-aggregator-container ul.navbar-nav li:hover {
    color: #1E3A4D;
    background: #f1eeeb; }
  .benchmark-aggregator-container .navbar .header {
    padding-right: 2em;
    padding-left: 0; }
  .benchmark-aggregator-container .ui.menu.wrapper {
    border-bottom: 1px solid #002036;
    background: #fff;
    margin-bottom: 20px; }
  .benchmark-aggregator-container .ui.menu .item {
    color: #8997a1;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    padding: .71428em 2em;
    border-right: 1px solid #e9e6e1; }
  .benchmark-aggregator-container .ui.menu .item.nav {
    background: #f8f7f5; }
  .benchmark-aggregator-container .ui.menu .item.nav.active, .benchmark-aggregator-container .ui.menu .item.nav:hover {
    color: #1E3A4D;
    background: #f1eeeb; }
  .benchmark-aggregator-container .ui.menu .item.header {
    padding-right: 2em;
    padding-left: 0; }
  .benchmark-aggregator-container .ui.menu .item.right {
    border-right: 0;
    color: #CB4F53;
    padding-right: 0; }
  .benchmark-aggregator-container .ui.list {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0; }
  .benchmark-aggregator-container .ie .list.ui {
    height: 100%; }
  .benchmark-aggregator-container .ui.list li {
    padding-bottom: .5rem;
    border-bottom: 1px solid #F8F7F7;
    width: 100%; }
  .benchmark-aggregator-container .ui.button {
    cursor: pointer;
    display: inline-block;
    outline: none;
    border: none;
    vertical-align: middle;
    background: none;
    color: inherit;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    text-shadow: none;
    line-height: 1em;
    font-size: 1rem;
    padding: .357em 1.45em !important;
    margin: 0.35714em 0.25em;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: '';
    -webkit-tap-highlight-color: transparent; }
  .benchmark-aggregator-container .ui.button.dismissable {
    color: #1A3FD6;
    padding-right: 1em;
    border: 1px solid #1A3FD6;
    border-radius: 20px;
    border: 1px solid #1A3FD6;
    border-radius: 20px; }
  .benchmark-aggregator-container .ui.button.dismissable span {
    vertical-align: middle; }
  .benchmark-aggregator-container .ui.button.dismissable .delete {
    font-size: 1.2rem;
    font-family: "DINNextW02Bold", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-right: 0; }
  .benchmark-aggregator-container .ui.button.primary {
    background: #1E3A4D;
    color: #fff; }
  .benchmark-aggregator-container .ui.button.secondary {
    background: #24211e;
    color: #f1f1f1; }
  .benchmark-aggregator-container .ui.button.download {
    border-radius: 16px;
    border: 1px solid #fab17d;
    color: #fab17d;
    background: #fff; }
  .benchmark-aggregator-container .ui.dropdown {
    line-height: 1;
    position: relative; }
  .benchmark-aggregator-container .ui.dropdown .text {
    padding: .71428em 0;
    cursor: pointer; }
  .benchmark-aggregator-container .ui.dropdown .menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 140px;
    color: #1E3A4D;
    width: 100%;
    z-index: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
    background: #fff;
    border: 1px solid #F7B547; }
  .benchmark-aggregator-container .bottom {
    border-bottom: 2px solid #ccc; }
  .benchmark-aggregator-container .ui.dropdown .menu:before, .benchmark-aggregator-container .ui.dropdown .menu:after {
    content: '';
    position: absolute;
    border-left: 7px solid rgba(255, 255, 255, 0);
    border-right: 7px solid rgba(255, 255, 255, 0);
    border-top: 7px solid rgba(255, 255, 255, 0);
    border-bottom: 14px solid white;
    right: 10px; }
  .benchmark-aggregator-container .ui.dropdown .menu:after {
    top: -20px; }
  .benchmark-aggregator-container .ui.dropdown .menu:before {
    border-bottom: 14px solid #F7B547;
    top: -21px; }
  .benchmark-aggregator-container .ui.dropdown .menu .item {
    padding: .71428em;
    font-size: .875rem;
    color: #1E3A4D; }
  .benchmark-aggregator-container .ui.dropdown .menu .item:hover {
    background: #f1eeeb; }
  .benchmark-aggregator-container .ui.dropdown:hover .menu {
    display: block; }
  .benchmark-aggregator-container .ui.input, .benchmark-aggregator-container .ui-grid-filter-container input.ui-grid-filter-input {
    padding: .357em .714em;
    border: 1px solid #F8F7F7;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
  .benchmark-aggregator-container .ui.input:focus, .benchmark-aggregator-container .ui-grid-filter-container input.ui-grid-filter-input:focus {
    border-color: #37617A;
    box-shadow: none; }
  .benchmark-aggregator-container .ui.segment {
    color: #fff;
    position: relative; }
  .benchmark-aggregator-container .ui.segment.wrapper {
    margin-bottom: 20px; }
  .benchmark-aggregator-container .ui.segment em {
    color: #65747f; }
  .benchmark-aggregator-container .ui.segment .right {
    border-left: 1px solid #F8F7F7;
    padding: 0 1em; }
  .benchmark-aggregator-container .ui.segment.filter {
    padding: 0 1em;
    min-height: 48px;
    background: #1E3A4D; }
  .benchmark-aggregator-container .ui.segment.filter:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-left: 14px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #f1eeeb;
    border-right: 10px solid #f1eeeb; }
  .benchmark-aggregator-container .ui.segment.filter .clear {
    color: #1A3FD6; }
  .benchmark-aggregator-container .ui.segment.filter .clear:hover {
    color: #1E3A4D; }
  .benchmark-aggregator-container .ui .bmag-progress {
    border: 1px solid #002036;
    text-align: center;
    border-radius: 8px;
    display: inline-flex;
    line-height: 1.5;
    cursor: pointer;
    white-space: nowrap; }
  .benchmark-aggregator-container .ui .bmag-progress .bmag-bar {
    background: lightgreen;
    padding: 0 8px;
    border-radius: 8px;
    -webkit-transition: width .2s ease-out;
    -moz-transition: width .2s ease-out;
    transition: width .2s ease-out; }
  .benchmark-aggregator-container .ui .bmag-progress.none .bmag-bar {
    background: transparent;
    cursor: no-drop !important;
    opacity: 0.65;
    box-shadow: none; }
  .benchmark-aggregator-container .ui.rounded {
    border-radius: 50%;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 30px; }
  .benchmark-aggregator-container .ui.calendar input[type="text"] {
    background: none;
    border: 0;
    width: 99px;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    outline: 0;
    text-align: center; }
  .benchmark-aggregator-container .ui.datatable {
    font-size: 0.85714286rem;
    position: relative; }
  .benchmark-aggregator-container .ui.sidebar {
    position: absolute;
    top: 60px;
    right: 0;
    background: #fff;
    flex-direction: column;
    bottom: 190px; }
  .benchmark-aggregator-container .ui.sidebar .header {
    background: #fab17d;
    padding: 5px;
    color: #fff; }
  .benchmark-aggregator-container .ui.sidebar .close {
    color: black;
    font-size: .75rem; }
  .benchmark-aggregator-container .ui.sidebar .body {
    padding: 8px 16px;
    flex: 1;
    overflow-y: auto;
    overflow-x: auto; }
  .benchmark-aggregator-container .ie .sidebar.ui .body {
    width: 100%;
    box-sizing: border-box; }
  .benchmark-aggregator-container .ui.sidebar .body .text {
    flex: 1;
    line-height: 1.5;
    padding-right: 10px; }
  .benchmark-aggregator-container .ui.sidebar .actions .button {
    margin: 0 1em 0 0;
    font-size: 12px;
    padding: 0.25em 0.75em !important; }
  .benchmark-aggregator-container .ui.sidebar .actions .button:hover {
    background: #1A3FD6;
    color: #fff; }
  .benchmark-aggregator-container .ui.sidebar .footer {
    background: #37617A;
    padding: 5px;
    height: 30px;
    color: #fff; }
  .benchmark-aggregator-container .app-footer {
    font-size: .875rem;
    padding: .25em 0;
    color: #fff;
    font-family: "DINNextW02Light", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #1E3A4D;
    text-align: center; }
  .benchmark-aggregator-container .grid {
    height: 600px; }
  .benchmark-aggregator-container .permission-grid {
    height: 400px; }
  .benchmark-aggregator-container .ui-grid-viewport {
    background: #F8F6F4;
    overflow-anchor: none; }
  .benchmark-aggregator-container .ui-grid-viewport .ui-grid-cell-contents {
    border-bottom: 1px dotted #E1E1E1; }
  .benchmark-aggregator-container .ui-grid-viewport .ui-grid-header-cell-wrapper {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 0.5rem; }
  .benchmark-aggregator-container .ui-grid-viewport .ui-grid-row .ui-grid-cell {
    background: #EDE7E3;
    border: 0 !important;
    border-bottom: 1px dotted #ccc !important; }
  .benchmark-aggregator-container .ui-grid-viewport .whitelist .ui-grid-cell {
    background: #f2f3f2; }
  .benchmark-aggregator-container .ui-grid-viewport .notwhitelist .ui-grid-cell {
    font-weight: bold; }
  .benchmark-aggregator-container .ui-grid-viewport .ui-grid-row-selected .ui-grid-cell {
    background: #c9dde1; }
  .benchmark-aggregator-container .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    justify-content: center; }
  .benchmark-aggregator-container .expandableRow {
    /*width: 100% !important;
	  box-sizing: border-box;*/ }
  .benchmark-aggregator-container .expandableRow .ui-grid {
    width: 1040px;
    margin: 1rem auto; }
  .benchmark-aggregator-container .expandableRow .ui-grid-contents-wrapper {
    border: 0; }
  .benchmark-aggregator-container .expandableRow .ui-grid-contents-wrapper .ui-grid-header-cell {
    background: #F8F6F4;
    color: #515151; }
  .benchmark-aggregator-container .expandableRow .ui-grid-contents-wrapper input[type="text"] {
    box-shadow: none; }
  .benchmark-aggregator-container .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
    background: #F8F6F4; }
  .benchmark-aggregator-container .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
    background: #fff; }
  .benchmark-aggregator-container .ui-grid-contents-wrapper {
    border: 1px solid #666666; }
  .benchmark-aggregator-container .ui-grid-cell {
    color: #515151;
    /*	background-color: #EDE7E3 !important;*/ }
  .benchmark-aggregator-container .ui-grid-header-cell {
    color: #fff;
    background: #666666;
    padding: 0 0.5em; }
  .benchmark-aggregator-container .ui-grid-expandable-buttons-cell {
    text-align: center; }
  .benchmark-aggregator-container .ui-grid-expandable-buttons-cell i {
    cursor: pointer; }
  .benchmark-aggregator-container .ui-grid-expandable-buttons-cell i.ui-grid-icon-minus-squared {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center; }
  .benchmark-aggregator-container .ui-grid-selection-row-header-buttons {
    width: 18px;
    height: 18px;
    box-shadow: 0px 0 4px #F1EEEC;
    border: 1px solid #F1EEEC;
    opacity: 1; }
  .benchmark-aggregator-container .ui-grid-selection-row-header-buttons:before {
    display: none; }
  .benchmark-aggregator-container .ui-grid-selection-row-header-buttons.ui-grid-row-selected {
    background: #1A3FD6; }
  .benchmark-aggregator-container .ui-grid,
  .benchmark-aggregator-container .ui-grid-header-cell,
  .benchmark-aggregator-container .scrollFiller {
    border: 0 !important; }
  .benchmark-aggregator-container .ui-grid-header {
    border-color: #F7F7F7; }
  .benchmark-aggregator-container .ui-grid-top-panel {
    font-weight: normal;
    font-family: "DINNextW02Bold", "Calibri", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-image: none; }
  .benchmark-aggregator-container .ui-grid-top-panel,
  .benchmark-aggregator-container .ui-grid-header-viewport {
    overflow: visible;
    /* modified to display the filter dialog in the table */ }
  .benchmark-aggregator-container ._720kb-datepicker-calendar-month-button {
    color: #fff; }
  .benchmark-aggregator-container ._720kb-datepicker-calendar-header-opened-pagination::after {
    content: " \25B4"; }
  .benchmark-aggregator-container .ui-modal {
    position: absolute;
    text-align: left;
    top: 27px;
    padding: 1rem;
    z-index: 1000;
    max-width: 100%;
    min-width: 320px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
    background: #fff;
    border: 1px solid #F7B547;
    /* Position datepicker inside the modal popover */ }
  .benchmark-aggregator-container .ui-modal:before, .benchmark-aggregator-container .ui-modal:after {
    content: '';
    position: absolute;
    border-left: 7px solid rgba(255, 255, 255, 0);
    border-right: 7px solid rgba(255, 255, 255, 0);
    border-top: 7px solid rgba(255, 255, 255, 0);
    border-bottom: 14px solid white; }
  .benchmark-aggregator-container .ui-modal:before {
    border-bottom: 14px solid #F7B547;
    top: -21px; }
  .benchmark-aggregator-container .ui-modal:after {
    top: -20px; }
  .benchmark-aggregator-container .ui-modal.farleft {
    left: 0; }
  .benchmark-aggregator-container .ui-modal.farleft:before, .benchmark-aggregator-container .ui-modal.farleft:after {
    left: 10px; }
  .benchmark-aggregator-container .ui-modal.farright {
    right: 0; }
  .benchmark-aggregator-container .ui-modal.farright:before, .benchmark-aggregator-container .ui-modal.farright:after {
    right: 10px; }
  .benchmark-aggregator-container .ui-modal ._720kb-datepicker-calendar {
    position: relative; }
  .benchmark-aggregator-container .ui-modal-body {
    /*.ui-grid-row, .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
	  	border: 0;
	  }*/ }
  .benchmark-aggregator-container .ui-modal-body input[type="text"] {
    box-shadow: none; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-header {
    display: none; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-header-cell {
    background: #fff;
    color: #515151; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-cell {
    background: #fff !important; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-header-cell .sortable {
    display: block; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-contents-wrapper {
    border: 0; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
    display: none; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-top-panel {
    margin-left: -30px;
    margin-bottom: 10px;
    position: relative; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-header-viewport, .benchmark-aggregator-container .ui-modal-body .ui-grid-header-cell-wrapper, .benchmark-aggregator-container .ui-modal-body .ui-grid-header-canvas {
    width: 100% !important; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-viewport {
    min-height: 100px;
    background: #fff; }
  .benchmark-aggregator-container .ui-modal-body .ui-grid-viewport .ui-grid-header, .benchmark-aggregator-container .ui-modal-body .ui-grid-viewport .ui-grid-cell-contents {
    border-bottom: 0; }
  .benchmark-aggregator-container .ui-modal .ui-grid-render-container-body .ui-grid-viewport,
  .benchmark-aggregator-container .ui-modal-grid {
    /*height: auto !important;*/ }
  .benchmark-aggregator-container .ui-modal-footer {
    text-align: right;
    margin: 1em 0;
    padding-top: 0.5rem;
    border-top: 1px solid #e9edf5; }
  .benchmark-aggregator-container .ui-grid-filter-container {
    z-index: 102;
    text-align: center;
    padding: 0; }
  .benchmark-aggregator-container .ui-grid-filter-container .ui.img.button {
    padding: 0 !important;
    z-index: 101;
    position: relative;
    margin: 0;
    /*&.active {
	  	background: #fff;
	  	border: 1px solid #F7B547;
	  	border-bottom: 0;
	  	border-radius: 0;
	  	color: #FAB743;
	  }*/ }
  .benchmark-aggregator-container .ui-grid-filter-container input.ui-grid-filter-input {
    margin-bottom: 1rem; }
  .benchmark-aggregator-container .ui-grid-pager-panel {
    /*position: relative;*/
    bottom: -3px;
    left: 6px;
    right: 6px;
    width: auto;
    padding: 0; }
  .benchmark-aggregator-container .ui-grid-pager-panel .ui-grid-pager-container {
    float: none; }
  .benchmark-aggregator-container .ui-grid-pager-panel .ui-grid-pager-count-container {
    float: left;
    margin-top: 6px; }
  .benchmark-aggregator-container .ui-grid-pager-panel .ui-grid-pager-control {
    float: right;
    margin-right: 0; }
  .benchmark-aggregator-container .ui-grid-pager-panel .ui-grid-pager-row-count-picker select {
    width: 47px;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    height: 23px; }
  .benchmark-aggregator-container .ui-grid-pager-panel .ui-grid-pager-control input {
    width: 35px;
    height: 26px;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    margin-bottom: 0 !important; }
  .benchmark-aggregator-container .ui-grid-pager-panel .ui-grid-pager-control button {
    padding: .5em;
    font-size: .875rem;
    border-radius: 0;
    min-width: auto;
    height: 1rem;
    background: #fff; }
  .benchmark-aggregator-container .ui-grid-pager-panel:after {
    content: '';
    clear: both;
    display: table;
    height: 0; }
  .benchmark-aggregator-container .ui-grid-sort-priority-number {
    display: none; }
  .benchmark-aggregator-container .ui-grid-pager-control .ui-grid-pager-max-pages-number {
    font-size: 1rem;
    vertical-align: middle; }
  .benchmark-aggregator-container .ui-grid-header-cell-row .ui-grid-expandable-buttons-cell i {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    cursor: default; }
  .benchmark-aggregator-container .download-grid-data {
    position: absolute;
    z-index: 100;
    right: 3em; }
  .benchmark-aggregator-container .loading-dialog {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2) url("../images/loading-square.gif") 50% 50% no-repeat; }
  .benchmark-aggregator-container .main_nav_wrap ul.level_1 > li,
  .benchmark-aggregator-container .main_nav_wrap ul.level_1 > li.has_children-true > a,
  .benchmark-aggregator-container .layout-align {
    box-sizing: content-box; }
  .benchmark-aggregator-container .user-nav li {
    position: relative; }
  .benchmark-aggregator-container .error-style {
    color: #e32;
    font-size: 1.5em;
    padding-left: 7px; }
  .benchmark-aggregator-container .required label {
    font-weight: bold; }
  .benchmark-aggregator-container .required label:after,
  .benchmark-aggregator-container .required .ui-select-container:after {
    color: #e32;
    content: ' *';
    display: inline; }
  .benchmark-aggregator-container .required .ui-select-container:after {
    font-size: 1.5em;
    position: absolute;
    top: 8px;
    right: -2.5em; }
  .benchmark-aggregator-container .orgDualList .row {
    margin-left: -15px; }
  .benchmark-aggregator-container .orgDualList .box1,
  .benchmark-aggregator-container .orgDualList .box2 {
    width: 50%;
    float: left;
    padding: 0 15px; }
  .benchmark-aggregator-container .orgDualList .glyphicon {
    font-family: 'icomoon' !important; }
  .benchmark-aggregator-container .orgDualList .glyphicon:before {
    content: "\e903";
    display: inline-block;
    margin-left: -8px; }
  .benchmark-aggregator-container .orgDualList .glyphicon-arrow-left:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  .benchmark-aggregator-container .orgPopupDualList .box1,
  .benchmark-aggregator-container .orgPopupDualList .box2 {
    width: 50%;
    float: left;
    padding: 0 15px; }
  .benchmark-aggregator-container .orgPopupDualList .glyphicon {
    font-family: 'icomoon' !important; }
  .benchmark-aggregator-container .orgPopupDualList .glyphicon:before {
    content: "\e903";
    display: inline-block;
    margin-left: -8px; }
  .benchmark-aggregator-container .orgPopupDualList .glyphicon-arrow-left:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  .benchmark-aggregator-container .userDualList .row {
    margin-left: -15px; }
  .benchmark-aggregator-container .userDualList .box1,
  .benchmark-aggregator-container .userDualList .box2 {
    width: 50%;
    float: left;
    padding: 0 15px; }
  .benchmark-aggregator-container .userDualList .glyphicon {
    font-family: 'icomoon' !important; }
  .benchmark-aggregator-container .userDualList .glyphicon:before {
    content: "\e903";
    display: inline-block;
    margin-left: -8px; }
  .benchmark-aggregator-container .userDualList .glyphicon-arrow-left:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  .benchmark-aggregator-container .duallist .row {
    margin: 0; }
  .benchmark-aggregator-container .duallist .box1,
  .benchmark-aggregator-container .duallist .box2 {
    float: left;
    box-sizing: border-box;
    width: 48.71795%;
    padding: 0;
    margin-left: 2.5641%; }
  .benchmark-aggregator-container .duallist .box1 {
    margin-left: 0; }
  .benchmark-aggregator-container .bmag-row {
    margin-left: 0 !important;
    margin-bottom: 15px; }
  .benchmark-aggregator-container .bmag-permission-row {
    margin-left: 5px  !important;
    /* margin-bottom: 15px; */ }
  .benchmark-aggregator-container .bmag-row input[type="text"], .benchmark-aggregator-container .bmag-row input[type="email"], .benchmark-aggregator-container .bmag-row input[type="number"], .benchmark-aggregator-container .bmag-row select {
    height: 28px; }
  .benchmark-aggregator-container .bmag-row input[type="text"], .benchmark-aggregator-container .bmag-row input[type="email"], .benchmark-aggregator-container .bmag-row textarea, .benchmark-aggregator-container .bmag-row select {
    width: 100%; }
  .benchmark-aggregator-container .bmag-row label {
    line-height: 1; }
  .benchmark-aggregator-container .bmag-form h2 {
    font-size: 16px; }
  .benchmark-aggregator-container .grid-action-align > [class*="icon"] {
    margin-top: -2px;
    margin-left: 0px;
    font-size: 16px; }
  .benchmark-aggregator-container .grid-action-align-blacklisted-delete > [class*="icon"] {
    margin-top: -1px;
    margin-left: 30px;
    font-size: 16px; }
  .benchmark-aggregator-container .grid-action-align-button {
    border-radius: 5px;
    padding: 2px 10px;
    cursor: pointer; }
  .benchmark-aggregator-container .grid-action-align-delete-button {
    border-radius: 5px;
    padding: 2px 10px;
    cursor: pointer; }
  .benchmark-aggregator-container .addPopup {
    max-height: 460px !important; }
  .benchmark-aggregator-container .modal.modal-lg {
    width: 100%;
    margin-left: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0;
    border: 0; }
  .benchmark-aggregator-container .modal.modal-lg.fade.in {
    top: 0; }
  .benchmark-aggregator-container .modal-lg > .modal-dialog {
    width: 1200px;
    background-color: white;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    margin: 30px auto; }
  .benchmark-aggregator-container .modal-lg .modal-body {
    max-height: 100%; }
  .benchmark-aggregator-container .modal-lg.addNewBlend .modal-body {
    max-height: 850px; }
  .benchmark-aggregator-container .modal-open {
    overflow: hidden; }
  .benchmark-aggregator-container .modal-open .modal-lg {
    overflow-x: hidden;
    overflow-y: auto; }
  .benchmark-aggregator-container .modal-lg.addNewBlend > .modal-dialog {
    width: 750px; }
  .benchmark-aggregator-container .modal.modal-lg.addNewBlend {
    margin-left: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0;
    border: 0; }
  .benchmark-aggregator-container .modal.modal-lg .ui-grid-header-cell .sortable {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .benchmark-aggregator-container .modal-content.ui-resizable {
    overflow-y: scroll; }
  .benchmark-aggregator-container .bmag-input-group {
    position: relative;
    padding-right: 34px; }
  .benchmark-aggregator-container .bmag-input-group input[type="text"] {
    width: 100%;
    height: 30px; }
  .benchmark-aggregator-container .bmag-input-group .input-group-btn {
    position: absolute;
    top: 0;
    right: 0; }
  .benchmark-aggregator-container #vendorGrid {
    height: 120px; }
  .benchmark-aggregator-container #productFamilyGrid {
    height: 200px; }
  .benchmark-aggregator-container #portfolioGrid {
    height: 300px; }
  .benchmark-aggregator-container .ui-grid-cell .ui-grid-vertical-bar {
    height: 20px; }
  .benchmark-aggregator-container .browse_label {
    font-family: Arial;
    color: #03121F;
    font-size: 15px;
    text-decoration: none; }
  .benchmark-aggregator-container .upload_success_label {
    font-family: Arial;
    color: #069E06;
    font-size: 20px;
    text-decoration: none; }
  @media (min-width: 1400px) {
    .benchmark-aggregator-container .container {
      width: 1275px; } }
  .benchmark-aggregator-container .btn-primary {
    color: #d9ffff;
    border: 1px solid #0d5b85;
    background: #3381ab;
    background: -moz-linear-gradient(top, #3381ab 0%, #0d5b85 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3381ab), color-stop(100%, #0d5b85));
    background: -webkit-linear-gradient(top, #3381ab 0%, #0d5b85 100%);
    background: -o-linear-gradient(top, #3381ab 0%, #0d5b85 100%);
    background: -ms-linear-gradient(top, #3381ab 0%, #0d5b85 100%);
    background: linear-gradient(to bottom, #3381ab 0%, #0d5b85 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3381ab', endColorstr='#0d5b85', GradientType=0); }
  .benchmark-aggregator-container .ui-select-bootstrap > .ui-select-match > .btn {
    width: 100%; }
  .benchmark-aggregator-container .ui-select-bootstrap .ui-select-search {
    height: 34px !important;
    width: 100%; }
  .benchmark-aggregator-container .permission-grid {
    margin: 10px 0; }
  .benchmark-aggregator-container .aui a {
    text-decoration: none !important; }
  .benchmark-aggregator-container .ui-select-bootstrap > .ui-select-match > .btn {
    width: 100%; }
  .benchmark-aggregator-container .ui-select-bootstrap .ui-select-search {
    height: 34px !important;
    width: 100%; }
  .benchmark-aggregator-container .ui-grid-header-cell.filterable {
    position: relative;
    padding-left: 16px; }
  .benchmark-aggregator-container .ui-grid-menu-button {
    z-index: 1000; }
  .benchmark-aggregator-container .ui-grid-header-cell.filterable [ui-grid-filter] {
    position: absolute;
    left: 3px;
    top: 0; }
  .benchmark-aggregator-container .ui-grid-header-cell.filterable .ui-grid-cell-contents {
    float: left; }
  .benchmark-aggregator-container .filterable .ui-grid-filter-container {
    top: 5px; }
  .benchmark-aggregator-container .selectpicker {
    margin: 0 !important; }
  .benchmark-aggregator-container .loader {
    position: relative;
    top: 100px;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 1000; }
  .benchmark-aggregator-container .new-loading-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .benchmark-aggregator-container .navbar .nav > li > a {
    cursor: pointer; }
  .benchmark-aggregator-container .aui .navbar .nav > li > a.active {
    color: #0077b3;
    background: #f1eeeb; }
  .benchmark-aggregator-container .aui select, .benchmark-aggregator-container .aui input[type="file"] {
    height: 27px;
    line-height: 30px; }
  .benchmark-aggregator-container ._720kb-datepicker-calendar {
    background: white;
    color: #333;
    position: absolute;
    z-index: 999;
    min-width: 200px;
    /* margin: 0 auto; */
    /* width: 101%; */
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    visibility: hidden;
    overflow: hidden;
    margin-left: -0.5%;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .benchmark-aggregator-container ._720kb-datepicker-calendar-day {
    cursor: pointer;
    font-size: 13px;
    width: 12%;
    margin: 1px .5%;
    padding: 1% 0;
    float: left;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #eee;
    border: 1px solid #ccc; }
  .benchmark-aggregator-container ._720kb-datepicker-calendar-days-header div {
    width: 13.18%;
    font-weight: 500;
    font-size: 11.5px;
    padding: 10px 0;
    float: left;
    text-align: center; }
  .benchmark-aggregator-container .percentage-style {
    font-style: oblique;
    color: red; }
  .benchmark-aggregator-container .percentage-success-style {
    font-style: oblique;
    color: green; }
  .benchmark-aggregator-container .percentage {
    line-height: 300px; }
  .benchmark-aggregator-container .bmag-form-inline label {
    margin-right: 5px; }
  .benchmark-aggregator-container .form-inline.bmag-form-inline input {
    margin-right: 2px;
    vertical-align: top; }
  .benchmark-aggregator-container .red {
    color: red; }
  .benchmark-aggregator-container .green {
    color: green; }
  .benchmark-aggregator-container .icon-minus-sign {
    font-size: 18px !important; }
  .benchmark-aggregator-container .icon-plus-sign {
    font-size: 18px !important; }
  .benchmark-aggregator-container .checkbox-inline > input {
    margin-right: 2px;
    vertical-align: bottom !important; }
  .benchmark-aggregator-container .checkbox-inline {
    display: inline-block; }
  .benchmark-aggregator-container textarea {
    resize: none; }
  .benchmark-aggregator-container .isWhitelisted {
    background-color: #f2dede !important; }
  .benchmark-aggregator-container .bottom-spacing {
    padding-bottom: 10px; }
  .benchmark-aggregator-container .addBlendBench {
    margin-top: 24px; }
  .benchmark-aggregator-container .aui .container-fluid {
    padding-right: 20px;
    padding-left: 0px; }
  .benchmark-aggregator-container .vendor-alert-textarea {
    height: 400px;
    margin-left: 0px;
    border-style: inset; }
  .benchmark-aggregator-container .aui .row-fluid .span6 {
    width: 48.71795%; }
  .benchmark-aggregator-container .aui .row-fluid .span4 {
    width: 30.71795%; }
  .benchmark-aggregator-container .addLastRow {
    margin-top: -12px; }
  .benchmark-aggregator-container .styleForName {
    margin-top: 7px; }
  .benchmark-aggregator-container .rateField {
    font-weight: bold; }
  .benchmark-aggregator-container .form-control.align {
    width: 255px; }
  .benchmark-aggregator-container .span1.buttonStyles .blendIcon {
    margin-left: 60px; }
  .benchmark-aggregator-container .form-control.inputKey {
    margin-left: 3px;
    width: 254px; }
  .benchmark-aggregator-container .form-control.inputValue {
    margin-left: 47px;
    width: 232px; }
  .benchmark-aggregator-container .checkbox-inline.constCheckBox {
    margin-left: 19px; }
  .benchmark-aggregator-container .checkbox-inline.constCheckBox .check {
    margin-bottom: 3px; }
  .benchmark-aggregator-container .span2.buttonStyles {
    margin-left: 48px;
    width: 43px;
    margin-top: 4px; }
  .benchmark-aggregator-container .span6 .permissionCheck {
    margin-bottom: 6px !important; }
  .benchmark-aggregator-container .ui-grid-selectable .ui-grid-disable-selection {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: auto; }
  .benchmark-aggregator-container .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    border: 1px solid #ddd !important; }
  .benchmark-aggregator-container ._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-month-button {
    color: #fff !important; }
  .benchmark-aggregator-container ._720kb-datepicker-calendar-month a {
    color: #fff !important; }
  .benchmark-aggregator-container .addCheckbox {
    margin-right: 10px; }
  .benchmark-aggregator-container .ui-datepicker-modal .modal-body {
    padding: 0; }
  .benchmark-aggregator-container .ui-datepicker-modal .ui-modal-footer {
    margin: 0;
    padding: 0; }
  .benchmark-aggregator-container .datepicker.blend ._720kb-datepicker-calendar {
    visibility: visible; }
  .benchmark-aggregator-container #playBlend {
    max-width: 320px; }
  .benchmark-aggregator-container .backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(179, 179, 179, 0.28);
    right: 0;
    z-index: 990; }
  .benchmark-aggregator-container .corrections {
    margin-top: 10px;
    padding-left: 0;
    font-weight: 700 !important;
    color: #fab17d !important; }
  .benchmark-aggregator-container .ui-datepicker-modal .ui-grid-filter-input {
    text-align: center;
    pointer-events: none;
    border: 0 !important;
    font-weight: bold !important; }
  .benchmark-aggregator-container .datepicker.rulehistory ._720kb-datepicker-calendar {
    position: fixed;
    width: 231px;
    margin-left: 2px;
    margin-top: -160px; }
  .benchmark-aggregator-container .datepicker.blendrule ._720kb-datepicker-calendar {
    position: fixed;
    width: 231px;
    margin-left: 2px; }
  .benchmark-aggregator-container .searchBtn {
    height: 26px;
    margin-left: -6px !important; }
  .benchmark-aggregator-container .blendSearchValue {
    height: 27px !important;
    width: 145px !important;
    padding-top: 5px !important;
    margin-left: 9px !important; }
  .benchmark-aggregator-container .filterSearch {
    margin-left: 644px;
    margin-bottom: 13px; }
  .benchmark-aggregator-container .resetBtn {
    height: 28px;
    margin-left: 20px !important; }
  .benchmark-aggregator-container .blendFilter {
    margin-bottom: 13px; }
  .benchmark-aggregator-container .radioBlend {
    margin-top: 2px; }
  .benchmark-aggregator-container .codeDropDown {
    width: 100px !important;
    margin-left: -13px !important; }
  .benchmark-aggregator-container .blendField {
    width: 130px !important;
    margin-left: 39px !important; }
  .benchmark-aggregator-container .searchFieldForDublin {
    height: 27px !important;
    padding-top: 5px !important;
    margin-left: 8px !important; }
  .benchmark-aggregator-container .searchFieldForBlend {
    height: 27px !important; }
  .benchmark-aggregator-container .blendFilterSearch {
    height: 27px !important;
    width: 170px !important;
    padding-top: 5px !important;
    margin-left: 8px !important; }
  .benchmark-aggregator-container .blendResetBtn {
    height: 28px;
    margin-left: 14px !important; }
  .benchmark-aggregator-container .permissionClass {
    margin-bottom: 0px !important;
    margin-left: 7px !important; }
  .benchmark-aggregator-container .permissionSearch {
    width: 60px !important; }
  .benchmark-aggregator-container .permissionReset {
    width: 75px !important; }
  .benchmark-aggregator-container .portfolioClass {
    margin-left: 0px !important; }
  .benchmark-aggregator-container .control-label.blendTitle {
    font-weight: bold;
    color: dimgray; }
  .benchmark-aggregator-container .errorClass {
    position: absolute;
    margin-left: 161px;
    margin-top: -31px; }
  .benchmark-aggregator-container .blendErrorClass {
    position: absolute;
    margin-left: 215px;
    margin-top: -31px; }
  .benchmark-aggregator-container .monitorErrorClass {
    position: absolute;
    margin-left: 217px;
    margin-top: -34px; }
  .benchmark-aggregator-container .orgErrorClass {
    position: absolute;
    margin-left: 217px;
    margin-top: -10px; }
  .benchmark-aggregator-container .permissionErrorClass {
    position: absolute;
    margin-left: 160px;
    margin-top: -9px; }
  .benchmark-aggregator-container .errorIcon {
    margin-top: -14px;
    margin-left: 217px;
    position: absolute; }
  .benchmark-aggregator-container .orgField {
    width: 190px; }
  .benchmark-aggregator-container .blendOrgField {
    width: 215px; }
  .benchmark-aggregator-container .list-downloads > .item {
    display: block;
    position: relative;
    padding-right: 40px;
    box-sizing: border-box; }
  .benchmark-aggregator-container .list-downloads .text {
    display: block; }
  .benchmark-aggregator-container .list-downloads .actions {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
  .benchmark-aggregator-container div.ui-grid-cell input[type="checkbox"] {
    margin: 4px 0 0 10px;
    width: auto; }
  .benchmark-aggregator-container .info-icon-style {
    padding-left: 5px;
    color: midnightblue; }

.private-page .lfr-preview-file-image-current {
  max-height: none !important; }

div[data-msci-vega-config-path] {
  margin-bottom: 15px;
  /* Default styles of empty container until the chart or any content gets loaded */
  /* IE placeholder and error message */
  /* Fix for VEGA chart svg on mobile */ }
  div[data-msci-vega-config-path][class=""], div[data-msci-vega-config-path]:not([class]) {
    background: #EFF2FD;
    padding: 15px;
    margin-bottom: 15px;
    text-align: center; }
    div[data-msci-vega-config-path][class=""]:before, div[data-msci-vega-config-path]:not([class]):before {
      content: 'Loading chart...';
      text-align: center;
      box-sizing: content-box;
      color: #666666;
      font-family: "Roboto Italic", sans-serif;
      font-size: 90%;
      font-style: italic; }
  div[data-msci-vega-config-path].vega-ie-placeholder, div[data-msci-vega-config-path].vega-error {
    text-align: center; }
    div[data-msci-vega-config-path].vega-ie-placeholder img.placeholder-image, div[data-msci-vega-config-path].vega-error img.placeholder-image {
      margin: 15px; }
    div[data-msci-vega-config-path].vega-ie-placeholder p.placeholder-text, div[data-msci-vega-config-path].vega-error p.placeholder-text {
      font-style: italic;
      font-weight: bold; }
  div[data-msci-vega-config-path] svg {
    max-width: 100%; }

.expandable .cw-toggler-clicker {
  display: block;
  position: relative;
  margin-top: 0;
  padding-bottom: 30px;
  padding-top: 35px;
  padding-left: 35px;
  line-height: 32px;
  color: #002036 !important;
  border-top: 1px solid #1A3FD6;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 24px;
  font-family: "Roboto Bold", sans-serif; }
  .expandable .cw-toggler-clicker:before {
    content: "+" !important;
    position: absolute;
    left: 0px;
    display: inline-block !important;
    text-align: center;
    line-height: 1.1;
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    color: white;
    background-color: #1A3FD6;
    width: 26px;
    height: 26px !important;
    border-radius: 13px;
    margin-top: 0px !important; }
  .expandable .cw-toggler-clicker:hover:before {
    background-color: #4A7BC9; }
  .expandable .cw-toggler-clicker.open:before {
    content: "–" !important; }

.expandable .wc-ol {
  padding-left: 55px; }

.expandable .wc-li {
  margin-bottom: 15px; }
  .expandable .wc-li .wc-subtitle {
    position: relative; }
    .expandable .wc-li .wc-subtitle:before {
      content: "+";
      position: absolute;
      left: -55px;
      text-align: center;
      line-height: 1;
      font-family: "Roboto Bold", sans-serif;
      font-size: 18px;
      color: white;
      background-color: #1A3FD6;
      width: 20px;
      height: 20px;
      border-radius: 13px; }
    .expandable .wc-li .wc-subtitle.open:before {
      content: "–"; }
  .expandable .wc-li .wc-toggle-content {
    display: none; }
  .expandable .wc-li .wc-toggle-content.open {
    display: block; }

.wm-related-content .related-content:not(:first-of-type) {
  margin-top: 30px;
  border-top: 1px solid #CCCCCC;
  padding-top: 30px; }

.wm-related-content .related {
  margin-bottom: 28px; }
  .wm-related-content .related + img {
    margin-bottom: 20px; }

.wm-related-content h3.msci-link-primary-text {
  display: inline-block; }

.videoWrapper {
  display: table;
  margin-bottom: 24px; }

.wrapperElement {
  display: table-cell;
  vertical-align: top; }

.videoWrapper video {
  width: 100%;
  display: block; }

.videoWrapper .videoPlayer {
  width: 60%;
  vertical-align: middle;
  background-color: #002036; }

.videoWrapper .textBox {
  position: relative;
  width: 40%;
  background-color: #002036;
  padding-top: 30px;
  padding-bottom: 70px; }

.videoWrapper .textBox p, .videoWrapper .textBox h3, .videoWrapper .textBox h5 {
  padding-left: 30px;
  padding-right: 60px;
  margin-bottom: 16px;
  text-transform: none !important; }

.videoWrapper .textBox p, .videoWrapper .textBox h3 {
  color: #FFFFFF; }

.videoWrapper .textBox h5 {
  color: #6F86E4; }

ul.share-buttons {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 30px;
  left: 30px; }

ul.share-buttons li {
  display: inline; }

ul.share-buttons span {
  display: inline-block;
  height: 34px;
  width: 34px;
  border-radius: 20px;
  vertical-align: bottom;
  text-align: center;
  color: #002036;
  background-color: #FFFFFF;
  font-size: 22px;
  line-height: 32px;
  margin-right: 12px; }
  ul.share-buttons span.fa-twitter::before {
    content: url("/o/msci/images/twitter-X-black.svg"); }
  ul.share-buttons span:hover {
    background-color: #6F86E4; }

/***mobile resoution***/
@media screen and (max-width: 992px) {
  .videoWrapper .videoPlayer {
    width: 100%; }
  .videoWrapper .textBox {
    width: 100%;
    background-color: #002036;
    padding-top: 10px;
    padding-bottom: 0; }
  .wrapperElement {
    display: block;
    vertical-align: top; }
  .videoWrapper .textBox .mEHShare {
    position: static; }
  .videoWrapper .textBox h5, .videoWrapper .textBox p {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 19px; }
  .videoWrapper .textBox h3 {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 19px;
    font-size: 32px;
    line-height: 40px; }
  .videoWrapper .textBox h5 {
    font-size: 20px; }
  .videoWrapper .textBox p {
    font-size: 16px; }
  ul.share-buttons {
    position: static;
    padding-left: 24px;
    padding-right: 60px;
    padding-bottom: 24px; } }

.new-video-card-container {
  background-color: #FFFFFF;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 23px; }
  .new-video-card-container .new-video-card-wrapper {
    background-color: #EFF2FD;
    display: flex;
    margin: 0 10px;
    padding: 23px; }
    .new-video-card-container .new-video-card-wrapper .video-picture-wrapper {
      display: inline-block;
      width: 34%;
      text-align: center;
      margin-right: 23px; }
    .new-video-card-container .new-video-card-wrapper .video-card-data {
      display: inline-block;
      width: 66%; }
      .new-video-card-container .new-video-card-wrapper .video-card-data h3 {
        cursor: pointer; }
      .new-video-card-container .new-video-card-wrapper .video-card-data .content-block-wrapper {
        padding-bottom: 2em; }
    .new-video-card-container .new-video-card-wrapper .video-card-bottom {
      display: flex;
      align-items: center; }
      .new-video-card-container .new-video-card-wrapper .video-card-bottom .read-more-container {
        display: inline-block;
        text-align: left;
        width: 50%; }
      .new-video-card-container .new-video-card-wrapper .video-card-bottom .share-container {
        display: inline-block;
        text-align: right;
        width: 50%; }
        .new-video-card-container .new-video-card-wrapper .video-card-bottom .share-container ul {
          margin-top: 1em;
          padding: 0; }
          .new-video-card-container .new-video-card-wrapper .video-card-bottom .share-container ul li {
            display: inline; }
            .new-video-card-container .new-video-card-wrapper .video-card-bottom .share-container ul li a {
              text-decoration: none; }
            .new-video-card-container .new-video-card-wrapper .video-card-bottom .share-container ul li .icon-wrapper {
              display: inline-block;
              height: 34px;
              width: 34px;
              border-radius: 20px;
              vertical-align: bottom;
              text-align: center;
              color: #F8F7F7;
              background-color: #002036;
              font-size: 22px;
              line-height: 32px;
              margin-right: 12px; }

@media screen and (max-width: 768px) {
  .new-video-card-container .new-video-card-wrapper {
    display: block;
    margin: 0; }
    .new-video-card-container .new-video-card-wrapper .video-picture-wrapper {
      display: block;
      text-align: center;
      width: 100%;
      height: auto; }
    .new-video-card-container .new-video-card-wrapper .video-card-data {
      display: block;
      text-align: left;
      width: 100%;
      padding-top: 23px; }
      .new-video-card-container .new-video-card-wrapper .video-card-data h3 {
        font-size: 32px;
        line-height: 1; }
      .new-video-card-container .new-video-card-wrapper .video-card-data p {
        font-size: 16px; }
    .new-video-card-container .new-video-card-wrapper .video-card-bottom {
      display: block; }
      .new-video-card-container .new-video-card-wrapper .video-card-bottom .read-more-container {
        display: block;
        text-align: center;
        width: 100%; }
      .new-video-card-container .new-video-card-wrapper .video-card-bottom .share-container {
        display: block;
        text-align: center;
        width: 100%; }
        .new-video-card-container .new-video-card-wrapper .video-card-bottom .share-container ul {
          margin-top: 2em; } }

#lightbox-wrapper {
  position: fixed;
  background-color: black;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  display: none;
  top: 0;
  z-index: 1000; }

#lightbox {
  width: 800px;
  background-color: white;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5), 0 10px 20px 0 rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 50%;
  margin-left: -400px;
  top: 24%;
  display: none;
  z-index: 1000; }

#lightbox video {
  display: block; }

#lightbox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("/o/msci/images/fancybox.png") -40px 0px;
  z-index: 1010;
  cursor: pointer; }

.msci-main-page-our-topics-section h3 {
  text-align: center; }

.msci-main-page-our-topics-section ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0; }
  .msci-main-page-our-topics-section ul li {
    padding-right: 30px;
    width: 33.33%; }
    .msci-main-page-our-topics-section ul li .zoom {
      width: 100%;
      height: 180px; }
      .msci-main-page-our-topics-section ul li .zoom img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .msci-main-page-our-topics-section ul li .title {
      padding: 10px; }

.msci-main-page-our-topics-section .content a:hover {
  text-decoration: none; }

@media screen and (max-width: 768px) {
  .msci-main-page-our-topics-section ul {
    display: block; }
    .msci-main-page-our-topics-section ul li {
      margin-right: 0px;
      margin-bottom: 30px;
      text-align: center;
      width: 100%;
      padding-right: 0; }
      .msci-main-page-our-topics-section ul li .title {
        padding: 10px; } }

.carousel-indicators li {
  text-indent: unset;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  width: unset;
  margin-left: 0;
  margin-right: 0; }

.carousel-indicators li.active {
  background-color: rgba(0, 0, 0, 0); }

.carousel-indicators .indicator {
  font-size: 40px;
  cursor: pointer;
  padding: 3px; }
  @media (max-width: 991.98px) {
    .carousel-indicators .indicator {
      font-size: 50px; } }

.carousel-indicators li.active span {
  color: #1A3FD6; }

.carousel-indicators li span {
  color: #DAE0F8; }

@media screen and (max-width: 768px) {
  .carousel-indicators {
    bottom: unset; } }

.carousel-inner {
  max-height: 400px; }
  .carousel-inner .carousel-item img {
    max-width: fit-content; }
  .carousel-inner .carousel-caption {
    right: unset;
    left: unset;
    top: 0;
    text-align: left; }
    .carousel-inner .carousel-caption .msci-secondary-search-button {
      background-color: unset; }
      .carousel-inner .carousel-caption .msci-secondary-search-button:hover {
        background-color: rgba(74, 123, 201, 0.6); }
  @media screen and (max-width: 768px) {
    .carousel-inner video {
      height: 180px; }
    .carousel-inner .carousel-item img {
      max-width: 100%; }
    .carousel-inner .carousel-caption {
      position: relative;
      padding-top: 0px;
      padding-bottom: 10px;
      text-align: center;
      height: 160px; }
      .carousel-inner .carousel-caption .slide-content-left {
        padding-left: 0px !important;
        padding-top: 0px !important;
        background-color: #1E3A4D;
        height: 100% !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .carousel-inner .carousel-caption .slide-content-left h2 {
          font-size: 18px;
          line-height: 24px;
          color: #DAE0F8 !important; }
        .carousel-inner .carousel-caption .slide-content-left .msci-secondary-search-button {
          font-size: 16px;
          width: 70%;
          margin-bottom: 10px;
          color: #DAE0F8 !important; } }

.quick-links {
  background-color: #002036;
  display: none; }
  .quick-links .secondary-nav-expander {
    background-color: #1A3FD6;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;
    font-family: "Roboto Bold", sans-serif;
    display: block;
    padding: 24px;
    text-decoration: none;
    position: relative; }
    .quick-links .secondary-nav-expander:after {
      content: "";
      position: absolute;
      width: 18px;
      height: 18px;
      right: 50px;
      top: 20px;
      font-size: 24px; }
    .quick-links .secondary-nav-expander.plus:after {
      content: "+"; }
    .quick-links .secondary-nav-expander.minus:after {
      content: "–"; }
  .quick-links .secondary-nav {
    display: none;
    background-color: #FFFFFF;
    border-bottom: 4px solid #1A3FD6; }
    .quick-links .secondary-nav ul {
      text-align: justify;
      height: auto;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .quick-links .secondary-nav ul li {
        display: block;
        padding: 24px;
        border-bottom: 1px solid #CCCCCC; }
        .quick-links .secondary-nav ul li:last-of-type {
          border: none; }
        .quick-links .secondary-nav ul li:hover a {
          color: #1A3FD6; }
        .quick-links .secondary-nav ul li a {
          text-decoration: none;
          font-size: 17px;
          color: #000000; }
  @media screen and (max-width: 768px) {
    .quick-links {
      display: block;
      margin-bottom: 20px; } }

.msci-basic-content table {
  line-height: 23px;
  border-collapse: collapse; }

.msci-basic-content tr:nth-child(odd) {
  background-color: #EFF2FD; }

.msci-basic-content th {
  font-size: 24px;
  padding: 20px 20px 10px 20px; }

.msci-basic-content td {
  padding: 10px 20px 10px 20px; }

.msci-basic-content p {
  max-width: 90%; }
  .msci-basic-content p a {
    text-decoration: none; }

.msci-default-content table {
  line-height: 23px;
  border-collapse: collapse; }
  .msci-default-content table tr:nth-child(odd) {
    background-color: #EFF2FD; }
  .msci-default-content table th {
    font-size: 24px;
    padding: 20px 20px 10px 20px; }
  .msci-default-content table td {
    padding: 10px 20px 10px 20px; }
    .msci-default-content table td a {
      text-decoration: none; }

#carbon-wrapper {
  height: 500px;
  width: 100%;
  margin: 0 auto;
  max-width: 1400px; }

.s12, .m6, .l3 {
  text-align: center;
  padding-bottom: 10px; }

.carbon-icon-holder {
  height: 400px;
  width: 300px;
  position: relative;
  margin: 0 auto; }

.text-set {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  text-align: center; }

.text-set h2 {
  text-transform: uppercase !important;
  font-size: 16px !important;
  line-height: 1.5; }

.text-set p {
  color: #968f8b;
  font-size: 14px; }

.carbon-icon-set {
  position: absolute !important;
  top: 0 !important;
  width: 200px !important;
  height: 200px !important;
  margin: 20px 0 !important;
  left: 50px !important; }

.carbon-icon-set div {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat; }

#cogs1 {
  width: 120px;
  height: 120px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA5NC4zIDk0LjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk0LjMgOTQuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2Rpc3BsYXk6bm9uZTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTguMywyMy4yYzIuMiwwLjQsNC43LDAuOSw3LjEsMS40YzEsMC4yLDEuNywwLDIuNS0wLjhjMi0yLjEsNC4yLTQuMSw2LjItNi4yYzAuNC0wLjUsMC44LTEuMywwLjctMS45DQoJYy0wLjMtMi4xLTAuOC00LjItMS4yLTYuM2MtMC41LTIuNywwLjEtNC4xLDIuNS01LjJjMS43LTAuOCwzLjUtMS42LDUuMy0yLjJjMi43LTEsNC4xLTAuNCw1LjcsMS45YzEuMiwxLjcsMi4zLDMuNSwzLjYsNS4xDQoJYzAuNCwwLjUsMS4zLDEsMiwxYzMsMC4xLDUuOSwwLjEsOC45LDBjMC43LDAsMS41LTAuNSwyLTFjMS4zLTEuNywyLjUtMy42LDMuOC01LjRjMS40LTIsMi44LTIuNSw1LjEtMS43YzIsMC43LDMuOSwxLjUsNS44LDIuNA0KCWMyLjIsMSwyLjgsMi40LDIuNCw0LjhjLTAuNCwyLjMtMC45LDQuNi0xLjIsNi45Yy0wLjEsMC42LDAuMywxLjMsMC43LDEuN2MyLjEsMi4yLDQuMyw0LjMsNi41LDYuNGMwLjUsMC41LDEuNCwwLjgsMi4xLDAuNw0KCWMyLjItMC4zLDQuNS0wLjgsNi43LTEuMmMyLjMtMC40LDMuNywwLjIsNC43LDIuM2MwLjksMS44LDEuNywzLjcsMi40LDUuNmMwLjksMi41LDAuNCwzLjktMS43LDUuNGMtMS44LDEuMy0zLjYsMi41LTUuNSwzLjcNCgljLTAuOCwwLjUtMSwxLTEsMmMwLjIsMy4xLDAsNi4yLDAuMiw5LjNjMCwwLjcsMC40LDEuNiwwLjksMmMxLjgsMS40LDMuOCwyLjYsNS43LDRjMS45LDEuMywyLjMsMi44LDEuNSw1DQoJYy0wLjcsMS45LTEuNSwzLjgtMi4zLDUuNmMtMC45LDItMi4zLDIuNy00LjUsMi40Yy0yLjQtMC40LTQuNy0wLjktNy0xLjJjLTAuNi0wLjEtMS40LDAuMi0xLjgsMC42Yy0yLjQsMi4zLTQuOCw0LjctNyw3LjENCgljLTAuNCwwLjUtMC42LDEuNC0wLjYsMmMwLjMsMi4yLDAuOCw0LjMsMS4yLDYuNWMwLjQsMi40LTAuMiwzLjgtMi4zLDQuOGMtMS45LDAuOS0zLjgsMS43LTUuOCwyLjRjLTIsMC43LTMuNCwwLjItNC43LTEuNQ0KCWMtMS4zLTEuOC0yLjYtMy43LTMuOC01LjZjLTAuNi0wLjktMS4yLTEuMi0yLjMtMS4yYy0zLjEsMC4xLTYuMiwwLjEtOS4zLDBjLTEuMSwwLTEuOCwwLjEtMi4zLDEuMWMtMS4xLDEuOC0yLjQsMy42LTMuNiw1LjMNCgljLTEuNCwyLTIuOSwyLjUtNS4xLDEuN2MtMi0wLjctMy45LTEuNS01LjgtMi41Yy0xLjktMC45LTIuNS0yLjMtMi4yLTQuNGMwLjQtMi40LDAuOS00LjcsMS4yLTdjMC4xLTAuNi0wLjItMS4zLTAuNi0xLjgNCgljLTIuMi0yLjQtNC41LTQuNy02LjktN2MtMC40LTAuNC0xLjMtMC43LTEuOS0wLjZjLTIuMSwwLjMtNC4xLDAuOC02LjIsMS4xYy0yLjgsMC41LTQuMS0wLjEtNS4zLTIuN2MtMC44LTEuOC0xLjUtMy42LTIuMi01LjUNCgljLTAuNy0yLjItMC4zLTMuNSwxLjYtNC44YzEuOS0xLjQsMy45LTIuNiw1LjctNGMwLjUtMC40LDAuOC0xLjIsMC45LTEuOGMwLjEtMywwLTYuMSwwLjEtOS4xYzAtMS4xLTAuMi0xLjctMS4xLTIuMw0KCWMtMS44LTEuMS0zLjYtMi40LTUuMy0zLjZjLTEuOC0xLjItMi40LTIuOC0xLjYtNC44YzAuOC0yLjIsMS43LTQuMywyLjctNi40QzUuMiwyMy45LDYuNCwyMy4yLDguMywyMy4yeiBNMjQuMiw0Ny4yDQoJYzAsMTIuNywxMC4yLDIzLDIyLjgsMjNjMTIuNywwLDIzLTEwLjMsMjMtMjNjMC0xMi41LTEwLjQtMjIuOS0yMy0yMi45QzM0LjQsMjQuMywyNC4yLDM0LjUsMjQuMiw0Ny4yeiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTE0Miw0M2MwLDEuNiwwLDMuMywwLDVjMCwxLjUtMC43LDIuNi0yLjEsM2MtMi4xLDAuNy00LjIsMS4zLTYuNCwxLjhjLTEuNSwwLjQtMi41LTAuMy0zLjMtMS42DQoJYy0xLjctMi44LTMuNS01LjYtNS4xLTguNGMtMC42LTEtMS4zLTEuMy0yLjMtMS43Yy0zLjEtMS4yLTUuNy0wLjUtOC4zLDEuM2MtMS43LDEuMi0zLjcsMi01LjUsM2MtMS42LDEtMywwLjgtNC40LTAuNQ0KCWMtMS40LTEuMy0yLjctMi43LTQtNC4xYy0xLjEtMS4xLTEuMi0yLjQtMC40LTMuOGMxLjUtMi44LDMtNS43LDQuNi04LjVjMC42LTEuMSwwLjUtMiwwLjQtMy4yYy0wLjMtMy40LTIuMy01LjEtNS02LjUNCgljLTItMS0zLjgtMi4zLTUuNy0zLjRjLTEuNC0wLjktMS45LTIuMS0xLjUtMy42YzAuNS0xLjgsMS4xLTMuNywxLjYtNS41YzAuNS0xLjgsMS43LTIuNiwzLjYtMi42YzMuMywwLDYuNiwwLDkuOC0wLjENCgljMC44LDAsMS41LTAuNiwyLjItMWMyLjYtMS41LDIuNS00LDIuNC02LjVjLTAuMS0yLjQsMC00LjgsMC03LjJjMC0xLjYsMC43LTIuNywyLjItMy4xYzItMC42LDQtMS4yLDYtMS43YzEuNS0wLjQsMi43LDAuMSwzLjUsMS41DQoJYzEuNywyLjgsMy40LDUuNiw1LjIsOC40YzAuNSwwLjcsMS40LDEuMywyLjMsMS43YzMsMS41LDUuNywwLjYsOC4zLTEuMWMxLjgtMS4yLDMuOS0yLjEsNS44LTMuMmMxLjQtMC44LDIuNi0wLjgsMy44LDAuMw0KCWMxLjUsMS40LDIuOSwyLjgsNC4zLDQuM2MxLjEsMS4yLDEuMiwyLjUsMC40LDMuOWMtMS41LDIuNy0yLjksNS41LTQuNSw4LjJjLTAuNywxLjItMC42LDIuMy0wLjQsMy43YzAuMywzLjEsMi4xLDQuNyw0LjYsNg0KCWMyLjEsMS4xLDQuMSwyLjUsNi4xLDMuN2MxLjMsMC44LDEuOCwxLjksMS41LDMuM2MtMC41LDEuOC0wLjksMy43LTEuNSw1LjVjLTAuOCwyLjQtMS41LDIuOC0zLjksMi44Yy0zLjIsMC02LjQsMC05LjcsMC4xDQoJYy0wLjcsMC0xLjQsMC42LTIuMSwxQzE0MSwzNi4zLDE0Mi4zLDM5LjgsMTQyLDQzeiBNMTEzLjEsMTguNWMwLDgsNi40LDE0LjQsMTQuMywxNC40YzgsMCwxNC40LTYuNSwxNC40LTE0LjUNCgljLTAuMS03LjktNi42LTE0LjItMTQuNi0xNC4xQzExOS41LDQuMiwxMTMsMTAuOCwxMTMuMSwxOC41eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTExNy4yLDEzMC42Yy0wLjgsMC0xLjYsMC0yLjMsMGMtNCwwLTQsMC02LjcsMi45Yy0wLjMsMC40LTAuNSwxLjEtMC41LDEuNmMtMC4xLDMuMy0wLjEsNi43LTAuMSwxMA0KCWMwLDEuOS0wLjgsMy0yLjYsMy41Yy0xLjgsMC41LTMuNywxLTUuNSwxLjVjLTEuNiwwLjUtMi44LTAuMS0zLjYtMS41Yy0xLjctMi44LTMuNC01LjYtNS4yLTguNGMtMC41LTAuNy0xLjUtMS4yLTIuMy0xLjYNCgljLTMuMS0xLjYtNS44LTAuNC04LjQsMS4zYy0xLjksMS4yLTMuOSwyLjEtNS44LDMuMmMtMS4yLDAuNi0yLjMsMC42LTMuMy0wLjNjLTEuNi0xLjUtMy4yLTMuMS00LjctNC42Yy0xLTEuMS0xLTIuMy0wLjMtMy42DQoJYzEuNi0yLjgsMy01LjcsNC42LTguNWMwLjYtMS4xLDAuNS0yLDAuNC0zLjJjLTAuMy0zLjItMi4xLTUtNC44LTYuNGMtMi0xLTMuOS0yLjQtNS44LTMuNWMtMS40LTAuOS0yLTItMS41LTMuNg0KCWMwLjUtMS44LDEuMS0zLjcsMS42LTUuNWMwLjUtMS45LDEuOC0yLjYsMy43LTIuNmMzLjIsMCw2LjMsMC4xLDkuNS0wLjFjMC44LDAsMS42LTAuNiwyLjQtMS4xYzIuNi0xLjUsMi42LTMuOSwyLjQtNi41DQoJYy0wLjEtMi40LDAtNC44LDAtNy4yYzAtMS42LDAuNy0yLjYsMi4yLTMuMWMyLTAuNiw0LTEuMiw2LTEuN2MxLjUtMC40LDIuNywwLjIsMy41LDEuNWMxLjcsMi44LDMuNSw1LjYsNS4xLDguNA0KCWMwLjUsMC45LDEuMywxLjMsMi4zLDEuN2MzLjEsMS4zLDUuNywwLjUsOC4zLTEuMmMxLjktMS4yLDQtMi4yLDYtMy4zYzEuMi0wLjcsMi40LTAuNiwzLjUsMC4zYzEuNiwxLjUsMy4xLDMsNC42LDQuNQ0KCWMxLDEuMSwxLjEsMi4zLDAuMywzLjZjLTEuNiwyLjktMy4xLDUuOC00LjcsOC42Yy0wLjYsMS0wLjQsMS45LTAuNCwzYzAuMywzLjMsMi4yLDUuMSw1LDYuNWMyLDEsMy44LDIuMyw1LjcsMy40DQoJYzEuNCwwLjgsMiwyLDEuNiwzLjZjLTAuNSwyLTEuMSwzLjktMS42LDUuOGMtMC41LDEuNi0xLjYsMi4zLTMuMiwyLjNDMTIwLjYsMTMwLjYsMTE4LjksMTMwLjYsMTE3LjIsMTMwLjYNCglDMTE3LjIsMTMwLjYsMTE3LjIsMTMwLjYsMTE3LjIsMTMwLjZ6IE05Mi44LDEzMC4zYzcuOSwwLjEsMTQuNC02LjMsMTQuNS0xNC4yYzAtNy45LTYuMy0xNC4zLTE0LjEtMTQuNGMtOC0wLjEtMTQuNSw2LjItMTQuNiwxNC4xDQoJQzc4LjYsMTIzLjcsODUsMTMwLjIsOTIuOCwxMzAuM3oiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K); }

#cogs2 {
  width: 80px;
  height: 80px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3MCA2OS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA2OS45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZGlzcGxheTpub25lO2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTgzLjUsNDAuMmMyLjIsMC40LDQuNywwLjksNy4xLDEuNGMxLDAuMiwxLjcsMCwyLjUtMC44YzItMi4xLDQuMi00LjEsNi4yLTYuMmMwLjQtMC41LDAuOC0xLjMsMC43LTEuOQ0KCWMtMC4zLTIuMS0wLjgtNC4yLTEuMi02LjNjLTAuNS0yLjcsMC4xLTQuMSwyLjUtNS4yYzEuNy0wLjgsMy41LTEuNiw1LjMtMi4yYzIuNy0xLDQuMS0wLjQsNS43LDEuOWMxLjIsMS43LDIuMywzLjUsMy42LDUuMQ0KCWMwLjQsMC41LDEuMywxLDIsMWMzLDAuMSw1LjksMC4xLDguOSwwYzAuNywwLDEuNS0wLjUsMi0xYzEuMy0xLjcsMi41LTMuNiwzLjgtNS40YzEuNC0yLDIuOC0yLjUsNS4xLTEuN2MyLDAuNywzLjksMS41LDUuOCwyLjQNCgljMi4yLDEsMi44LDIuNCwyLjQsNC44Yy0wLjQsMi4zLTAuOSw0LjYtMS4yLDYuOWMtMC4xLDAuNiwwLjMsMS4zLDAuNywxLjdjMi4xLDIuMiw0LjMsNC4zLDYuNSw2LjRjMC41LDAuNSwxLjQsMC44LDIuMSwwLjcNCgljMi4yLTAuMyw0LjUtMC44LDYuNy0xLjJjMi4zLTAuNCwzLjcsMC4yLDQuNywyLjNjMC45LDEuOCwxLjcsMy43LDIuNCw1LjZjMC45LDIuNSwwLjQsMy45LTEuNyw1LjRjLTEuOCwxLjMtMy42LDIuNS01LjUsMy43DQoJYy0wLjgsMC41LTEsMS0xLDJjMC4yLDMuMSwwLDYuMiwwLjIsOS4zYzAsMC43LDAuNCwxLjYsMC45LDJjMS44LDEuNCwzLjgsMi42LDUuNyw0YzEuOSwxLjMsMi4zLDIuOCwxLjUsNQ0KCWMtMC43LDEuOS0xLjUsMy44LTIuMyw1LjZjLTAuOSwyLTIuMywyLjctNC41LDIuNGMtMi40LTAuNC00LjctMC45LTctMS4yYy0wLjYtMC4xLTEuNCwwLjItMS44LDAuNmMtMi40LDIuMy00LjgsNC43LTcsNy4xDQoJYy0wLjQsMC41LTAuNiwxLjQtMC42LDJjMC4zLDIuMiwwLjgsNC4zLDEuMiw2LjVjMC40LDIuNC0wLjIsMy44LTIuMyw0LjhjLTEuOSwwLjktMy44LDEuNy01LjgsMi40Yy0yLDAuNy0zLjQsMC4yLTQuNy0xLjUNCgljLTEuMy0xLjgtMi42LTMuNy0zLjgtNS42Yy0wLjYtMC45LTEuMi0xLjItMi4zLTEuMmMtMy4xLDAuMS02LjIsMC4xLTkuMywwYy0xLjEsMC0xLjgsMC4xLTIuMywxLjFjLTEuMSwxLjgtMi40LDMuNi0zLjYsNS4zDQoJYy0xLjQsMi0yLjksMi41LTUuMSwxLjdjLTItMC43LTMuOS0xLjUtNS44LTIuNWMtMS45LTAuOS0yLjUtMi4zLTIuMi00LjRjMC40LTIuNCwwLjktNC43LDEuMi03YzAuMS0wLjYtMC4yLTEuMy0wLjYtMS44DQoJYy0yLjItMi40LTQuNS00LjctNi45LTdjLTAuNC0wLjQtMS4zLTAuNy0xLjktMC42Yy0yLjEsMC4zLTQuMSwwLjgtNi4yLDEuMWMtMi44LDAuNS00LjEtMC4xLTUuMy0yLjdjLTAuOC0xLjgtMS41LTMuNi0yLjItNS41DQoJYy0wLjctMi4yLTAuMy0zLjUsMS42LTQuOGMxLjktMS40LDMuOS0yLjYsNS43LTRjMC41LTAuNCwwLjgtMS4yLDAuOS0xLjhjMC4xLTMsMC02LjEsMC4xLTkuMWMwLTEuMS0wLjItMS43LTEuMS0yLjMNCgljLTEuOC0xLjEtMy42LTIuNC01LjMtMy42Yy0xLjgtMS4yLTIuNC0yLjgtMS42LTQuOGMwLjgtMi4yLDEuNy00LjMsMi43LTYuNEMtODYuNiw0MC45LTg1LjMsNDAuMi04My41LDQwLjJ6IE0tNjcuNiw2NC4yDQoJYzAsMTIuNywxMC4yLDIzLDIyLjgsMjNjMTIuNywwLDIzLTEwLjMsMjMtMjNjMC0xMi41LTEwLjQtMjIuOS0yMy0yMi45Qy01Ny4zLDQxLjMtNjcuNiw1MS41LTY3LjYsNjQuMnoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01MC4yLDYwYzAsMS42LDAsMy4zLDAsNWMwLDEuNS0wLjcsMi42LTIuMSwzYy0yLjEsMC43LTQuMiwxLjMtNi40LDEuOGMtMS41LDAuNC0yLjUtMC4zLTMuMy0xLjYNCgljLTEuNy0yLjgtMy41LTUuNi01LjEtOC40Yy0wLjYtMS0xLjMtMS4zLTIuMy0xLjdjLTMuMS0xLjItNS43LTAuNS04LjMsMS4zYy0xLjcsMS4yLTMuNywyLTUuNSwzYy0xLjYsMS0zLDAuOC00LjQtMC41DQoJYy0xLjQtMS4zLTIuNy0yLjctNC00LjFjLTEuMS0xLjEtMS4yLTIuNC0wLjQtMy44YzEuNS0yLjgsMy01LjcsNC42LTguNWMwLjYtMS4xLDAuNS0yLDAuNC0zLjJjLTAuMy0zLjQtMi4zLTUuMS01LTYuNQ0KCWMtMi0xLTMuOC0yLjMtNS43LTMuNGMtMS40LTAuOS0xLjktMi4xLTEuNS0zLjZjMC41LTEuOCwxLjEtMy43LDEuNi01LjVjMC41LTEuOCwxLjctMi42LDMuNi0yLjZjMy4zLDAsNi42LDAsOS44LTAuMQ0KCWMwLjgsMCwxLjUtMC42LDIuMi0xYzIuNi0xLjUsMi41LTQsMi40LTYuNWMtMC4xLTIuNCwwLTQuOCwwLTcuMmMwLTEuNiwwLjctMi43LDIuMi0zLjFjMi0wLjYsNC0xLjIsNi0xLjdjMS41LTAuNCwyLjcsMC4xLDMuNSwxLjUNCgljMS43LDIuOCwzLjQsNS42LDUuMiw4LjRjMC41LDAuNywxLjQsMS4zLDIuMywxLjdjMywxLjUsNS43LDAuNiw4LjMtMS4xYzEuOC0xLjIsMy45LTIuMSw1LjgtMy4yYzEuNC0wLjgsMi42LTAuOCwzLjgsMC4zDQoJYzEuNSwxLjQsMi45LDIuOCw0LjMsNC4zYzEuMSwxLjIsMS4yLDIuNSwwLjQsMy45Yy0xLjUsMi43LTIuOSw1LjUtNC41LDguMmMtMC43LDEuMi0wLjYsMi4zLTAuNCwzLjdjMC4zLDMuMSwyLjEsNC43LDQuNiw2DQoJYzIuMSwxLjEsNC4xLDIuNSw2LjEsMy43YzEuMywwLjgsMS44LDEuOSwxLjUsMy4zYy0wLjUsMS44LTAuOSwzLjctMS41LDUuNWMtMC44LDIuNC0xLjUsMi44LTMuOSwyLjhjLTMuMiwwLTYuNCwwLTkuNywwLjENCgljLTAuNywwLTEuNCwwLjYtMi4xLDFDNDkuMiw1My4zLDUwLjUsNTYuOCw1MC4yLDYweiBNMjEuMywzNS41YzAsOCw2LjQsMTQuNCwxNC4zLDE0LjRjOCwwLDE0LjQtNi41LDE0LjQtMTQuNQ0KCWMtMC4xLTcuOS02LjYtMTQuMi0xNC42LTE0LjFDMjcuNywyMS4yLDIxLjMsMjcuOCwyMS4zLDM1LjV6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUuNCwxNDcuNmMtMC44LDAtMS42LDAtMi4zLDBjLTQsMC00LDAtNi43LDIuOWMtMC4zLDAuNC0wLjUsMS4xLTAuNSwxLjZjLTAuMSwzLjMtMC4xLDYuNy0wLjEsMTANCgljMCwxLjktMC44LDMtMi42LDMuNWMtMS44LDAuNS0zLjcsMS01LjUsMS41Yy0xLjYsMC41LTIuOC0wLjEtMy42LTEuNWMtMS43LTIuOC0zLjQtNS42LTUuMi04LjRjLTAuNS0wLjctMS41LTEuMi0yLjMtMS42DQoJYy0zLjEtMS42LTUuOC0wLjQtOC40LDEuM2MtMS45LDEuMi0zLjksMi4xLTUuOCwzLjJjLTEuMiwwLjYtMi4zLDAuNi0zLjMtMC4zYy0xLjYtMS41LTMuMi0zLjEtNC43LTQuNmMtMS0xLjEtMS0yLjMtMC4zLTMuNg0KCWMxLjYtMi44LDMtNS43LDQuNi04LjVjMC42LTEuMSwwLjUtMiwwLjQtMy4yYy0wLjMtMy4yLTIuMS01LTQuOC02LjRjLTItMS0zLjktMi40LTUuOC0zLjVjLTEuNC0wLjktMi0yLTEuNS0zLjYNCgljMC41LTEuOCwxLjEtMy43LDEuNi01LjVjMC41LTEuOSwxLjgtMi42LDMuNy0yLjZjMy4yLDAsNi4zLDAuMSw5LjUtMC4xYzAuOCwwLDEuNi0wLjYsMi40LTEuMWMyLjYtMS41LDIuNi0zLjksMi40LTYuNQ0KCWMtMC4xLTIuNCwwLTQuOCwwLTcuMmMwLTEuNiwwLjctMi42LDIuMi0zLjFjMi0wLjYsNC0xLjIsNi0xLjdjMS41LTAuNCwyLjcsMC4yLDMuNSwxLjVjMS43LDIuOCwzLjUsNS42LDUuMSw4LjQNCgljMC41LDAuOSwxLjMsMS4zLDIuMywxLjdjMy4xLDEuMyw1LjcsMC41LDguMy0xLjJjMS45LTEuMiw0LTIuMiw2LTMuM2MxLjItMC43LDIuNC0wLjYsMy41LDAuM2MxLjYsMS41LDMuMSwzLDQuNiw0LjUNCgljMSwxLjEsMS4xLDIuMywwLjMsMy42Yy0xLjYsMi45LTMuMSw1LjgtNC43LDguNmMtMC42LDEtMC40LDEuOS0wLjQsM2MwLjMsMy4zLDIuMiw1LjEsNSw2LjVjMiwxLDMuOCwyLjMsNS43LDMuNA0KCWMxLjQsMC44LDIsMiwxLjYsMy42Yy0wLjUsMi0xLjEsMy45LTEuNiw1LjhjLTAuNSwxLjYtMS42LDIuMy0zLjIsMi4zQzI4LjksMTQ3LjYsMjcuMiwxNDcuNiwyNS40LDE0Ny42DQoJQzI1LjQsMTQ3LjYsMjUuNCwxNDcuNiwyNS40LDE0Ny42eiBNMS4xLDE0Ny4zYzcuOSwwLjEsMTQuNC02LjMsMTQuNS0xNC4yYzAtNy45LTYuMy0xNC4zLTE0LjEtMTQuNGMtOC0wLjEtMTQuNSw2LjItMTQuNiwxNC4xDQoJQy0xMy4yLDE0MC43LTYuOCwxNDcuMiwxLjEsMTQ3LjN6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==); }

#cogs3 {
  width: 80px;
  height: 80px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3MS4zIDcyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MS4zIDcyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZGlzcGxheTpub25lO2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTQ5LTU2LjhjMi4yLDAuNCw0LjcsMC45LDcuMSwxLjRjMSwwLjIsMS43LDAsMi41LTAuOGMyLTIuMSw0LjItNC4xLDYuMi02LjJjMC40LTAuNSwwLjgtMS4zLDAuNy0xLjkNCgljLTAuMy0yLjEtMC44LTQuMi0xLjItNi4zYy0wLjUtMi43LDAuMS00LjEsMi41LTUuMmMxLjctMC44LDMuNS0xLjYsNS4zLTIuMmMyLjctMSw0LjEtMC40LDUuNywxLjljMS4yLDEuNywyLjMsMy41LDMuNiw1LjENCgljMC40LDAuNSwxLjMsMSwyLDFjMywwLjEsNS45LDAuMSw4LjksMGMwLjcsMCwxLjUtMC41LDItMWMxLjMtMS43LDIuNS0zLjYsMy44LTUuNGMxLjQtMiwyLjgtMi41LDUuMS0xLjdjMiwwLjcsMy45LDEuNSw1LjgsMi40DQoJYzIuMiwxLDIuOCwyLjQsMi40LDQuOGMtMC40LDIuMy0wLjksNC42LTEuMiw2LjljLTAuMSwwLjYsMC4zLDEuMywwLjcsMS43YzIuMSwyLjIsNC4zLDQuMyw2LjUsNi40YzAuNSwwLjUsMS40LDAuOCwyLjEsMC43DQoJYzIuMi0wLjMsNC41LTAuOCw2LjctMS4yYzIuMy0wLjQsMy43LDAuMiw0LjcsMi4zYzAuOSwxLjgsMS43LDMuNywyLjQsNS42YzAuOSwyLjUsMC40LDMuOS0xLjcsNS40Yy0xLjgsMS4zLTMuNiwyLjUtNS41LDMuNw0KCWMtMC44LDAuNS0xLDEtMSwyYzAuMiwzLjEsMCw2LjIsMC4yLDkuM2MwLDAuNywwLjQsMS42LDAuOSwyYzEuOCwxLjQsMy44LDIuNiw1LjcsNGMxLjksMS4zLDIuMywyLjgsMS41LDUNCgljLTAuNywxLjktMS41LDMuOC0yLjMsNS42Yy0wLjksMi0yLjMsMi43LTQuNSwyLjRjLTIuNC0wLjQtNC43LTAuOS03LTEuMmMtMC42LTAuMS0xLjQsMC4yLTEuOCwwLjZjLTIuNCwyLjMtNC44LDQuNy03LDcuMQ0KCWMtMC40LDAuNS0wLjYsMS40LTAuNiwyYzAuMywyLjIsMC44LDQuMywxLjIsNi41YzAuNCwyLjQtMC4yLDMuOC0yLjMsNC44Yy0xLjksMC45LTMuOCwxLjctNS44LDIuNGMtMiwwLjctMy40LDAuMi00LjctMS41DQoJYy0xLjMtMS44LTIuNi0zLjctMy44LTUuNmMtMC42LTAuOS0xLjItMS4yLTIuMy0xLjJjLTMuMSwwLjEtNi4yLDAuMS05LjMsMGMtMS4xLDAtMS44LDAuMS0yLjMsMS4xYy0xLjEsMS44LTIuNCwzLjYtMy42LDUuMw0KCWMtMS40LDItMi45LDIuNS01LjEsMS43Yy0yLTAuNy0zLjktMS41LTUuOC0yLjVjLTEuOS0wLjktMi41LTIuMy0yLjItNC40YzAuNC0yLjQsMC45LTQuNywxLjItN2MwLjEtMC42LTAuMi0xLjMtMC42LTEuOA0KCWMtMi4yLTIuNC00LjUtNC43LTYuOS03Yy0wLjQtMC40LTEuMy0wLjctMS45LTAuNmMtMi4xLDAuMy00LjEsMC44LTYuMiwxLjFjLTIuOCwwLjUtNC4xLTAuMS01LjMtMi43Yy0wLjgtMS44LTEuNS0zLjYtMi4yLTUuNQ0KCWMtMC43LTIuMi0wLjMtMy41LDEuNi00LjhjMS45LTEuNCwzLjktMi42LDUuNy00YzAuNS0wLjQsMC44LTEuMiwwLjktMS44YzAuMS0zLDAtNi4xLDAuMS05LjFjMC0xLjEtMC4yLTEuNy0xLjEtMi4zDQoJYy0xLjgtMS4xLTMuNi0yLjQtNS4zLTMuNmMtMS44LTEuMi0yLjQtMi44LTEuNi00LjhjMC44LTIuMiwxLjctNC4zLDIuNy02LjRDLTUyLjEtNTYuMS01MC44LTU2LjgtNDktNTYuOHogTS0zMy4xLTMyLjgNCgljMCwxMi43LDEwLjIsMjMsMjIuOCwyM2MxMi43LDAsMjMtMTAuMywyMy0yM2MwLTEyLjUtMTAuNC0yMi45LTIzLTIyLjlDLTIyLjgtNTUuNy0zMy4xLTQ1LjUtMzMuMS0zMi44eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTg0LjctMzdjMCwxLjYsMCwzLjMsMCw1YzAsMS41LTAuNywyLjYtMi4xLDNjLTIuMSwwLjctNC4yLDEuMy02LjQsMS44Yy0xLjUsMC40LTIuNS0wLjMtMy4zLTEuNg0KCWMtMS43LTIuOC0zLjUtNS42LTUuMS04LjRjLTAuNi0xLTEuMy0xLjMtMi4zLTEuN2MtMy4xLTEuMi01LjctMC41LTguMywxLjNjLTEuNywxLjItMy43LDItNS41LDNjLTEuNiwxLTMsMC44LTQuNC0wLjUNCgljLTEuNC0xLjMtMi43LTIuNy00LTQuMWMtMS4xLTEuMS0xLjItMi40LTAuNC0zLjhjMS41LTIuOCwzLTUuNyw0LjYtOC41YzAuNi0xLjEsMC41LTIsMC40LTMuMmMtMC4zLTMuNC0yLjMtNS4xLTUtNi41DQoJYy0yLTEtMy44LTIuMy01LjctMy40Yy0xLjQtMC45LTEuOS0yLjEtMS41LTMuNmMwLjUtMS44LDEuMS0zLjcsMS42LTUuNWMwLjUtMS44LDEuNy0yLjYsMy42LTIuNmMzLjMsMCw2LjYsMCw5LjgtMC4xDQoJYzAuOCwwLDEuNS0wLjYsMi4yLTFjMi42LTEuNSwyLjUtNCwyLjQtNi41Yy0wLjEtMi40LDAtNC44LDAtNy4yYzAtMS42LDAuNy0yLjcsMi4yLTMuMWMyLTAuNiw0LTEuMiw2LTEuN2MxLjUtMC40LDIuNywwLjEsMy41LDEuNQ0KCWMxLjcsMi44LDMuNCw1LjYsNS4yLDguNGMwLjUsMC43LDEuNCwxLjMsMi4zLDEuN2MzLDEuNSw1LjcsMC42LDguMy0xLjFjMS44LTEuMiwzLjktMi4xLDUuOC0zLjJjMS40LTAuOCwyLjYtMC44LDMuOCwwLjMNCgljMS41LDEuNCwyLjksMi44LDQuMyw0LjNjMS4xLDEuMiwxLjIsMi41LDAuNCwzLjljLTEuNSwyLjctMi45LDUuNS00LjUsOC4yYy0wLjcsMS4yLTAuNiwyLjMtMC40LDMuN2MwLjMsMy4xLDIuMSw0LjcsNC42LDYNCgljMi4xLDEuMSw0LjEsMi41LDYuMSwzLjdjMS4zLDAuOCwxLjgsMS45LDEuNSwzLjNjLTAuNSwxLjgtMC45LDMuNy0xLjUsNS41Yy0wLjgsMi40LTEuNSwyLjgtMy45LDIuOGMtMy4yLDAtNi40LDAtOS43LDAuMQ0KCWMtMC43LDAtMS40LDAuNi0yLjEsMUM4My43LTQzLjcsODUtNDAuMiw4NC43LTM3eiBNNTUuOC02MS41YzAsOCw2LjQsMTQuNCwxNC4zLDE0LjRjOCwwLDE0LjQtNi41LDE0LjQtMTQuNQ0KCWMtMC4xLTcuOS02LjYtMTQuMi0xNC42LTE0LjFDNjIuMi03NS44LDU1LjgtNjkuMiw1NS44LTYxLjV6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTkuOSw1MC42Yy0wLjgsMC0xLjYsMC0yLjMsMGMtNCwwLTQsMC02LjcsMi45Yy0wLjMsMC40LTAuNSwxLjEtMC41LDEuNmMtMC4xLDMuMy0wLjEsNi43LTAuMSwxMA0KCWMwLDEuOS0wLjgsMy0yLjYsMy41Yy0xLjgsMC41LTMuNywxLTUuNSwxLjVjLTEuNiwwLjUtMi44LTAuMS0zLjYtMS41Yy0xLjctMi44LTMuNC01LjYtNS4yLTguNGMtMC41LTAuNy0xLjUtMS4yLTIuMy0xLjYNCgljLTMuMS0xLjYtNS44LTAuNC04LjQsMS4zYy0xLjksMS4yLTMuOSwyLjEtNS44LDMuMmMtMS4yLDAuNi0yLjMsMC42LTMuMy0wLjNjLTEuNi0xLjUtMy4yLTMuMS00LjctNC42Yy0xLTEuMS0xLTIuMy0wLjMtMy42DQoJYzEuNi0yLjgsMy01LjcsNC42LTguNWMwLjYtMS4xLDAuNS0yLDAuNC0zLjJjLTAuMy0zLjItMi4xLTUtNC44LTYuNGMtMi0xLTMuOS0yLjQtNS44LTMuNWMtMS40LTAuOS0yLTItMS41LTMuNg0KCUMyLDI3LjYsMi41LDI1LjgsMywyMy45YzAuNS0xLjksMS44LTIuNiwzLjctMi42YzMuMiwwLDYuMywwLjEsOS41LTAuMWMwLjgsMCwxLjYtMC42LDIuNC0xLjFjMi42LTEuNSwyLjYtMy45LDIuNC02LjUNCgljLTAuMS0yLjQsMC00LjgsMC03LjJjMC0xLjYsMC43LTIuNiwyLjItMy4xYzItMC42LDQtMS4yLDYtMS43YzEuNS0wLjQsMi43LDAuMiwzLjUsMS41YzEuNywyLjgsMy41LDUuNiw1LjEsOC40DQoJYzAuNSwwLjksMS4zLDEuMywyLjMsMS43YzMuMSwxLjMsNS43LDAuNSw4LjMtMS4yYzEuOS0xLjIsNC0yLjIsNi0zLjNjMS4yLTAuNywyLjQtMC42LDMuNSwwLjNjMS42LDEuNSwzLjEsMyw0LjYsNC41DQoJYzEsMS4xLDEuMSwyLjMsMC4zLDMuNmMtMS42LDIuOS0zLjEsNS44LTQuNyw4LjZjLTAuNiwxLTAuNCwxLjktMC40LDNjMC4zLDMuMywyLjIsNS4xLDUsNi41YzIsMSwzLjgsMi4zLDUuNywzLjQNCgljMS40LDAuOCwyLDIsMS42LDMuNmMtMC41LDItMS4xLDMuOS0xLjYsNS44Yy0wLjUsMS42LTEuNiwyLjMtMy4yLDIuM0M2My40LDUwLjYsNjEuNyw1MC42LDU5LjksNTAuNg0KCUM1OS45LDUwLjYsNTkuOSw1MC42LDU5LjksNTAuNnogTTM1LjYsNTAuM0M0My41LDUwLjQsNTAsNDQsNTAuMSwzNi4xYzAtNy45LTYuMy0xNC4zLTE0LjEtMTQuNGMtOC0wLjEtMTQuNSw2LjItMTQuNiwxNC4xDQoJQzIxLjMsNDMuNywyNy43LDUwLjIsMzUuNiw1MC4zeiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=); }

#turbine-base {
  width: 50px;
  height: 120px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNC43IDExMC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNC43IDExMC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZGlzcGxheTpub25lO30NCgkuc3Qxe2Rpc3BsYXk6aW5saW5lO30NCgkuc3Qye2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qze2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0NHtjbGlwLXBhdGg6dXJsKCNTVkdJRF80Xyk7ZmlsbDpub25lO3N0cm9rZTojMjI3RDc0O3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNi4xLDEzLjRjMC40LDcuMiwwLjksMTQuNywxLjQsMjIuMmMwLjYsMTAsMS4yLDIwLDEuNywzMGMwLjYsMTAuNiwxLjIsMjEuMiwxLjksMzEuNw0KCWMwLjIsMi43LDAuNCw1LjQsMC41LDguMWMwLDAuNS0wLjMsMS4yLTAuNywxLjRjLTUuMSwxLjktMTMuMiwyLjEtMTguNi0wLjRjMC4yLTQsMC40LTcuOSwwLjctMTEuOWMwLjUtOC43LDEtMTcuNCwxLjUtMjYuMQ0KCWMwLjUtNy45LDEtMTUuOCwxLjQtMjMuNmMwLjUtOC4zLDEtMTYuNiwxLjUtMjQuOWMwLjEtMS45LDAuMS0zLjksMS41LTUuNWMwLjMtMC4zLDAuNy0wLjUsMS0wLjZDMTEuOSwxMy42LDEzLjksMTMuNSwxNi4xLDEzLjR6Ig0KCS8+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTEuOSwxMS40Yy0yLjgsMC01LjEtMi40LTUtNS4xYzAuMS0yLjgsMi4zLTUsNS4xLTVjMi43LDAsNSwyLjMsNSw1LjFDMTYuOSw5LjIsMTQuNiwxMS40LDExLjksMTEuNHoiLz4NCjwvc3ZnPg0K); }

#turbine-blades {
  width: 150px;
  height: 150px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMzAuNCAxMzAuNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTMwLjQgMTMwLjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtkaXNwbGF5Om5vbmU7fQ0KCS5zdDF7ZGlzcGxheTppbmxpbmU7fQ0KCS5zdDJ7ZmlsbDpub25lO3N0cm9rZTojMjI3RDc0O3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDN7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Q0e2NsaXAtcGF0aDp1cmwoI1NWR0lEXzRfKTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0NXtmaWxsOiNGRkZGRkY7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0NSIgZD0iTTY3LjcsMy44Yy0wLjEtMC42LTAuNy0xLjItMS0xLjhjLTAuNSwwLjUtMC45LDAuOS0xLjQsMS41Yy0wLjEsMC4xLTAuMSwwLjQtMC4xLDAuNmMtMS4xLDUuNy0yLjEsMTEuNC0zLjEsMTcNCglDNjAuMywzMC4xLDU4LjcsMzksNTcsNDcuOWMtMC4xLDAuNi0wLjMsMS40LTAuMSwxLjljMS41LDMsMy4yLDYsNC42LDguN2MyLjEtMC4yLDQtMC40LDYuMS0wLjZjMC0wLjIsMC0wLjcsMC0xLjINCgljMC0xNi43LDAtMzMuNSwwLTUwLjJDNjcuNyw1LjYsNjcuOCw0LjcsNjcuNywzLjh6Ii8+DQo8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMTE5LjMsOTUuOWMtMS4yLTEtMi41LTItMy44LTMuMWMtMTAuNS04LjUtMjEtMTYuOS0zMS42LTI1LjRjLTAuNS0wLjQtMS0wLjgtMS41LTAuOWMtMy4xLTAuMy02LjEtMC41LTktMC43DQoJYy0wLjgsMS44LTEuNSwzLjUtMi4zLDUuNGMwLjIsMC4xLDAuNSwwLjMsMC45LDAuNmMxMC4yLDUuOCwyMC4zLDExLjYsMzAuNSwxNy40YzUuMSwyLjksMTAuMiw1LjgsMTUuMyw4LjcNCgljMC44LDAuNSwxLjcsMS4xLDIuNCwwLjFDMTIxLjEsOTYuOSwxMTkuOSw5Ni40LDExOS4zLDk1Ljl6Ii8+DQo8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNNTYuNyw2OC43QzQyLDc3LjMsMjcuNCw4NS45LDEyLjgsOTQuNGMtMC45LDAuNS0xLjgsMS0yLjYsMS42Yy0wLjMsMC4zLTAuNSwxLTAuMywxLjQNCgljMC4yLDAuMywwLjgsMC41LDEuMywwLjZjMC4zLDAsMC42LTAuMiwwLjktMC4zYzE0LjEtNS41LDI4LjEtMTEsNDIuMi0xNi41YzAuNC0wLjIsMS0wLjMsMS4yLTAuN2MyLTIuNywzLjktNS41LDUuNy04DQoJYy0xLjItMS41LTIuMy0yLjktMy40LTQuNEM1Ny41LDY4LjMsNTcuMSw2OC41LDU2LjcsNjguN3oiLz4NCjwvc3ZnPg0K); }

#report-base {
  width: 170px;
  height: 170px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNDEuNyAxNzQuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQxLjcgMTc0Ljc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZmlsbDpub25lO3N0cm9rZTojMjI3RDc0O3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KCS5zdDJ7ZmlsbDojRkZGRkZGO3N0cm9rZTojMjI3RDc0O3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzYuNCw4Ny4yYzAsMjIuNSwwLDQ1LjEsMCw2Ny42YzAsNC44LTEuNiw5LTUuMSwxMi40Yy0yLjYsMi41LTUuNiwzLjgtOS4yLDMuOGMtMzMuMywwLTY2LjYsMC05OS45LDANCgljLTguNSwwLTE1LjgtNy41LTE1LjgtMTYuM2MwLTIwLjMsMC00MC41LDAtNjAuOGMwLTI0LjQsMC4yLTQ4LjgtMC4xLTczLjJDNi4zLDEwLjMsMTQuNyw0LjcsMjIuMiw0LjdjMTQuNSwwLDI4LjksMCw0My40LDANCgljMTguNiwwLDM3LjEsMCw1NS43LDBjOS4zLDAsMTUuMSw1LjcsMTUuMSwxNS4xQzEzNi40LDQyLjIsMTM2LjQsNjQuNywxMzYuNCw4Ny4yeiBNMTMwLjQsODcuMlYyMC40YzAtNi44LTIuOS05LjYtOS42LTkuNg0KCWMtMjMuNCwwLTQ2LjgsMC03MC4yLDBjLTkuNCwwLTE4LjgtMC4xLTI4LjEsMGMtNi4zLDAuMS05LjgsMy43LTkuOCw5LjljMCwxNS4xLDAsMzAuMiwwLDQ1LjNjMCwyOS41LDAsNTguOSwwLDg4LjQNCgljMCw1LjksNC41LDEwLjUsMTAuMywxMC41YzMyLjksMCw2NS44LDAsOTguOCwwYzMuMiwwLDUuNy0xLjMsNy4xLTQuMWMxLTIsMS42LTQuMywxLjYtNi41QzEzMC40LDEzMS45LDEzMC40LDEwOS42LDEzMC40LDg3LjJ6Ii8+DQo8L3N2Zz4NCg==); }

#report-pie1 {
  width: 60px;
  height: 60px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MS4zIDU4LjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxLjMgNTguMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MntmaWxsOiNGRkZGRkY7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLjQsMS42YzAsNS4yLDAsMTAuMywwLDE1LjRjMCwzLjMtMC4xLDYuNSwwLDkuOGMwLDAuOSwwLjUsMi4xLDEuMiwyLjdjNS44LDUuNiwxMS42LDExLjIsMTcuNCwxNi43DQoJYy02LjUsOC45LTE5LjcsMTIuMy0zMC42LDcuOUM2LjksNDkuMSwwLjEsMzYsMywyMi42QzUuOCw5LjksMTcuOCwwLjksMzEuNCwxLjZ6Ii8+DQo8L3N2Zz4NCg==);
  opacity: 0;
  filter: alpha(opacity=0); }

#report-pie2 {
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNy4yIDI3LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI3LjIgMjcuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MntmaWxsOiNGRkZGRkY7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEuMywxLjhjMTIuNC0xLjEsMjUuMSwxMS42LDI0LjMsMjQuNUgxMy41SDEuM1YxLjh6Ii8+DQo8L3N2Zz4NCg==);
  opacity: 0;
  filter: alpha(opacity=0); }

#report-pie3 {
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyOC4zIDIxLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjMgMjEuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MntmaWxsOiNGRkZGRkY7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3LjIsMi40YzAsNi43LTIuMiwxMi40LTYuOSwxNy4xYy0wLjMtMC4yLTAuNi0wLjQtMC44LTAuNkMxMy44LDEzLjQsOC4xLDgsMi4yLDIuNEgyNy4yeiIvPg0KPC9zdmc+DQo=);
  opacity: 0;
  filter: alpha(opacity=0); }

.report-bar {
  width: 100px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA4MCA4LjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDguNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MntmaWxsOiNGRkZGRkY7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTc1LjUsNy41Yy0wLjIsMC0wLjQsMC0wLjYsMGMtMC4xLDAtMC4yLDAtMC4zLDBsLTY5LjEsMGMtMSwwLTIuMiwwLTMuMS0wLjlDMS45LDYsMS42LDUuMywxLjcsNC40DQoJYzAuMS0zLDIuOS0zLDMuOS0yLjljMS45LDAsMy44LDAsNS43LDBsMzcuNCwwbDI1LjIsMGMwLjIsMCwwLjQsMCwwLjYsMGMwLjcsMCwxLjQtMC4xLDIuMiwwLjJDNzcuNCwxLjksNzksMyw3OC44LDQuNA0KCWMtMC4xLDEuMy0xLjMsMi4zLTEuOCwyLjdDNzYuNSw3LjQsNzYsNy41LDc1LjUsNy41eiIvPg0KPC9zdmc+DQo=);
  opacity: 0;
  filter: alpha(opacity=0); }

#graph-base {
  width: 170px;
  height: 170px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNTEuNyAxNzgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1MS43IDE3ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MntmaWxsOiNGRkZGRkY7c3Ryb2tlOiMyMjdENzQ7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0M3tmaWxsOiMyMjdENzQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNi41LTQuN3YxODUuN2gyNS4xVi00LjdIMjYuNXogTTQ4LjUsMTY4YzAsMy4yLTIuNiw1LjgtNS44LDUuOGgtOC40Yy0zLjIsMC01LjgtMi42LTUuOC01LjhWNzQuNg0KCWM1LjcsNS43LDEwLjksMTAuOSwxMy44LDEzLjhsMC40LDAuNGwwLjQtMC40YzEuMy0xLjMsMy4xLTMuMSw1LjMtNS4zVjE2OHoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tNC44LTQuN3YxODcuMmgzMy4yVi00LjdILTQuOHogTTI0LjQsMTY4LjVjMCwzLjItMi42LDUuOC01LjgsNS44aC04LjRjLTMuMiwwLTUuOC0yLjYtNS44LTUuOHYtMTE3DQoJYzAtMC4zLDAtMC42LDAuMS0xYzQuMSw0LjEsMTIsMTIsMTkuOCwxOS44VjE2OC41eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxLjYtNC43djE4Ni44aDIzLjdWLTQuN0g1MS42eiBNNzMuMywxNjguM2MwLDMuMi0yLjYsNS44LTUuOCw1LjhoLTguNGMtMy4yLDAtNS44LTIuNi01LjgtNS44Vjc4LjcNCgljMS40LTEuNCwyLjgtMi44LDQuMy00LjNjNS41LTUuNSwxMC45LTEwLjksMTMuOC0xMy44YzAuNSwwLjUsMS4xLDEuMSwxLjgsMS44VjE2OC4zeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTc0LjEtMi41djE4Ny42SDEwMFYtMi41SDc0LjF6IE05OC4yLDE2Ny45YzAsMy4yLTIuNiw1LjgtNS44LDUuOGgtOC40Yy0zLjIsMC01LjgtMi42LTUuOC01LjhWNjYuNw0KCWM1LjQsNS40LDEyLjUsMTIuNSwxOS45LDE5LjlWMTY3Ljl6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTguOC0yLjVWMTc4aDI4LjZWLTIuNUg5OC44eiBNMTIyLjYsMTY4YzAsMy4yLTIuNiw1LjgtNS44LDUuOGgtOC40Yy0zLjIsMC01LjgtMi42LTUuOC01LjhWOTEuMw0KCWMwLjIsMC4yLDAuMywwLjMsMC41LDAuNWM2LjgsNi44LDEzLjcsMTMuNywxOS40LDE5LjRWMTY4eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyNS41LTIuNXYxODAuOWgyOVYtMi41SDEyNS41eiBNMTQ3LjMsMTY4YzAsMy4yLTIuNiw1LjgtNS44LDUuOGgtOC40Yy0zLjIsMC01LjgtMi42LTUuOC01Ljh2LTM2LjZoMTkuOVYxNjgNCgl6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNC41LDUxLjZ2MTE3YzAsMy4yLDIuNiw1LjgsNS44LDUuOGg4LjRjMy4yLDAsNS44LTIuNiw1LjgtNS44VjcwLjRDMTYuNiw2Mi42LDguNyw1NC43LDQuNiw1MC42DQoJQzQuNSw1MC45LDQuNSw1MS4zLDQuNSw1MS42eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTQyLjgsODguOGwtMC40LTAuNGMtMi45LTIuOS04LjEtOC4xLTEzLjgtMTMuOFYxNjhjMCwzLjIsMi42LDUuOCw1LjgsNS44aDguNGMzLjIsMCw1LjgtMi42LDUuOC01LjhWODMuMQ0KCWMtMi4yLDIuMi00LDQtNS4zLDUuM0w0Mi44LDg4Ljh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTcuNyw3NC40Yy0xLjQsMS40LTIuOSwyLjktNC4zLDQuM3Y4OS42YzAsMy4yLDIuNiw1LjgsNS44LDUuOGg4LjRjMy4yLDAsNS44LTIuNiw1LjgtNS44VjYyLjQNCgljLTAuNy0wLjctMS4zLTEuMi0xLjgtMS44QzY4LjYsNjMuNSw2My4yLDY5LDU3LjcsNzQuNHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03OC4zLDE2Ny45YzAsMy4yLDIuNiw1LjgsNS44LDUuOGg4LjRjMy4yLDAsNS44LTIuNiw1LjgtNS44Vjg2LjVDOTAuOCw3OS4xLDgzLjcsNzIsNzguMyw2Ni43VjE2Ny45eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTEwMi43LDkxLjNWMTY4YzAsMy4yLDIuNiw1LjgsNS44LDUuOGg4LjRjMy4yLDAsNS44LTIuNiw1LjgtNS44di01Ni43Yy01LjctNS43LTEyLjUtMTIuNS0xOS40LTE5LjQNCglDMTAzLDkxLjcsMTAyLjksOTEuNSwxMDIuNyw5MS4zeiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTEyNy40LDE2OGMwLDMuMiwyLjYsNS44LDUuOCw1LjhoOC40YzMuMiwwLDUuOC0yLjYsNS44LTUuOHYtMzYuNmgtMTkuOVYxNjh6Ii8+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDIuOCw3M2MtNi41LTYuNC0yOC4yLTI4LjEtMzQuNS0zNC40Yy0xLjcsMS44LTIuMywyLjQtNC4xLDQuMmM3LjYsNy42LDMwLjgsMzAuNywzOC41LDM4LjUNCgkJYzUuNy01LjcsMjMtMjMsMjguNi0yOC43YzExLjEsMTEuMSw1My4xLDUzLDY0LjEsNjRjLTIuNywyLjctNC43LDQuNy03LjYsNy42aDE5LjV2LTE5LjVjLTIuOCwyLjgtNC43LDQuOC03LjYsNy43DQoJCWMtMTIuNC0xMi41LTU1LjYtNTUuOS02OC02OC40QzY1LjgsNTAsNDguNSw2Ny4zLDQyLjgsNzN6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTYzLDM0LjZjLTMuMiwwLTUuNy0xLjEtNy44LTMuMmMtMi45LTIuOS0yLjgtNi41LTIuOC0xMS41YzAtNS0wLjEtOC42LDIuOC0xMS41YzItMiw0LjYtMy4yLDcuOC0zLjINCgkJYzUuNCwwLDkuNiwzLjEsMTAuNiw5LjFoLTUuN2MtMC42LTIuMy0yLTQuMS00LjktNC4xYy0xLjUsMC0yLjgsMC42LTMuNiwxLjVjLTEuMSwxLjItMS40LDIuNi0xLjQsOC4xYzAsNS41LDAuMyw2LjksMS40LDguMQ0KCQljMC44LDAuOSwyLjEsMS41LDMuNiwxLjVjMi44LDAsNC4zLTEuOCw0LjktNC4xaDUuN0M3Mi42LDMxLjUsNjguNCwzNC42LDYzLDM0LjZ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTk1LjksMzEuNGMtMiwyLTQuNSwzLjItNy44LDMuMmMtMy4zLDAtNS44LTEuMS03LjgtMy4yYy0yLjktMi45LTIuOC02LjUtMi44LTExLjVjMC01LTAuMS04LjYsMi44LTExLjUNCgkJYzItMiw0LjUtMy4yLDcuOC0zLjJjMy4zLDAsNS43LDEuMSw3LjgsMy4yYzIuOSwyLjksMi45LDYuNSwyLjksMTEuNUM5OC44LDI0LjksOTguOCwyOC41LDk1LjksMzEuNHogTTkxLjcsMTEuOQ0KCQljLTAuOC0wLjktMi4xLTEuNS0zLjYtMS41cy0yLjgsMC42LTMuNiwxLjVjLTEuMSwxLjItMS40LDIuNS0xLjQsOC4xYzAsNS41LDAuMyw2LjksMS40LDguMWMwLjgsMC45LDIuMSwxLjUsMy42LDEuNQ0KCQlzMi44LTAuNiwzLjYtMS41YzEuMS0xLjIsMS40LTIuNSwxLjQtOC4xQzkzLjIsMTQuNCw5Mi44LDEzLjEsOTEuNywxMS45eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMDIuMywzOS4zdi0yLjJsNC45LTUuN2MwLjUtMC42LDAuNy0xLDAuNy0xLjZjMC0xLTAuNi0xLjYtMS42LTEuNmMtMC44LDAtMS42LDAuNC0xLjYsMS43aC0yLjQNCgkJYzAtMi40LDEuOC0zLjgsNC0zLjhjMi4zLDAsNCwxLjUsNCwzLjhjMCwxLjMtMC41LDItMS40LDNsLTMuNyw0LjNoNS4xdjIuMkgxMDIuM3oiLz4NCjwvZz4NCjwvc3ZnPg0K);
  z-index: 100; }

#graph-ball {
  width: 15px;
  height: 15px;
  z-index: 200;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNC44IDI2LjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0LjggMjYuMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjtzdHJva2U6IzIyN0Q3NDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qye2ZpbGw6I0ZGRkZGRjt9DQoJLnN0M3tmaWxsOiMyMjdENzQ7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MyIgY3g9IjEyLjUiIGN5PSIxMy4zIiByPSIxMS41Ii8+DQo8L3N2Zz4NCg==); }

.graph-bar {
  width: 23px;
  height: 0;
  bottom: 20px;
  background: #237e74;
  z-index: 90; }

/*TEXT ANIMATION*/
.carbon-icon-holder .text-set {
  opacity: 1;
  transition: all 0.3s ease-in 0.4s; }

.carbon-icon-holder h2 {
  opacity: 0;
  color: #237e74;
  background: transparent;
  margin: 20px 40px 0px 40px;
  transform: scale(10);
  transition: all 0.3s ease-in-out 0.1s; }

.carbon-icon-holder p {
  opacity: 0;
  transform: scale(10);
  transition: all 0.3s ease-in-out 0.2s; }

.carbon-icon-holder a.cta {
  transition: all 0.3s ease-in-out 0.1s;
  background: #dbd5cd none repeat scroll 0 0;
  color: #000;
  display: inline-block;
  padding: 7px 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 13px;
  border: #dbd5cd 2px solid; }

.carbon-icon-holder:hover .text-set {
  opacity: 1;
  transition-delay: 0.2s; }

.carbon-icon-holder:hover h2 {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.3s; }

.carbon-icon-holder:hover p {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.4s; }

.carbon-icon-holder:hover a.cta {
  background: #1A3FD6;
  color: #fff;
  transition-delay: 0s;
  border: #1A3FD6 2px solid; }

@media screen and (min-width: 1368px) {
  .l3 {
    width: 25%;
    float: left; } }

@media screen and (max-width: 1367px) {
  .m6 {
    width: 50%;
    float: left; } }

@media screen and (max-width: 760px) {
  .s12 {
    width: 100%;
    float: left; } }

.event-banner-image {
  height: 230px;
  margin-bottom: 20px; }

.event-info .date-tag {
  display: inline-block;
  color: #666666;
  font-size: 14px;
  margin-bottom: 5px; }
  .event-info .date-tag:before {
    margin-right: 5px; }

.event-info .date-tag + p {
  display: inline-block; }

.event-info .date-tag + p + hr {
  margin-top: 0; }

.event-info .msci-btn-secondary {
  margin-top: 10px; }

.cw-table-hint.cw-smallest-phone {
  color: #F65058; }
  @media screen and (min-width: 320px) {
    .cw-table-hint.cw-smallest-phone {
      display: none; } }

.event-speakers {
  display: flex;
  flex-wrap: wrap; }
  .event-speakers .event-speaker-bio {
    margin: 30px 1.2% 30px 1.2%;
    padding-bottom: 15px;
    width: 22.6%;
    max-width: 270px;
    min-height: 260px;
    background-color: #F8F7F7;
    float: left;
    position: relative;
    padding-bottom: 76px;
    padding-top: 20px; }
  .event-speakers .event-speaker-bio:nth-child(4n+1) {
    clear: both; }
  .event-speakers .event-speaker-bio img {
    display: block;
    margin: 0 auto;
    border-radius: 50%; }
  .event-speakers .event-speaker-bio h4 {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 0; }
  .event-speakers .event-speaker-bio p {
    margin: 5px 0 15px 0;
    text-align: center; }
  .event-speakers .event-speaker-bio .read-bio {
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%; }

.sponsor {
  display: inline-block;
  margin-right: 10px; }

.sponsor h6 {
  text-align: center; }

/* New responsive sponsor logos */
.sponsor-container-responsive .sponsor-container-inner {
  margin: 0 -25px; }

.sponsor-container-responsive .sponsor {
  display: inline-block;
  width: 25%;
  padding: 25px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  float: left;
  line-height: 60px; }
  .sponsor-container-responsive .sponsor a {
    display: block;
    height: 70px; }
  .sponsor-container-responsive .sponsor img {
    max-height: 100%;
    max-width: 100%; }
  .sponsor-container-responsive .sponsor h6 {
    text-align: center; }

.sponsor-container-responsive .sponsor.two-columns-1st {
  clear: none; }

.sponsor-container-responsive .sponsor.three-columns-1st {
  clear: none; }

.sponsor-container-responsive .sponsor.four-columns-1st {
  clear: left; }

.hidden-line {
  margin: 60px 0 0 0;
  border: 0; }

@media (min-width: 768px) and (max-width: 992px) {
  .event-speakers .event-speaker-bio {
    min-height: 300px; }
  .sponsor-container-responsive .sponsor {
    width: 33.33333333%; }
  .sponsor-container-responsive .sponsor.two-columns-1st {
    clear: none; }
  .sponsor-container-responsive .sponsor.three-columns-1st {
    clear: left; }
  .sponsor-container-responsive .sponsor.four-columns-1st {
    clear: none; } }

@media (max-width: 768px) {
  .event-speakers .event-speaker-bio {
    width: 47.6%;
    max-width: 50%; }
  .event-speakers .event-speaker-bio:nth-child(4n+1) {
    clear: none; }
  .event-speakers .event-speaker-bio:nth-child(2n+1) {
    clear: both; }
  .sponsor-container-responsive .sponsor {
    width: 50%; }
  .sponsor-container-responsive .sponsor.two-columns-1st {
    clear: left; }
  .sponsor-container-responsive .sponsor.four-columns-1st {
    clear: none; }
  .sponsor-container-responsive .sponsor.three-columns-1st {
    clear: none; } }

@media (max-width: 480px) {
  .event-speakers .event-speaker-bio {
    width: 97.6%;
    max-width: 97.6%; }
  .event-speaker-bio:nth-child(4n+1) {
    clear: none; }
  .event-speaker-bio:nth-child(2n+1) {
    clear: none; } }

.msci-container .msci-research-video-player {
  max-width: 1140px;
  width: 100%;
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 0;
  height: 474px;
  overflow: hidden; }
  .msci-container .msci-research-video-player .video {
    font-size: 18px; }
  .msci-container .msci-research-video-player .author-container {
    position: relative;
    display: table;
    width: 100%;
    max-width: 425px;
    height: 100%; }
    .msci-container .msci-research-video-player .author-container .middle {
      display: table-cell;
      position: relative;
      vertical-align: middle;
      text-align: center;
      font-size: 0;
      height: 474px; }
      .msci-container .msci-research-video-player .author-container .middle .author {
        display: inline-block;
        position: relative;
        width: 50%;
        overflow: hidden;
        padding-top: 0;
        padding-right: 15px;
        color: #002036; }
        .msci-container .msci-research-video-player .author-container .middle .author .layer-container {
          width: 166px;
          height: 166px;
          position: relative;
          display: inline-block;
          overflow: hidden; }
          .msci-container .msci-research-video-player .author-container .middle .author .layer-container img {
            border-radius: 100%; }
        .msci-container .msci-research-video-player .author-container .middle .author h4 {
          display: block;
          position: relative;
          width: 100%;
          clear: both; }
        .msci-container .msci-research-video-player .author-container .middle .author p {
          display: block;
          position: relative;
          width: 100%;
          clear: both;
          margin: 0;
          height: 36px;
          overflow: hidden;
          color: #666666; }
  .msci-container .msci-research-video-player .video {
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    max-width: 715px;
    width: 100%;
    max-height: 474px;
    height: 100%;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: max-width 1s ease-out;
    -moz-transition: max-width 1s ease-out;
    -ms-transition: max-width 1s ease-out;
    -o-transition: max-width 1s ease-out;
    transition: max-width 1s ease-out; }
    .msci-container .msci-research-video-player .video.black {
      background-color: #000000; }
    .msci-container .msci-research-video-player .video .background-img {
      width: 100%;
      max-width: 100%;
      height: 474px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: absolute;
      z-index: 4;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -webkit-transition: opacity 1s ease-out;
      -moz-transition: opacity 1s ease-out;
      -ms-transition: opacity 1s ease-out;
      -o-transition: opacity 1s ease-out;
      transition: opacity 1s ease-out; }
      .msci-container .msci-research-video-player .video .background-img.opacity-hide {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .msci-container .msci-research-video-player .video .background-img.hide {
        display: none; }
    .msci-container .msci-research-video-player .video .black {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      background-color: black;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -webkit-transition: opacity 1.5s ease-out;
      -moz-transition: opacity 1.5s ease-out;
      -ms-transition: opacity 1.5s ease-out;
      -o-transition: opacity 1.5s ease-out;
      transition: opacity 1.5s ease-out; }
      .msci-container .msci-research-video-player .video .black.opacity-hide {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .msci-container .msci-research-video-player .video .black.hide {
        display: none; }
    .msci-container .msci-research-video-player .video iframe {
      width: 100%;
      height: 100%;
      position: relative;
      top: 0;
      left: 0; }
    .msci-container .msci-research-video-player .video .play {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      cursor: pointer;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -webkit-transition: opacity 1s ease-out;
      -moz-transition: opacity 1s ease-out;
      -ms-transition: opacity 1s ease-out;
      -o-transition: opacity 1s ease-out;
      transition: opacity 1s ease-out; }
      .msci-container .msci-research-video-player .video .play:after {
        content: url(../images/research-video-play.png);
        position: absolute;
        left: 50%;
        top: 50%;
        width: 62px;
        height: 62px;
        display: inline-block;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .msci-container .msci-research-video-player .video .play.opacity-hide {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .msci-container .msci-research-video-player .video .play:hover {
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50); }
      .msci-container .msci-research-video-player .video .play.hide {
        display: none; }
    .msci-container .msci-research-video-player .video.full-width {
      max-width: 100%; }
      .msci-container .msci-research-video-player .video.full-width .background-img {
        max-width: 100%; }
  @media screen and (max-width: 1210px) {
    .msci-container .msci-research-video-player .video {
      max-width: 650px; }
      .msci-container .msci-research-video-player .video .background-img {
        max-width: 650px; } }
  @media screen and (max-width: 1110px) {
    .msci-container .msci-research-video-player .video {
      max-width: 500px; }
      .msci-container .msci-research-video-player .video .background-img {
        max-width: 500px; } }
  @media screen and (max-width: 979px) {
    .msci-container .msci-research-video-player {
      height: auto;
      min-height: auto; }
      .msci-container .msci-research-video-player .author-container {
        position: relative;
        width: 100%;
        max-width: 100%;
        display: block;
        height: auto;
        padding-top: 0; }
        .msci-container .msci-research-video-player .author-container .middle {
          position: relative;
          width: 100%;
          max-width: 100%;
          height: auto;
          display: block;
          vertical-align: top; }
          .msci-container .msci-research-video-player .author-container .middle .author {
            position: relative;
            width: 100%;
            display: block;
            max-width: 100%;
            top: 0;
            margin-bottom: 20px;
            padding-right: 0;
            font-size: 18px; }
            .msci-container .msci-research-video-player .author-container .middle .author .layer-container {
              width: 200px;
              height: 200px;
              margin-bottom: 15px; }
            .msci-container .msci-research-video-player .author-container .middle .author p {
              color: #666666;
              height: auto; }
      .msci-container .msci-research-video-player .video {
        position: relative;
        width: 100%;
        display: block;
        max-width: 100%;
        height: 300px; }
        .msci-container .msci-research-video-player .video .background-img {
          max-width: 100%;
          margin: 0 auto;
          height: 300px; }
        .msci-container .msci-research-video-player .video iframe {
          height: 300px; }
        .msci-container .msci-research-video-player .video.full-width {
          -webkit-transition: max-width 0s ease-out;
          -moz-transition: max-width 0s ease-out;
          -ms-transition: max-width 0s ease-out;
          -o-transition: max-width 0s ease-out;
          transition: max-width 0s ease-out; } }
  @media screen and (max-width: 979px) {
    .msci-container .msci-research-video-player {
      overflow: hidden; } }

.msci-container .msci-research-slider-with-navigation {
  max-width: 1140px;
  width: 100%;
  position: relative;
  display: block;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: "Roboto Regular", sans-serif; }
  .msci-container .msci-research-slider-with-navigation.disabled-click:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    cursor: pointer; }
  .msci-container .msci-research-slider-with-navigation .container {
    max-width: 1330px;
    padding: 0 80px; }
    .msci-container .msci-research-slider-with-navigation .container .slider-title {
      margin-bottom: 5px;
      padding-bottom: 0; }
      .msci-container .msci-research-slider-with-navigation .container .slider-title h3 {
        display: block;
        clear: both;
        width: 100%;
        text-transform: uppercase; }
        .msci-container .msci-research-slider-with-navigation .container .slider-title h3 span {
          display: block;
          clear: both;
          width: 100%;
          padding-top: 7px; }
      .msci-container .msci-research-slider-with-navigation .container .slider-title:after {
        content: '';
        width: 40%;
        height: 1px;
        background-color: #CCCCCC;
        position: relative;
        display: inline-block;
        clear: both; }
    .msci-container .msci-research-slider-with-navigation .container .chapter-dots {
      position: absolute;
      right: 5px;
      top: 98px;
      z-index: 3; }
      .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul {
        margin: 0;
        padding: 0;
        position: relative; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul:after {
          content: '';
          position: absolute;
          top: 0;
          left: 50%;
          width: 1px;
          height: 100%;
          background-color: #CCCCCC;
          z-index: 1; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li {
          padding: 0 0 18px 0;
          margin: 0;
          list-style: none;
          position: relative;
          cursor: pointer;
          z-index: 2; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li:last-child {
            padding: 0; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li i.circle {
            width: 14px;
            height: 14px;
            display: block;
            background-color: #CCCCCC;
            border-radius: 100%;
            -webkit-transition: background-color 0.3s ease-out;
            -moz-transition: background-color 0.3s ease-out;
            -ms-transition: background-color 0.3s ease-out;
            -o-transition: background-color 0.3s ease-out;
            transition: background-color 0.3s ease-out; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li.active i.circle {
            background-color: #1A3FD6; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li:hover i.circle {
            background-color: #1A3FD6; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li .dots-title {
            font-size: 16px;
            font-family: "Roboto Black", sans-serif;
            color: #FFFFFF;
            width: 183px;
            height: auto;
            position: absolute;
            z-index: 3;
            right: 20px;
            line-height: 1.3;
            padding: 5px 10px;
            background-color: #1A3FD6;
            display: none;
            -webkit-transition: opacity 0.3s ease-out;
            -moz-transition: opacity 0.3s ease-out;
            -ms-transition: opacity 0.3s ease-out;
            -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li:hover .dots-title {
            display: block; }
    .msci-container .msci-research-slider-with-navigation .container .chapter-content {
      padding-top: 20px;
      display: block;
      position: relative;
      width: 100%;
      clear: both; }
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter {
        display: block;
        position: relative;
        width: 100%;
        clear: both;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter.load {
          max-height: none; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter.fade {
          display: none; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter.active {
          display: block;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=100);
          -webkit-transition: opacity 1s ease-out;
          -moz-transition: opacity 1s ease-out;
          -ms-transition: opacity 1s ease-out;
          -o-transition: opacity 1s ease-out;
          transition: opacity 1s ease-out; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .chapter-title {
          margin-bottom: 15px; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .chapter-title h4 {
            text-transform: uppercase; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .msci-slided-content .content-box {
          position: relative;
          width: 100%;
          display: block;
          overflow: hidden; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .msci-slided-content .content-box .inner-line ul.content-list {
            margin: 0;
            padding: 0;
            font-size: 0; }
            .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .msci-slided-content .content-box .inner-line ul.content-list li.content-element {
              list-style-type: none;
              display: inline-block;
              position: relative;
              vertical-align: top;
              overflow: hidden;
              padding: 0 10px 0 0; }
              .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .msci-slided-content .content-box .inner-line ul.content-list li.content-element p:last-of-type {
                margin-bottom: 0; }
              .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .msci-slided-content .content-box .inner-line ul.content-list li.content-element ol li {
                font-size: 15.4px; }
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev,
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next {
        position: absolute;
        bottom: 0;
        cursor: pointer;
        display: inline-block;
        width: 46px;
        height: 46px;
        text-align: center;
        background-color: #1A3FD6;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        border-radius: 100%; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev:after,
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next:after {
          content: '';
          border: solid #FFFFFF;
          border-width: 0 4px 4px 0;
          display: inline-block;
          padding: 6px;
          position: absolute;
          top: 35%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.5s ease-out;
          -moz-transition: all 0.5s ease-out;
          -ms-transition: all 0.5s ease-out;
          -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out; }
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev {
        left: -56px; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev:after {
          left: 43%;
          -webkit-transform: rotate(135deg);
          -moz-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          transform: rotate(135deg); }
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next {
        right: -56px; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next:after {
          left: 28.5%;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev:hover,
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next:hover {
        background-color: #4A7BC9; }
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev.in-active,
      .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next.in-active {
        cursor: default;
        background-color: #CCCCCC; }
  @media screen and (max-width: 768px) {
    .msci-container .msci-research-slider-with-navigation .container {
      padding: 0; }
      .msci-container .msci-research-slider-with-navigation .container .chapter-dots {
        position: relative;
        right: 0;
        top: 0;
        text-align: center;
        height: 14px;
        margin-bottom: 0;
        margin-top: 10px; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul {
          display: inline-block;
          height: 14px; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul:after {
            top: calc(50% - 1px);
            left: 0;
            width: 100%;
            height: 1px; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li {
            padding: 0 18px 0 0;
            display: inline-block; }
            .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li .dots-title {
              top: 20px; }
            .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li:hover .dots-title {
              display: none; }
            .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li:hover i.circle {
              background-color: #1A3FD6; }
            .msci-container .msci-research-slider-with-navigation .container .chapter-dots ul li.active i.circle {
              background-color: #1A3FD6; }
      .msci-container .msci-research-slider-with-navigation .container .chapter-content {
        display: block;
        position: relative;
        width: 100%;
        clear: both; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .chapter-title {
          padding: 0 45px;
          min-height: 30px; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .msci-slided-content {
          padding-top: 0; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-content .chapter .msci-slided-content .content-box .inner-line ul.content-list li.content-element {
            padding: 0; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev,
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next {
          top: 20px;
          background-size: 30px;
          width: 30px;
          height: 30px;
          z-index: 4; }
          .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev:after,
          .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next:after {
            padding: 4px; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev {
          left: 0; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next {
          right: 0; }
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-prev:hover,
        .msci-container .msci-research-slider-with-navigation .container .chapter-content .research-navigation-next:hover {
          background-color: #4A7BC9; } }

.hero-slider {
  height: 500px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 991.98px) {
    .hero-slider {
      height: 244px; } }
  .hero-slider .carousel-item {
    display: block;
    position: absolute;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out; }
    .hero-slider .carousel-item.inactive {
      -webkit-transition: left 1s ease-in-out;
      -moz-transition: left 1s ease-in-out;
      -ms-transition: left 1s ease-in-out;
      -o-transition: left 1s ease-in-out;
      transition: left 1s ease-in-out;
      left: -100%; }
    .hero-slider .carousel-item.active {
      -webkit-transition: left 0s ease-in-out;
      -moz-transition: left 0s ease-in-out;
      -ms-transition: left 0s ease-in-out;
      -o-transition: left 0s ease-in-out;
      transition: left 0s ease-in-out;
      left: 0; }
  .hero-slider .carousel-item-image {
    position: relative;
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 500px; }
    @media (max-width: 991.98px) {
      .hero-slider .carousel-item-image {
        height: 244px; } }
  .hero-slider .carousel-item.compact-object-fit {
    background-size: cover;
    background-position: center; }
    .hero-slider .carousel-item.compact-object-fit .carousel-item-image {
      opacity: 0; }
  .hero-slider .wrap {
    position: absolute;
    z-index: 1;
    text-align: left; }
    @media (min-width: 992px) {
      .hero-slider .wrap {
        max-width: calc(90% - 100px); } }
    @media (min-width: 1200px) {
      .hero-slider .wrap {
        max-width: calc(70% - 100px); } }
    @media (min-width: 992px) {
      .hero-slider .wrap {
        width: 100%;
        left: 12%;
        top: 50%;
        transform: translateY(-50%); } }
    @media (max-width: 991.98px) {
      .hero-slider .wrap {
        height: 100%;
        width: 65%; }
        .hero-slider .wrap .header-wrapper {
          top: 50%;
          transform: translateY(-50%);
          position: absolute; } }
    .hero-slider .wrap .header-wrapper {
      background-color: white; }
      @media (min-width: 992px) {
        .hero-slider .wrap .header-wrapper {
          max-width: calc(100% - 100px);
          padding: 35px 50px 40px 50px; }
          .hero-slider .wrap .header-wrapper h2 {
            padding-bottom: 10px; } }
      @media (max-width: 991.98px) {
        .hero-slider .wrap .header-wrapper {
          padding: 9px 45px 9px 15px; }
          .hero-slider .wrap .header-wrapper h5 {
            margin-bottom: 0; } }
      .hero-slider .wrap .header-wrapper h2, .hero-slider .wrap .header-wrapper h5 {
        font-family: "Roboto Black", sans-serif; }
      .hero-slider .wrap .header-wrapper span {
        line-height: 1.8; }
      .hero-slider .wrap .header-wrapper i {
        position: absolute;
        right: 15px;
        bottom: 12px;
        color: #1A3FD6;
        font-size: 20px;
        cursor: pointer; }
    .hero-slider .wrap .info-wrapper {
      position: relative;
      display: block;
      margin-left: 100px;
      margin-top: -25px; }
      .hero-slider .wrap .info-wrapper .button-wrapper {
        min-height: 100px;
        padding: 30px 40px;
        background-color: #EFF2FD; }
        .hero-slider .wrap .info-wrapper .button-wrapper div {
          font-family: "Roboto Black", sans-serif;
          font-size: 18px;
          line-height: 1.5;
          padding: 0; }
        .hero-slider .wrap .info-wrapper .button-wrapper a {
          z-index: 3;
          margin-left: 20px; }
        .hero-slider .wrap .info-wrapper .button-wrapper .msci-btn-primary {
          max-width: calc(100% - 20px);
          width: 100%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
        .hero-slider .wrap .info-wrapper .button-wrapper span {
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
  .hero-slider > .carousel-menu-item {
    position: absolute;
    top: calc(50% - 30px);
    padding: 20px;
    background-color: #EFF2FD;
    opacity: 0.9;
    cursor: pointer;
    font-size: 20px;
    color: #002036;
    z-index: 2; }
    .hero-slider > .carousel-menu-item.carousel-menu-prev {
      left: 0; }
    .hero-slider > .carousel-menu-item.carousel-menu-next {
      right: 0; }
  .hero-slider .indicators {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    z-index: 2; }
    @media (max-width: 991.98px) {
      .hero-slider .indicators {
        bottom: 5px; } }
    .hero-slider .indicators .indicator {
      font-size: 40px;
      cursor: pointer;
      padding: 3px; }
      @media (max-width: 991.98px) {
        .hero-slider .indicators .indicator {
          font-size: 50px; } }
      .hero-slider .indicators .indicator.active {
        color: #1A3FD6; }
      .hero-slider .indicators .indicator.inactive {
        color: #DAE0F8; }

.esg-trends-detailed {
  margin-bottom: 40px; }
  .esg-trends-detailed .further-reading {
    margin-bottom: 40px; }
    .esg-trends-detailed .further-reading a, .esg-trends-detailed .further-reading a:hover {
      text-decoration: underline; }
  .esg-trends-detailed .esg-trends-navigators a, .esg-trends-detailed a.back-to-home {
    color: #002036;
    font-size: 14px;
    font-family: "Roboto Regular", sans-serif; }
    .esg-trends-detailed .esg-trends-navigators a:hover, .esg-trends-detailed a.back-to-home:hover {
      color: #4A7BC9; }

.esg-trends-detailed .climate-map-container {
  box-sizing: content-box;
  margin-bottom: 20px; }
  .esg-trends-detailed .climate-map-container .highlight {
    margin: 0;
    background: inherit; }
  .esg-trends-detailed .climate-map-container .esg-chart-container .chart {
    z-index: 3; }
  .esg-trends-detailed .climate-map-container .esg-chart-container .map {
    z-index: 3;
    z-index: 4; }
  .esg-trends-detailed .climate-map-container .esg-chart-container #map-overlay {
    z-index: 6; }
  .esg-trends-detailed .climate-map-container .esg-chart-container #emissions-key {
    z-index: 5; }
  .esg-trends-detailed .climate-map-container .esg-chart-container #info-bar {
    z-index: 9; }
    .esg-trends-detailed .climate-map-container .esg-chart-container #info-bar #info-bar-header {
      z-index: 1; }
    .esg-trends-detailed .climate-map-container .esg-chart-container #info-bar .close-button {
      z-index: 1; }
  .esg-trends-detailed .climate-map-container .esg-chart-container #menu-bar {
    z-index: 7; }
  .esg-trends-detailed .climate-map-container .esg-chart-container .sub-menu {
    z-index: 2; }
  .esg-trends-detailed .climate-map-container .esg-chart-container #data-bar {
    z-index: 9; }
    .esg-trends-detailed .climate-map-container .esg-chart-container #data-bar #data-bar-header {
      z-index: 1; }
    .esg-trends-detailed .climate-map-container .esg-chart-container #data-bar .close-button {
      z-index: 1; }
  .esg-trends-detailed .climate-map-container .esg-chart-container #tooltip {
    z-index: 8; }

.cards-with-featured-content {
  margin-bottom: 80px;
  /* Social buttons */ }
  .cards-with-featured-content .content-card {
    padding-bottom: 250px;
    position: relative; }
  .cards-with-featured-content .featured-content {
    margin-bottom: 40px; }
  .cards-with-featured-content .title,
  .cards-with-featured-content .featured-thumbnail {
    margin-bottom: 20px; }
  .cards-with-featured-content .featured-content > a {
    font-size: 40px; }
  .cards-with-featured-content .content-card > a {
    font-size: 32px; }
  .cards-with-featured-content .featured-content > a,
  .cards-with-featured-content .content-card > a {
    color: #002036; }
    .cards-with-featured-content .featured-content > a:hover,
    .cards-with-featured-content .content-card > a:hover {
      text-decoration: underline;
      text-decoration-color: #4A7BC9;
      color: #4A7BC9;
      -webkit-text-decoration-color: #4A7BC9;
      /* safari vendor prefix */ }
  .cards-with-featured-content .featured-thumbnail {
    position: relative;
    overflow: hidden; }
  .cards-with-featured-content .thumbnail {
    position: absolute;
    overflow: hidden;
    bottom: 45px;
    height: 200px;
    width: auto;
    max-width: 300px; }
    .cards-with-featured-content .thumbnail picture img {
      height: 200px;
      width: auto; }
    .cards-with-featured-content .thumbnail.empty {
      background-color: #FFFFFF;
      border: 1px solid #002036; }
      .cards-with-featured-content .thumbnail.empty .missing-thumbnail-label {
        opacity: 0.9; }
  .cards-with-featured-content .missing-thumbnail-label {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #002036;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .cards-with-featured-content .featured-thumbnail a:hover:after,
  .cards-with-featured-content .thumbnail:not(.empty) a:hover:after,
  .cards-with-featured-content .featured-content > a:hover ~ .featured-thumbnail a:after,
  .cards-with-featured-content .content-card > a:hover ~ .thumbnail:not(.empty) a:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #4A7BC9;
    opacity: .2;
    position: absolute;
    top: 0;
    left: 0; }
  .cards-with-featured-content .featured-thumbnail a:hover img,
  .cards-with-featured-content .thumbnail:not(.empty) a:hover img,
  .cards-with-featured-content .featured-content > a:hover ~ .featured-thumbnail a img,
  .cards-with-featured-content .content-card > a:hover ~ .thumbnail:not(.empty) a img {
    transform: scale(1.1); }
  .cards-with-featured-content .content-card-title {
    font-size: 22px;
    line-height: 30px; }
  .cards-with-featured-content .featured-description, .cards-with-featured-content .content-card-description {
    font-size: 16px; }
  .cards-with-featured-content img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    transition: transform 1s ease; }
  .cards-with-featured-content .featured-thumbnail .featured-label {
    position: absolute;
    left: 0;
    top: 5%;
    padding: 10px;
    text-transform: uppercase;
    background-color: #F8F7F7;
    font-family: "Roboto Bold", sans-serif;
    z-index: 1;
    color: #666666;
    user-select: none; }
  @media (min-width: 768px) {
    .cards-with-featured-content .content-card:nth-child(3n+1) {
      padding-right: 49px; }
    .cards-with-featured-content .content-card:nth-child(3n+2) {
      padding-left: 32px;
      padding-right: 32px; }
    .cards-with-featured-content .content-card:nth-child(3n) {
      padding-left: 49px; } }
  @media (min-width: 768px) {
    .cards-with-featured-content .card-button {
      display: none; }
    .cards-with-featured-content .featured-button {
      display: none; }
    .cards-with-featured-content .thumbnail.empty,
    .cards-with-featured-content .thumbnail {
      width: calc(100% - 64px); } }
  @media (max-width: 767px) {
    .cards-with-featured-content .content-card {
      padding-bottom: 30px; }
    .cards-with-featured-content .thumbnail {
      position: relative;
      text-align: center;
      bottom: 0; }
    .cards-with-featured-content .card-button {
      margin-top: 16px; }
    .cards-with-featured-content .featured-thumbnail a:hover:after,
    .cards-with-featured-content .thumbnail a:hover:after,
    .cards-with-featured-content .featured-content > a:hover ~ .featured-thumbnail a:after,
    .cards-with-featured-content .content-card > a:hover ~ .thumbnail a:after {
      position: static; } }
  .cards-with-featured-content .social-buttons {
    padding-right: 20px;
    padding-top: 10px; }
    .cards-with-featured-content .social-buttons a {
      float: right;
      padding: 10px 15px; }
      .cards-with-featured-content .social-buttons a i {
        color: #000000;
        font-size: 24px; }
      .cards-with-featured-content .social-buttons a:hover i {
        color: #4A7BC9; }

/* IE image fix */
.ie .cards-with-featured-content .featured-thumbnail img,
.ie .cards-with-featured-content .thumbnail img {
  width: 100%;
  height: auto;
  max-height: none; }

/* IE text decoration fix */
.ie .cards-with-featured-content .content-card > a:hover,
.ie .cards-with-featured-content .featured-content > a:hover {
  color: #4A7BC9; }

.ie .cards-with-featured-content .content-card > a span,
.ie .cards-with-featured-content .featured-content > a span {
  color: #002036; }

.filterable-content-card {
  padding-bottom: 250px;
  position: relative; }
  .filterable-content-card > a {
    font-size: 32px;
    color: #002036; }
    .filterable-content-card > a:hover {
      text-decoration: underline;
      text-decoration-color: #4A7BC9;
      color: #4A7BC9;
      -webkit-text-decoration-color: #4A7BC9; }
  .filterable-content-card .content-card-title {
    font-size: 22px;
    line-height: 30px; }
  .filterable-content-card .content-card-short-description {
    font-size: 16px; }
  .filterable-content-card .content-card-thumbnail {
    position: absolute;
    overflow: hidden;
    bottom: 45px;
    height: 200px;
    width: auto;
    max-width: 300px; }
    .filterable-content-card .content-card-thumbnail picture img {
      height: 200px;
      width: auto; }
    .filterable-content-card .content-card-thumbnail.empty {
      background-color: #FFFFFF;
      border: 1px solid #002036; }
      .filterable-content-card .content-card-thumbnail.empty .missing-thumbnail-label {
        opacity: 0.9; }
  .filterable-content-card img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    transition: transform 1s ease; }
  .filterable-content-card .missing-thumbnail-label {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #002036;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .filterable-content-card .content-card-thumbnail:not(.empty) a:hover:after,
  .filterable-content-card > a:hover ~ .content-card-thumbnail:not(.empty) a:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #4A7BC9;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0; }
  .filterable-content-card .content-card-thumbnail:not(.empty) a:hover img,
  .filterable-content-card > a:hover ~ .content-card-thumbnail:not(.empty) a img {
    transform: scale(1.075); }
  @media (min-width: 768px) {
    .filterable-content-card .card-button {
      display: none; }
    .filterable-content-card .content-card-thumbnail.empty,
    .filterable-content-card .content-card-thumbnail {
      width: calc(100% - 64px); } }
  @media (max-width: 767px) {
    .filterable-content-card {
      padding-bottom: 30px; }
      .filterable-content-card .content-card-thumbnail {
        position: relative;
        text-align: center;
        bottom: 0; }
      .filterable-content-card .card-button {
        margin-top: 16px; }
      .filterable-content-card .content-card-thumbnail a:hover:after,
      .filterable-content-card > a:hover ~ .content-card-thumbnail a:after {
        position: static; } }

.filterable-content-card {
  padding-bottom: 250px;
  position: relative; }
  .filterable-content-card > a {
    font-size: 32px;
    color: #002036; }
    .filterable-content-card > a:hover {
      text-decoration: underline;
      text-decoration-color: #4A7BC9;
      color: #4A7BC9;
      -webkit-text-decoration-color: #4A7BC9; }
  .filterable-content-card .content-card-title {
    font-size: 22px;
    line-height: 30px; }
  .filterable-content-card .content-card-short-description {
    font-size: 16px; }
  .filterable-content-card .content-card-thumbnail {
    position: absolute;
    overflow: hidden;
    bottom: 45px;
    height: 200px;
    width: auto;
    max-width: 300px; }
    .filterable-content-card .content-card-thumbnail picture img {
      height: 200px;
      width: auto; }
    .filterable-content-card .content-card-thumbnail.empty {
      background-color: #FFFFFF;
      border: 1px solid #002036; }
      .filterable-content-card .content-card-thumbnail.empty .missing-thumbnail-label {
        opacity: 0.9; }
  .filterable-content-card img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    transition: transform 1s ease; }
  .filterable-content-card .missing-thumbnail-label {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #002036;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .filterable-content-card .content-card-thumbnail:not(.empty) a:hover:after,
  .filterable-content-card > a:hover ~ .content-card-thumbnail:not(.empty) a:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #4A7BC9;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0; }
  .filterable-content-card .content-card-thumbnail:not(.empty) a:hover img,
  .filterable-content-card > a:hover ~ .content-card-thumbnail:not(.empty) a img {
    transform: scale(1.075); }
  @media (min-width: 768px) {
    .filterable-content-card .card-button {
      display: none; }
    .filterable-content-card .content-card-thumbnail.empty,
    .filterable-content-card .content-card-thumbnail {
      width: calc(100% - 64px); } }
  @media (max-width: 767px) {
    .filterable-content-card {
      padding-bottom: 30px; }
      .filterable-content-card .content-card-thumbnail {
        position: relative;
        text-align: center;
        bottom: 0; }
      .filterable-content-card .card-button {
        margin-top: 16px; }
      .filterable-content-card .content-card-thumbnail a:hover:after,
      .filterable-content-card > a:hover ~ .content-card-thumbnail a:after {
        position: static; } }

.filterable-msci-quick-app-card {
  padding-bottom: 250px;
  position: relative; }
  .filterable-msci-quick-app-card > a {
    font-size: 32px;
    color: #002036; }
    .filterable-msci-quick-app-card > a:hover {
      text-decoration: underline;
      text-decoration-color: #4A7BC9;
      color: #4A7BC9;
      -webkit-text-decoration-color: #4A7BC9; }
  .filterable-msci-quick-app-card .content-card-title {
    font-size: 22px;
    line-height: 30px; }
  .filterable-msci-quick-app-card .content-card-short-description {
    font-size: 16px; }
  .filterable-msci-quick-app-card .content-card-thumbnail {
    position: absolute;
    overflow: hidden;
    bottom: 45px;
    height: 200px;
    width: auto;
    max-width: 300px; }
    .filterable-msci-quick-app-card .content-card-thumbnail picture img {
      height: 200px;
      width: auto; }
    .filterable-msci-quick-app-card .content-card-thumbnail.empty {
      background-color: #FFFFFF;
      border: 1px solid #002036; }
      .filterable-msci-quick-app-card .content-card-thumbnail.empty .missing-thumbnail-label {
        opacity: 0.9; }
  .filterable-msci-quick-app-card img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    transition: transform 1s ease; }
  .filterable-msci-quick-app-card .missing-thumbnail-label {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #002036;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .filterable-msci-quick-app-card .content-card-thumbnail:not(.empty) a:hover:after,
  .filterable-msci-quick-app-card > a:hover ~ .content-card-thumbnail:not(.empty) a:after {
    content: "";
    height: 100%;
    width: 100%;
    background-color: #4A7BC9;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0; }
  .filterable-msci-quick-app-card .content-card-thumbnail:not(.empty) a:hover img,
  .filterable-msci-quick-app-card > a:hover ~ .content-card-thumbnail:not(.empty) a img {
    transform: scale(1.075); }
  @media (min-width: 768px) {
    .filterable-msci-quick-app-card .card-button {
      display: none; }
    .filterable-msci-quick-app-card .content-card-thumbnail.empty,
    .filterable-msci-quick-app-card .content-card-thumbnail {
      width: calc(100% - 64px); } }
  @media (max-width: 767px) {
    .filterable-msci-quick-app-card {
      padding-bottom: 30px; }
      .filterable-msci-quick-app-card .content-card-thumbnail {
        position: relative;
        text-align: center;
        bottom: 0; }
      .filterable-msci-quick-app-card .card-button {
        margin-top: 16px; }
      .filterable-msci-quick-app-card .content-card-thumbnail a:hover:after,
      .filterable-msci-quick-app-card > a:hover ~ .content-card-thumbnail a:after {
        position: static; } }

.related-container .related-box, .content-cards .related-box {
  background-color: #002036;
  color: #FFFFFF;
  padding: 40px 40px 82px;
  height: 100%;
  position: relative; }
  .related-container .related-box p, .content-cards .related-box p {
    margin-bottom: 40px;
    max-height: 140px; }
  .related-container .related-box a, .content-cards .related-box a {
    position: absolute;
    bottom: 40px; }

.related-container > h2 {
  margin-bottom: 30px; }

.content-cards .related-box-container {
  max-width: 100%; }

/* Default styles */
.puzzle {
  margin-bottom: 10px; }

.puzzle a.puzzle-item {
  margin: 10px 1%;
  width: 31%;
  height: 205px;
  float: left;
  background-color: #1E3A4D;
  text-align: center;
  font-size: 1.1em;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  color: #F8F7F7; }

.puzzle a.puzzle-item h2 {
  color: #F8F7F7;
  font-size: 2em;
  margin-top: 0.5em;
  padding: 0 5px;
  line-height: 1.1em;
  margin-bottom: 0.5em;
  text-transform: uppercase; }

.puzzle a.puzzle-item p {
  margin: 0 0 10px 0;
  padding: 0 5px; }

.puzzle a.puzzle-item p.puzzle-btn {
  position: relative;
  display: inline-block;
  padding-right: 34px;
  font-family: "Roboto Bold", sans-serif; }
  .puzzle a.puzzle-item p.puzzle-btn:after {
    content: "\e906";
    font-family: 'msci-icons2019' !important;
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.puzzle a.puzzle-item p.p-icon {
  margin-top: 20px;
  font-size: 1.33333em;
  height: 27px; }

.puzzle a.puzzle-item p a {
  color: #F8F7F7;
  text-decoration: none;
  margin: 20px 0 0 0; }

/* Color variations */
.puzzle a.puzzle-item.c1 {
  /* background-color: #5F8195; /* MSCI BLUE 3025U - 80% */
  /* Liferay 6.2 */
  background-color: #6c7bd3;
  /* MSCI MOODY BLUE - Liferay DXP */ }

.puzzle a.puzzle-item.c2 {
  /*background-color: #69727a; /* MSCI BLUE GRAY - 546U - 80% */
  /* Liferay 6.2 */
  background-color: #73787C;
  /* MSCI FLINT - Liferay DXP */ }

.puzzle a.puzzle-item.c3 {
  /*background-color: #aaa5a1; /* MSCI DARK GRAY - PMS Warm Gray 7U 80% */
  /* Liferay 6.2 */
  background-color: #d5d7d5;
  /* MSCI SILVER - Liferay DXP */ }

.puzzle a.puzzle-item.c4 {
  /*background-color: #da7175; /* MSCI RED - 1797U 80% */
  /* Liferay 6.2 */
  background-color: #e44261;
  /* MSCI CARNATION - Liferay DXP */ }

.puzzle a.puzzle-item.c5 {
  /*background-color: #48978f; /* MSCI GREEN - 3295U 80% */
  /* Liferay 6.2 */
  background-color: #00c4b3;
  /* MSCI TURQUOISE - Liferay DXP */ }

.puzzle a.puzzle-item.c6 {
  /*background-color: #465058; /* MSCI BLUE GRAY - 546U  */
  /* Liferay 6.2 */
  background-color: #c6c8c8;
  /* MSCI SOAPSTONE - Liferay DXP */ }

/* Hover behaviour */
.puzzle a.puzzle-item:hover {
  background-color: #1A3FD6;
  /* MSCI MARIGOLD - 7549U 80% */
  color: #F8F7F7;
  /* MSCI BLUE GRAY - 546U 80% */ }

.puzzle a.puzzle-item:hover h2 {
  color: #F8F7F7; }

.puzzle a.puzzle-item:hover p a {
  color: #F8F7F7; }

.puzzle a.puzzle-item:hover p.puzzle-btn:after {
  right: 10px; }

.puzzle a.puzzle-item:hover p.p-icon {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: transform 0.2s ease-out;
  -moz-transition: transform 0.2s ease-out;
  -ms-transition: transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }

/* Responsive behaviour */
@media (max-width: 1200px) {
  .puzzle a.puzzle-item h2 {
    font-size: 1.8em; }
  .puzzle a.puzzle-item p {
    font-size: 1em; } }

@media (max-width: 979px) {
  .puzzle {
    margin-bottom: 10px; }
  .puzzle a.puzzle-item h2 {
    font-size: 1.5em; }
  .puzzle a.puzzle-item p.p-icon {
    margin-top: 20px; } }

@media (max-width: 768px) {
  .puzzle a.puzzle-item {
    width: 48%; }
  .puzzle a.puzzle-item.two-columns-first {
    clear: left; } }

@media (max-width: 590px) {
  .puzzle {
    margin-bottom: 10px; }
  .puzzle a.puzzle-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .puzzle a.puzzle-item {
    clear: left; } }

.support-site-document h1, .support-site-document h3, .support-site-video h1, .support-site-video h3, .support-site-announcement h1, .support-site-announcement h3,
.support-site-news h1,
.support-site-news h3, .support-site-faq h1, .support-site-faq h3, .faq h1, .faq h3, .support-site-model-receipts h1, .support-site-model-receipts h3,
.support-site-application-download h1,
.support-site-application-download h3, .support-site-pardot-news h1, .support-site-pardot-news h3, .b1-benchmark-files h1, .b1-benchmark-files h3 {
  color: #002036; }

.support-site-document p.metadata-styling, .support-site-video p.metadata-styling, .support-site-announcement p.metadata-styling,
.support-site-news p.metadata-styling, .support-site-faq p.metadata-styling, .faq p.metadata-styling, .support-site-model-receipts p.metadata-styling,
.support-site-application-download p.metadata-styling, .support-site-pardot-news p.metadata-styling, .b1-benchmark-files p.metadata-styling {
  margin-bottom: 5px !important; }

.support-site-document p.document-metadata, .support-site-video p.document-metadata, .support-site-announcement p.document-metadata,
.support-site-news p.document-metadata, .support-site-faq p.document-metadata, .faq p.document-metadata, .support-site-model-receipts p.document-metadata,
.support-site-application-download p.document-metadata, .support-site-pardot-news p.document-metadata, .b1-benchmark-files p.document-metadata {
  color: #666666; }

.support-site-document .msci-entry-header a, .support-site-news .msci-entry-header a, .support-site-faq .msci-entry-header a, .faq .msci-entry-header a,
.support-site-application-download .msci-entry-header a, .support-site-pardot-news .msci-entry-header a {
  font-size: 16px; }
  .support-site-document .msci-entry-header a span, .support-site-news .msci-entry-header a span, .support-site-faq .msci-entry-header a span, .faq .msci-entry-header a span,
  .support-site-application-download .msci-entry-header a span, .support-site-pardot-news .msci-entry-header a span {
    font-size: 14px; }

.support-site-video .jw-preview {
  background-color: #FFFFFF; }

.support-site-announcement .PlainText {
  font-family: monospace; }

.esg-news #esg-header .img-header {
  margin-bottom: 35px;
  /*text-align:center;*/ }

.esg-news #esg-header .title-header {
  color: #000000;
  font-size: 24px;
  margin-bottom: 5px; }

.esg-news #esg-content {
  /*max-width: 700px;*/
  margin: 0 auto; }
  .esg-news #esg-content #pub-date {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
    padding: 6px 0;
    margin-bottom: 12px; }

.esg-news .aui table[bgcolor="#465058"] {
  background-color: #465058; }

.nav-featured-content {
  float: left;
  margin-left: 15px; }
  .nav-featured-content .nav-item-label {
    position: absolute;
    padding: 5px 7px;
    font-family: "Roboto Bold", sans-serif;
    color: #F0F0F0; }
  .nav-featured-content .nav-featured-content-card .image-container {
    width: 260px;
    height: 180px;
    background-size: cover !important; }
  .nav-featured-content .nav-featured-content-card .card-title h5 {
    font-family: "Roboto Bold", sans-serif;
    color: #F0F0F0;
    font-size: 0.875rem;
    line-height: initial;
    font-weight: normal;
    padding-top: 15px; }
  .nav-featured-content .nav-featured-content-card:hover .card-title h5 {
    text-decoration: underline;
    color: #00c4b3; }
  @media screen and (max-width: 1140px) {
    .nav-featured-content .nav-featured-content-card .image-container {
      width: 221px;
      height: 153px;
      background-size: cover !important; } }

.dateline {
  margin-bottom: 20px; }
  .dateline .date-tag {
    font-size: 16px;
    line-height: 1.4; }
    .dateline .date-tag:before {
      margin-right: 5px; }

.social-sharing-for-web-contents {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 50%; }
  @media (min-width: 768px) {
    .social-sharing-for-web-contents {
      flex-direction: column;
      background-color: #FFFFFF;
      padding: 10px 0;
      border-radius: 0 18px 18px 0;
      box-shadow: 0px 4px 8px rgba(51, 51, 51, 0.25); } }
  .social-sharing-for-web-contents .minimal-icon {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center; }
    .social-sharing-for-web-contents .minimal-icon a {
      padding: 10px 5px;
      font-size: 12px; }
      .social-sharing-for-web-contents .minimal-icon a:hover i {
        color: #4A7BC9; }
      .social-sharing-for-web-contents .minimal-icon a i {
        color: #000000;
        font-size: 24px; }
  @media (max-width: 767.98px) {
    .social-sharing-for-web-contents {
      display: none; } }

.content-detailed-container h1 {
  padding-top: 40px;
  font-size: 40px;
  margin-bottom: 10px; }
  @media (max-width: 767.98px) {
    .content-detailed-container h1 {
      font-size: 35px;
      line-height: 48px;
      margin-bottom: 10px; } }

.content-detailed-container .research-paper-related-container h3 {
  margin-bottom: 30px; }

.content-detailed-container .research-paper-related-container .related-box p {
  font-size: 12px; }

.content-detailed-container .research-paper-hero-image {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px; }

.content-detailed-container .html-editor-content-mobile-wrapper {
  text-align: center; }

.content-detailed-container .html-editor-content {
  position: relative;
  text-align: initial; }
  @media (max-width: 767.98px) {
    .content-detailed-container .html-editor-content img {
      max-width: 100%;
      width: 100%; } }

.content-detailed-container #mobile-read-full-article {
  overflow: hidden;
  display: none;
  padding-top: 12px;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (max-width: 767.98px) {
    .content-detailed-container #mobile-read-full-article {
      display: inline-block; } }

.content-detailed-container .icon-lock {
  padding: 0 5px 0 5px; }

.content-detailed-container .download-btn {
  margin-bottom: 20px; }

.content-detailed-container .dropdown {
  display: inline-block;
  margin-bottom: 20px; }
  .content-detailed-container .dropdown .fa-caret-down {
    display: inline-block;
    padding: 0 5px 0 5px; }
  .content-detailed-container .dropdown.show .fa-caret-down {
    transform: rotate(180deg); }
  .content-detailed-container .dropdown #dropdownMenuButton {
    padding: 10px 10px 10px 10px; }
    .content-detailed-container .dropdown #dropdownMenuButton:focus {
      outline: none; }
  .content-detailed-container .dropdown .dropdown-menu {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: none; }
    .content-detailed-container .dropdown .dropdown-menu .dropdown-item {
      color: #1A3FD6; }
      .content-detailed-container .dropdown .dropdown-menu .dropdown-item:hover {
        text-decoration: underline; }
      .content-detailed-container .dropdown .dropdown-menu .dropdown-item:active {
        background-color: #FFFFFF; }

.content-detailed-container .research-paper-authors-container {
  margin: 40px 0px; }
  .content-detailed-container .research-paper-authors-container h3 {
    margin-bottom: 30px; }
  .content-detailed-container .research-paper-authors-container .authors-container-inner {
    background-color: #002036;
    color: #FFFFFF;
    padding: 30px 50px 15px 50px;
    width: 75%; }
    .content-detailed-container .research-paper-authors-container .authors-container-inner .research-author p {
      font-size: 16px;
      font-family: "Roboto Bold", sans-serif; }
      .content-detailed-container .research-paper-authors-container .authors-container-inner .research-author p a {
        font-size: 16px;
        color: #FFFFFF;
        font-family: "Roboto Bold", sans-serif;
        text-decoration: underline; }
        .content-detailed-container .research-paper-authors-container .authors-container-inner .research-author p a:hover {
          color: #DAE0F8; }
    @media (max-width: 767.98px) {
      .content-detailed-container .research-paper-authors-container .authors-container-inner {
        padding: 15px 30px 15px 30px;
        width: 100%; } }

.content-detailed-container .social-sharing-for-web-contents-mobile {
  display: none; }
  @media (max-width: 767.98px) {
    .content-detailed-container .social-sharing-for-web-contents-mobile {
      padding-top: 5px;
      padding-bottom: 5px;
      display: flex;
      margin-left: 0px;
      flex-wrap: wrap;
      position: static; }
      .content-detailed-container .social-sharing-for-web-contents-mobile .social-link {
        display: inline-block;
        margin: 0 5px; }
        .content-detailed-container .social-sharing-for-web-contents-mobile .social-link.minimal-icon {
          margin: 10px 0; }
          .content-detailed-container .social-sharing-for-web-contents-mobile .social-link.minimal-icon a {
            padding: 10px 20px 0px 0px; }
            .content-detailed-container .social-sharing-for-web-contents-mobile .social-link.minimal-icon a:hover i {
              color: #4A7BC9; }
            .content-detailed-container .social-sharing-for-web-contents-mobile .social-link.minimal-icon a i {
              color: #000000; } }

.research-paper-related-container {
  margin: 40px 0px; }

.product-page-hero-top {
  width: 100%;
  height: 368px;
  background-size: cover !important;
  position: relative; }

.product-page-hero-tagline {
  background: #FFFFFF;
  width: 25%;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: left;
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding-left: 2em;
  padding-right: 5em;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 24px;
  line-height: 32px;
  font-family: "Roboto Bold", sans-serif;
  hyphens: auto;
  -webkit-hyphens: auto; }

.product-page-hero-bottom {
  background: #002036;
  color: #FFFFFF;
  padding-top: 4em; }

.product-page-hero-header {
  font-size: 70px;
  font-family: "Roboto Bold", sans-serif;
  line-height: 78px;
  margin-left: 16.5%;
  margin-right: 25%; }

.product-page-hero-body {
  font-size: 24px;
  line-height: 32px;
  font-family: "Roboto Bold", sans-serif;
  margin-left: 16.5%;
  margin-right: 25%;
  padding-top: 2em;
  padding-bottom: 3em; }

@media (max-width: 979px) {
  .product-page-hero-top {
    height: 244px; }
  .product-page-hero-tagline {
    display: none; }
  .product-page-bottom {
    padding-top: 2em; }
  .product-page-hero-header {
    font-size: 40px;
    line-height: 48px;
    margin-left: 30px;
    margin-right: 30px; }
  .product-page-hero-body {
    margin-left: 30px;
    margin-right: 30px; } }

.default-layout-sticky-nav-sidebar .product-page-hero-bottom {
  padding-left: 18px; }

.default-layout-sticky-nav-sidebar .product-page-hero-header, .default-layout-sticky-nav-sidebar .product-page-hero-body {
  padding-right: 300px;
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 768px) {
    .default-layout-sticky-nav-sidebar .product-page-hero-header, .default-layout-sticky-nav-sidebar .product-page-hero-body {
      padding-right: 100px;
      padding-left: 18px; } }

.product-page-hero-solution {
  position: relative;
  padding: 50px 15px;
  max-width: 1280px;
  margin: 0 auto; }
  .product-page-hero-solution .content-box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 0 50px;
    max-width: 60%;
    min-height: 350px;
    background-color: rgba(0, 32, 54, 0.9);
    color: #FFFFFF;
    z-index: 2; }
  .product-page-hero-solution .product-page-hero-header {
    padding: 0;
    font-size: 44px;
    line-height: 50px;
    margin: 0 35px 30px; }
  .product-page-hero-solution .product-page-hero-body {
    padding: 0;
    font-family: "Roboto Regular", sans-serif;
    margin: 0 35px; }
  .product-page-hero-solution .img-box {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    height: calc(100% - 150px);
    min-height: 300px;
    width: 45%;
    background-color: #CCCCCC;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  @media (max-width: 767px) {
    .product-page-hero-solution {
      padding: 20px 0; }
      .product-page-hero-solution .content-box {
        padding: 20px 0;
        width: 100%;
        max-width: 100%;
        min-height: 250px;
        background-color: #002036; }
      .product-page-hero-solution .product-page-hero-header {
        font-size: 30px;
        line-height: 1.5; }
      .product-page-hero-solution .product-page-hero-body {
        font-size: 18px;
        line-height: 1.5; }
      .product-page-hero-solution .img-box {
        display: none; } }

.fifty-fifty-module-wrapper {
  margin-bottom: 50px; }
  .fifty-fifty-module-wrapper .thumbnail-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .fifty-fifty-module-wrapper .content-container {
    padding: 40px 50px; }
    .fifty-fifty-module-wrapper .content-container p {
      margin-bottom: 3rem; }
    .fifty-fifty-module-wrapper .content-container a:hover {
      color: #FFFFFF;
      text-decoration: underline; }
  @media (min-width: 768px) {
    .fifty-fifty-module-wrapper {
      display: flex; }
      .fifty-fifty-module-wrapper .thumbnail-container {
        width: 50%;
        float: left; }
      .fifty-fifty-module-wrapper .content-container {
        width: 50%;
        float: right; } }
  @media (max-width: 767px) {
    .fifty-fifty-module-wrapper .thumbnail-container {
      height: 200px; }
    .fifty-fifty-module-wrapper .content-container {
      padding: 30px 20px; } }

.msci-container {
  padding-top: 20px; }
  .msci-container .msci-support-tab-selector {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden; }
    .msci-container .msci-support-tab-selector h3 {
      text-transform: uppercase;
      margin-bottom: 35px;
      display: block;
      position: relative;
      width: 100%;
      clear: both; }
    .msci-container .msci-support-tab-selector .support-tab-container {
      margin-top: 35px;
      color: #002036; }
      .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder {
        display: none; }
      .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation {
        display: table;
        margin: 0 0 40px;
        padding: 25px 0 0 0;
        border-bottom: 0;
        height: 0; }
        .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li {
          display: table-cell;
          text-align: center;
          cursor: pointer;
          padding: 0 10px;
          height: 100%;
          vertical-align: top; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li h4 {
            max-width: 270px;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            padding: 15px 15px 10px 15px;
            background: #F8F7F7;
            font-size: 20px;
            font-family: "Roboto Bold", sans-serif;
            line-height: 1;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li:first-child {
            padding-left: 0; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li:first-child h4 {
              margin-right: auto;
              margin-left: 0; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li:last-child {
            padding-right: 0; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li:last-child h4 {
              margin-right: 0;
              margin-left: auto; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li.active h4, .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li:hover h4 {
            background: #1A3FD6;
            color: #FFFFFF; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li.active h4 {
            position: relative; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li.active h4:after {
              content: '';
              position: absolute;
              bottom: 5px;
              left: calc(50% - 3px);
              width: 0;
              height: 0;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-top: 6px solid #FFFFFF; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container > ul.support-tabs-navigation > li.center {
            text-align: center; }
      .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab {
        display: none; }
        .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab.active {
          display: block; }
        .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab p:last-of-type {
          margin-bottom: 0; }
        .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab h5 {
          font-size: 26px;
          font-family: "Roboto Bold", sans-serif; }
        .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab .support-footnote {
          font-size: 12px;
          margin-bottom: 0; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab .support-footnote a {
            font-size: 12px; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab .support-footnote a:after {
              content: "";
              display: none; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab .support-footnote sup {
            font-size: 10.5px; }
    @media screen and (max-width: 480px) {
      .msci-container .msci-support-tab-selector h3 {
        font-size: 2.1em;
        line-height: 1.1;
        margin-bottom: 0px; }
      .msci-container .msci-support-tab-selector .support-tab-container {
        margin-top: 0; }
        .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container {
          position: relative;
          height: auto;
          margin-bottom: 15px; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder {
            display: block;
            position: relative;
            text-align: center;
            cursor: pointer;
            padding: 0;
            height: 100%;
            vertical-align: top; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder h4 {
              position: relative;
              display: block;
              max-width: none;
              width: 100%;
              height: 100%;
              text-align: center;
              margin: 0;
              padding: 20px 15px 18px 15px;
              background: #1A3FD6;
              font-size: 20px;
              font-family: "Roboto Bold", sans-serif;
              line-height: 1.2;
              color: #FFFFFF;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder.collapsed h4:after, .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder.expanded h4:after {
              content: '';
              display: block;
              position: absolute;
              bottom: 5px;
              left: calc(50% - 3px);
              width: 0;
              height: 0;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%); }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder.collapsed h4:after {
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-top: 6px solid #FFFFFF; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder.expanded h4:after {
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-bottom: 6px solid #FFFFFF; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder.one {
              cursor: default; }
              .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container .support-select-placeholder.one h4:after {
                display: none; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container ul.support-tabs-navigation {
            display: block;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            width: 100%;
            margin-bottom: 0;
            padding: 16px 0;
            height: auto;
            z-index: 2;
            background-color: white;
            overflow: hidden;
            border-bottom: 1px solid #CCCCCC;
            -webkit-transition: max-height 0.2s ease;
            -moz-transition: max-height 0.2s ease;
            -ms-transition: max-height 0.2s ease;
            -o-transition: max-height 0.2s ease;
            transition: max-height 0.2s ease; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container ul.support-tabs-navigation li {
              display: block;
              width: 100% !important;
              max-width: 100%;
              margin-bottom: 16px;
              padding: 0; }
              .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container ul.support-tabs-navigation li h4 {
                margin: 0;
                padding: 20px 15px 18px 15px;
                line-height: 1.2;
                max-width: none; }
                .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container ul.support-tabs-navigation li h4:after {
                  display: none; }
              .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container ul.support-tabs-navigation li:first-child {
                padding: 0; }
              .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container ul.support-tabs-navigation li:last-child {
                margin-bottom: 0;
                padding: 0; }
            .msci-container .msci-support-tab-selector .support-tab-container .support-tabs-navigation-container ul.support-tabs-navigation.in-active {
              display: none; }
        .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content {
          font-size: 14px;
          line-height: 22px; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab h5 {
            font-size: 20px;
            font-family: "Roboto Black", sans-serif; }
          .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab a, .msci-container .msci-support-tab-selector .support-tab-container .support-tab-content .support-tab a:after {
            font-size: 16px;
            display: inline-block; } }

.flip-cards-container {
  margin-bottom: 1em; }
  .flip-cards-container .section-title {
    margin-bottom: 1em; }
  .flip-cards-container .flip-cards-container-inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem; }
  .flip-cards-container .flip-card {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 350px;
    background-color: #e2e3e2;
    color: #000000; }
    .flip-cards-container .flip-card .content {
      padding: 2em 1em 1.5em 1.5em; }
    .flip-cards-container .flip-card .card-title {
      font-weight: bold;
      font-size: 22px !important;
      line-height: 20px;
      font-family: "Roboto Regular", sans-serif;
      text-shadow: 1px 0 #000000; }
    .flip-cards-container .flip-card a.card-title {
      text-shadow: 1px 0 #1A3FD6;
      color: #1A3FD6; }
    .flip-cards-container .flip-card .card-description {
      margin-top: 1em; }

@media (max-width: 575px) {
  .flip-cards-container {
    padding-right: 15px;
    padding-left: 15px; } }

.rca-insight .rca-insight-title-holder {
  width: 100%;
  background-color: #002036;
  margin-bottom: 25px; }
  .rca-insight .rca-insight-title-holder .rca-insight-title-box {
    padding: 25px; }
  .rca-insight .rca-insight-title-holder .rca-insight-title {
    color: #FFF;
    font-size: 44px !important;
    line-height: 49px;
    margin-right: 0% !important;
    margin-left: 0% !important; }

.rca-insight .rca-insight-main-authors {
  font-size: 25px;
  line-height: 30px; }

.rca-insight .rca-insight-author {
  font-size: 25px; }
  .rca-insight .rca-insight-author:hover {
    text-decoration: underline; }

.rca-insight .rca-insight-author-addition {
  margin-top: 10px;
  font-style: italic;
  font-size: 16px; }
  .rca-insight .rca-insight-author-addition a {
    font-size: 16px; }

.rca-insight .rca-insight-date {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px; }

.rca-insight .rca-insight-content {
  margin-top: 30px; }
  .rca-insight .rca-insight-content p {
    font-size: 18px; }

.rca-insight .rca-insight-image-title {
  font-size: 20px;
  margin-top: 20px;
  height: 70px; }

.rca-insight .rca-insight-image-holder {
  display: inline-block; }

.rca-insight .rca-insight-image-footnote {
  font-size: 12px; }

.rca-insight .rca-insights-footnote {
  font-size: 12px; }

.rca-insight table {
  line-height: 23px;
  border-collapse: collapse; }
  .rca-insight table tr:nth-child(odd) {
    background-color: #EFF2FD; }
  .rca-insight table th {
    font-size: 24px;
    padding: 20px 20px 10px 20px; }
  .rca-insight table td {
    padding: 10px 20px 10px 20px; }
    .rca-insight table td a {
      text-decoration: none; }

@media (max-width: 979px) {
  .rca-insight .rca-insight-title-holder .rca-insight-title {
    margin-top: 20px;
    font-size: 27px !important;
    line-height: 30px !important; }
  .rca-insight .rca-insight-image-title {
    height: 130px; } }

@media (max-width: 768px) {
  .rca-insight .rca-insight-image-title {
    height: auto; }
  .rca-insight-vega-height .marks {
    height: auto; } }

@media (min-width: 769px) {
  .rca-insight .rca-insight-image-holder {
    min-height: 200px; } }

.cn-homepage-hero {
  font-family: "Roboto Regular", sans-serif !important; }
  .cn-homepage-hero .page-main-title {
    margin: 20px 0;
    font-weight: 800; }
  .cn-homepage-hero .hero-title {
    font-weight: 800; }
  .cn-homepage-hero .msci-btn-primary {
    margin-top: 16px; }
    .cn-homepage-hero .msci-btn-primary:focus {
      outline: none; }
    .cn-homepage-hero .msci-btn-primary:hover {
      text-decoration: underline !important; }
  .cn-homepage-hero .featured-marquee {
    color: #ffffff;
    border: 0;
    height: 480px;
    margin-bottom: 10px; }
  @media (max-width: 480px) {
    .cn-homepage-hero .featured-marquee {
      height: 280px; } }
  .cn-homepage-hero .featured-marquee-content {
    background: #011b2b;
    padding: 40px !important;
    height: 100%; }
  .cn-homepage-hero .featured-marquee-image {
    overflow: hidden;
    height: 100%; }
    .cn-homepage-hero .featured-marquee-image img {
      max-width: none; }
  @media (max-width: 992px) {
    .cn-homepage-hero .featured-marquee-content {
      padding: 10px !important; } }
  @media (max-width: 480px) {
    .cn-homepage-hero .featured-marquee-content {
      height: 280px; } }
  .cn-homepage-hero .featured-inner-cards {
    margin-top: 10px;
    margin-bottom: 40px; }
    .cn-homepage-hero .featured-inner-cards .inner-cards-container {
      margin: 10px 0; }
    .cn-homepage-hero .featured-inner-cards .featured-inner-card {
      background: #f8f9fb;
      height: 100%;
      margin: 10px 0;
      display: block; }
    .cn-homepage-hero .featured-inner-cards .featured-inner-card .image {
      width: 100%;
      height: 140px;
      overflow: hidden;
      background: #eee; }
    .cn-homepage-hero .featured-inner-cards .featured-inner-card .image img {
      width: auto;
      height: 140px;
      min-width: 100%;
      margin-left: 50%;
      transform: translateX(-50%); }
    .cn-homepage-hero .featured-inner-cards .featured-inner-card .featured-inner-card-content {
      height: auto;
      padding: 15px; }
    .cn-homepage-hero .featured-inner-cards .featured-inner-card .featured-inner-card-content span.featured-inner-card-title {
      font-weight: 700;
      font-size: 18px;
      color: #011b2b; }
    .cn-homepage-hero .featured-inner-cards .featured-inner-card:hover .featured-inner-card-content span.featured-inner-card-title {
      color: #0626a9;
      text-decoration: underline; }
    .cn-homepage-hero .featured-inner-cards .box-shadow-highlight {
      transition: box-shadow 0.3s ease-in-out; }
    .cn-homepage-hero .featured-inner-cards .box-shadow-highlight:hover {
      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
      cursor: pointer; }
  @media (max-width: 768px) {
    .cn-homepage-hero .featured-inner-card .image {
      height: 200px !important; }
    .cn-homepage-hero .featured-inner-card .image img {
      height: 200px !important; } }

.related-content-new-chinese-homepage {
  margin-bottom: 15px;
  /* generic effects */
  /* featured cards */
  /* media */ }
  .related-content-new-chinese-homepage * {
    font-family: "Roboto", sans-serif !important; }
  .related-content-new-chinese-homepage .box-shadow-highlight {
    transition: box-shadow 0.3s ease-in-out; }
  .related-content-new-chinese-homepage .box-shadow-highlight:hover {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    cursor: pointer; }
  .related-content-new-chinese-homepage .featured-inner-cards > div {
    margin: 10px 0; }
  .related-content-new-chinese-homepage .featured-inner-card {
    background: #f8f9fb;
    height: 100%;
    display: block;
    padding: 0; }
  .related-content-new-chinese-homepage .featured-inner-card .image {
    width: 100%;
    height: 140px;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
  .related-content-new-chinese-homepage .featured-inner-card .featured-inner-card-content {
    height: auto;
    padding: 15px; }
  .related-content-new-chinese-homepage .featured-inner-card .featured-inner-card-content span.featured-inner-card-title {
    color: #011b2b;
    font-weight: 700;
    font-size: 18px;
    display: block; }
  .related-content-new-chinese-homepage .featured-inner-card .featured-inner-card-description {
    color: #1A3FD6; }
  .related-content-new-chinese-homepage .featured-inner-card:hover .featured-inner-card-content span.featured-inner-card-title {
    color: #0626a9;
    text-decoration: underline; }
  .related-content-new-chinese-homepage .featured-inner-card:hover .featured-inner-card-description {
    color: #4A7BC9; }
  @media screen and (max-width: 768px) {
    .related-content-new-chinese-homepage .featured-inner-card .image {
      height: 200px; } }
  @media screen and (max-width: 720px) {
    .related-content-new-chinese-homepage .featured-inner-card {
      margin: 10px 0; }
    .related-content-new-chinese-homepage .featured-inner-card .featured-inner-card-content {
      height: auto; } }

#old-blog-article-page .body-content > .selectionShareable > a {
  font-size: 16px !important; }

#old-blog-article-page #blog-item-authors .contributor-item-author {
  display: block;
  margin: 20px 0 0 0; }
  #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-thumb-holder .contributor-author-thumb {
    width: 120px;
    height: 120px;
    border-radius: 5000px;
    float: left;
    margin-right: 50px;
    overflow: hidden;
    background-image: url("/o/msci/images/contributor-author-default-male.svg");
    background-size: 120px 120px;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
    margin-bottom: 10px; }
    #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-thumb-holder .contributor-author-thumb img {
      filter: grayscale(100%);
      width: 120px;
      height: auto; }
  #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-thumb-holder .contributor-author-thumb .thumb-female {
    background-image: url("/o/msci/images/contributor-author-default-female.svg"); }
  #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-details .contributor-author-url {
    color: #000000;
    font-size: 18px; }
    #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-details .contributor-author-url h2 {
      font-size: 30px;
      line-height: 1.2;
      margin: 0;
      clear: both; }
  #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-details .contributor-author-title {
    color: #00c4b3;
    font-weight: 700;
    font-size: 1.1rem; }

@media (max-width: 600px) {
  #old-blog-article-page #blog-item-authors .contributor-item-author {
    display: block; }
    #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-thumb-holder {
      width: 100%;
      height: 160px; }
      #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-thumb-holder .contributor-author-thumb {
        width: 160px;
        height: 160px;
        min-width: 160px;
        background-size: 160px 160px;
        margin: 0 auto;
        float: none; }
        #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-thumb-holder .contributor-author-thumb img {
          width: 160px;
          height: auto; }
    #old-blog-article-page #blog-item-authors .contributor-item-author .contributor-author-details {
      text-align: center;
      margin-top: 20px; } }

.solutions-hero-cta {
  background-color: #011b2b;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px;
  padding: 40px 0;
  width: 100vw; }

.solutions-hero-cta_content {
  color: #ffffff; }
  .solutions-hero-cta_content :last-child {
    margin: 0; }
  .solutions-hero-cta_content h1 {
    color: #00c4b3;
    font-size: clamp(1.5rem, 1.32rem + 0.8999999999999999vw, 2.4rem);
    line-height: clamp(1.8rem, 1.584rem + 1.0799999999999998vw, 2.88rem); }
  .solutions-hero-cta_content p {
    font-size: 17px;
    font-weight: 700;
    max-width: 45ch; }

@media (max-width: 580px) {
  .solutions-hero-cta {
    justify-content: flex-end; }
  .solutions-hero-cta_content {
    margin: 0 10px; } }

#podcast-article-page [class^="svg-icon-"], #podcast-article-page [class*=" svg-icon-"] {
  position: relative;
  padding-left: 20px; }

#podcast-article-page [class^="svg-icon-"]::before, #podcast-article-page [class*=" svg-icon-"]::before {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  left: 0;
  bottom: 2px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center; }

#podcast-article-page .svg-icon-spotify:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1333.33 1333.3' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M666.66 0C298.48 0 0 298.47 0 666.65c0 368.19 298.48 666.65 666.66 666.65 368.22 0 666.67-298.45 666.67-666.65C1333.33 298.49 1034.88.03 666.65.03l.01-.04zm305.73 961.51c-11.94 19.58-37.57 25.8-57.16 13.77-156.52-95.61-353.57-117.26-585.63-64.24-22.36 5.09-44.65-8.92-49.75-31.29-5.12-22.37 8.84-44.66 31.26-49.75 253.95-58.02 471.78-33.04 647.51 74.35 19.59 12.02 25.8 37.57 13.77 57.16zm81.6-181.52c-15.05 24.45-47.05 32.17-71.49 17.13-179.2-110.15-452.35-142.05-664.31-77.7-27.49 8.3-56.52-7.19-64.86-34.63-8.28-27.49 7.22-56.46 34.66-64.82 242.11-73.46 543.1-37.88 748.89 88.58 24.44 15.05 32.16 47.05 17.12 71.46V780zm7.01-189.02c-214.87-127.62-569.36-139.35-774.5-77.09-32.94 9.99-67.78-8.6-77.76-41.55-9.98-32.96 8.6-67.77 41.56-77.78 235.49-71.49 626.96-57.68 874.34 89.18 29.69 17.59 39.41 55.85 21.81 85.44-17.52 29.63-55.89 39.4-85.42 21.8h-.03z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); }

#podcast-article-page .svg-icon-google-podcast:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 640 640'%3E%3Cpath d='M326.331 274.255v109.761h181.49c-7.37 47.115-54.886 138.002-181.49 138.002-109.242 0-198.369-90.485-198.369-202.006 0-111.509 89.127-201.995 198.369-201.995 62.127 0 103.761 26.516 127.525 49.359l86.883-83.635C484.99 31.512 412.741-.012 326.378-.012 149.494-.012 6.366 143.116 6.366 320c0 176.884 143.128 320.012 320.012 320.012 184.644 0 307.256-129.876 307.256-312.653 0-21-2.244-36.993-5.008-52.997l-302.248-.13-.047.024z'/%3E%3C/svg%3E"); }

#podcast-article-page .svg-icon-stitcher:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 122.88 51.61' style='enable-background:new 0 0 122.88 51.61' xml:space='preserve'%3E%3Cg%3E%3Cpolygon points='0,10.14 21.5,10.14 21.5,49.15 0,49.15 0,10.14'/%3E%3Cpolygon points='101.38,7.99 122.88,7.99 122.88,43.93 101.38,43.93 101.38,7.99'/%3E%3Cpolygon points='76.19,0 97.69,0 97.69,46.7 76.19,46.7 76.19,0'/%3E%3Cpolygon points='51,6.76 72.5,6.76 72.5,51.61 51,51.61 51,6.76'/%3E%3Cpolygon points='25.5,3.07 47,3.07 47,46.39 25.5,46.39 25.5,3.07'/%3E%3C/g%3E%3C/svg%3E"); }

#podcast-article-page .svg-icon-youtube:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 86.43'%3E%3Cdefs%3E%3C/defs%3E%3Cpath d='M121.63,18.65s-1.2-8.47-4.9-12.19c-4.67-4.89-9.91-4.92-12.31-5.21C87.24,0,61.43,0,61.43,0h0s-25.8,0-43,1.25c-2.4.29-7.63.31-12.31,5.21C2.4,10.18,1.22,18.65,1.22,18.65A187.15,187.15,0,0,0,0,38.55v9.31a187.65,187.65,0,0,0,1.22,19.9S2.42,76.23,6.09,80c4.68,4.9,10.82,4.74,13.57,5.26,9.83.94,41.78,1.22,41.78,1.22s25.83,0,43-1.27c2.41-.29,7.64-.32,12.32-5.21,3.69-3.72,4.89-12.2,4.89-12.2a187.15,187.15,0,0,0,1.22-19.9V38.54a189.26,189.26,0,0,0-1.25-19.9Z'/%3E%3Cpolygon fill='%23fff' points='48.71 59.16 48.71 24.63 81.9 41.95 48.71 59.16 48.71 59.16'/%3E%3C/svg%3E"); }

#podcast-article-page .svg-icon-apple:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 640 640'%3E%3Cpath d='M494.782 340.02c-.803-81.025 66.084-119.907 69.072-121.832-37.595-54.993-96.167-62.552-117.037-63.402-49.843-5.032-97.242 29.362-122.565 29.362-25.253 0-64.277-28.607-105.604-27.85-54.32.803-104.4 31.594-132.403 80.245C29.81 334.457 71.81 479.58 126.816 558.976c26.87 38.882 58.914 82.56 100.997 81 40.512-1.594 55.843-26.244 104.848-26.244 48.993 0 62.753 26.245 105.64 25.406 43.606-.803 71.232-39.638 97.925-78.65 30.887-45.12 43.548-88.75 44.316-90.994-.969-.437-85.029-32.634-85.879-129.439l.118-.035zM414.23 102.178C436.553 75.095 451.636 37.5 447.514-.024c-32.162 1.311-71.163 21.437-94.253 48.485-20.729 24.012-38.836 62.28-33.993 99.036 35.918 2.8 72.591-18.248 94.926-45.272l.036-.047z'/%3E%3C/svg%3E"); }

#podcast-article-page #research-page-title p.page-sub-title {
  font-weight: 700;
  text-align: right;
  margin-top: 0.5rem; }

#podcast-article-page #article-item-intro p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6rem; }

#podcast-article-page #article-item-intro ul {
  padding-left: 20px;
  margin: 10px 0 40px; }

#podcast-article-page #article-item-intro li {
  margin: 10px 0;
  padding: 10px 0 20px;
  border-bottom: 1px #c8c6c6 solid;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.6rem; }
  #podcast-article-page #article-item-intro li:last-child {
    border-bottom: none; }

#podcast-article-page h1.page-main-title {
  margin: 10px 0 20px 0;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 50px; }

#podcast-article-page h2 {
  font-size: 1.8rem;
  font-weight: 500; }

#podcast-article-page h3 {
  font-size: 1.6rem;
  font-weight: 500; }

#podcast-article-page h4 {
  font-size: 1.4rem; }

#podcast-article-page .msci-bg-primary {
  background: #0626a9;
  color: #fff !important; }

#podcast-article-page .section-header-featuring {
  margin: 0 !important; }

#podcast-article-page #podcast-item-authors {
  padding: 30px 0; }

#podcast-article-page .podcast-item-author {
  display: flex;
  margin: 10px 0; }
  #podcast-article-page .podcast-item-author .podcast-author-details {
    justify-content: center;
    align-self: center; }
    #podcast-article-page .podcast-item-author .podcast-author-details a {
      font-size: 18px; }

#podcast-article-page #article-item-thumb {
  overflow: hidden;
  height: 200px;
  display: flex;
  align-items: center; }
  #podcast-article-page #article-item-thumb img {
    width: 100%;
    height: auto; }

#podcast-article-page #article-left-nav {
  top: 120px; }

#podcast-article-page .article-item-section-header {
  padding: 20px 0 10px;
  border-bottom: 1px #c6c8c8 solid;
  margin: 0 0 20px 0; }

#podcast-article-page #article-related-articles {
  padding: 0; }
  #podcast-article-page #article-related-articles li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px #c6c8c8 dotted; }
    #podcast-article-page #article-related-articles li a {
      color: #011b2b;
      font-weight: 700;
      display: block; }
      #podcast-article-page #article-related-articles li a i {
        margin-right: 10px;
        font-size: 1rem; }
    #podcast-article-page #article-related-articles li:hover a {
      color: #0626a9;
      text-decoration: underline; }

#podcast-article-page #article-item-content h4 {
  margin: 30px 0 20px; }

#podcast-article-page .article-item-info {
  color: #666666; }

#podcast-article-page #article-item-main p {
  line-height: 1.8rem;
  margin: 20px 0 40px;
  font-size: 1rem; }

#podcast-article-page #article-item-main p.first-paragraph::first-letter {
  font-size: 6rem;
  margin-top: 6px;
  float: left;
  line-height: .75;
  letter-spacing: 3px;
  padding-right: 10px;
  font-weight: 300; }

#podcast-article-page #article-item-main .right-pull {
  clear: both;
  float: right;
  margin: 20px 0 20px 30px;
  max-width: 350px;
  width: 40%;
  overflow: hidden; }
  #podcast-article-page #article-item-main .right-pull .pull-content {
    border-top: 2px #011b2b solid;
    border-bottom: 1px #011b2b solid;
    font-weight: 300;
    padding: 20px 0 30px 0;
    font-size: 16px; }
    #podcast-article-page #article-item-main .right-pull .pull-content p {
      margin: 10px 0; }
    #podcast-article-page #article-item-main .right-pull .pull-content a {
      font-weight: 700; }
    #podcast-article-page #article-item-main .right-pull .pull-content img {
      margin: 10px 0; }

#podcast-article-page #article-item-main .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  #podcast-article-page #article-item-main .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill; }
  #podcast-article-page #article-item-main .embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill; }
  #podcast-article-page #article-item-main .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill; }
  #podcast-article-page #article-item-main .embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }
    #podcast-article-page #article-item-main .embed-container video::-webkit-media-controls-play-button {
      display: flex !important; }
    #podcast-article-page #article-item-main .embed-container video::-webkit-media-controls-overlay-play-button {
      display: flex !important; }

#podcast-article-page #article-item-main .article-video-container {
  margin: 30px 0;
  background: #011b2b; }

#podcast-article-page .article-video-caption {
  background: #011b2b;
  color: #fff;
  padding: 20px 20px 40px;
  height: 100%;
  position: relative; }

#podcast-article-page #article-share-panel a {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin: 0 7.5px 0 0;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
  border: 1px #c6c8c8 solid;
  border-radius: 16px; }

#podcast-article-page #article-share-panel a:hover {
  text-decoration: none;
  background: #011b2b;
  color: #fff;
  border: 1px #011b2b solid; }
  #podcast-article-page #article-share-panel a:hover .icon-twitter:before {
    content: url("/o/msci/images/twitter-X.svg"); }

#podcast-article-page #article-share-panel .icon-twitter:before {
  content: url("/o/msci/images/twitter-X-dark-blue.svg");
  display: inline-block;
  width: 1em;
  height: 1em; }

@media (max-width: 992px) {
  #podcast-article-page .article-item-progress-container {
    top: 56px;
    position: fixed;
    bottom: 0;
    margin: 0;
    top: auto;
    height: 14px; }
  #podcast-article-page #article-container #article-item-intro {
    margin-top: 0; }
  #podcast-article-page #article-container #article-item-main .right-pull {
    margin: 30px 0;
    width: 100%;
    max-width: 100%; }
  #podcast-article-page #article-related-articles li a {
    font-size: 17px; }
  #podcast-article-page .article-item-progress-bar {
    height: 14px; } }

@media (max-width: 768px) {
  #podcast-article-page h1 {
    line-height: 3.6rem; }
  #podcast-article-page h3 {
    line-height: 2rem; }
  #podcast-article-page #article-item-intro ul li {
    font-size: 1rem; }
  #podcast-article-page #article-item-main p {
    line-height: 1.6rem;
    font-size: 0.9rem; } }

@media (min-width: 767px) and (orientation: landscape) {
  #article-item-main .embed-container video {
    object-fit: fill; } }

@media (max-width: 600px) {
  #podcast-article-page .article-author-thumb {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background-size: 60px 60px; }
    #podcast-article-page .article-author-thumb img {
      width: 60px;
      height: auto; }
  #podcast-article-page #article-share-panel {
    text-align: center;
    margin: 10px 0 40px 0; } }

.our-solutions-sub-hero {
  background-color: #011b2b;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -15px;
  width: 100vw; }

.our-solutions-sub-hero_content {
  color: #ffffff;
  margin: 0 40px;
  position: absolute; }
  .our-solutions-sub-hero_content :last-child {
    margin: 0; }
  .our-solutions-sub-hero_content h1 {
    color: #00c4b3;
    font-size: clamp(1.5rem, 1.32rem + 0.8999999999999999vw, 2.4rem);
    line-height: clamp(1.8rem, 1.584rem + 1.0799999999999998vw, 2.88rem); }
  .our-solutions-sub-hero_content p {
    font-size: 17px; }

.our-solutions-sub-hero_img {
  background-color: #ffffff;
  mask-image: linear-gradient(to right, #0002 clamp(170px, 10vw, 500px), black 130%);
  -webkit-mask-image: linear-gradient(to right, #0002 clamp(170px, 10vw, 500px), black 130%); }
  .our-solutions-sub-hero_img img {
    height: 270px;
    object-fit: cover;
    width: 100%; }

@media (max-width: 320px) {
  .our-solutions-sub-hero {
    justify-content: flex-end; }
  .our-solutions-sub-hero_img {
    mask-image: linear-gradient(to top, #0002 35%, black 120%);
    -webkit-mask-image: linear-gradient(to top, #0002 35%, black 120%); }
    .our-solutions-sub-hero_img img {
      height: 427px; }
  .our-solutions-sub-hero_content {
    margin: 20px; } }

#blog-article-page [class^="svg-icon-"], #blog-article-page [class*=" svg-icon-"] {
  position: relative;
  padding-left: 20px; }

#blog-article-page [class^="svg-icon-"]::before, #blog-article-page [class*=" svg-icon-"]::before {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  left: 0;
  bottom: 2px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left center; }

#blog-article-page #research-page-title p.page-sub-title {
  font-weight: 700;
  text-align: right;
  margin-top: 0.5rem; }

#blog-article-page #article-item-intro p {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6rem; }

#blog-article-page #article-item-intro ul {
  padding-left: 20px;
  margin: 10px 0 40px; }

#blog-article-page #article-item-intro li {
  margin: 10px 0;
  padding: 10px 0 20px;
  border-bottom: 1px #c8c6c6 solid;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.6rem; }
  #blog-article-page #article-item-intro li:last-child {
    border-bottom: none; }

#blog-article-page h1.page-main-title {
  margin: 10px 0 20px 0;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 50px; }

#blog-article-page h2 {
  font-size: 1.8rem;
  font-weight: 500; }

#blog-article-page h3 {
  font-size: 1.6rem;
  font-weight: 500; }

#blog-article-page h4 {
  font-size: 1.4rem; }

#blog-article-page .msci-bg-primary {
  background: #0626a9;
  color: #fff !important; }

#blog-article-page .section-header-featuring {
  margin: 0 !important; }

#blog-article-page #blog-item-authors {
  padding: 30px 0; }

#blog-article-page .blog-item-author {
  display: flex;
  margin: 10px 0; }
  #blog-article-page .blog-item-author .blog-author-details {
    justify-content: center;
    align-self: center; }
    #blog-article-page .blog-item-author .blog-author-details a {
      font-size: 18px; }
  #blog-article-page .blog-item-author .blog-author-thumb {
    width: 100px;
    height: 100px;
    border-radius: 5000px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
    background-image: url("/o/msci/images/contributor-author-default-male.svg");
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-color: #f1f1f1; }
    #blog-article-page .blog-item-author .blog-author-thumb img {
      filter: grayscale(100%);
      width: 100px;
      height: auto; }
  #blog-article-page .blog-item-author .blog-author-thumb.thumb-female {
    background-image: url("/o/msci/images/contributor-author-default-female.svg"); }

#blog-article-page #article-item-thumb {
  margin: 0 0 20px 0;
  overflow: hidden;
  height: 200px;
  display: flex;
  align-items: center; }
  #blog-article-page #article-item-thumb img {
    width: 100%;
    height: auto; }

#blog-article-page #article-left-nav {
  top: 120px; }

#blog-article-page .article-item-section-header {
  padding: 20px 0 10px;
  border-bottom: 1px #c6c8c8 solid;
  margin: 0 0 20px 0; }

#blog-article-page #article-related-articles {
  padding: 0; }
  #blog-article-page #article-related-articles li {
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px #c6c8c8 dotted; }
    #blog-article-page #article-related-articles li a {
      color: #011b2b;
      font-weight: 700;
      display: block; }
      #blog-article-page #article-related-articles li a i {
        margin-right: 10px;
        font-size: 1rem; }
    #blog-article-page #article-related-articles li:hover a {
      color: #0626a9;
      text-decoration: underline; }

#blog-article-page #article-item-content h4 {
  margin: 30px 0 20px; }

#blog-article-page .article-item-info {
  color: #666666; }

#blog-article-page .article-item-intro li {
  margin: 10px 0;
  padding: 10px 0 20px;
  border-bottom: 1px #c8c6c6 solid;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.6rem; }

#blog-article-page .article-item-main a {
  font-size: inherit;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  text-underline-offset: 0.125rem; }

#blog-article-page .article-item-main p {
  line-height: 1.8rem;
  margin: 20px 0 40px;
  font-size: 1rem; }

#blog-article-page .article-item-main p.first-paragraph::first-letter {
  font-size: 6rem;
  margin-top: 6px;
  float: left;
  line-height: .75;
  letter-spacing: 3px;
  padding-right: 10px;
  font-weight: 300; }

#blog-article-page .article-item-main .right-pull {
  clear: both;
  float: right;
  margin: 20px 0 20px 30px;
  max-width: 350px;
  width: 40%;
  overflow: hidden; }
  #blog-article-page .article-item-main .right-pull .pull-content {
    border-top: 2px #011b2b solid;
    border-bottom: 1px #011b2b solid;
    font-weight: 300;
    padding: 20px 0 30px 0;
    font-size: 16px; }
    #blog-article-page .article-item-main .right-pull .pull-content p {
      margin: 10px 0; }
    #blog-article-page .article-item-main .right-pull .pull-content a {
      font-weight: 700; }
    #blog-article-page .article-item-main .right-pull .pull-content img {
      margin: 10px 0; }

#blog-article-page .article-item-main .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  #blog-article-page .article-item-main .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill; }
  #blog-article-page .article-item-main .embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill; }
  #blog-article-page .article-item-main .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: fill; }
  #blog-article-page .article-item-main .embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }
    #blog-article-page .article-item-main .embed-container video::-webkit-media-controls-play-button {
      display: flex !important; }
    #blog-article-page .article-item-main .embed-container video::-webkit-media-controls-overlay-play-button {
      display: flex !important; }

#blog-article-page .article-item-main .article-video-container {
  margin: 30px 0;
  background: #011b2b; }

#blog-article-page .article-video-caption {
  background: #011b2b;
  color: #fff;
  padding: 20px 20px 40px;
  height: 100%;
  position: relative; }

#blog-article-page #article-share-panel a {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin: 0 7.5px 0 0;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
  border: 1px #c6c8c8 solid;
  border-radius: 16px; }

#blog-article-page #article-share-panel a:hover {
  text-decoration: none;
  background: #011b2b;
  color: #fff;
  border: 1px #011b2b solid; }
  #blog-article-page #article-share-panel a:hover .icon-twitter:before {
    content: url("/o/msci/images/twitter-X.svg"); }

#blog-article-page #article-share-panel .icon-twitter:before {
  content: url("/o/msci/images/twitter-X-dark-blue.svg");
  display: inline-block;
  width: 1em;
  height: 1em; }

@media (max-width: 992px) {
  #blog-article-page .article-item-progress-container {
    top: 56px;
    position: fixed;
    bottom: 0;
    margin: 0;
    top: auto;
    height: 14px; }
  #blog-article-page #article-container #article-item-intro {
    margin-top: 0; }
  #blog-article-page #article-container #article-item-main .right-pull {
    margin: 30px 0;
    width: 100%;
    max-width: 100%; }
  #blog-article-page #article-related-articles li a {
    font-size: 17px; }
  #blog-article-page .article-item-progress-bar {
    height: 14px; } }

@media (max-width: 768px) {
  #blog-article-page h1 {
    line-height: 3.6rem; }
  #blog-article-page h3 {
    line-height: 2rem; }
  #blog-article-page #article-item-intro ul li {
    font-size: 1rem; }
  #blog-article-page #article-item-main p {
    line-height: 1.6rem;
    font-size: 0.9rem; } }

@media (min-width: 767px) and (orientation: landscape) {
  #article-item-main .embed-container video {
    object-fit: fill; } }

@media (max-width: 600px) {
  #blog-article-page .article-author-thumb {
    width: 60px;
    height: 60px;
    min-width: 60px;
    background-size: 60px 60px; }
    #blog-article-page .article-author-thumb img {
      width: 60px;
      height: auto; }
  #blog-article-page #article-share-panel {
    text-align: center;
    margin: 10px 0 40px 0; } }

#contributor-share-panel .icon-twitter:before {
  content: url("/o/msci/images/twitter-X-dark-blue.svg");
  display: inline-block;
  width: 1em;
  height: 1em; }

#contributor-share-panel a:hover .icon-twitter:before {
  content: url("/o/msci/images/twitter-X.svg"); }

html body .desktop-menu-close-overlay {
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  display: block;
  background: #FFFFFF;
  opacity: 0.5;
  position: fixed;
  z-index: 11;
  cursor: pointer; }
  @media screen and (max-width: 991px) {
    html body .desktop-menu-close-overlay {
      display: none; } }

#heading {
  background-color: #FFFFFF;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s; }
  #heading .msci-utility-navbar-tablet,
  #heading .msci-utility-navbar-phone {
    display: none; }
  #heading .utility-navigation .utility-nav-container {
    padding: 0;
    border-bottom: 2px solid #EFF2FD;
    -webkit-transition: border-bottom-color 0.3s;
    -moz-transition: border-bottom-color 0.3s;
    -ms-transition: border-bottom-color 0.3s;
    -o-transition: border-bottom-color 0.3s;
    transition: border-bottom-color 0.3s; }
    #heading .utility-navigation .utility-nav-container .utility-nav ul {
      float: right;
      margin-bottom: 0; }
      #heading .utility-navigation .utility-nav-container .utility-nav ul li {
        display: inline-block;
        padding: 8px 6px; }
        #heading .utility-navigation .utility-nav-container .utility-nav ul li a {
          display: block;
          padding: 4px 6px;
          text-decoration: none;
          font-size: 14px;
          color: #666666;
          list-style: none;
          -webkit-transition: color 0.2s;
          -moz-transition: color 0.2s;
          -ms-transition: color 0.2s;
          -o-transition: color 0.2s;
          transition: color 0.2s; }
          #heading .utility-navigation .utility-nav-container .utility-nav ul li a i {
            font-size: 16px;
            font-weight: 600;
            vertical-align: middle; }
          #heading .utility-navigation .utility-nav-container .utility-nav ul li a:hover {
            text-decoration: underline; }
          #heading .utility-navigation .utility-nav-container .utility-nav ul li a:hover, #heading .utility-navigation .utility-nav-container .utility-nav ul li a.open {
            color: #00c4b3; }
  #heading .utility-navigation .drop-down-content {
    background-color: #002036;
    color: white;
    margin-bottom: 10px; }
    #heading .utility-navigation .drop-down-content ul.child-menu {
      padding: 20px 0;
      margin: 0; }
      #heading .utility-navigation .drop-down-content ul.child-menu li.drop-down-item {
        display: inline-block;
        width: 33%;
        padding: 10px; }
        #heading .utility-navigation .drop-down-content ul.child-menu li.drop-down-item a {
          color: white; }
          #heading .utility-navigation .drop-down-content ul.child-menu li.drop-down-item a:hover {
            color: #00c4b3; }
      #heading .utility-navigation .drop-down-content ul.child-menu li.mobile-menu-back-btn,
      #heading .utility-navigation .drop-down-content ul.child-menu li.parent-nav-item-title {
        display: none; }
  #heading .header-search-wrapper {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center; }
    #heading .header-search-wrapper .portlet {
      position: static; }
    #heading .header-search-wrapper.open .open-header-search-dropdown-button {
      display: none; }
    #heading .header-search-wrapper.open .close-header-search-dropdown-button {
      display: block; }
    #heading .header-search-wrapper .open-header-search-dropdown-button,
    #heading .header-search-wrapper .close-header-search-dropdown-button {
      display: block;
      width: 24px;
      height: 24px;
      text-align: center;
      line-height: 24px;
      font-size: 22px;
      color: #002036;
      text-decoration: none;
      margin: 12px;
      -webkit-transition: color 0.2s;
      -moz-transition: color 0.2s;
      -ms-transition: color 0.2s;
      -o-transition: color 0.2s;
      transition: color 0.2s; }
      #heading .header-search-wrapper .open-header-search-dropdown-button:hover,
      #heading .header-search-wrapper .close-header-search-dropdown-button:hover {
        color: #00c4b3; }
    #heading .header-search-wrapper .close-header-search-dropdown-button {
      display: none; }
    #heading .header-search-wrapper .close-header-search-dropdown-button {
      width: 24px;
      height: 24px;
      position: relative; }
      #heading .header-search-wrapper .close-header-search-dropdown-button:before, #heading .header-search-wrapper .close-header-search-dropdown-button:after {
        position: absolute;
        left: 10px;
        top: 0;
        content: " ";
        height: 24px;
        width: 3px;
        background-color: #00c4b3; }
      #heading .header-search-wrapper .close-header-search-dropdown-button:before {
        transform: rotate(45deg); }
      #heading .header-search-wrapper .close-header-search-dropdown-button:after {
        transform: rotate(-45deg); }
      #heading .header-search-wrapper .close-header-search-dropdown-button:hover:before, #heading .header-search-wrapper .close-header-search-dropdown-button:hover:after {
        background-color: #F0F0F0; }
    #heading .header-search-wrapper .header_search_dropdown_menu {
      position: absolute;
      z-index: 12;
      left: 0;
      right: 0;
      margin: auto;
      background-color: #002036;
      padding: 30px calc((100% - 1140px + 24px) / 2) 20px calc((100% - 1140px + 24px) / 2);
      top: 100%;
      -webkit-transition: top 0.1s;
      -moz-transition: top 0.1s;
      -ms-transition: top 0.1s;
      -o-transition: top 0.1s;
      transition: top 0.1s; }
      #heading .header-search-wrapper .header_search_dropdown_menu .search-form-container {
        margin-bottom: 60px; }
        #heading .header-search-wrapper .header_search_dropdown_menu .search-form-container form label {
          color: #FFFFFF;
          font-size: 18px;
          line-height: 1; }
        #heading .header-search-wrapper .header_search_dropdown_menu .search-form-container form .search_field_wrapper {
          display: flex; }
          #heading .header-search-wrapper .header_search_dropdown_menu .search-form-container form .search_field_wrapper input[type="text"] {
            width: 100%;
            height: 48px;
            font-size: 16px;
            font-family: "Roboto Regular", sans-serif;
            padding: 0 15px;
            border: none;
            background-color: #002036;
            color: #FFFFFF;
            border-bottom: 2px solid #FFFFFF;
            margin-right: 10px; }
            #heading .header-search-wrapper .header_search_dropdown_menu .search-form-container form .search_field_wrapper input[type="text"]:focus {
              outline: none; }
        #heading .header-search-wrapper .header_search_dropdown_menu .search-form-container form button.header-search-submit {
          font-size: 22px;
          color: #002036;
          background: #00c4b3;
          text-decoration: none;
          width: 48px;
          height: 48px;
          margin: 0;
          padding: 0;
          border: none;
          flex-shrink: 0;
          flex-grow: 0; }
          #heading .header-search-wrapper .header_search_dropdown_menu .search-form-container form button.header-search-submit:hover {
            color: #FFFFFF; }
      #heading .header-search-wrapper .header_search_dropdown_menu .search-results-container .most-visitors-searched-for a {
        padding: 6px 20px;
        background-color: #00c4b3;
        display: block;
        float: left;
        clear: left;
        margin: 0 6px 15px 0;
        border-radius: 16px;
        color: #002036;
        font-family: "Roboto Bold", sans-serif;
        font-size: 16px; }
        #heading .header-search-wrapper .header_search_dropdown_menu .search-results-container .most-visitors-searched-for a:hover {
          color: #002036;
          text-decoration: underline; }
      #heading .header-search-wrapper .header_search_dropdown_menu .search-results-container .most-searched-label-container {
        margin-bottom: 30px; }
        #heading .header-search-wrapper .header_search_dropdown_menu .search-results-container .most-searched-label-container span {
          color: #FFFFFF;
          font-size: 18px;
          line-height: 1; }
      @media screen and (max-width: 991px) {
        #heading .header-search-wrapper .header_search_dropdown_menu .search-results {
          display: none; } }
      #heading .header-search-wrapper .header_search_dropdown_menu .search-results .search-results-label-container span {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 1; }
      #heading .header-search-wrapper .header_search_dropdown_menu .search-results .search-results-label-container,
      #heading .header-search-wrapper .header_search_dropdown_menu .search-results .search-result-list,
      #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-show-all-container {
        margin-bottom: 30px; }
      #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item {
        background-color: #00293b;
        border: 1px solid transparent;
        height: 100%;
        min-height: 240px; }
        #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item a {
          display: block;
          height: 100%;
          padding: 80px 20px 20px;
          position: relative; }
          #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item a .item-content {
            color: #FFFFFF; }
            #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item a .item-content .title {
              color: #00c4b3;
              margin-bottom: 30px;
              font-size: 16px;
              line-height: 1.5; }
          #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item a .item-content-type {
            outline: 1px solid #00c4b3;
            color: #00c4b3;
            padding: 5px 10px;
            display: inline-block;
            min-width: 50%;
            text-align: center;
            position: absolute;
            top: 20px;
            left: 20px; }
            #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item a .item-content-type span {
              font-family: "Roboto Bold", sans-serif;
              font-size: 15px; }
          #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item a:hover {
            text-decoration: none; }
            #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item a:hover .item-content .title {
              text-decoration: underline; }
        #heading .header-search-wrapper .header_search_dropdown_menu .search-results .main-search-item:hover {
          border: 1px solid #00c4b3; }
  #heading .msci-main-navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: calc((100% - 1140px + 24px) / 2);
    padding-right: calc((100% - 1140px + 24px) / 2);
    margin-right: auto;
    margin-left: auto;
    background: #FFFFFF;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }
  #heading .mobile-navigation-controls {
    display: none; }
  #heading .company-logo {
    display: flex;
    justify-content: flex-start;
    flex: 1;
    align-items: center; }
    #heading .company-logo .site-title {
      font-size: 12px;
      line-height: normal; }
      #heading .company-logo .site-title img {
        max-width: 150px;
        width: auto;
        height: 40px;
        -webkit-transition: height 0.1s, width 0.1s, margin 0.1s, filter 0.3s;
        -moz-transition: height 0.1s, width 0.1s, margin 0.1s, filter 0.3s;
        -ms-transition: height 0.1s, width 0.1s, margin 0.1s, filter 0.3s;
        -o-transition: height 0.1s, width 0.1s, margin 0.1s, filter 0.3s;
        transition: height 0.1s, width 0.1s, margin 0.1s, filter 0.3s; }
  #heading .main-navigation {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center; }
    #heading .main-navigation .portlet-barebone .portlet-header {
      display: none; }
    #heading .main-navigation .portlet {
      position: static;
      margin-bottom: 0; }
      #heading .main-navigation .portlet .portlet-content {
        border: none; }
    #heading .main-navigation .navigation-featured-content-card-display {
      display: none;
      color: #FFF;
      position: absolute;
      right: calc((100% - 1140px + 24px) / 2);
      top: 100%;
      z-index: 1000;
      margin-top: 20px; }
    #heading .main-navigation ul.navbar-nav {
      justify-content: space-evenly;
      -ms-flex-pack: justify;
      display: -ms-flexbox;
      display: flex; }
      #heading .main-navigation ul.navbar-nav.level-0 > li.dropdown,
      #heading .main-navigation ul.navbar-nav.level-0 > li.nodropdown {
        position: static;
        font-family: "Roboto Bold", sans-serif;
        letter-spacing: 0.15px;
        padding: 20px 0; }
        #heading .main-navigation ul.navbar-nav.level-0 > li.dropdown > a,
        #heading .main-navigation ul.navbar-nav.level-0 > li.nodropdown > a {
          color: #000000;
          padding: 10px;
          margin: 0 5px;
          cursor: pointer;
          font-size: 1.125rem;
          font-family: "Roboto Bold", sans-serif;
          -webkit-transition: color 0.2s, background-color 0.2s, font-size 0.3s;
          -moz-transition: color 0.2s, background-color 0.2s, font-size 0.3s;
          -ms-transition: color 0.2s, background-color 0.2s, font-size 0.3s;
          -o-transition: color 0.2s, background-color 0.2s, font-size 0.3s;
          transition: color 0.2s, background-color 0.2s, font-size 0.3s; }
          #heading .main-navigation ul.navbar-nav.level-0 > li.dropdown > a:hover,
          #heading .main-navigation ul.navbar-nav.level-0 > li.nodropdown > a:hover {
            color: #00c4b3;
            text-decoration: underline; }
        #heading .main-navigation ul.navbar-nav.level-0 > li.dropdown.open > a,
        #heading .main-navigation ul.navbar-nav.level-0 > li.nodropdown.open > a {
          color: #002036;
          position: relative;
          background: #00c4b3; }
      #heading .main-navigation ul.navbar-nav ul.dropdown-menu {
        margin: 0;
        border: none;
        border-radius: 0;
        position: absolute;
        padding-top: 30px;
        background: none;
        max-width: 100%;
        display: block;
        overflow: hidden;
        max-height: initial; }
        #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 {
          background: #002036;
          width: 100%;
          padding-bottom: 40px;
          padding-left: calc((100% - 1140px + 24px) / 2);
          padding-right: calc((100% - 1140px + 24px) / 2);
          height: auto;
          top: 100%; }
          #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li {
            position: static; }
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li > a {
              font-size: 1.125rem;
              font-family: "Roboto Regular", sans-serif;
              color: #F0F0F0;
              padding: 10px 34px 10px 0;
              display: block;
              line-height: 1.2;
              background: none;
              width: 279px;
              margin-right: 3px; }
              #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li > a span.lfr-nav-child-toggle {
                margin-left: 15px;
                position: relative; }
                #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li > a span.lfr-nav-child-toggle:before {
                  content: '';
                  position: absolute;
                  top: 4px;
                  left: 0;
                  border-left: 7px solid #F0F0F0;
                  border-top: 7px solid transparent;
                  border-bottom: 7px solid transparent; }
                #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li > a span.lfr-nav-child-toggle:after {
                  content: '';
                  position: absolute;
                  left: 0;
                  top: 6px;
                  border-left: 5px solid #002036;
                  border-top: 5px solid transparent;
                  border-bottom: 5px solid transparent; }
              #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li > a:hover {
                color: #00c4b3;
                text-decoration: underline; }
                #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li > a:hover span.lfr-nav-child-toggle:before {
                  border-left-color: #00c4b3; }
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li.open > a {
              color: #00c4b3;
              text-decoration: underline; }
              #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li.open > a span.lfr-nav-child-toggle {
                position: relative; }
                #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li.open > a span.lfr-nav-child-toggle:before {
                  content: '';
                  position: absolute;
                  top: 4px;
                  left: 0;
                  border-left: 7px solid #00c4b3;
                  border-top: 7px solid transparent;
                  border-bottom: 7px solid transparent; }
                #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li.open > a span.lfr-nav-child-toggle:after {
                  content: '';
                  position: absolute;
                  left: 0;
                  top: 6px;
                  border-left: 5px solid #002036;
                  border-top: 5px solid transparent;
                  border-bottom: 5px solid transparent; }
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li.mobile-menu-back-btn, #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li.parent-nav-item-title {
              display: none; }
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 li.nav-subtitle {
              padding-left: 22px; }
        #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-2, #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-3, #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-4 {
          top: 0;
          bottom: 0;
          left: 0;
          right: 0; }
        #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-2 {
          margin-left: calc(((100% - 1140px + 24px) / 2) + 279px); }
        #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-3 {
          margin-left: 279px; }
        #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-4 {
          margin-left: 279px; }
        #heading .main-navigation ul.navbar-nav ul.dropdown-menu.has-opened-submenu > li > a {
          color: #959595; }
          #heading .main-navigation ul.navbar-nav ul.dropdown-menu.has-opened-submenu > li > a span.lfr-nav-child-toggle:before {
            border-left-color: #959595; }
        #heading .main-navigation ul.navbar-nav ul.dropdown-menu.support-site-dropdown-menu {
          height: 500px !important; }
      #heading .main-navigation ul.navbar-nav.level-0 li.nav-subtitle {
        padding-top: 24px;
        padding-bottom: 6px;
        font-size: 12px;
        color: #555;
        text-transform: uppercase; }
      #heading .main-navigation ul.navbar-nav.level-0 li span.nav-description-title {
        display: block;
        padding: 36px 22px 6px 22px;
        text-transform: uppercase;
        font-size: 18px;
        font-family: "Roboto Black", sans-serif; }
      #heading .main-navigation ul.navbar-nav.level-0 li span.nav-description {
        padding: 10px 22px 16px 22px;
        display: block;
        font-family: "Roboto Black", sans-serif;
        width: 75%;
        line-height: 1.4; }
  #heading.wide-menu {
    margin-bottom: 20px; }
    #heading.wide-menu .header-top-section,
    #heading.wide-menu .header-bottom-section {
      display: flex;
      width: 100%; }
    @media screen and (min-width: 992px) {
      #heading.wide-menu .company-logo .site-title img {
        -webkit-filter: brightness(0) invert(1);
        -moz-filter: brightness(0) invert(1);
        -o-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1); }
      #heading.wide-menu .utility-navigation .utility-nav-container {
        border-bottom: 0; }
      #heading.wide-menu .utility-navigation .drop-down-content {
        position: absolute;
        z-index: 12;
        left: 0;
        width: 100%; }
      #heading.wide-menu .msci-main-navbar {
        padding-top: 10px;
        background: #002036; }
        #heading.wide-menu .msci-main-navbar .msci-utility-navbar-desktop {
          display: inline-block;
          width: 65%;
          vertical-align: middle; }
      #heading.wide-menu .main-navigation {
        display: block; }
        #heading.wide-menu .main-navigation ul.navbar-nav {
          justify-content: space-between; }
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.dropdown:first-child,
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.nodropdown:first-child {
            margin-left: -15px; }
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.dropdown:last-child,
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.nodropdown:last-child {
            margin-right: -15px; }
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.dropdown > a,
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.nodropdown > a {
            font-size: 1rem;
            white-space: nowrap; }
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.dropdown > a .lfr-nav-child-toggle {
            font-family: 'Font-Awesome' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            vertical-align: middle;
            font-weight: bold;
            height: 18px;
            display: inline-block; }
            #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.dropdown > a .lfr-nav-child-toggle:before {
              content: "\f107"; }
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.dropdown.open > a .lfr-nav-child-toggle {
            font-family: 'Font-Awesome' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            vertical-align: middle;
            font-weight: bold;
            height: 19px;
            display: inline-block; }
            #heading.wide-menu .main-navigation ul.navbar-nav.level-0 > li.dropdown.open > a .lfr-nav-child-toggle:before {
              content: "\f106"; }
          #heading.wide-menu .main-navigation ul.navbar-nav.level-0 ul.dropdown-menu.level-1 li > a {
            font-size: 1rem; } }
    @media screen and (max-width: 991px) {
      #heading.wide-menu .msci-main-navbar {
        border-bottom-color: #002036; } }
    #heading.wide-menu.no-search-bar .msci-utility-navbar-desktop .utility-navigation > .container-fluid {
      padding-right: 0;
      margin-right: -12px; }
  @media screen and (min-width: 768px) {
    #heading.fixed-menu {
      padding-bottom: 54px; }
      #heading.fixed-menu .company-logo .site-title img {
        height: 30px;
        width: auto;
        -webkit-transition: height 0.3s, width 0.3s, margin 0.3s;
        -moz-transition: height 0.3s, width 0.3s, margin 0.3s;
        -ms-transition: height 0.3s, width 0.3s, margin 0.3s;
        -o-transition: height 0.3s, width 0.3s, margin 0.3s;
        transition: height 0.3s, width 0.3s, margin 0.3s; }
      #heading.fixed-menu .main-navigation .navbar-nav.level-0 > .dropdown > a {
        font-size: 1rem; }
      #heading.fixed-menu .msci-main-navbar {
        position: fixed;
        z-index: 12;
        box-shadow: 0 5px 5px rgba(0, 32, 54, 0.05);
        top: 0;
        height: auto;
        width: 100%; } }
  @media screen and (min-width: 992px) {
    #heading.fixed-menu.wide-menu .msci-main-navbar {
      position: static; }
    #heading.fixed-menu.wide-menu .main-navigation {
      position: fixed;
      z-index: 12;
      top: 0;
      background: #002036;
      left: 0;
      width: 100%;
      box-shadow: 0 5px 5px rgba(0, 32, 54, 0.05);
      display: block;
      padding-left: calc((100% - 1140px + 24px) / 2);
      padding-right: calc((100% - 1140px + 24px) / 2); } }
  @media screen and (max-width: 1140px) {
    #heading .msci-main-navbar {
      padding-left: 15px;
      padding-right: 15px; }
      #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu {
        padding-left: 15px;
        padding-right: 15px; }
    #heading .main-navigation ul.navbar-nav.level-0 > li.dropdown > a {
      font-size: 1rem; }
    #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1 {
      padding-left: 15px;
      padding-right: 15px; }
    #heading .main-navigation .navigation-featured-content-card-display {
      right: 15px; } }
  @media screen and (max-width: 991px) {
    #heading {
      position: fixed;
      width: 100%;
      z-index: 12;
      padding: 0 20px 0 15px; }
      #heading .msci-utility-navbar-desktop {
        display: none; }
      #heading .msci-utility-navbar-tablet,
      #heading .msci-utility-navbar-phone {
        display: block; }
      #heading .company-logo {
        flex-grow: 0; }
        #heading .company-logo .site-title img {
          height: 28px; }
      #heading .mobile-navigation-controls {
        display: flex;
        flex: 1;
        justify-content: flex-start;
        align-items: center;
        margin-left: 20px; }
        #heading .mobile-navigation-controls .hamburger-menu-btn {
          font-size: 24px;
          color: #002036; }
        #heading .mobile-navigation-controls .mobile-menu-close {
          width: 24px;
          height: 24px;
          position: relative; }
          #heading .mobile-navigation-controls .mobile-menu-close:before, #heading .mobile-navigation-controls .mobile-menu-close:after {
            position: absolute;
            left: 10px;
            top: 0;
            content: " ";
            height: 24px;
            width: 3px;
            background-color: #FFFFFF; }
          #heading .mobile-navigation-controls .mobile-menu-close:before {
            transform: rotate(45deg); }
          #heading .mobile-navigation-controls .mobile-menu-close:after {
            transform: rotate(-45deg); }
          #heading .mobile-navigation-controls .mobile-menu-close:hover:before, #heading .mobile-navigation-controls .mobile-menu-close:hover:after {
            background-color: #00c4b3; }
      #heading .main-navigation {
        background: #002036;
        display: block;
        position: fixed;
        top: 69px;
        left: -100%;
        bottom: 0;
        width: 100%;
        overflow-y: auto; }
        #heading .main-navigation ul.navbar-nav {
          display: block;
          padding: 10px 0; }
          #heading .main-navigation ul.navbar-nav li {
            width: 100%;
            padding: 0 !important;
            margin: 0;
            display: block; }
            #heading .main-navigation ul.navbar-nav li > a {
              font-size: 1.25rem !important;
              color: #F0F0F0 !important;
              padding: 16px 20px !important;
              margin: 0 !important;
              width: auto !important;
              text-decoration: underline;
              display: block; }
          #heading .main-navigation ul.navbar-nav li.dropdown > a {
            text-decoration: none;
            position: relative; }
            #heading .main-navigation ul.navbar-nav li.dropdown > a:before {
              content: '';
              position: absolute;
              top: 4px;
              left: 0;
              border-left: 7px solid #F0F0F0;
              border-top: 7px solid transparent;
              border-bottom: 7px solid transparent; }
            #heading .main-navigation ul.navbar-nav li.dropdown > a:after {
              content: '';
              position: absolute;
              left: 0;
              top: 6px;
              border-left: 5px solid #002036;
              border-top: 5px solid transparent;
              border-bottom: 5px solid transparent; }
            #heading .main-navigation ul.navbar-nav li.dropdown > a:before {
              left: auto;
              right: 20px;
              top: 20px; }
            #heading .main-navigation ul.navbar-nav li.dropdown > a:after {
              left: auto;
              right: 22px;
              top: 22px; }
            #heading .main-navigation ul.navbar-nav li.dropdown > a span.lfr-nav-child-toggle:before, #heading .main-navigation ul.navbar-nav li.dropdown > a span.lfr-nav-child-toggle:after {
              content: none !important; }
            #heading .main-navigation ul.navbar-nav li.dropdown > a i.fa-angle-down {
              display: none; }
            #heading .main-navigation ul.navbar-nav li.dropdown > a:hover, #heading .main-navigation ul.navbar-nav li.dropdown > a:active {
              text-decoration: none !important;
              color: #00c4b3 !important; }
          #heading .main-navigation ul.navbar-nav li.dropdown.open > a {
            background: none !important;
            text-decoration: none !important;
            color: #00c4b3 !important; }
          #heading .main-navigation ul.navbar-nav ul.dropdown-menu {
            background: #002036;
            position: fixed;
            top: 70px !important;
            bottom: 0;
            right: 0;
            left: 100%;
            width: 100% !important;
            overflow-y: auto;
            padding: 10px 0 !important;
            margin: 0 !important;
            max-height: initial;
            max-width: initial; }
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.mobile-menu-back-btn {
              display: block !important;
              margin-bottom: 15px; }
              #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.mobile-menu-back-btn > a {
                text-transform: uppercase;
                color: #00c4b3 !important;
                font-size: 0.875rem !important;
                text-decoration: none !important;
                padding: 20px !important; }
                #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon {
                  box-sizing: border-box;
                  position: relative;
                  display: inline-block;
                  transform: scale(var(--ggs, 1));
                  width: 22px;
                  height: 12px; }
                  #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon::after, #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon::before {
                    content: "";
                    display: block;
                    box-sizing: border-box;
                    position: absolute;
                    left: 3px; }
                  #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon::after {
                    width: 8px;
                    height: 8px;
                    border-bottom: 2px solid;
                    border-left: 2px solid;
                    transform: rotate(45deg);
                    bottom: 2px; }
                  #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon::before {
                    width: 16px;
                    height: 2px;
                    bottom: 5px;
                    background: #00c4b3; }
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.parent-nav-item-title {
              display: block !important; }
              #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.parent-nav-item-title a {
                display: block;
                padding: 16px 20px !important;
                font-size: 1.25rem;
                font-family: "Roboto Bold", sans-serif;
                color: #002036 !important;
                background: #00c4b3 !important;
                text-decoration: none !important; }
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.nav-item > a,
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu li.nav-item-special.parent-link > a {
              padding-left: 40px !important; }
            #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1, #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-2, #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-3, #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-4 {
              left: 100%; }
      #heading .msci-main-navbar {
        padding: 20px 0;
        position: static;
        border-bottom: 1px solid #FFFFFF;
        -webkit-transition: background-color 0.3s, border-bottom-color 0.3s;
        -moz-transition: background-color 0.3s, border-bottom-color 0.3s;
        -ms-transition: background-color 0.3s, border-bottom-color 0.3s;
        -o-transition: background-color 0.3s, border-bottom-color 0.3s;
        transition: background-color 0.3s, border-bottom-color 0.3s; }
        #heading .msci-main-navbar .utility-navigation {
          padding: 0 20px; }
          #heading .msci-main-navbar .utility-navigation .container-fluid {
            padding: 0; }
          #heading .msci-main-navbar .utility-navigation .utility-nav-container {
            border-bottom: none;
            border-top: 1px solid #FFFFFF;
            margin: 10px 0;
            padding: 10px 0; }
          #heading .msci-main-navbar .utility-navigation .utility-nav {
            margin: 0 -20px; }
            #heading .msci-main-navbar .utility-navigation .utility-nav ul {
              margin: 0;
              padding: 0;
              float: none; }
              #heading .msci-main-navbar .utility-navigation .utility-nav ul > li {
                width: 100%;
                padding: 0 !important;
                margin: 0;
                display: block; }
                #heading .msci-main-navbar .utility-navigation .utility-nav ul > li > a {
                  font-size: 1.25rem !important;
                  color: #F0F0F0 !important;
                  padding: 16px 20px !important;
                  margin: 0 !important;
                  width: auto !important;
                  text-decoration: underline;
                  display: block; }
              #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a {
                text-decoration: none;
                position: relative; }
                #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a:before {
                  content: '';
                  position: absolute;
                  top: 4px;
                  left: 0;
                  border-left: 7px solid #F0F0F0;
                  border-top: 7px solid transparent;
                  border-bottom: 7px solid transparent; }
                #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a:after {
                  content: '';
                  position: absolute;
                  left: 0;
                  top: 6px;
                  border-left: 5px solid #002036;
                  border-top: 5px solid transparent;
                  border-bottom: 5px solid transparent; }
                #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a:before {
                  left: auto;
                  right: 20px;
                  top: 20px; }
                #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a:after {
                  left: auto;
                  right: 22px;
                  top: 22px; }
                #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a span.lfr-nav-child-toggle:before, #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a span.lfr-nav-child-toggle:after {
                  content: none !important; }
                #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a i.fa-angle-down {
                  display: none; }
                #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a:hover, #heading .msci-main-navbar .utility-navigation .utility-nav ul > li.drop-down-item > a:active {
                  text-decoration: none !important;
                  color: #00c4b3 !important; }
          #heading .msci-main-navbar .utility-navigation .drop-down-content {
            background: #002036;
            position: fixed;
            top: 70px !important;
            bottom: 0;
            right: 0;
            left: 100%;
            width: 100% !important;
            overflow-y: auto;
            padding: 10px 0 !important;
            margin: 0 !important;
            max-height: initial;
            max-width: initial; }
            #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu {
              padding: 0; }
              #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li {
                width: 100%;
                padding: 0 !important;
                margin: 0;
                display: block; }
                #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li > a {
                  font-size: 1.25rem !important;
                  color: #F0F0F0 !important;
                  padding: 16px 20px !important;
                  margin: 0 !important;
                  width: auto !important;
                  text-decoration: underline;
                  display: block; }
                #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li a {
                  padding-left: 40px !important; }
              #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.mobile-menu-back-btn {
                margin-bottom: 15px; }
                #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.mobile-menu-back-btn > a {
                  text-transform: uppercase;
                  color: #00c4b3 !important;
                  font-size: 0.875rem !important;
                  text-decoration: none !important;
                  padding: 20px !important; }
                  #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon {
                    box-sizing: border-box;
                    position: relative;
                    display: inline-block;
                    transform: scale(var(--ggs, 1));
                    width: 22px;
                    height: 12px; }
                    #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon::after, #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon::before {
                      content: "";
                      display: block;
                      box-sizing: border-box;
                      position: absolute;
                      left: 3px; }
                    #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon::after {
                      width: 8px;
                      height: 8px;
                      border-bottom: 2px solid;
                      border-left: 2px solid;
                      transform: rotate(45deg);
                      bottom: 2px; }
                    #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.mobile-menu-back-btn > a .mobile-navigation-back-icon::before {
                      width: 16px;
                      height: 2px;
                      bottom: 5px;
                      background: #00c4b3; }
              #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.parent-nav-item-title {
                display: block !important; }
                #heading .msci-main-navbar .utility-navigation .drop-down-content ul.child-menu li.parent-nav-item-title a {
                  display: block;
                  padding: 16px 20px !important;
                  font-size: 1.25rem;
                  font-family: "Roboto Bold", sans-serif;
                  color: #002036 !important;
                  background: #00c4b3 !important;
                  text-decoration: none !important; }
        #heading .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button,
        #heading .msci-main-navbar .header-search-wrapper .close-header-search-dropdown-button {
          margin: 0;
          float: right; }
        #heading .msci-main-navbar .header-search-wrapper .close-header-search-dropdown-button:before, #heading .msci-main-navbar .header-search-wrapper .close-header-search-dropdown-button:after {
          background-color: #FFFFFF; }
        #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu {
          padding: 25px 20px; }
          #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu .search-form-container {
            margin-bottom: 30px; }
            #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu .search-form-container form label {
              font-size: 24px;
              margin-bottom: 10px; }
            #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu .search-form-container form .search_field_wrapper input[type="text"] {
              background: #FFFFFF;
              font-size: 24px;
              color: #002036;
              margin-right: 5px;
              border: none;
              height: 50px;
              line-height: 50px; }
            #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu .search-form-container button.header-search-submit {
              width: 50px;
              height: 50px; }
          #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu .search-results-container .most-searched-label-container {
            margin-bottom: 10px; }
            #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu .search-results-container .most-searched-label-container span {
              font-size: 24px; }
          #heading .msci-main-navbar .header-search-wrapper .header_search_dropdown_menu .search-results-container .most-visitors-searched-for a {
            display: inline-block;
            clear: none;
            margin: 0 15px 15px 0; } }
  #heading.main-navigation-open, #heading.main-search-results-open, #heading.mobile-menu-open, #heading.wide-menu {
    background: #002036; }
    #heading.main-navigation-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container, #heading.main-search-results-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container, #heading.mobile-menu-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container, #heading.wide-menu .msci-utility-navbar-desktop .utility-navigation .utility-nav-container {
      border-bottom-color: transparent; }
      #heading.main-navigation-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container .utility-nav ul li a, #heading.main-search-results-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container .utility-nav ul li a, #heading.mobile-menu-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container .utility-nav ul li a, #heading.wide-menu .msci-utility-navbar-desktop .utility-navigation .utility-nav-container .utility-nav ul li a {
        color: #F0F0F0; }
        #heading.main-navigation-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container .utility-nav ul li a:hover, #heading.main-search-results-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container .utility-nav ul li a:hover, #heading.mobile-menu-open .msci-utility-navbar-desktop .utility-navigation .utility-nav-container .utility-nav ul li a:hover, #heading.wide-menu .msci-utility-navbar-desktop .utility-navigation .utility-nav-container .utility-nav ul li a:hover {
          color: #00c4b3; }
    #heading.main-navigation-open .company-logo .site-title img, #heading.main-search-results-open .company-logo .site-title img, #heading.mobile-menu-open .company-logo .site-title img, #heading.wide-menu .company-logo .site-title img {
      -webkit-filter: brightness(0) invert(1);
      -moz-filter: brightness(0) invert(1);
      -o-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
    #heading.main-navigation-open .mobile-navigation-controls .hamburger-menu-btn, #heading.main-search-results-open .mobile-navigation-controls .hamburger-menu-btn, #heading.mobile-menu-open .mobile-navigation-controls .hamburger-menu-btn, #heading.wide-menu .mobile-navigation-controls .hamburger-menu-btn {
      color: #FFFFFF; }
    #heading.main-navigation-open .main-navigation .navbar-nav.level-0 > li.dropdown > a,
    #heading.main-navigation-open .main-navigation .navbar-nav.level-0 > li.nodropdown > a, #heading.main-search-results-open .main-navigation .navbar-nav.level-0 > li.dropdown > a,
    #heading.main-search-results-open .main-navigation .navbar-nav.level-0 > li.nodropdown > a, #heading.mobile-menu-open .main-navigation .navbar-nav.level-0 > li.dropdown > a,
    #heading.mobile-menu-open .main-navigation .navbar-nav.level-0 > li.nodropdown > a, #heading.wide-menu .main-navigation .navbar-nav.level-0 > li.dropdown > a,
    #heading.wide-menu .main-navigation .navbar-nav.level-0 > li.nodropdown > a {
      color: #F0F0F0; }
      #heading.main-navigation-open .main-navigation .navbar-nav.level-0 > li.dropdown > a:hover,
      #heading.main-navigation-open .main-navigation .navbar-nav.level-0 > li.nodropdown > a:hover, #heading.main-search-results-open .main-navigation .navbar-nav.level-0 > li.dropdown > a:hover,
      #heading.main-search-results-open .main-navigation .navbar-nav.level-0 > li.nodropdown > a:hover, #heading.mobile-menu-open .main-navigation .navbar-nav.level-0 > li.dropdown > a:hover,
      #heading.mobile-menu-open .main-navigation .navbar-nav.level-0 > li.nodropdown > a:hover, #heading.wide-menu .main-navigation .navbar-nav.level-0 > li.dropdown > a:hover,
      #heading.wide-menu .main-navigation .navbar-nav.level-0 > li.nodropdown > a:hover {
        color: #00c4b3;
        text-decoration: underline; }
    #heading.main-navigation-open .main-navigation .navbar-nav.level-0 > li.dropdown.open > a,
    #heading.main-navigation-open .main-navigation .navbar-nav.level-0 > li.nodropdown.open > a, #heading.main-search-results-open .main-navigation .navbar-nav.level-0 > li.dropdown.open > a,
    #heading.main-search-results-open .main-navigation .navbar-nav.level-0 > li.nodropdown.open > a, #heading.mobile-menu-open .main-navigation .navbar-nav.level-0 > li.dropdown.open > a,
    #heading.mobile-menu-open .main-navigation .navbar-nav.level-0 > li.nodropdown.open > a, #heading.wide-menu .main-navigation .navbar-nav.level-0 > li.dropdown.open > a,
    #heading.wide-menu .main-navigation .navbar-nav.level-0 > li.nodropdown.open > a {
      color: #002036;
      background: #00c4b3; }
    #heading.main-navigation-open .msci-main-navbar, #heading.main-search-results-open .msci-main-navbar, #heading.mobile-menu-open .msci-main-navbar, #heading.wide-menu .msci-main-navbar {
      background: #002036; }
      #heading.main-navigation-open .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button, #heading.main-search-results-open .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button, #heading.mobile-menu-open .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button, #heading.wide-menu .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button {
        color: #F0F0F0; }
        #heading.main-navigation-open .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button:hover, #heading.main-search-results-open .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button:hover, #heading.mobile-menu-open .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button:hover, #heading.wide-menu .msci-main-navbar .header-search-wrapper .open-header-search-dropdown-button:hover {
          color: #00c4b3; }
    #heading.main-navigation-open.fixed-menu.wide-menu .main-navigation, #heading.main-search-results-open.fixed-menu.wide-menu .main-navigation, #heading.mobile-menu-open.fixed-menu.wide-menu .main-navigation, #heading.wide-menu.fixed-menu.wide-menu .main-navigation {
      background: #002036; }
  #heading.mobile-menu-open .msci-main-navbar {
    border-bottom-color: #F0F0F0; }
  body.has-control-menu #heading.fixed-menu .msci-main-navbar {
    top: 55px; }
  body.has-control-menu #heading.fixed-menu.wide-menu .main-navigation {
    top: 55px; }
  @media screen and (max-width: 991px) {
    body.has-control-menu #heading .main-navigation {
      top: 117px; }
      body.has-control-menu #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-1, body.has-control-menu #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-2, body.has-control-menu #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-3, body.has-control-menu #heading .main-navigation ul.navbar-nav ul.dropdown-menu.level-4 {
        top: 117px !important; } }
  body.has-control-menu #heading header.portlet-topper {
    display: none !important; }
  body.has-control-menu.display-layout-areas #heading header.portlet-topper {
    display: flex !important; }

.breadcrumb {
  text-transform: uppercase; }

.breadcrumb > li.active {
  color: #666666; }

.breadcrumb > li + li::before {
  font-family: 'msci-icons2019' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666666;
  content: "\e914"; }

#ticker-placeholder {
  font-size: 0.9vw;
  overflow: hidden; }

.tickercontainer {
  min-height: 60px;
  padding: 0 12.5% !important;
  background: #1E3A4D !important; }

.tickercontainer .mask:before, .tickercontainer .mask:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 20px;
  z-index: 1; }

.tickercontainer .mask:before {
  background-image: linear-gradient(to right, #1e3a4d, rgba(30, 58, 77, 0));
  left: 0; }

.tickercontainer .mask:after {
  background-image: linear-gradient(to left, #1e3a4d, rgba(30, 58, 77, 0));
  right: 0; }

ul#tickers li {
  border: none !important;
  padding: 10px 10px; }

.ticker-title {
  margin-left: 7px; }

.ticker-info {
  margin-top: -22px;
  margin-left: 13px;
  display: flex;
  align-items: center; }

.static-tickers {
  background: #002036;
  border-bottom: 1px solid #1A3FD6;
  border-top: 1px solid #1A3FD6; }

.static-tickers ul {
  list-style: none;
  display: table;
  padding: 0 12.5%;
  width: 100%;
  margin: 0px 0px 0px 0px !important; }

.static-tickers li {
  display: table-cell;
  padding: 10px 5px 10px 10px;
  border-left: 1px solid #1A3FD6;
  color: #ffffff; }

.static-tickers li a {
  text-decoration: none !important;
  color: inherit !important; }

ul#st-tickers span, ul#st-tickers sub {
  line-height: 40px;
  z-index: 2; }

ul#st-tickers li {
  background: #002036;
  width: 12.5%; }

ul .tick-default {
  background: #1E3A4D;
  line-height: 40px; }
  ul .tick-default span#ticker-dynamic-percent {
    padding: 2px 5px 0px 5px;
    color: #000000;
    font-weight: bold; }
  ul .tick-default span#ticker-static-percent {
    font-weight: bold;
    margin-left: 3px;
    padding: 0 5px;
    line-height: 20px;
    color: #000000; }
  ul .tick-default sub#ticker-cur {
    margin: 5px; }
  ul .tick-default sub#ticker-date {
    margin-left: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  ul .tick-default span#ticker-name {
    font-weight: bold; }
  ul .tick-default span#ticker-level {
    font-weight: bold; }
  ul .tick-default .level-10021 {
    margin-left: 5px; }

ul .tick-up span#ticker-dynamic-percent, ul .tick-up span#ticker-static-percent {
  background: #26D9B6; }

ul .tick-up span#arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  display: inline-block;
  margin-bottom: 5px; }

ul .tick-down span#ticker-dynamic-percent, ul .tick-down span#ticker-static-percent {
  background: #F65058; }

ul .tick-down span#arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #FFFFFF;
  display: inline-block;
  padding-top: 5px; }

.static-tickers .last {
  border-right: 1px solid #1A3FD6; }

.ticker-footer {
  text-align: right;
  color: #1E3A4D;
  padding: 5px 0; }
  .ticker-footer > div {
    width: 88%; }
  .ticker-footer a {
    color: #1A3FD6;
    font-weight: bold; }
  .ticker-footer span {
    display: inline-block; }
  @media screen and (max-width: 768px) {
    .ticker-footer span {
      display: block; } }

.msci-left-triangle {
  width: 0;
  height: 0;
  position: absolute;
  width: 100%;
  border-top: 4em solid transparent;
  border-bottom: 4em solid transparent;
  border-right: 4em solid #26D9B6;
  z-index: 1;
  top: -4em; }
  @media (max-width: 767px) {
    .msci-left-triangle {
      top: -2em; } }

@media screen and (max-width: 1100px) {
  #ticker-placeholder {
    font-size: 13px; }
  ul#st-tickers {
    width: 258%;
    overflow: hidden; }
    ul#st-tickers li {
      float: left; }
    ul#st-tickers li:nth-child(4) {
      clear: left; }
    ul#st-tickers li:nth-child(3) {
      border-right: 1px solid #1A3FD6; }
    ul#st-tickers li:nth-child(-n+3) {
      border-bottom: 1px solid #1A3FD6; }
  .static-tickers {
    padding-right: 12.5%; }
  ul#st-tickers span, ul#st-tickers sub {
    line-height: 45px; } }

@media screen and (max-width: 768px) {
  .ticker-info {
    display: block; }
    .ticker-info span, .ticker-info sub {
      display: block;
      margin-bottom: -10px; }
  .static-tickers {
    padding-right: 6%; }
  .static-tickers li {
    display: flex;
    align-items: center; }
  .ticker-title {
    margin-bottom: 15px; }
  ul .tick-default span#ticker-name {
    line-height: 1; }
  .tickercontainer {
    padding: 0 8% !important; }
  /*     .name-11082 { */
  /*         line-height: 1 !important; */
  /*         display: block !important; */
  /*         margin-bottom: 12px !important; */
  /*     } */
  /*     .level-11082 {margin-top: 20px !important;} */
  .level-10021 {
    margin-left: 0px !important; }
  #ticker-placeholder {
    font-size: 15px; }
  .static-tickers {
    height: 265px; }
    .static-tickers ul {
      padding: 0 8%; }
  #st-tickers {
    height: 100%; }
    #st-tickers li {
      height: 50%; }
  ul#st-tickers sub#ticker-date {
    margin-left: 0px;
    line-height: 20px; }
  span#ticker-level {
    margin-top: 10px; }
  span#ticker-static-percent {
    margin-bottom: -10px;
    margin-left: 0px !important;
    display: inline-block; }
  .msci-left-triangle {
    margin-bottom: -2em;
    border-top: 2em solid transparent;
    border-bottom: 2em solid transparent;
    border-right: 2em solid #26D9B6; } }

body.display-layout-areas #portlet_mscihomepagetickers_WAR_mscihomepagetickers .msci-left-triangle {
  display: none; }

/* liScroll styles */
.tickercontainer {
  /* the outer div with the black border */
  /*border: 1px solid #000;*/
  background: #fff;
  /*width: 738px; */
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  overflow: hidden; }

.tickercontainer .mask {
  /* that serves as a mask. so you get a sort of padding both left and right */
  position: relative;
  /*top: 8px;*/
  /*width: 718px;*/
  width: 100%;
  overflow: hidden; }

ul.newsticker {
  /* that's your list */
  position: relative;
  /*left: 750px;*/
  /*left: 1170px; used to set the initial position of the slider
/*font: bold 10px Verdana;*/
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 1550px;
  height: 40px; }

ul.newsticker li {
  float: left;
  /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding: 10px 15px;
  color: #ffffff;
  /*background: #fff;*/
  /* TODO: check background here?*/
  border-left: 1px solid #ded3cc; }

ul.newsticker a {
  text-decoration: none !important;
  color: inherit !important; }

ul.newsticker span {
  margin: 0 3px 0 0; }

.add-tag {
  margin-top: 25px; }

.add-folder-row {
  margin-top: 25px; }

.remove {
  margin-top: 25px; }

.tag-values {
  resize: both; }

.config-btn-container {
  text-align: center; }

.config-btn {
  white-space: initial;
  max-width: 160px; }

textarea.form-control {
  height: 300px; }

.config-select,
.config-input {
  min-width: 200px;
  width: auto;
  border: 1px solid #cccccc;
  background-color: white; }

.range-slider {
  padding-top: 15px; }
  .range-slider label {
    margin-bottom: 0px; }
  .range-slider .input-text-wrapper {
    margin-bottom: 0px; }
    .range-slider .input-text-wrapper .tag-boost-value {
      box-shadow: none;
      padding-left: 0;
      padding-right: 0; }

.items-outer {
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.lds-ellipsis {
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.results {
  width: 80px; }

.search-form-wrapper {
  margin-bottom: 22px;
  padding-left: 0;
  padding-right: 0; }

.cw-search-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  background-color: #FFFFFF;
  font-size: 16px;
  line-height: 15px;
  font-family: "Roboto Bold", sans-serif; }
  .cw-search-form > * {
    flex-grow: 1;
    flex-basis: 0;
    padding-bottom: 10px; }
  .cw-search-form label {
    padding-bottom: 10px;
    text-transform: uppercase;
    display: block; }
  .cw-search-form .msci-keyword-container {
    padding-left: 0px;
    padding-right: 25px; }
  .cw-search-form .msci-date-sort {
    padding-right: 20px; }
    .cw-search-form .msci-date-sort .select-container-row {
      display: flex;
      flex-wrap: nowrap; }
      .cw-search-form .msci-date-sort .select-container-row .select-container {
        padding-right: 5px; }
    .cw-search-form .msci-date-sort .cw-select-container {
      padding-right: 0; }
  .cw-search-form .cw-select-container {
    padding-right: 25px; }
  .cw-search-form .datecombo {
    width: auto; }
  .cw-search-form select {
    background-color: #FFFFFF;
    min-width: 100%; }
    .cw-search-form select::-ms-expand {
      display: none; }
  .cw-search-form #fancy-search-result {
    margin-left: 0 !important; }

.msci-expandable-facets-container .cw-toggler-clicker {
  display: block;
  position: relative;
  margin-top: 1px;
  padding-bottom: 5px;
  padding-top: 8px;
  padding-left: 45px;
  line-height: 1.15em;
  text-decoration: none !important;
  font-size: 1.25em;
  background-color: #DAE0F8;
  color: #002036;
  border-top: none; }
  .msci-expandable-facets-container .cw-toggler-clicker:before {
    content: "+";
    position: absolute;
    left: 0px;
    display: inline-block;
    text-align: center;
    line-height: 1.1;
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    color: #002036;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    bottom: 10%; }
  .msci-expandable-facets-container .cw-toggler-clicker.open:before {
    content: "-"; }

.msci-expandable-facets-container .cw-toggler-content {
  display: none; }

.button-section {
  padding-left: 0px;
  padding-right: 0px; }
  .button-section .section-content {
    font-size: 16px;
    line-height: 22px; }
    .button-section .section-content .buttons {
      padding-left: 7px;
      padding-top: 7px; }

.search-pagination {
  margin: 0 10px 22px 0;
  padding: 0px 26px 0px 20px;
  background-color: #FFFFFF;
  line-height: 24px;
  font-size: 20px;
  font-family: "Roboto Bold", sans-serif; }
  .search-pagination .search-result-count {
    margin-bottom: 5px !important; }
  .search-pagination .search-pagination-container {
    list-style-type: none;
    text-align: right;
    margin-bottom: 0;
    font-size: 16px; }
    .search-pagination .search-pagination-container .current-page {
      color: #4A7BC9; }
    .search-pagination .search-pagination-container .paginator-arrow {
      font-size: 12px; }
  .search-pagination ol li {
    display: inline; }
    .search-pagination ol li a {
      color: #1A3FD6; }
      .search-pagination ol li a:hover {
        text-decoration: none;
        color: #4A7BC9; }

ol.msci-search-result-container {
  padding-left: 0; }
  ol.msci-search-result-container li.msci-search-result {
    padding: 12px 30px 5px 20px;
    margin-bottom: 10px;
    background-color: #f8f7f7; }
    ol.msci-search-result-container li.msci-search-result .cw-icon,
    ol.msci-search-result-container li.msci-search-result h6 {
      display: inline;
      font-size: 14px;
      color: #666666;
      margin-right: 5px;
      text-transform: uppercase;
      font-family: "Roboto Bold", sans-serif; }
    ol.msci-search-result-container li.msci-search-result .msci-entry-header {
      font-size: 18px;
      line-height: 26px;
      font-family: "Roboto Black", sans-serif;
      margin: 5px 0px 5px; }
    ol.msci-search-result-container li.msci-search-result .blog-excerpt {
      margin-bottom: 10px; }
    ol.msci-search-result-container li.msci-search-result .date-tag {
      color: #666666;
      font-size: 14px;
      margin-bottom: 5px; }
      ol.msci-search-result-container li.msci-search-result .date-tag::before {
        padding-right: 8px; }
    ol.msci-search-result-container li.msci-search-result .search-profile-link {
      font-size: 14px;
      padding-right: 28px; }
      ol.msci-search-result-container li.msci-search-result .search-profile-link:hover {
        text-decoration: underline; }
      ol.msci-search-result-container li.msci-search-result .search-profile-link::after {
        font-size: 10px; }
  ol.msci-search-result-container li.msci-search-result.msci-search-result-support p {
    margin-bottom: 1rem; }

ol.events-resource-center-row-default.msci-search-result-container li.msci-search-result:after,
ol.latest-events-resource-center-row-default.msci-search-result-container li.msci-search-result:after {
  content: none; }

ol.events-resource-center-row-default.msci-search-result-container .item-tags,
ol.latest-events-resource-center-row-default.msci-search-result-container .item-tags {
  display: block;
  padding-bottom: 15px; }

.RSS {
  text-align: right; }
  .RSS a:hover,
  .RSS a:active {
    text-decoration: none; }

.favorite-container {
  float: right;
  height: 36px;
  display: flex; }
  .favorite-container .edit-index-partial-favorite .partial-index-favorite {
    line-height: 0;
    margin-right: 5px; }
    .favorite-container .edit-index-partial-favorite .partial-index-favorite .favorite {
      cursor: pointer;
      display: inline-block;
      height: 16px;
      width: 16px;
      color: #1A3FD6;
      font-size: 16px; }
  .favorite-container .edit-index-partial-favorite .edit-partial-form .currency_wrapper, .favorite-container .edit-index-partial-favorite .edit-partial-form .variant_wrapper {
    display: inline-block; }
  .favorite-container .edit-index-partial-favorite .edit-partial-form > * {
    vertical-align: middle; }

.blog-search-result .author-name a {
  color: #666666;
  font-family: "Roboto Italic", sans-serif; }
  .blog-search-result .author-name a:hover {
    text-decoration: underline; }

.blog-search-result .search-profile-link {
  margin-bottom: 6px; }

.infinite-search-anim {
  display: none; }

@keyframes lds-ellipsis3 {
  0%,
  25% {
    left: 32px;
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    left: 32px;
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    left: 100px; }
  100% {
    left: 168px;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes lds-ellipsis3 {
  0%,
  25% {
    left: 32px;
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    left: 32px;
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    left: 100px; }
  100% {
    left: 168px;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes lds-ellipsis {
  0% {
    left: 32px;
    -webkit-transform: scale(0);
    transform: scale(0); }
  25% {
    left: 32px;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    left: 100px; }
  75% {
    left: 168px;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    left: 168px;
    -webkit-transform: scale(0);
    transform: scale(0); } }

@-webkit-keyframes lds-ellipsis {
  0% {
    left: 32px;
    -webkit-transform: scale(0);
    transform: scale(0); }
  25% {
    left: 32px;
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    left: 100px; }
  75% {
    left: 168px;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    left: 168px;
    -webkit-transform: scale(0);
    transform: scale(0); } }

.infinite-search-anim .lds-ellipsis > div {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px; }

.infinite-search-anim .lds-ellipsis div > div {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1A3FD6;
  position: absolute;
  top: 100px;
  left: 32px;
  -webkit-animation: lds-ellipsis 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  animation: lds-ellipsis 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; }

.infinite-search-anim .lds-ellipsis div:nth-child(1) div {
  -webkit-animation: lds-ellipsis2 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  animation: lds-ellipsis2 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; }

.infinite-search-anim .lds-ellipsis div:nth-child(2) div {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.infinite-search-anim .lds-ellipsis div:nth-child(3) div {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.infinite-search-anim .lds-ellipsis div:nth-child(4) div {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.infinite-search-anim .lds-ellipsis div:nth-child(5) div {
  -webkit-animation: lds-ellipsis3 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
  animation: lds-ellipsis3 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards; }

.infinite-search-anim .lds-ellipsis {
  position: relative;
  color: transparent;
  font-size: 0;
  width: 50px !important;
  height: 50px !important;
  -webkit-transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px);
  transform: translate(-25px, -25px) scale(0.25) translate(25px, 25px); }

.extended-lister-config .form-control[type=file] {
  color: transparent;
  font-size: 0.7rem; }

.extended-lister-config .tab {
  margin-top: 10px; }

.extended-lister-config .tab.active {
  border: 1px solid #dee2e6;
  border-bottom: none;
  border-radius: 5px 5px 0 0; }

.extended-lister-config .search-customization,
.extended-lister-config .topic-settings {
  margin-top: 20px; }

.extended-lister-config .config-select-container .input-select-wrapper {
  display: inline-block; }

.extended-lister-config .search-pagination .search-pagination-container {
  text-align: center; }

.extended-lister-config .search-pagination .result-counter .col-md-12 {
  padding-left: 0px; }

.minimal-search-container h6 {
  font-family: "Roboto Bold", sans-serif; }

.minimal-search-container .cw-search-form {
  background-color: #585858;
  padding: 20px; }
  .minimal-search-container .cw-search-form .cw-select-container,
  .minimal-search-container .cw-search-form .vocabulary-container {
    text-align: center;
    padding-right: 12px;
    padding-left: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
    white-space: nowrap; }
    .minimal-search-container .cw-search-form .cw-select-container .cw-select-container,
    .minimal-search-container .cw-search-form .vocabulary-container .cw-select-container {
      padding-right: 0px;
      padding-left: 0px; }
  .minimal-search-container .cw-search-form select {
    font-weight: "Roboto Bold", sans-serif;
    width: 100%; }
  .minimal-search-container .cw-search-form label {
    color: #FFFFFF; }

.minimal-search-container .button-section .section-content .buttons {
  padding-bottom: 50px;
  padding-left: 7px;
  padding-top: 7px; }

.minimal-search-container .search-field-wrapper {
  padding-left: 0px;
  padding-right: 0px; }

.minimal-search-container .msci-ac-search-container {
  background-color: #F8F7F7;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  padding: 40px 130px 60px; }
  @media (max-width: 979px) {
    .minimal-search-container .msci-ac-search-container {
      padding: 20px 20px; } }
  .minimal-search-container .msci-ac-search-container .mini-breadcrumb {
    padding-left: 0px;
    padding-right: 0px; }
    .minimal-search-container .msci-ac-search-container .mini-breadcrumb p {
      padding: 3px 10px 3px 10px;
      background-color: white;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 0; }

.minimal-search-container .msci-ac-search-input {
  background-color: #F8F7F7;
  transition: padding-left 0.4s ease; }

.minimal-search-container .search-form-wrapper {
  margin-bottom: 10px; }

.minimal-search-container .empty-search {
  display: none;
  position: absolute;
  left: 0;
  top: 26px;
  width: 28px;
  height: 28px;
  background-color: #1A3FD6;
  border-radius: 50%; }
  .minimal-search-container .empty-search:hover {
    background-color: #4A7BC9; }
    .minimal-search-container .empty-search:hover:before, .minimal-search-container .empty-search:hover:after {
      background-color: #FFFFFF; }
  .minimal-search-container .empty-search:before, .minimal-search-container .empty-search:after {
    position: absolute;
    left: 48%;
    top: 7px;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #FFFFFF; }
  .minimal-search-container .empty-search:before {
    transform: rotate(45deg); }
  .minimal-search-container .empty-search:after {
    transform: rotate(-45deg); }

.minimal-search-container ol.msci-search-result-container li.msci-search-result {
  background-color: transparent;
  padding: 12px 30px 0px 20px; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .msci-link-primary-text::after {
    content: none; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result h6 {
    color: #002036;
    text-transform: none; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .related-category,
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .document-type {
    outline: 1px solid #4A7BC9;
    color: #4A7BC9;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .related-category:hover {
    outline: none;
    background-color: #1A3FD6;
    cursor: pointer; }
    .minimal-search-container ol.msci-search-result-container li.msci-search-result .related-category:hover a {
      color: #FFFFFF; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result hr {
    border-top: 1px solid #CCCCCC; }

.minimal-search-container .search-pagination .search-pagination-container {
  text-align: center; }

.minimal-search-container .search-pagination .result-counter .col-md-12 {
  padding-left: 0px; }

.msci-search-suggestion-container .did-you-mean {
  font-size: 16px; }

.minimal-search-container h6 {
  font-family: "Roboto Bold", sans-serif; }

.minimal-search-container .cw-search-form {
  background-color: #585858;
  padding: 20px; }
  .minimal-search-container .cw-search-form .cw-select-container,
  .minimal-search-container .cw-search-form .vocabulary-container {
    text-align: center;
    padding-right: 12px;
    padding-left: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
    white-space: nowrap; }
  .minimal-search-container .cw-search-form select {
    font-weight: "Roboto Bold", sans-serif; }
  .minimal-search-container .cw-search-form label {
    color: #FFFFFF; }

.minimal-search-container .button-section .section-content .buttons {
  padding-bottom: 50px;
  padding-left: 7px;
  padding-top: 7px; }

.minimal-search-container .search-field-wrapper {
  padding-left: 0px;
  padding-right: 0px; }

.minimal-search-container .msci-ac-search-container {
  background-color: #F8F7F7;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  padding: 40px 130px 60px; }
  @media (max-width: 979px) {
    .minimal-search-container .msci-ac-search-container {
      padding: 20px 20px; } }
  .minimal-search-container .msci-ac-search-container .mini-breadcrumb {
    padding-left: 0px;
    padding-right: 0px; }
    .minimal-search-container .msci-ac-search-container .mini-breadcrumb p {
      padding: 3px 10px 3px 10px;
      background-color: white;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 0; }

.minimal-search-container .msci-ac-search-input {
  background-color: #F8F7F7;
  transition: padding-left 0.4s ease; }

.minimal-search-container .search-form-wrapper {
  margin-bottom: 10px; }

.minimal-search-container .empty-search {
  display: none;
  position: absolute;
  left: 0;
  top: 26px;
  width: 28px;
  height: 28px;
  background-color: #1A3FD6;
  border-radius: 50%; }
  .minimal-search-container .empty-search:hover {
    background-color: #4A7BC9; }
    .minimal-search-container .empty-search:hover:before, .minimal-search-container .empty-search:hover:after {
      background-color: #FFFFFF; }
  .minimal-search-container .empty-search:before, .minimal-search-container .empty-search:after {
    position: absolute;
    left: 48%;
    top: 7px;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #FFFFFF; }
  .minimal-search-container .empty-search:before {
    transform: rotate(45deg); }
  .minimal-search-container .empty-search:after {
    transform: rotate(-45deg); }

.minimal-search-container ol.msci-search-result-container li.msci-search-result {
  background-color: transparent;
  padding: 12px 30px 0px 20px; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .msci-link-primary-text::after {
    content: none; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result h6 {
    color: #002036;
    text-transform: none; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .related-category,
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .document-type {
    outline: 1px solid #4A7BC9;
    color: #4A7BC9;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .related-category:hover {
    outline: none;
    background-color: #1A3FD6;
    cursor: pointer; }
    .minimal-search-container ol.msci-search-result-container li.msci-search-result .related-category:hover a {
      color: #FFFFFF; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result hr {
    border-top: 1px solid #CCCCCC; }

.minimal-search-container .search-pagination .search-pagination-container {
  text-align: center; }

.minimal-search-container .search-pagination .result-counter .col-md-12 {
  padding-left: 0px; }

@media screen and (max-width: 1200px) and (min-width: 992px) {
  .results-filter-container {
    width: 20%; } }

@media screen and (min-width: 992px) {
  .cw-search-form .modification-range-container {
    margin-right: 10px; }
  .cw-search-form .msci-keyword-container .keyword-input {
    min-width: 180px; }
  .cw-search-form > * {
    max-width: 360px; }
  .cw-search-form .results-filter-container {
    flex-grow: 0;
    flex-basis: auto; }
  .minimal-search-container .cw-search-form {
    display: flex !important; } }

@media screen and (min-width: 768px) {
  .button-section .section-content .buttons > div > div {
    min-width: 152px; } }

@media screen and (max-width: 991px) {
  .cw-search-form {
    display: block; }
    .cw-search-form .msci-keyword-container,
    .cw-search-form .cw-select-container {
      padding-right: 0;
      padding-bottom: 25px; }
    .cw-search-form .msci-date-sort .select-container-row {
      flex-wrap: wrap; }
    .cw-search-form .modification-range-container {
      width: 100%; }
    .cw-search-form .vocabulary-container {
      margin-left: 0px;
      padding-right: 0; }
    .cw-search-form .results-filter-container {
      width: 100%; }
  .RSS a {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .cw-search-form label {
    padding-bottom: 5px; }
  .cw-search-form .results-filter-container {
    width: 100%; }
  .search-pagination {
    padding: 0px 10px 0px 20px;
    text-align: center; }
    .search-pagination .search-pagination-container {
      text-align: center;
      padding-left: 0; }
  ol.msci-search-result-container li.msci-search-result .cw-icon,
  ol.msci-search-result-container li.msci-search-result h6 {
    font-size: 14px; }
  .minimal-search-container .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input {
    min-height: 60px; }
  .minimal-search-container .msci-ac-search-container .msci-ac-search-searchbar input.msci-ac-search-input::placeholder {
    font-size: 20px; }
  .minimal-search-container ol.msci-search-result-container li.msci-search-result .document-type {
    display: block;
    width: fit-content; }
  .minimal-search-container .empty-search {
    top: calc(50% - 14px); } }

@media screen and (max-width: 991px) {
  .minimal-search-container .search-form-wrapper .toggler {
    border: 1px solid #666666;
    padding: 10px; }
    .minimal-search-container .search-form-wrapper .toggler h6 {
      display: inline; }
    .minimal-search-container .search-form-wrapper .toggler .arrow {
      float: right; }
    .minimal-search-container .search-form-wrapper .toggler i {
      font-size: 20px;
      color: #666666; }
  .minimal-search-container .search-form-wrapper .cw-search-form {
    display: none; }
  .minimal-search-container .search-form-wrapper .cw-search-form select {
    width: 90%; }
  .minimal-search-container .search-form-wrapper .button-section .section-content .buttons {
    padding-left: 19px;
    padding-bottom: 0px; }
  .minimal-search-container .msci-search-suggestion-container {
    padding-top: 30px; } }

.quicksearch-container {
  background-color: #F8F7F7; }
  @media (min-width: 980px) {
    .quicksearch-container .container-fluid {
      padding: 80px 130px; } }
  @media (max-width: 979px) {
    .quicksearch-container .container-fluid {
      padding: 50px 20px; } }
  .quicksearch-container .quicksearch-title {
    margin-bottom: 20px;
    font-family: "Roboto Black", sans-serif; }
    @media (min-width: 768px) {
      .quicksearch-container .quicksearch-title {
        /* tablet + desktop */
        font-size: 70px;
        line-height: 78px; } }
    @media (max-width: 767.98px) {
      .quicksearch-container .quicksearch-title {
        /* mobile */
        font-size: 50px;
        line-height: 58px; } }
  .quicksearch-container .quicksearch-description {
    margin-bottom: 20px;
    font-family: "Roboto Bold", sans-serif;
    font-size: 20px;
    line-height: 32px; }
  .quicksearch-container .quicksearch-searchbar {
    position: relative; }
    .quicksearch-container .quicksearch-searchbar input.quicksearch-input {
      background-color: #F8F7F7;
      width: 100%;
      font-family: "Roboto Bold", sans-serif;
      border: none;
      border-bottom: 3px solid #1A3FD6; }
      .quicksearch-container .quicksearch-searchbar input.quicksearch-input:focus {
        outline: none; }
      .quicksearch-container .quicksearch-searchbar input.quicksearch-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: black; }
      .quicksearch-container .quicksearch-searchbar input.quicksearch-input:-moz-placeholder {
        /* Firefox 18- */
        opacity: 1;
        color: black; }
      .quicksearch-container .quicksearch-searchbar input.quicksearch-input::-moz-placeholder {
        /* Firefox 19+ */
        opacity: 1;
        color: black; }
      .quicksearch-container .quicksearch-searchbar input.quicksearch-input:-ms-input-placeholder {
        /* IE 10+ */
        color: black; }
      @media (min-width: 768px) {
        .quicksearch-container .quicksearch-searchbar input.quicksearch-input {
          /* tablet + desktop */
          min-height: 80px;
          padding-right: 120px;
          font-size: 32px; }
          .quicksearch-container .quicksearch-searchbar input.quicksearch-input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            font-family: "Roboto Bold", sans-serif;
            font-size: 32px; }
          .quicksearch-container .quicksearch-searchbar input.quicksearch-input:-moz-placeholder {
            /* Firefox 18- */
            font-family: "Roboto Bold", sans-serif;
            font-size: 32px; }
          .quicksearch-container .quicksearch-searchbar input.quicksearch-input::-moz-placeholder {
            /* Firefox 19+ */
            font-family: "Roboto Bold", sans-serif;
            font-size: 32px; }
          .quicksearch-container .quicksearch-searchbar input.quicksearch-input:-ms-input-placeholder {
            /* IE 10+ */
            font-family: "Roboto Bold", sans-serif;
            font-size: 32px; } }
      @media (max-width: 767.98px) {
        .quicksearch-container .quicksearch-searchbar input.quicksearch-input {
          /* mobile */
          min-height: 80px;
          padding-right: 72px;
          font-size: 24px; }
          .quicksearch-container .quicksearch-searchbar input.quicksearch-input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            font-family: "Roboto Bold", sans-serif;
            font-size: 24px; }
          .quicksearch-container .quicksearch-searchbar input.quicksearch-input:-moz-placeholder {
            /* Firefox 18- */
            font-family: "Roboto Bold", sans-serif;
            font-size: 24px; }
          .quicksearch-container .quicksearch-searchbar input.quicksearch-input::-moz-placeholder {
            /* Firefox 19+ */
            font-family: "Roboto Bold", sans-serif;
            font-size: 24px; }
          .quicksearch-container .quicksearch-searchbar input.quicksearch-input:-ms-input-placeholder {
            /* IE 10+ */
            font-family: "Roboto Bold", sans-serif;
            font-size: 24px; } }
    .quicksearch-container .quicksearch-searchbar i.msci-icon-search {
      color: #1A3FD6; }
      @media (min-width: 768px) {
        .quicksearch-container .quicksearch-searchbar i.msci-icon-search {
          /* tablet + desktop */
          font-size: 40px; }
          .quicksearch-container .quicksearch-searchbar i.msci-icon-search:before {
            position: absolute;
            width: 40px;
            height: 40px;
            left: calc(100% - 80px);
            bottom: calc(50% - 20px); } }
      @media (max-width: 767.98px) {
        .quicksearch-container .quicksearch-searchbar i.msci-icon-search {
          /* mobile */
          font-size: 32px; }
          .quicksearch-container .quicksearch-searchbar i.msci-icon-search:before {
            position: absolute;
            width: 32px;
            height: 32px;
            left: calc(100% - 52px);
            bottom: calc(50% - 16px); } }
  .quicksearch-container .quicksearch-info-dropdown {
    position: relative; }
    .quicksearch-container .quicksearch-info-dropdown .quicksearch-searching, .quicksearch-container .quicksearch-info-dropdown .quicksearch-no-result {
      position: absolute;
      margin-top: 1px;
      padding: 5px;
      width: 100%;
      max-width: 1140px;
      z-index: 10;
      background-color: #1E3A4D;
      color: #FFFFFF;
      font-size: 20px;
      line-height: 26px;
      font-family: "Roboto Bold", sans-serif;
      -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75); }
  .quicksearch-container .quicksearch-data-dropdown {
    position: relative; }
    .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset {
      position: absolute;
      margin-top: 1px;
      width: 100%;
      max-width: 1140px;
      max-height: 500px;
      z-index: 10;
      overflow-y: scroll;
      background-color: #FFFFFF;
      border: 1px solid #cccccc;
      -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75); }
      .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-section-title {
        padding: 5px;
        background-color: #1E3A4D;
        color: #FFFFFF;
        font-size: 20px;
        line-height: 26px;
        font-family: "Roboto Bold", sans-serif;
        border-bottom: 1px solid #cccccc; }
      .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion > div {
        padding: 5px 10px 5px 10px;
        min-height: 70px;
        border-bottom: 1px solid #cccccc;
        cursor: pointer; }
        .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion > div:nth-child(even) {
          background-color: #EFF2FD; }
        .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion > div:nth-child(odd) {
          background-color: #FFFFFF; }
        .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion > div:hover {
          background-color: #DAE0F8 !important; }
      .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion .title {
        margin-bottom: 5px; }
        .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion .title a {
          font-family: "Roboto Bold", sans-serif;
          font-size: 18px;
          line-height: 24px;
          color: #1A3FD6;
          text-decoration: none; }
          .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion .title a:hover {
            color: #4A7BC9;
            text-decoration: none; }
          .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion .title a i {
            margin-left: 3px;
            font-size: 12px; }
      .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion .authors {
        margin-bottom: 3px;
        font-family: "Roboto Italic", sans-serif;
        font-size: 12px;
        line-height: 18px; }
      .quicksearch-container .quicksearch-data-dropdown .quicksearch-dataset .quicksearch-suggestion .preview {
        font-family: "Roboto Regular", sans-serif;
        font-size: 12px;
        line-height: 18px; }

.client-segment-cards {
  padding: 0 !important;
  margin-bottom: 26px; }
  .client-segment-cards .client-segment-card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; }
  .client-segment-cards .client-segment-card {
    color: #fff;
    width: 25%;
    background-color: #002036;
    padding: 34px 24px 68px 32px;
    position: relative; }
    .client-segment-cards .client-segment-card h3 {
      margin-bottom: 15px; }
    .client-segment-cards .client-segment-card .paragraph-lg {
      line-height: 1.5;
      padding-bottom: 18px; }
    .client-segment-cards .client-segment-card .msci-link-secondary-box {
      position: absolute;
      bottom: 32px;
      margin-right: 24px; }
  @media (min-width: 980px) {
    .client-segment-cards .client-segment-card:nth-child(even) {
      background-color: #1E3A4D; } }
  @media (min-width: 768px) and (max-width: 979px) {
    .client-segment-cards .client-segment-card {
      width: 50%; }
      .client-segment-cards .client-segment-card:nth-child(4n+2), .client-segment-cards .client-segment-card:nth-child(4n+3) {
        background-color: #1E3A4D; } }
  @media (max-width: 767px) {
    .client-segment-cards .client-segment-card-container {
      overflow: hidden; }
    .client-segment-cards .client-segment-card {
      padding: 34px 30px 68px; }
      .client-segment-cards .client-segment-card .card-content {
        overflow: hidden;
        height: 188px;
        margin-bottom: 12px; }
      .client-segment-cards .client-segment-card h3 {
        margin-right: 24px;
        white-space: normal; }
      .client-segment-cards .client-segment-card .paragraph-lg {
        font-size: 16px;
        padding-bottom: 34px;
        white-space: normal; }
    .client-segment-cards .msci-nav {
      background: rgba(0, 0, 0, 0);
      border-bottom: 1px solid #CCCCCC; } }

@media (max-width: 767px) {
  .msci-ultra-light-diagonal-background .portlet-column-content.empty {
    padding: 15px; } }

.full-width-lead-banner .banner-content {
  padding: 60px;
  font-size: 16px;
  line-height: 22px; }
  @media (max-width: 767.98px) {
    .full-width-lead-banner .banner-content {
      padding: 25px; }
      .full-width-lead-banner .banner-content .col-auto {
        width: 100%; }
        .full-width-lead-banner .banner-content .col-auto button {
          width: 100%; } }
  .full-width-lead-banner .banner-content .buttons {
    margin-top: 30px; }

.full-width-lead-banner .lightBackground {
  background-color: #F8F7F7; }

.full-width-lead-banner .darkBackground {
  background-color: #EFF2FD; }

.full-width-banner-card-container {
  background-color: #fff; }
  .full-width-banner-card-container .row {
    min-height: 90px;
    align-items: center; }
  .full-width-banner-card-container .full-width-banner-card-title.col-md-4 {
    padding-left: 30px; }
    @media (min-width: 980px) {
      .full-width-banner-card-container .full-width-banner-card-title.col-md-4 {
        flex: 0 0 34%;
        max-width: 34%; } }
    .full-width-banner-card-container .full-width-banner-card-title.col-md-4 h3 {
      margin-bottom: 0; }
    @media (max-width: 767.98px) {
      .full-width-banner-card-container .full-width-banner-card-title.col-md-4 {
        padding-top: 30px;
        padding-right: 30px; }
        .full-width-banner-card-container .full-width-banner-card-title.col-md-4 h3 {
          margin-bottom: 0; } }
  @media (max-width: 767.98px) {
    .full-width-banner-card-container .full-width-banner-card-description {
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 20px;
      padding-bottom: 20px; } }
  .full-width-banner-card-container .full-width-banner-card-link {
    padding-right: 30px; }
    @media (max-width: 767.98px) {
      .full-width-banner-card-container .full-width-banner-card-link {
        padding-left: 30px;
        padding-bottom: 30px; } }
    .full-width-banner-card-container .full-width-banner-card-link .link-primary {
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap; }

.product-cards-container {
  background-color: #002036;
  color: #FFFFFF;
  padding: 10px 10px 50px 10px; }
  .product-cards-container .section-title {
    padding: 50px 0px 30px 0px; }
  .product-cards-container .product-card-with-image-container .product-card-container {
    background-color: #1E3A4D;
    position: relative;
    max-width: 350px;
    height: 100%;
    width: 100%;
    margin: 0 auto; }
    .product-cards-container .product-card-with-image-container .product-card-container .image {
      height: 100%;
      max-height: 180px; }
      .product-cards-container .product-card-with-image-container .product-card-container .image img {
        width: 100%;
        height: 180px;
        object-fit: cover; }
    .product-cards-container .product-card-with-image-container .product-card-container .product-card-content {
      padding: 32px; }
      .product-cards-container .product-card-with-image-container .product-card-container .product-card-content .paragraph-lg {
        margin-top: 25px;
        line-height: 22px;
        letter-spacing: 0.2px;
        padding-bottom: 70px; }
      .product-cards-container .product-card-with-image-container .product-card-container .product-card-content .link-box .msci-link-primary-box {
        position: absolute;
        bottom: 30px; }
  @media (min-width: 980px) {
    .product-cards-container .product-card-with-image-container .separator-line {
      display: none; } }
  @media (max-width: 767px) {
    .product-cards-container .product-card-with-image-container {
      padding: 10px 10px 20px 10px; }
      .product-cards-container .product-card-with-image-container .second-title {
        padding: 20px 0px 10px 0px; }
        .product-cards-container .product-card-with-image-container .second-title h2 {
          font-size: 30px; }
      .product-cards-container .product-card-with-image-container .product-card-container .product-card-content .paragraph-lg {
        line-height: 28px; } }
  @media (max-width: 979px) {
    .product-cards-container .product-card-with-image-container .product-card-container {
      height: auto; }
    .product-cards-container .product-card-with-image-container .separator-line {
      padding: 0px 10px 0px 10px; }
      .product-cards-container .product-card-with-image-container .separator-line hr {
        max-width: 350px;
        border-top: 1px solid #CCCCCC; }
      .product-cards-container .product-card-with-image-container .separator-line:last-child {
        display: none; } }

.msci-footer-wrap {
  background-color: #002036;
  font-family: "Roboto Regular", sans-serif;
  color: #FFFFFF;
  padding: 18px; }

.msci-logo-wrap {
  margin: auto;
  margin-top: 48px; }
  .msci-logo-wrap img.msci-logo {
    max-width: 16%; }
  @media (max-width: 767.98px) {
    .msci-logo-wrap {
      padding-left: 2em; }
      .msci-logo-wrap img.msci-logo {
        max-width: 10em;
        margin-top: 2em; } }

.msci-footer-inner {
  margin: auto; }

.msci-footer-column {
  float: left;
  width: 50%; }
  @media (max-width: 767.98px) {
    .msci-footer-column {
      float: none;
      width: 100%; } }

.msci-footer-row {
  padding-top: 40px; }
  .msci-footer-row:last-of-type {
    padding-bottom: 82px; }
    @media (max-width: 767.98px) {
      .msci-footer-row:last-of-type {
        padding-bottom: 3em; } }
  .msci-footer-row:after {
    content: "";
    display: table;
    clear: both; }
  @media (max-width: 767.98px) {
    .msci-footer-row {
      padding-top: 2em; } }

.msci-page-links-wrap {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
  list-style: none;
  padding-left: 0px;
  font-size: 16px;
  line-height: 26px; }
  .msci-page-links-wrap a:link {
    color: #FFFFFF; }
  .msci-page-links-wrap a:visited {
    color: #FFFFFF; }
  .msci-page-links-wrap a:hover {
    color: #FFFFFF;
    text-decoration: underline; }
  .msci-page-links-wrap a:active {
    color: #FFFFFF;
    text-decoration: underline; }
  @media (max-width: 767.98px) {
    .msci-page-links-wrap {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
      padding-left: 2em; }
      .msci-page-links-wrap a {
        line-height: 2; } }

.msci-footer-buttons-wrap {
  float: right; }
  .msci-footer-buttons-wrap a {
    margin-left: 15px; }
  @media (max-width: 767.98px) {
    .msci-footer-buttons-wrap {
      float: none; }
      .msci-footer-buttons-wrap a {
        display: block;
        max-width: 10em;
        margin: auto;
        margin-bottom: 1em; } }

.msci-footer-column.msci-social-links {
  float: right; }
  .msci-footer-column.msci-social-links .msci-social-links-wrap {
    float: right; }
    .msci-footer-column.msci-social-links .msci-social-links-wrap a {
      text-decoration: none;
      font-size: 32px;
      padding-left: .5em;
      color: #FFFFFF; }
    .msci-footer-column.msci-social-links .msci-social-links-wrap a:hover {
      color: #4A7BC9; }
    @media (max-width: 767.98px) {
      .msci-footer-column.msci-social-links .msci-social-links-wrap {
        float: none;
        text-align: center;
        padding-bottom: 2em; }
        .msci-footer-column.msci-social-links .msci-social-links-wrap a {
          font-size: 2.7em; }
        .msci-footer-column.msci-social-links .msci-social-links-wrap a:first-of-type {
          padding-left: 0px; } }

@media (max-width: 767.98px) {
  .msci-legal-text {
    padding-left: 2em; } }

.chinese-footer-container {
  margin: auto; }
  .chinese-footer-container .msci-chinese-footer-row {
    padding-top: 25px;
    margin-left: 0;
    margin-right: 0;
    display: flex; }
    .chinese-footer-container .msci-chinese-footer-row .msci-logo-wrap {
      display: inline-block;
      padding: 0; }
  .chinese-footer-container .msci-footer-column {
    width: -webkit-fill-available;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    column-count: 2 !important; }
    .chinese-footer-container .msci-footer-column .msci-page-links-wrap {
      margin-top: auto;
      margin-bottom: auto; }
  @media (max-width: 767.98px) {
    .chinese-footer-container .links-column {
      padding-top: 2em;
      margin-bottom: 1rem;
      padding-left: 0em; } }
  .chinese-footer-container .button-column {
    text-align: end; }
    .chinese-footer-container .button-column .msci-btn-primary:hover {
      text-decoration: underline !important; }
  .chinese-footer-container .msci-logo-wrap {
    margin-top: auto;
    margin-left: 0;
    margin-right: 0; }
    .chinese-footer-container .msci-logo-wrap .msci-logo {
      max-width: 45%; }
    @media (max-width: 767.98px) {
      .chinese-footer-container .msci-logo-wrap {
        padding-left: 2em !important; }
        .chinese-footer-container .msci-logo-wrap .msci-logo {
          max-width: 10em;
          margin-top: 2em; } }
  .chinese-footer-container .msci-page-links-wrap {
    column-count: 2;
    column-gap: 25px; }
    .chinese-footer-container .msci-page-links-wrap li {
      margin-top: auto;
      margin-bottom: auto;
      min-width: 100px;
      padding-bottom: 5px; }
  .chinese-footer-container .msci-footer-buttons-wrap {
    text-align: right !important; }
    @media (max-width: 767.98px) {
      .chinese-footer-container .msci-footer-buttons-wrap {
        width: 100%; } }
  .chinese-footer-container .wechat-list-element {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 25px; }
  .chinese-footer-container .msci-footer-inner .msci-footer-row {
    padding-bottom: 20px;
    padding-top: 25px; }
    .chinese-footer-container .msci-footer-inner .msci-footer-row .msci-legal-text {
      font-family: 'Roboto', sans-serif !important; }
  @media (min-width: 768px) {
    .chinese-footer-container .msci-footer-buttons-wrap a {
      margin-bottom: 0.5em; } }

/* Not in use anymore in any templates */
@media (min-width: 980px) {
  .msci-video-player .jw-skin-msci.jwplayer {
    margin-top: 28px; }
    .msci-video-player .jw-skin-msci.jwplayer:hover .jw-controlbar {
      display: table !important; }
  .msci-video-player .jw-skin-msci .jw-reset {
    font-size: 16px; }
  .msci-video-player .jw-skin-msci .jw-controlbar {
    border-spacing: 20px 11px;
    padding: 14px;
    width: 100%; }
  .msci-video-player .jw-skin-msci .jw-icon-playback {
    display: none; }
  .msci-video-player .jw-skin-msci .jw-controlbar-left-group {
    width: 100%; }
  .msci-video-player .jw-skin-msci .jw-display-icon-container .jw-icon-display {
    font-size: 8em; }
  .msci-video-player .jw-skin-msci .jw-time-tip, .msci-video-player .jw-skin-msci .jw-volume-tip, .msci-video-player .jw-skin-msci .jw-menu {
    border: 0; }
  .msci-video-player .jw-skin-msci .jw-slider-volume .jw-progress, .msci-video-player .jw-skin-msci .jw-slider-volume .jw-rail {
    width: 3px; }
  .msci-video-player .jw-skin-msci .jw-slider-volume .jw-knob {
    left: 0; }
  .msci-video-player .jw-skin-msci .msci-icon-podcast {
    margin-right: 38px; }
  .msci-video-player .jw-skin-msci .jw-rail, .msci-video-player .jw-skin-msci .jw-buffer, .msci-video-player .jw-skin-msci .jw-progress {
    height: 3px; }
  .msci-video-player .jw-skin-msci .jw-knob {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    bottom: 8px; } }

@media (max-width: 979px) {
  .msci-video-player .jw-skin-msci.jwplayer {
    margin-top: 20px; }
  .msci-video-player .jw-skin-msci .jw-icon-volume {
    display: none; }
  .msci-video-player .jw-skin-msci .jw-knob {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    bottom: 6px; }
  .msci-video-player .jw-skin-msci .msci-icon-fullscreen {
    margin-left: 10px; }
  .msci-video-player .jw-skin-msci .jw-controlbar-center-group {
    padding: 0px 0.5em; } }

/* Not in use anymore */
.product-cards-secondary-container {
  background-color: #EFF2FD;
  padding: 10px 10px 50px 10px; }
  .product-cards-secondary-container .section-title {
    padding: 50px 0px 10px 0px; }
    @media (max-width: 767px) {
      .product-cards-secondary-container .section-title {
        padding: 25px 0px 25px 0px; } }
  .product-cards-secondary-container .section-lead {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 30px; }
    @media (max-width: 979px) {
      .product-cards-secondary-container .section-lead {
        display: none; } }
  .product-cards-secondary-container .product-card-without-image-container-phone {
    display: none; }
  .product-cards-secondary-container .product-card-container {
    background-color: #FFFFFF;
    position: relative;
    max-width: 350px;
    height: 100%;
    width: 100%;
    margin: 0 auto; }
    .product-cards-secondary-container .product-card-container .product-card-content {
      padding: 32px; }
      .product-cards-secondary-container .product-card-container .product-card-content .paragraph-lg {
        margin-top: 25px;
        line-height: 22px;
        letter-spacing: 0.2px;
        padding-bottom: 70px; }
      .product-cards-secondary-container .product-card-container .product-card-content .link-box .msci-link-primary-box {
        position: absolute;
        bottom: 30px; }
  @media (max-width: 767px) {
    .product-cards-secondary-container {
      padding: 10px 10px 20px 10px; }
      .product-cards-secondary-container .second-title {
        padding: 20px 0px 10px 0px; }
        .product-cards-secondary-container .second-title h2 {
          font-size: 30px; }
      .product-cards-secondary-container .product-card-container .product-card-content h3 {
        font-size: 25px; }
      .product-cards-secondary-container .product-card-container .product-card-content .paragraph-lg {
        line-height: 28px;
        margin-top: 0px; } }
  @media (max-width: 767px) {
    .product-cards-secondary-container .product-card-container {
      height: auto; } }
  @media (max-width: 767px) {
    .product-cards-secondary-container .product-card-without-image-container {
      display: none; }
    .product-cards-secondary-container .product-card-without-image-container-phone {
      display: block;
      position: relative;
      height: 400px;
      overflow: hidden; }
      .product-cards-secondary-container .product-card-without-image-container-phone .product-card-container {
        position: absolute;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        padding: 20px;
        padding: 34px 30px 68px 30px; }
        .product-cards-secondary-container .product-card-without-image-container-phone .product-card-container .product-card-content {
          overflow: hidden;
          height: 230px;
          margin-bottom: 12px;
          padding: 0px; }
          .product-cards-secondary-container .product-card-without-image-container-phone .product-card-container .product-card-content .paragraph-lg {
            overflow: hidden;
            max-height: 9em;
            display: block;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -ms-text-overflow: ellipsis; }
        .product-cards-secondary-container .product-card-without-image-container-phone .product-card-container h3 {
          margin-right: 24px;
          white-space: normal; }
        .product-cards-secondary-container .product-card-without-image-container-phone .product-card-container .paragraph-lg {
          font-size: 16px;
          margin-bottom: 34px;
          white-space: normal;
          padding-bottom: 0px;
          overflow: hidden; }
        .product-cards-secondary-container .product-card-without-image-container-phone .product-card-container .link-box .msci-link-primary-box {
          position: absolute;
          bottom: 30px; }
    .product-cards-secondary-container .msci-carousel-controls {
      position: absolute;
      width: 100%;
      bottom: 0; }
      .product-cards-secondary-container .msci-carousel-controls .number-indicator {
        font-size: 14px;
        line-height: 20px;
        color: #002036;
        position: absolute;
        left: 50%;
        margin-left: -20px;
        top: 50%;
        margin-top: -5px; } }

.msci-jwp-video-player {
  margin: 30px 0;
  /*** Custom "msci-jwp8" jwplayer skin ***/
  /* Based on https://www.jwplayer.com/developers/web-player-demos/custom-css-demo/ */
  /* Sample CSS: https://www.jwplayer.com/developers/web-player-demos/custom-css-demo/assets/alaska.css */
  /* TODO: complete the skin design, and apply it to all video players in the templates*/ }
  .msci-jwp-video-player.align-video-center > .jwplayer {
    margin-left: auto;
    margin-right: auto; }
  .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 {
    /* Set the idle overlay to transparent white */
    /* Add border to accentuate white controls */
    /* Hide titles on complete */
    /* Round, white play & restart buttons with black icons */
    /* Change play button colors on idle state, handle hover transitions */
    /* Shift the play button up on hover */
    /* Don't shift the play button on small breakpoint */
    /* Shrink play button on smaller breakpoints */
    /* Position play icon above title */
    /* Customize font style and positioning for titles */
    /* Enlarge preview image & add shift transitions with class 'slide' (applied on mouseenter) */
    /* Don't slide background on complete state */
    /* Apply new styles to video title and description, handle transitions */
    /* Don't translate on tiny screens (when the description is hidden) */
    /* Decrease font size on medium-small breakpoints */
    /* Hide the description on smallest breakpoints */
    /* Change colors and remove gradient shadow for control bar, change icon color on pause */
    /* Move tooltips closer to control bar with inline timeslider, change colors, round corners, remove shadow */
    /* Customize colors of volume control knob */
    /* Customize colors of timeslider */
    /* Customize colors/opacity of the settings menu */ }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle .jw-controls {
      background: rgba(255, 255, 255, 0.7); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controls {
      border: 1px solid #002036; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-complete .jw-title .jw-title-primary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-complete .jw-title .jw-title-secondary {
      display: none; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-display-controls .jw-display-icon-container {
      background-color: #fff;
      border-radius: 50%;
      width: 100px;
      height: 100px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-display-controls .jw-display-icon-container .jw-icon {
      color: #002036;
      width: 60px;
      height: 60px;
      padding: 20px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle .jw-display-icon-container .jw-display-icon-container {
      background-color: #F65058;
      height: 80px;
      width: 80px;
      -webkit-transition: -webkit-transform 0.35s;
      transition: transform 0.35s; }
      .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle .jw-display-icon-container .jw-display-icon-container .jw-icon {
        color: #fff;
        height: 40px;
        width: 40px;
        padding: 20px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle:hover .jw-display-controls .jw-display-icon-container {
      transform: translate3d(0, -50px, 0); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-1:hover .jw-display-controls .jw-display-icon-container,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-0:hover .jw-display-controls .jw-display-icon-container {
      transform: translate3d(0, 0, 0); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-3 .jw-display-controls .jw-display-icon-container,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-2 .jw-display-controls .jw-display-icon-container {
      height: 60px;
      width: 60px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-1 .jw-display-controls .jw-display-icon-container,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-0 .jw-display-controls .jw-display-icon-container {
      height: 40px;
      width: 40px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-3 .jw-display-controls .jw-display-icon-container .jw-icon,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-2 .jw-display-controls .jw-display-icon-container .jw-icon {
      height: 40px;
      width: 40px;
      padding: 10px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-1 .jw-display-controls .jw-display-icon-container .jw-icon,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-0 .jw-display-controls .jw-display-icon-container .jw-icon {
      height: 20px;
      width: 20px;
      padding: 10px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle .jw-display-controls .jw-display-icon-container:hover {
      background-color: #26D9B6; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon:hover {
      color: #fff; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle .jw-display {
      height: 50%; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-3 .jw-display,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-2 .jw-display,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle.jw-breakpoint-1 .jw-display {
      height: 55%; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle .jw-display-container {
      vertical-align: bottom; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-display-controls .jw-display-icon-container .jw-icon:hover {
      color: #26D9B6; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-paused .jw-controls {
      background-color: rgba(147, 221, 230, 0.3); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-idle .jw-title {
      height: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-preview {
      width: calc(100% + 50px);
      background-size: calc(100% + 60px);
      transition: opacity 0.35s, transform 0.35s;
      transform: translate3d(-40px, 0, 0); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 :hover .jw-preview {
      transform: translate3d(0, 0, 0); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-complete:hover .jw-preview {
      transform: translate3d(-40px, 0, 0); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-title-primary {
      font-size: 48px;
      padding: 30px;
      color: #002036;
      text-align: center;
      text-transform: uppercase;
      font-family: "Roboto Black", sans-serif;
      font-weight: 500;
      padding-bottom: 15px;
      transition: transform 0.35s; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-title-secondary {
      font-size: 18px;
      max-width: 70%;
      font-weight: 500;
      opacity: 0;
      margin: 0 auto;
      color: #002036;
      text-align: center;
      font-family: "Roboto Regular", sans-serif;
      white-space: normal;
      line-height: 1.3;
      transition: opacity 0.2s, transform 0.35s;
      transition-delay: 0.08s;
      transition-duration: 0.35s; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 :hover .jw-title-secondary {
      opacity: 1; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-title-primary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-title-secondary {
      transform: translate3d(0, 50px, 0); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 :hover .jw-title-primary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 :hover .jw-title-secondary {
      transform: translate3d(0, 0, 0); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-1 .jw-title-primary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-0 .jw-title-secondary {
      transform: translate3d(0, 10px, 0); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-3 .jw-title-primary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-2 .jw-title-primary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-1 .jw-title-primary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-0 .jw-title-primary {
      font-size: 22px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-3 .jw-title-secondary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-2 .jw-title-secondary {
      font-size: 14px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-1 .jw-title-secondary,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-breakpoint-0 .jw-title-secondary {
      display: none; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-display {
      padding-bottom: 45px; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controls::after {
      background: none; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar {
      background-color: #fff; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-button-container .jw-button-color {
      color: #002036; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-state-paused .jw-controlbar .jw-button-container .jw-button-color {
      color: #F65058; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-button-container .jw-button-color:hover {
      color: #26D9B6; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-tooltip {
      bottom: 70%;
      box-shadow: none; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-tooltip.jw-open {
      border-radius: 5px;
      color: #26D9B6; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-tooltip .jw-text {
      background-color: #26D9B6;
      border-radius: 5px;
      border: 0; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-text {
      color: #002036; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-volume-tip,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-time-tip {
      padding-bottom: 0; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-overlay .jw-slider-volume .jw-slider-container .jw-knob {
      background-color: #F65058; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-slider-time .jw-slider-container .jw-rail {
      background-color: #002036; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-slider-time .jw-slider-container .jw-buffer {
      background-color: #26D9B6; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-slider-time .jw-slider-container .jw-progress {
      background-color: #F65058; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-controlbar .jw-slider-time .jw-slider-container .jw-knob {
      background-color: #F65058; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-settings-menu {
      background-color: transparent; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-settings-menu .jw-settings-topbar {
      background-color: #26D9B6; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-settings-menu .jw-settings-topbar .jw-icon:hover {
      color: #002036; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-settings-menu .jw-settings-submenu {
      background-color: rgba(255, 255, 255, 0.65); }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-settings-menu .jw-settings-content-item {
      color: #002036; }
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-settings-menu .jw-settings-content-item:hover,
    .msci-jwp-video-player .jwplayer.jw-skin-msci-jwp8 .jw-settings-menu .jw-settings-item-active {
      color: #F65058;
      font-weight: bold; }

.quotation-wrapper {
  max-width: 100%; }
  .quotation-wrapper.light {
    background: #F8F7F7; }
  .quotation-wrapper.dark {
    background: #002036; }
  .quotation-wrapper.purple {
    background: #5A51E8; }

.quotation-wrapper-inner {
  margin: auto;
  padding: 18px;
  max-width: 858px; }

.quotation-wrapper-inner-flex {
  display: inline-block;
  margin-top: 50px; }

.quotation-body {
  line-height: 40px;
  font-size: 32px;
  font-family: "Roboto Bold", sans-serif;
  margin-top: -35px;
  margin-left: 70px; }
  .quotation-body.dark {
    color: #002036; }
  .quotation-body.light {
    color: #FFFFFF; }
  .quotation-body.left {
    text-align: left; }
  .quotation-body.center {
    text-align: center; }
  .quotation-body.right {
    text-align: right; }

.quotation-triangle-wrapper {
  padding-top: 4em; }

.quotation-triangle {
  display: inline;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  margin-left: 5px; }
  .quotation-triangle.turquoise {
    border-color: #26D9B6 transparent transparent transparent; }
  .quotation-triangle.dark {
    border-color: #002036 transparent transparent transparent; }
  .quotation-triangle.purple {
    border-color: #5A51E8 transparent transparent transparent; }

.quotation-triangle:first-of-type {
  margin-left: 0px; }

.quotation-source {
  text-align: right;
  margin: auto;
  margin-left: 70px;
  padding-top: 30px;
  padding-bottom: 30px; }
  .quotation-source.left {
    text-align: left; }
  .quotation-source.center {
    text-align: center; }
  .quotation-source.right {
    text-align: right; }
  .quotation-source.italic {
    font-family: "Roboto Italic", sans-serif; }
  .quotation-source.bold {
    font-family: "Roboto Bold", sans-serif; }
  .quotation-source.normal {
    font-family: "Roboto Regular", sans-serif; }
  .quotation-source.dark {
    color: #002036; }
  .quotation-source.light {
    color: #FFFFFF; }

.manual-lister-portlet .view-type-vertical_light .manual-lister-title-wrapper, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-title-wrapper {
  color: #1E3A4D;
  margin: 34px 0 40px; }

.manual-lister-portlet .view-type-vertical_light .manual-lister-list-item, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 25px;
  margin-bottom: 25px; }
  .manual-lister-portlet .view-type-vertical_light .manual-lister-list-item .image-container, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .image-container {
    height: 180px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; }
  .manual-lister-portlet .view-type-vertical_light .manual-lister-list-item .item-type-wrapper, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .item-type-wrapper {
    padding: 20px 0 10px 0;
    color: #666666;
    font-weight: bold;
    text-transform: uppercase; }
    .manual-lister-portlet .view-type-vertical_light .manual-lister-list-item .item-type-wrapper i, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .item-type-wrapper i {
      font-size: 16px; }
  .manual-lister-portlet .view-type-vertical_light .manual-lister-list-item .description-wrapper, .manual-lister-portlet .view-type-vertical_light .manual-lister-list-item .description-wrapper p, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .description-wrapper, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .description-wrapper p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px; }
  .manual-lister-portlet .view-type-vertical_light .manual-lister-list-item .item-display-date-wrapper, .manual-lister-portlet .view-type-vertical_light .manual-lister-list-item .authors-wrapper, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .item-display-date-wrapper, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .authors-wrapper {
    color: #666666; }
  .manual-lister-portlet .view-type-vertical_light .manual-lister-list-item .authors-wrapper, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .authors-wrapper {
    padding-left: 10px; }

.manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-title-wrapper {
  margin: 40px 0 20px 0; }
  @media (max-width: 767px) {
    .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-title-wrapper {
      margin: 30px 0 0 10px; } }

@media (min-width: 768px) {
  .manual-lister-portlet .view-type-vertical_light_mobile_pagination .description-wrapper {
    padding-bottom: 30px; } }

@media (max-width: 767px) {
  .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-wrapper {
    height: 560px;
    overflow: hidden; }
  .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item {
    border-bottom: none;
    padding: 0 12px 72px 12px;
    margin: 0;
    top: 0;
    height: 560px; }
  .manual-lister-portlet .view-type-vertical_light_mobile_pagination .item-type-wrapper {
    font-size: 18px;
    padding: 10px 0 !important; }
  .manual-lister-portlet .view-type-vertical_light_mobile_pagination .item-display-date-wrapper, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .authors-wrapper {
    font-size: 16px; }
  .manual-lister-portlet .view-type-vertical_light_mobile_pagination .categories-wrapper, .manual-lister-portlet .view-type-vertical_light_mobile_pagination .description-wrapper {
    font-size: 14px; }
  .manual-lister-portlet .view-type-vertical_light_mobile_pagination h4 {
    padding-bottom: 10px; } }

.manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .col-md-7 {
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .col-md-7 {
      position: initial; } }

.manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item .button-wrapper {
  position: absolute;
  bottom: 0;
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .manual-lister-portlet .view-type-vertical_light_mobile_pagination .manual-lister-list-item h4 {
    color: #1E3A4D; } }

.manual-lister-portlet .manual-lister .msci-nav {
  background-color: #FFFFFF;
  border-top: 1px solid #CCCCCC; }
  .manual-lister-portlet .manual-lister .msci-nav .msci-nav-prev {
    color: #1E3A4D; }
    .manual-lister-portlet .manual-lister .msci-nav .msci-nav-prev.disabled {
      opacity: 0.5; }
  .manual-lister-portlet .manual-lister .msci-nav .msci-nav-next {
    color: #1E3A4D; }
    .manual-lister-portlet .manual-lister .msci-nav .msci-nav-next.disabled {
      opacity: 0.5; }

.manual-lister-portlet .categories-wrapper {
  padding: 16px 0; }
  .manual-lister-portlet .categories-wrapper ul {
    margin: 0;
    padding: 0; }
  .manual-lister-portlet .categories-wrapper li {
    display: inline; }
    .manual-lister-portlet .categories-wrapper li a {
      color: #1A3FD6;
      padding-right: 1px; }
    .manual-lister-portlet .categories-wrapper li:not(:last-of-type) a::after {
      content: ','; }

.additional-content-cards-bg .additional-cards-title-wrapper {
  color: #1E3A4D;
  margin: 34px 0 40px; }

.additional-content-cards-bg .additional-content-cards-container {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 12px;
  margin-bottom: 25px; }

.additional-content-cards-bg .additional-card-container {
  margin: 0 10px 22px 0;
  padding: 32px;
  background-color: #F8F7F7; }

.additional-content-cards-bg .item-type-wrapper {
  display: flex;
  align-items: center;
  color: #666666; }
  .additional-content-cards-bg .item-type-wrapper i {
    font-size: 22px; }
  .additional-content-cards-bg .item-type-wrapper span {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding-left: 10px; }

.additional-content-cards-bg h4 {
  margin-bottom: 20px; }

.additional-content-cards-bg h2 {
  margin: 23px 0 11px; }
  .additional-content-cards-bg h2 > a {
    color: #002036;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    .additional-content-cards-bg h2 > a:hover {
      text-decoration: none; }

.additional-content-cards-bg .msci-date-authors-container {
  color: #666666;
  font-size: 16px;
  padding-bottom: 7px; }

.additional-content-cards-bg .author-wrapper {
  font-family: "Roboto Italic", sans-serif;
  margin-left: 5px; }

.additional-content-cards-bg .entry-categories {
  color: #1A3FD6;
  margin-top: 14px;
  font-size: 14px; }

.additional-content-cards-bg .entry-categories {
  margin-top: 14px;
  font-size: 14px; }
  .additional-content-cards-bg .entry-categories ul.categories-list {
    padding: 0;
    margin: 0; }
    .additional-content-cards-bg .entry-categories ul.categories-list li.msci-detailed-category-element {
      display: inline; }
      .additional-content-cards-bg .entry-categories ul.categories-list li.msci-detailed-category-element a {
        color: #1A3FD6;
        padding-right: 1px; }
      .additional-content-cards-bg .entry-categories ul.categories-list li.msci-detailed-category-element:not(:last-of-type) a::after {
        content: ','; }

@media (max-width: 767px) {
  .additional-content-cards-bg .item-type-wrapper > i {
    font-size: 26px; }
  .additional-content-cards-bg .item-type-wrapper > span {
    font-size: 19px; }
  .additional-content-cards-bg h4 {
    margin-bottom: 30px; }
  .additional-content-cards-bg h3 {
    font-size: 28px;
    margin: 18px 0; }
  .additional-content-cards-bg .msci-date-authors-container {
    font-size: 18px; }
  .additional-content-cards-bg .author-wrapper {
    display: block;
    margin: 12px 0; }
  .additional-content-cards-bg .entry-categories {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 0; }
    .additional-content-cards-bg .entry-categories ul.categories-list {
      padding: 0;
      margin: 0; }
      .additional-content-cards-bg .entry-categories ul.categories-list li.msci-detailed-category-element {
        display: inline; }
        .additional-content-cards-bg .entry-categories ul.categories-list li.msci-detailed-category-element a {
          color: #1A3FD6;
          padding-right: 1px; }
        .additional-content-cards-bg .entry-categories ul.categories-list li.msci-detailed-category-element:not(:last-of-type) a::after {
          content: ','; }
  .additional-content-cards-bg .additional-card-link-container {
    padding: 32px 0; } }

.latest-news-and-research-title {
  text-align: center;
  padding-top: 40px; }

.items-outer .msci-latest-news-result-container {
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: center !important; }

.items-outer .latest-news-resource-center-row-default {
  padding-left: 0px;
  margin-right: -15px;
  margin-left: -15px;
  display: flex; }

.news-brief {
  padding-bottom: 25px; }
  .news-brief .item {
    height: 100%;
    max-width: 350px; }
    @media (max-width: 979px) {
      .news-brief .item {
        height: auto;
        margin: 0 auto; } }
    .news-brief .item .content {
      padding-bottom: 85px; }
      .news-brief .item .content .item-type-wrapper {
        padding: 20px 0 10px 0;
        color: #666666;
        font-weight: bold; }
        .news-brief .item .content .item-type-wrapper i {
          font-size: 16px;
          margin-right: 5px; }
        .news-brief .item .content .item-type-wrapper .image {
          background-size: cover !important;
          height: 164px;
          margin-bottom: 20px; }
        .news-brief .item .content .item-type-wrapper img {
          height: 164px;
          width: 100%;
          object-fit: cover;
          margin-bottom: 20px; }
      .news-brief .item .content .item-display-date-wrapper {
        color: #666666; }
      .news-brief .item .content .author-wrapper {
        color: #666666;
        font-family: "Roboto Italic", sans-serif;
        margin-left: 5px; }
      .news-brief .item .content .tags-wrapper {
        color: #1A3FD6;
        margin-top: 14px;
        font-size: 14px; }
      .news-brief .item .content .categories-wrapper {
        color: #1A3FD6;
        margin-top: 14px;
        font-size: 14px; }
        .news-brief .item .content .categories-wrapper ul.category-list {
          padding: 0;
          margin: 0; }
          .news-brief .item .content .categories-wrapper ul.category-list li.msci-detailed-category-element {
            display: inline; }
            .news-brief .item .content .categories-wrapper ul.category-list li.msci-detailed-category-element a {
              color: #1A3FD6;
              padding-right: 1px; }
    .news-brief .item .link-box {
      position: absolute;
      bottom: 30px; }
  .news-brief:after {
    content: '';
    display: block;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid #CCCCCC; }

.secondary-button-section .section-content {
  padding-top: 35px;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 70px;
  font-size: 16px;
  line-height: 22px; }
  @media (max-width: 767.98px) {
    .secondary-button-section .section-content {
      padding: 25px; }
      .secondary-button-section .section-content .col-auto {
        width: 100%; }
        .secondary-button-section .section-content .col-auto button {
          width: 100%; } }

.secondary-button-section .lightBackground {
  background-color: #FFFFFF; }

.secondary-button-section .midBackground {
  background-color: #EFF2FD; }

.secondary-button-section .darkBackground {
  background-color: #002036; }

.featured-content-cards-bg {
  background: #002036; }
  .featured-content-cards-bg .featured-content-cards {
    padding: 30px 0 55px 0;
    margin-bottom: 26px; }
    .featured-content-cards-bg .featured-content-cards .section-title {
      color: #FFFFFF;
      font-family: "Roboto Bold", sans-serif;
      font-size: 30px;
      margin-bottom: 50px; }
    .featured-content-cards-bg .featured-content-cards .featured-content-card-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .featured-content-cards-bg .featured-content-cards .featured-content-card-container.featured-content-card-container-phone {
        display: none; }
      .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container {
        width: 31%;
        margin-bottom: 36px; }
        .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg {
          color: #FFFFFF;
          font-size: 16px;
          background-color: #1E3A4D;
          padding: 36px 32px 72px 32px;
          position: relative;
          height: 100%; }
          .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .item-type-wrapper {
            font-size: 16px;
            text-transform: uppercase;
            font-family: "Roboto Bold", sans-serif;
            margin-bottom: 26px; }
            .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .item-type-wrapper i {
              font-size: 18px;
              padding: 0 10px 0 4px; }
          .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg h2 {
            margin-bottom: 14px; }
          .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .item-display-date-wrapper {
            margin-right: 6px; }
          .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .item-author-name-wrapper {
            font-family: "Roboto Italic", sans-serif; }
          .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .categories-wrapper {
            padding-top: 22px;
            padding-bottom: 34px;
            font-size: 14px; }
            .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .categories-wrapper ul.categories-list {
              padding: 0;
              margin: 0; }
              .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .categories-wrapper ul.categories-list li.msci-detailed-category-element {
                display: inline; }
                .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .categories-wrapper ul.categories-list li.msci-detailed-category-element a {
                  color: #FFFFFF;
                  padding-right: 1px; }
                .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .categories-wrapper ul.categories-list li.msci-detailed-category-element:not(:last-of-type) a::after {
                  content: ','; }
          .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg div .msci-link-primary-box {
            position: absolute;
            bottom: 30px; }
    .featured-content-cards-bg .featured-content-cards .featured-contents-link {
      color: #FFFFFF;
      font-size: 18px; }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .featured-content-cards-bg .featured-content-cards .section-title, .featured-content-cards-bg .featured-content-cards .featured-contents-link {
    margin-left: 18px;
    margin-right: 18px; }
  .featured-content-cards-bg .featured-content-cards .featured-content-card-container {
    padding: 0 18px; }
    .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container {
      width: 100%; } }

@media screen and (max-width: 768px) {
  .featured-content-cards-bg .featured-content-cards {
    padding: 0 0 22px 0; }
    .featured-content-cards-bg .featured-content-cards .section-title {
      font-size: 20px;
      margin: 22px 18px 0px 18px; }
    .featured-content-cards-bg .featured-content-cards .featured-content-card-container {
      align-items: flex-start; }
      .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container {
        margin-bottom: 0; }
        .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg {
          margin: 20px 18px 0px 18px;
          width: auto; }
          .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .list-item .item-type-wrapper {
            margin-bottom: 18px; }
          .featured-content-cards-bg .featured-content-cards .featured-content-card-container .item-container .item-bg .list-item .tags-wrapper {
            padding-top: 14px;
            padding-bottom: 14px;
            line-height: 1.4; }
    .featured-content-cards-bg .featured-content-cards .featured-contents-link {
      margin: 0px 18px; } }

.featured-media-content-cards-bg .section-title {
  /* 	margin-top: 30px; */
  margin-bottom: 30px;
  color: #1E3A4D;
  font-family: "Roboto Bold", sans-serif;
  font-size: 26px; }

.featured-media-content-cards-bg a.media-card-further-link {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 20px; }

.featured-media-content-cards-bg .media-card {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 25px;
  margin-bottom: 25px; }
  .featured-media-content-cards-bg .media-card .webcast img, .featured-media-content-cards-bg .media-card .podcast img {
    height: 180px;
    width: 100%;
    object-fit: cover; }
  .featured-media-content-cards-bg .media-card .webcast .item-type-wrapper, .featured-media-content-cards-bg .media-card .podcast .item-type-wrapper {
    padding: 20px 0 10px 0;
    color: #666666;
    font-weight: bold; }
    .featured-media-content-cards-bg .media-card .webcast .item-type-wrapper i, .featured-media-content-cards-bg .media-card .podcast .item-type-wrapper i {
      font-size: 16px; }
  .featured-media-content-cards-bg .media-card .webcast .item-display-date-wrapper, .featured-media-content-cards-bg .media-card .podcast .item-display-date-wrapper {
    color: #666666; }
  .featured-media-content-cards-bg .media-card .webcast .categories-wrapper, .featured-media-content-cards-bg .media-card .podcast .categories-wrapper {
    padding: 16px 0; }
    .featured-media-content-cards-bg .media-card .webcast .categories-wrapper ul, .featured-media-content-cards-bg .media-card .podcast .categories-wrapper ul {
      margin: 0;
      padding: 0; }
    .featured-media-content-cards-bg .media-card .webcast .categories-wrapper li, .featured-media-content-cards-bg .media-card .podcast .categories-wrapper li {
      display: inline; }
      .featured-media-content-cards-bg .media-card .webcast .categories-wrapper li:not(:last-of-type) a::after, .featured-media-content-cards-bg .media-card .podcast .categories-wrapper li:not(:last-of-type) a::after {
        content: ','; }

@media screen and (min-width: 768px) {
  .horizontal-pagination-bg .header-title-wrapper {
    padding: 40px 0; } }

@media screen and (max-width: 768px) {
  .horizontal-pagination-bg .header-title-wrapper {
    padding: 20px 0; } }

.horizontal-pagination-bg .horizontal-pagination-wrapper {
  min-height: 432px;
  background-color: #1E3A4D;
  color: white;
  margin: 0; }

.horizontal-pagination-bg .section-wrapper {
  padding: 48px; }
  @media screen and (max-width: 768px) {
    .horizontal-pagination-bg .section-wrapper {
      padding: 24px; } }
  @media screen and (min-width: 768px) {
    .horizontal-pagination-bg .section-wrapper .section-header {
      padding-bottom: 20px; }
    .horizontal-pagination-bg .section-wrapper .section-description {
      font-size: 20px; } }

.horizontal-pagination-bg .horizontal-pagination-container-outer {
  background-color: #002036;
  position: relative;
  padding: 0 80px; }
  @media screen and (max-width: 768px) {
    .horizontal-pagination-bg .horizontal-pagination-container-outer {
      display: none; } }
  .horizontal-pagination-bg .horizontal-pagination-container-outer .msci-nav .msci-nav-prev, .horizontal-pagination-bg .horizontal-pagination-container-outer .msci-nav .msci-nav-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .horizontal-pagination-bg .horizontal-pagination-container-outer .msci-nav .msci-nav-prev {
    left: 26px; }
  .horizontal-pagination-bg .horizontal-pagination-container-outer .msci-nav .msci-nav-next {
    right: 26px; }

.horizontal-pagination-bg .horizontal-pagination-mask {
  overflow: hidden; }

.horizontal-pagination-bg .horizontal-pagination-container {
  position: relative;
  overflow: hidden;
  align-items: stretch; }
  @media screen and (max-width: 768px) {
    .horizontal-pagination-bg .horizontal-pagination-container {
      margin: 24px 24px 0 24px; } }
  .horizontal-pagination-bg .horizontal-pagination-container .list-item-container {
    display: flex; }
    .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .list-item-container-inner {
      position: relative;
      height: 100%;
      display: block;
      padding: 48px 16px 100px 16px; }
      @media screen and (min-width: 768px) and (max-width: 992px) {
        .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .list-item-container-inner h2 {
          font-size: 24px;
          line-height: 32px; } }
    .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .item-type-wrapper {
      font-size: 15px;
      font-weight: bold;
      padding-bottom: 10px;
      text-transform: uppercase; }
      @media screen and (max-width: 768px) {
        .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .item-type-wrapper {
          font-size: 20px; } }
    .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .details-wrapper div {
      padding-bottom: 10px; }
    .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .details-wrapper .authors-wrapper {
      font-style: italic; }
    .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .details-wrapper .tags-wrapper {
      padding-top: 0;
      padding-bottom: 26px; }
      .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .details-wrapper .tags-wrapper a {
        color: #DAE0F8; }
    .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .details-wrapper .item-display-date-wrapper, .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .details-wrapper .authors-wrapper {
      font-size: 16px;
      color: #F8F7F7; }
    @media screen and (max-width: 768px) {
      .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .details-wrapper .button-wrapper {
        padding-bottom: 0; } }
    .horizontal-pagination-bg .horizontal-pagination-container .list-item-container .button-wrapper {
      position: absolute;
      bottom: 48px; }
    @media screen and (max-width: 768px) {
      .horizontal-pagination-bg .horizontal-pagination-container .list-item-container {
        position: absolute;
        padding: 0; } }

.horizontal-pagination-bg .categories-wrapper {
  padding: 16px 0; }
  .horizontal-pagination-bg .categories-wrapper ul {
    margin: 0;
    padding: 0; }
  .horizontal-pagination-bg .categories-wrapper li {
    display: inline; }
    .horizontal-pagination-bg .categories-wrapper li a {
      color: #FFFFFF;
      padding-right: 1px; }
    .horizontal-pagination-bg .categories-wrapper li:not(:last-of-type) a::after {
      content: ','; }

.horizontal-pagination-container-outer-mobile {
  display: none; }
  @media screen and (max-width: 768px) {
    .horizontal-pagination-container-outer-mobile {
      display: block;
      background-color: #002036; }
      .horizontal-pagination-container-outer-mobile .horizontal-pagination-container-mobile {
        align-items: stretch; }
      .horizontal-pagination-container-outer-mobile .list-item-container {
        position: relative;
        padding-bottom: 50px; }
        .horizontal-pagination-container-outer-mobile .list-item-container .list-item-container-inner .content {
          margin: 24px 24px 0 24px; }
          .horizontal-pagination-container-outer-mobile .list-item-container .list-item-container-inner .content .msci-link-primary-box {
            position: absolute;
            bottom: 0; } }

.latest-blog-posts-bg .latest-blog-posts-link-container {
  padding: 2em 0 2em 0; }
  @media (max-width: 767px) {
    .latest-blog-posts-bg .latest-blog-posts-link-container {
      padding: 2em 0 2em 1em; } }

.latest-blog-posts-bg .section-title {
  font-family: "Roboto Bold", sans-serif;
  font-size: 30px;
  line-height: 30px;
  color: #002036; }
  @media (max-width: 767px) {
    .latest-blog-posts-bg .section-title {
      padding-left: 0.7em; } }

.latest-blog-posts-bg .msci-nav {
  background-color: #FFFFFF; }

@media screen and (max-width: 768px) {
  .latest-blog-posts-container .latest-blog-posts-wrapper {
    display: block;
    margin: 0 10px; }
  .latest-blog-posts-container .latest-blog-posts-wrapper .blog-picture-wrapper {
    height: 250px;
    width: 100%;
    text-align: center;
    margin-right: 0; }
  .latest-blog-posts-container .msci-latest-posts {
    display: block;
    padding-left: 1.2em;
    width: 100% !important; }
    .latest-blog-posts-container .msci-latest-posts h2 {
      font-size: 32px !important; }
  .latest-blog-posts-container .item-type-wrapper {
    padding-top: 1em; } }

.latest-blog-posts-wrapper {
  display: flex;
  padding: 2.5em 0 2.5em 0;
  border-bottom: 1px solid #CCCCCC; }
  .latest-blog-posts-wrapper .blog-picture-wrapper {
    display: inline-block;
    width: calc(40% - 45px);
    height: 340px;
    position: relative;
    overflow: hidden;
    margin-right: 45px; }
    .latest-blog-posts-wrapper .blog-picture-wrapper img {
      position: absolute;
      top: -9999px;
      right: -9999px;
      bottom: -9999px;
      left: -9999px;
      margin: auto;
      min-width: 100%;
      min-height: 100%; }
  .latest-blog-posts-wrapper .msci-latest-posts {
    display: inline-block;
    position: relative;
    width: 60%; }
    .latest-blog-posts-wrapper .msci-latest-posts .categories-wrapper {
      padding-top: 1em; }
      .latest-blog-posts-wrapper .msci-latest-posts .categories-wrapper ul {
        list-style: none;
        padding-left: 0; }
        .latest-blog-posts-wrapper .msci-latest-posts .categories-wrapper ul li {
          display: inline; }
          .latest-blog-posts-wrapper .msci-latest-posts .categories-wrapper ul li a {
            color: #1A3FD6; }
          .latest-blog-posts-wrapper .msci-latest-posts .categories-wrapper ul li:not(:last-of-type) a::after {
            content: ','; }
    .latest-blog-posts-wrapper .msci-latest-posts span {
      color: #666666; }
    .latest-blog-posts-wrapper .msci-latest-posts .item-author-name-wrapper {
      font-family: "Roboto Italic", sans-serif;
      padding-left: 0.5em; }
    .latest-blog-posts-wrapper .msci-latest-posts .msci-link-primary-box {
      position: absolute;
      bottom: 0; }
    .latest-blog-posts-wrapper .msci-latest-posts .blog-posts-learn-more {
      padding-top: 1em; }
      @media (max-width: 767px) {
        .latest-blog-posts-wrapper .msci-latest-posts .blog-posts-learn-more {
          padding-top: 3em; } }
  .latest-blog-posts-wrapper .item-type-wrapper {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Roboto Bold", sans-serif;
    color: #666666;
    padding-bottom: 0.5em; }
    .latest-blog-posts-wrapper .item-type-wrapper i {
      font-size: 18px;
      padding: 0 10px 0 4px; }
  .latest-blog-posts-wrapper .content-block-wrapper {
    padding-bottom: 2em; }
    @media (max-width: 767px) {
      .latest-blog-posts-wrapper .content-block-wrapper {
        display: none; } }

.stickyParent {
  position: relative;
  max-width: 1500px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.sticky {
  z-index: 11;
  position: absolute;
  top: -130px;
  bottom: auto;
  right: 0; }

.fixed {
  position: fixed;
  right: calc((100vw - 1515px) / 2); }

@media screen and (min-width: 992px) {
  .msci-sidebar-navigation {
    min-width: 255px; } }

.msci-sidebar-navigation ul {
  list-style: none;
  padding: 10px 0 10px 0;
  background: #FFFFFF;
  max-height: 400px;
  overflow: auto; }
  .msci-sidebar-navigation ul li {
    font-size: 16px;
    max-width: 260px;
    padding: 11px 28px 11px 28px;
    cursor: pointer; }

.msci-sidebar-navigation .active {
  font-family: "Roboto Bold", sans-serif;
  position: relative; }
  .msci-sidebar-navigation .active:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 12px solid #1A3FD6;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 0;
    top: 10px; }

.msci-sidebar-navigation-config {
  margin-top: 20px; }
  .msci-sidebar-navigation-config .clone-container button {
    margin-left: 15px;
    margin-bottom: 20px; }

.darkUpperMenu {
  padding-left: 0;
  padding-right: 0; }
  .darkUpperMenu .sticky {
    top: 0; }
  .darkUpperMenu.static .sticky {
    position: relative;
    top: 0 !important;
    margin-bottom: 20px; }
  .darkUpperMenu .fixed, .darkUpperMenu .sticky {
    left: auto;
    right: auto !important;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    min-width: 90%;
    transition: transform 0.5s ease; }
    @media screen and (min-width: 992px) {
      .darkUpperMenu .fixed.collapsed, .darkUpperMenu .sticky.collapsed {
        transform: translate(-50%, -100%); } }
  .darkUpperMenu .msci-sidebar-navigation {
    width: 100%; }
    .darkUpperMenu .msci-sidebar-navigation ul {
      height: auto;
      background: #000000;
      display: flex;
      justify-content: space-between;
      padding: 0;
      margin-bottom: 0;
      overflow: hidden; }
      .darkUpperMenu .msci-sidebar-navigation ul .darkUpperMenuTrigger {
        display: none; }
      .darkUpperMenu .msci-sidebar-navigation ul li {
        text-align: center;
        color: #FFFFFF;
        max-width: none;
        flex-grow: 1;
        position: relative;
        font-family: "Roboto Bold", sans-serif;
        padding: 11px 34px 11px 34px; }
        .darkUpperMenu .msci-sidebar-navigation ul li:not(:last-of-type):after {
          content: "";
          position: absolute;
          right: -1px;
          top: 50%;
          transform: translateY(-50%);
          height: calc(100% - 20px);
          width: 2px;
          background: #FFFFFF; }
        .darkUpperMenu .msci-sidebar-navigation ul li:before {
          left: 50%;
          transform: translateX(-50%);
          top: 0;
          border-left: 10px solid transparent;
          border-top: 12px solid #1A3FD6;
          border-right: 10px solid transparent; }
        .darkUpperMenu .msci-sidebar-navigation ul li:hover {
          color: #1A3FD6; }
  .darkUpperMenu .alert {
    position: absolute;
    right: 0; }

@media screen and (max-width: 991px) {
  .fixed, .sticky {
    right: 20px; }
  .alert-info {
    display: none; }
  .msci-sidebar-navigation ul {
    padding: 20px 0 16px 0;
    width: 40px;
    overflow: hidden; }
    .msci-sidebar-navigation ul li {
      visibility: hidden;
      width: 0;
      height: 32px;
      padding: 0;
      position: relative;
      margin-left: 14px; }
      .msci-sidebar-navigation ul li:before {
        content: "";
        visibility: visible;
        height: 12px;
        width: 12px;
        border-radius: 6px;
        border-top: 6px solid transparent !important;
        border-bottom: 6px solid transparent !important;
        background: #CCCCCC;
        position: absolute;
        left: 0;
        top: 10px; }
  .msci-sidebar-navigation .active:before {
    background: #1A3FD6; }
  .darkUpperMenu .fixed, .darkUpperMenu .sticky {
    min-width: 100%;
    position: fixed;
    top: 56px;
    transform: translate(-50%, -100%);
    transition: transform .4s ease; }
  .darkUpperMenu.static {
    position: static !important; }
    .darkUpperMenu.static .msci-sidebar-navigation ul .darkUpperMenuTrigger {
      display: none; }
  .darkUpperMenu.open .fixed, .darkUpperMenu.open .sticky, .darkUpperMenu.static .fixed, .darkUpperMenu.static .sticky {
    transform: translate(-50%, 0); }
  .darkUpperMenu .msci-sidebar-navigation ul {
    width: 100%;
    flex-direction: column;
    padding-bottom: 20px; }
    .darkUpperMenu .msci-sidebar-navigation ul .darkUpperMenuTrigger {
      display: block;
      background: #000000;
      color: #FFFFFF;
      text-align: center;
      width: 40px;
      height: 40px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: calc(100% - 20px);
      border-radius: 20px;
      padding-top: 20px;
      cursor: pointer;
      opacity: 0.5;
      transition: opacity .25s ease; }
      .darkUpperMenu .msci-sidebar-navigation ul .darkUpperMenuTrigger:hover {
        opacity: 1; }
    .darkUpperMenu .msci-sidebar-navigation ul li {
      visibility: visible;
      width: auto;
      height: auto;
      text-align: left;
      margin-left: 0; }
      .darkUpperMenu .msci-sidebar-navigation ul li:before {
        visibility: hidden; }
      .darkUpperMenu .msci-sidebar-navigation ul li.active:before {
        background: transparent;
        visibility: visible;
        border-top: 10px solid transparent !important;
        border-left: 12px solid #1A3FD6 !important;
        border-bottom: 10px solid transparent !important;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 0; }
      .darkUpperMenu .msci-sidebar-navigation ul li:after {
        display: none; }
  .signed-in .darkUpperMenu .fixed, .signed-in .darkUpperMenu .sticky {
    top: 111px; } }

@media screen and (max-width: 767px) {
  .signed-in .darkUpperMenu .fixed, .signed-in .darkUpperMenu .sticky {
    top: 104px; } }

.realtime-indexes {
  background-color: #002036; }
  .realtime-indexes a {
    text-decoration: none; }
  .realtime-indexes .nav.nav-underline {
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-family: "Roboto Bold", sans-serif;
    font-size: 16px;
    line-height: 32px;
    background-color: #5A51E8; }
    .realtime-indexes .nav.nav-underline a {
      color: #fff; }
      .realtime-indexes .nav.nav-underline a.active::after {
        background-color: #fff; }
  .realtime-indexes .tab-content {
    padding-left: 15px;
    padding-right: 15px;
    color: #fff; }
    .realtime-indexes .tab-content .table-responsive {
      margin-bottom: 0; }
    .realtime-indexes .tab-content table a {
      color: #fff; }
      .realtime-indexes .tab-content table a:hover {
        color: #6F86E4; }
    .realtime-indexes .tab-content table i.icon-marigold {
      color: #FF8600; }
    .realtime-indexes .tab-content table thead th {
      font-size: 16px;
      line-height: 32px;
      color: #fff;
      background-color: #002036;
      border-bottom-width: 1px;
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 10px;
      padding-top: 10px; }
    .realtime-indexes .tab-content table tbody td {
      font-size: 16px;
      line-height: 20px;
      color: #fff;
      border: unset;
      border-style: none;
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 10px;
      padding-top: 10px; }
    .realtime-indexes .tab-content table tbody tr:hover {
      background-color: #1E3A4D; }
    .realtime-indexes .tab-content table tbody tr td.level.not-changed {
      color: #fff; }
    .realtime-indexes .tab-content table tbody tr td.level.down {
      color: #F65058; }
    .realtime-indexes .tab-content table tbody tr td.level.up {
      color: #26D9B6; }
    .realtime-indexes .tab-content table tbody tr td.level.not-available {
      color: rgba(200, 200, 200, 0.25); }
    .realtime-indexes .tab-content table tbody tr td.not-changed span.change-value {
      background-color: #F65058; }
    .realtime-indexes .tab-content table tbody .change-value {
      padding: 5px 55px 5px 40px;
      float: left;
      width: 60px;
      text-align: right;
      margin: 0 0 0 0;
      color: #FFF; }
    .realtime-indexes .tab-content table tbody tr td.down span.change-value {
      background: transparent url("../images/index_arrows_sprite.png") 10px -38px no-repeat;
      background-color: #F65058; }
    .realtime-indexes .tab-content table tbody tr td.up span.change-value {
      background: transparent url("../images/index_arrows_sprite.png") 10px 8px no-repeat;
      background-color: #26D9B6; }
    .realtime-indexes .tab-content table tbody tr td.not-available span.change-value {
      background: rgba(100, 100, 100, 0.5); }
  .realtime-indexes .footnotes {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #EFF2FD; }
    .realtime-indexes .footnotes a {
      color: #1A3FD6; }
      .realtime-indexes .footnotes a:hover {
        color: #4A7BC9; }
    @media (min-width: 768px) {
      .realtime-indexes .footnotes > .row > div:last-child {
        text-align: right; } }

.item-type-wrapper span {
  font-family: "Roboto Bold", sans-serif; }

@media screen and (max-width: 768px) {
  .mega-blog-section-title {
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    padding-top: 15px; }
  .mega-blog-content-wrapper {
    display: none; }
  .tags-wrapper {
    display: none; }
  .mega-blog-banner {
    height: 200px;
    background-size: cover !important; }
  .mega-blog-lead-wrapper {
    background: #002036;
    color: #FFFFFF;
    overflow: hidden; }
    .mega-blog-lead-wrapper .msci-carousel-controls {
      padding: 15px;
      border-bottom: 0px; }
      .mega-blog-lead-wrapper .msci-carousel-controls .msci-carousel-controls-prev {
        color: #EFF2FD; }
      .mega-blog-lead-wrapper .msci-carousel-controls .msci-carousel-controls-next {
        color: #EFF2FD; }
  .mega-blog-cards-wrapper {
    display: flex;
    align-items: stretch; }
  .mega-blog-card {
    margin: 15px;
    display: flex; }
  .mega-blog-card .list-item {
    width: 100%; }
  .mega-blog-card-bottom {
    background: #1E3A4D;
    padding: 15px 15px 72px 15px;
    height: calc(100% - 200px);
    position: relative; }
  .mega-blog-title-wrapper {
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 10px; }
    .mega-blog-title-wrapper .mega-blog-title {
      font-family: "Roboto Bold", sans-serif;
      font-size: 20px;
      line-height: 26px; }
  .mega-blog-card .msci-link-primary-box-wrapper {
    padding-top: 15px;
    position: absolute;
    bottom: 15px; } }

@media screen and (min-width: 768px) {
  .mega-blog-lead-wrapper {
    background: linear-gradient(to right bottom, #002036 50%, #1E3A4D 50%);
    color: white;
    padding: 2em;
    /* 		.mega-blog-section-title{ */
    /* 			font-size: $msciFontSizeH2; */
    /* 			line-height: $msciLineHgtH2; */
    /* 		} */ }
    .mega-blog-lead-wrapper .mega-blog-section-title {
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      line-height: 40px;
      font-size: 40px;
      padding-top: 30px;
      padding-bottom: 30px; }
    .mega-blog-lead-wrapper .mega-blog-cards-wrapper {
      max-width: 1140px;
      margin: auto; }
      .mega-blog-lead-wrapper .mega-blog-cards-wrapper:after {
        content: "";
        display: block;
        clear: both; }
      .mega-blog-lead-wrapper .mega-blog-cards-wrapper .categories-wrapper {
        padding-top: 22px;
        padding-bottom: 34px;
        font-size: 14px; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .categories-wrapper ul.categories-list {
          padding: 0;
          margin: 0; }
          .mega-blog-lead-wrapper .mega-blog-cards-wrapper .categories-wrapper ul.categories-list li.msci-detailed-category-element {
            display: inline; }
            .mega-blog-lead-wrapper .mega-blog-cards-wrapper .categories-wrapper ul.categories-list li.msci-detailed-category-element a {
              color: #FFFFFF;
              padding-right: 1px; }
            .mega-blog-lead-wrapper .mega-blog-cards-wrapper .categories-wrapper ul.categories-list li.msci-detailed-category-element:not(:last-of-type) a::after {
              content: ','; }
      .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card {
        width: calc(33% - 30px) !important;
        margin: 15px;
        padding-bottom: 1.5em;
        margin-bottom: 2em;
        min-height: 500px;
        position: relative;
        float: right; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card .mega-blog-banner {
          height: 200px;
          background-size: cover !important; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card .mega-blog-title-wrapper {
          font-family: "Roboto Bold", sans-serif;
          font-size: 24px;
          line-height: 32px; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card .item-type-wrapper {
          padding-top: 10px;
          padding-bottom: 10px; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card .item-display-date-wrapper {
          padding-top: 15px;
          display: inline-block; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card .mega-blog-content {
          display: none; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card:nth-of-type(2) {
          border-bottom: 1px solid #CCCCCC; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card:not(:first-of-type) .mega-blog-title {
          font-family: "Roboto Bold", sans-serif;
          font-size: 20px;
          line-height: 26px; }
        .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card:first-of-type {
          width: calc(66% - 30px) !important;
          float: left; }
          .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card:first-of-type .mega-blog-banner {
            height: 500px;
            background-size: cover !important; }
          .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card:first-of-type .mega-blog-title-wrapper {
            font-family: "Roboto Bold", sans-serif;
            font-size: 40px;
            line-height: 48px; }
          .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card:first-of-type .mega-blog-title {
            font-family: "Roboto Bold", sans-serif;
            font-size: 40px;
            line-height: 48px; }
          .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card:first-of-type .mega-blog-content-wrapper {
            overflow: hidden; }
            .mega-blog-lead-wrapper .mega-blog-cards-wrapper .mega-blog-card:first-of-type .mega-blog-content-wrapper .mega-blog-content {
              font-size: 16px;
              line-height: 22px;
              padding-bottom: 30px; } }

.sign-up-card-container {
  margin-top: 45px;
  margin-bottom: 45px; }
  .sign-up-card-container h5 {
    font-size: 18px; }
  .sign-up-card-container .sign-up-card-row {
    align-items: center;
    max-width: 550px;
    background-color: #EFF2FD;
    padding: 10px 40px; }
    @media (max-width: 979px) {
      .sign-up-card-container .sign-up-card-row {
        padding: 30px; } }
  @media (max-width: 767px) {
    .sign-up-card-container .sign-up-card-title {
      text-align: center; } }
  @media (max-width: 767px) {
    .sign-up-card-container .sign-up-card-button a {
      width: 100%; } }

.custom-bullet-points-container {
  word-break: break-word;
  padding: 60px 32px;
  font-size: 18px; }
  @media (max-width: 767px) {
    .custom-bullet-points-container {
      padding: 32px; } }
  @media (max-width: 767px) {
    .custom-bullet-points-container {
      font-size: 16px; } }
  .custom-bullet-points-container.background-lightblue {
    background: #EFF2FD; }
  .custom-bullet-points-container.background-lightgrey {
    background: #F8F7F7; }
  .custom-bullet-points-container.background-dark {
    background: #002036; }
  .custom-bullet-points-container.background-purple {
    background: #5A51E8; }
  .custom-bullet-points-container.text-light {
    color: #FFFFFF; }
  .custom-bullet-points-container.text-dark {
    color: #002036; }
  .custom-bullet-points-container .bullet-points-text {
    line-height: 1.8em; }
    @media (max-width: 767px) {
      .custom-bullet-points-container .bullet-points-text {
        line-height: 1.4em; } }
  .custom-bullet-points-container .bullet-points {
    letter-spacing: 0.1px; }
    .custom-bullet-points-container .bullet-points:not(.no-top-margin) {
      margin-top: 24px; }
    @media (min-width: 768px) {
      .custom-bullet-points-container .bullet-points:not(.no-bottom-margin) {
        margin-bottom: 46px; } }
    @media (max-width: 767px) {
      .custom-bullet-points-container .bullet-points {
        margin-bottom: 0; } }
  .custom-bullet-points-container .bullet-point {
    font-weight: bold;
    padding-left: 22px;
    position: relative; }
    @media (min-width: 768px) {
      .custom-bullet-points-container .bullet-point:not(:last-of-type) {
        margin-bottom: 24px; } }
    @media (max-width: 767px) {
      .custom-bullet-points-container .bullet-point {
        margin-bottom: 24px; } }
    .custom-bullet-points-container .bullet-point:before {
      position: absolute;
      top: 3px;
      left: 0;
      width: 0;
      height: 0;
      content: '';
      border-style: solid;
      border-width: 12px 12px 0 0;
      display: inline; }
    .custom-bullet-points-container .bullet-point.point-color-turquoise:before {
      border-color: #26D9B6 transparent transparent transparent; }
    .custom-bullet-points-container .bullet-point.point-color-dark:before {
      border-color: #002036 transparent transparent transparent; }
    .custom-bullet-points-container .bullet-point.point-color-purple:before {
      border-color: #5A51E8 transparent transparent transparent; }
  @media (max-width: 767px) {
    .custom-bullet-points-container .bullet-points.no-bottom-margin > div:nth-child(2) .bullet-point:last-of-type {
      margin-bottom: 0; } }

.default-layout-sticky-nav-sidebar .custom-bullet-points-container {
  padding: 60px 0px; }

.fact-sheet-resource-center-row-default .factsheet-search-result {
  margin: 0 10px 22px 0;
  padding: 26px;
  background-color: #F8F7F7; }

.fact-sheet-resource-center-row-default .msci-content-type > i {
  font-size: 18px;
  margin-right: 2px;
  top: 3px; }

.fact-sheet-resource-center-row-default .msci-content-type > span {
  font-size: 13px; }

.fact-sheet-resource-center-row-default h4 {
  margin-bottom: 20px; }

.fact-sheet-resource-center-row-default h3 {
  margin: 14px 0 5px; }
  .fact-sheet-resource-center-row-default h3 > a {
    color: #002036; }
    .fact-sheet-resource-center-row-default h3 > a:hover {
      text-decoration: none; }

.fact-sheet-resource-center-row-default .date-tag {
  color: #666666;
  font-size: 16px; }

.fact-sheet-resource-center-row-default .msci-entry-header {
  color: #1A3FD6;
  margin-top: 14px;
  font-size: 14px; }

.fact-sheet-resource-center-row-default .button-wrapper {
  padding-bottom: 10px;
  padding-top: 10px; }

@media (max-width: 767px) {
  .fact-sheet-resource-center-row-default .msci-content-type > i {
    font-size: 26px; }
  .fact-sheet-resource-center-row-default .msci-content-type > span {
    font-size: 19px; }
  .fact-sheet-resource-center-row-default h4 {
    margin-bottom: 30px; }
  .fact-sheet-resource-center-row-default h3 {
    font-size: 28px;
    margin: 18px 0; }
  .fact-sheet-resource-center-row-default .date-tag {
    font-size: 18px; }
  .fact-sheet-resource-center-row-default .msci-entry-header {
    color: #1A3FD6;
    margin-top: 14px;
    font-size: 14px; } }

.msci-container {
  padding-top: 20px; }
  .msci-container .msci-tab-selector {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden; }
    .msci-container .msci-tab-selector h3 {
      margin-bottom: 35px;
      display: block;
      position: relative;
      width: 100%;
      clear: both; }
    .msci-container .msci-tab-selector .tab-container {
      margin-top: 35px;
      color: #002036; }
      .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder {
        display: none; }
      .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation {
        display: table;
        margin: 0 0 40px;
        padding: 25px 0 0 0;
        border-bottom: 0;
        width: 100%;
        height: 0; }
        .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li {
          display: table-cell;
          text-align: center;
          cursor: pointer;
          padding: 0 10px;
          height: 100%;
          vertical-align: top; }
          .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li h4 {
            max-width: 270px;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            padding: 15px 15px 15px 15px;
            background: #F8F7F7;
            font-size: 20px;
            font-family: "Roboto Bold", sans-serif;
            line-height: 1;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li:first-child {
            padding-left: 0; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li:first-child h4 {
              margin-right: auto;
              margin-left: 0; }
          .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li:last-child {
            padding-right: 0; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li:last-child h4 {
              margin-right: 0;
              margin-left: auto; }
          .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li.active h4, .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li:hover h4 {
            background: #1A3FD6;
            color: #FFFFFF; }
          .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li.active h4 {
            position: relative; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li.active h4:after {
              content: '';
              position: absolute;
              bottom: 5px;
              left: calc(50% - 3px);
              width: 0;
              height: 0;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-top: 6px solid #FFFFFF; }
          .msci-container .msci-tab-selector .tab-container .tabs-navigation-container > ul.tabs-navigation > li.center {
            text-align: center; }
      .msci-container .msci-tab-selector .tab-container .tab-content .tab {
        display: none; }
        .msci-container .msci-tab-selector .tab-container .tab-content .tab.active {
          display: block; }
        .msci-container .msci-tab-selector .tab-container .tab-content .tab p:last-of-type {
          margin-bottom: 0; }
        .msci-container .msci-tab-selector .tab-container .tab-content .tab h5 {
          font-size: 26px;
          font-family: "Roboto Bold", sans-serif; }
        .msci-container .msci-tab-selector .tab-container .tab-content .tab .Footnote {
          font-size: 12px;
          margin-bottom: 0; }
          .msci-container .msci-tab-selector .tab-container .tab-content .tab .Footnote a {
            font-size: 12px; }
            .msci-container .msci-tab-selector .tab-container .tab-content .tab .Footnote a:after {
              content: "";
              display: none; }
          .msci-container .msci-tab-selector .tab-container .tab-content .tab .Footnote sup {
            font-size: 10.5px; }
    @media screen and (max-width: 480px) {
      .msci-container .msci-tab-selector h3 {
        font-size: 2.1em;
        line-height: 1.1;
        margin-bottom: 0px; }
      .msci-container .msci-tab-selector .tab-container {
        margin-top: 0; }
        .msci-container .msci-tab-selector .tab-container .tabs-navigation-container {
          position: relative;
          height: auto;
          margin-bottom: 15px; }
          .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder {
            display: block;
            position: relative;
            text-align: center;
            cursor: pointer;
            padding: 0;
            height: 100%;
            vertical-align: top; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder h4 {
              position: relative;
              display: block;
              max-width: none;
              width: 100%;
              height: 100%;
              text-align: center;
              margin: 0;
              padding: 20px 15px 18px 15px;
              background: #1A3FD6;
              font-size: 20px;
              font-family: "Roboto Bold", sans-serif;
              line-height: 1.2;
              color: #FFFFFF;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              transition: all 0.3s ease; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder.collapsed h4:after, .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder.expanded h4:after {
              content: '';
              display: block;
              position: absolute;
              bottom: 5px;
              left: calc(50% - 3px);
              width: 0;
              height: 0;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%); }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder.collapsed h4:after {
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-top: 6px solid #FFFFFF; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder.expanded h4:after {
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-bottom: 6px solid #FFFFFF; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder.one {
              cursor: default; }
              .msci-container .msci-tab-selector .tab-container .tabs-navigation-container .select-placeholder.one h4:after {
                display: none; }
          .msci-container .msci-tab-selector .tab-container .tabs-navigation-container ul.tabs-navigation {
            display: block;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            width: 100%;
            margin-bottom: 0;
            padding: 16px 0;
            height: auto;
            z-index: 2;
            background-color: white;
            overflow: hidden;
            border-bottom: 1px solid #CCCCCC;
            -webkit-transition: max-height 0.2s ease;
            -moz-transition: max-height 0.2s ease;
            -ms-transition: max-height 0.2s ease;
            -o-transition: max-height 0.2s ease;
            transition: max-height 0.2s ease; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container ul.tabs-navigation li {
              display: block;
              width: 100% !important;
              max-width: 100%;
              margin-bottom: 16px;
              padding: 0; }
              .msci-container .msci-tab-selector .tab-container .tabs-navigation-container ul.tabs-navigation li h4 {
                margin: 0;
                padding: 20px 15px 18px 15px;
                line-height: 1.2;
                max-width: none; }
                .msci-container .msci-tab-selector .tab-container .tabs-navigation-container ul.tabs-navigation li h4:after {
                  display: none; }
              .msci-container .msci-tab-selector .tab-container .tabs-navigation-container ul.tabs-navigation li:first-child {
                padding: 0; }
              .msci-container .msci-tab-selector .tab-container .tabs-navigation-container ul.tabs-navigation li:last-child {
                margin-bottom: 0;
                padding: 0; }
            .msci-container .msci-tab-selector .tab-container .tabs-navigation-container ul.tabs-navigation.in-active {
              display: none; }
        .msci-container .msci-tab-selector .tab-container .tab-content {
          font-size: 14px;
          line-height: 22px; }
          .msci-container .msci-tab-selector .tab-container .tab-content .tab h5 {
            font-size: 20px;
            font-family: "Roboto Black", sans-serif; }
          .msci-container .msci-tab-selector .tab-container .tab-content .tab a, .msci-container .msci-tab-selector .tab-container .tab-content .tab a:after {
            font-size: 16px;
            display: inline-block; } }

/* Wrapper */
.msci-subscribe-widget {
  margin-top: 20px;
  /* Common styles */
  /* Footer inctance */ }
  .msci-subscribe-widget.light {
    background: #DAE0F8; }
  .msci-subscribe-widget.dark {
    background: #002036; }
  .msci-subscribe-widget.midnightBlue {
    background: #1A3FD6; }
  .msci-subscribe-widget.ultraLight {
    background: #EFF2FD; }
  .msci-subscribe-widget.lightBlue {
    background: #4A7BC9; }
  .msci-subscribe-widget.darkBlue {
    background: #1E3A4D; }
  .msci-subscribe-widget.lightPurple {
    background: #6F86E4; }
  .msci-subscribe-widget.lightBorder {
    border: 1px solid #DAE0F8; }
  .msci-subscribe-widget.darkBorder {
    border: 1px solid #002036; }
  .msci-subscribe-widget.mBlueBorder {
    border: 1px solid #1A3FD6; }
  .msci-subscribe-widget.uLightBorder {
    border: 1px solid #EFF2FD; }
  .msci-subscribe-widget.lightBlueBorder {
    border: 1px solid #4A7BC9; }
  .msci-subscribe-widget.darkBlueBorder {
    border: 1px solid #1E3A4D; }
  .msci-subscribe-widget.lightPurpleBorder {
    border: 1px solid #6F86E4; }
  .msci-subscribe-widget.blackText {
    color: black; }
  .msci-subscribe-widget.whiteText {
    color: white; }
  .msci-subscribe-widget .newsletter-signup-content {
    text-align: center;
    padding: 66px 0; }
    .msci-subscribe-widget .newsletter-signup-content .intro {
      margin: 32px 0; }
    .msci-subscribe-widget .newsletter-signup-content form {
      display: flex;
      justify-content: center; }
    .msci-subscribe-widget .newsletter-signup-content form input[type="email"] {
      padding: 0 20px;
      margin-right: 15px;
      width: 100%;
      max-width: 300px;
      height: 42px;
      font-size: 16px;
      color: #002036 !important;
      border: 0;
      border-radius: 0; }
      @media (max-width: 767px) {
        .msci-subscribe-widget .newsletter-signup-content form input[type="email"] {
          margin-right: 0px; } }
    .msci-subscribe-widget .newsletter-signup-content form input[type="email"]:focus {
      border: 1px solid #FFF !important; }
    .msci-subscribe-widget .newsletter-signup-content form label.error {
      color: #d04f54;
      top: 0; }
    .msci-subscribe-widget .newsletter-signup-content .form-field {
      margin-right: 25px; }
    @media (max-width: 767px) {
      .msci-subscribe-widget .newsletter-signup-content {
        padding: 30px 10px; }
        .msci-subscribe-widget .newsletter-signup-content .intro {
          line-height: 25px; }
        .msci-subscribe-widget .newsletter-signup-content form {
          display: block; }
        .msci-subscribe-widget .newsletter-signup-content .form-field {
          margin-bottom: 32px;
          margin-right: 0px; } }
  .msci-subscribe-widget .newsletter-signup-content.footer-instance h1,
  .msci-subscribe-widget .newsletter-signup-content.footer-instance h2,
  .msci-subscribe-widget .newsletter-signup-content.footer-instance h3,
  .msci-subscribe-widget .newsletter-signup-content.footer-instance h4,
  .msci-subscribe-widget .newsletter-signup-content.footer-instance h5,
  .msci-subscribe-widget .newsletter-signup-content.footer-instance h6 {
    text-align: center; }

/* Floating inctance */
.newsletter-signup-content.floating-instance {
  width: 270px;
  color: white;
  position: fixed;
  right: 0;
  bottom: 85px;
  z-index: 1000;
  padding: 32px;
  text-align: left; }
  .newsletter-signup-content.floating-instance.dark {
    background: #002036; }
  .newsletter-signup-content.floating-instance.midnightBlue {
    background: #1A3FD6; }
  .newsletter-signup-content.floating-instance.ultraLight {
    background: #EFF2FD; }
  .newsletter-signup-content.floating-instance.light {
    background: #DAE0F8; }
  .newsletter-signup-content.floating-instance.lightBlue {
    background: #4A7BC9; }
  .newsletter-signup-content.floating-instance.darkBlue {
    background: #1E3A4D; }
  .newsletter-signup-content.floating-instance.lightPurple {
    background: #6F86E4; }
  .newsletter-signup-content.floating-instance.hidden {
    display: none; }
  .newsletter-signup-content.floating-instance.lightBorder {
    border: 1px solid #DAE0F8; }
  .newsletter-signup-content.floating-instance.darkBorder {
    border: 1px solid #002036; }
  .newsletter-signup-content.floating-instance.mnightBlueBorder {
    border: 1px solid #1A3FD6; }
  .newsletter-signup-content.floating-instance.ulightBorder {
    border: 1px solid #EFF2FD; }
  .newsletter-signup-content.floating-instance.lightBlueBorder {
    border: 1px solid #4A7BC9; }
  .newsletter-signup-content.floating-instance.darkBlueBorder {
    border: 1px solid #1E3A4D; }
  .newsletter-signup-content.floating-instance.lightPurpleBorder {
    border: 1px solid #6F86E4; }
  .newsletter-signup-content.floating-instance.blackText {
    color: black; }
    .newsletter-signup-content.floating-instance.blackText a.close-floating-box {
      color: black; }
  .newsletter-signup-content.floating-instance.whiteText {
    color: white; }
  .newsletter-signup-content.floating-instance .intro {
    margin: 32px 0; }
  .newsletter-signup-content.floating-instance a.close-floating-box {
    color: white;
    text-decoration: none !important;
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block; }
  .newsletter-signup-content.floating-instance .form-field:first-of-type {
    margin-bottom: 32px; }
  .newsletter-signup-content.floating-instance form input[type="email"] {
    padding: 0 20px;
    width: 100%;
    height: 42px;
    font-size: 16px;
    color: #002036 !important;
    border: 0;
    border-radius: 0; }

.tracking-form-container h1 {
  font-size: 40px;
  line-height: 48px;
  font-family: "Roboto Black", sans-serif; }

.tracking-form-container #agree, .tracking-form-container #decline {
  display: block;
  margin-bottom: 20px;
  margin: 0 auto 20px auto;
  min-width: 260px; }

.tracking-form-container .form-error-summary {
  color: #FFFFFF;
  background-color: #F65058;
  border-radius: 0; }
  .tracking-form-container .form-error-summary ul {
    list-style: none; }

.tracking-form-container .fieldset ul {
  margin: 0; }

.tracking-form-container .fieldset input, .tracking-form-container .fieldset select {
  max-width: 300px; }

.tracking-form-container .fieldset input {
  border: 1px solid #DAE0F8;
  padding: 6px;
  width: 100%;
  line-height: 21px; }

.tracking-form-container .fieldset textarea {
  border: 1px solid #DAE0F8;
  padding: 6px;
  width: 300px; }

.tracking-form-container .fieldset .msci-checkbox {
  display: block;
  margin-bottom: 4px; }

.tracking-form-container .fieldset label.field-label {
  color: #1A3FD6; }

.tracking-form-container .fieldset .required label.field-label:after {
  content: " *";
  color: #002036; }

.tracking-form-container .fieldset .form-group, .tracking-form-container .fieldset .form-field {
  margin-bottom: 22px; }

.tracking-form-container .fieldset .form-field-errors {
  list-style: none;
  color: #F65058;
  padding: 0; }

.tracking-form-container .submit {
  text-align: center; }
  .tracking-form-container .submit input[type="submit"] {
    max-width: 300px; }

.esg-terms-container .circle-container .circle {
  cursor: pointer; }
  @media (max-width: 767px) {
    .esg-terms-container .circle-container .circle {
      padding-bottom: 30px; } }
  .esg-terms-container .circle-container .circle .circle-image {
    display: block;
    background-repeat: no-repeat;
    width: 144px;
    height: 144px;
    transform: scale(0.8);
    margin: auto;
    -webkit-transition: background-image 0.1s ease-in-out;
    -moz-transition: background-image 0.1s ease-in-out;
    -ms-transition: background-image 0.1s ease-in-out;
    -o-transition: background-image 0.1s ease-in-out;
    transition: background-image 0.1s ease-in-out; }
    .esg-terms-container .circle-container .circle .circle-image.msci-icon-circles {
      background-image: url(../images/msci_circles_inactive.svg); }
    .esg-terms-container .circle-container .circle .circle-image.msci-icon-compass {
      background-image: url(../images/msci_compass_inactive.svg); }
    .esg-terms-container .circle-container .circle .circle-image.msci-icon-globe {
      background-image: url(../images/msci_globe_inactive.svg); }
  .esg-terms-container .circle-container .circle:hover .circle-image.msci-icon-circles, .esg-terms-container .circle-container .circle.active .circle-image.msci-icon-circles {
    background-image: url(../images/msci_circles_active.svg); }
  .esg-terms-container .circle-container .circle:hover .circle-image.msci-icon-compass, .esg-terms-container .circle-container .circle.active .circle-image.msci-icon-compass {
    background-image: url(../images/msci_compass_active.svg); }
  .esg-terms-container .circle-container .circle:hover .circle-image.msci-icon-globe, .esg-terms-container .circle-container .circle.active .circle-image.msci-icon-globe {
    background-image: url(../images/msci_globe_active.svg); }
  .esg-terms-container .circle-container .circle .circle-title {
    color: #002036;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .esg-terms-container .circle-container .circle .circle-title {
        margin-bottom: 10px; } }

.esg-terms-container .circle-container {
  padding: 40px 60px 10px 60px; }
  @media (min-width: 768px) {
    .esg-terms-container .circle-container {
      padding: 60px;
      display: flex;
      flex-direction: row;
      justify-content: space-around; } }

.esg-terms-container .description-container {
  box-sizing: content-box;
  position: relative;
  color: #002036; }
  .esg-terms-container .description-container.msci-border-top {
    border-top: 3px solid #1A3FD6;
    -webkit-transition: border-top 0.1s ease-in-out;
    -moz-transition: border-top 0.1s ease-in-out;
    -ms-transition: border-top 0.1s ease-in-out;
    -o-transition: border-top 0.1s ease-in-out;
    transition: border-top 0.1s ease-in-out; }
  .esg-terms-container .description-container .description:not(.esg-terms-hidden) {
    padding: 60px 0;
    position: absolute;
    width: 100%; }
    @media (max-width: 767px) {
      .esg-terms-container .description-container .description:not(.esg-terms-hidden) {
        padding: 40px 0; } }
    .esg-terms-container .description-container .description:not(.esg-terms-hidden) .description-title {
      margin-bottom: 60px; }
      @media (max-width: 767px) {
        .esg-terms-container .description-container .description:not(.esg-terms-hidden) .description-title {
          margin-bottom: 30px; } }
    .esg-terms-container .description-container .description:not(.esg-terms-hidden) h4 {
      margin-bottom: 20px; }
    .esg-terms-container .description-container .description:not(.esg-terms-hidden) p {
      font-size: 16px;
      margin-bottom: 30px; }
    .esg-terms-container .description-container .description:not(.esg-terms-hidden) .description-phone h5 {
      margin-bottom: 20px;
      margin-right: 25px; }
    .esg-terms-container .description-container .description:not(.esg-terms-hidden) .description-phone h5::after {
      font-family: FontAwesome;
      position: absolute;
      right: 5px;
      font-size: 16px; }
    .esg-terms-container .description-container .description:not(.esg-terms-hidden) .description-phone h5.inactive::after {
      content: '\f078'; }
    .esg-terms-container .description-container .description:not(.esg-terms-hidden) .description-phone h5.active::after {
      content: '\f077'; }
  @media (max-width: 767px) {
    .esg-terms-container .description-container h2 {
      margin-bottom: 32px; }
    .esg-terms-container .description-container h3 {
      margin-bottom: 30px; }
    .esg-terms-container .description-container .description-phone > p {
      margin-bottom: 20px;
      margin-top: -16px;
      line-height: 24px; } }

.esg-terms-container .esg-terms-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }

.esg-terms-container .esg-terms-hidden {
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }
  .esg-terms-container .esg-terms-hidden * {
    height: 0;
    margin: 0; }

.default-layout-sticky-nav-sidebar .esg-terms-container {
  padding-right: 0; }

.text-content-with-quotation {
  position: relative; }
  @media (min-width: 768px) {
    .text-content-with-quotation .text-content-with-quotation-phone-container {
      display: none; }
    .text-content-with-quotation .text-content-with-quotation-desktop-container {
      display: block; }
    .text-content-with-quotation .text-content-with-quotation-bg-top {
      position: absolute;
      width: 100%;
      height: 83%;
      background: #002036; }
    .text-content-with-quotation .text-content-with-quotation-bg-bottom {
      position: absolute;
      width: 200%;
      height: 100%;
      right: 0;
      top: 0;
      background: #EFF2FD; } }
  @media (max-width: 767px) {
    .text-content-with-quotation .text-content-with-quotation-phone-container {
      display: block; }
      .text-content-with-quotation .text-content-with-quotation-phone-container .description-container {
        padding: 45px 0px 20px 0px; }
      .text-content-with-quotation .text-content-with-quotation-phone-container .quote-container {
        padding: 45px 0px 45px 43px; }
        .text-content-with-quotation .text-content-with-quotation-phone-container .quote-container .quote-triangle-wrapper {
          left: 15px; }
    .text-content-with-quotation .text-content-with-quotation-desktop-container {
      display: none; } }
  .text-content-with-quotation .description-container {
    color: white;
    padding: 90px 140px 40px 32px;
    position: relative; }
    @media (max-width: 767px) {
      .text-content-with-quotation .description-container {
        background: #002036; } }
    .text-content-with-quotation .description-container .description-title {
      margin-bottom: 24px; }
    .text-content-with-quotation .description-container .description-top {
      font-size: 18px;
      line-height: 32px; }
      @media (max-width: 767px) {
        .text-content-with-quotation .description-container .description-top {
          font-weight: bold;
          font-size: 16px;
          line-height: 28px; } }
    .text-content-with-quotation .description-container .description-bottom {
      font-size: 12px;
      color: #DAE0F8; }
      @media (max-width: 767px) {
        .text-content-with-quotation .description-container .description-bottom {
          font-size: 14px; } }
  @media (max-width: 767px) {
    .text-content-with-quotation .quote-container {
      background: #EFF2FD; } }
  @media (min-width: 768px) {
    .text-content-with-quotation .quote-container {
      padding: 56px 135px 48px 126px;
      position: relative; }
      .text-content-with-quotation .quote-container .quote-container-inner {
        position: relative; } }
  @media (max-width: 767px) {
    .text-content-with-quotation .quote-container {
      position: relative;
      text-align: center; } }
  .text-content-with-quotation .quote-container .quote-text {
    letter-spacing: .9px;
    line-height: 40px;
    margin-bottom: 24px; }
  .text-content-with-quotation .quote-container .quote-source {
    font-size: 16px; }
  .text-content-with-quotation .quote-container .quote-triangle-wrapper {
    position: absolute;
    left: 24px;
    top: 72px; }
    @media (max-width: 767px) {
      .text-content-with-quotation .quote-container .quote-triangle-wrapper {
        top: 60px; } }
    .text-content-with-quotation .quote-container .quote-triangle-wrapper .quote-triangle {
      display: inline;
      width: 0;
      height: 0;
      border-style: solid;
      margin-left: 5px;
      border-color: #5A51E8 transparent transparent transparent;
      border-width: 30px 30px 0 0; }
      @media (max-width: 767px) {
        .text-content-with-quotation .quote-container .quote-triangle-wrapper .quote-triangle {
          margin-left: 3px;
          border-color: #002036 transparent transparent transparent;
          border-width: 24px 24px 0 0; } }

.msci-interactive-assets .esg-risk-factors {
  margin: 60px 0; }
  .msci-interactive-assets .esg-risk-factors .risk-box {
    margin-bottom: 15px; }
    .msci-interactive-assets .esg-risk-factors .risk-box .box-header {
      font-family: "Roboto Black", sans-serif;
      font-size: 20px;
      line-height: 20px;
      color: #FFFFFF;
      background-color: #002036; }
      .msci-interactive-assets .esg-risk-factors .risk-box .box-header a {
        font-family: "Roboto Black", sans-serif;
        display: block;
        font-size: 20px;
        line-height: 20px; }
        .msci-interactive-assets .esg-risk-factors .risk-box .box-header a span[class^="collapse-icon"] {
          position: absolute;
          right: 40px;
          top: 33px; }
      .msci-interactive-assets .esg-risk-factors .risk-box .box-header .box-title {
        display: inline-block;
        padding: 30px; }
    .msci-interactive-assets .esg-risk-factors .risk-box .box-content {
      font-size: 16px;
      line-height: 20px;
      font-family: "Roboto Black", sans-serif;
      background-color: #F8F7F7; }
      .msci-interactive-assets .esg-risk-factors .risk-box .box-content .nav-underline {
        margin-top: 15px; }
        .msci-interactive-assets .esg-risk-factors .risk-box .box-content .nav-underline .nav-item {
          padding: 6px 0px; }
          .msci-interactive-assets .esg-risk-factors .risk-box .box-content .nav-underline .nav-item .nav-link {
            padding-left: 30px;
            color: #1A3FD6;
            font-weight: bold;
            font-size: 16px; }
            @media (max-width: 767px) {
              .msci-interactive-assets .esg-risk-factors .risk-box .box-content .nav-underline .nav-item .nav-link {
                padding: 22px 30px;
                font-size: 18px; } }
            .msci-interactive-assets .esg-risk-factors .risk-box .box-content .nav-underline .nav-item .nav-link.active {
              color: #002036; }
              .msci-interactive-assets .esg-risk-factors .risk-box .box-content .nav-underline .nav-item .nav-link.active:after {
                width: 4px;
                height: 100%;
                left: 0px;
                right: 0px;
                bottom: 3px;
                background-color: #002036; }
  .msci-interactive-assets .esg-risk-factors .fade.tab-pane.active.show {
    margin-top: 80px; }
    .msci-interactive-assets .esg-risk-factors .fade.tab-pane.active.show > h4 {
      font-size: 28px; }
  .msci-interactive-assets .esg-risk-factors .risk-icons > div {
    margin: 30px 0; }
  .msci-interactive-assets .esg-risk-factors .tab-content h4 {
    margin-top: 25px;
    margin-bottom: 25px; }
  .msci-interactive-assets .esg-risk-factors .tab-content img {
    max-width: 150px;
    max-height: 150px;
    padding-bottom: 60px;
    display: block;
    margin: auto; }
    @media (max-width: 991.98px) {
      .msci-interactive-assets .esg-risk-factors .tab-content img {
        max-width: 135px;
        max-height: 135px;
        padding-bottom: 40px; } }
  .msci-interactive-assets .esg-risk-factors .tab-content .risk-factor-icon-label {
    font-size: 12px;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Roboto Bold", sans-serif;
    color: #002036;
    width: 150px;
    margin-left: -75px;
    left: 50%;
    position: absolute;
    bottom: 0;
    cursor: default;
    user-select: none; }

.msci-interactive-assets .enterprise-analytics-user-groups {
  position: relative;
  margin: auto;
  background: transparent;
  padding-top: 20px; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@-moz-keyframes pulsate {
  0% {
    -moz-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -moz-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@-ms-keyframes pulsate {
0% {
    -ms-transform: scale(0.1, 0.1);
    opacity: 0.0; }
50% {
    opacity: 1.0; }
100% {
    -ms-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@-o-keyframes pulsate {
  0% {
    -o-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -o-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0.0; } }
  @media (min-width: 768px) {
    .msci-interactive-assets .enterprise-analytics-user-groups .title-text {
      margin: 0 30px; } }
  .msci-interactive-assets .enterprise-analytics-user-groups * {
    box-sizing: content-box !important; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic {
    height: 540px;
    position: relative; }
    @media screen and (max-width: 1070px) {
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic {
        transform: scale(0.8); } }
    @media (max-width: 767px) {
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic {
        transform: scale(0.8); } }
  @media screen and (max-width: 767px) and (max-width: 340px) {
    .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic {
      transform: scale(0.7); } }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .graphic-wrapper {
    width: 870px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -435px;
    z-index: 800; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic svg {
    width: 100%;
    height: 520px;
    margin-top: 30px; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-centre-title {
    position: absolute;
    height: 100%;
    text-align: center;
    z-index: 5;
    display: table; }
    @media (min-width: 980px) {
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-centre-title {
        width: 30%;
        margin-left: 35%; } }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-centre-title .title-main {
    line-height: 30px;
    font-size: 26px;
    color: #011B2B;
    text-align: center;
    margin-top: 190px;
    font-family: "Roboto Black", sans-serif; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-centre-title .title-text {
    font-size: 12px;
    color: #000;
    margin-top: 15px;
    display: none; }
  .msci-interactive-assets .enterprise-analytics-user-groups .title-mobile {
    display: none;
    font-weight: bold; }
  .msci-interactive-assets .enterprise-analytics-user-groups .smokey-blue {
    color: #0626A9; }
  .msci-interactive-assets .enterprise-analytics-user-groups .turquoise {
    color: #00C4B3; }
  .msci-interactive-assets .enterprise-analytics-user-groups .flint-grey {
    color: #73787C; }
  .msci-interactive-assets .enterprise-analytics-user-groups .evening-blue {
    color: #7692DD; }
  .msci-interactive-assets .enterprise-analytics-user-groups .moody-blue {
    color: #6C7BD3; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container {
    position: absolute;
    z-index: 1000;
    height: 35px;
    width: 35px; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot {
    width: 19px;
    height: 19px;
    background-color: #ccc;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 6px; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-ring {
    border: 3px solid #ccc;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    -webkit-border-radius: 50%;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -ms-border-radius: 50%;
    -ms-animation: pulsate 1s ease-out;
    -ms-animation-iteration-count: infinite;
    -moz-border-radius: 50%;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-border-radius: 50%;
    -o-animation: pulsate 1s ease-out;
    -o-animation-iteration-count: infinite;
    border-radius: 50%;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container:hover {
    cursor: pointer; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.smokey-blue .dot {
    background: #0626A9; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.turquoise .dot {
    background: #00C4B3; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.flint-grey .dot {
    background: #73787C; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.evening-blue .dot {
    background: #7692DD; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.moody-blue .dot {
    background: #6C7BD3; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.smokey-blue .dot-ring {
    border-color: #0626A9; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.turquoise .dot-ring {
    border-color: #00C4B3; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.flint-grey .dot-ring {
    border-color: #73787C; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.evening-blue .dot-ring {
    border-color: #7692DD; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .dot-container.moody-blue .dot-ring {
    border-color: #6C7BD3; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .title {
    position: absolute;
    width: 200px;
    height: auto;
    z-index: 900;
    font-size: 16px;
    cursor: pointer;
    font-family: "Roboto Black", sans-serif; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic.strategy .ms106_1-graphic-title {
    color: #0626A9; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic.allocation .ms106_1-graphic-title {
    color: #00C4B3; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic.execution .ms106_1-graphic-title {
    color: #37617A; }
  .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic.reporting .ms106_1-graphic-title {
    color: #40C1BB; }
  @media screen and (max-width: 992px) {
    .msci-interactive-assets .enterprise-analytics-user-groups {
      min-width: 320px; }
      .msci-interactive-assets .enterprise-analytics-user-groups .circle-line {
        display: none; }
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .title {
        display: none; }
      .msci-interactive-assets .enterprise-analytics-user-groups .title-mobile.visible {
        display: block; }
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic {
        margin: -100px 0 -50px 0; }
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic .graphic-wrapper {
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75); }
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-centre-title .title-main {
        font-size: 14px;
        line-height: 16px; }
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-graphic-title {
        font-size: 13px;
        line-height: 16px; }
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-centre-title .title-main {
        margin-top: 220px; }
      .msci-interactive-assets .enterprise-analytics-user-groups .ms106_1-centre-title {
        max-width: 200px;
        position: relative;
        margin-left: auto;
        margin-right: auto; } }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container {
  position: relative;
  margin: auto;
  width: 870px;
  background: #fff;
  font-family: "Roboto Black", sans-serif; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container * {
  box-sizing: content-box !important; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic {
  height: 180px;
  padding: 60px 0; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-icon {
  position: absolute;
  top: 105px;
  width: 50px;
  height: 50px;
  padding: 15px;
  z-index: 10; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-icon img {
  height: 50px;
  width: 50px;
  display: none; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-text {
  width: 140px;
  text-align: center;
  height: 60px;
  font-size: 13px;
  position: absolute;
  margin-left: -30px;
  line-height: 14px;
  display: table;
  opacity: 0.2; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-text-top span {
  display: table-cell;
  vertical-align: bottom; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-text-bottom span {
  display: table-cell;
  vertical-align: top; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-text-top {
  top: 0; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-text-bottom {
  bottom: 0; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container svg .circle_highlight {
  fill-opacity: 0.2; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic .title-container.red {
  color: #D04F53; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic .title-container.yellow {
  color: #FFB838; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic .title-container.grey {
  color: #958F8B; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic .title-container.green {
  color: #3BBFBB; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic .title-container.orange {
  color: #F98A3C; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic .title {
  font-size: 18px;
  text-transform: uppercase;
  font-family: "DIN Next W01 Bold", "Helvetica Neue",Helvetica,Arial,sans-serif; }

.msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic .title-text {
  font-size: 12px;
  color: #000;
  margin-top: 25px;
  padding-right: 40px;
  display: none; }

@media (max-width: 992px) {
  .msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container {
    overflow: hidden;
    width: 360px; }
  .msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic {
    transform: rotate(90deg);
    transform-origin: 90% 33%;
    margin-top: 40px;
    height: 780px; }
  .msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .ms106_2-graphic svg {
    width: 870px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6; }
  .msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-icon {
    transform: rotate(-90deg);
    top: 408px; }
  .msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-text {
    transform: rotate(-90deg);
    width: 100px; }
  .msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-text-top {
    top: 530px;
    text-align: right;
    margin-left: -10px; }
  .msci-interactive-assets .enterprise-analytics-investment-process .enterpriseAnalyticsInvestmentProcess-container .graphic-text-bottom {
    bottom: 530px;
    text-align: left;
    margin-left: -10px; } }

.msci-interactive-assets .msci-world-esg-leaders-chart, .msci-interactive-assets .msci-em-esg-leaders-chart, .msci-interactive-assets .msci-acwi-esg-leaders-chart {
  padding-top: 60px;
  padding-bottom: 60px; }
  .msci-interactive-assets .msci-world-esg-leaders-chart .index-preview-chart-container, .msci-interactive-assets .msci-em-esg-leaders-chart .index-preview-chart-container, .msci-interactive-assets .msci-acwi-esg-leaders-chart .index-preview-chart-container {
    min-width: 310px;
    height: 100%; }
  .msci-interactive-assets .msci-world-esg-leaders-chart .tooltip-text, .msci-interactive-assets .msci-em-esg-leaders-chart .tooltip-text, .msci-interactive-assets .msci-acwi-esg-leaders-chart .tooltip-text {
    display: inline-block;
    padding: 5px;
    font-family: "Roboto Bold", sans-serif;
    font-size: 30px; }
  .msci-interactive-assets .msci-world-esg-leaders-chart .highcharts-markers, .msci-interactive-assets .msci-em-esg-leaders-chart .highcharts-markers, .msci-interactive-assets .msci-acwi-esg-leaders-chart .highcharts-markers {
    opacity: 0.9; }

.financial-crisis-wrapper {
  margin-top: 20px;
  padding: 20px;
  color: #465058;
  font-weight: 200;
  letter-spacing: 0.07rem;
  position: relative;
  font-family: "Roboto Black", sans-serif; }

.financial-crisis-wrapper *,
.financial-crisis-wrapper *::before,
.financial-crisis-wrapper *::after {
  box-sizing: content-box !important; }

.financial-crisis-wrapper a {
  color: #336279; }

.financial-crisis-wrapper h2 {
  color: #aaa;
  font-weight: 300; }

.financial-crisis-wrapper h4 {
  text-transform: uppercase;
  margin: 5px 0; }

.financial-crisis-wrapper h6 {
  font-size: 0.9rem !important;
  margin: 0 0 5px 0 !important;
  text-transform: none;
  color: #465058 !important;
  font-weight: bold; }

.financial-crisis-wrapper p {
  margin: 5px 0; }

.financial-crisis-wrapper .financial-crisis-container-wrapper {
  max-width: 1170px;
  min-width: 320px;
  margin: 0 auto;
  position: relative;
  padding: 60px 0 40px 0; }

.msci-wealth-management-wrapper .financial-crisis-wrapper .financial-crisis-container-wrapper {
  max-width: 970px; }

.financial-crisis-wrapper .financial-crisis-container {
  width: 100%;
  overflow: hidden;
  height: 100%;
  padding: 250px 0 270px;
  position: relative;
  z-index: 2; }

.financial-crisis-wrapper .financial-crisis-container-slider {
  height: 4000px;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  z-index: 5;
  width: 100%;
  top: 0;
  padding-bottom: 600px; }

.financial-crisis-wrapper .financial-crisis-slider-bar {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 60px;
  height: 20px;
  padding: 0 0 30px 0;
  text-align: center; }

.financial-crisis-wrapper .financial-crisis-slider {
  height: 24px;
  width: 20px;
  font-size: 2rem; }

.financial-crisis-wrapper .financial-crisis-play {
  line-height: 4rem;
  width: 60px;
  height: 30px;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -32px;
  font-size: 4rem;
  z-index: 4;
  bottom: 0; }

.financial-crisis-wrapper .financial-crisis-play.bottom {
  top: 0; }

.financial-crisis-wrapper .financial-crisis-chevron {
  height: 48px;
  width: 60px;
  position: relative;
  background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/arrow.svg);
  background-repeat: no-repeat;
  background-size: cover; }

.financial-crisis-wrapper .financial-crisis-play:hover {
  cursor: pointer; }

.financial-crisis-wrapper .financial-crisis-chevron.top {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.financial-crisis-wrapper .financial-crisis-chevron.bottom {
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.financial-crisis-wrapper .restart {
  font-family: "Roboto Black", sans-serif;
  font-size: 16px;
  color: #465058;
  text-align: center;
  width: 200px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  z-index: 4;
  top: -40px;
  height: 20px;
  cursor: pointer;
  text-transform: uppercase; }

.financial-crisis-wrapper .financial-crisis-bar-container {
  height: 100%;
  position: absolute;
  width: 100%; }

.financial-crisis-wrapper .financial-crisis-bar {
  height: 100%;
  width: 0;
  background-color: #968e8a;
  position: absolute;
  left: 50%;
  margin-left: -2px; }

.financial-crisis-wrapper .financial-crisis-tooltip {
  position: relative;
  height: 40px;
  width: 100%;
  z-index: 4; }

.financial-crisis-wrapper .financial-crisis-tooltip-blank {
  position: relative;
  height: 40px;
  width: 100%;
  z-index: 4; }

.financial-crisis-wrapper .financial-crisis-dot-container {
  position: absolute;
  cursor: pointer;
  z-index: 5;
  left: 50%;
  margin-left: -8px; }

.financial-crisis-wrapper .financial-crisis-pulse {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #fff;
  z-index: 3;
  position: absolute;
  border: 2px #968e8a solid;
  top: -2px;
  left: -2px; }

.financial-crisis-wrapper .financial-crisis-tooltip-blank .financial-crisis-pulse {
  width: 12px;
  height: 12px; }

.financial-crisis-wrapper .financial-crisis-tooltip-blank .financial-crisis-dot-container {
  cursor: auto; }

.financial-crisis-wrapper .financial-crisis-dot {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  top: -15px;
  left: -15px;
  background: #fff;
  border: #968e8a 3px solid;
  position: absolute;
  z-index: 2;
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }

.financial-crisis-wrapper .financial-crisis-dot:hover + .financial-crisis-pulse,
.financial-crisis-wrapper .financial-crisis-dot.financial-crisis-pulsed + .financial-crisis-pulse {
  display: none; }

/*BORDER COLORS*/
.financial-crisis-wrapper .yellow .financial-crisis-dot,
.financial-crisis-wrapper .yellow .financial-crisis-tooltip-dialog {
  border-color: #f6cb7b; }

.financial-crisis-wrapper .blue .financial-crisis-dot,
.financial-crisis-wrapper .blue .financial-crisis-tooltip-dialog {
  border-color: #37617A; }

.financial-crisis-wrapper .light-blue .financial-crisis-dot,
.financial-crisis-wrapper .light-blue .financial-crisis-tooltip-dialog {
  border-color: #40C1BB; }

.financial-crisis-wrapper .red .financial-crisis-dot,
.financial-crisis-wrapper .red .financial-crisis-tooltip-dialog {
  border-color: #CB4F53; }

.financial-crisis-wrapper .green .financial-crisis-dot,
.financial-crisis-wrapper .green .financial-crisis-tooltip-dialog {
  border-color: #40C1BB; }

.financial-crisis-wrapper .light-green .financial-crisis-dot,
.financial-crisis-wrapper .light-green .financial-crisis-tooltip-dialog {
  border-color: #A0EAC5; }

.financial-crisis-wrapper .grey .financial-crisis-dot,
.financial-crisis-wrapper .grey .financial-crisis-tooltip-dialog {
  border-color: #465058; }

.financial-crisis-wrapper .light-grey .financial-crisis-dot,
.financial-crisis-wrapper .light-grey .financial-crisis-tooltip-dialog {
  border-color: #968F8B; }

.financial-crisis-wrapper .orange .financial-crisis-dot,
.financial-crisis-wrapper .orange .financial-crisis-tooltip-dialog {
  border-color: #F38B3C; }

/*FILL COLOURS*/
.financial-crisis-wrapper .financial-crisis-tooltip.yellow .financial-crisis-dot:hover,
.financial-crisis-wrapper .financial-crisis-tooltip.yellow .financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.yellow .financial-crisis-title-container {
  background: #f6cb7b; }

.financial-crisis-wrapper .financial-crisis-tooltip.blue:hover .financial-crisis-dot,
.financial-crisis-wrapper .financial-crisis-tooltip.blue.financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.blue .financial-crisis-title-container {
  background: #37617A; }

.financial-crisis-wrapper .financial-crisis-tooltip.light-blue:hover .financial-crisis-dot,
.financial-crisis-wrapper .financial-crisis-tooltip.light-blue.financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.light-blue .financial-crisis-title-container {
  background: #40C1BB; }

.financial-crisis-wrapper .financial-crisis-tooltip.red:hover .financial-crisis-dot,
.financial-crisis-wrapper .financial-crisis-tooltip.red .financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.red .financial-crisis-title-container {
  background: #CB4F53; }

.financial-crisis-wrapper .financial-crisis-tooltip.green:hover .financial-crisis-dot,
.financial-crisis-wrapper .financial-crisis-tooltip.green .financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.green .financial-crisis-title-container {
  background: #40C1BB; }

.financial-crisis-wrapper .financial-crisis-tooltip.grey:hover .financial-crisis-dot,
.financial-crisis-wrapper .financial-crisis-tooltip.grey .financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.grey .financial-crisis-title-container {
  background: #465058; }

.financial-crisis-wrapper .financial-crisis-tooltip.light-grey:hover .financial-crisis-dot,
.financial-crisis-wrapper .financial-crisis-tooltip.light-grey .financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.light-grey .financial-crisis-title-container {
  background: #968F8B; }

.financial-crisis-wrapper .financial-crisis-tooltip.light-green:hover .financial-crisis-dot,
.financial-crisis-wrapper .financial-crisis-tooltip.light-green .financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.light-green .financial-crisis-title-container {
  background: #A0EAC5; }

.financial-crisis-wrapper .financial-crisis-tooltip.orange:hover .financial-crisis-dot,
.financial-crisis-wrapper .financial-crisis-tooltip.orange .financial-crisis-dot.financial-crisis-pulsed,
.financial-crisis-wrapper .financial-crisis-tooltip.orange .financial-crisis-title-container {
  background: #F38B3C; }

/*default dialog*/
.financial-crisis-wrapper .financial-crisis-tooltip-dialog {
  opacity: 0.1;
  position: absolute;
  z-index: 2;
  width: 50%;
  border-width: 4px 0 0;
  border-style: solid;
  top: 4px; }

.financial-crisis-wrapper .financial-crisis-tooltip-dialog.active {
  opacity: 1; }

.financial-crisis-wrapper .financial-crisis-tooltip.left .financial-crisis-tooltip-dialog {
  left: 0; }

.financial-crisis-wrapper .financial-crisis-tooltip.right .financial-crisis-tooltip-dialog {
  right: 0; }

.financial-crisis-wrapper .financial-crisis-tooltip-dialog p {
  font-family: "Roboto Regular", sans-serif;
  font-size: 1.2rem;
  margin: 0 !important;
  line-height: 1.4rem;
  color: #465058 !important; }

.financial-crisis-wrapper .financial-crisis-title-container {
  position: absolute;
  z-index: 1;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  color: #fff;
  top: -45px;
  display: table; }

.financial-crisis-wrapper .financial-crisis-tooltip.left .financial-crisis-title-container {
  left: 0; }

.financial-crisis-wrapper .financial-crisis-tooltip.right .financial-crisis-title-container {
  right: 0; }

.financial-crisis-wrapper .financial-crisis-year {
  font-family: "Roboto Regular", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 6px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.6rem; }

.financial-crisis-wrapper .financial-crisis-tooltip-dialog > .financial-crisis-tooltip-dialog-inner {
  position: absolute;
  top: 25px;
  width: 60%; }

.financial-crisis-wrapper .financial-crisis-tooltip.left .financial-crisis-tooltip-dialog-inner {
  left: 115px; }

.financial-crisis-wrapper .financial-crisis-tooltip.right .financial-crisis-tooltip-dialog-inner {
  margin-left: 50px; }

.financial-crisis-wrapper .financial-crisis-tooltip.right .financial-crisis-tooltip-dialog-inner.highlighted {
  top: 0;
  padding: 15px 20px 10px 20px;
  background: #f6dcdc; }

.financial-crisis-wrapper .tooltipster-base {
  pointer-events: auto; }

.financial-crisis-wrapper .tooltip_templates {
  display: none;
  position: absolute; }

.financial-crisis-wrapper .tooltipster-content {
  max-width: 260px;
  position: relative;
  z-index: 6; }

.financial-crisis-wrapper .financial-crisis-reload {
  height: 2em;
  padding: .3em;
  width: 1.5em;
  display: inline-block;
  position: relative; }

.financial-crisis-wrapper .financial-crisis-reload:before {
  border-color: transparent #ccc #ccc #ccc;
  border-radius: 50%;
  border-style: solid;
  border-width: .2em;
  height: 1.5em;
  width: 1.5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  display: block; }

.financial-crisis-wrapper .financial-crisis-reload:after {
  border-color: transparent transparent transparent #ccc;
  border-style: solid;
  border-width: .4125em 0 .4125em .6em;
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  display: block; }

@media only screen and (max-width: 768px) {
  .financial-crisis-wrapper .financial-crisis-container-wrapper {
    padding: 0; }
  .financial-crisis-wrapper .financial-crisis-container-slider {
    height: 6400px; }
  .financial-crisis-wrapper .financial-crisis-tooltip,
  .financial-crisis-wrapper .financial-crisis-tooltip-blank {
    height: 60px; }
  .financial-crisis-wrapper .financial-crisis-tooltip-dialog > .financial-crisis-tooltip-dialog-inner {
    top: 50px;
    width: 60%; }
  .financial-crisis-wrapper .financial-crisis-tooltip.left .financial-crisis-tooltip-dialog-inner {
    left: 25px; }
  .financial-crisis-wrapper .financial-crisis-tooltip.right .financial-crisis-tooltip-dialog-inner {
    margin-left: 50px; }
  .financial-crisis-wrapper .financial-crisis-tooltip-dialog p {
    font-size: 14px; }
  .financial-crisis-wrapper .financial-crisis-play {
    display: none; }
  .financial-crisis-wrapper .financial-crisis-tooltip.right .financial-crisis-tooltip-dialog-inner.highlighted {
    top: 50px;
    padding: 0 0 0 0;
    background: none; }
  .financial-crisis-wrapper .financial-crisis-tooltip.right .financial-crisis-tooltip-dialog-inner.highlighted p {
    color: #CB4F53 !important; } }

.msci-esg-ratings-chart {
  position: relative;
  margin: auto;
  width: 870px;
  background: #fff;
  padding: 20px 0; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic {
    width: 100%; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group {
    float: left;
    width: auto;
    text-align: center; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .boxes {
    width: 100%;
    height: 60px; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-2 {
    width: 28%; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-3 {
    width: 42%; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box {
    width: 114px;
    height: 60px;
    text-align: center;
    margin: 0 2px 20px 2px;
    float: left;
    color: #fff;
    font-family: "Roboto Black", sans-serif;
    line-height: 60px;
    font-size: 24px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-2 .box {
    width: 47%; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-3 .box {
    width: 31%; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.red .box {
    background: #D04F53; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.yellow .box {
    background: #FFB838; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.grey .box {
    background: #958F8B; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.green .box {
    background: #237E74; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.orange .box {
    background: #F98A3C; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-desc {
    clear: both; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .bracket {
    width: 96%;
    height: 40px;
    border-style: solid;
    border-color: #ccc;
    border-width: 0 1px 1px 1px;
    margin: 0 0 0 2px; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .connector {
    width: 1px;
    height: 0;
    margin: 0 auto 80px auto;
    background: #ccc; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-header {
    font-size: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Roboto Black", sans-serif; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.red .box-header {
    color: #D04F53; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.yellow .box-header {
    color: #FFB838; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.grey .box-header {
    color: #958F8B; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.green .box-header {
    color: #237E74; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.orange .box-header {
    color: #F98A3C; }
  .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-text {
    font-size: 19px;
    line-height: 22px;
    text-align: left;
    color: #454f58;
    opacity: 0;
    margin-top: 20px; }
  @media (max-width: 768px) {
    .msci-esg-ratings-chart .msci-esg-ratings-graphic .box {
      font-size: 21px; }
    .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-header {
      font-size: 15px; }
    .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-text {
      font-size: 15px;
      line-height: 20px; } }
  @media (max-width: 992px) {
    .msci-esg-ratings-chart {
      position: relative;
      margin: auto;
      height: auto;
      width: 100%; }
      .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.col-2,
      .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.col-3 {
        width: 33%;
        text-align: center; }
      .msci-esg-ratings-chart .msci-esg-ratings-graphic .boxes {
        height: auto; }
      .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-2 .box,
      .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-3 .box {
        margin: 5px auto;
        float: none;
        width: 80%; }
      .msci-esg-ratings-chart .msci-esg-ratings-graphic .box-text {
        font-size: 17px;
        line-height: 22px; } }

@media (max-width: 768px) {
  .default-layout-sticky-nav-sidebar .msci-esg-ratings-chart.container-fluid {
    padding-right: 18px; } }

.esg-screened-indexes-wrapper {
  width: 100%;
  max-width: 1170px;
  margin: 20px auto; }

.esg-screened-indexes-wrapper .ms113-row {
  text-align: center;
  display: block;
  clear: both;
  margin-bottom: 20px; }

.esg-screened-indexes-wrapper .ms113-col {
  width: calc(100% / 3);
  padding: 0 10px;
  float: left;
  text-align: center;
  position: relative;
  z-index: 1; }

.esg-screened-indexes-wrapper .hidden {
  display: none; }

.esg-screened-indexes-wrapper .box_main {
  font-family: 'DINProBold',sans-serif;
  border: 2px #237e74 solid;
  width: 100%;
  height: 44px;
  text-align: center;
  text-transform: uppercase;
  line-height: 44px;
  color: #237e74;
  margin: 5px 0;
  min-width: 260px; }

.esg-screened-indexes-wrapper .box_main:hover,
.esg-screened-indexes-wrapper .box_main.active {
  background: #237e74;
  color: #fff;
  cursor: pointer; }

.esg-screened-indexes-wrapper #text_intro {
  min-height: 60px; }

.esg-screened-indexes-wrapper .text_intro {
  font-size: 18px;
  padding-top: 20px;
  opacity: 0; }

.esg-screened-indexes-wrapper .bordered {
  border-bottom: 1px #ffb838 solid; }

.esg-screened-indexes-wrapper .ms113-circles-container {
  border: 2px #fff solid; }

.esg-screened-indexes-wrapper .ms113-circle {
  opacity: 0.6;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: #fff;
  text-transform: uppercase;
  color: #fff;
  padding: 5px;
  text-align: center;
  position: relative;
  z-index: 100;
  margin: 0 auto;
  line-height: 70px;
  font-size: 3.6rem;
  font-family: "DIN Next W01 Bold", "Helvetica Neue",Helvetica,Arial,sans-serif;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.esg-screened-indexes-wrapper .ms113-circle.active,
.esg-screened-indexes-wrapper .ms113-circle:hover {
  opacity: 1; }

.esg-screened-indexes-wrapper .ms113-circle.marigold-yellow,
.esg-screened-indexes-wrapper .ms113-boxes.marigold-yellow .ms113-box-header {
  background: #ffc62d; }

.esg-screened-indexes-wrapper .ms113-circle.tangerine-orange,
.esg-screened-indexes-wrapper .ms113-boxes.tangerine-orange .ms113-box-header {
  background: #f08900; }

.esg-screened-indexes-wrapper .ms113-circle.carnation-red,
.esg-screened-indexes-wrapper .ms113-boxes.carnation-red .ms113-box-header {
  background: #e44261; }

.esg-screened-indexes-wrapper .ms113-boxes-container {
  border: 2px #b4b9bd solid;
  padding-bottom: 20px; }

.esg-screened-indexes-wrapper .ms113-boxes {
  opacity: 0;
  visibility: hidden;
  height: 100px; }

.esg-screened-indexes-wrapper .ms113-boxes.active {
  height: auto; }

.esg-screened-indexes-wrapper .ms113-box-header {
  font-family: "DIN Next W01 Bold", "Helvetica Neue",Helvetica,Arial,sans-serif;
  width: 100%;
  color: #fff;
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 10px 0; }

.esg-screened-indexes-wrapper .ms113-box-content {
  text-align: left;
  padding: 10px;
  color: #465058; }

.esg-screened-indexes-wrapper .ms113-boxes.carnation-red .ms113-box-content {
  background: rgba(228, 66, 97, 0.2); }

.esg-screened-indexes-wrapper .ms113-boxes.tangerine-orange .ms113-box-content {
  background: rgba(240, 137, 0, 0.2); }

.esg-screened-indexes-wrapper .ms113-boxes.marigold-yellow .ms113-box-content {
  background: rgba(255, 198, 45, 0.2); }

.esg-screened-indexes-wrapper .ms113-box-connector {
  height: 30px;
  width: 2px;
  background: #b4b9bd;
  position: relative;
  left: 50%; }

@media (max-width: 768px) {
  .esg-screened-indexes-wrapper .ms113-col {
    width: calc(100% / 3); }
  .esg-screened-indexes-wrapper .ms113-col.ms113-boxes {
    width: calc(100% - 1px); }
  .esg-screened-indexes-wrapper .ms113-col.ms113-boxes {
    display: none; }
  .esg-screened-indexes-wrapper .ms113-col.ms113-boxes.active {
    display: block; } }

.aui section.msci-wealth-management-wrapper .esg-screened-indexes-wrapper,
.aui section.msci-wealth-management-wrapper .esg-screened-indexes-wrapper *,
.aui section.msci-wealth-management-wrapper .esg-screened-indexes-wrapper *:before,
.aui section.msci-wealth-management-wrapper .esg-screened-indexes-wrapper *:after {
  box-sizing: content-box !important; }

.mac-factors-pyramid-wrapper {
  width: 100%;
  max-width: 870px;
  margin: 0 auto; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid-hidden {
  display: none; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid-row {
  text-align: center;
  border-bottom: 1px #b4aca7 solid;
  padding: 0 0 20px; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid-col {
  padding: 0 20px; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid-collapse {
  position: relative;
  margin: 5px 0; }

.mac-factors-pyramid-wrapper .svg-container {
  /*responsive SVG hack*/
  width: 100%;
  height: 0;
  padding-top: 60%;
  position: relative; }

.mac-factors-pyramid-wrapper svg {
  position: absolute;
  top: 0;
  left: 0; }

.mac-factors-pyramid-wrapper .tier-a {
  fill: #978F8B;
  stroke-width: 2;
  stroke: #FFF; }

.mac-factors-pyramid-wrapper .tier-b {
  fill: #376179;
  stroke-width: 2;
  stroke: #FFF; }

.mac-factors-pyramid-wrapper .tier-c {
  fill: #3FBFBB;
  stroke-width: 2;
  stroke: #FFF; }

.mac-factors-pyramid-wrapper .tier-d {
  fill: #FA8A3B;
  stroke-width: 2;
  stroke: #FFF; }

.mac-factors-pyramid-wrapper .tier-e {
  fill: #FFB836;
  stroke-width: 2;
  stroke: #FFF; }

.mac-factors-pyramid-wrapper .st4 {
  fill: none;
  stroke: #484F57;
  stroke-linejoin: round; }

.mac-factors-pyramid-wrapper .st5 {
  fill: #FFB836;
  stroke: #FFFFFF;
  stroke-width: 2; }

.mac-factors-pyramid-wrapper .st6 {
  fill: #FFFFFF; }

.mac-factors-pyramid-wrapper .st7 {
  fill: #484F57; }

.mac-factors-pyramid-wrapper .st8 {
  fill: #484F57;
  stroke: #484F57;
  stroke-linejoin: round; }

.mac-factors-pyramid-wrapper .st9 {
  fill: #FFB836; }

.mac-factors-pyramid-wrapper .st10 {
  fill: #FA8A3B; }

.mac-factors-pyramid-wrapper .st11 {
  fill: #3FBFBB; }

.mac-factors-pyramid-wrapper .st12 {
  fill: #376179; }

.mac-factors-pyramid-wrapper .tier {
  opacity: 0.2;
  cursor: pointer; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box {
  display: none;
  opacity: 0; }

.mac-factors-pyramid-wrapper .text-box-header {
  font-family: "DIN Next W01 Medium", "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 20px; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_yellow .text-box-header,
.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_yellow ul li::before {
  color: #FFB838; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_orange .text-box-header,
.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_orange ul li::before {
  color: #F38B3C; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_green .text-box-header,
.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_green ul li::before {
  color: #40C1BB; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_blue .text-box-header,
.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_blue ul li::before {
  color: #37617A; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_grey .text-box-header,
.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box.ms112_grey ul li::before {
  color: #968F8B; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box ul {
  list-style: none;
  margin-left: 15px; }

.mac-factors-pyramid-wrapper .mac-factors-pyramid_text-box ul li::before {
  content: "\2022";
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

/* Remove visible clickable are on touch screen devices when clicking on an element in the SVG */
html.touch .mac-factors-pyramid-wrapper .tier {
  cursor: default; }

.gics-sector-industry-chart-wrapper {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto; }

.gics-sector-industry-chart-wrapper .ms111-hidden {
  display: none; }

.gics-sector-industry-chart-wrapper .ms111-row {
  text-align: center;
  border-bottom: 1px #b4aca7 solid;
  padding: 0 10% 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.gics-sector-industry-chart-wrapper .ms111-col {
  padding: 0 20px; }

.ms111-collapse {
  position: relative;
  margin: 5px 0; }

.ms111-collapse:after {
  content: "";
  position: absolute;
  right: 40px;
  top: 5px;
  height: 10px;
  width: 10px;
  border: solid black;
  border-width: 0 2px 2px 0;
  display: block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.gics-sector-industry-chart-wrapper .ms111-header {
  font-family: "DIN Next W01 Bold", "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
  color: #00293b;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 0;
  margin: 0; }

.gics-sector-industry-chart-wrapper .ms111-level-text {
  color: #b4aca7; }

.gics-sector-industry-chart-wrapper .box_main {
  font-family: "DIN Next W01 Bold", "Helvetica Neue",Helvetica,Arial,sans-serif;
  border: 2px #0626a9 solid;
  width: auto;
  min-width: 30%;
  display: inline-block;
  height: 44px;
  text-align: center;
  text-transform: uppercase;
  line-height: 44px;
  color: #00293b;
  margin: 5px;
  cursor: pointer;
  padding: 0 20px; }

.gics-sector-industry-chart-wrapper .box_main.active, .gics-sector-industry-chart-wrapper .box_main:hover {
  background: #0626a9;
  color: #fff; }

.gics-sector-industry-chart-wrapper .box_main.level2 {
  border: 2px #5987da solid;
  font-size: 12px; }

.gics-sector-industry-chart-wrapper .box_main.level2.active, .gics-sector-industry-chart-wrapper .box_main.level2:hover {
  background: #5987da; }

.gics-sector-industry-chart-wrapper .bordered {
  border-bottom: 1px #c7d2ec solid; }

.gics-sector-industry-chart-wrapper .box_main.level3 {
  border: 2px #c7d2ec solid;
  font-size: 12px; }

.gics-sector-industry-chart-wrapper .box_main.level3.active, .gics-sector-industry-chart-wrapper .box_main.level3:hover {
  background: none;
  color: #00293b;
  cursor: auto; }

@media (max-width: 768px) {
  .gics-sector-industry-chart-wrapper .box_main {
    width: calc(100% - 80px);
    height: 30px;
    line-height: 30px;
    font-size: 12px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .gics-sector-industry-chart-wrapper .box_main {
    width: auto;
    min-width: 48%; } }

.msci-interactive-assets {
  /*Small screen view*/ }
  .msci-interactive-assets .mac-factors-table-wrapper table {
    border-collapse: collapse; }
  .msci-interactive-assets .mac-factors-table-wrapper th {
    text-align: center; }
  .msci-interactive-assets .mac-factors-table-wrapper {
    max-width: 1170px;
    margin: 0 auto 20px;
    padding: 0 30px; }
  .msci-interactive-assets .mac-factors-table-wrapper .scrollbox {
    overflow-x: auto;
    overflow-y: hidden;
    background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0));
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 40px 100%, 40px 100%, 20px 100%, 20px 100%;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll; }
  .msci-interactive-assets .mac-factors-table-wrapper .ms112_1-hidden {
    display: none; }
  .msci-interactive-assets .mac-factors-table-wrapper .ms112_1-row {
    text-align: center;
    border-bottom: 1px #b4aca7 solid;
    padding: 0 0 20px; }
  .msci-interactive-assets .mac-factors-table-wrapper .ms112_1-col {
    padding: 0 20px; }
  .msci-interactive-assets .mac-factors-table-wrapper .ms112_1-collapse {
    position: relative;
    margin: 5px 0; }
  .msci-interactive-assets .mac-factors-table-wrapper.ms112_1-graphic svg .a {
    fill: #ccc; }
  .msci-interactive-assets .mac-factors-table-wrapper .row-title {
    fill: #fff; }
  .msci-interactive-assets .mac-factors-table-wrapper table {
    border: 1px #968f8b solid;
    margin-bottom: 10px;
    max-width: 99%; }
  .msci-interactive-assets .mac-factors-table-wrapper table tr {
    height: 40px; }
  .msci-interactive-assets .mac-factors-table-wrapper tr td,
  .msci-interactive-assets .mac-factors-table-wrapper tr th {
    position: relative; }
  .msci-interactive-assets .mac-factors-table-wrapper table thead tr.table-header {
    vertical-align: top; }
  .msci-interactive-assets .mac-factors-table-wrapper table thead tr.table-header th {
    width: 8%; }
  .msci-interactive-assets .mac-factors-table-wrapper table thead tr.table-header img {
    height: 50px;
    width: 50px;
    margin-bottom: 5px; }
  .msci-interactive-assets .mac-factors-table-wrapper table thead tr.table-header span {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px; }
  .msci-interactive-assets .mac-factors-table-wrapper table thead th {
    background: #37617A;
    color: #fff;
    padding: 0 5px;
    font-weight: normal; }
  .msci-interactive-assets .mac-factors-table-wrapper table .ms112_1-arrow {
    background: none;
    border: 1px transparent solid; }
  .msci-interactive-assets .mac-factors-table-wrapper .arrow-tip {
    background-size: 100% 100%;
    height: 12px;
    width: 15px;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 87.5 98.1' xml:space='preserve'%3E%3Cg%3E%3Cpolygon fill='%23FFFFFF' points='81.8,49.9 6.8,6.6 6.8,93.2 '/%3E%3Cpath fill='%23F38A3B' d='M4,98.1V1.6l83.5,48.2L4,98.1z M9.6,11.5v76.8l66.5-38.4L9.6,11.5z'/%3E%3C/g%3E%3C/svg%3E"); }
  .msci-interactive-assets .mac-factors-table-wrapper table tr td {
    font-family: "DIN Next W01 Medium", "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 5px;
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    height: 40px; }
  .msci-interactive-assets .mac-factors-table-wrapper td.td-orange.active {
    background: #F38B3C; }
  .msci-interactive-assets .mac-factors-table-wrapper td.td-grey.active {
    background: #B4ACA7; }
  .msci-interactive-assets .mac-factors-table-wrapper td.rotate {
    position: relative;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    width: 1.5em;
    padding-right: 7px; }
  .msci-interactive-assets .mac-factors-table-wrapper td.rotate span,
  .msci-interactive-assets .mac-factors-table-wrapper .arrow-left {
    display: block;
    -moz-transform: rotate(-90deg);
    /* FF3.5+ */
    -ms-transform: rotate(-90deg);
    /*IE10+*/
    -o-transform: rotate(-90deg);
    /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);
    /* Saf3.1+, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
    /* IE8 */
    margin-left: -10em;
    margin-right: -10em; }
  .msci-interactive-assets .mac-factors-table-wrapper td.rotate span,
  .msci-interactive-assets .mac-factors-table-wrapper .arrow-tip.rotate-right {
    -moz-transform: rotate(90deg);
    /* FF3.5+ */
    -ms-transform: rotate(90deg);
    /*IE10+*/
    -o-transform: rotate(90deg);
    /* Opera 10.5 */
    -webkit-transform: rotate(90deg);
    /* Saf3.1+, Chrome */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
    /* IE8 */ }
  .msci-interactive-assets .mac-factors-table-wrapper td.row-title {
    border-left: 1px #968F8B solid;
    border-right: 1px #968F8B solid;
    color: #ccc;
    padding-top: 3px;
    line-height: 1.2em; }
  .msci-interactive-assets .mac-factors-table-wrapper td.row-title.active {
    background: #eee;
    color: #000; }
  .msci-interactive-assets .mac-factors-table-wrapper td.row-title:hover {
    color: #000;
    cursor: pointer; }
  .msci-interactive-assets .mac-factors-table-wrapper .ms112_1-arrow .arrow-container {
    color: #F38B3C;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    text-align: center; }
  .msci-interactive-assets .mac-factors-table-wrapper .ms112_1-arrow .arrow-icon {
    width: 100%;
    height: 10px;
    display: block;
    border-top: 1px #f38b3c solid; }
  .msci-interactive-assets .mac-factors-table-wrapper.small-screen-view {
    font-size: 10px; }
  .msci-interactive-assets .mac-factors-table-wrapper.small-screen-view table {
    min-width: 720px; }
  .msci-interactive-assets .mac-factors-table-wrapper.small-screen-view table thead tr.table-header img {
    height: 30px;
    width: 30px;
    margin-bottom: 5px; }
  .msci-interactive-assets .mac-factors-table-wrapper.small-screen-view table thead tr.table-header span {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 5px; }

/* reset msci base css rules */
.antimicrobial-chart-container {
  box-sizing: content-box;
  padding-bottom: 40px; }
  .antimicrobial-chart-container h1, .antimicrobial-chart-container h2 {
    line-height: 1.3; }
  .antimicrobial-chart-container h3, .antimicrobial-chart-container h4, .antimicrobial-chart-container h5, .antimicrobial-chart-container h6, .antimicrobial-chart-container p {
    line-height: 1; }
  .antimicrobial-chart-container h2 {
    font-family: "Roboto Regular", sans-serif; }
  .antimicrobial-chart-container #pop-up .col {
    padding: 0; }

body .antimicrobial-chart-container .rcdc .deaths {
  flex-flow: row wrap-reverse;
  justify-content: flex-start;
  align-items: flex-end; }

@media (max-width: 900px) {
  .antimicrobial-chart-container {
    padding-left: 30px;
    padding-right: 30px; } }

/* endreset msci base css rules */
.antimicrobial-chart-container {
  position: relative;
  margin: auto auto 15px auto;
  height: auto;
  width: auto;
  max-width: 1100px;
  background: #fff;
  font-size: 13px;
  color: #011b2b;
  font-family: "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  min-width: 320px; }

.antimicrobial-chart-container-mobile {
  display: none; }

.antimicrobial-chart-container .fill-0 {
  fill: #00293b;
  color: #00293b;
  background-color: #00293b; }

.antimicrobial-chart-container .fill-1 {
  fill: #00293b;
  color: #00293b;
  background-color: #00293b; }

.antimicrobial-chart-container .fill-2 {
  fill: #00293b;
  color: #00293b;
  background-color: #00293b; }

.antimicrobial-chart-container .fill-3 {
  fill: #00293b;
  color: #00293b;
  background-color: #00293b; }

.antimicrobial-chart-container .fill-4 {
  fill: #00293b;
  color: #00293b;
  background-color: #00293b; }

.antimicrobial-chart-container .fill-5 {
  fill: #00293b;
  color: #00293b;
  background-color: #00293b; }

.antimicrobial-chart-container .fill-6 {
  fill: #00c4b3;
  color: #00c4b3;
  background-color: #00c4b3; }

.antimicrobial-chart-container .fill-6-2 {
  fill: red;
  color: red;
  background-color: red;
  /*stroke: rgba(0,196,179,1);
	stroke-width:4px;*/ }

.antimicrobial-chart-container .fill-7 {
  fill: #00293b;
  color: #00293b;
  background-color: #00293b; }

.antimicrobial-chart-container .fill-8 {
  fill: #00293b;
  color: #00293b;
  background-color: #00293b; }

.antimicrobial-chart-container h1 {
  font-size: 2rem; }

.antimicrobial-chart-container h2 {
  font-weight: 300;
  font-size: 1.1rem;
  margin: 5px 0; }

.antimicrobial-chart-container h3 {
  font-weight: 800;
  font-size: 1.3rem;
  margin: 10px 0;
  background: none !important; }

.antimicrobial-chart-container .subtitle {
  font-size: 1.2rem; }

.antimicrobial-chart-container #graphic {
  width: 100%;
  height: 500px;
  position: relative; }

.antimicrobial-chart-container .rcdc {
  width: calc(14.2% - 20px);
  margin: 0 10px;
  height: 100%;
  float: left;
  position: relative;
  cursor: pointer;
  opacity: 0.5; }

.antimicrobial-chart-container .rcdc:hover {
  opacity: 1; }

.antimicrobial-chart-container .rcdc .title {
  font-size: 16px;
  font-weight: 800;
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  background: none; }

.antimicrobial-chart-container .rcdc .deaths-total {
  font-size: 15px;
  font-weight: 800;
  padding: 6px 10px;
  text-align: center;
  width: calc(100% - 20px);
  color: #fff; }

.antimicrobial-chart-container .rcdc .funding-total {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  margin-top: 10px;
  display: none;
  position: absolute;
  top: 40px;
  width: calc(100% - 12px);
  color: #fff;
  padding: 4px 6px; }

.antimicrobial-chart-container .rcdc .deaths {
  display: flex;
  flex-wrap: wrap-reverse;
  align-content: flex-start;
  direction: ltr;
  height: 100%;
  width: 100%; }

.antimicrobial-chart-container .rcdc .funding {
  width: 100%;
  position: absolute;
  opacity: 0.5;
  bottom: 0;
  height: 0; }

.antimicrobial-chart-container #graphic .figure {
  height: 4%;
  width: calc(10% - 2px);
  margin: 1px;
  float: left;
  background: none !important; }

.antimicrobial-chart-container #graphic .figure svg {
  height: 100%;
  width: 100%; }

.antimicrobial-chart-container #pop-up {
  width: calc(100% - 40px);
  height: 160px;
  box-shadow: 0 2px 2px #999;
  color: #fff;
  display: none;
  opacity: 0;
  padding: 5px 20px 30px;
  margin-top: 30px;
  position: relative; }

.antimicrobial-chart-container #pop-up .col {
  width: 50%;
  float: left; }

.antimicrobial-chart-container .skull {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='skull' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 423' style='enable-background:new 0 0 320 423;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M311.7,341.4c-3.4-7.5-9.5-13.2-17.1-16.1c-11.1-4.2-23.2-1.7-31.7,6.3l-37.5-14.2l36.8-16 c8.8,7.5,21.1,9.4,31.9,4.7c7.5-3.3,13.3-9.3,16.3-16.9c3-7.6,2.9-16-0.4-23.5c-1.9-4.4-4.8-8.2-8.4-11.2c0.3-4.7-0.6-9.4-2.5-13.8 c-6.8-15.5-24.9-22.7-40.4-15.9c-13.4,5.8-20.5,20.1-17.9,33.9l-79.6,34.7c-0.4-0.2-0.8-0.4-1.2-0.6l-79.6-30.1 c0.8-5.7,0-11.5-2.4-16.8c-3.4-7.5-9.5-13.2-17.1-16.1c-7.7-2.9-16-2.6-23.5,0.7c-7.5,3.4-13.2,9.5-16.1,17.1 c-1.7,4.5-2.3,9.2-1.8,13.9c-3.5,3.2-6.2,7.2-7.8,11.6c-2.9,7.7-2.6,16,0.7,23.5c3.4,7.5,9.5,13.2,17.1,16.1 c11.1,4.2,23.2,1.7,31.7-6.3l37.5,14.2l-36.8,16c-8.8-7.5-21.1-9.4-32-4.7c-15.5,6.8-22.7,24.9-15.9,40.4c1.9,4.4,4.8,8.2,8.4,11.2 c-0.3,4.7,0.6,9.4,2.5,13.8c3.3,7.5,9.3,13.3,16.9,16.3c3.6,1.4,7.4,2.1,11.3,2.1c4.2,0,8.3-0.9,12.3-2.6 c13.4-5.8,20.5-20.1,17.9-33.9l79.5-34.6c0.1,0.1,0.3,0.2,0.4,0.2l80.5,30.5c-1.9,13.9,5.9,27.8,19.6,33c3.5,1.3,7.2,2,10.9,2 c4.3,0,8.6-0.9,12.6-2.7c7.5-3.4,13.2-9.5,16.1-17.1c1.7-4.5,2.3-9.2,1.8-13.9c3.5-3.2,6.2-7.2,7.9-11.6 C315.4,357.2,315.1,348.9,311.7,341.4L311.7,341.4z M116,312.4l-54.4-20.6c-2.8-1.1-6-0.2-7.8,2.2c-4.6,6-12.5,8.3-19.5,5.7 c-4.3-1.6-7.6-4.8-9.5-8.9c-1.9-4.2-2-8.8-0.4-13.1c1.2-3.3,3.4-6,6.3-8c2.4-1.6,3.5-4.5,2.8-7.3c-0.9-3.4-0.7-7,0.6-10.2 c1.6-4.3,4.8-7.6,8.9-9.5c4.2-1.9,8.8-2,13.1-0.4c8.8,3.3,13.3,13.2,9.9,22c-1.3,3.5,0.4,7.5,4,8.8l73.6,27.9l-27,11.7 C116.3,312.6,116.2,312.5,116,312.4L116,312.4z M72.2,369.2c-1.7,0.7-3,2.1-3.6,3.8c-0.7,1.7-0.6,3.6,0.1,5.2 c3.8,8.6-0.2,18.7-8.8,22.5c-4.2,1.8-8.8,1.9-13.1,0.2c-4.2-1.7-7.6-4.9-9.4-9.1c-1.4-3.2-1.8-6.7-1.1-10.2 c0.6-2.8-0.7-5.7-3.1-7.2c-3-1.8-5.3-4.5-6.7-7.7c-3.8-8.6,0.2-18.7,8.8-22.5c2.2-1,4.5-1.4,6.7-1.4c4.9,0,9.7,2.1,13,6.1 c1.9,2.3,5.2,3.1,7.9,1.9l188.8-82.2c3.5-1.5,5-5.5,3.5-9c-3.8-8.6,0.2-18.7,8.8-22.5c8.6-3.8,18.7,0.2,22.5,8.8 c1.4,3.2,1.8,6.7,1.1,10.2c-0.6,2.8,0.7,5.7,3.1,7.2c3,1.8,5.3,4.5,6.7,7.7c3.8,8.6-0.2,18.7-8.8,22.5c-6.9,3-14.8,1.1-19.8-4.7 c-1.9-2.3-5.2-3.1-7.9-1.9L72.2,369.2z M299.7,360.1c-1.2,3.3-3.4,6-6.3,8c-2.4,1.6-3.5,4.5-2.8,7.3c0.9,3.4,0.7,7-0.6,10.2 c-1.6,4.3-4.8,7.6-8.9,9.5c-4.2,1.9-8.8,2-13.1,0.4c-8.8-3.3-13.3-13.2-9.9-22c1.3-3.5-0.4-7.5-4-8.8l-73.6-27.9l26.9-11.7 c0.1,0,0.2,0.1,0.3,0.2l54.6,20.7c2.8,1.1,6,0.2,7.8-2.2c4.6-6,12.5-8.3,19.5-5.7c4.3,1.6,7.6,4.8,9.5,8.9 C301.2,351.2,301.3,355.8,299.7,360.1z'/%3E%3Cpath class='st0' d='M104,197.2v36.4c0,3.8,3.1,6.8,6.8,6.8h95.6c3.8,0,6.8-3.1,6.8-6.8v-36.4c29.6-18.7,47.8-51.5,47.8-86.5 C261,54.2,215.1,8.3,158.6,8.3S56.2,54.2,56.2,110.7C56.2,145.7,74.4,178.5,104,197.2z M158.6,21.9c48.9,0,88.7,39.8,88.7,88.7 c0,31.5-17,60.9-44.4,76.8c-2.1,1.2-3.4,3.5-3.4,5.9v33.4h-20.5v-27.3c0-3.8-3.1-6.8-6.8-6.8s-6.8,3.1-6.8,6.8v27.3h-13.7v-27.3 c0-3.8-3.1-6.8-6.8-6.8c-3.8,0-6.8,3.1-6.8,6.8v27.3h-20.5v-33.4c0-2.4-1.3-4.7-3.4-5.9c-27.4-15.9-44.4-45.3-44.4-76.8 C69.8,61.8,109.7,21.9,158.6,21.9z'/%3E%3Cpath class='st0' d='M203,144.8c16.9,0,30.7-13.8,30.7-30.7S219.9,83.4,203,83.4s-30.7,13.8-30.7,30.7S186,144.8,203,144.8z M203,97c9.4,0,17.1,7.7,17.1,17.1s-7.7,17.1-17.1,17.1s-17.1-7.7-17.1-17.1S193.5,97,203,97z'/%3E%3Cpath class='st0' d='M144.9,114.1c0-16.9-13.8-30.7-30.7-30.7s-30.7,13.8-30.7,30.7s13.8,30.7,30.7,30.7S144.9,131,144.9,114.1z M97.1,114.1c0-9.4,7.7-17.1,17.1-17.1s17.1,7.7,17.1,17.1s-7.7,17.1-17.1,17.1S97.1,123.5,97.1,114.1z'/%3E%3Cpath class='st0' d='M144.3,170.8c1.2,0.9,2.6,1.3,4,1.3c2.1,0,4.2-1,5.5-2.8l3-4h3.4l3.2,4.2c2.3,3,6.6,3.6,9.6,1.3 c3-2.3,3.6-6.6,1.3-9.6l-10.5-13.7c-1.3-1.7-3.4-2.6-5.5-2.7c-2.1,0-4.2,1.1-5.4,2.8l-10,13.7C140.6,164.3,141.3,168.6,144.3,170.8 L144.3,170.8z'/%3E%3C/g%3E%3C/svg%3E");
  width: 40px;
  height: 40px;
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0 10px 0 0;
  float: left; }

.antimicrobial-chart-container .payment {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511 512' style='enable-background:new 0 0 511 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M235.8,347.3c3.9-3.9,3.9-10.2,0-14.1c-3.9-3.9-10.2-3.9-14.1,0c-3.9,3.9-3.9,10.2,0,14.1 C225.6,351.2,231.9,351.2,235.8,347.3z'/%3E%3Cpath class='st0' d='M188.4,110c0,60.6,49.3,110,110,110s110-49.3,110-110S359.1,0,298.4,0S188.4,49.3,188.4,110z M388.4,110 c0,49.6-40.4,90-90,90s-90-40.4-90-90c0-49.6,40.4-90,90-90S388.4,60.4,388.4,110z'/%3E%3Cpath class='st0' d='M115.7,509c3.9,3.9,10.2,3.9,14.1,0.1l48.5-47.8c8.2-8.2,10.7-20.4,7.1-31l10.4-10.1c5.6-5.4,13-8.4,20.8-8.4 h132.9c23.6,0,45.9-9.1,62.8-25.5c0.7-0.7-5.3,6.4,90.7-108.3c14.2-16.8,12.1-42.1-4.8-56.4c-16.7-14.1-41.8-12.1-56.1,4.5l-59,60.6 c-7.4-9.2-18.8-14.9-31.1-14.9H240.5c-15.9-6.6-32.7-10-50.1-10c-48.1,0-90.2,22.2-112.7,63.9c-9.5-1.8-19.5,1.1-26.7,8.3L3.4,381.8 c-3.9,3.9-3.9,10.2,0,14.1L115.7,509z M190.4,281.9c15.3,0,30.1,3.1,44,9.2c1.3,0.6,2.6,0.8,4,0.8H352c10.8,0,20,8.8,20,20 c0,11-9,20-20,20h-81.6c-5.5,0-10,4.5-10,10c0,5.5,4.5,10,10,10H352c22.1,0,40-17.9,40-40c0-1.8-0.1-3.5-0.4-5.2 c57.1-58.7,65.1-66.9,65.5-67.3c7.1-8.4,19.8-9.5,28.2-2.4c8.4,7.1,9.5,19.8,2.3,28.2l-89.7,107.2c-13.1,12.6-30.3,19.5-48.5,19.5 H216.6c-13,0-25.4,5-34.7,14l-8.5,8.2l-78.3-78.3C113.4,301.5,147.7,281.9,190.4,281.9z M65.1,348.3c3.3-3.3,8.4-3.9,12.4-1.4 c1.7,1.1-3.2-3.5,86.6,86.2c4,4,3.8,10.4,0.1,14.1l-41.3,40.7l-98.2-99L65.1,348.3z'/%3E%3Cpath class='st0' d='M286.4,50v11.7c-11.6,4.1-20,15.2-20,28.3c0,16.5,13.5,30,30,30c5.5,0,10,4.5,10,10s-4.5,10-10,10 c-4.3,0-8.9-2.7-13-7.6c-3.6-4.2-9.9-4.8-14.1-1.2c-4.2,3.6-4.8,9.9-1.2,14.1c5.3,6.4,11.6,10.8,18.3,13V170c0,5.5,4.5,10,10,10 s10-4.5,10-10v-11.7c11.6-4.1,20-15.2,20-28.3c0-16.5-13.5-30-30-30c-5.5,0-10-4.5-10-10s4.5-10,10-10c3.5,0,7.3,1.8,10.8,5.2 c4,3.8,10.3,3.7,14.1-0.2c3.8-4,3.7-10.3-0.2-14.1c-5.1-4.9-10.2-7.7-14.7-9.2V50c0-5.5-4.5-10-10-10S286.4,44.5,286.4,50z'/%3E%3C/svg%3E%0A");
  width: 40px;
  height: 40px;
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0 10px 0 0;
  float: left; }

.antimicrobial-chart-container .statistic {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 40px; }

.antimicrobial-chart-container .highlight {
  font-weight: 800;
  background: none; }

.antimicrobial-chart-container .highlight-2 {
  font-weight: 800;
  color: #fff !important;
  padding: 2px 4px; }

.antimicrobial-chart-container #axis {
  top: 695px;
  left: 0;
  position: absolute;
  font-weight: 500;
  font-size: 1rem; }

.antimicrobial-chart-container .close-button {
  position: absolute;
  top: 10px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

.antimicrobial-chart-container .close-button::before, .antimicrobial-chart-container .close-button::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #FFFFFF; }

.antimicrobial-chart-container .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.antimicrobial-chart-container .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@media (max-width: 900px) {
  .antimicrobial-chart-container-mobile {
    display: inline-block; }
  .antimicrobial-chart-container .rcdc {
    height: 40px;
    width: 100%;
    margin: 30px 0;
    outline: none;
    border-top: 1px #ccc solid; }
  .antimicrobial-chart-container .rcdc .deaths {
    overflow: hidden; }
  .antimicrobial-chart-container #graphic .figure {
    height: 100%;
    width: 10px; }
  .antimicrobial-chart-container .rcdc .title {
    top: -30px;
    font-size: 20px;
    padding-bottom: 10px; }
  .antimicrobial-chart-container .rcdc .deaths-total {
    font-size: 15px;
    font-weight: 800;
    padding: 4px 0;
    text-align: left;
    width: calc(100% - 20px);
    background: none;
    color: #011b2b; }
  .antimicrobial-chart-container .rcdc .funding-total {
    font-size: 18px;
    font-weight: 800;
    text-align: right;
    display: none;
    width: calc(100% - 12px);
    color: #011b2b;
    background: none;
    margin: 0;
    padding: 4px 0; }
  .antimicrobial-chart-container .rcdc .funding {
    height: 100%;
    position: absolute;
    opacity: 0.5;
    left: 0;
    width: 0; }
  .antimicrobial-chart-container #pop-up {
    position: absolute;
    height: auto;
    width: calc(100% - 100px); }
  .antimicrobial-chart-container #pop-up .col {
    width: 100%;
    float: none; }
  .antimicrobial-chart-container .rcdc .funding-total {
    font-size: 14px; }
  .antimicrobial-chart-container .statistic {
    font-size: 1rem;
    font-weight: 300;
    line-height: 40px; } }

/* reset msci base css rules */
.balance-people-and-planet-chart-container {
  box-sizing: content-box;
  padding-bottom: 40px; }
  .balance-people-and-planet-chart-container h1, .balance-people-and-planet-chart-container h2 {
    font-size: 2rem;
    line-height: 1.3; }
  .balance-people-and-planet-chart-container h3, .balance-people-and-planet-chart-container h4, .balance-people-and-planet-chart-container h5, .balance-people-and-planet-chart-container h6, .balance-people-and-planet-chart-container p {
    line-height: 1; }
  .balance-people-and-planet-chart-container h2 {
    font-family: "Roboto Regular", sans-serif; }
  .balance-people-and-planet-chart-container hr {
    border-top: 1px inset white; }
  .balance-people-and-planet-chart-container h3 {
    font-family: "Roboto Bold", sans-serif; }
  .balance-people-and-planet-chart-container span {
    font-size: 16px; }
    .balance-people-and-planet-chart-container span.metals-need {
      font-family: "Roboto Black", sans-serif; }
    .balance-people-and-planet-chart-container span.metals-industry {
      font-family: "Roboto Bold", sans-serif; }
  .balance-people-and-planet-chart-container .highcharts-data-label span {
    font-family: "Roboto Bold", sans-serif; }
  .balance-people-and-planet-chart-container p {
    font-size: 16px;
    margin-top: 1rem;
    margin-bottom: 1rem; }

@media (max-width: 900px) {
  .balance-people-and-planet-chart-container {
    padding-left: 30px;
    padding-right: 30px; } }

/* endreset msci base css rules */
.balance-people-and-planet-chart-container {
  max-width: 1120px;
  margin: 0 auto; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .right {
    float: right; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 h2 {
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin-bottom: 0; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220, .balance-people-and-planet-chart-container #esg-chart-metals-110220 #graphic {
    position: relative; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label span.coverage-label {
    display: block;
    padding: 10px;
    border-radius: 4px;
    border: 2px #fff solid;
    width: 100px;
    white-space: normal !important;
    text-align: center; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label .coverage-label .coverage-perc {
    font-size: 24px; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label text {
    text-decoration: none !important; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label span.metals-name {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    position: relative; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .metals-symbol {
    display: inline-block;
    height: 1.4rem;
    width: 1.4rem !important;
    padding: 4px 6px;
    font-size: 1.2rem;
    color: #fff;
    background-color: #000;
    border-radius: 4px;
    margin: 0 10px 0 0;
    text-transform: capitalize;
    text-align: center;
    line-height: 1.4rem;
    float: left; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label span.metals-name-plus {
    font-size: 1.4rem; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label span {
    text-decoration: none !important; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-root {
    font-family: Roboto,sans-serif !important;
    font-weight: 700; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-figure {
    position: relative;
    margin: 0; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-figure #container {
    min-height: 600px; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 #zoom-out-button {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -15px;
    height: 40px;
    width: 40px;
    z-index: 10000;
    display: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 851 851' style='enable-background:new 0 0 851 851;\a 	    ' xml:space='preserve'%3E%3Cpath d='M398.1,300.9H247.9c-12.9,0-23.4,10.5-23.4,23.4c0,12.9,10.5,23.4,23.4,23.4h150.2c12.9,0,23.4-10.5,23.4-23.4 C421.5,311.4,411,300.9,398.1,300.9z'/%3E%3Cpath d='M801.6,695L615.2,508.5c-27.6,43.6-64.6,80.6-108.2,108.1l186.5,186.5c31.7,31.7,79.3,22.6,105-3.1 C815.2,783.3,840.3,733.6,801.6,695z'/%3E%3Cpath d='M621.8,324.3c0-164.7-134-298.8-298.8-298.8c-164.7,0-298.8,134-298.8,298.8C24.2,489,158.3,623,323,623 C487.7,623,621.8,489,621.8,324.3z M323,522.9c-109.5,0-198.6-89.1-198.6-198.6c0-109.5,89.1-198.6,198.6-198.6 s198.6,89.1,198.6,198.6C521.6,433.8,432.5,522.9,323,522.9z'/%3E%3C/svg%3E"); }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .icon-controversy {
    position: absolute;
    height: 30px;
    width: 30px;
    z-index: 10000;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ5MC43IDQ5MC43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuNyA0OTAuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik00MTYsMEg3NC43QzMzLjUsMCwwLDMzLjUsMCw3NC43djIzNC43QzAsMzUwLjUsMzMuNSwzODQsNzQuNywzODRoMjMwLjNsMTAzLjUsMTAzLjZjMiwyLDQuOCwzLjEsNy42LDMuMQ0KCQkJYzEuNCwwLDIuOC0wLjMsNC4xLTAuOGM0LTEuNiw2LjYtNS41LDYuNi05Ljl2LTk2LjdjMzYuMS01LjIsNjQtMzYuNCw2NC03My45Vjc0LjdDNDkwLjcsMzMuNSw0NTcuMiwwLDQxNiwweiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQ1LjMsMjU2Yy0xNy42LDAtMzIsMTQuNC0zMiwzMnMxNC40LDMyLDMyLDMyczMyLTE0LjQsMzItMzJTMjYzLDI1NiwyNDUuMywyNTZ6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzkuNCw3NC4yYy02LTYuNS0xNC42LTEwLjItMjMuNC0xMC4yaC0yMS4zYy04LjksMC0xNy40LDMuNy0yMy40LDEwLjJjLTYsNi41LTkuMSwxNS4yLTguNSwyNC4ybDksMTA1LjENCgkJCWMxLjIsMTcuNSwxNS45LDMxLjEsMzMuNiwzMS4xYzE3LjUsMCwzMi4yLTEzLjcsMzMuNC0zMWw5LjItMTA1LjRDMjg4LjYsODkuNSwyODUuNSw4MC43LDI3OS40LDc0LjJ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
    background-repeat: no-repeat; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box {
    position: absolute;
    top: -130px;
    width: calc(100% - 80px);
    padding: 15px 40px;
    height: auto;
    background: rgba(0, 41, 59, 0.9);
    opacity: 0;
    color: #fff;
    display: none;
    z-index: 10000; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box h3 {
    font-size: 32px;
    margin: 5px 0; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box .metals-need {
    font-size: 30px;
    font-weight: 900; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box .metals-industries {
    width: 100%;
    font-weight: 700; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box .metals-industry {
    float: left;
    width: 30%;
    max-width: 300px;
    display: block;
    margin: 2px 10px 2px 0;
    font-size: 16px; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 #metal-bar {
    display: none; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 #metalBar {
    margin: 10px 10px 0 0;
    fill: #fff; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-drillup-button {
    display: none !important; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .close-button {
    position: absolute;
    top: 10px;
    height: 31px;
    right: 0;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .close-button::before, .balance-people-and-planet-chart-container #esg-chart-metals-110220 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 20px;
    height: 1px;
    background: #FFFFFF; }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .balance-people-and-planet-chart-container #esg-chart-metals-110220 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  @media (max-width: 720px) {
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-figure #container {
      height: 500px;
      min-height: 400px;
      min-width: 320px; }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label span {
      overflow: visible !important; }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label span.metals-name {
      font-size: 14px; }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label span.metals-name .metals-symbol {
      display: none; }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label span.coverage-label {
      display: block;
      padding: 6px;
      border-radius: 4px;
      border: 2px #fff solid;
      font-size: 12px; }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-data-label .coverage-label .coverage-perc {
      font-size: 16px; }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box {
      padding: 5px 20px;
      width: calc(100% - 40px); }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box .metals-industry {
      float: left;
      width: 100%;
      display: block;
      margin: 2px 0;
      font-size: 14px; }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box h3 {
      font-size: 22px; }
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 #summary-box .metals-need {
      font-size: 20px; } }
  @media (max-width: 500px) {
    .balance-people-and-planet-chart-container #esg-chart-metals-110220 .highcharts-figure #container {
      height: 400px;
      min-height: 400px;
      min-width: 320px; } }

/* reset msci base css rules */
.esg-divergence-chart-container {
  box-sizing: content-box;
  padding-bottom: 40px; }
  .esg-divergence-chart-container h1, .esg-divergence-chart-container h2 {
    font-size: 2rem;
    line-height: 1.3; }
  .esg-divergence-chart-container h3, .esg-divergence-chart-container h4, .esg-divergence-chart-container h5, .esg-divergence-chart-container h6, .esg-divergence-chart-container p {
    line-height: 1; }
  .esg-divergence-chart-container h2 {
    font-family: "Roboto Regular", sans-serif; }
  .esg-divergence-chart-container hr {
    border-top: 1px inset white; }
  .esg-divergence-chart-container h3 {
    font-family: "Roboto Bold", sans-serif; }
  .esg-divergence-chart-container span {
    font-size: 16px; }
    .esg-divergence-chart-container span.metals-need {
      font-family: "Roboto Black", sans-serif; }
    .esg-divergence-chart-container span.metals-industry {
      font-family: "Roboto Bold", sans-serif; }
  .esg-divergence-chart-container .highcharts-data-label span {
    font-family: "Roboto Bold", sans-serif; }
  .esg-divergence-chart-container p {
    font-size: 16px;
    margin-top: 1rem;
    margin-bottom: 1rem; }

@media (max-width: 900px) {
  .esg-divergence-chart-container {
    padding-left: 30px;
    padding-right: 30px; } }

/* endreset msci base css rules */
.esg-divergence-chart-container #esg-chart-divergence-200220 path.red, .esg-divergence-chart-container #esg-chart-divergence-200220 g.red path {
  fill: #e44261; }

.esg-divergence-chart-container #esg-chart-divergence-200220 path.blue, .esg-divergence-chart-container #esg-chart-divergence-200220 g.blue path {
  fill: #0626a9; }

.esg-divergence-chart-container #esg-chart-divergence-200220 {
  position: relative;
  margin: auto;
  height: auto;
  width: auto;
  max-width: 1100px;
  background: #fff;
  font-size: 13px;
  font-family: "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .mobile {
  display: none; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .chart {
  max-width: 1100px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  color: #465058;
  position: relative;
  z-index: 3;
  overflow: hidden; }

.esg-divergence-chart-container #esg-chart-divergence-200220 h1 {
  font-size: 2.2rem; }

.esg-divergence-chart-container #esg-chart-divergence-200220 h2 {
  font-weight: 300;
  font-size: 1.1rem;
  margin: 5px 0; }

.esg-divergence-chart-container #esg-chart-divergence-200220 h3 {
  font-weight: 800;
  font-size: 1.2rem;
  margin: 20px 0; }

.esg-divergence-chart-container #esg-chart-divergence-200220 h4 {
  font-weight: 800;
  font-size: 1.2rem;
  margin: 20px 0 -20px 0;
  text-align: center; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #subtitle {
  color: #000; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .map {
  width: 100%;
  position: relative;
  z-index: 3;
  height: auto;
  z-index: 4; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #map-overlay {
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #fff;
  position: absolute;
  z-index: 6;
  display: none; }

.esg-divergence-chart-container #esg-chart-divergence-200220 p.small {
  font-size: 11px; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #map {
  width: 100%;
  height: auto;
  margin: 20px 0 0 0; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #map path.active {
  stroke: #333; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #map path:hover {
  cursor: pointer; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #menu-bar {
  position: absolute;
  right: 0;
  width: calc(40% - 28px);
  display: inline-block;
  z-index: 7;
  top: 20px; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #emissions-key {
  width: 100%;
  text-align: left;
  font-weight: 800;
  margin-top: 15px;
  z-index: 5; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .emissions-key-chart {
  height: 20px;
  margin-top: 5px;
  float: left;
  position: relative; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .emissions-key-chart.range {
  background: #00293b;
  background: linear-gradient(90deg, rgba(0, 196, 179, 0.1) 0%, #00c4b3 100%);
  width: 80%; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .emissions-key-chart.achieved {
  background: #6c7bd3;
  width: 30%; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .emissions-key-chart.na {
  background: #d5d7d5;
  width: 20%; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .emissions-key-chart span.key-title {
  display: block;
  position: absolute;
  height: 20px;
  line-height: 20px;
  font-size: 12px; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .top-menu {
  padding-left: 20px;
  padding-right: 30px;
  position: relative;
  text-align: left;
  height: 30px;
  cursor: pointer;
  width: calc(100% - 50px);
  color: #FFFFFF;
  text-transform: uppercase;
  background: #002036;
  margin-right: 28px;
  line-height: 30px; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .top-menu::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
  content: '';
  display: inline-block;
  height: 1em;
  right: 1em;
  position: absolute;
  top: 0.6em;
  vertical-align: top;
  width: 1em;
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #menu-bar.open .top-menu::after {
  transform: rotate(180deg);
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .sub-menu {
  text-align: left;
  position: absolute;
  top: 30px;
  display: none;
  color: #002036;
  text-transform: none;
  left: 0;
  background-color: #FFFFFF;
  width: 100%;
  z-index: 2;
  border: 1px solid #DAE0F8;
  border-top-color: #dae0f8;
  border-top-style: solid;
  border-top-width: 1px;
  border-top: 0px;
  overflow: auto;
  max-height: 400px; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .sub-menu .sub-menu-item {
  padding-left: 40px;
  padding-right: 20px;
  min-height: 26px;
  line-height: 26px;
  cursor: pointer;
  color: #000;
  font-size: 15px;
  border-bottom: 1px #002036 solid;
  position: relative; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .sub-menu .sub-menu-item:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: block;
  margin: 0 10px;
  position: absolute;
  top: 3px;
  left: 0; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .sub-menu .sub-menu-item.red:before {
  background: #e44261; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .sub-menu .sub-menu-item.blue:before {
  background: #0626a9; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .sub-menu .sub-menu-item:hover {
  background: #002036;
  color: #fff; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box {
  /*margin-top:40px;*/
  position: absolute;
  bottom: -1000px;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  z-index: 9;
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  display: none;
  height: 75%;
  text-align: left; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-header {
  width: calc(100% - 10px);
  padding: 3px 0 3px 10px;
  background-color: #eee;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  z-index: 1;
  text-align: left;
  font-size: 18px;
  color: #fff;
  position: relative;
  border-bottom: 1px #fff solid; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .data-box-content {
  padding: 10px;
  font-size: 17px;
  overflow-y: scroll;
  height: calc(100% - 60px); }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-content table {
  width: 100%;
  text-align: left; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-summary {
  padding-top: 20px; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-companies {
  border-top: 1px #000 solid;
  clear: both;
  margin-top: 20px;
  padding-top: 20px; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-content table tr td {
  padding: 5px 0;
  vertical-align: top; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-content table tr td.value {
  width: 20%;
  font-weight: 800; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-summary tr td:first-child {
  width: 70%;
  font-weight: 700; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-companies tr td:first-child {
  width: 35%;
  font-weight: 700; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-col8 {
  width: 60%;
  float: left; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-col6 {
  width: 50%;
  float: left; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-col4 {
  width: 40%;
  float: left; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-col12 {
  width: 100%; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-col6 .data-box-content {
  padding: 5px 10px;
  overflow: hidden; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .close-button {
  position: absolute;
  top: 6px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .close-button::before, .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .close-button::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #fff; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .highlight {
  font-weight: 800; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .statistic {
  font-size: 1rem; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box.red .data-box-header, .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box-red .data-box-header {
  background-color: #e44261; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box.blue .data-box-header, .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box-blue .data-box-header {
  background-color: #0626a9; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box-red {
  background-color: rgba(228, 66, 97, 0.1); }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box-blue {
  background-color: rgba(6, 38, 169, 0.1); }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box.red {
  border-bottom: 4px solid #e44261; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #data-box.blue {
  border-bottom: 4px solid #0626a9; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #tooltip {
  position: absolute;
  display: none;
  background: #002036;
  min-width: 135px;
  padding: 10px;
  height: auto;
  line-height: 20px;
  color: #FFFFFF;
  z-index: 8;
  font-weight: 500; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #tooltip.detailed {
  cursor: pointer; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #tooltip.red {
  background: #e44261; }

.esg-divergence-chart-container #esg-chart-divergence-200220 #tooltip.blue {
  background: #0626a9; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .info-stick {
  position: absolute;
  top: 100%;
  left: 50%;
  background: #0626a9;
  height: 20px;
  width: 2px; }

.esg-divergence-chart-container #esg-chart-divergence-200220 .icon-republican {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  line-height: 20px;
  top: -5px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='svg2' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 600 521' style='enable-background:new 0 0 600 521;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%231404BD;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23DE0100;%7D%0A%3C/style%3E%3Cpath class='st0' d='M264.1,10.9C136.3,11.7,25.5,40.4,25.6,181.2c0,36.5,1.3,39.4,22.6,39.3c21.1-0.1,436.9-0.5,437.2-0.5 c16.3,0.2,20.6-3.8,20.5-31.6C505.5,42.9,413.2,9.9,264.1,10.9z M141.5,141.2l-14.2,43.3L112.8,141l-45.6-0.2l36.9-27.2L90.2,70.3 l37.2,26.7l37-26.7l-13.9,43.7l36.8,26.9L141.5,141.2z M281.3,140.7L267.1,184l-14.4-43.5l-45.6-0.2l36.9-27.2L230,69.8l37.2,26.7 l37-26.7l-13.9,43.7l36.8,26.9L281.3,140.7z M420.9,141.2l-14.2,43.3L392.2,141l-45.6-0.2l36.9-27.2l-13.9-43.4l37.2,26.7l37-26.7 l-13.9,43.7l36.8,26.9L420.9,141.2z'/%3E%3Cpath id='trunk' class='st1' d='M44.6,235.1c-13.2-0.1-17.8,3.5-17.8,14.8c0,23.3-1.8,203.5-0.8,232.8c0.4,11.5,6.8,14.9,15.3,15 c19,0.3,66.4,0.9,83.9,0.5c12-0.3,17.2-6,17.8-23.3c0.5-16.2-0.3-43.1,0.3-67.1c0.2-8.1,3-14,11.3-14.3c21-0.6,101.5-0.6,117.5-0.3 c20.3,0.5,23.6,0.3,24.1,21.3c0.6,25,0.5,40.3-0.3,59.6c-0.8,20.6,6,22.6,17,22.8c16.3,0.4,53.9-0.5,72.7-0.3 c25,0.4,24.5-7.3,24.8-39.8c0.1-14,0-62.9-0.5-85.2c-0.1-5.5,2.8-9.5,6.5-9.5c15.3-0.3,18.5,39.8,22.3,59.9 c14.1,74.3,46.5,83.8,76.2,83.9c37.1,0.2,72.5-30.6,72.7-94c0-9.5-2-17.8-9-17.8c-31.3,0-13,0.5-29.6,0c-8.8-0.3-16.5,1-14.8,14.5 s2.5,38.7-14.5,39.3c-7.3,0.3-13-5-13-19.8c0-14.8-1-165.4-1.5-177.4c-0.3-6.5-0.5-16.3-13.5-16C475.3,235.2,71,235.3,44.6,235.1z' /%3E%3C/svg%3E%0A"); }

.esg-divergence-chart-container #esg-chart-divergence-200220 .icon-democratic {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  line-height: 20px;
  top: -5px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='svg4190' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 312' style='enable-background:new 0 0 320 312;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bfill:%23031BBB;%7D .st2%7Bfill:%23FF0000;%7D%0A%3C/style%3E%3Cg id='g4230' class='st0'%3E%3C/g%3E%3Cpath id='rect4483' class='st1' d='M54.4,4.2c-0.2,0-0.3,0-0.5,0.1c-0.2,0.1-0.3,0.1-0.5,0.2c-0.1,0.1-0.3,0.2-0.4,0.4 c-0.3,0.4-0.8,0.9-1.2,1.6c-0.2,0.4-0.5,0.8-0.8,1.2c-0.5,0.9-1.1,1.9-1.7,2.9c-0.6,1.1-1.2,2.2-1.8,3.4c-0.5,1-1,1.9-1.4,2.7 c-0.4,0.8-0.7,1.5-1,2.2s-0.6,1.3-0.8,1.9c-0.4,1.2-0.7,2.2-0.9,3.3c-0.3,1.7-0.3,3.5-0.3,6.2c0,0.7,0,1.4,0,2c0,0.6,0,1.2-0.1,1.7 c-0.1,2.1-0.4,3.5-0.8,4.4c-0.1,0.2-0.2,0.5-0.3,0.6s-0.3,0.4-0.4,0.5c-0.2,0.2-0.3,0.3-0.5,0.5c-0.3,0.3-0.6,0.4-0.8,0.5 c-0.1,0-0.3,0.1-0.4,0.1c-0.3,0-0.5,0-0.9-0.2c-0.2-0.1-0.3-0.2-0.5-0.3c-0.2-0.1-0.4-0.2-0.6-0.4c-0.2-0.1-0.3-0.2-0.5-0.4 c-0.4-0.3-0.7-0.7-1.1-1.2c-0.6-0.7-1.3-1.7-1.9-2.8c-0.5-0.7-0.9-1.5-1.4-2.4c-1-1.8-2-3.8-3.1-6c-1-2.3-2.1-4.7-3.2-7.4 c-0.9-2.2-1.8-4.3-2.7-5.9c-0.6-1.2-1.2-2.1-1.6-2.6c-0.1-0.2-0.3-0.3-0.4-0.3c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1-0.1-0.3-0.1-0.4-0.2 c-0.1,0-0.3-0.1-0.4-0.1c-0.7-0.1-1.4,0-2,0.4c-0.3,0.2-0.5,0.3-0.8,0.6c-1,0.9-1.9,2.4-2.7,4.4c-0.4,1-0.8,2.1-1.1,3.3 c-0.2,0.6-0.3,1.2-0.5,1.9c-0.4,2-0.8,4.2-1,6.6c-0.1,0.8-0.1,1.6-0.2,2.5c-0.1,2-0.1,3.7-0.1,5.2c0,0.5,0,1,0.1,1.5 c0.1,1.4,0.3,2.7,0.7,4c0.1,0.4,0.2,0.8,0.4,1.2c0.4,1.2,1,2.4,1.7,3.6c0.2,0.4,0.5,0.8,0.8,1.2c1.1,1.7,2.6,3.5,4.4,5.7 c1.1,1.3,2,2.6,2.7,3.8c0.2,0.3,0.3,0.6,0.5,0.8c0.4,0.8,0.7,1.5,0.7,1.8c0,1-1.6,5.1-3.6,9c-0.4,0.8-0.8,1.6-1.1,2.3 s-0.6,1.3-0.9,2c-0.5,1.2-0.9,2.4-1.2,3.7c-0.6,2.6-0.8,5.8-1.1,11.6c-0.1,2.6-0.3,4.8-0.4,6.5c-0.2,1.8-0.3,3.2-0.6,4.5 c-0.1,0.6-0.2,1.2-0.4,1.7c-0.1,0.5-0.3,1.1-0.5,1.6s-0.4,1-0.6,1.5s-0.5,1-0.8,1.6c-0.4,0.7-0.7,1.5-1.1,2.4 c-0.4,0.9-0.7,1.9-1,2.9s-0.7,2.1-1,3.2c-0.3,1.1-0.6,2.3-0.9,3.4c-0.8,3.5-1.4,7.1-1.7,10.1c0,0.5-0.1,1-0.1,1.5c0,0.5,0,0.9,0,1.4 c0,0.5,0,0.9,0,1.3c0,0.4,0,0.8,0.1,1.1c0.3,2.1,1,3.2,2.9,5c0.5,0.4,1,0.9,1.7,1.3c0.7,0.4,1.4,0.8,2.2,1.2s1.7,0.7,2.6,1.1 c0.9,0.3,1.8,0.6,2.8,0.9c1.4,0.4,2.9,0.7,4.3,1c2.4,0.4,4.6,0.5,6.4,0.3c0.4,0,0.7-0.1,1.1-0.2c0.7-0.1,1.5-0.3,2.3-0.6 c2-0.6,4.1-1.5,6.2-2.6c0.8-0.4,1.7-0.9,2.5-1.4c1.7-1,3.3-2.1,4.7-3.3c0.7-0.6,1.5-1.2,2.1-1.8c3-2.8,5-4.6,6.5-5.7 c0.7-0.6,1.3-0.9,1.9-1.2c0.2-0.1,0.4-0.1,0.5-0.2c0.3-0.1,0.6-0.1,1-0.2c0.2,0,0.3,0,0.5,0c0.2,0,0.3,0.1,0.5,0.1 c0.3,0.1,0.7,0.2,1.1,0.3c0.4,0.1,0.8,0.3,1.2,0.5c0.4,0.2,0.8,0.4,1.2,0.7c0.4,0.3,0.9,0.6,1.3,0.9c1.8,1.4,3.7,3.2,5.7,5.3 c0.5,0.5,1,1.1,1.5,1.7s1,1.2,1.4,1.8s0.9,1.2,1.4,1.8c2.8,3.7,5.3,7.8,7,11.7L84,156h103.4h103.4l0.6-2.8c0.2-1,0.4-2,0.6-3 s0.4-2.1,0.6-3.1c0.4-2.1,0.7-4.2,1-6.3s0.6-4.2,0.8-6.2c0.7-6.1,1.1-11.8,1.2-16.2c0-0.7,0-1.4,0-2.1s0-1.3-0.1-1.8 c-0.1-1.1-0.2-2.1-0.4-2.9c-0.2-0.8-0.4-1.5-0.6-2.3c-0.2-0.8-0.5-1.6-0.8-2.4c-0.6-1.6-1.3-3.3-2.1-4.9c-0.4-0.8-0.8-1.7-1.3-2.5 s-0.9-1.6-1.4-2.4c-1-1.6-2-3.2-3-4.7c-1.6-2.3-3.3-4.4-5-6.2c-0.6-0.6-1.1-1.2-1.7-1.7c-1.7-1.6-3.4-3-5-3.9 c-0.3-0.2-0.5-0.3-0.8-0.4c-0.3-0.1-0.5-0.2-0.8-0.3c-1.7-0.7-6-2.6-9.5-4.1c-1.3-0.6-2.5-1.1-3.6-1.6c-1.1-0.5-2.1-0.9-3.1-1.2 s-1.9-0.6-2.7-0.9s-1.7-0.4-2.5-0.6c-2-0.4-3.8-0.4-5.8-0.3c-0.4,0-0.8,0.1-1.2,0.1c-0.8,0.1-1.7,0.2-2.6,0.4 c-1.1,0.2-2.3,0.4-3.6,0.7s-2.5,0.6-3.9,0.9c-2.8,0.7-5.9,1.5-9.4,2.6s-7.7,2.3-12.4,3.8c-2.4,0.8-4.9,1.6-7.6,2.5s-5.6,1.9-8.7,2.9 l-21.5,7.2l-16.5,0c-2.4,0-4.6,0-6.5,0c-1,0-1.9,0-2.7-0.1c-3.4-0.1-6-0.4-8.2-1c-0.6-0.1-1.1-0.3-1.6-0.5c-1.1-0.4-2.1-0.8-3.1-1.4 c-0.5-0.3-1-0.6-1.6-1s-1.1-0.7-1.6-1.1s-1.1-0.9-1.7-1.3c-0.6-0.5-1.2-1-1.9-1.6c-1.3-1.1-2.8-2.4-4.4-3.8 c-2.8-2.5-5.4-4.7-7.7-6.7c-2.3-2-4.4-3.8-6.4-5.4c-4.9-4-8.8-6.8-12.5-9c-1.5-0.9-3-1.6-4.5-2.4c-3.8-1.8-7.9-3.2-13.1-4.7 c-1.2-0.4-2.5-0.7-3.6-1.1s-2.3-0.7-3.3-1.1c-1-0.3-1.9-0.6-2.6-0.9s-1.2-0.5-1.5-0.6c-0.2-0.1-0.4-0.2-0.6-0.3 c-1.3-0.8-2.2-2-2.7-3.7c-0.1-0.5-0.3-1-0.4-1.6c0-0.3-0.1-0.6-0.1-0.9c-0.1-1.6-0.1-3.4,0.1-5.7c0.1-0.7,0.1-1.4,0.2-2 c0.2-3.7-0.2-6.1-2.2-12c-0.3-1-0.7-2.1-1.1-3.3c-0.5-1.6-1-3-1.5-4.3c-0.5-1.3-0.9-2.5-1.4-3.5c-0.4-1-0.8-2-1.2-2.8 s-0.8-1.5-1.1-2.1c-0.2-0.3-0.4-0.6-0.5-0.8C55.9,4.7,55.2,4.1,54.4,4.2z M110,107.5l4.7,14.5H130l-12.4,9l4.7,14.5l-12.4-9l-12.4,9 l4.7-14.5L90,122h15.3L110,107.5z M161.9,107.5l4.7,14.5h15.3l-12.4,9l4.7,14.5l-12.4-9l-12.4,9l4.7-14.5l-12.4-9h15.3L161.9,107.5z M214,107.5l4.7,14.5H234l-12.4,9l4.7,14.5l-12.4-9l-12.4,9l4.7-14.5l-12.4-9h15.3L214,107.5z M264.7,107.5l4.7,14.5h15.3l-12.4,9 l4.7,14.5l-12.4-9l-12.4,9l4.7-14.5l-12.4-9H260L264.7,107.5z'/%3E%3Cpath id='path4160' class='st2' d='M252.1,306.6c-3.2-0.6-6.9-3-7.9-5.1c-1.4-2.7-0.5-4.3,7.5-12.4l7.2-7.4l0.5-6.2 c0.6-7.4,0.7-7.5,3-14.4l1.9-5.5l-0.4-16.4l-0.4-16.4l-5.4-11c-3-6.1-6.3-12-7.3-13.2c-2.2-2.6-4-2.9-5.3-0.9 c-0.8,1.2-0.8,1.6-0.1,4c0.4,1.5,1.8,5.2,3,8.3c2.4,6.2,2.6,8.5,1.1,11.6c-0.9,1.9-7.7,8.9-17.9,18.5l-3.5,3.3v8.8 c0,10,0.1,9.8-5.8,16c-3.9,4.1-7.1,8.7-10.7,15c-3.4,6.1-6.4,10.4-7.7,11.2c-1.6,1-8.8,1.7-12.9,1.4c-10.5-0.9-13.9-4.9-9.8-11.8 c1-1.6,6-8.7,11.2-15.7c14.2-19.2,16.8-23.7,16.8-27.7c0-0.8,0.8-3.7,1.8-6.3c1.1-2.9,1.8-5.7,1.8-7c0-3.1-2.2-8.8-7.9-20.3 c-5.8-11.7-7-13.6-10-14.4c-2.8-0.8-9.3-0.3-16.6,1c-7.6,1.4-11.5,1.9-25.8,3.2c-6.9,0.6-12.9,1.3-13.5,1.6 c-2.2,1.2-8.3,12.6-10.8,20.2c-2.4,7.2-3.3,12.3-3.3,19.2c0,5.8,0.1,6.7,1.9,12.3c1,3.3,2.4,7.7,3,9.7c1.2,4.1,2.3,5.5,7.6,9 c4.1,2.8,5.2,4,4.8,5.5c-0.7,2.8-17.9,21.8-19.7,21.8c-0.5,0-2-0.8-3.4-1.8c-2.8-2-5.1-2.4-5.7-0.9c-0.2,0.5-0.6,2.5-0.8,4.5 c-0.2,2.1-0.8,3.9-1.2,4.4c-1,1-12.6,1.6-23.7,1.1c-7.1-0.3-7.7-0.4-8.6-1.5c-0.5-0.7-1-1.8-1-2.6c0-2.8,4.3-10.3,13-22.7 c1.6-2.3,2.3-3.9,2.7-6.3c0.3-1.7,0.9-5.5,1.3-8.5c0.5-2.9,1.5-7.1,2.2-9.1c1.4-3.7,1.4-3.9,1.3-16.3C98.7,224,98,213.2,97,208.2 c-0.3-1.4-2.4-9.8-4.7-18.5c-5.4-20.8-6.3-25-5.5-25.5c0.3-0.2,45.8-0.5,101-0.5l100.4-0.1l0.6,2.2c1.2,4.8,2.2,7.2,4.8,11.8 c5.3,9.3,12.8,18.4,16,19.5c4.3,1.5,5.5,14.1,2.2,21.6c-1.5,3.3-2.4,3-3.7-1.2c-0.6-1.9-1.9-4.8-2.8-6.4c-2.2-3.7-2.9-5.9-2.9-8.5 c0-3.1-1.5-5.8-5.8-10.8c-5.2-5.9-9-9.4-10.3-9.4c-0.7,0-1.4,0.6-1.9,1.7c-0.7,1.4-0.8,2.7-0.6,8c0.3,6.9,1.6,13.6,5.2,27.2 c4.3,16.1,4.3,20.3,0.2,25.9c-1.4,1.9-1.9,6.4-2.5,22.8l-0.5,14.7l-4.8,8c-6.1,10.2-7.9,12.6-10.9,14.2 C266.5,306.9,257.9,307.8,252.1,306.6L252.1,306.6z'/%3E%3C/svg%3E%0A"); }

@media (max-width: 990px) {
  .esg-divergence-chart-container #esg-chart-divergence-200220 #info-bar {
    width: 100%; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #menu-bar {
    width: 50%; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box {
    width: 100%;
    font-size: 14px;
    background-color: white; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-content {
    font-size: 14px; } }

@media (max-width: 840px) {
  .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box {
    height: 100%; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #menu-bar {
    width: 100%;
    margin-top: 0;
    top: 0; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box {
    width: 100%;
    margin-top: 20px; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .data-box-content {
    height: calc(80% + 20px);
    font-size: 13px; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-header {
    width: calc(100% - 40px);
    padding: 3px 20px;
    background-color: #eee;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    text-transform: uppercase;
    z-index: 1;
    text-align: left;
    font-size: 13px;
    color: #fff;
    position: relative; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 .collapsible {
    height: 100%;
    width: calc(100% - 15px);
    position: absolute; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box-red .collapsible::after, .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box-blue .collapsible::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
    content: '';
    display: inline-block;
    transform: rotate(0deg);
    height: 1em;
    right: 1.4em;
    position: absolute;
    top: 0.3em;
    vertical-align: top;
    width: 1em;
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box-red.open .collapsible::after, .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box-blue.open .collapsible::after {
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s;
    transform: rotate(180deg); }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #map {
    margin-top: 40px; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-col8, .esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-col6, .esg-divergence-chart-container #esg-chart-divergence-200220 .data-box-col4 {
    width: 100%;
    float: none; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 .sub-menu {
    max-height: 320px;
    padding-bottom: 20px; }
  .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .close-button::before, .esg-divergence-chart-container #esg-chart-divergence-200220 #data-box .close-button::after {
    top: 8px;
    width: 16px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .esg-divergence-chart-container #esg-chart-divergence-200220 #map {
    height: 600px; } }

/* reset msci base css rules */
.esg-regulations-chart-container h1, .esg-regulations-chart-container h2 {
  font-size: 2rem;
  line-height: 1.3; }

.esg-regulations-chart-container h3, .esg-regulations-chart-container h4, .esg-regulations-chart-container h5, .esg-regulations-chart-container h6, .esg-regulations-chart-container p {
  line-height: 1; }

.esg-regulations-chart-container h2 {
  font-family: "Roboto Regular", sans-serif; }

.esg-regulations-chart-container h3 {
  font-family: "Roboto Bold", sans-serif; }

.esg-regulations-chart-container .highcharts-data-label span {
  font-family: "Roboto Bold", sans-serif; }

.esg-regulations-chart-container p {
  font-size: 16px;
  margin-top: 1rem;
  margin-bottom: 1rem; }

/* endreset msci base css rules */
body {
  font-family: Roboto,sans-serif; }

#esg-chart-regulations-110220 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 10px; }

#esg-chart-regulations-110220 .right {
  float: right; }

#esg-chart-regulations-110220 h1 {
  font-weight: 700; }

#esg-chart-regulations-110220 h2 {
  font-size: 16px;
  font-weight: 500;
  min-width: 320px;
  margin-bottom: 0; }

#esg-chart-regulations-110220 h3 {
  font-size: 20px;
  margin: 20px 0; }

#esg-chart-regulations-110220 .highcharts-data-label text {
  text-decoration: none !important; }

#esg-chart-regulations-110220 .highcharts-data-label span {
  font-family: Roboto,sans-serif !important;
  text-decoration: none !important;
  width: 100px;
  white-space: normal !important;
  text-align: center; }

#esg-chart-regulations-110220 .highcharts-root {
  font-family: Roboto,sans-serif !important;
  font-weight: 700; }

#esg-chart-regulations-110220 .highcharts-figure {
  position: relative;
  margin: 0; }

#esg-chart-regulations-110220 .highcharts-figure #container {
  min-height: 500px; }

#esg-chart-regulations-110220 #graphic {
  position: relative; }

#esg-chart-regulations-110220 .menu-bar {
  width: auto;
  display: inline-block;
  position: relative;
  float: left;
  margin-right: 20px;
  z-index: 10000000; }

#esg-chart-regulations-110220 .menu-bar .btn {
  padding: 2px 10px; }

#esg-chart-regulations-110220 .top-menu {
  padding-left: 20px;
  padding-right: 50px;
  position: relative;
  text-align: left;
  height: 30px;
  cursor: pointer;
  width: auto;
  min-width: 300px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #002036;
  line-height: 30px; }

#esg-chart-regulations-110220 .top-menu::after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
  content: '';
  display: inline-block;
  height: 1em;
  right: 1em;
  position: absolute;
  top: 0.4em;
  vertical-align: top;
  width: 1em;
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s; }

#esg-chart-regulations-110220 .menu-bar.open .top-menu::after {
  transform: rotate(180deg);
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s; }

#esg-chart-regulations-110220 .sub-menu {
  text-align: left;
  position: absolute;
  top: 30px;
  display: none;
  color: #002036;
  text-transform: none;
  left: 0;
  background-color: #FFFFFF;
  width: 100%;
  z-index: 2;
  border: 1px solid #DAE0F8;
  border-top-color: #dae0f8;
  border-top-style: solid;
  border-top-width: 1px;
  border-top: 0px;
  overflow: auto;
  max-height: 350px; }

#esg-chart-regulations-110220 .sub-menu .sub-menu-item {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 24px;
  line-height: 24px;
  cursor: pointer; }

#esg-chart-regulations-110220 .sub-menu .sub-menu-item.active {
  background: #00293b;
  color: #fff; }

#esg-chart-regulations-110220 .sub-menu .sub-menu-item:hover {
  background: #eee;
  color: #00293b; }

#esg-chart-regulations-110220 .highcharts-drillup-button {
  display: none !important; }

#esg-chart-regulations-110220 #reset {
  line-height: 30px;
  padding: 0 6px;
  background: #002036;
  position: relative;
  display: inline-block;
  float: right;
  color: #fff;
  cursor: pointer; }

#esg-chart-regulations-110220 .btn-secondary {
  background-color: #ccd1d5;
  border-color: #9aa4aa; }

#esg-chart-regulations-110220 .btn-secondary:not(:disabled):not(.disabled).active, #esg-chart-regulations-110220 .btn-secondary:not(:disabled):not(.disabled):active, #esg-chart-regulations-110220 .show > .btn-secondary.dropdown-toggle {
  background-color: #00293b;
  border-color: #1a3e4f; }

#esg-chart-regulations-110220 #data-bar {
  /*margin-top:40px;*/
  position: absolute;
  bottom: -1000px;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  z-index: 10000010;
  background: rgba(255, 255, 255, 0.95);
  color: #011b2b;
  display: none;
  height: 100%;
  text-align: left;
  border: 1px #011b2b solid; }

#esg-chart-regulations-110220 #data-bar #data-bar-header {
  width: 100%;
  padding: 5px 40px 5px 10px;
  background-color: #011b2b;
  color: #fff;
  font-weight: 800;
  height: 30px;
  line-height: 20px;
  z-index: 1;
  text-align: left;
  font-size: 18px;
  border-bottom: 1px #344956 solid; }

#esg-chart-regulations-110220 #data-bar-content {
  padding: 10px;
  font-size: 13px;
  overflow-y: scroll;
  height: calc(100% - 30px); }

#esg-chart-regulations-110220 #data-bar-content table {
  width: 100%; }

#esg-chart-regulations-110220 #data-bar-content table tr td {
  border-bottom: 1px #344956 solid;
  padding: 5px;
  vertical-align: top; }

#esg-chart-regulations-110220 #data-bar-content table tr td.value {
  width: 20%;
  font-weight: 800; }

#esg-chart-regulations-110220 .close-button {
  position: absolute;
  top: 2px;
  height: 31px;
  right: 0;
  margin-left: -20px;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#esg-chart-regulations-110220 .close-button::before, #esg-chart-regulations-110220 .close-button::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 14px;
  width: 20px;
  height: 1px;
  background: #FFFFFF; }

#esg-chart-regulations-110220 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#esg-chart-regulations-110220 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#esg-chart-regulations-110220 .highcharts-credits {
  display: none !important; }

@media (max-width: 720px) {
  #esg-chart-regulations-110220 .highcharts-figure #container {
    height: 500px;
    min-height: 400px;
    min-width: 320px; }
  #esg-chart-regulations-110220 .highcharts-data-label span {
    overflow: visible !important; }
  #esg-chart-regulations-110220 .top-menu {
    margin-right: 0; }
  #esg-chart-regulations-110220 #data-bar #data-bar-header {
    line-height: 24px;
    height: auto;
    font-size: 14px; }
  #esg-chart-regulations-110220 #data-bar-content table tr td {
    font-size: 12px; }
  #esg-chart-regulations-110220 .btn-group, .btn-group-vertical {
    width: 100%; }
  #esg-chart-regulations-110220 .menu-bar {
    width: 100%;
    margin: 10px 0; } }

@media (max-width: 500px) {
  #esg-chart-regulations-110220 .highcharts-figure #container {
    height: 400px;
    min-height: 400px;
    min-width: 320px; } }

.cut-down-all-forest-chart-container {
  margin-bottom: 60px; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 10px; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .right {
    float: right; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 h1 {
    font-weight: 700; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 h2 {
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin-bottom: 0; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 h3 {
    font-size: 20px;
    margin: 20px 0; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .highcharts-figure #container {
    min-height: 500px; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #graphic {
    position: relative; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #graph-titles {
    position: relative;
    height: 20px;
    width: 100%; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #graph-titles div {
    position: absolute;
    font-weight: 800;
    font-size: 18px; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .highcharts-no-data {
    text-align: center; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .highcharts-data-label span {
    padding: 3px 6px;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8); }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .highcharts-data-label:not(.category) span {
    background: #00293b;
    color: #fff;
    cursor: pointer; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .highcharts-data-label:not(.category) span::after {
    content: ' +'; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar {
    /*margin-top:40px;*/
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 50%;
    font-size: 14px;
    z-index: 2;
    background: #00293b;
    color: #fff;
    display: none;
    opacity: 0;
    height: 90%;
    text-align: left;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar #data-bar-header {
    width: 100%;
    padding: 10px 40px 10px 10px;
    color: #fff;
    font-weight: 800;
    height: 40px;
    line-height: 20px;
    z-index: 1;
    text-align: left;
    font-size: 22px;
    border-bottom: 1px #344956 solid; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content {
    padding: 10px;
    font-size: 15px;
    height: auto; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content table {
    width: 100%; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content table tr td {
    padding: 5px;
    vertical-align: top;
    border-bottom: 1px #344956 solid; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content table.unbordered tr td {
    border: none;
    padding: 2px; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content table tr td:nth-child(1) {
    width: 70%; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content table tr td:nth-child(2) {
    width: 30%;
    font-weight: 800; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content .tick {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16.2 12' style='enable-background:new 0 0 16.2 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M5.2,10.7L1.6,7c-0.5-0.5-0.5-1,0-1.5s1-0.5,1.5,0L6,8.4l7.1-7.1c0.5-0.5,1-0.5,1.5,0c0.5,0.5,0.5,1,0,1.5l0,0 l-7.9,7.9 M6.7,10.7c-0.5,0.5-1,0.5-1.5,0'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    float: left;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 3px 5px 0 0; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content .cross {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16.2 12' style='enable-background:new 0 0 16.2 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M12.7,2.9L9.6,6l3.1,3.1c0.5,0.6,0.5,1.1,0,1.6s-1.1,0.5-1.5,0L8.1,7.6L5,10.7c-0.6,0.5-1.1,0.5-1.6,0 s-0.5-1,0-1.6L6.5,6L3.4,2.9c-0.5-0.6-0.5-1.1,0-1.6s1-0.5,1.6,0l3.1,3.1l3.1-3.1c0.5-0.5,1-0.5,1.5,0C13.3,1.8,13.3,2.3,12.7,2.9 L12.7,2.9z'/%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    float: left;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 3px 5px 0 0; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .close-button {
    position: absolute;
    top: 7px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .close-button::before, .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 20px;
    height: 1px;
    background: #FFFFFF; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #series-selector {
    text-align: center; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .series-selection {
    display: inline-block;
    font-size: 13px;
    margin: 5px 20px 5px 0; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .series-selector {
    float: left;
    margin: 4px 10px 0 0;
    line-height: 30px;
    padding: 2px;
    transform: scale(1.5); }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .series-button {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    line-height: 30px;
    float: left;
    margin-right: 10px; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .series-button.red {
    background: #e44261; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .series-button.orange {
    background: #f08900; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .series-button.darkgreen {
    background: #00945e; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .series-button.green {
    background: #00c4b3; }
  .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .series-selection:not(.active) .series-button {
    opacity: 0.2; }
  @media (max-width: 720px) {
    .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .highcharts-data-label span {
      overflow: visible !important; }
    .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar {
      width: 100%; }
    .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar #data-bar-header {
      line-height: 24px;
      height: auto;
      font-size: 16px; }
    .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 #data-bar-content table tr td {
      font-size: 14px; }
    .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .btn-group, .cut-down-all-forest-chart-container .btn-group-vertical {
      width: 100%; }
    .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .menu-bar {
      width: 100%;
      margin: 10px 0; } }
  @media (max-width: 500px) {
    .cut-down-all-forest-chart-container #esg-chart-palmoil-110220 .highcharts-figure #container {
      height: 700px; } }

.disclosures-become-standardized-chart-container {
  margin-bottom: 60px;
  /*COLOURS*/
  /*VIEWPORTS*/ }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 10px; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .right {
    float: right; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 h1 {
    font-weight: 700; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 h2 {
    font-size: 20px;
    font-weight: 700; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 h3 {
    font-size: 18px;
    margin: 10px 0;
    color: #e44261; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 h4 {
    font-size: 15px;
    color: #e44261; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .highcharts-data-label:not(.parent) span {
    text-decoration: none !important;
    width: 140px;
    white-space: normal !important;
    text-align: center;
    cursor: pointer; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .highcharts-tooltip > span {
    font-family: Roboto,sans-serif !important; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #graphic {
    position: relative;
    height: auto;
    margin: 0 auto; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #graphic h2 {
    border-bottom: 2px #fff solid; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #graphic figure {
    margin: 0; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .red-bg {
    background-color: #e44261; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .green-bg {
    background-color: #00c4b3; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .blue-bg {
    background-color: #0626a9; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .blue2-bg {
    background-color: #3751ba; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .blue3-bg {
    background-color: #697dcb; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .lilac-bg {
    background-color: #6c7bd3; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .grey-bg {
    background-color: #c6c8c8; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .series-selection {
    display: inline-block;
    font-size: 13px;
    margin: 5px 20px 5px 0;
    line-height: 20px;
    font-weight: 700;
    float: left; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .series-selector {
    float: left;
    margin: 4px 10px 0 0;
    line-height: 30px;
    padding: 2px;
    transform: scale(1.5); }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .series-button {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    line-height: 30px;
    float: left;
    margin-right: 10px; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .series-selection:not(.active) .series-button {
    opacity: 0.2; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .frameworks span {
    font-size: 11px;
    text-transform: uppercase;
    background: #ffc62d;
    color: #000;
    padding: 2px 4px;
    display: inline-block;
    margin: 0 2px 0 0; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar {
    /*margin-top:40px;*/
    position: absolute;
    bottom: -1000px;
    overflow: hidden;
    width: 100%;
    font-size: 14px;
    z-index: 10000010;
    background: white;
    color: #011b2b;
    display: none;
    height: 100%;
    text-align: left;
    border: 1px #011b2b solid; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar #data-bar-header {
    width: 100%;
    padding: 5px 40px 5px 10px;
    background-color: #011b2b;
    color: #fff;
    font-weight: 800;
    height: 30px;
    line-height: 20px;
    z-index: 1;
    text-align: left;
    font-size: 18px;
    border-bottom: 1px #344956 solid; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar-content {
    padding: 0 30px 30px;
    font-size: 14px;
    overflow-y: scroll;
    height: calc(100% - 30px); }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar-content table {
    width: 100%;
    max-width: 800px;
    border: 1px solid rgba(1, 27, 43, 0.5);
    margin-bottom: 20px;
    border-spacing: 0; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar-content table tr td {
    padding: 5px;
    vertical-align: top; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar-content table tr td:first-child {
    width: 50%;
    border-right: 1px #999 solid; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar-content table tr:nth-child(even) {
    background: rgba(198, 198, 200, 0.1); }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .desc {
    margin: 20px 0;
    font-size: 16px; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .close-button {
    position: absolute;
    top: 2px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .close-button::before, .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 20px;
    height: 1px;
    background: #FFFFFF; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-key {
    width: 49%;
    text-align: left;
    font-weight: 500;
    font-size: 13px;
    margin: 15px 0 0;
    z-index: 10000;
    height: 20px; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .data-key-chart {
    height: 20px;
    margin-top: 5px;
    float: left;
    position: relative; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .key-title {
    color: #fff;
    position: absolute;
    line-height: 18px; }
  .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .data-key-chart.range {
    background: #00293b;
    background: linear-gradient(90deg, #0626a9 0%, rgba(6, 38, 169, 0.5) 100%);
    width: 100%; }
  @media (max-width: 800px) {
    .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar-content {
      font-size: 13px; }
    .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-key {
      width: 100%; }
    .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .highcharts-data-label.parent span {
      font-size: 12px !important;
      white-space: normal !important;
      width: 100px !important; }
    .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .highcharts-data-label:not(.parent) span {
      font-size: 11px !important; }
    .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar #data-bar-header {
      height: auto; }
    .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 #data-bar-title {
      font-size: 13px;
      line-height: 13px; } }
  @media (max-width: 620px) {
    .disclosures-become-standardized-chart-container #esg-chart-corpgov-180320 .highcharts-data-label:not(.parent) span {
      font-size: 10px !important;
      width: 60px !important; } }

.sustainable-development-goals-chart-container {
  margin-bottom: 60px; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .right {
    float: right; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 h2 {
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin-bottom: 0; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220, .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #graphic {
    position: relative; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.coverage-label {
    display: block;
    padding: 10px;
    border-radius: 4px;
    border: 2px #fff solid; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label .coverage-label .coverage-perc {
    font-size: 24px; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label text {
    text-decoration: none !important; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.sdg-name {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    position: relative; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.sdg-name-plus {
    font-size: 1.4rem; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span {
    font-family: Roboto,sans-serif !important;
    text-decoration: none !important;
    width: 100px;
    white-space: normal !important;
    text-align: center; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-tooltip span {
    z-index: 8 !important; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-root {
    font-family: Roboto,sans-serif !important;
    font-weight: 700; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-figure {
    position: relative;
    margin: 0; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-figure #container {
    height: 600px; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.down-pointer {
    left: 50%;
    margin-left: -10px;
    display: block;
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar {
    /*margin-top:40px;*/
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    font-size: 14px;
    z-index: 9;
    background: #00293b;
    color: #fff;
    display: none;
    opacity: 0;
    height: auto;
    text-align: left;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar #data-bar-header {
    width: 100%;
    padding: 10px 40px 10px 10px;
    color: #fff;
    font-weight: 800;
    height: 20px;
    line-height: 20px;
    z-index: 1;
    text-align: left;
    font-size: 22px;
    border-bottom: 1px #344956 solid;
    box-sizing: content-box; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar #chart-container-col {
    width: calc(100% - 120px);
    float: left; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 img.chart-icon {
    width: 50px;
    height: auto; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar #data-bar-icon {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin: 10px; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar #data-bar-icon img {
    height: 100%;
    width: auto; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-companies, .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-desc {
    padding: 10px 30px;
    font-size: 15px;
    height: auto; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-companies table {
    width: 100%; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-companies table tr td {
    padding: 5px;
    vertical-align: top;
    border-bottom: 1px #344956 solid;
    font-weight: 700; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-companies table.unbordered tr td {
    border: none;
    padding: 2px; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-companies table tr td:nth-child(1) {
    width: 70%; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-companies table tr td:nth-child(2) {
    width: 30%;
    font-weight: 800; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .close-button {
    position: absolute;
    top: 7px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .close-button::before, .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 20px;
    height: 1px;
    background: #FFFFFF; }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  @media (max-width: 1080px) {
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 img.chart-icon {
      width: 35px; } }
  @media (max-width: 920px) {
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-figure #container {
      height: 1000px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-title {
      font-size: 14px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 img.chart-icon {
      width: 40px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span {
      overflow: visible !important; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.sdg-name {
      font-size: 14px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.sdg-name .sdg-symbol {
      display: none; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.coverage-label {
      display: block;
      padding: 6px;
      border-radius: 4px;
      border: 2px #fff solid;
      font-size: 12px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 .highcharts-data-label .coverage-label .coverage-perc {
      font-size: 16px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #summary-box {
      padding: 5px 20px;
      width: calc(100% - 40px); }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #summary-box .sdg-industry {
      float: left;
      width: 100%;
      display: block;
      margin: 2px 0;
      font-size: 14px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #summary-box h3 {
      font-size: 22px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #summary-box .sdg-need {
      font-size: 20px; } }
  @media (max-width: 640px) {
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 img.chart-icon {
      width: 30px; }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar #chart-container-col {
      clear: both;
      padding: 5px;
      width: calc(100% - 10px); }
    .sustainable-development-goals-chart-container #esg-chart-sdg-110220 #data-bar-desc {
      clear: both;
      padding: 10px 20px; } }

.interactive-experience-chart-container {
  margin-bottom: 40px;
  /*COLOURS*/
  /*VIEWPORTS*/ }
  .interactive-experience-chart-container #index-chart-container-200420 {
    position: relative;
    width: 100%;
    padding: 0 10px;
    color: #011b2b; }
  .interactive-experience-chart-container #index-chart-container-200420 .right {
    float: right; }
  .interactive-experience-chart-container #index-chart-container-200420 h1 {
    font-weight: 700; }
  .interactive-experience-chart-container #index-chart-container-200420 h2 {
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin: 0; }
  .interactive-experience-chart-container #index-chart-container-200420 h4 {
    font-size: 15px;
    color: #ffe396; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic {
    position: relative;
    margin: 0 auto; }
  .interactive-experience-chart-container #index-chart-container-200420 .graphic-title {
    font-size: 24px;
    text-align: center;
    margin: 5px 0;
    position: relative; }
  .interactive-experience-chart-container #index-chart-container-200420 .graphic-title span {
    display: inline-block;
    background: #fff;
    padding: 2px 12px;
    position: relative;
    z-index: 2; }
  .interactive-experience-chart-container #index-chart-container-200420 .graphic-title:before {
    content: ' ';
    width: 100%;
    border-top: 1px #011b2b solid;
    left: 0;
    top: 16px;
    position: absolute;
    z-index: 1; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes {
    background: transparent;
    z-index: 10;
    height: 340px;
    width: 100%;
    position: relative; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes-bg {
    background-color: #011b2b;
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes .box-container {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    width: 25%;
    position: relative;
    float: left;
    min-height: 100px; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes .box-container.full-size {
    width: 100%; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes .box-container.clone {
    z-index: 97;
    position: absolute; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes .box-container .box {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 10px; }
  .interactive-experience-chart-container #index-chart-container-200420 .box-title {
    font-size: 16px;
    color: #fff; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #box-core {
    width: 100%;
    height: 100px;
    padding: 10px;
    background: #011b2b;
    z-index: 10;
    text-align: center;
    color: #fff;
    position: relative; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic .chevron {
    height: auto;
    width: 54px;
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -29px;
    fill: #011b2b;
    transform: rotate(90deg);
    z-index: 99; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes .box-container:not(.clone) > div:hover {
    cursor: pointer;
    opacity: 0.6; }
  .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes > div p {
    display: table-cell;
    vertical-align: middle; }
  .interactive-experience-chart-container #index-chart-container-200420 #reset {
    position: absolute;
    color: #fff;
    opacity: 0;
    top: 0;
    right: 5px;
    top: 5px;
    z-index: 98; }
  .interactive-experience-chart-container #index-chart-container-200420 #reset:hover {
    cursor: pointer; }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container {
    position: absolute;
    left: 10px;
    top: 0;
    display: none;
    opacity: 0;
    padding: 40px 10px 0 0;
    z-index: 90;
    color: #fff;
    width: calc(100% - 50px);
    margin-left: 20px;
    height: calc(100% - 40px);
    text-align: left; }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container ul {
    width: 100%;
    padding: 0; }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container ul li {
    margin: 3px;
    padding: 2px 40px 2px 5px;
    list-style: none;
    font-weight: 500;
    position: relative;
    float: left;
    display: inline-block;
    height: 70px;
    width: calc(25% - 6px);
    background: #fff;
    color: #011b2b; }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container ul li::after {
    content: '\2192';
    position: absolute;
    right: 10px;
    font-size: 18px;
    top: 0; }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container ul li.highlight {
    background: #011b2b;
    color: #fff; }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container ul li:hover {
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    color: #fff; }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container ul li.highlight:hover {
    background: rgba(1, 27, 42, 0.6); }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container .info-content {
    display: table;
    width: 100%; }
  .interactive-experience-chart-container #index-chart-container-200420 #info-container .info-desc {
    margin: 30px 0 10px;
    font-weight: 700; }
  .interactive-experience-chart-container #index-chart-container-200420 .info, .interactive-experience-chart-container #index-chart-container-200420 .desc {
    display: none; }
  .interactive-experience-chart-container #index-chart-container-200420 .core {
    padding: 30px;
    position: absolute; }
  .interactive-experience-chart-container #index-chart-container-200420 .red-bg {
    background-color: #e44261; }
  .interactive-experience-chart-container #index-chart-container-200420 .green-bg {
    background-color: #00c4b3; }
  .interactive-experience-chart-container #index-chart-container-200420 .blue-bg {
    background-color: #0626a9; }
  .interactive-experience-chart-container #index-chart-container-200420 .dark-blue-bg {
    background-color: #01072b; }
  .interactive-experience-chart-container #index-chart-container-200420 .lilac-bg {
    background-color: #6c7bd3; }
  .interactive-experience-chart-container #index-chart-container-200420 .orange-bg {
    background-color: #f08900; }
  .interactive-experience-chart-container #index-chart-container-200420 .close-button {
    position: absolute;
    top: 5px;
    height: 24px;
    right: 5px;
    width: 24px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .interactive-experience-chart-container #index-chart-container-200420 .close-button::before, .interactive-experience-chart-container #index-chart-container-200420 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 1px;
    background: #FFFFFF; }
  .interactive-experience-chart-container #index-chart-container-200420 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .interactive-experience-chart-container #index-chart-container-200420 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar .close-button::before, .interactive-experience-chart-container #index-chart-container-200420 #data-bar .close-button::after {
    background: #011b2b; }
  .interactive-experience-chart-container #index-chart-container-200420 .expand-icon {
    display: block;
    position: absolute;
    left: 50%;
    height: 20px;
    width: 20px;
    bottom: 10px;
    cursor: pointer;
    margin-left: -10px; }
  .interactive-experience-chart-container #index-chart-container-200420 .expand-icon::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
    content: '';
    display: inline-block;
    height: 1em;
    position: absolute;
    top: 0;
    vertical-align: top;
    width: 1em;
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s;
    left: 0; }
  .interactive-experience-chart-container #index-chart-container-200420 .expand-icon.open::after {
    transform: rotate(180deg);
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar {
    /*margin-top:40px;*/
    position: absolute;
    top: 40px;
    overflow: hidden;
    width: 100%;
    font-size: 14px;
    z-index: 101;
    background: #fff;
    color: #011b2b;
    display: none;
    opacity: 0;
    min-height: calc(100% - 40px);
    height: auto;
    text-align: left;
    padding: 0 0 20px 0;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar #data-bar-header {
    width: 100%;
    padding: 10px 40px 10px 10px;
    color: #011b2b;
    font-weight: 800;
    height: auto;
    line-height: 20px;
    z-index: 1;
    text-align: left;
    font-size: 18px; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar-content {
    padding: 0 10px;
    font-size: 15px;
    height: auto; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar .data-bar-col {
    width: calc(50% - 10px);
    float: left;
    padding: 0 10px 0 0; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar .data-col-title {
    border-bottom: 1px #ccc solid;
    padding: 0 0 5px 0; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar div#data-bar-links {
    text-transform: uppercase; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar div#data-bar-links > ul {
    padding-left: 0;
    list-style: none; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar div#data-bar-links > ul li {
    padding-bottom: 10px; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar div#data-bar-links > ul li ul {
    margin: 10px 0 -10px; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar-content table {
    width: 100%; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar-content table tr td {
    padding: 5px;
    vertical-align: top;
    border-bottom: 1px #011b2b solid; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar-content table.unbordered tr td {
    border: none;
    padding: 2px; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar-content table tr td:nth-child(1) {
    width: 70%; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar-content table tr td:nth-child(2) {
    width: 30%;
    font-weight: 800; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar a {
    text-transform: uppercase;
    text-decoration: none;
    color: #1A3FD6;
    font-size: 14px; }
  .interactive-experience-chart-container #index-chart-container-200420 #data-bar a:hover {
    color: #4a7bc9; }
  .interactive-experience-chart-container #index-chart-container-200420 .collaboration-footnote {
    position: absolute;
    bottom: -25px;
    left: 0;
    color: #002036;
    font-weight: normal; }
  .interactive-experience-chart-container #index-chart-container-200420 .box {
    display: flex;
    flex-direction: column; }
    .interactive-experience-chart-container #index-chart-container-200420 .box .expand-icon {
      align-self: flex-end; }
  @media (max-width: 920px) {
    .interactive-experience-chart-container #index-chart-container-200420 #info-container ul li {
      width: calc(33% - 6px); } }
  @media (max-width: 800px) {
    .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes {
      height: 400px; }
    .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes .box-container {
      width: 50%; }
    .interactive-experience-chart-container #index-chart-container-200420 #info-container ul li {
      width: calc(50% - 6px); }
    .interactive-experience-chart-container #index-chart-container-200420 .box-container.hidden_mobile {
      display: none; }
    .interactive-experience-chart-container #index-chart-container-200420 #info-container {
      left: 20px;
      width: calc(100% - 50px);
      top: 60px;
      margin-left: 0;
      padding: 0;
      height: auto; }
    .interactive-experience-chart-container #index-chart-container-200420 #desc-container {
      right: 5px;
      top: 10px;
      width: 45%;
      left: auto;
      font-size: 12px;
      padding: 2px; }
    .interactive-experience-chart-container #index-chart-container-200420 #data-bar .data-bar-col {
      width: 100%;
      padding: 0; } }
  @media (max-width: 620px) {
    .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes {
      height: 550px; } }
  @media (max-width: 500px) {
    .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes .box-container {
      width: 100%; }
    .interactive-experience-chart-container #index-chart-container-200420 #info-container ul li {
      width: 100%;
      height: auto;
      margin: 0;
      min-height: 40px;
      display: table-cell;
      vertical-align: middle; }
    .interactive-experience-chart-container #index-chart-container-200420 #graphic #boxes .box-container.clone {
      width: 100%; }
    .interactive-experience-chart-container #index-chart-container-200420 #info-container {
      top: 60px;
      height: calc(100% - 60px); }
    .interactive-experience-chart-container #index-chart-container-200420 #desc-container {
      top: 60px;
      width: calc(100% - 60px);
      left: 10px;
      padding: 10px; } }

.msci-esg-ratings-chart-v2 {
  position: relative;
  margin: auto;
  width: 870px;
  background: #fff;
  padding: 20px 0; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic {
    width: 100%; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group {
    float: left;
    width: auto;
    text-align: center; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .boxes {
    width: 100%;
    height: 60px; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-2 {
    width: 28%; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-3 {
    width: 42%; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box {
    width: 114px;
    height: 60px;
    text-align: center;
    margin: 0 2px 20px 2px;
    float: left;
    color: #fff;
    font-family: "Roboto Black", sans-serif;
    line-height: 60px;
    font-size: 24px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-2 .box {
    width: 47%; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-3 .box {
    width: 31%; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.red .box {
    background: #D04F53; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.yellow .box {
    background: #FFB838; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.grey .box {
    background: #958F8B; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.green .box {
    background: #237E74; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.orange .box {
    background: #F98A3C; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-desc {
    clear: both; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .bracket {
    width: 96%;
    height: 40px;
    border-style: solid;
    border-color: #ccc;
    border-width: 0 1px 1px 1px;
    margin: 0 0 0 2px; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .connector {
    width: 1px;
    height: 0;
    margin: 0 auto 80px auto;
    background: #ccc; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-header {
    font-size: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Roboto Black", sans-serif; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.red .box-header {
    color: #D04F53; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.yellow .box-header {
    color: #FFB838; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.grey .box-header {
    color: #958F8B; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.green .box-header {
    color: #237E74; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.orange .box-header {
    color: #F98A3C; }
  .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-text {
    font-size: 19px;
    line-height: 22px;
    text-align: left;
    color: #454f58;
    opacity: 0;
    margin-top: 20px; }
  @media (max-width: 768px) {
    .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box {
      font-size: 21px; }
    .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-header {
      font-size: 15px; }
    .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-text {
      font-size: 15px;
      line-height: 20px; } }
  @media (max-width: 992px) {
    .msci-esg-ratings-chart-v2 {
      position: relative;
      margin: auto;
      height: auto;
      width: 100%; }
      .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.col-2,
      .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.col-3 {
        width: 33%;
        text-align: center; }
      .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .boxes {
        height: auto; }
      .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-2 .box,
      .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-group.msci-esg-ratings-chart-col-3 .box {
        margin: 5px auto;
        float: none;
        width: 80%; }
      .msci-esg-ratings-chart-v2 .msci-esg-ratings-graphic .box-text {
        font-size: 17px;
        line-height: 22px; } }

@media (max-width: 768px) {
  .default-layout-sticky-nav-sidebar .msci-esg-ratings-chart.container-fluid {
    padding-right: 18px; } }

.esg-index-chart-container {
  margin-bottom: 20px;
  /*COLOURS*/
  /*VIEWPORTS*/ }
  .esg-index-chart-container #index-chart-container-200420 {
    position: relative;
    width: 100%;
    padding: 0 10px;
    color: #011b2b; }
  .esg-index-chart-container #index-chart-container-200420 .right {
    float: right; }
  .esg-index-chart-container #index-chart-container-200420 h1 {
    font-weight: 700; }
  .esg-index-chart-container #index-chart-container-200420 h2 {
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin: 0; }
  .esg-index-chart-container #index-chart-container-200420 h4 {
    font-size: 15px;
    color: #ffe396; }
  .esg-index-chart-container #index-chart-container-200420 #graphic {
    position: relative;
    margin: 0 auto; }
  .esg-index-chart-container #index-chart-container-200420 .graphic-title {
    font-size: 24px;
    text-align: center;
    margin: 20px 0 0;
    position: relative;
    clear: both;
    background: #011b2b;
    color: #fff;
    padding: 4px 20px; }
  .esg-index-chart-container #index-chart-container-200420 #graphic #boxes {
    background: transparent;
    z-index: 8;
    width: 100%;
    position: relative; }
  .esg-index-chart-container #index-chart-container-200420 #graphic .boxes-section {
    position: relative;
    overflow: hidden;
    height: auto; }
  .esg-index-chart-container #index-chart-container-200420 #graphic #boxes .box-container {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    width: 33.333%;
    float: left;
    min-height: 240px;
    position: relative;
    z-index: 9; }
  .esg-index-chart-container #index-chart-container-200420 #graphic #boxes .box-container.full-size {
    width: 100%; }
  .esg-index-chart-container #index-chart-container-200420 #graphic #boxes .box-container.clone {
    z-index: 11;
    position: absolute; }
  .esg-index-chart-container #index-chart-container-200420 #graphic #boxes .box-container .box {
    height: 100%;
    width: 100%;
    display: table;
    padding: 10px; }
  .esg-index-chart-container #index-chart-container-200420 .box-title {
    font-size: 16px; }
  .esg-index-chart-container #index-chart-container-200420 #graphic #boxes .box-container .box-connector {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: none;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -15px; }
  .esg-index-chart-container #index-chart-container-200420 #reset {
    position: absolute;
    color: #fff;
    opacity: 0;
    top: 0;
    right: 5px;
    top: 5px;
    z-index: 10; }
  .esg-index-chart-container #index-chart-container-200420 #reset:hover {
    cursor: pointer; }
  .esg-index-chart-container #index-chart-container-200420 .box ul {
    width: 100%;
    padding: 0; }
  .esg-index-chart-container #index-chart-container-200420 .box ul li {
    margin: 0 0 -1px 0;
    padding: 7px 20px 7px 5px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #fff;
    list-style: none;
    font-weight: 500;
    text-align: left;
    position: relative; }
  .esg-index-chart-container #index-chart-container-200420 .box ul li:hover, .esg-index-chart-container #index-chart-container-200420 .box ul li.active {
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer; }
  .esg-index-chart-container #index-chart-container-200420 .green-bg {
    background-color: #00c4b3; }
  .esg-index-chart-container #index-chart-container-200420 .daintree-bg {
    background-color: #011b2b; }
  .esg-index-chart-container #index-chart-container-200420 .smokeyblue-bg {
    background-color: #0626a9; }
  .esg-index-chart-container #index-chart-container-200420 .blue_1-bg {
    background-color: #91a8e1; }
  .esg-index-chart-container #index-chart-container-200420 .blue_2-bg {
    background-color: #c7d2ec; }
  .esg-index-chart-container #index-chart-container-200420 .blue_3-bg {
    background-color: #dce3ec; }
  .esg-index-chart-container #index-chart-container-200420 .green-border {
    border-top: 20px solid #00c4b3; }
  .esg-index-chart-container #index-chart-container-200420 .blue_1-border {
    border-top: 20px solid #91a8e1; }
  .esg-index-chart-container #index-chart-container-200420 .blue_2-border {
    border-top: 20px solid #c7d2ec; }
  .esg-index-chart-container #index-chart-container-200420 .blue_3-border {
    border-top: 20px solid #dce3ec; }
  .esg-index-chart-container #index-chart-container-200420 .close-button {
    position: absolute;
    top: 5px;
    height: 24px;
    right: 5px;
    width: 24px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .esg-index-chart-container #index-chart-container-200420 .close-button::before, .esg-index-chart-container #index-chart-container-200420 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 1px;
    background: #FFFFFF; }
  .esg-index-chart-container #index-chart-container-200420 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .esg-index-chart-container #index-chart-container-200420 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .esg-index-chart-container #index-chart-container-200420 #data-bar .close-button::before, .esg-index-chart-container #index-chart-container-200420 #data-bar .close-button::after {
    background: #011b2b; }
  .esg-index-chart-container #index-chart-container-200420 .link-arrow {
    height: 14px;
    width: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 2px; }
  .esg-index-chart-container #index-chart-container-200420 .link-arrow.blue {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230626A9;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }
  .esg-index-chart-container #index-chart-container-200420 .link-arrow.white {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }
  .esg-index-chart-container #index-chart-container-200420 .box-container ul li .link-arrow {
    position: absolute;
    right: 10px;
    top: 6px; }
  .esg-index-chart-container #index-chart-container-200420 #data-bar {
    /*margin-top:40px;*/
    position: relative;
    top: 10px;
    width: 100%;
    font-size: 14px;
    background: #fff;
    color: #011b2b;
    display: none;
    opacity: 0;
    height: 100%;
    text-align: left;
    padding: 0 0 20px 0;
    border: 2px #c6c8c8 solid;
    clear: both;
    margin-bottom: 10px;
    z-index: 8; }
  .esg-index-chart-container #index-chart-container-200420 #data-bar #data-bar-header {
    width: 100%;
    padding: 10px 40px 10px 10px;
    color: #011b2b;
    font-weight: 800;
    height: auto;
    line-height: 20px;
    z-index: 1;
    text-align: left;
    font-size: 18px; }
  .esg-index-chart-container #index-chart-container-200420 #data-bar #data-bar-header #data-bar-section {
    padding: 2px 6px;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 12px;
    border-radius: 4px;
    line-height: 20px; }
  .esg-index-chart-container #index-chart-container-200420 #data-bar-content {
    padding: 0 10px;
    font-size: 15px;
    height: auto; }
  .esg-index-chart-container #index-chart-container-200420 #data-bar .data-bar-col {
    width: calc(50% - 20px);
    float: left;
    padding: 0 20px 0 0; }
  .esg-index-chart-container #index-chart-container-200420 #data-bar .data-col-title {
    border-bottom: 1px #ccc solid;
    padding: 0 0 5px 0; }
  .esg-index-chart-container #index-chart-container-200420 #data-bar .data-bar-link {
    display: none;
    text-decoration: none;
    color: #1A3FD6;
    font-weight: 700;
    font-size: 14px; }
  .esg-index-chart-container #index-chart-container-200420 #data-bar .data-bar-link:hover {
    color: #4a7bc9; }
  @media (max-width: 800px) {
    .esg-index-chart-container #index-chart-container-200420 .graphic-title {
      font-size: 16px; }
    .esg-index-chart-container #index-chart-container-200420 .graphic-title::before {
      top: 12px; }
    .esg-index-chart-container #index-chart-container-200420 #graphic #boxes .box-container {
      width: 100%;
      min-height: auto; }
    .esg-index-chart-container #index-chart-container-200420 #info-container ul li {
      width: calc(50% - 6px); }
    .esg-index-chart-container #index-chart-container-200420 #data-bar {
      position: absolute;
      z-index: 10;
      top: auto;
      height: auto; }
    .esg-index-chart-container #index-chart-container-200420 #data-bar .data-bar-col {
      width: 100%;
      padding: 0; }
    .esg-index-chart-container #index-chart-container-200420 #data-bar #data-bar-name {
      display: block;
      margin: 5px 0; } }
  @media (max-width: 500px) {
    .esg-index-chart-container #index-chart-container-200420 #graphic #boxes .box-container {
      width: 100%; }
    .esg-index-chart-container #index-chart-container-200420 #info-container ul li {
      width: 100%;
      height: auto;
      margin: 3px 0;
      min-height: 40px;
      display: table-cell;
      vertical-align: middle; }
    .esg-index-chart-container #index-chart-container-200420 #graphic #boxes .box-container.clone {
      width: 100%; }
    .esg-index-chart-container #index-chart-container-200420 #desc-container {
      top: 60px;
      width: calc(100% - 60px);
      left: 10px;
      padding: 10px; } }

.esg-timeline-container {
  /* COLOURS */
  /* BACKGROUNDS */
  /*------------------------------- vertical carousel indicators ------------------------------*/
  /*-------------------------------- tooltip --------------------------------------*/
  /*semi-circles*/
  /*-------------------------------- media --------------------------------------*/ }
  .esg-timeline-container .carnation {
    color: #e44261; }
  .esg-timeline-container .smokey-blue {
    color: #0626a9; }
  .esg-timeline-container .sky-blue {
    color: #5987da; }
  .esg-timeline-container .moody-blue {
    color: #6c7bd3; }
  .esg-timeline-container .mercury {
    color: #dce3ec; }
  .esg-timeline-container .turquoise {
    color: #00c4b3; }
  .esg-timeline-container .marigold {
    color: #ffc62d; }
  .esg-timeline-container .jade {
    color: #00945e; }
  .esg-timeline-container .flint {
    color: #73787c; }
  .esg-timeline-container .sky-blue {
    color: #5987da; }
  .esg-timeline-container .tangerine {
    color: #f08900; }
  .esg-timeline-container .daintree {
    color: #011b2b; }
  .esg-timeline-container .carnation-bg {
    background-color: #e44261;
    background: linear-gradient(to right, #cd3b57 50%, #e44261 50%); }
  .esg-timeline-container .smokey-blue-bg {
    background-color: #0626a9;
    background: linear-gradient(to right, #052298 50%, #0626a9 50%); }
  .esg-timeline-container .sky-blue-bg {
    background-color: #5987da;
    background: linear-gradient(to right, #5079c4 50%, #5987da 50%); }
  .esg-timeline-container .moody-blue-bg {
    background-color: #6c7bd3;
    background: linear-gradient(to right, #616ebd 50%, #6c7bd3 50%); }
  .esg-timeline-container .mercury-bg {
    background-color: #dce3ec;
    background: linear-gradient(to right, #c6ccd4 50%, #dce3ec 50%); }
  .esg-timeline-container .turquoise-bg {
    background-color: #00c4b3;
    background: linear-gradient(to right, #00b0a1 50%, #00c4b3 50%); }
  .esg-timeline-container .marigold-bg {
    background-color: #ffc62d; }
  .esg-timeline-container .jade-bg {
    background-color: #00945e;
    background: linear-gradient(to right, #008554 50%, #00945e 50%); }
  .esg-timeline-container .flint-bg {
    background-color: #73787c;
    background: linear-gradient(to right, #676c6f 50%, #73787c 50%); }
  .esg-timeline-container .tangerine-bg {
    background-color: #f08900;
    background: linear-gradient(to right, #d87b00 50%, #f08900 50%); }
  .esg-timeline-container .daintree-bg {
    background-color: #011b2b;
    background: linear-gradient(to right, #011827 50%, #011b2b 50%); }
  .esg-timeline-container .container {
    padding: 0; }
  .esg-timeline-container #esg-timeline-200520 {
    position: relative;
    height: 100%;
    /*max-width:1140px;*/
    margin: 0 auto;
    min-width: 320px;
    height: 100vh;
    z-index: 90;
    color: #fff !important; }
  .esg-timeline-container #esg-timeline-200520 a {
    color: #0626a9; }
  .esg-timeline-container #esg-timeline-200520 .carousel, .esg-timeline-container #esg-timeline-200520 .container {
    height: 100%; }
  .esg-timeline-container #esg-timeline-200520 #msci_logo {
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
    width: 200px;
    height: 106px;
    background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/anniversary/MSCI_Logo_blue.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 20; }
  .esg-timeline-container #esg-timeline-200520 #mainCarousel.inner #msci_logo {
    background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/anniversary/MSCI_Logo_white.svg); }
  .esg-timeline-container #esg-timeline-200520 #mainCarousel.outro #msci_logo {
    background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/anniversary/MSCI_Logo_blue.svg); }
  .esg-timeline-container #esg-timeline-200520 #msci_legals {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 30px;
    z-index: 20;
    color: #011b2b;
    font-size: 0.8rem; }
  .esg-timeline-container #esg-timeline-200520 #msci_home {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 20; }
  .esg-timeline-container #esg-timeline-200520 #msci_contact a {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 20;
    color: #fff;
    background-color: #0626a9;
    padding: 4px 16px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    font-size: 1rem;
    font-weight: 700; }
  .esg-timeline-container #esg-timeline-200520 #msci_contact a:hover {
    background-color: #4a7bc9;
    text-decoration: none; }
  .esg-timeline-container #esg-timeline-200520 #msci_contact a {
    color: #fff; }
  .esg-timeline-container #esg-timeline-200520 #msci_home a, .esg-timeline-container #esg-timeline-200520 #msci_legals a {
    color: #011b2b; }
  .esg-timeline-container #esg-timeline-200520 #mainCarousel.inner #msci_legals, .esg-timeline-container #esg-timeline-200520 #mainCarousel.inner #msci_legals a, .esg-timeline-container #esg-timeline-200520 #mainCarousel.inner #msci_home a {
    color: #fff; }
  .esg-timeline-container #esg-timeline-200520 #mainCarousel.outro #msci_legals, .esg-timeline-container #esg-timeline-200520 #mainCarousel.outro #msci_legals a, .esg-timeline-container #esg-timeline-200520 #mainCarousel.outro #msci_home a {
    color: #011b2b; }
  .esg-timeline-container #esg-timeline-200520 .carousel-item {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 10; }
  .esg-timeline-container #esg-timeline-200520 .carousel-inner {
    height: auto;
    max-height: 100vh; }
  .esg-timeline-container #esg-timeline-200520 .block-divider {
    position: absolute;
    left: 50%;
    width: 10px;
    background: #fff;
    margin-left: -5px;
    z-index: 500; }
  .esg-timeline-container #esg-timeline-200520 .block-divider.intro-divider {
    background: #0626a9; }
  .esg-timeline-container #esg-timeline-200520 .block-divider-top {
    top: 0;
    height: 40px; }
  .esg-timeline-container #esg-timeline-200520 .block-divider-bottom {
    bottom: 0;
    height: 70%; }
  .esg-timeline-container #esg-timeline-200520 .block-divider-bottom.short {
    bottom: 0;
    height: 5%; }
  .esg-timeline-container #esg-timeline-200520 .block-divider-bottom.medium {
    bottom: 0;
    height: 25%; }
  .esg-timeline-container #esg-timeline-200520 .block-divider:after {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 8px #fff solid;
    background: transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px; }
  .esg-timeline-container #esg-timeline-200520 .block-divider.intro-divider:after {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 8px #0626a9 solid;
    background: transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px; }
  .esg-timeline-container #esg-timeline-200520 .block-divider-bottom:after {
    top: -24px; }
  .esg-timeline-container #esg-timeline-200520 .block-divider-top:after {
    bottom: -24px; }
  .esg-timeline-container #esg-timeline-200520 .block-col-left, .esg-timeline-container #esg-timeline-200520 .block-col-right {
    width: 50%;
    float: left;
    padding: 80px 0;
    position: relative; }
  .esg-timeline-container #esg-timeline-200520 .block-col-left {
    text-align: right;
    padding-right: 40px; }
  .esg-timeline-container #esg-timeline-200520 .block-col-left.no-bg {
    background: transparent; }
  .esg-timeline-container #esg-timeline-200520 .block-col-right {
    text-align: left;
    padding-left: 40px; }
  .esg-timeline-container #esg-timeline-200520 .block-title {
    position: relative;
    top: 60px;
    width: 100%;
    display: none;
    text-align: center;
    z-index: 1000;
    padding: 0 60px; }
  .esg-timeline-container #esg-timeline-200520 .block-title h3 {
    font-size: 1.3rem; }
  .esg-timeline-container #esg-timeline-200520 .block-title h4 {
    font-size: 2.8rem;
    margin-bottom: 0;
    font-weight: 800; }
  .esg-timeline-container #esg-timeline-200520 .block-title h5 {
    font-size: 1.2rem;
    margin-top: 10px;
    font-weight: 300; }
  .esg-timeline-container #esg-timeline-200520 .block-col-title, .esg-timeline-container #esg-timeline-200520 .block-col-intro {
    opacity: 0;
    padding: 0 20px; }
  .esg-timeline-container #esg-timeline-200520 .block-col-intro {
    min-height: 100px; }
  .esg-timeline-container #esg-timeline-200520 .block-col-intro p {
    max-width: 600px; }
  .esg-timeline-container #esg-timeline-200520 .block-col-left .block-col-intro p {
    float: right; }
  .esg-timeline-container #esg-timeline-200520 .block-col-title h5 {
    font-size: 3rem; }
  .esg-timeline-container #esg-timeline-200520 .block-graphics {
    position: relative;
    width: 100%;
    z-index: 1000;
    padding: 0 10px;
    margin-top: 70px; }
  .esg-timeline-container #esg-timeline-200520 .block-col-left .block-graphics {
    padding-left: 40px; }
  .esg-timeline-container #esg-timeline-200520 .block-col-right .block-graphics {
    padding-right: 90px; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item {
    position: relative;
    width: 45%;
    height: auto;
    display: none;
    text-align: center;
    margin-top: -80px;
    clear: both;
    cursor: pointer; }
  .esg-timeline-container #esg-timeline-200520 .block-col-left .block-graphic-item {
    float: right; }
  .esg-timeline-container #esg-timeline-200520 .block-col-right .block-graphic-item {
    float: left; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item.float-right {
    float: right !important; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item.float-left {
    float: left !important; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item.float-center {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item.fullwidth {
    width: 100%;
    padding: 0 40px; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item.doublewidth {
    width: calc(200% + 100px);
    margin-top: -40px;
    cursor: auto; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item.push-down, .esg-timeline-container #esg-timeline-200520 .block-graphics.push-down {
    margin-top: 50px; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item.push-up, .esg-timeline-container #esg-timeline-200520 .block-graphics.push-up {
    margin-top: -140px; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item h3 {
    font-size: 1.2rem;
    position: relative;
    margin-bottom: 20px; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-image {
    height: auto;
    margin: 10px auto 20px auto; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-image img {
    max-height: 140px;
    max-width: 160px; }
  .esg-timeline-container #esg-timeline-200520 .block-text-title {
    font-size: 5rem;
    font-weight: 700; }
  .esg-timeline-container #esg-timeline-200520 .block-callout {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 120px;
    position: relative;
    left: 50%;
    margin-left: -60px; }
  .esg-timeline-container #esg-timeline-200520 .block-callout img {
    max-width: 80px;
    height: auto; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .block-tooltip {
    display: inline-block;
    top: -20px;
    margin: 0 0 0 10px; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .block-hint {
    position: relative;
    cursor: pointer;
    top: -12px; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .block-hint-text {
    display: none; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .block-hint-dot {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item h3.tooltipped .block-hint-dot {
    background-color: #e44261; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .block-hint-pulse {
    border: 3px solid #fff;
    -webkit-border-radius: 22px;
    height: 22px;
    width: 22px;
    position: absolute;
    left: -5px;
    top: -5px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .block-hint-blue {
    left: -20px; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .block-hint-blue .block-hint-dot {
    width: 24px;
    height: 24px;
    background-color: #00c4b3; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .block-hint-blue .block-hint-pulse {
    border: 3px solid #00c4b3;
    -webkit-border-radius: 40px;
    height: 40px;
    width: 40px;
    left: -8px;
    top: -8px; }
  .esg-timeline-container #esg-timeline-200520 .vert .carousel-item-next.carousel-item-left,
  .esg-timeline-container #esg-timeline-200520 .vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .esg-timeline-container #esg-timeline-200520 .vert .carousel-item-next,
  .esg-timeline-container #esg-timeline-200520 .vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  .esg-timeline-container #esg-timeline-200520 .vert .carousel-item-prev,
  .esg-timeline-container #esg-timeline-200520 .vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  .esg-timeline-container #esg-timeline-200520 .close-button {
    position: absolute;
    top: 5px;
    height: 24px;
    right: 5px;
    width: 24px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .esg-timeline-container #esg-timeline-200520 .close-button::before, .esg-timeline-container #esg-timeline-200520 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 1px;
    background: #011b2b; }
  .esg-timeline-container #esg-timeline-200520 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .esg-timeline-container #esg-timeline-200520 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .esg-timeline-container #esg-timeline-200520 .transition {
    transition: .7s; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators {
    position: absolute;
    bottom: 0;
    height: 300px;
    right: 25px;
    left: auto;
    width: auto;
    z-index: 5000;
    display: block;
    margin: 0; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators li {
    display: block;
    margin-bottom: 5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px #011b2b solid;
    background: transparent;
    transition: all 0.5s;
    color: #011b2b;
    font-weight: 700;
    text-align: right; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators li > span {
    margin: 0 30px 0 -240px; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators li.active {
    margin-bottom: 5px;
    background: #011b2b; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators li:hover {
    opacity: 1; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators.inner li {
    border: 2px #fff solid;
    background: transparent; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators.outro li {
    border: 2px #011b2b solid;
    background: transparent; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators.inner li > span {
    display: none; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators.inner li:hover > span {
    display: block;
    background: #001b2b;
    padding: 0 20px;
    color: #fff; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators.inner li.active {
    margin-bottom: 5px;
    background: #fff; }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators.outro li.active {
    background: #011b2b; }
  .esg-timeline-container #block-tooltip-popup {
    height: auto;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 10%;
    opacity: 0;
    background: white;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
    z-index: 10000; }
  .esg-timeline-container #esg-timeline-200520 .block-outside-col #block-tooltip-popup {
    max-width: 600px;
    left: 50%;
    margin-left: -300px; }
  .esg-timeline-container #block-tooltip-popup__arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden; }
  .esg-timeline-container .block-col-right #block-tooltip-popup__arrow {
    left: 25%; }
  .esg-timeline-container .block-col-left #block-tooltip-popup__arrow {
    left: 75%; }
  .esg-timeline-container #block-tooltip-popup__arrow.arrow-left {
    left: 25%; }
  .esg-timeline-container #block-tooltip-popup__arrow.arrow-right {
    left: 75%; }
  .esg-timeline-container #block-tooltip-popup__arrow.arrow-center {
    left: 50%; }
  .esg-timeline-container #block-tooltip-popup__arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.6); }
  .esg-timeline-container #esg-timeline-200520 .block-tooltip-popup-inner {
    padding: 30px 20px 20px;
    color: #000;
    text-align: left;
    line-height: 1rem;
    font-size: 13px; }
  .esg-timeline-container #esg-timeline-200520 .block-tooltip-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 20px 0; }
  .esg-timeline-container #esg-timeline-200520 #block-tooltip-popup ol, .esg-timeline-container #esg-timeline-200520 #block-tooltip-popup ul {
    padding-left: 20px;
    text-align: left; }
  .esg-timeline-container #esg-timeline-200520 #block-tooltip-popup li {
    margin: 5px 0;
    padding: 5px 0; }
  .esg-timeline-container #esg-timeline-200520 #block-tooltip-popup p.hint-link {
    font-weight: 700;
    margin: 10px 0 20px 0;
    font-size: 1rem; }
  .esg-timeline-container #esg-timeline-200520 #block-tooltip-popup p.hint-sources {
    padding-top: 10px;
    border-top: 1px #ccc solid;
    text-align: left;
    margin-top: 10px;
    font-size: 12px; }
  .esg-timeline-container #esg-timeline-200520 #block-tooltip-popup p.hint-sources a {
    display: inline-block;
    overflow-wrap: break-word;
    word-break: break-all; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .semi-circle-wrapper {
    margin: 0 auto;
    width: 100%; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .semi-circle-item {
    width: 240px;
    height: 480px;
    overflow: hidden;
    position: relative;
    top: 0;
    display: inline-block; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .circle {
    border-radius: 50%;
    width: 20%;
    height: 10%;
    position: absolute;
    top: 45%;
    left: -10%;
    z-index: 100; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .semi-circle-item:before {
    content: '';
    position: absolute;
    width: 160%;
    height: 80%;
    border-radius: 100%;
    border: 4px #d87b00 solid;
    top: 10%;
    left: -80%;
    z-index: 500; }
  .esg-timeline-container #esg-timeline-200520 .block-graphic-item .semi-circle-item:after {
    content: '';
    position: absolute;
    width: 60%;
    height: 30%;
    border-radius: 100%;
    border: 2px #d87b00 solid;
    top: 35%;
    left: -30%;
    z-index: 500; }
  @media (max-width: 900px) {
    .esg-timeline-container {
      /*------------------------------- carousel buttons ------------------------------*/ }
      .esg-timeline-container #esg-timeline-200520 {
        font-size: 80% !important; }
      .esg-timeline-container #esg-timeline-200520 .hide-medium-and-down {
        display: none; }
      .esg-timeline-container #esg-timeline-200520 #msci_logo {
        width: 140px;
        height: 74px;
        left: 20px; }
      .esg-timeline-container #esg-timeline-200520 #msci_legals {
        left: 20px;
        bottom: 15px; }
      .esg-timeline-container #esg-timeline-200520 #msci_contact a {
        right: 20px;
        top: 20px; }
      .esg-timeline-container #esg-timeline-200520 #msci_home {
        top: 20px;
        right: 20px; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-item h3 {
        font-size: 1rem; }
      .esg-timeline-container #esg-timeline-200520 .block-title h4 {
        font-size: 1.8rem;
        line-height: 1.8rem; }
      .esg-timeline-container #esg-timeline-200520 .block-col-title h5 {
        font-size: 1.6rem; }
      .esg-timeline-container #esg-timeline-200520 .block-col-title, .esg-timeline-container #esg-timeline-200520 .block-col-intro {
        padding: 0 10px; }
      .esg-timeline-container #esg-timeline-200520 .block-col-intro {
        min-height: auto; }
      .esg-timeline-container #esg-timeline-200520 .block-col-left {
        padding-right: 20px; }
      .esg-timeline-container #esg-timeline-200520 .block-col-right {
        padding-left: 20px; }
      .esg-timeline-container #esg-timeline-200520 .block-col-left .block-graphics {
        margin-top: 10px;
        padding-left: 10px; }
      .esg-timeline-container #esg-timeline-200520 .block-col-right .block-graphics {
        margin-top: 10px;
        padding-right: 10px; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-item {
        width: 100%;
        margin: 0; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-item.fullwidth {
        padding: 0 20px; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-item.doublewidth {
        width: calc(200% + 60px);
        margin: 0; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-item:before {
        display: none; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-item.push-down {
        margin-top: 60px; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-image {
        width: auto; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-image img {
        max-height: 100px; }
      .esg-timeline-container #esg-timeline-200520 .block-text-title {
        font-size: 2.4rem;
        font-weight: 700; }
      .esg-timeline-container #esg-timeline-200520 .block-callout {
        width: 100px;
        height: 100px;
        line-height: 100px;
        margin-left: -50px; }
      .esg-timeline-container #esg-timeline-200520 .block-callout img {
        max-width: 70px;
        height: auto; }
      .esg-timeline-container #esg-timeline-200520 .carousel-indicators {
        display: block;
        position: absolute;
        width: 100%;
        height: 40px;
        bottom: 0;
        padding: 10px 0;
        top: auto;
        background: #fff;
        text-align: center;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        left: 0;
        right: auto;
        z-index: 15; }
      .esg-timeline-container #esg-timeline-200520 .carousel-indicators.inner {
        background: #011b2b; }
      .esg-timeline-container #esg-timeline-200520 .carousel-indicators.outro {
        background: #fff; }
      .esg-timeline-container #esg-timeline-200520 .carousel-indicators li {
        display: inline-block;
        width: 14px;
        height: 14px; }
      .esg-timeline-container #esg-timeline-200520 .carousel-indicators li span, .esg-timeline-container #esg-timeline-200520 .carousel-indicators.inner li:hover span {
        display: none; }
      .esg-timeline-container #esg-timeline-200520 .carousel-buttons {
        position: absolute;
        z-index: 5000;
        bottom: 160px;
        right: 10px;
        height: 100px;
        width: 40px; }
      .esg-timeline-container #esg-timeline-200520 .carousel-buttons .carousel-button {
        width: 30px;
        height: 30px;
        background: rgba(0, 0, 0, 0.2);
        margin: 5px 0;
        cursor: pointer;
        position: relative; }
      .esg-timeline-container #esg-timeline-200520 .arrow {
        display: block;
        position: absolute;
        left: 50%;
        height: 20px;
        width: 20px;
        bottom: 10px;
        cursor: pointer;
        margin-left: -10px; }
      .esg-timeline-container #esg-timeline-200520 .carousel-buttons .carousel-button::after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
        content: '';
        display: inline-block;
        height: 20px;
        position: absolute;
        top: 50%;
        vertical-align: top;
        width: 20px;
        -webkit-transition: transform .4s;
        /* Safari */
        transition: transform .4s;
        left: 50%;
        background-repeat: no-repeat;
        margin: -10px 0 0 -10px; }
      .esg-timeline-container #esg-timeline-200520 .carousel-buttons .carousel-button.previous::after {
        transform: rotate(180deg);
        -webkit-transition: transform .4s;
        /* Safari */
        transition: transform .4s; }
      .esg-timeline-container #esg-timeline-200520 #block-tooltip-popup {
        width: 160%; }
      .esg-timeline-container #esg-timeline-200520 .block-col-left #block-tooltip-popup {
        left: 20%; }
      .esg-timeline-container #esg-timeline-200520 .block-col-right #block-tooltip-popup {
        left: -80%; }
      .esg-timeline-container #esg-timeline-200520 .block-outside-col #block-tooltip-popup {
        width: 80%;
        left: 10%; }
      .esg-timeline-container #esg-timeline-200520 .block-col-left #block-tooltip-popup__arrow {
        left: 17.5%; }
      .esg-timeline-container #esg-timeline-200520 .block-col-right #block-tooltip-popup__arrow {
        left: 82.5%; }
      .esg-timeline-container #esg-timeline-200520 .block-graphic-item .semi-circle-item {
        width: 200px;
        height: 400px; } }
  @media (max-width: 520px) {
    .esg-timeline-container #esg-timeline-200520 {
      font-size: 80% !important; }
    .esg-timeline-container #esg-timeline-200520 #msci_logo {
      width: 100px;
      height: 53px; }
    .esg-timeline-container #esg-timeline-200520 #msci_legals {
      bottom: 50px;
      left: 15px; }
    .esg-timeline-container #esg-timeline-200520 #msci_contact a {
      right: 20px;
      top: 10px; }
    .esg-timeline-container #esg-timeline-200520 .hide-mobile {
      display: none; }
    .esg-timeline-container #esg-timeline-200520 .carousel-item {
      padding: 0 20px; }
    .esg-timeline-container #esg-timeline-200520 .block-graphic-item h3 {
      font-size: 1rem; }
    .esg-timeline-container #esg-timeline-200520 .block-graphic-item.fullwidth {
      padding: 0; }
    .esg-timeline-container #esg-timeline-200520 .block-title {
      padding: 0 20px; }
    .esg-timeline-container #esg-timeline-200520 .block-title h4 {
      font-size: 1.2rem;
      line-height: 1.2rem; }
    .esg-timeline-container #esg-timeline-200520 .block-col-title h5 {
      font-size: 1.4rem; }
    .esg-timeline-container #esg-timeline-200520 .block-col-title, .esg-timeline-container #esg-timeline-200520 .block-col-intro {
      padding: 0 10px; }
    .esg-timeline-container #esg-timeline-200520 .block-divider {
      position: absolute;
      left: 50%;
      width: 6px;
      background: #fff;
      margin-left: -3px;
      z-index: 500; }
    .esg-timeline-container #esg-timeline-200520 .block-divider-top {
      top: 0;
      height: 2%; }
    .esg-timeline-container #esg-timeline-200520 .block-divider-bottom {
      bottom: 0;
      height: 70vh; }
    .esg-timeline-container #esg-timeline-200520 .block-divider:after {
      content: '';
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 6px #fff solid;
      background: transparent;
      position: absolute;
      left: 50%;
      margin-left: -12px; }
    .esg-timeline-container #esg-timeline-200520 .block-col-left {
      padding-right: 10px; }
    .esg-timeline-container #esg-timeline-200520 .block-col-right {
      padding-left: 10px; }
    .esg-timeline-container #esg-timeline-200520 .block-graphics {
      margin-top: 10px; }
    .esg-timeline-container #esg-timeline-200520 .block-graphic-item {
      width: 100%;
      margin: 0; }
    .esg-timeline-container #esg-timeline-200520 .block-graphic-item.doublewidth {
      width: calc(200% + 40px);
      margin: 0; }
    .esg-timeline-container #esg-timeline-200520 .block-graphic-item.push-up, .esg-timeline-container #esg-timeline-200520 .block-graphics.push-up {
      margin-top: -60px; }
    .esg-timeline-container #esg-timeline-200520 .block-graphic-image img {
      max-height: 80px;
      max-width: 80px; }
    .esg-timeline-container #esg-timeline-200520 .block-callout {
      width: 80px;
      height: 80px;
      line-height: 80px;
      margin-left: -40px; }
    .esg-timeline-container #esg-timeline-200520 .block-callout img {
      max-width: 50px;
      height: auto; }
    .esg-timeline-container #esg-timeline-200520 #block-tooltip-popup {
      width: 180%; }
    .esg-timeline-container #esg-timeline-200520 .block-col-left #block-tooltip-popup {
      left: 10%; }
    .esg-timeline-container #esg-timeline-200520 .block-col-right #block-tooltip-popup {
      left: -90%; }
    .esg-timeline-container #esg-timeline-200520 .block-outside-col #block-tooltip-popup {
      width: 90%;
      left: 5%;
      margin-left: 0; }
    .esg-timeline-container #esg-timeline-200520 .block-text-title {
      font-size: 2.2rem;
      font-weight: 700; }
    .esg-timeline-container #esg-timeline-200520 .carousel-indicators {
      height: 40px; }
    .esg-timeline-container #esg-timeline-200520 .carousel-indicators li {
      width: 14px;
      height: 14px; }
    .esg-timeline-container #esg-timeline-200520 .block-graphic-item .semi-circle-item {
      width: 150px;
      height: 300px; } }
  @media (max-width: 400px) {
    .esg-timeline-container #esg-timeline-200520 .carousel-item {
      padding: 0 10px; }
    .esg-timeline-container #esg-timeline-200520 .block-title {
      padding: 0 10px; }
    .esg-timeline-container #esg-timeline-200520 .block-col-title, .esg-timeline-container #esg-timeline-200520 .block-col-intro {
      padding: 0; }
    .esg-timeline-container #esg-timeline-200520 .block-graphic-item .semi-circle-item {
      width: 100px;
      height: 200px; } }

.esg-timeline-container #esg-timeline-200520 {
  line-height: 1.2;
  font-size: 16px; }
  .esg-timeline-container #esg-timeline-200520 a {
    line-height: 1.2;
    font-size: 16px; }
  .esg-timeline-container #esg-timeline-200520 #msci_legals a {
    font-size: 0.8rem; }
  .esg-timeline-container #esg-timeline-200520 .h1, .esg-timeline-container #esg-timeline-200520 .h2, .esg-timeline-container #esg-timeline-200520 .h3, .esg-timeline-container #esg-timeline-200520 .h4, .esg-timeline-container #esg-timeline-200520 .h5, .esg-timeline-container #esg-timeline-200520 .h6, .esg-timeline-container #esg-timeline-200520 h1, .esg-timeline-container #esg-timeline-200520 h2, .esg-timeline-container #esg-timeline-200520 h3, .esg-timeline-container #esg-timeline-200520 h4, .esg-timeline-container #esg-timeline-200520 h5, .esg-timeline-container #esg-timeline-200520 h6 {
    line-height: 1.2; }
  @media (max-width: 900px) {
    .esg-timeline-container #esg-timeline-200520 p {
      font-size: 13px !important; }
    .esg-timeline-container #esg-timeline-200520 h1, .esg-timeline-container #esg-timeline-200520 h4 {
      font-size: 21px !important; } }
  .esg-timeline-container #esg-timeline-200520 .carousel-indicators li {
    box-sizing: content-box;
    cursor: pointer;
    opacity: 0.5; }
    .esg-timeline-container #esg-timeline-200520 .carousel-indicators li:before, .esg-timeline-container #esg-timeline-200520 .carousel-indicators li:after {
      content: none; }
    .esg-timeline-container #esg-timeline-200520 .carousel-indicators li span {
      color: #011b2b;
      font-size: 16px;
      cursor: pointer;
      transition: all 0.5s !important; }
    .esg-timeline-container #esg-timeline-200520 .carousel-indicators li:hover {
      opacity: 1; }
    .esg-timeline-container #esg-timeline-200520 .carousel-indicators li.active {
      opacity: 1; }
      .esg-timeline-container #esg-timeline-200520 .carousel-indicators li.active span {
        color: #011b2b; }

.fixed-income-container html, .fixed-income-container body {
  margin: 0;
  padding: 0;
  background-color: black;
  color: white;
  font-family: "Signika Negative", sans-serif;
  text-align: center;
  background-color: #111; }

.fixed-income-container h1 {
  margin: 20px;
  text-align: center; }

.fixed-income-container svg {
  overflow: visible;
  height: 100%;
  max-width: 100%; }

.fixed-income-container circle {
  fill: white; }

.fixed-income-container path {
  stroke-width: 2px;
  fill: none; }

.fixed-income-container .desktopExperience {
  display: block; }

.fixed-income-container .mobileExperience {
  display: none; }

.fixed-income-container .container {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  position: relative; }

.fixed-income-container .nav {
  display: flex;
  justify-content: center;
  padding: 0 0 20px 0;
  align-content: center; }

.fixed-income-container .gsap-3-logo {
  width: 20vw;
  max-width: 150px;
  position: fixed;
  bottom: 15px;
  right: 15px; }

.fixed-income-container .box {
  height: 70px;
  color: #000;
  display: flex;
  align-items: flex-end; }

.fixed-income-container .box.dest {
  margin-left: 500px; }

.fixed-income-container .box.dest.move {
  transform: translateY(-100px);
  z-index: 100; }

.fixed-income-container .box div {
  flex: 1;
  margin: 0 10px;
  height: 50px;
  transition: height .2s ease;
  background-color: #cacaca; }

.fixed-income-container .box.top div {
  border-bottom: 5px solid #fff; }

.fixed-income-container .box.bottom {
  margin-top: -20px; }

.fixed-income-container .box.bottom div {
  border-top: 5px solid #fff; }

.fixed-income-container .box.bottom div:hover {
  height: 70px; }

.fixed-income-container .popup {
  opacity: 1;
  transition: 0.4s;
  position: absolute; }

.fixed-income-container .popup .background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  top: 0;
  left: 0; }

.fixed-income-container .popup .copy {
  opacity: 1;
  color: #fff;
  position: relative;
  line-height: 1.3;
  text-align: left;
  font-weight: 400; }

.fixed-income-container .popup.popup-1 {
  padding: 15px;
  top: 255px;
  left: 150px;
  width: 220px; }

.fixed-income-container .popup.popup-2 {
  padding: 15px;
  top: 340px;
  right: 290px;
  width: 210px; }

.fixed-income-container .popup.popup-3 {
  padding: 15px;
  top: 425px;
  right: 30px;
  width: 220px; }

.fixed-income-container .popup.popup-4 {
  padding: 15px;
  bottom: 235px;
  left: 220px;
  width: 220px; }

.fixed-income-container .test-content {
  height: 200vh; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fixed-income-container .copy {
    font-size: 12px; }
  .fixed-income-container .popup.popup-1 {
    top: 185px;
    left: 90px;
    width: 170px; }
  .fixed-income-container .popup.popup-2 {
    top: 270px;
    right: calc(46% - 95px);
    width: 190px; }
  .fixed-income-container .popup.popup-3 {
    top: 315px;
    right: 40px;
    width: 180px; }
  .fixed-income-container .popup.popup-4 {
    bottom: 235px;
    left: 220px;
    width: 220px; } }

@media only screen and (max-width: 767px) {
  .fixed-income-container {
    /* Slider */
    /* Slider */
    /* Icons */
    /* Arrows */
    /* Dots */
    /* End Slider */ }
    .fixed-income-container .desktopExperience {
      display: none; }
    .fixed-income-container .mobileExperience {
      display: block; }
    .fixed-income-container html, .fixed-income-container body {
      margin: 0;
      padding: 0;
      background-color: black;
      color: white;
      font-family: "Signika Negative", sans-serif;
      text-align: center;
      background-color: #111; }
    .fixed-income-container .slick-slider {
      position: relative;
      display: block;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent; }
    .fixed-income-container .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0; }
    .fixed-income-container .slick-list:focus {
      outline: none; }
    .fixed-income-container .slick-list.dragging {
      cursor: pointer;
      cursor: hand; }
    .fixed-income-container .slick-slider .slick-track,
    .fixed-income-container .slick-slider .slick-list {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .fixed-income-container .slick-track {
      position: relative;
      top: 0;
      left: 0;
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .fixed-income-container .slick-track:before,
    .fixed-income-container .slick-track:after {
      display: table;
      content: ''; }
    .fixed-income-container .slick-track:after {
      clear: both; }
    .fixed-income-container .slick-loading .slick-track {
      visibility: hidden; }
    .fixed-income-container .slick-slide {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px; }
    .fixed-income-container [dir='rtl'] .slick-slide {
      float: right; }
    .fixed-income-container .slick-slide img {
      display: block; }
    .fixed-income-container .slick-slide.slick-loading img {
      display: none; }
    .fixed-income-container .slick-slide.dragging img {
      pointer-events: none; }
    .fixed-income-container .slick-initialized .slick-slide {
      display: block; }
    .fixed-income-container .slick-loading .slick-slide {
      visibility: hidden; }
    .fixed-income-container .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent; }
    .fixed-income-container .slick-arrow.slick-hidden {
      display: none; }
    .fixed-income-container .slick-loading .slick-list {
      background: #fff url("./ajax-loader.gif") center center no-repeat; }
  .fixed-income-container {
    @font-face {
      font-family: 'slick';
      font-weight: normal;
      font-style: normal;
      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"); } }
    .fixed-income-container .slick-prev,
    .fixed-income-container .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 20px;
      height: 20px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent; }
    .fixed-income-container .slick-prev:hover,
    .fixed-income-container .slick-prev:focus,
    .fixed-income-container .slick-next:hover,
    .fixed-income-container .slick-next:focus {
      color: transparent;
      outline: none;
      background: transparent; }
    .fixed-income-container .slick-prev:hover:before,
    .fixed-income-container .slick-prev:focus:before,
    .fixed-income-container .slick-next:hover:before,
    .fixed-income-container .slick-next:focus:before {
      opacity: 1; }
    .fixed-income-container .slick-prev.slick-disabled:before,
    .fixed-income-container .slick-next.slick-disabled:before {
      opacity: .25; }
    .fixed-income-container .slick-prev:before,
    .fixed-income-container .slick-next:before {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
      opacity: .75;
      color: white;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .fixed-income-container .slick-prev {
      left: -25px; }
    .fixed-income-container [dir='rtl'] .slick-prev {
      right: -25px;
      left: auto; }
    .fixed-income-container .slick-prev:before {
      content: '←'; }
    .fixed-income-container [dir='rtl'] .slick-prev:before {
      content: '→'; }
    .fixed-income-container .slick-next {
      right: -25px; }
    .fixed-income-container [dir='rtl'] .slick-next {
      right: auto;
      left: -25px; }
    .fixed-income-container .slick-next:before {
      content: '→'; }
    .fixed-income-container [dir='rtl'] .slick-next:before {
      content: '←'; }
    .fixed-income-container .slick-dotted.slick-slider {
      margin-bottom: 30px; }
    .fixed-income-container .slick-dots {
      position: absolute;
      bottom: -25px;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center; }
    .fixed-income-container .slick-dots li {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
    .fixed-income-container .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
    .fixed-income-container .slick-dots li button:hover,
    .fixed-income-container .slick-dots li button:focus {
      outline: none; }
    .fixed-income-container .slick-dots li button:hover:before,
    .fixed-income-container .slick-dots li button:focus:before {
      opacity: 1; }
    .fixed-income-container .slick-dots li button:before {
      font-family: 'slick';
      font-size: 6px;
      line-height: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 20px;
      height: 20px;
      content: '•';
      text-align: center;
      opacity: .25;
      color: black;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .fixed-income-container .slick-dots li.slick-active button:before {
      opacity: .75;
      color: black; }
    .fixed-income-container .slide-container {
      /*max-width: 375px;*/
      width: 100%; }
    .fixed-income-container .slide-container .slide {
      width: 100%;
      height: 100%;
      position: relative; }
    .fixed-income-container .slide-container .slide .foreground {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    .fixed-income-container .slick-dotted.slick-slider {
      margin-bottom: 0px; }
    .fixed-income-container .slick-dots {
      /*background-color: #fff;*/ }
    .fixed-income-container .slick-dots {
      bottom: 30px; }
    .fixed-income-container .slick-dots li button:before {
      font-size: 50px;
      content: "\2022";
      color: #CAD1EA; }
    .fixed-income-container .slick-dots li.slick-active button:before {
      color: #5887DA; }
    .fixed-income-container .slick-dots li {
      /*margin: 0 20px;*/ }
    .fixed-income-container .slide svg {
      width: 100%;
      height: 100%; } }

.china-index-chart-container {
  margin-bottom: 20px;
  /*COLOURS*/
  /*VIEWPORTS*/ }
  .china-index-chart-container #index-chart-container-270720 {
    position: relative;
    width: 100%;
    padding: 0 10px;
    color: #011b2b; }
  .china-index-chart-container #index-chart-container-270720 .right {
    float: right; }
  .china-index-chart-container #index-chart-container-270720 h1 {
    font-weight: 700; }
  .china-index-chart-container #index-chart-container-270720 h2 {
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin: 0; }
  .china-index-chart-container #index-chart-container-270720 h4 {
    font-size: 15px;
    color: #ffe396; }
  .china-index-chart-container #index-chart-container-270720 #graphic {
    position: relative;
    margin: 0 auto; }
  .china-index-chart-container #index-chart-container-270720 .graphic-title {
    font-size: 24px;
    margin: 20px 0 0;
    position: relative;
    clear: both;
    background: #011b2b;
    color: #fff;
    padding: 4px 20px; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes {
    background: transparent;
    z-index: 8;
    width: 100%;
    position: relative; }
  .china-index-chart-container #index-chart-container-270720 #graphic .boxes-section {
    position: relative;
    overflow: hidden;
    height: auto; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container.show, .china-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container.collapsing {
    display: flex;
    flex-direction: row; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    width: 33.333%;
    float: left;
    min-height: 240px;
    position: relative;
    z-index: 9; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container.full-size {
    width: 100%; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container.clone {
    z-index: 11;
    position: absolute; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container .box {
    height: 100%;
    width: 100%;
    display: table;
    padding: 10px; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-header {
    position: relative;
    cursor: pointer; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-header:after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
    content: '';
    display: inline-block;
    height: 16px;
    position: absolute;
    top: 50%;
    vertical-align: top;
    width: 16px;
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s;
    right: 10px;
    background-repeat: no-repeat;
    margin: -8px 0 0 -8px;
    transform: rotate(180deg); }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-header.collapsed::after {
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s;
    transform: rotate(360deg); }
  .china-index-chart-container #index-chart-container-270720 .box-title {
    font-size: 16px; }
  .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container .box-connector {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -15px; }
  .china-index-chart-container #index-chart-container-270720 #reset {
    position: absolute;
    color: #fff;
    opacity: 0;
    top: 0;
    right: 5px;
    top: 5px;
    z-index: 10; }
  .china-index-chart-container #index-chart-container-270720 #reset:hover {
    cursor: pointer; }
  .china-index-chart-container #index-chart-container-270720 .box ul {
    width: 100%;
    padding: 0; }
  .china-index-chart-container #index-chart-container-270720 .box ul li {
    margin: 0 0 -1px 0;
    padding: 3px 20px 3px 5px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #73787c;
    list-style: none;
    font-weight: 500;
    text-align: left;
    position: relative; }
  .china-index-chart-container #index-chart-container-270720 .box ul li:hover, .china-index-chart-container #index-chart-container-270720 .box ul li.active {
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer; }
  .china-index-chart-container #index-chart-container-270720 .daintree-bg {
    background-color: #011b2b; }
  .china-index-chart-container #index-chart-container-270720 .jade_1-bg {
    background-color: rgba(0, 148, 94, 0.6); }
  .china-index-chart-container #index-chart-container-270720 .jade_2-bg {
    background-color: rgba(0, 148, 94, 0.4); }
  .china-index-chart-container #index-chart-container-270720 .jade_3-bg {
    background-color: rgba(0, 148, 94, 0.2); }
  .china-index-chart-container #index-chart-container-270720 .jade_1-border {
    border-top: 20px solid rgba(0, 148, 94, 0.6); }
  .china-index-chart-container #index-chart-container-270720 .jade_2-border {
    border-top: 20px solid rgba(0, 148, 94, 0.4); }
  .china-index-chart-container #index-chart-container-270720 .jade_3-border {
    border-top: 20px solid rgba(0, 148, 94, 0.2); }
  .china-index-chart-container #index-chart-container-270720 .carnation_1-bg {
    background-color: rgba(228, 66, 97, 0.6); }
  .china-index-chart-container #index-chart-container-270720 .carnation_2-bg {
    background-color: rgba(228, 66, 97, 0.4); }
  .china-index-chart-container #index-chart-container-270720 .carnation_3-bg {
    background-color: rgba(228, 66, 97, 0.2); }
  .china-index-chart-container #index-chart-container-270720 .carnation_1-border {
    border-top: 20px solid rgba(228, 66, 97, 0.6); }
  .china-index-chart-container #index-chart-container-270720 .carnation_2-border {
    border-top: 20px solid rgba(228, 66, 97, 0.4); }
  .china-index-chart-container #index-chart-container-270720 .carnation_3-border {
    border-top: 20px solid rgba(228, 66, 97, 0.2); }
  .china-index-chart-container #index-chart-container-270720 .turquoise_1-bg {
    background-color: rgba(0, 196, 179, 0.6); }
  .china-index-chart-container #index-chart-container-270720 .turquoise_2-bg {
    background-color: rgba(0, 196, 179, 0.4); }
  .china-index-chart-container #index-chart-container-270720 .turquoise_3-bg {
    background-color: rgba(0, 196, 179, 0.2); }
  .china-index-chart-container #index-chart-container-270720 .turquoise_1-border {
    border-top: 20px solid rgba(0, 196, 179, 0.6); }
  .china-index-chart-container #index-chart-container-270720 .turquoise_2-border {
    border-top: 20px solid rgba(0, 196, 179, 0.4); }
  .china-index-chart-container #index-chart-container-270720 .turquoise_3-border {
    border-top: 20px solid rgba(0, 196, 179, 0.2); }
  .china-index-chart-container #index-chart-container-270720 .marigold_1-bg {
    background-color: rgba(255, 198, 45, 0.6); }
  .china-index-chart-container #index-chart-container-270720 .marigold_2-bg {
    background-color: rgba(255, 198, 45, 0.4); }
  .china-index-chart-container #index-chart-container-270720 .marigold_3-bg {
    background-color: rgba(255, 198, 45, 0.2); }
  .china-index-chart-container #index-chart-container-270720 .marigold_1-border {
    border-top: 20px solid rgba(255, 198, 45, 0.6); }
  .china-index-chart-container #index-chart-container-270720 .marigold_2-border {
    border-top: 20px solid rgba(255, 198, 45, 0.4); }
  .china-index-chart-container #index-chart-container-270720 .marigold_3-border {
    border-top: 20px solid rgba(255, 198, 45, 0.2); }
  .china-index-chart-container #index-chart-container-270720 .smokey-blue_1-bg {
    background-color: rgba(6, 38, 169, 0.5); }
  .china-index-chart-container #index-chart-container-270720 .smokey-blue_2-bg {
    background-color: rgba(6, 38, 169, 0.3); }
  .china-index-chart-container #index-chart-container-270720 .smokey-blue_3-bg {
    background-color: rgba(6, 38, 169, 0.1); }
  .china-index-chart-container #index-chart-container-270720 .smokey-blue_1-border {
    border-top: 20px solid rgba(6, 38, 169, 0.5); }
  .china-index-chart-container #index-chart-container-270720 .smokey-blue_2-border {
    border-top: 20px solid rgba(6, 38, 169, 0.3); }
  .china-index-chart-container #index-chart-container-270720 .smokey-blue_3-border {
    border-top: 20px solid rgba(6, 38, 169, 0.1); }
  .china-index-chart-container #index-chart-container-270720 .close-button {
    position: absolute;
    top: 5px;
    height: 24px;
    right: 5px;
    width: 24px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .china-index-chart-container #index-chart-container-270720 .close-button::before, .china-index-chart-container #index-chart-container-270720 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 1px;
    background: #FFFFFF; }
  .china-index-chart-container #index-chart-container-270720 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .china-index-chart-container #index-chart-container-270720 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .china-index-chart-container #index-chart-container-270720 #data-bar .close-button::before, .china-index-chart-container #index-chart-container-270720 #data-bar .close-button::after {
    background: #011b2b; }
  .china-index-chart-container #index-chart-container-270720 .link-arrow {
    height: 14px;
    width: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 2px; }
  .china-index-chart-container #index-chart-container-270720 .link-arrow.blue {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230626A9;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }
  .china-index-chart-container #index-chart-container-270720 .link-arrow.white {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }
  .china-index-chart-container #index-chart-container-270720 .link-arrow.grey {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2373787c;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }
  .china-index-chart-container #index-chart-container-270720 .box-container ul li .link-arrow {
    position: absolute;
    right: 10px;
    top: 6px; }
  .china-index-chart-container #index-chart-container-270720 #data-bar {
    /*margin-top:40px;*/
    position: relative;
    top: 10px;
    width: 100%;
    font-size: 14px;
    background: #fff;
    color: #011b2b;
    display: none;
    opacity: 0;
    height: 100%;
    text-align: left;
    padding: 0 0 20px 0;
    border: 2px #c6c8c8 solid;
    clear: both;
    margin-bottom: 10px;
    z-index: 8; }
  .china-index-chart-container #index-chart-container-270720 #data-bar #data-bar-header {
    width: 100%;
    padding: 10px 40px 10px 10px;
    color: #011b2b;
    font-weight: 800;
    height: auto;
    line-height: 20px;
    z-index: 1;
    text-align: left;
    font-size: 18px; }
  .china-index-chart-container #index-chart-container-270720 #data-bar #data-bar-header #data-bar-section {
    padding: 2px 6px;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 12px;
    border-radius: 4px;
    line-height: 20px; }
  .china-index-chart-container #index-chart-container-270720 #data-bar-content {
    padding: 0 10px;
    font-size: 15px;
    height: auto; }
  .china-index-chart-container #index-chart-container-270720 #data-bar .data-bar-col {
    width: calc(50% - 20px);
    float: left;
    padding: 0 20px 0 0; }
  .china-index-chart-container #index-chart-container-270720 #data-bar .data-col-title {
    border-bottom: 1px #ccc solid;
    padding: 0 0 5px 0; }
  .china-index-chart-container #index-chart-container-270720 #data-bar .data-bar-link {
    display: none;
    color: #1A3FD6;
    font-weight: 700;
    font-size: 14px; }
  .china-index-chart-container #index-chart-container-270720 #data-bar .data-bar-link:hover {
    color: #4a7bc9; }
  @media (max-width: 800px) {
    .china-index-chart-container #index-chart-container-270720 .graphic-title {
      font-size: 16px; }
    .china-index-chart-container #index-chart-container-270720 .graphic-title::before {
      top: 12px; }
    .china-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container.show, .china-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container.collapsing {
      display: block;
      height: auto; }
    .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container {
      width: 100%;
      min-height: auto; }
    .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container .box-connector {
      display: none !important; }
    .china-index-chart-container #index-chart-container-270720 #info-container ul li {
      width: calc(50% - 6px); }
    .china-index-chart-container #index-chart-container-270720 #data-bar {
      position: absolute;
      z-index: 10;
      top: auto;
      height: auto; }
    .china-index-chart-container #index-chart-container-270720 #data-bar .data-bar-col {
      width: 100%;
      padding: 0; }
    .china-index-chart-container #index-chart-container-270720 #data-bar #data-bar-name {
      display: block;
      margin: 5px 0; } }
  @media (max-width: 500px) {
    .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container {
      width: 100%; }
    .china-index-chart-container #index-chart-container-270720 #info-container ul li {
      width: 100%;
      height: auto;
      margin: 3px 0;
      min-height: 40px;
      display: table-cell;
      vertical-align: middle; }
    .china-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container.clone {
      width: 100%; }
    .china-index-chart-container #index-chart-container-270720 #desc-container {
      top: 60px;
      width: calc(100% - 60px);
      left: 10px;
      padding: 10px; } }

.acwi-index-chart-container {
  margin-bottom: 20px;
  /*COLOURS*/
  /*VIEWPORTS*/ }
  .acwi-index-chart-container #index-chart-container-270720 {
    position: relative;
    width: 100%;
    padding: 0 10px;
    color: #011b2b; }
  .acwi-index-chart-container #index-chart-container-270720 .right {
    float: right; }
  .acwi-index-chart-container #index-chart-container-270720 h1 {
    font-weight: 700; }
  .acwi-index-chart-container #index-chart-container-270720 h2 {
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin: 0; }
  .acwi-index-chart-container #index-chart-container-270720 h4 {
    font-size: 15px;
    color: #ffe396; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic {
    position: relative;
    margin: 0 auto; }
  .acwi-index-chart-container #index-chart-container-270720 .graphic-title {
    font-size: 24px;
    margin: 0 0 14px;
    position: relative;
    clear: both;
    background: #011b2b;
    color: #fff;
    padding: 4px 20px;
    text-align: center; }
  .acwi-index-chart-container #index-chart-container-270720 .graphic-title.main-title {
    background: #fff;
    color: #011b2b;
    border: 2px #011b2b solid;
    margin: 0 0 12px; }
  .acwi-index-chart-container #index-chart-container-270720 .graphic-title:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    height: 14px;
    bottom: -14px;
    background: #73787c;
    margin-left: -1px; }
  .acwi-index-chart-container #index-chart-container-270720 .box-header.collapsed .graphic-title:after {
    content: "";
    width: 0;
    height: 0; }
  .acwi-index-chart-container #index-chart-container-270720 .main-connector {
    width: 100%;
    height: 10px;
    border-width: 2px 2px 0 2px;
    border-color: #73787c;
    border-style: solid;
    margin-bottom: 10px; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes {
    background: transparent;
    z-index: 8;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic .boxes-section {
    position: relative;
    height: auto;
    width: calc(50% - 4px);
    margin: 0 2px;
    float: left; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container {
    position: relative; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container {
    margin: 0 1px 1px 1px;
    font-size: 13px;
    font-weight: 700;
    width: calc(33.333% - 2px);
    float: left;
    min-height: 240px;
    position: relative;
    z-index: 9; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container.show, .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container.collapsing {
    display: flex;
    flex-direction: row; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container.full-size {
    width: 100%; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container.clone {
    z-index: 11;
    position: absolute; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container .box {
    width: 100%;
    display: table; }
  .acwi-index-chart-container #index-chart-container-270720 .box-header {
    position: relative; }
  .acwi-index-chart-container #index-chart-container-270720 .box-title {
    font-size: 16px;
    background: #011b2b;
    color: #fff;
    padding: 3px 10px; }
  .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container .box-connector {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -15px; }
  .acwi-index-chart-container #index-chart-container-270720 #reset {
    position: absolute;
    color: #fff;
    opacity: 0;
    top: 0;
    right: 5px;
    top: 5px;
    z-index: 10; }
  .acwi-index-chart-container #index-chart-container-270720 #reset:hover {
    cursor: pointer; }
  .acwi-index-chart-container #index-chart-container-270720 .box ul {
    width: 100%;
    padding: 0;
    margin: 0; }
  .acwi-index-chart-container #index-chart-container-270720 .box ul li {
    margin: 0 0 -1px 0;
    padding: 2px 20px 2px 10px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #fff;
    list-style: none;
    font-weight: 500;
    text-align: left;
    position: relative; }
  .acwi-index-chart-container #index-chart-container-270720 .box ul li:hover, .acwi-index-chart-container #index-chart-container-270720 .box ul li.active {
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer; }
  .acwi-index-chart-container #index-chart-container-270720 .daintree-bg {
    background-color: #011b2b; }
  .acwi-index-chart-container #index-chart-container-270720 .daintree_1-bg {
    background-color: #011b2b; }
  .acwi-index-chart-container #index-chart-container-270720 .daintree_2-bg {
    background-color: rgba(1, 27, 43, 0.6); }
  .acwi-index-chart-container #index-chart-container-270720 .daintree_3-bg {
    background-color: rgba(1, 27, 43, 0.1); }
  .acwi-index-chart-container #index-chart-container-270720 .jade_1-bg {
    background-color: rgba(0, 148, 94, 0.6); }
  .acwi-index-chart-container #index-chart-container-270720 .jade_2-bg {
    background-color: rgba(0, 148, 94, 0.4); }
  .acwi-index-chart-container #index-chart-container-270720 .jade_3-bg {
    background-color: rgba(0, 148, 94, 0.2); }
  .acwi-index-chart-container #index-chart-container-270720 .carnation_1-bg {
    background-color: rgba(228, 66, 97, 0.6); }
  .acwi-index-chart-container #index-chart-container-270720 .carnation_2-bg {
    background-color: rgba(228, 66, 97, 0.4); }
  .acwi-index-chart-container #index-chart-container-270720 .carnation_3-bg {
    background-color: rgba(228, 66, 97, 0.2); }
  .acwi-index-chart-container #index-chart-container-270720 .turquoise_0-bg {
    background-color: #00c4b3; }
  .acwi-index-chart-container #index-chart-container-270720 .turquoise_1-bg {
    background-color: rgba(0, 196, 179, 0.6); }
  .acwi-index-chart-container #index-chart-container-270720 .turquoise_2-bg {
    background-color: rgba(0, 196, 179, 0.4); }
  .acwi-index-chart-container #index-chart-container-270720 .turquoise_3-bg {
    background-color: rgba(0, 196, 179, 0.2); }
  .acwi-index-chart-container #index-chart-container-270720 .marigold_0-bg {
    background-color: #ffc62d; }
  .acwi-index-chart-container #index-chart-container-270720 .marigold_1-bg {
    background-color: rgba(255, 198, 45, 0.6); }
  .acwi-index-chart-container #index-chart-container-270720 .marigold_2-bg {
    background-color: rgba(255, 198, 45, 0.4); }
  .acwi-index-chart-container #index-chart-container-270720 .marigold_3-bg {
    background-color: rgba(255, 198, 45, 0.2); }
  .acwi-index-chart-container #index-chart-container-270720 .smokey-blue_0-bg {
    background-color: #0626a9; }
  .acwi-index-chart-container #index-chart-container-270720 .smokey-blue_1-bg {
    background-color: rgba(6, 38, 169, 0.5); }
  .acwi-index-chart-container #index-chart-container-270720 .smokey-blue_2-bg {
    background-color: rgba(6, 38, 169, 0.3); }
  .acwi-index-chart-container #index-chart-container-270720 .smokey-blue_3-bg {
    background-color: rgba(6, 38, 169, 0.1); }
  .acwi-index-chart-container #index-chart-container-270720 .moody-blue_0-bg {
    background-color: #6c7bd3; }
  .acwi-index-chart-container #index-chart-container-270720 .moody-blue_1-bg {
    background-color: rgba(108, 123, 211, 0.5); }
  .acwi-index-chart-container #index-chart-container-270720 .moody-blue_2-bg {
    background-color: rgba(108, 123, 211, 0.3); }
  .acwi-index-chart-container #index-chart-container-270720 .moody-blue_3-bg {
    background-color: rgba(108, 123, 211, 0.1); }
  .acwi-index-chart-container #index-chart-container-270720 .close-button {
    position: absolute;
    top: 5px;
    height: 24px;
    right: 5px;
    width: 24px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .acwi-index-chart-container #index-chart-container-270720 .close-button::before, .acwi-index-chart-container #index-chart-container-270720 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 1px;
    background: #FFFFFF; }
  .acwi-index-chart-container #index-chart-container-270720 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .acwi-index-chart-container #index-chart-container-270720 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar .close-button::before, .acwi-index-chart-container #index-chart-container-270720 #data-bar .close-button::after {
    background: #011b2b; }
  .acwi-index-chart-container #index-chart-container-270720 .link-arrow {
    height: 14px;
    width: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 2px; }
  .acwi-index-chart-container #index-chart-container-270720 .link-arrow.blue {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230626A9;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }
  .acwi-index-chart-container #index-chart-container-270720 .link-arrow.white {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }
  .acwi-index-chart-container #index-chart-container-270720 .link-arrow.grey {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2373787c;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }
  .acwi-index-chart-container #index-chart-container-270720 .box-container ul li .link-arrow {
    position: absolute;
    right: 10px;
    top: 6px; }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar {
    /*margin-top:40px;*/
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 14px;
    background: #fff;
    color: #011b2b;
    display: none;
    opacity: 0;
    height: auto;
    text-align: left;
    padding: 0;
    border: 2px #c6c8c8 solid;
    clear: both;
    margin-bottom: 10px;
    z-index: 9; }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar #data-bar-header {
    width: 100%;
    padding: 10px 40px 10px 10px;
    color: #011b2b;
    font-weight: 800;
    height: auto;
    line-height: 20px;
    z-index: 1;
    text-align: left;
    font-size: 18px; }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar #data-bar-header #data-bar-section {
    padding: 2px 6px;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 12px;
    border-radius: 4px;
    line-height: 20px; }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar-content {
    padding: 0 10px;
    font-size: 15px;
    height: auto; }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar .data-bar-col {
    width: 100%;
    float: left;
    padding: 0 20px 0 0;
    margin: 10px 0; }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar .data-col-title {
    border-bottom: 1px #ccc solid;
    padding: 0 0 5px 0; }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar .data-bar-link {
    display: none;
    color: #1A3FD6;
    font-weight: 700;
    font-size: 14px; }
  .acwi-index-chart-container #index-chart-container-270720 #data-bar .data-bar-link:hover {
    color: #4a7bc9; }
  @media (max-width: 800px) {
    .acwi-index-chart-container #index-chart-container-270720 .graphic-title {
      font-size: 16px; }
    .acwi-index-chart-container #index-chart-container-270720 .graphic-title::before {
      top: 12px; }
    .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes {
      display: block; }
    .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container.show, .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .boxes-container.collapsing {
      display: block; }
    .acwi-index-chart-container #index-chart-container-270720 #graphic .boxes-section {
      height: auto;
      width: 100%;
      float: auto; }
    .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container {
      width: 100%;
      min-height: auto; }
    .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container:last-child {
      margin-bottom: 20px; }
    .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container .box-connector {
      display: none !important; }
    .acwi-index-chart-container #index-chart-container-270720 #info-container ul li {
      width: calc(50% - 6px); }
    .acwi-index-chart-container #index-chart-container-270720 #data-bar {
      position: absolute;
      z-index: 10;
      top: auto;
      height: auto; }
    .acwi-index-chart-container #index-chart-container-270720 #data-bar .data-bar-col {
      width: 100%;
      padding: 0; }
    .acwi-index-chart-container #index-chart-container-270720 #data-bar #data-bar-name {
      display: block;
      margin: 5px 0; } }
  @media (max-width: 500px) {
    .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container {
      width: 100%; }
    .acwi-index-chart-container #index-chart-container-270720 #info-container ul li {
      width: 100%;
      height: auto;
      margin: 3px 0;
      min-height: 40px;
      display: table-cell;
      vertical-align: middle; }
    .acwi-index-chart-container #index-chart-container-270720 #graphic #boxes .box-container.clone {
      width: 100%; }
    .acwi-index-chart-container #index-chart-container-270720 #desc-container {
      top: 60px;
      width: calc(100% - 60px);
      left: 10px;
      padding: 10px; } }

#index-chart-container-220422 {
  position: relative;
  width: 100%;
  padding: 0 10px;
  color: #011b2b; }

#index-chart-container-220422 .right {
  float: right; }

#index-chart-container-220422 h1 {
  font-weight: 700; }

#index-chart-container-220422 h2 {
  font-size: 3rem;
  font-weight: 500;
  min-width: 320px;
  margin: 0; }

#index-chart-container-220422 h3 {
  font-size: 2rem;
  font-weight: 700;
  min-width: 320px;
  margin: 0;
  color: #0626a9; }

#index-chart-container-220422 h4 {
  font-size: 1.6rem; }

#index-chart-container-220422 h5 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0626a9;
  padding-top: 20px; }

#index-chart-container-220422 h6 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 10px 0; }

#index-chart-container-220422 #graphic {
  position: relative;
  margin: 0 auto; }

/*bootstrap adjusts*/
#index-chart-container-220422 a.msci-link-primary-box {
  background-color: #1A3FD6;
  color: #FFFFFF !important;
  font-size: 20px;
  padding: 10px 12px;
  position: relative;
  display: inline-block;
  line-height: 1;
  border-radius: 0;
  border: none;
  font-weight: 700;
  text-align: center; }

#index-chart-container-220422 .msci-link-primary-box:hover {
  background: #4a7bc9;
  cursor: pointer; }

#index-chart-container-220422 .filter-row {
  background: #011b2b;
  color: #fff;
  padding: 20px;
  margin: 0;
  position: relative; }

#index-chart-container-220422 .filter-row p {
  font-size: 1.2rem; }

#index-chart-container-220422 .items-loader {
  display: none; }

#index-chart-container-220422 input, #index-chart-container-220422 input + label {
  opacity: 0.6;
  cursor: pointer; }

#index-chart-container-220422 input {
  opacity: 0 !important; }

#index-chart-container-220422 .custom-control-input {
  height: 0px; }

#index-chart-container-220422 input:checked, #index-chart-container-220422 input:checked + label {
  opacity: 1;
  padding-left: 5px; }

#index-chart-container-220422 .custom-control-label::before, #index-chart-container-220422 .custom-control-label::after {
  width: 1.15rem;
  height: 1.15rem;
  top: 0.1rem; }

#index-chart-container-220422 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00c4b3 !important; }

#index-chart-container-220422 .custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
  background-color: #00c4b3; }

#index-chart-container-220422 .custom-checkbox .custom-control-label::before {
  border: none;
  border-radius: 0; }

#index-chart-container-220422 .custom-checkbox .custom-control-label::after {
  background-size: 80%;
  background-position: 60% 60%; }

#index-chart-container-220422 .form-control-lg {
  font-size: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  height: 1rem;
  min-height: 1.5rem; }

#index-chart-container-220422 .table-container h4 {
  margin-top: 20px; }

/*TABLES*/
#index-chart-container-220422 .table {
  border-bottom: 1px #0626a9 solid; }

#index-chart-container-220422 .table tr {
  position: relative;
  overflow: hidden; }

#index-chart-container-220422 .table td {
  border-top: 1px solid #0626a9;
  padding: 0.5rem; }

#index-chart-container-220422 .table thead th {
  border-bottom: 1px solid #0626a9;
  border-top: 0;
  color: #5987da;
  position: relative;
  padding: 0.5rem 2rem 0.5rem 0; }

#index-chart-container-220422 .table thead th:not(.not-sortable):hover {
  cursor: pointer;
  color: #011b2b; }

#index-chart-container-220422 .table thead th:not(.not-sortable):after {
  content: '\f0dc';
  font-family: 'FontAwesome';
  position: relative;
  left: 1rem; }

#index-chart-container-220422 .table td:first-child {
  font-weight: 700; }

#index-chart-container-220422 .table th:first-child {
  width: 40%; }

#index-chart-container-220422 table th:nth-child(2) {
  width: 15%; }

#index-chart-container-220422 .table th:nth-child(3) {
  width: 20%; }

#index-chart-container-220422 .table th:nth-child(4) {
  width: 15%; }

#index-chart-container-220422 .table th:nth-child(5) {
  width: 10%; }

#index-chart-container-220422 .table tr.hidden td {
  display: none; }

#index-chart-container-220422 tr.no-results-row {
  color: #ccc; }

#index-chart-container-220422 #table-info {
  height: 0;
  background: #0626a9;
  color: #fff; }

#index-chart-container-220422 #table-info td {
  font-weight: 300; }

#index-chart-container-220422 tr.active td, #index-chart-container-220422 tr.active div {
  background: #0626a9;
  color: #fff; }

#index-chart-container-220422 .table-link {
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 10px;
  color: #ccc; }

#index-chart-container-220422 .table-link a {
  font-size: 1.2rem; }

@media (max-width: 768px) {
  #index-chart-container-220422 .table tr td {
    display: block;
    padding: 5px;
    border: none; }
  #index-chart-container-220422 .table tr td:not(:first-child) {
    float: left;
    font-size: 0.9rem; }
  #index-chart-container-220422 .table tr td:nth-child(2):after, #index-chart-container-220422 .table tr td:nth-child(3):after {
    content: "|";
    padding-left: 10px; }
  #index-chart-container-220422 .table tr td:last-child {
    float: right; }
  #index-chart-container-220422 .table tr {
    border-bottom: 1px #0626a9 solid; }
  #index-chart-container-220422 .table thead {
    display: none; }
  #index-chart-container-220422 .table-link {
    margin-top: -5px; }
  #index-chart-container-220422 .filter-row {
    padding: 20px 10px; }
  #index-chart-container-220422 .custom-control {
    width: 50%;
    float: left; } }

@media (max-width: 576px) {
  #index-chart-container-220422 .form-control-lg {
    font-size: 0.8rem; }
  #index-chart-container-220422 .custom-checkbox .custom-control-label {
    font-size: 0.8rem; } }

@media (max-width: 420px) {
  #index-chart-container-220422 .custom-control {
    width: 100%; } }

.fi-index-chart-container {
  margin-bottom: 20px;
  /*bootstrap adjusts*/
  /*TABLES*/ }
  .fi-index-chart-container #index-chart-container-250820 {
    position: relative;
    width: 100%;
    padding: 0 10px;
    color: #011b2b; }
  .fi-index-chart-container #index-chart-container-250820 .right {
    float: right; }
  .fi-index-chart-container #index-chart-container-250820 h1 {
    font-weight: 700; }
  .fi-index-chart-container #index-chart-container-250820 h2 {
    font-size: 3rem;
    font-weight: 500;
    min-width: 320px;
    margin: 0; }
  .fi-index-chart-container #index-chart-container-250820 h3 {
    font-size: 2rem;
    font-weight: 700;
    min-width: 320px;
    margin: 0;
    color: #0626a9; }
  .fi-index-chart-container #index-chart-container-250820 h4 {
    font-size: 1.6rem; }
  .fi-index-chart-container #index-chart-container-250820 h5 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0626a9;
    padding-top: 20px; }
  .fi-index-chart-container #index-chart-container-250820 h6 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 10px 0; }
  .fi-index-chart-container #index-chart-container-250820 #graphic {
    position: relative;
    margin: 0 auto; }
  .fi-index-chart-container #index-chart-container-250820 a.msci-link-primary-box {
    background-color: #1A3FD6;
    color: #FFFFFF !important;
    font-size: 20px;
    padding: 10px 12px;
    position: relative;
    display: inline-block;
    line-height: 1;
    border-radius: 0;
    border: none;
    font-weight: 700;
    text-align: center; }
  .fi-index-chart-container #index-chart-container-250820 .msci-link-primary-box:hover {
    background: #4a7bc9;
    cursor: pointer; }
  .fi-index-chart-container #index-chart-container-250820 .filter-row {
    background: #011b2b;
    color: #fff;
    padding: 20px;
    margin: 0;
    position: relative; }
  .fi-index-chart-container #index-chart-container-250820 .filter-row p {
    font-size: 1.2rem; }
  .fi-index-chart-container #index-chart-container-250820 .items-loader {
    display: none; }
  .fi-index-chart-container #index-chart-container-250820 input, .fi-index-chart-container #index-chart-container-250820 input + label {
    opacity: 0.6;
    cursor: pointer; }
  .fi-index-chart-container #index-chart-container-250820 input:checked, .fi-index-chart-container #index-chart-container-250820 input:checked + label {
    opacity: 1; }
  .fi-index-chart-container #index-chart-container-250820 .fi-label::before, .fi-index-chart-container #index-chart-container-250820 .fi-label::after {
    width: 1.15rem;
    height: 1.15rem;
    top: 0.1rem; }
  .fi-index-chart-container #index-chart-container-250820 .custom-checkbox .custom-control-input:checked ~ .fi-label::before {
    background-color: #00c4b3 !important; }
  .fi-index-chart-container #index-chart-container-250820 .custom-checkbox .custom-control-input:active ~ .fi-label::before {
    background-color: #00c4b3; }
  .fi-index-chart-container #index-chart-container-250820 .custom-checkbox .fi-label::before {
    border: none;
    border-radius: 0; }
  .fi-index-chart-container #index-chart-container-250820 .custom-checkbox .fi-label::after {
    background-size: 80%;
    background-position: 60% 60%; }
  .fi-index-chart-container #index-chart-container-250820 .form-control-lg {
    font-size: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    height: 1rem; }
  .fi-index-chart-container #index-chart-container-250820 .table-container h4 {
    margin-top: 20px; }
  .fi-index-chart-container #index-chart-container-250820 .table {
    border-bottom: 1px #0626a9 solid; }
  .fi-index-chart-container #index-chart-container-250820 .table tr {
    position: relative;
    overflow: hidden; }
  .fi-index-chart-container #index-chart-container-250820 .table td {
    border-top: 1px solid #0626a9;
    padding: 0.5rem;
    font-size: 1rem; }
  .fi-index-chart-container #index-chart-container-250820 .table thead th {
    border-bottom: 1px solid #0626a9;
    border-top: 0;
    color: #5987da;
    position: relative;
    padding: 0.5rem 2rem 0.5rem 0; }
  .fi-index-chart-container #index-chart-container-250820 .table thead th:not(.not-sortable):hover {
    cursor: pointer;
    color: #011b2b; }
  .fi-index-chart-container #index-chart-container-250820 .table thead th:not(.not-sortable):after {
    content: '\f0dc';
    font-family: 'FontAwesome';
    position: relative;
    left: 1rem; }
  .fi-index-chart-container #index-chart-container-250820 .table td:first-child {
    font-weight: 700; }
  .fi-index-chart-container #index-chart-container-250820 .table th:first-child {
    width: 40%; }
  .fi-index-chart-container #index-chart-container-250820 table th:nth-child(2) {
    width: 15%; }
  .fi-index-chart-container #index-chart-container-250820 .table th:nth-child(3) {
    width: 20%; }
  .fi-index-chart-container #index-chart-container-250820 .table th:nth-child(4) {
    width: 15%; }
  .fi-index-chart-container #index-chart-container-250820 .table th:nth-child(5) {
    width: 10%; }
  .fi-index-chart-container #index-chart-container-250820 .table tr.hidden td {
    display: none; }
  .fi-index-chart-container #index-chart-container-250820 tr.no-results-row {
    color: #ccc; }
  .fi-index-chart-container #index-chart-container-250820 #table-info {
    height: 0;
    background: #0626a9;
    color: #fff; }
  .fi-index-chart-container #index-chart-container-250820 #table-info td {
    font-weight: 300; }
  .fi-index-chart-container #index-chart-container-250820 tr.active td, .fi-index-chart-container #index-chart-container-250820 tr.active div {
    background: #0626a9;
    color: #fff; }
  .fi-index-chart-container #index-chart-container-250820 .table-link {
    font-size: 1.2rem;
    display: inline-block;
    margin-right: 10px;
    color: #ccc; }
  @media (max-width: 768px) {
    .fi-index-chart-container #index-chart-container-250820 .table tr td {
      display: block;
      padding: 5px;
      border: none; }
    .fi-index-chart-container #index-chart-container-250820 .table tr td:not(:first-child) {
      float: left;
      font-size: 0.9rem; }
    .fi-index-chart-container #index-chart-container-250820 .table tr td:nth-child(2):after, .fi-index-chart-container #index-chart-container-250820 .table tr td:nth-child(3):after {
      content: "|";
      padding-left: 10px; }
    .fi-index-chart-container #index-chart-container-250820 .table tr td:last-child {
      float: right; }
    .fi-index-chart-container #index-chart-container-250820 .table tr {
      border-bottom: 1px #0626a9 solid; }
    .fi-index-chart-container #index-chart-container-250820 .table thead {
      display: none; }
    .fi-index-chart-container #index-chart-container-250820 .table-link {
      margin-top: -5px; }
    .fi-index-chart-container #index-chart-container-250820 .filter-row {
      padding: 20px 10px; }
    .fi-index-chart-container #index-chart-container-250820 .custom-control {
      width: 50%;
      float: left; } }
  @media (max-width: 576px) {
    .fi-index-chart-container #index-chart-container-250820 .form-control-lg {
      font-size: 0.8rem; } }
  @media (max-width: 420px) {
    .fi-index-chart-container #index-chart-container-250820 .custom-control {
      width: 100%; } }

.fi-index-chart-container #index-chart-container-250820 input {
  opacity: 0; }

.fi-index-chart-container #index-chart-container-250820 .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

.fi-index-chart-container #index-chart-container-250820 .fi-label::before {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px; }

.fi-index-chart-container #index-chart-container-250820 .fi-label::after {
  position: absolute;
  top: .25rem;
  left: 0.05rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%; }

#index-chart-container-250820 .fi-label::before, #index-chart-container-250820 .fi-label::after {
  width: 1.15rem;
  height: 1.15rem;
  top: 0.1rem; }

#index-chart-container-250820 .custom-checkbox .fi-label::after {
  background-size: 80%;
  background-position: 60% 60%; }

#index-chart-container-250820 .custom-checkbox .custom-control-input:checked ~ .fi-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

#index-chart-container-250820 .custom-checkbox .custom-control-input:checked ~ .fi-label::before {
  background-color: #00c4b3 !important; }

.fi-index-chart-container #index-chart-container-250820 .table-link a {
  font-size: 1.2rem; }

.sdg-blog-chart-container {
  margin-bottom: 20px; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .right {
    float: right; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 h2 {
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin-bottom: 0; }
  .sdg-blog-chart-container #esg-chart-sdg-110220, .sdg-blog-chart-container #esg-chart-sdg-110220 #graphic {
    position: relative; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .chart-container {
    clear: both; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 #iconContainer {
    padding: 0 16px 0 54px; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 #iconContainer span {
    width: calc(100% / 17);
    float: left;
    padding: 0 4px; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 #iconContainer span img {
    width: 100%; }
  .sdg-blog-chart-container .highcharts-label span {
    font-family: 'Roboto',sans-serif !important; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 #containerSide {
    margin-top: -40px; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 #company_count {
    font-size: 1.2rem;
    font-weight: 700; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .series-selector .series-button {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    line-height: 24px; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .series-selector span {
    display: inline-block;
    float: left;
    margin: 0 5px;
    font-size: 0.8rem;
    font-weight: 700; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .series-selector ul li {
    font-size: 0.8rem; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .series-button.darkred {
    background: #e44261; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .series-button.red {
    background: rgba(228, 66, 97, 0.6); }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .series-button.darkgreen {
    background: #00945e; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .series-button.green {
    background: rgba(0, 148, 94, 0.7); }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .series-button.grey {
    background: #c6c6c8; }
  .sdg-blog-chart-container #esg-chart-sdg-110220 .tooltip {
    display: none;
    position: absolute;
    padding: 10px;
    color: #011b2b;
    border: 1px #011b2b solid;
    box-shadow: 1px 1px 3px rgba(1, 27, 43, 0.5);
    background-color: #fff;
    border-radius: 4px;
    opacity: 1;
    font-size: 0.7rem; }
  @media (max-width: 1080px) {
    .sdg-blog-chart-container #esg-chart-sdg-110220 img.chart-icon {
      width: 35px; } }
  @media (max-width: 920px) {
    .sdg-blog-chart-container #esg-chart-sdg-110220 .highcharts-figure #container {
      height: 1000px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 #data-bar-title {
      font-size: 14px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 img.chart-icon {
      width: 30px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 .highcharts-data-label span {
      overflow: visible !important; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.sdg-name {
      font-size: 14px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.sdg-name .sdg-symbol {
      display: none; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 .highcharts-data-label span.coverage-label {
      display: block;
      padding: 6px;
      border-radius: 4px;
      border: 2px #fff solid;
      font-size: 12px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 .highcharts-data-label .coverage-label .coverage-perc {
      font-size: 16px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 #summary-box {
      padding: 5px 20px;
      width: calc(100% - 40px); }
    .sdg-blog-chart-container #esg-chart-sdg-110220 #summary-box .sdg-industry {
      float: left;
      width: 100%;
      display: block;
      margin: 2px 0;
      font-size: 14px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 #summary-box h3 {
      font-size: 22px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 #summary-box .sdg-need {
      font-size: 20px; } }
  @media (max-width: 640px) {
    .sdg-blog-chart-container #esg-chart-sdg-110220 img.chart-icon {
      width: 30px; }
    .sdg-blog-chart-container #esg-chart-sdg-110220 #data-bar #chart-container-col {
      clear: both;
      padding: 5px;
      width: calc(100% - 10px); }
    .sdg-blog-chart-container #esg-chart-sdg-110220 #data-bar-desc {
      clear: both;
      padding: 10px 20px; } }

.education-index-chart-container {
  margin-bottom: 20px;
  /* COLOURS */
  /* BACKGROUNDS */
  /*--------------------------Checklist--------------------------------------*/
  /*---------------------------Expand icon-----------------------------------*/
  /*------------------------------- carousel indicators ------------------------------*/
  /*-------------------------------- media --------------------------------------*/ }
  .education-index-chart-container body {
    font-family: Roboto,sans-serif;
    line-height: 1.2; }
  .education-index-chart-container .carnation {
    color: #e44261; }
  .education-index-chart-container .smokey-blue {
    color: #0626a9; }
  .education-index-chart-container .sky-blue {
    color: #5987da; }
  .education-index-chart-container .moody-blue {
    color: #6c7bd3; }
  .education-index-chart-container .mercury {
    color: #dce3ec; }
  .education-index-chart-container .turquoise {
    color: #00c4b3; }
  .education-index-chart-container .marigold {
    color: #ffc62d; }
  .education-index-chart-container .jade {
    color: #00945e; }
  .education-index-chart-container .flint {
    color: #73787c; }
  .education-index-chart-container .sky-blue {
    color: #5987da; }
  .education-index-chart-container .tangerine {
    color: #f08900; }
  .education-index-chart-container .daintree {
    color: #011b2b; }
  .education-index-chart-container .white-bg {
    background-color: #fff;
    fill: #fff; }
  .education-index-chart-container .carnation-bg {
    background-color: #e44261;
    /*background:linear-gradient(to right, #cd3b57 50%, #e44261 50%);*/ }
  .education-index-chart-container .smokey-blue-bg {
    background-color: #0626a9;
    /*background:linear-gradient(to right, #052298 50%, #0626a9 50%);*/ }
  .education-index-chart-container .sky-blue-bg {
    background-color: #5987da;
    /*background:linear-gradient(to right, #5079c4 50%, #5987da 50%);*/ }
  .education-index-chart-container .moody-blue-bg {
    background-color: #6c7bd3;
    /*background:linear-gradient(to right, #616ebd 50%, #6c7bd3 50%);*/ }
  .education-index-chart-container .mercury-bg {
    background-color: #dce3ec;
    /*background:linear-gradient(to right, #c6ccd4 50%, #dce3ec 50%);*/ }
  .education-index-chart-container .turquoise-bg {
    background-color: #00c4b3;
    /*background:linear-gradient(to right, #00b0a1 50%, #00c4b3 50%);*/ }
  .education-index-chart-container .marigold-bg {
    background-color: #ffc62d; }
  .education-index-chart-container .jade-bg {
    background-color: #00945e;
    /*background:linear-gradient(to right, #008554 50%, #00945e 50%);*/ }
  .education-index-chart-container .flint-bg {
    background-color: #73787c;
    /*background:linear-gradient(to right, #676c6f 50%, #73787c 50%);*/ }
  .education-index-chart-container .tangerine-bg {
    background-color: #f08900;
    /*background:linear-gradient(to right, #d87b00 50%, #f08900 50%);*/ }
  .education-index-chart-container .daintree-bg {
    background-color: #011b2b;
    /*background:linear-gradient(to right, #011827 50%, #011b2b 50%);*/ }
  .education-index-chart-container .container {
    padding: 0; }
  .education-index-chart-container .marigold-border {
    border-color: #ffc62d;
    border-width: 1px;
    border-style: solid; }
  .education-index-chart-container #index-education-010720 {
    position: relative;
    height: 100%;
    /*max-width:1140px;*/
    margin: 0 auto;
    min-width: 320px;
    z-index: 90;
    color: #fff !important; }
  .education-index-chart-container #index-education-010720 .strong {
    font-weight: 700; }
  .education-index-chart-container #index-education-010720 a {
    color: #0626a9;
    font-weight: 700; }
  .education-index-chart-container #index-education-010720 #mainQuestions {
    margin: 20px 0; }
  .education-index-chart-container #index-education-010720 #mainQuestions p {
    margin: 10px 0; }
  .education-index-chart-container #index-education-010720 #carousel-container {
    height: 600px;
    width: 100%;
    position: relative;
    overflow: hidden; }
  .education-index-chart-container #index-education-010720 #carousel-ribbon {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    background: #011b2b; }
  .education-index-chart-container #index-education-010720 .carousel {
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%; }
  .education-index-chart-container #index-education-010720 .carousel.active {
    opacity: 1;
    z-index: 2; }
  .education-index-chart-container #index-education-010720 .carousel-item {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 10; }
  .education-index-chart-container #index-education-010720 #carousel-menu {
    top: 15px;
    left: 20px;
    font-size: 2rem;
    color: #fff;
    position: absolute;
    z-index: 5000;
    width: 90%;
    height: 30px; }
  .education-index-chart-container #index-education-010720 #dropdownMenuLink {
    background-color: #fff;
    border: none; }
  .education-index-chart-container #index-education-010720 .dropdown-menu {
    min-width: 75%; }
  .education-index-chart-container #index-education-010720 .dropdown-menu .dropdown-item {
    white-space: normal; }
  .education-index-chart-container #index-education-010720 .dropdown-menu .dropdown-item.active {
    opacity: 0.4;
    background-color: #c7d2ec; }
  .education-index-chart-container #index-education-010720 .carousel-caption {
    top: 20px;
    left: 150px;
    text-align: left;
    padding: 0;
    right: auto; }
  .education-index-chart-container #index-education-010720 .carousel-caption h5 {
    font-size: 1.6rem; }
  .education-index-chart-container #index-education-010720 .carousel-inner {
    height: 100%;
    max-height: initial; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner {
    height: 100%;
    padding: 100px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-left {
    float: left;
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right {
    float: right;
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    line-height: 1.4rem; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-summary {
    font-size: 1.5rem;
    line-height: 1.1; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right img {
    max-width: 200px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .svg-img {
    max-width: 300px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .svg-obj {
    height: 100%;
    max-width: 240px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .card-header {
    background: #fff;
    color: #011b2b;
    position: relative; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .card-header {
    background: #00293b;
    color: #fff;
    cursor: pointer;
    font-weight: 500; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .card-body {
    background: #fff;
    color: #011b2b; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right #blob-cluster {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 300px;
    max-height: 300px;
    top: -55px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .circle {
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    border: 3px #fff solid; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right table {
    font-size: 12px;
    text-align: center;
    line-height: 1rem; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .spin {
    animation: spinner 1s infinite linear;
    perspective: 500px;
    transform-style: preserve-3d; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .slide-element {
    left: 1000px;
    position: relative; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ul li {
    margin: 10px 0;
    font-size: 1.1rem;
    list-style: none;
    padding: 10px 0 20px;
    border-bottom: 1px #ccc solid;
    position: relative;
    left: 1000px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ol li {
    margin: 10px 0;
    font-size: 1.2rem;
    padding: 10px 0 20px;
    border-bottom: 1px #ccc solid;
    position: relative;
    left: 1000px;
    counter-increment: counters; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ol li:before {
    content: counter(counters);
    background: #00293b;
    border-radius: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #fff;
    position: absolute;
    left: -30px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ol {
    list-style: none;
    counter-reset: counters;
    padding-left: 40px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ul.block-list-large li {
    background: #fff;
    color: #011b2b;
    padding: 4px 20px;
    border: none; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ul li:last-child {
    border-bottom: none; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-type .type-source {
    display: none; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-type.type-web-address {
    border: 1px #0626a9 solid;
    background: #fff;
    padding: 4px 10px;
    text-align: left;
    font-size: 1.1rem;
    color: #000;
    width: 100%;
    display: block; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right p.expand-title {
    position: relative;
    top: -30px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .card, .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right.card-horizontal {
    margin-bottom: 1px; }
  .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right .expand-card {
    top: -30px; }
  .education-index-chart-container #index-education-010720 .transition {
    transition: .7s; }

@keyframes spinner {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  50% {
    transform: rotate3d(1, 1, 1, 180deg); }
  100% {
    transform: rotate3d(1, 1, 1, 360deg); } }
  .education-index-chart-container #index-education-010720 .wrapper {
    position: relative;
    margin: 40px auto;
    background: #e44261; }
  .education-index-chart-container #index-education-010720 .wrapper, .education-index-chart-container .wrapper * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .education-index-chart-container #index-education-010720 .wrapper {
    width: 250px;
    height: 250px; }
  .education-index-chart-container #index-education-010720 .wrapper .pie {
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    position: absolute;
    background: white;
    border: 5px solid #00293a; }
  .education-index-chart-container #index-education-010720 .wrapper .spinner {
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    z-index: 200;
    border-right: none;
    animation: rota 5s linear infinite; }
  .education-index-chart-container #index-education-010720 .wrapper:hover .spinner,
  .education-index-chart-container #index-education-010720 .wrapper:hover .filler,
  .education-index-chart-container #index-education-010720 .wrapper:hover .mask {
    animation-play-state: running; }
  .education-index-chart-container #index-education-010720 .wrapper .filler {
    border-radius: 0 100% 100% 0 / 0 50% 50% 0;
    left: 50%;
    opacity: 0;
    z-index: 100;
    animation: opa 5s steps(1, end) infinite reverse;
    border-left: none; }
  .education-index-chart-container #index-education-010720 .wrapper .mask {
    width: 50%;
    height: 100%;
    position: absolute;
    background: inherit;
    opacity: 1;
    z-index: 300;
    animation: opa 5s steps(1, end) infinite; }

@keyframes rota {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes opa {
  0% {
    opacity: 1; }
  50%, 100% {
    opacity: 0; } }
  .education-index-chart-container #index-education-010720 #checklist {
    background: #fff;
    width: 200px;
    height: 240px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05);
    padding: 30px 45px;
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    top: -25px; }
  .education-index-chart-container #index-education-010720 #checklist label {
    color: #414856;
    position: relative;
    cursor: pointer;
    display: grid;
    align-items: center;
    width: auto;
    transition: color 0.3s ease; }
  .education-index-chart-container #index-education-010720 #checklist label::before, .education-index-chart-container #index-education-010720 #checklist label::after {
    content: "";
    position: absolute; }
  .education-index-chart-container #index-education-010720 #checklist label::before {
    height: 2px;
    width: 8px;
    left: -27px;
    background: #4f29f0;
    border-radius: 2px;
    transition: background 0.3s ease; }
  .education-index-chart-container #index-education-010720 #checklist label:after {
    height: 4px;
    width: 4px;
    top: 8px;
    left: -25px;
    border-radius: 50%; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    height: 15px;
    width: 15px;
    outline: none;
    border: 0;
    margin: 0 15px 0 0;
    cursor: pointer;
    background: #fff;
    display: grid;
    align-items: center; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"]::before, .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"]::after {
    content: "";
    position: absolute;
    height: 2px;
    top: auto;
    background: #4F29F0;
    border-radius: 2px; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"]::before {
    width: 0px;
    right: 60%;
    transform-origin: right bottom; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"]::after {
    width: 0px;
    left: 40%;
    transform-origin: left bottom; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"].checked:before {
    animation: check-01 0.4s ease forwards; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"].checked:after {
    animation: check-02 0.4s ease forwards; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"].checked + label {
    color: #ccc;
    animation: move 0.3s ease 0.1s forwards; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"].checked + label::before {
    background: #ccc;
    animation: slice 0.4s ease forwards; }
  .education-index-chart-container #index-education-010720 #checklist input[type="checkbox"].checked + label::after {
    animation: firework 0.5s ease forwards 0.1s; }

@keyframes move {
  50% {
    padding-left: 8px;
    padding-right: 0px; }
  100% {
    padding-right: 4px; } }

@keyframes slice {
  60% {
    width: 100%;
    left: 4px; }
  100% {
    width: 100%;
    left: -2px;
    padding-left: 0; } }

@keyframes check-01 {
  0% {
    width: 4px;
    top: auto;
    transform: rotate(0); }
  50% {
    width: 0px;
    top: auto;
    transform: rotate(0); }
  51% {
    width: 0px;
    top: 8px;
    transform: rotate(45deg); }
  100% {
    width: 5px;
    top: 8px;
    transform: rotate(45deg); } }

@keyframes check-02 {
  0% {
    width: 4px;
    top: auto;
    transform: rotate(0); }
  50% {
    width: 0px;
    top: auto;
    transform: rotate(0); }
  51% {
    width: 0px;
    top: 8px;
    transform: rotate(-45deg); }
  100% {
    width: 10px;
    top: 8px;
    transform: rotate(-45deg); } }

@keyframes firework {
  0% {
    opacity: 1;
    box-shadow: 0 0 0 -2px #4F29F0, 0 0 0 -2px #4F29F0, 0 0 0 -2px #4F29F0, 0 0 0 -2px #4F29F0, 0 0 0 -2px #4F29F0, 0 0 0 -2px #4F29F0; }
  30% {
    opacity: 1; }
  100% {
    opacity: 0;
    box-shadow: 0 -15px 0 0px #4F29F0, 14px -8px 0 0px #4F29F0, 14px 8px 0 0px #4F29F0, 0 15px 0 0px #4F29F0, -14px 8px 0 0px #4F29F0, -14px -8px 0 0px #4F29F0; } }
  .education-index-chart-container #index-education-010720 .card-header::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
    content: '';
    display: inline-block;
    height: 16px;
    position: absolute;
    top: 50%;
    vertical-align: top;
    width: 16px;
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s;
    right: 10px;
    background-repeat: no-repeat;
    margin: -8px 0 0 -8px;
    transform: rotate(180deg); }
  .education-index-chart-container #index-education-010720 .card-header.collapsed::after {
    transform: rotate(0deg);
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s; }
  .education-index-chart-container #index-education-010720 .carousel-indicators {
    background: transparent; }
  .education-index-chart-container #index-education-010720 .carousel-indicators li {
    display: block;
    margin: 5px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px #fff solid;
    background: transparent;
    transition: all 0.5s;
    color: #011b2b;
    font-weight: 700;
    text-align: right; }
  .education-index-chart-container #index-education-010720 .carousel-indicators li.active {
    background: #fff; }
  .education-index-chart-container #index-education-010720 .carousel-menu-item {
    position: absolute;
    top: calc(50% - 30px);
    padding: 20px;
    background-color: #EFF2FD;
    opacity: 0.9;
    cursor: pointer;
    font-size: 20px;
    color: #002036;
    z-index: 2000;
    bottom: auto;
    width: auto; }
  @media (max-width: 900px) {
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-left {
      width: 100%;
      height: 35%; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right {
      width: 100%;
      height: 55%; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ul {
      padding-left: 0; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ol li {
      font-size: 1rem; }
    .education-index-chart-container #index-education-010720 .carousel-caption h5 {
      font-size: 1.3rem; }
    .education-index-chart-container #index-education-010720 .card-body {
      font-size: 0.9rem; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-summary {
      font-size: 1.2rem;
      line-height: 1.1; }
    .education-index-chart-container #index-education-010720 .carousel-menu-item {
      padding: 14px;
      font-size: 14px; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner {
      padding: 60px; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ul li {
      font-size: 1rem; }
    .education-index-chart-container #index-education-010720 #carousel-menu .dropdown-menu {
      font-size: 0.9rem; } }
  @media screen and (max-width: 768px) {
    .education-index-chart-container .carousel-indicators {
      bottom: 1px; } }
  @media (max-width: 720px) {
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right {
      line-height: 1rem; }
    .education-index-chart-container .carousel-indicators {
      bottom: 1px; } }
  @media (max-width: 520px) {
    .education-index-chart-container #index-education-010720 .mobile-hide {
      display: none; }
    .education-index-chart-container #index-education-010720 #dropdownMenuLink {
      width: 100%; }
    .education-index-chart-container #index-education-010720 .carousel-caption {
      position: relative;
      top: 60px;
      text-align: center;
      width: 100%;
      left: 0; }
    .education-index-chart-container #index-education-010720 .dropdown-menu {
      min-width: 100%; }
    .education-index-chart-container #index-education-010720 .card-header, .education-index-chart-container #index-education-010720 .card-body {
      padding: 5px 10px; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ol li {
      font-size: 0.9rem; }
    .education-index-chart-container #index-education-010720 .carousel-caption {
      padding: 0 10px; }
    .education-index-chart-container #index-education-010720 .carousel-caption h5 {
      font-size: 1rem; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-summary {
      font-size: 1rem; }
    .education-index-chart-container #index-education-010720 .carousel-menu-item {
      padding: 10px;
      font-size: 10px; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner {
      padding: 40px; }
    .education-index-chart-container #index-education-010720 .carousel-inner .block-inner .block-col-right ul li {
      font-size: 0.8rem; }
    .education-index-chart-container .carousel-indicators {
      bottom: 1px; } }
  @media (max-width: 400px) {
    .education-index-chart-container .carousel-indicators {
      bottom: 1px; } }

.education-index-chart-container {
  /* generated by https://loading.io/ */
  /* generated by https://loading.io/ */
  /*HOURGLASS*/
  /*BLOCK STACK*/ }

@keyframes ldio-td6l8lcbbbq {
  0% {
    top: 52.2px; }
  50% {
    top: 107.88px; }
  100% {
    top: 52.2px; } }
  .education-index-chart-container .ldio-td6l8lcbbbq div {
    width: 13.92px;
    height: 13.92px;
    position: absolute;
    border-radius: 50%;
    animation: ldio-td6l8lcbbbq 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
  .education-index-chart-container .ldio-td6l8lcbbbq div:nth-child(1) {
    left: 24.36px;
    animation-delay: 0s;
    background: #ffffff; }
  .education-index-chart-container .ldio-td6l8lcbbbq div:nth-child(2) {
    left: 40.02px;
    animation-delay: 0.2s;
    background: #ffc62d; }
  .education-index-chart-container .ldio-td6l8lcbbbq div:nth-child(3) {
    left: 55.68px;
    animation-delay: 0.3s;
    background: #00c4b3; }
  .education-index-chart-container .ldio-td6l8lcbbbq div:nth-child(4) {
    left: 71.34px;
    animation-delay: 0.4s;
    background: #00293b; }
  .education-index-chart-container .ldio-td6l8lcbbbq div:nth-child(5) {
    left: 87px;
    animation-delay: 0.5s;
    background: #ffffff; }
  .education-index-chart-container .ldio-td6l8lcbbbq div:nth-child(6) {
    left: 102.66px;
    animation-delay: 0.6s;
    background: #ffc62d; }
  .education-index-chart-container .ldio-td6l8lcbbbq div:nth-child(7) {
    left: 118.32px;
    animation-delay: 0.7s;
    background: #00c4b3; }
  .education-index-chart-container .ldio-td6l8lcbbbq div:nth-child(8) {
    left: 133.98px;
    animation-delay: 0.8s;
    background: #00293b; }
  .education-index-chart-container .loadingio-spinner-wave-zzv3wt9n6r {
    width: 174px;
    height: 174px;
    display: inline-block;
    overflow: hidden;
    background: none; }
  .education-index-chart-container .ldio-td6l8lcbbbq {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */ }
  .education-index-chart-container .ldio-td6l8lcbbbq div {
    box-sizing: content-box; }

@keyframes ldio-hn48l3rjrrf {
  0% {
    height: 64px; }
  33.33% {
    height: 89.60000000000001px; }
  66.66% {
    height: 38.4px; }
  100% {
    height: 64px; } }
  .education-index-chart-container .ldio-hn48l3rjrrf {
    transform-origin: 128px 128px !important; }
  .education-index-chart-container .ldio-hn48l3rjrrf > div {
    transform: rotate(180deg);
    width: 100%;
    height: 100%; }
  .education-index-chart-container .ldio-hn48l3rjrrf > div > div {
    position: absolute;
    width: 12.8px;
    height: 51.2px;
    top: 19.2px;
    animation: ldio-hn48l3rjrrf 5.26316s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
  .education-index-chart-container .ldio-hn48l3rjrrf > div > div:nth-child(1) {
    left: 19.2px;
    background: #e44261;
    animation-delay: -2.1052631578947367s; }
  .education-index-chart-container .ldio-hn48l3rjrrf > div > div:nth-child(2) {
    left: 44.800000000000004px;
    background: #dce3ec;
    animation-delay: -1.0526315789473684s; }
  .education-index-chart-container .ldio-hn48l3rjrrf > div > div:nth-child(3) {
    left: 70.4px;
    background: #f08900;
    animation-delay: -3.1578947368421053s; }
  .education-index-chart-container .ldio-hn48l3rjrrf > div > div:nth-child(4) {
    left: 96px;
    background: #00c4b3;
    animation-delay: -5.2631578947368425s; }
  .education-index-chart-container .loadingio-spinner-bar-chart-ftd9o8p27e {
    width: 128px;
    height: 128px;
    display: inline-block;
    overflow: hidden;
    background: none; }
  .education-index-chart-container .ldio-hn48l3rjrrf {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */ }
  .education-index-chart-container .ldio-hn48l3rjrrf div {
    box-sizing: content-box; }

@keyframes rotate {
  90% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(180deg); } }

@keyframes topProgress {
  3% {
    transform: scale(1) translateY(0); }
  90% {
    transform: scale(0) translateY(0); }
  100% {
    transform: scale(0) translateY(0); } }

@keyframes lineProgress {
  0% {
    top: 48px;
    bottom: auto; }
  10% {
    height: 80px; }
  80% {
    height: 80px; }
  90% {
    height: 10px; }
  100% {
    height: 0;
    top: auto;
    bottom: -30px; } }

@keyframes bottomProgress {
  10% {
    transform: scale(0) translateY(0); }
  90% {
    transform: scale(1) translateY(0); }
  100% {
    transform: scale(1) translateY(-30px); } }
  .education-index-chart-container .hourglass {
    height: 100px;
    width: 101px;
    margin: 200px auto;
    animation: rotate 3s cubic-bezier(0.7, 0, 0.2, 1) infinite; }
  .education-index-chart-container .top {
    position: relative; }
  .education-index-chart-container .topBg {
    position: absolute;
    z-index: 0;
    top: -36px;
    width: 100%;
    height: 40px;
    border-top: 5px solid #fff;
    background: #dce3ec; }
  .education-index-chart-container .topBg:after {
    content: '';
    position: absolute;
    bottom: -50px;
    border-top: 50px solid #dce3ec;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent; }
  .education-index-chart-container .topProgress {
    border-top: 50px solid #0626a9;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
    height: 0;
    width: 2px;
    transform: scale(1) translateY(0);
    transform-origin: 50% 100%;
    animation: topProgress 3s linear infinite; }
  .education-index-chart-container .line {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 49px;
    height: 0;
    width: 0;
    border-left: 2px solid #0626a9;
    animation: lineProgress 3s linear infinite; }
  .education-index-chart-container .bottom {
    position: relative; }
  .education-index-chart-container .bottomBg {
    position: absolute;
    z-index: 0;
    bottom: -5px;
    width: 100%;
    height: 40px;
    border-bottom: 5px solid #fff;
    background: #dce3ec; }
  .education-index-chart-container .bottomBg:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: -50px;
    border-bottom: 50px solid #dce3ec;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent; }
  .education-index-chart-container .bottomProgress {
    border-right: 50px solid transparent;
    border-bottom: 50px solid #0626a9;
    border-left: 50px solid transparent;
    height: 0;
    width: 1px;
    margin-top: 30px;
    transform: scale(0) translateY(0);
    transform-origin: 50% 100%;
    animation: bottomProgress 3s linear infinite; }
  .education-index-chart-container #block-stack {
    height: 100%;
    width: 80px;
    position: relative;
    overflow: hidden; }
  .education-index-chart-container #block-stack-blocks {
    position: absolute;
    height: 100%;
    top: 100%;
    width: 80px; }
  .education-index-chart-container .block-stack-block {
    display: block;
    margin: 2px 0;
    background: #fff;
    height: 58px;
    width: 100%; }

.global-investing-chart-container {
  margin-bottom: 20px; }
  .global-investing-chart-container #globalInvestingContainer1020_2 {
    height: 500px;
    font-family: 'Roboto', sans-serif;
    color: #011b2b; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #chart {
    width: 60%; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #chart-table tr td:nth-child(3) {
    width: 15%; }
  .global-investing-chart-container #globalInvestingContainer1020_2 table tr td {
    font-size: 12px;
    font-weight: 700; }
  .global-investing-chart-container #globalInvestingContainer1020_2 table#gdp-col tr td:first-child {
    text-align: right;
    padding-right: 10px; }
  .global-investing-chart-container #globalInvestingContainer1020_2 table .graph-titles {
    width: 100%; }
  .global-investing-chart-container #globalInvestingContainer1020_2 table .graph-titles div {
    width: 140px; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col, .global-investing-chart-container #globalInvestingContainer1020_2 #economies-col {
    width: 100%;
    height: 375px; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col tr td:first-child {
    width: 200px; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col td:nth-child(2) {
    text-align: center; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col #gdp-na td:nth-child(2) {
    height: 61.4%;
    background: #00c4b3;
    width: 90px; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col #gdp-eu td:nth-child(2) {
    height: 16.8%;
    background: #f08900; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col #gdp-pa td:nth-child(2) {
    height: 9.7%;
    background: #ffc62d; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col #gdp-em td:nth-child(2) {
    height: 12.1%;
    background: #e44261;
    width: 20px; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #economies-col tr:first-child td {
    height: 30%; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #economies-col tr:nth-child(2) td {
    height: 17%; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #economies-col tr:nth-child(3) td {
    height: 11%; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #economies-col tr:nth-child(4) td {
    height: 42%; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #node-summary thead th {
    padding: 5px 4px;
    border-bottom: 1px #999 solid;
    font-size: 16px; }
  .global-investing-chart-container #globalInvestingContainer1020_2 #node-summary tbody td {
    padding: 4px; }
  @media (max-width: 500px) {
    .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col #gdp-na td:nth-child(2) {
      width: 50px; }
    .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col tr td:first-child {
      width: 50px; }
    .global-investing-chart-container #globalInvestingContainer1020_2 table .graph-titles div {
      width: 80px; }
    .global-investing-chart-container #globalInvestingContainer1020_2 #gdp-col td:first-child span, .global-investing-chart-container #globalInvestingContainer1020_2 #economies-col td span {
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg);
      writing-mode: vertical-rl;
      text-align: center;
      display: block;
      padding: 10px 0; } }

.global-investing-chart3-container {
  margin-bottom: 200px; }
  .global-investing-chart3-container #globalInvestingContainer1020_3 {
    font-family: 'Roboto',sans-serif;
    color: #011b2b; }
  .global-investing-chart3-container #globalInvestingContainer1020_3 h1 {
    font-weight: 700;
    margin-bottom: 20px; }
  .global-investing-chart3-container #globalInvestingContainer1020_3 .highcharts-label.dividend-label span {
    background: #d5d7d5;
    color: #011b2b !important;
    padding: 2px 4px;
    border-radius: 4px; }
  .global-investing-chart3-container #globalInvestingContainer1020_3 .chart-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center; }
  .global-investing-chart3-container #globalInvestingContainer1020_3 #container-na {
    position: relative;
    z-index: 200; }
  .global-investing-chart3-container #globalInvestingContainer1020_3 .chart-tooltip {
    z-index: 10000 !important; }

#real-estate-timeline-1020 {
  position: relative;
  overflow: hidden;
  /**structure**/
  /** image **/
  /** text **/
  /** slider **/
  /**scale**/
  /** MEDIA **/ }
  #real-estate-timeline-1020 h5 {
    font-size: 1.2rem; }
  #real-estate-timeline-1020 #timeline-wrapper {
    position: relative;
    width: 100%;
    z-index: 100; }
  #real-estate-timeline-1020 #timeline-hero-top {
    position: relative;
    height: auto;
    background-size: cover !important;
    width: 100%;
    z-index: 100;
    overflow: hidden;
    min-height: 560px; }
  #real-estate-timeline-1020 #timeline-hero-bottom {
    background: #002036;
    color: #fff;
    z-index: 100;
    position: relative;
    min-height: 80px;
    padding-top: 10px; }
  #real-estate-timeline-1020 #timeline-triangle-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3rem 3rem 3rem 0;
    border-color: transparent #00c4b3 transparent transparent;
    position: relative;
    margin-bottom: -3rem;
    margin-top: -3rem;
    margin-left: auto;
    margin-right: 0;
    z-index: 200; }
  #real-estate-timeline-1020 #timeline-image-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10; }
  #real-estate-timeline-1020 #timeline-image-mask:after {
    content: '';
    position: absolute;
    left: 20px;
    top: 50px;
    border-radius: 100%;
    width: 400px;
    height: 400px;
    box-shadow: 0px 0px 0px 2000px #fff; }
  #real-estate-timeline-1020 #timeline-image-wrapper {
    position: relative;
    width: 3000px; }
  #real-estate-timeline-1020 #timeline-image-pseudo-width {
    width: 500px;
    position: absolute;
    z-index: 0;
    height: 0; }
  #real-estate-timeline-1020 #timeline-image-wrapper .timeline-image {
    display: inline-block;
    width: 500px; }
  #real-estate-timeline-1020 #timeline-image-wrapper .timeline-image img {
    width: 100%;
    height: auto; }
  #real-estate-timeline-1020 #timeline-text-mask {
    position: relative;
    height: 100%;
    width: calc(100% - 500px);
    margin-left: 440px;
    z-index: 30;
    overflow: hidden; }
  #real-estate-timeline-1020 #timeline-hero-text {
    padding: 30px;
    position: relative;
    line-height: 1.4; }
  #real-estate-timeline-1020 #timeline-year {
    font-size: 3rem;
    font-weight: 700; }
  #real-estate-timeline-1020 #timeline-title {
    font-size: 1.3rem;
    font-weight: 700; }
  #real-estate-timeline-1020 #timeline-link {
    margin: 30px 0 0; }
  #real-estate-timeline-1020 #timeline-link a {
    background-color: #1A3FD6;
    color: #FFFFFF !important;
    font-size: 20px;
    padding: 10px 12px;
    position: relative;
    display: inline-block;
    line-height: 1;
    border-radius: 0;
    border: none;
    font-weight: 700;
    text-align: center;
    text-decoration: none; }
  #real-estate-timeline-1020 #timeline-link a:hover {
    background: #4a7bc9;
    cursor: pointer;
    text-decoration: underline; }
  #real-estate-timeline-1020 #timeline-slider-line {
    height: 2px;
    border-bottom: 2px #0626a9 solid;
    padding: 15px 0;
    width: 100%;
    position: relative; }
  #real-estate-timeline-1020 #timeline-slider {
    width: 100px;
    height: 30px;
    border-radius: 30px;
    background-color: #99e7e1;
    color: #011b2b;
    position: absolute;
    left: 0;
    z-index: 200;
    cursor: move;
    text-align: left;
    padding: 0 20px;
    line-height: 30px;
    font-weight: 700; }
  #real-estate-timeline-1020 #timeline-slider:after {
    content: '\F065';
    font-family: 'FontAwesome';
    right: 20px;
    position: absolute;
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0; }
  #real-estate-timeline-1020 #timeline-slider.active {
    background: #00c4b3; }
  #real-estate-timeline-1020 #timeline-scale {
    width: 110%;
    border-bottom: 4px #011b2b dotted;
    height: 1rem;
    padding: 0.5rem 0;
    margin: 0 0 20px 10px;
    position: absolute;
    top: 20px; }
  #real-estate-timeline-1020 .timeline-decade {
    display: inline-block;
    width: calc(20% - 4px);
    text-align: left; }
  #real-estate-timeline-1020 .timeline-decade span {
    display: inline-block;
    color: #00c4b3;
    padding: 4px 20px;
    line-height: 1rem;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    background: #002036; }
  #real-estate-timeline-1020 .timeline-decade span:hover {
    text-decoration: underline; }
  @media (max-width: 900px) {
    #real-estate-timeline-1020 h5 {
      font-size: 1.1rem; }
    #real-estate-timeline-1020 #timeline-hero-top {
      height: auto; }
    #real-estate-timeline-1020 #timeline-image-mask {
      position: relative; }
    #real-estate-timeline-1020 #timeline-image-mask:after {
      width: 100%;
      left: 0;
      height: 200px;
      border-radius: 0;
      top: 0; }
    #real-estate-timeline-1020 #timeline-image-wrapper {
      height: 200px;
      overflow: hidden; }
    #real-estate-timeline-1020 #timeline-image-pseudo-width {
      width: 100%; }
    #real-estate-timeline-1020 #timeline-hero-text {
      padding: 30px 0; }
    #real-estate-timeline-1020 #timeline-text-mask {
      margin: 0;
      width: 100%;
      position: relative; }
    #real-estate-timeline-1020 #timeline-scale {
      width: 100%; } }
  @media (max-width: 600px) {
    #real-estate-timeline-1020 h5 {
      font-size: 0.9rem; }
    #real-estate-timeline-1020 #timeline-year {
      font-size: 2rem; }
    #real-estate-timeline-1020 #timeline-text {
      font-size: 1rem;
      line-height: 1.2rem; }
    #real-estate-timeline-1020 #timeline-triangle-right {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 2rem 2rem 2rem 0;
      border-color: transparent #00c4b3 transparent transparent;
      position: relative;
      margin-bottom: -2rem;
      margin-top: -2rem;
      margin-left: auto;
      margin-right: 0;
      z-index: 200; }
    #real-estate-timeline-1020 #timeline-slider {
      width: 50px;
      padding: 0;
      text-align: center;
      font-size: 12px; }
    #real-estate-timeline-1020 #timeline-slider:after {
      display: none; }
    #real-estate-timeline-1020 .timeline-decade span {
      font-size: 13px;
      background: none;
      padding: 0; } }

#globalInvestingContainer1020_4 {
  color: #011b2b;
  width: 100%;
  max-width: 1180px; }
  #globalInvestingContainer1020_4 #chart-container {
    position: relative;
    height: 500px; }
  #globalInvestingContainer1020_4 #container-col {
    position: absolute;
    z-index: 10;
    width: 100%; }
  #globalInvestingContainer1020_4 #container-pie {
    text-align: center;
    font-weight: 700;
    position: absolute;
    z-index: 11;
    width: 25%;
    height: 60%;
    right: 0;
    top: 0; }
  #globalInvestingContainer1020_4 #pie-chart {
    height: 100%;
    width: 100%; }
  #globalInvestingContainer1020_4 .pie-label {
    color: #fff !important;
    font-size: 14px; }
  #globalInvestingContainer1020_4 .series-selection {
    display: inline-block;
    font-size: 13px;
    margin: 5px 20px 5px 0; }
  #globalInvestingContainer1020_4 .series-selector {
    float: left;
    margin: 4px 10px 0 0;
    line-height: 30px;
    padding: 2px;
    transform: scale(1.2); }
  #globalInvestingContainer1020_4 .series-button {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    line-height: 30px;
    float: left;
    margin-right: 10px; }
  #globalInvestingContainer1020_4 #chart-selectors {
    text-align: center;
    margin: 10px 0; }
  #globalInvestingContainer1020_4 .series-button.carnation {
    background: #e44261; }
  #globalInvestingContainer1020_4 .series-button.tangerine {
    background: #f08900; }
  #globalInvestingContainer1020_4 .series-button.marigold {
    background: #ffc62d; }
  #globalInvestingContainer1020_4 .series-button.turquoise {
    background: #00c4b3; }
  #globalInvestingContainer1020_4 .series-selection:not(.active) .series-button {
    opacity: 0.2; }
  @media (max-width: 980px) {
    #globalInvestingContainer1020_4 #container-pie {
      width: 35%;
      height: 50%;
      top: -30px; } }
  @media (max-width: 720px) {
    #globalInvestingContainer1020_4 #container-pie {
      width: 40%;
      height: 50%;
      top: -20px; } }
  @media (max-width: 520px) {
    #globalInvestingContainer1020_4 #chart-container {
      height: auto; }
    #globalInvestingContainer1020_4 #container-pie {
      position: relative;
      width: 100%;
      height: auto; }
    #globalInvestingContainer1020_4 #container-col {
      position: relative; }
    #globalInvestingContainer1020_4 .pie-label {
      font-size: 12px; } }

#index-chart-container-250820 {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto; }
  #index-chart-container-250820 h1 {
    font-size: 3rem;
    font-weight: 700; }
  #index-chart-container-250820 h4 {
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700; }
  #index-chart-container-250820 h5 {
    font-size: 1rem;
    font-weight: 700; }
  #index-chart-container-250820 .bordered-row {
    border-bottom: #73787c 1px solid;
    padding: 10px 0; }
  #index-chart-container-250820 #population img {
    height: 40px;
    width: auto;
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0); }
  #index-chart-container-250820 .col-title {
    text-align: left;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column; }
  #index-chart-container-250820 #population .col-12 {
    text-align: left;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column; }
  @media (max-width: 980px) {
    #index-chart-container-250820 .col-12 {
      text-align: center; }
    #index-chart-container-250820 .highcharts-container {
      width: 100% !important;
      text-align: center !important; }
    #index-chart-container-250820 #title-na {
      color: #00c4b3; }
    #index-chart-container-250820 #title-eu {
      color: #f08900; }
    #index-chart-container-250820 #title-pa {
      color: #ffc62d; }
    #index-chart-container-250820 #title-em {
      color: #e44261; } }
  @media (max-width: 600px) {
    #index-chart-container-250820 h1 {
      font-size: 2rem; } }

.sias-wrapper .sias__show-content-fade > *, .sias-wrapper .sias__show-content-from-left > *, .sias-wrapper .sias__show-content-from-right > *, .sias-wrapper .sias__show-content-from-top > * {
  opacity: 0;
  transition-timing-function: ease;
  transition-property: transform, opacity; }

.sias-wrapper .sias__show-content-fade > :first-child, .sias-wrapper .sias__show-content-from-left > :first-child, .sias-wrapper .sias__show-content-from-right > :first-child, .sias-wrapper .sias__show-content-from-top > :first-child {
  transition-duration: .5s; }

.sias-wrapper .sias__show-content-fade > :nth-child(2), .sias-wrapper .sias__show-content-from-left > :nth-child(2), .sias-wrapper .sias__show-content-from-right > :nth-child(2), .sias-wrapper .sias__show-content-from-top > :nth-child(2) {
  transition-duration: 1s; }

.sias-wrapper .sias__show-content-fade > :nth-child(3), .sias-wrapper .sias__show-content-from-left > :nth-child(3), .sias-wrapper .sias__show-content-from-right > :nth-child(3), .sias-wrapper .sias__show-content-from-top > :nth-child(3) {
  transition-duration: 1.5s; }

.sias-wrapper .sias__show-content-fade > :nth-child(4), .sias-wrapper .sias__show-content-from-left > :nth-child(4), .sias-wrapper .sias__show-content-from-right > :nth-child(4), .sias-wrapper .sias__show-content-from-top > :nth-child(4) {
  transition-duration: 2s; }

.sias-wrapper .sias__show-content-fade > :nth-child(5), .sias-wrapper .sias__show-content-from-left > :nth-child(5), .sias-wrapper .sias__show-content-from-right > :nth-child(5), .sias-wrapper .sias__show-content-from-top > :nth-child(5) {
  transition-duration: 2.5s; }

.sias-wrapper .sias__show-content-fade > :nth-child(6), .sias-wrapper .sias__show-content-from-left > :nth-child(6), .sias-wrapper .sias__show-content-from-right > :nth-child(6), .sias-wrapper .sias__show-content-from-top > :nth-child(6) {
  transition-duration: 3s; }

.sias-wrapper .sias__show-content-fade > :nth-child(7), .sias-wrapper .sias__show-content-from-left > :nth-child(7), .sias-wrapper .sias__show-content-from-right > :nth-child(7), .sias-wrapper .sias__show-content-from-top > :nth-child(7) {
  transition-duration: 3.5s; }

.sias-wrapper .sias__show-content-fade > :nth-child(8), .sias-wrapper .sias__show-content-from-left > :nth-child(8), .sias-wrapper .sias__show-content-from-right > :nth-child(8), .sias-wrapper .sias__show-content-from-top > :nth-child(8) {
  transition-duration: 4s; }

.sias-wrapper .sias__show-content-fade > :nth-child(9), .sias-wrapper .sias__show-content-from-left > :nth-child(9), .sias-wrapper .sias__show-content-from-right > :nth-child(9), .sias-wrapper .sias__show-content-from-top > :nth-child(9) {
  transition-duration: 4.5s; }

.sias-wrapper .sias__show-content-after-line-animation > * {
  transition-delay: .3s; }

.sias-wrapper .sias__show-content-after-line-animation .sias__show-content-from-left > *, .sias-wrapper .sias__show-content-after-line-animation .sias__show-content-from-right > *, .sias-wrapper .sias__show-content-after-line-animation .sias__show-content-from-top > * {
  transition-delay: .8s; }

.sias-wrapper .sias__show-content-from-left > * {
  transform: translateX(-40px); }

.sias-wrapper .sias__show-content-from-right > * {
  transform: translateX(40px); }

.sias-wrapper .sias__show-content-from-top > * {
  transform: translateY(-40px); }

.sias-wrapper .js-scroll-in-content.pa-active .sias__show-content-fade > *, .sias-wrapper .js-scroll-in-content.pa-active .sias__show-content-from-left > *, .sias-wrapper .js-scroll-in-content.pa-active .sias__show-content-from-right > *, .sias-wrapper .js-scroll-in-content.pa-active .sias__show-content-from-top > * {
  opacity: 1; }

.sias-wrapper .js-scroll-in-content.pa-active .sias__show-content-from-left > *, .sias-wrapper .js-scroll-in-content.pa-active .sias__show-content-from-right > * {
  transform: translateX(0); }

.sias-wrapper .js-scroll-in-content.pa-active .sias__show-content-from-top > * {
  transform: translateY(0); }

.sias-wrapper .sias-btn {
  --border-opacity: 1;
  padding: .75rem 1.25rem;
  display: inline-flex;
  border: 2px solid #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  align-items: center;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  font-family: Roboto Bold, sans-serif; }

.sias-wrapper .sias-btn:focus, .sias-wrapper .sias-btn:hover {
  text-decoration: underline; }

@media (min-width: 768px) {
  .sias-wrapper .sias-btn {
    font-size: 1.125rem; } }

.sias-wrapper .sias-btn--dark-blue {
  --border-opacity: 1;
  border-color: #011b2b;
  border-color: rgba(1, 27, 43, var(--border-opacity));
  --text-opacity: 1;
  color: #011b2b;
  color: rgba(1, 27, 43, var(--text-opacity)); }

.sias-wrapper .carousel .carousel-inner {
  max-height: none; }

.sias-wrapper .carousel .carousel-inner .carousel-item {
  padding: 3rem 0 5rem; }

@media (min-width: 768px) {
  .sias-wrapper .carousel .carousel-inner .carousel-item {
    padding: 6rem 0; } }

.sias-wrapper .carousel .carousel-inner .carousel-item img {
  display: block;
  max-width: 100%; }

.sias-wrapper .carousel-control-next, .sias-wrapper .carousel-control-prev {
  position: absolute;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0;
  z-index: 999;
  cursor: pointer;
  margin: -1rem .5rem;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: background-color;
  bottom: 30px;
  top: auto; }

@media (min-width: 768px) {
  .sias-wrapper .carousel-control-next, .sias-wrapper .carousel-control-prev {
    bottom: auto;
    margin: -1rem 2rem;
    top: 50%; } }

.sias-wrapper .carousel-control-next:focus, .sias-wrapper .carousel-control-next:hover, .sias-wrapper .carousel-control-prev:focus, .sias-wrapper .carousel-control-prev:hover {
  opacity: 1; }

.sias-wrapper .carousel-control-prev:focus .carousel-control-prev-icon, .sias-wrapper .carousel-control-prev:hover .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.sias-wrapper .carousel-control-next:focus .carousel-control-next-icon, .sias-wrapper .carousel-control-next:hover .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.sias-wrapper .carousel-control-next-icon, .sias-wrapper .carousel-control-prev-icon {
  position: absolute;
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: all;
  right: auto;
  margin: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

@media (min-width: 768px) {
  .sias-wrapper .carousel-control-next-icon, .sias-wrapper .carousel-control-prev-icon {
    height: 30px;
    width: 30px; } }

.sias-wrapper .carousel-indicators {
  display: block;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 21px;
  transform: translateX(-50%);
  margin: 0; }

@media (min-width: 768px) {
  .sias-wrapper .carousel-indicators {
    bottom: 0; } }

.sias-wrapper .carousel-indicators li {
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  border-style: none;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: opacity .3s ease-out;
  opacity: .5;
  text-indent: -99999px;
  margin: 0; }

.sias-wrapper .carousel-indicators li.active, .sias-wrapper .carousel-indicators li:focus, .sias-wrapper .carousel-indicators li:hover {
  opacity: 1; }

.sias-wrapper .carousel .sias-slide-overlapping-content {
  position: relative;
  overflow: hidden; }

.sias-wrapper .carousel .sias-slide-overlapping-content:before {
  content: "";
  position: absolute;
  height: 90px;
  width: 90px;
  transform: skew(-45deg);
  bottom: 0;
  right: 0;
  background: #fff; }

@media (min-width: 1280px) {
  .sias-wrapper .carousel .sias-slide-overlapping-content:before {
    height: 180px;
    width: 180px; } }

@media (min-width: 768px) {
  .sias-wrapper .carousel .sias-slide-overlapping-content {
    margin-top: -50px; } }

@media (min-width: 1280px) {
  .sias-wrapper .carousel .sias-slide-overlapping-content {
    margin-top: -150px; } }

.sias-wrapper .carousel .sias-slide-overlapping-content__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.sias-wrapper .carousel .sias-slide-overlapping-content__bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  height: calc(100% - 90px);
  width: 100%; }

@media (min-width: 1280px) {
  .sias-wrapper .carousel .sias-slide-overlapping-content__bg:before {
    height: calc(100% - 180px); } }

.sias-wrapper .carousel .sias-slide-overlapping-content__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: calc(100% - 45px);
  height: 100%; }

@media (min-width: 1280px) {
  .sias-wrapper .carousel .sias-slide-overlapping-content__bg:after {
    width: calc(100% - 90px); } }

.sias-wrapper .carousel--no-padding-top .carousel-inner .carousel-item {
  padding-top: 0; }

@media (min-width: 768px) {
  .sias-wrapper .carousel--arrows-outside .carousel-control-prev {
    margin-left: -50px; }
  .sias-wrapper .carousel--arrows-outside .carousel-control-next {
    margin-right: -50px; } }

@media (min-width: 768px) {
  .sias-wrapper .carousel--no-nav .carousel-control-next, .sias-wrapper .carousel--no-nav .carousel-control-prev {
    display: none; } }

.sias-wrapper .carousel--green .carousel-indicators li {
  --bg-opacity: 1;
  background-color: #00c4b3;
  background-color: rgba(0, 196, 179, var(--bg-opacity)); }

.sias-wrapper .carousel--green .carousel-control-next, .sias-wrapper .carousel--green .carousel-control-prev {
  --border-opacity: 1;
  border-color: #00c4b3;
  border-color: rgba(0, 196, 179, var(--border-opacity));
  --bg-opacity: 1;
  background-color: #ccf3f0;
  background-color: rgba(204, 243, 240, var(--bg-opacity));
  --text-opacity: 1;
  color: #00c4b3;
  color: rgba(0, 196, 179, var(--text-opacity)); }

.sias-wrapper .carousel--green .carousel-control-next:focus, .sias-wrapper .carousel--green .carousel-control-next:hover, .sias-wrapper .carousel--green .carousel-control-prev:focus, .sias-wrapper .carousel--green .carousel-control-prev:hover {
  --bg-opacity: 1;
  background-color: #00c4b3;
  background-color: rgba(0, 196, 179, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity)); }

.sias-wrapper .carousel--green .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%2300C4B3' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/></svg>"); }

.sias-wrapper .carousel--green .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%2300C4B3' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>"); }

.sias-wrapper .carousel--orange .carousel-indicators li {
  --bg-opacity: 1;
  background-color: #f08900;
  background-color: rgba(240, 137, 0, var(--bg-opacity)); }

.sias-wrapper .carousel--orange .carousel-control-next, .sias-wrapper .carousel--orange .carousel-control-prev {
  --border-opacity: 1;
  border-color: #f08900;
  border-color: rgba(240, 137, 0, var(--border-opacity));
  --bg-opacity: 1;
  background-color: #fcebcc;
  background-color: rgba(252, 235, 204, var(--bg-opacity));
  --text-opacity: 1;
  color: #f08900;
  color: rgba(240, 137, 0, var(--text-opacity)); }

.sias-wrapper .carousel--orange .carousel-control-next:focus, .sias-wrapper .carousel--orange .carousel-control-next:hover, .sias-wrapper .carousel--orange .carousel-control-prev:focus, .sias-wrapper .carousel--orange .carousel-control-prev:hover {
  --bg-opacity: 1;
  background-color: #f08900;
  background-color: rgba(240, 137, 0, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity)); }

.sias-wrapper .carousel--orange .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23F08900' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/></svg>"); }

.sias-wrapper .carousel--orange .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23F08900' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>"); }

@media (min-width: 768px) {
  .sias-wrapper .sias-case-study-section {
    padding-bottom: 310px; } }

@media (min-width: 1280px) {
  .sias-wrapper .sias-case-study-section {
    padding-bottom: 400px; } }

.sias-wrapper .sias-discussion-guide-section__overlap-content {
  position: relative;
  margin-top: -2rem; }

@media (min-width: 1280px) {
  .sias-wrapper .sias-discussion-guide-section__overlap-content {
    margin-top: -250px; } }

.sias-wrapper .flip-card {
  perspective: 1000px;
  max-width: 425px; }

.sias-wrapper .flip-card-inner {
  position: relative;
  transition: transform .8s;
  transform-style: preserve-3d; }

.sias-wrapper .flip-card.pa-active .flip-card-inner {
  transform: rotateY(180deg); }

.sias-wrapper .flip-card.pa-active .flip-card-front {
  transition: visibility .4s ease;
  pointer-events: none;
  visibility: hidden; }

.sias-wrapper .flip-card-front {
  border-radius: .5rem;
  overflow: hidden;
  --bg-opacity: 1;
  background-color: #011b2b;
  background-color: rgba(1, 27, 43, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity)); }

.sias-wrapper .flip-card-front__content {
  padding: 1rem;
  position: relative; }

@media (min-width: 768px) {
  .sias-wrapper .flip-card-front__content {
    padding: 2rem; } }

.sias-wrapper .flip-card-front__content:before {
  content: "";
  position: absolute;
  --bg-opacity: 1;
  background-color: #011b2b;
  background-color: rgba(1, 27, 43, var(--bg-opacity));
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  transform: skew(-83deg) rotate(180deg);
  transform-origin: top; }

@supports (-moz-appearance: none) {
  .sias-wrapper .flip-card-front__content:before {
    top: 3px; } }

.sias-wrapper .flip-card-front__title {
  --text-opacity: 1;
  color: #7692dd;
  color: rgba(118, 146, 221, var(--text-opacity)); }

@media (min-width: 768px) {
  .sias-wrapper .flip-card-front p {
    font-size: 1.125rem;
    line-height: 1.5rem; } }

html {
  font-size: 16px; }

.sias-wrapper {
  position: relative;
  overflow: hidden;
  opacity: 0;
  padding-top: 56px;
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: opacity; }

.sias-wrapper.pa-active {
  opacity: 1; }

@media only screen and (min-width: 992px) {
  .sias-wrapper {
    padding-top: 0; } }

.sias-wrapper strong {
  font-family: Roboto Bold, sans-serif; }

.sias-wrapper .section {
  padding-right: 0; }

@media (min-width: 768px) {
  .sias-wrapper .section {
    padding-right: 55px; } }

@media (min-width: 1280px) {
  .sias-wrapper .section {
    padding-right: 0; } }

.sias-wrapper .section .section {
  padding-right: 0; }

.sias-wrapper img {
  max-width: 100%; }

.sias-wrapper button {
  background-color: transparent;
  border-width: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }

.sias-wrapper button > * {
  pointer-events: none; }

.sias-wrapper .sias-blue-bg-pattern {
  background: url(/o/com.msci.webmasters.liferay.site.pubweb/images/stein-content-hub/blue-bg-pattern.jpg) no-repeat 50%;
  background-size: cover; }

.sias-wrapper .sias-slanted-bg {
  position: relative; }

.sias-wrapper .sias-slanted-bg:before {
  content: "";
  position: absolute;
  top: -252px;
  left: 0;
  width: 100%;
  height: 800px;
  transform: skew(-70deg);
  transform-origin: top;
  margin-top: 250px; }

.sias-wrapper .sias-slanted-bg--white:before {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity)); }

.sias-wrapper .sias-joining-line {
  position: relative; }

.sias-wrapper .sias-joining-line:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 0;
  top: -60px;
  z-index: 5;
  transition-timing-function: ease;
  transition-duration: .2s;
  transition-property: height; }

@media (min-width: 768px) {
  .sias-wrapper .sias-joining-line:before {
    top: -300px; } }

@media (min-width: 768px) {
  .sias-wrapper .sias-joining-line--large:before {
    top: -500px; } }

.sias-wrapper .sias-joining-line--under:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 0;
  bottom: -60px;
  z-index: 5;
  transition-timing-function: ease;
  transition-duration: .2s;
  transition-property: height; }

@media (min-width: 768px) {
  .sias-wrapper .sias-joining-line--under:after {
    bottom: -300px; } }

@media (min-width: 768px) {
  .sias-wrapper .sias-joining-line--lower:before {
    top: -260px; } }

.sias-wrapper .sias-joining-line--white:after, .sias-wrapper .sias-joining-line--white:before {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity)); }

.sias-wrapper .sias-joining-line--dark-blue:after, .sias-wrapper .sias-joining-line--dark-blue:before {
  --bg-opacity: 1;
  background-color: #011b2b;
  background-color: rgba(1, 27, 43, var(--bg-opacity)); }

.sias-wrapper .sias-joining-line--left:before {
  left: 40px; }

@media (min-width: 768px) {
  .sias-wrapper .sias-joining-line--left:before {
    left: 200px; } }

.sias-wrapper .sias-joining-line--right:before {
  right: 40px; }

@media (min-width: 768px) {
  .sias-wrapper .sias-joining-line--right:before {
    right: 200px; } }

.sias-wrapper .sias-joining-line--under-left:after {
  left: 40px; }

@media (min-width: 768px) {
  .sias-wrapper .sias-joining-line--under-left:after {
    left: 200px; } }

.sias-wrapper .sias-left-circle {
  position: relative; }

.sias-wrapper .sias-left-circle:after {
  content: "";
  position: absolute;
  z-index: 10;
  border-radius: 9999px;
  top: 0;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  left: -8px;
  transition-timing-function: ease;
  transition-duration: .5s;
  transition-property: transform, opacity;
  transform: translateX(-40px);
  transition-delay: .8s; }

@media (min-width: 768px) {
  .sias-wrapper .sias-left-circle:after {
    left: 0;
    margin-top: 40px;
    width: 100px;
    height: 100px; } }

.sias-wrapper .sias-left-circle--green:after {
  --bg-opacity: 1;
  background-color: #00c4b3;
  background-color: rgba(0, 196, 179, var(--bg-opacity));
  background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/stein-content-hub/report-graph.svg);
  background-size: 25px 25px; }

@media (min-width: 768px) {
  .sias-wrapper .sias-left-circle--green:after {
    background-size: 50px 50px; } }

.sias-wrapper .sias-left-circle--light-blue:after {
  --bg-opacity: 1;
  background-color: #7692dd;
  background-color: rgba(118, 146, 221, var(--bg-opacity));
  background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/stein-content-hub/book.svg);
  background-size: 20px 26px; }

@media (min-width: 768px) {
  .sias-wrapper .sias-left-circle--light-blue:after {
    background-size: 45px 58px; } }

.sias-wrapper .sias-left-circle--blue:after {
  --bg-opacity: 1;
  background-color: #1e3bb1;
  background-color: rgba(30, 59, 177, var(--bg-opacity));
  background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/stein-content-hub/icon-page.svg);
  background-size: 20px 26px; }

@media (min-width: 768px) {
  .sias-wrapper .sias-left-circle--blue:after {
    background-size: 40px 51px; } }

.sias-wrapper .sias-left-circle--orange:after {
  --bg-opacity: 1;
  background-color: #f08900;
  background-color: rgba(240, 137, 0, var(--bg-opacity));
  background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/stein-content-hub/icon-book-with-magnifier.svg);
  background-size: 25px 22px;
  background-position: center right 10px; }

@media (min-width: 768px) {
  .sias-wrapper .sias-left-circle--orange:after {
    background-size: 55px 49px;
    background-position: center right 18px; } }

@media (min-width: 768px) {
  .sias-wrapper .sias-circle-spacing {
    padding-left: 50px; } }

@media (min-width: 768px) {
  .sias-wrapper .sias-circle-spacing--right {
    padding-right: 50px; } }

.sias-wrapper .js-scroll-in-content.pa-active .sias-left-circle:after {
  opacity: 1;
  transform: translateX(0); }

.sias-wrapper .js-scroll-in-content.pa-active .sias-joining-line--under:after, .sias-wrapper .js-scroll-in-content.pa-active .sias-joining-line:before {
  height: 60px; }

@media (min-width: 768px) {
  .sias-wrapper .js-scroll-in-content.pa-active .sias-joining-line--under:after, .sias-wrapper .js-scroll-in-content.pa-active .sias-joining-line:before {
    height: 300px; } }

@media (min-width: 768px) {
  .sias-wrapper .js-scroll-in-content.pa-active .sias-joining-line--large:before {
    height: 500px; } }

.sias-wrapper .js-scroll-in-content.pa-active .sias-joining-line--lower:before {
  height: 150px; }

@media (min-width: 768px) {
  .sias-wrapper .js-scroll-in-content.pa-active .sias-joining-line--lower:before {
    height: 450px; } }

.sias-wrapper .sias-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  visibility: hidden;
  padding-top: 2.5rem;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  transform: scale(0);
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: transform, visibility;
  transform-origin: center center; }

@media (min-width: 768px) {
  .sias-wrapper .sias-overlay {
    padding-top: 0; } }

.sias-wrapper .sias-overlay.pa-active {
  visibility: visible;
  transform: scale(1); }

.sias-wrapper .sias-overlay.pa-active .sias-overlay__close-container, .sias-wrapper .sias-overlay.pa-active .sias-overlay__content {
  transition-duration: .4s;
  opacity: 1;
  transition-delay: .5s; }

.sias-wrapper .sias-overlay__close {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1rem;
  margin-left: 1rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  width: 20px;
  height: 20px;
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: transform;
  transform-origin: center center; }

.sias-wrapper .sias-overlay__close:focus, .sias-wrapper .sias-overlay__close:hover {
  transform: scale(1.2); }

.sias-wrapper .sias-overlay__close img {
  max-width: 100%; }

@media (min-width: 1024px) {
  .sias-wrapper .sias-overlay__close {
    margin-top: 2rem;
    margin-left: 2rem;
    width: 32px;
    height: 32px; } }

.sias-wrapper .sias-overlay__close-container, .sias-wrapper .sias-overlay__content {
  opacity: 0;
  transition-timing-function: ease;
  transition-duration: .1s;
  transition-property: opacity; }

.sias-wrapper .sias-report-section {
  background: url(/o/com.msci.webmasters.liferay.site.pubweb/images/stein-content-hub/geo-pattern.svg) no-repeat bottom; }

.sias-wrapper .sias-report-section__overlap-content {
  position: relative;
  margin-bottom: 4rem; }

@media (min-width: 1280px) {
  .sias-wrapper .sias-report-section__overlap-content {
    margin-bottom: 300px; } }

@media (min-width: 768px) {
  .sias-wrapper .sias-resource-section {
    margin-top: -250px; } }

.sias-wrapper .sias-resource-section__link {
  position: relative;
  font-family: Roboto Bold, sans-serif;
  padding-left: 1rem; }

.sias-wrapper .sias-resource-section__link:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid #1e3bb1;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  margin-top: -7px; }

@media (min-width: 768px) {
  .sias-wrapper .sias-resource-section__link {
    padding-left: 0; }
  .sias-wrapper .sias-resource-section__link:before {
    display: none; } }

.sias-wrapper .sias-resource-section__video-container .sias-video {
  display: none; }

.sias-wrapper .side-fixed-nav {
  position: fixed;
  display: none;
  right: 0;
  z-index: 11;
  --bg-opacity: 1;
  background-color: #e6e9f6;
  background-color: rgba(230, 233, 246, var(--bg-opacity));
  top: 56px; }

@media (min-width: 768px) {
  .sias-wrapper .side-fixed-nav {
    display: block; } }

@media only screen and (min-width: 992px) {
  .sias-wrapper .side-fixed-nav {
    position: absolute;
    top: 0; } }

.sias-wrapper .side-fixed-nav.pa-fixed {
  position: fixed; }

@media (min-width: 768px) {
  .sias-wrapper .side-fixed-nav.pa-fixed {
    top: 56px; } }

@media only screen and (min-width: 992px) {
  .sias-wrapper .side-fixed-nav.pa-fixed {
    top: 80px; } }

.sias-wrapper .side-fixed-nav__text {
  position: absolute;
  --bg-opacity: 1;
  background-color: #e6e9f6;
  background-color: rgba(230, 233, 246, var(--bg-opacity));
  font-size: .875rem;
  padding: .5rem;
  visibility: hidden;
  --text-opacity: 1;
  color: #344956;
  color: rgba(52, 73, 86, var(--text-opacity));
  right: 37px;
  transform: translateX(100%);
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: transform, visibility;
  font-family: Roboto Bold, sans-serif; }

.sias-wrapper .side-fixed-nav__text:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: inherit;
  transition: opacity .1s ease; }

@media (min-width: 768px) {
  .sias-wrapper .side-fixed-nav__text {
    padding: 1rem;
    font-size: 1rem;
    right: 52px; } }

.sias-wrapper .side-fixed-nav__active-circle {
  --border-opacity: 1;
  border: 2px solid #00293b;
  border-color: rgba(0, 41, 59, var(--border-opacity));
  display: block;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: #e6e9f6;
  background-color: rgba(230, 233, 246, var(--bg-opacity));
  position: relative;
  z-index: 30;
  width: 21px;
  height: 21px;
  transform: scale(0.55555);
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: transform, background-color, border-color; }

@media (min-width: 768px) {
  .sias-wrapper .side-fixed-nav__active-circle {
    width: 36px;
    height: 36px; } }

.sias-wrapper .side-fixed-nav ul {
  padding: 1.5rem 0;
  list-style-type: none;
  --bg-opacity: 1;
  background-color: #e6e9f6;
  background-color: rgba(230, 233, 246, var(--bg-opacity));
  margin: 0;
  overflow-y: auto;
  max-height: calc(100vh - 56px); }

@media (min-width: 768px) {
  .sias-wrapper .side-fixed-nav ul {
    max-height: calc(100vh - 80px); } }

.sias-wrapper .side-fixed-nav ul button {
  padding: 0 .5rem;
  display: block;
  background-color: transparent;
  border-width: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  cursor: pointer;
  z-index: 5; }

@media (min-width: 768px) {
  .sias-wrapper .side-fixed-nav ul button:hover .side-fixed-nav__text {
    visibility: visible;
    transform: translateX(0); }
  .sias-wrapper .side-fixed-nav ul button:hover .side-fixed-nav__text:after {
    opacity: 0;
    transition: opacity .2s ease .5s; } }

.sias-wrapper .side-fixed-nav ul button.pa-active .side-fixed-nav__active-circle {
  transform: scale(1); }

.sias-wrapper .side-fixed-nav ul li:after {
  display: block;
  margin-left: auto;
  margin-right: auto;
  --bg-opacity: 1;
  background-color: #00293b;
  background-color: rgba(0, 41, 59, var(--bg-opacity));
  position: relative;
  z-index: 20;
  content: "";
  height: 25px;
  width: 2px;
  top: -8px;
  margin-bottom: -16px; }

@media only screen and (min-height: 700px) {
  .sias-wrapper .side-fixed-nav ul li:after {
    height: 50px; } }

.sias-wrapper .side-fixed-nav ul li:last-child:after {
  display: none; }

.sias-wrapper .side-fixed-nav__dark-blue button:hover .side-fixed-nav__active-circle {
  border-color: #1e3bb1; }

.sias-wrapper .side-fixed-nav__dark-blue button.pa-active .side-fixed-nav__active-circle {
  background-color: #1e3bb1;
  border-color: #1e3bb1; }

.sias-wrapper .side-fixed-nav__green button:hover .side-fixed-nav__active-circle {
  border-color: #00c4b3; }

.sias-wrapper .side-fixed-nav__green button.pa-active .side-fixed-nav__active-circle {
  background-color: #00c4b3;
  border-color: #00c4b3; }

.sias-wrapper .side-fixed-nav__blue button:hover .side-fixed-nav__active-circle {
  border-color: #7692dd; }

.sias-wrapper .side-fixed-nav__blue button.pa-active .side-fixed-nav__active-circle {
  background-color: #7692dd;
  border-color: #7692dd; }

.sias-wrapper .side-fixed-nav__orange button:hover .side-fixed-nav__active-circle {
  border-color: #f08900; }

.sias-wrapper .side-fixed-nav__orange button.pa-active .side-fixed-nav__active-circle {
  background-color: #f08900;
  border-color: #f08900; }

.sias-wrapper .side-fixed-nav__gray button:hover .side-fixed-nav__active-circle {
  border-color: #73787c; }

.sias-wrapper .side-fixed-nav__gray button.pa-active .side-fixed-nav__active-circle {
  background-color: #73787c;
  border-color: #73787c; }

@media (min-width: 768px) {
  .sias-wrapper .tabs {
    padding-top: 1rem; } }

.sias-wrapper .tabs__tab-container {
  display: none; }

@media (min-width: 768px) {
  .sias-wrapper .tabs__tab-container {
    display: flex;
    overflow: hidden; } }

.sias-wrapper .tabs__tab {
  text-align: left;
  --text-opacity: 1;
  color: #011b2b;
  color: rgba(1, 27, 43, var(--text-opacity));
  padding: .75rem;
  border-width: 2px;
  --border-opacity: 1;
  border-color: #1e3bb1;
  border-color: rgba(30, 59, 177, var(--border-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  flex-grow: 1;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: all .4s ease; }

@media (min-width: 768px) {
  .sias-wrapper .tabs__tab {
    padding: 4rem 1rem 1rem; } }

@media (min-width: 1280px) {
  .sias-wrapper .tabs__tab {
    padding-top: 8rem; } }

.sias-wrapper .tabs__tab[aria-selected=true] {
  --bg-opacity: 1;
  background-color: #1e3bb1;
  background-color: rgba(30, 59, 177, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity)); }

.sias-wrapper .tabs__tab--mobile {
  font-size: 1.25rem;
  position: relative;
  padding: 1.5rem;
  font-family: Roboto Bold, sans-serif;
  margin-bottom: -2px;
  padding-left: 70px; }

.sias-wrapper .tabs__tab--mobile:last-of-type {
  margin-bottom: 0; }

@media (min-width: 768px) {
  .sias-wrapper .tabs__tab--mobile {
    display: none; } }

.sias-wrapper .tabs__tab--mobile[aria-selected=true] .tabs__tab__plus:after, .sias-wrapper .tabs__tab--mobile[aria-selected=true] .tabs__tab__plus:before {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity)); }

.sias-wrapper .tabs__tab--mobile[aria-selected=true] .tabs__tab__plus:before {
  transform: rotate(180deg); }

.sias-wrapper .tabs__tab--mobile[aria-selected=true] .tabs__tab__plus:after {
  transform: rotate(90deg); }

.sias-wrapper .tabs__tab__plus {
  position: absolute;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 1rem;
  vertical-align: middle;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%); }

.sias-wrapper .tabs__tab__plus:after, .sias-wrapper .tabs__tab__plus:before {
  transition-property: background-color, transform;
  transition-duration: .4s;
  transition-timing-function: ease;
  transform-origin: center center; }

.sias-wrapper .tabs__tab__plus:before {
  height: 8px;
  width: 35px;
  top: 50%;
  margin-top: -4px;
  left: 0; }

.sias-wrapper .tabs__tab__plus:after, .sias-wrapper .tabs__tab__plus:before {
  --bg-opacity: 1;
  background-color: #1e3bb1;
  background-color: rgba(30, 59, 177, var(--bg-opacity));
  display: block;
  position: absolute;
  content: ""; }

.sias-wrapper .tabs__tab__plus:after {
  width: 8px;
  height: 35px;
  left: 50%;
  margin-left: -4px;
  top: 0; }

.sias-wrapper .tabs__tab__title {
  display: block;
  font-size: 1.125rem;
  margin-bottom: .75rem;
  line-height: 1.5rem;
  margin-top: auto;
  font-family: Roboto Bold, sans-serif; }

@media (min-width: 768px) {
  .sias-wrapper .tabs__tab__title {
    font-size: 1.25rem; } }

@media (min-width: 1280px) {
  .sias-wrapper .tabs__tab__title {
    font-size: 1.875rem;
    line-height: 2rem; } }

.sias-wrapper .tabs__tab__description {
  display: block;
  font-size: 1.125rem;
  line-height: 1.5rem; }

.sias-wrapper .tabs__content {
  padding: 2rem 1rem 1rem;
  position: relative; }

.sias-wrapper .tabs__content:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #1e3bb1;
  margin-left: -25px;
  transition: border-top .4s ease; }

.sias-wrapper .tabs__content[aria-hidden=true] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  transition: all .4s ease; }

.sias-wrapper .tabs__content[aria-hidden=true]:before {
  border: 0; }

@media (min-width: 768px) {
  .sias-wrapper .tabs__content {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 4rem;
    margin-bottom: 2rem; }
  .sias-wrapper .tabs__content:before {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #fff;
    margin-left: -40px;
    transition: none; } }

.sias-wrapper .tabs__content-container {
  --bg-opacity: 1;
  background-color: #e6e9f6;
  background-color: rgba(230, 233, 246, var(--bg-opacity));
  position: relative;
  margin-top: 1rem; }

@media (min-width: 768px) {
  .sias-wrapper .tabs__content-container {
    margin-top: 2rem; } }

.sias-wrapper .sias-top-banner {
  background: url(/o/com.msci.webmasters.liferay.site.pubweb/images/stein-content-hub/top-banner.jpg) no-repeat 50%;
  background-size: cover;
  padding-top: 1rem;
  padding-bottom: 2rem; }

@media (min-width: 768px) {
  .sias-wrapper .sias-top-banner {
    padding-top: 2rem;
    padding-bottom: 2rem; } }

@media (min-width: 1024px) {
  .sias-wrapper .sias-top-banner {
    padding-top: 180px;
    padding-bottom: 180px; } }

@media (min-width: 768px) {
  .sias-wrapper .sias-top-banner__content {
    width: 50%; } }

@media (min-width: 1280px) {
  .sias-wrapper .sias-top-banner__content {
    width: 40%; } }

.sias-wrapper .sias-main-title {
  font-size: 1.5rem;
  font-family: Roboto Bold, sans-serif; }

@media (min-width: 768px) {
  .sias-wrapper .sias-main-title {
    font-size: 1.875rem; } }

@media (min-width: 1024px) {
  .sias-wrapper .sias-main-title {
    font-size: 3rem; } }

.sias-wrapper .sias-main-title:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #26d9b6;
  border-style: solid;
  border-width: 25px 0 25px 25px;
  position: relative;
  z-index: 1;
  vertical-align: middle;
  margin-right: 1rem; }

.sias-wrapper .sias-video {
  border-radius: .5rem;
  overflow: hidden;
  --border-opacity: 1;
  border-color: #ffc62d;
  border-color: rgba(255, 198, 45, var(--border-opacity));
  position: relative;
  z-index: 11;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
  border-width: 4px 0 0;
  border-style: solid; }

@media (min-width: 768px) {
  .sias-wrapper .sias-video {
    border-top-width: 8px; } }

.sias-wrapper .sias-video video {
  -o-object-fit: cover;
  object-fit: cover; }

.sias-wrapper .sias-video.pa-active .sias-video-play-icon, .sias-wrapper .sias-video.pa-active .sias-video-play-icon-container, .sias-wrapper .sias-video.pa-active .sias-video-thumbnail {
  opacity: 0;
  visibility: hidden; }

.sias-wrapper .sias-video .sias-video-play-icon, .sias-wrapper .sias-video .sias-video-play-icon-container, .sias-wrapper .sias-video .sias-video-thumbnail {
  visibility: visible;
  opacity: 1;
  transition-timing-function: ease;
  transition-duration: .3s;
  transition-property: opacity, visibility; }

.sias-wrapper .sias-video__item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.sias-wrapper .sias-video .sias-video-play-icon {
  transition-timing-function: ease;
  transition-duration: .4s;
  transition-property: transform;
  transform-origin: center center; }

.sias-wrapper .sias-video .sias-video-play-icon:focus, .sias-wrapper .sias-video .sias-video-play-icon:hover {
  transform: scale(1.1); }

.sias-wrapper .sias-video .sias-video-play-icon {
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: #ffc62d;
  background-color: rgba(255, 198, 45, var(--bg-opacity));
  width: 60px;
  height: 60px; }

.sias-wrapper .sias-video .sias-video-play-icon img {
  max-width: 50%; }

@media (min-width: 768px) {
  .sias-wrapper .sias-video .sias-video-play-icon {
    width: 140px;
    height: 140px; } }

.tw-bg-white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity)); }

.tw-bg-gray-300 {
  --bg-opacity: 1;
  background-color: #e6e9f6;
  background-color: rgba(230, 233, 246, var(--bg-opacity)); }

.tw-bg-green-400 {
  --bg-opacity: 1;
  background-color: #00c4b3;
  background-color: rgba(0, 196, 179, var(--bg-opacity)); }

.tw-bg-blue-500 {
  --bg-opacity: 1;
  background-color: #1e3bb1;
  background-color: rgba(30, 59, 177, var(--bg-opacity)); }

.tw-bg-blue-700 {
  --bg-opacity: 1;
  background-color: #00293b;
  background-color: rgba(0, 41, 59, var(--bg-opacity)); }

.tw-group:hover .group-hover\:tw-bg-gray-400 {
  --bg-opacity: 1;
  background-color: #cacdd8;
  background-color: rgba(202, 205, 216, var(--bg-opacity)); }

.tw-border-gray-600 {
  --border-opacity: 1;
  border-color: #73787c;
  border-color: rgba(115, 120, 124, var(--border-opacity)); }

.tw-border-orange-400 {
  --border-opacity: 1;
  border-color: #f08900;
  border-color: rgba(240, 137, 0, var(--border-opacity)); }

.tw-border-green-400 {
  --border-opacity: 1;
  border-color: #00c4b3;
  border-color: rgba(0, 196, 179, var(--border-opacity)); }

.tw-border-blue-300 {
  --border-opacity: 1;
  border-color: #7692dd;
  border-color: rgba(118, 146, 221, var(--border-opacity)); }

.tw-border-blue-500 {
  --border-opacity: 1;
  border-color: #1e3bb1;
  border-color: rgba(30, 59, 177, var(--border-opacity)); }

.tw-rounded-lg {
  border-radius: .5rem; }

.tw-rounded-full {
  border-radius: 9999px; }

.tw-rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem; }

.tw-border-solid {
  border-style: solid; }

.tw-border {
  border-width: 1px; }

.tw-border-r-0 {
  border-right-width: 0; }

.tw-border-b-0 {
  border-bottom-width: 0; }

.tw-border-l-0 {
  border-left-width: 0; }

.tw-border-t-4 {
  border-top-width: 4px; }

.tw-border-t {
  border-top-width: 1px; }

.tw-block {
  display: block; }

.tw-inline-block {
  display: inline-block; }

.tw-flex {
  display: flex; }

.tw-hidden {
  display: none; }

.tw-flex-col {
  flex-direction: column; }

.tw-flex-wrap {
  flex-wrap: wrap; }

.tw-items-center {
  align-items: center; }

.tw-justify-center {
  justify-content: center; }

.tw-flex-grow {
  flex-grow: 1; }

.tw-flex-shrink-0 {
  flex-shrink: 0; }

.tw-h-1 {
  height: .25rem; }

.tw-h-6 {
  height: 1.5rem; }

.tw-h-full {
  height: 100%; }

.tw-text-xl {
  font-size: 1.25rem; }

.tw-text-3xl {
  font-size: 1.875rem; }

.tw-leading-8 {
  line-height: 2rem; }

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto; }

.tw--mx-2 {
  margin-left: -.5rem;
  margin-right: -.5rem; }

.tw-mb-0 {
  margin-bottom: 0; }

.tw-mt-2 {
  margin-top: .5rem; }

.tw-mr-2 {
  margin-right: .5rem; }

.tw-ml-2 {
  margin-left: .5rem; }

.tw-mt-3 {
  margin-top: .75rem; }

.tw-mt-4 {
  margin-top: 1rem; }

.tw-mr-4 {
  margin-right: 1rem; }

.tw-mb-4 {
  margin-bottom: 1rem; }

.tw-mb-6 {
  margin-bottom: 1.5rem; }

.tw-ml-auto {
  margin-left: auto; }

.tw-min-h-full {
  min-height: 100%; }

.hover\:tw-opacity-75:hover {
  opacity: .75; }

.focus\:tw-opacity-75:focus {
  opacity: .75; }

.tw-overflow-hidden {
  overflow: hidden; }

.tw-overflow-y-auto {
  overflow-y: auto; }

.tw-p-2 {
  padding: .5rem; }

.tw-p-4 {
  padding: 1rem; }

.tw-px-2 {
  padding-left: .5rem;
  padding-right: .5rem; }

.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem; }

.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.tw-pt-1 {
  padding-top: .25rem; }

.tw-pl-2 {
  padding-left: .5rem; }

.tw-pr-3 {
  padding-right: .75rem; }

.tw-pt-4 {
  padding-top: 1rem; }

.tw-pr-4 {
  padding-right: 1rem; }

.tw-pl-5 {
  padding-left: 1.25rem; }

.tw-pt-8 {
  padding-top: 2rem; }

.tw-pb-16 {
  padding-bottom: 4rem; }

.tw-pl-16 {
  padding-left: 4rem; }

.tw-absolute {
  position: absolute; }

.tw-relative {
  position: relative; }

.tw-top-0 {
  top: 0; }

.tw-right-0 {
  right: 0; }

.tw-left-0 {
  left: 0; }

.tw-shadow-lg {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6); }

.tw-shadow-xl {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.6); }

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

.tw-text-white {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity)); }

.tw-text-orange-400 {
  --text-opacity: 1;
  color: #f08900;
  color: rgba(240, 137, 0, var(--text-opacity)); }

.tw-text-green-400 {
  --text-opacity: 1;
  color: #00c4b3;
  color: rgba(0, 196, 179, var(--text-opacity)); }

.tw-text-blue-300 {
  --text-opacity: 1;
  color: #7692dd;
  color: rgba(118, 146, 221, var(--text-opacity)); }

.tw-text-blue-500 {
  --text-opacity: 1;
  color: #1e3bb1;
  color: rgba(30, 59, 177, var(--text-opacity)); }

.tw-text-blue-800 {
  --text-opacity: 1;
  color: #011b2b;
  color: rgba(1, 27, 43, var(--text-opacity)); }

.hover\:tw-text-blue-500:hover {
  --text-opacity: 1;
  color: #1e3bb1;
  color: rgba(30, 59, 177, var(--text-opacity)); }

.focus\:tw-text-blue-500:focus {
  --text-opacity: 1;
  color: #1e3bb1;
  color: rgba(30, 59, 177, var(--text-opacity)); }

.tw-underline {
  text-decoration: underline; }

.hover\:tw-no-underline:hover {
  text-decoration: none; }

.focus\:tw-no-underline:focus {
  text-decoration: none; }

.tw-w-6 {
  width: 1.5rem; }

.tw-w-20 {
  width: 5rem; }

.tw-w-full {
  width: 100%; }

.tw-z-8 {
  z-index: 8; }

.tw-z-9 {
  z-index: 9; }

.tw-z-10 {
  z-index: 10; }

.tw-z-20 {
  z-index: 20; }

.tw-transition-opacity {
  transition-property: opacity; }

.tw-duration-200 {
  transition-duration: .2s; }

@-webkit-keyframes spin {
  to {
    transform: rotate(1turn); } }

@keyframes spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes ping {
  to {
    transform: scale(2);
    opacity: 0; } }

@keyframes ping {
  75%, to {
    transform: scale(2);
    opacity: 0; } }

@keyframes pulse {
  50% {
    opacity: .5; } }

@-webkit-keyframes bounce {
  to {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } }

@keyframes bounce {
  0%, to {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }

@media (min-width: 768px) {
  .md\:tw-rounded-lg {
    border-radius: .5rem; }
  .md\:tw-border-t-8 {
    border-top-width: 8px; }
  .md\:tw-block {
    display: block; }
  .md\:tw-flex {
    display: flex; }
  .md\:tw-hidden {
    display: none; }
  .md\:tw-flex-wrap {
    flex-wrap: wrap; }
  .md\:tw-items-center {
    align-items: center; }
  .md\:tw-justify-center {
    justify-content: center; }
  .md\:tw-flex-shrink-0 {
    flex-shrink: 0; }
  .md\:tw-text-lg {
    font-size: 1.125rem; }
  .md\:tw-text-2xl {
    font-size: 1.5rem; }
  .md\:tw-text-3xl {
    font-size: 1.875rem; }
  .md\:tw-text-4xl {
    font-size: 2.25rem; }
  .md\:tw-text-6xl {
    font-size: 4rem; }
  .md\:tw-leading-6 {
    line-height: 1.5rem; }
  .md\:tw-mx-4 {
    margin-left: 1rem;
    margin-right: 1rem; }
  .md\:tw-mx-auto {
    margin-left: auto;
    margin-right: auto; }
  .md\:tw--mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem; }
  .md\:tw-mt-0 {
    margin-top: 0; }
  .md\:tw-mb-0 {
    margin-bottom: 0; }
  .md\:tw-mt-4 {
    margin-top: 1rem; }
  .md\:tw-mr-4 {
    margin-right: 1rem; }
  .md\:tw-mb-4 {
    margin-bottom: 1rem; }
  .md\:tw-mb-6 {
    margin-bottom: 1.5rem; }
  .md\:tw-mt-8 {
    margin-top: 2rem; }
  .md\:tw-mb-8 {
    margin-bottom: 2rem; }
  .md\:tw-ml-auto {
    margin-left: auto; }
  .md\:tw-p-8 {
    padding: 2rem; }
  .md\:tw-px-0 {
    padding-left: 0;
    padding-right: 0; }
  .md\:tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem; }
  .md\:tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem; }
  .md\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .md\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem; }
  .md\:tw-pt-0 {
    padding-top: 0; }
  .md\:tw-pr-0 {
    padding-right: 0; }
  .md\:tw-pl-0 {
    padding-left: 0; }
  .md\:tw-pl-4 {
    padding-left: 1rem; }
  .md\:tw-pt-8 {
    padding-top: 2rem; }
  .md\:tw-pr-8 {
    padding-right: 2rem; }
  .md\:tw-pl-8 {
    padding-left: 2rem; }
  .md\:tw-pt-16 {
    padding-top: 4rem; }
  .md\:tw-text-center {
    text-align: center; }
  .md\:tw-w-1\/2 {
    width: 50%; }
  .md\:tw-w-1\/3 {
    width: 33.333333%; }
  .md\:tw-w-2\/3 {
    width: 66.666667%; }
  .md\:tw-w-3\/4 {
    width: 75%; }
  .md\:tw-w-3\/5 {
    width: 60%; }
  .md\:tw-w-4\/5 {
    width: 80%; }
  .md\:tw-w-1\/10 {
    width: 10%; } }

@media (min-width: 1024px) {
  .lg\:tw-flex {
    display: flex; }
  .lg\:tw-items-center {
    align-items: center; }
  .lg\:tw-mx-8 {
    margin-left: 2rem;
    margin-right: 2rem; }
  .lg\:tw--mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem; }
  .lg\:tw-mb-0 {
    margin-bottom: 0; }
  .lg\:tw-mb-6 {
    margin-bottom: 1.5rem; }
  .lg\:tw-mb-8 {
    margin-bottom: 2rem; }
  .lg\:tw-ml-auto {
    margin-left: auto; }
  .lg\:tw-px-2 {
    padding-left: .5rem;
    padding-right: .5rem; }
  .lg\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem; }
  .lg\:tw-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  .lg\:tw-px-24 {
    padding-left: 6rem;
    padding-right: 6rem; }
  .lg\:tw-pt-16 {
    padding-top: 4rem; }
  .lg\:tw-w-1\/2 {
    width: 50%; }
  .lg\:tw-w-1\/4 {
    width: 25%; } }

@media (min-width: 1280px) {
  .xl\:tw-mx-16 {
    margin-left: 4rem;
    margin-right: 4rem; }
  .xl\:tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem; }
  .xl\:tw-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  .xl\:tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem; }
  .xl\:tw-pt-16 {
    padding-top: 4rem; }
  .xl\:tw-pr-16 {
    padding-right: 4rem; }
  .xl\:tw-w-3\/5 {
    width: 60%; } }

#esg_trends2021_1 {
  height: auto;
  font-family: 'Roboto', sans-serif;
  color: #011b2b;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 40px;
  /*COLOURS*/
  /*----------THERMOMETER----------------*/
  /*-----------Options------------*/
  /*-----------Action-------------*/
  /*------------POPUP--------------*/
  /*-------------ANIMATion-------------------*/
  /*----------------MEDIA SIZES--------------*/ }
  #esg_trends2021_1 h5 {
    font-size: 1.6rem;
    font-weight: 700; }
  #esg_trends2021_1 h6 {
    font-size: 1.2rem;
    font-weight: 700; }
  #esg_trends2021_1 .right {
    float: right;
    display: inline-block; }
  #esg_trends2021_1 .daintree-bg {
    background-color: #011b2b; }
  #esg_trends2021_1 .daintree_1-bg {
    background-color: #011b2b; }
  #esg_trends2021_1 .daintree_2-bg {
    background-color: rgba(1, 27, 43, 0.6); }
  #esg_trends2021_1 .daintree_3-bg {
    background-color: rgba(1, 27, 43, 0.1); }
  #esg_trends2021_1 .jade_1-bg {
    background-color: rgba(0, 148, 94, 0.6); }
  #esg_trends2021_1 .jade_2-bg {
    background-color: rgba(0, 148, 94, 0.4); }
  #esg_trends2021_1 .jade_3-bg {
    background-color: rgba(0, 148, 94, 0.2); }
  #esg_trends2021_1 .carnation_1-bg {
    background-color: rgba(228, 66, 97, 0.6); }
  #esg_trends2021_1 .carnation_2-bg {
    background-color: rgba(228, 66, 97, 0.4); }
  #esg_trends2021_1 .carnation_3-bg {
    background-color: rgba(228, 66, 97, 0.2); }
  #esg_trends2021_1 .turquoise_0-bg {
    background-color: #00c4b3; }
  #esg_trends2021_1 .turquoise_1-bg {
    background-color: rgba(0, 196, 179, 0.6); }
  #esg_trends2021_1 .turquoise_2-bg {
    background-color: rgba(0, 196, 179, 0.4); }
  #esg_trends2021_1 .turquoise_3-bg {
    background-color: rgba(0, 196, 179, 0.2); }
  #esg_trends2021_1 .marigold_0-bg {
    background-color: #ffc62d; }
  #esg_trends2021_1 .marigold_1-bg {
    background-color: rgba(255, 198, 45, 0.6); }
  #esg_trends2021_1 .marigold_2-bg {
    background-color: rgba(255, 198, 45, 0.4); }
  #esg_trends2021_1 .marigold_3-bg {
    background-color: rgba(255, 198, 45, 0.2); }
  #esg_trends2021_1 .smokey-blue_0-bg {
    background-color: #0626a9; }
  #esg_trends2021_1 .smokey-blue_1-bg {
    background-color: rgba(6, 38, 169, 0.5); }
  #esg_trends2021_1 .smokey-blue_2-bg {
    background-color: rgba(6, 38, 169, 0.3); }
  #esg_trends2021_1 .smokey-blue_3-bg {
    background-color: rgba(6, 38, 169, 0.1); }
  #esg_trends2021_1 .moody-blue_0-bg {
    background-color: #6c7bd3; }
  #esg_trends2021_1 .moody-blue_1-bg {
    background-color: rgba(108, 123, 211, 0.5); }
  #esg_trends2021_1 .moody-blue_2-bg {
    background-color: rgba(108, 123, 211, 0.3); }
  #esg_trends2021_1 .moody-blue_3-bg {
    background-color: rgba(108, 123, 211, 0.1); }
  #esg_trends2021_1 .white-text {
    color: #fff; }
  #esg_trends2021_1 #thermometer {
    text-align: center;
    position: relative;
    margin-top: 40px; }
  #esg_trends2021_1 #thermometer svg {
    height: 600px;
    margin: 0 auto; }
  #esg_trends2021_1 #thermometer svg #thermo-bulb, #esg_trends2021_1 #thermometer svg #thermo-bar {
    transition: fill .4s ease; }
  #esg_trends2021_1 #thermometer svg.amber #thermo-bulb, #esg_trends2021_1 #thermometer svg.amber #thermo-bar {
    fill: #f08900 !important; }
  #esg_trends2021_1 #thermometer svg.yellow #thermo-bulb, #esg_trends2021_1 #thermometer svg.yellow #thermo-bar {
    fill: #ffc62d !important; }
  #esg_trends2021_1 #thermometer svg.green #thermo-bulb, #esg_trends2021_1 #thermometer svg.green #thermo-bar {
    fill: #00c4b3 !important; }
  #esg_trends2021_1 #thermometer svg.lightblue #thermo-bulb, #esg_trends2021_1 #thermometer svg.lightblue #thermo-bar {
    fill: #5987da !important; }
  #esg_trends2021_1 #thermometer #temp-slider-line {
    height: 300px;
    position: absolute;
    left: 0;
    top: 50px;
    width: 50px; }
  #esg_trends2021_1 #thermometer #temp-slider {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    cursor: move; }
  #esg_trends2021_1 #thermometer #temp-slider:before {
    content: '\F062';
    font-family: 'Fontawesome';
    position: absolute;
    top: -26px;
    left: 5px;
    color: #aaa;
    animation: blink 0.6s cubic-bezier(0.5, 0, 1, 1) infinite alternate; }
  #esg_trends2021_1 #thermometer #temp-slider:after {
    content: '\F063';
    font-family: 'Fontawesome';
    position: absolute;
    bottom: -24px;
    left: 5px;
    color: #aaa;
    animation: blink 0.6s cubic-bezier(0.5, 0, 1, 1) infinite alternate; }
  #esg_trends2021_1 #thermometer #temp-slider:hover:after, #esg_trends2021_1 #thermometer #temp-slider:hover:before {
    color: #011b2b; }
  #esg_trends2021_1 #thermometer #temp-slider svg {
    width: 100%;
    height: 100%; }
  #esg_trends2021_1 #thermometer #temp-slider svg:hover {
    fill: #0626a9; }
  #esg_trends2021_1 #thermometer #temp-scale {
    height: 300px;
    position: absolute;
    left: 52px;
    top: 50px;
    width: 48px; }
  #esg_trends2021_1 #thermometer #temp-scale .temp-mark {
    height: 80px;
    width: 100%;
    cursor: pointer;
    position: relative; }
  #esg_trends2021_1 #thermometer #temp-scale .temp-mark:after {
    content: '';
    height: 2px;
    background: #011b2b;
    position: absolute;
    top: 18px;
    width: 100%;
    left: 2px; }
  #esg_trends2021_1 #thermometer #temp-scale .temp-dot {
    position: absolute;
    top: 12px;
    left: -10px; }
  #esg_trends2021_1 #thermometer #temp-scale .dot {
    width: 12px;
    height: 12px;
    background-color: #011b2b;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
  #esg_trends2021_1 #thermometer #temp-scale .pulse {
    border: 3px solid #011b2b;
    -webkit-border-radius: 22px;
    height: 22px;
    width: 22px;
    position: absolute;
    left: -5px;
    top: -5px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0; }
  #esg_trends2021_1 #temp-num {
    position: absolute;
    bottom: 12px;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 50px;
    font-weight: 700;
    font-size: 24px; }
  #esg_trends2021_1 #challenges .card {
    margin: 5px 0;
    background: #fff;
    border: 2px #011b2b solid;
    color: #011b2b;
    height: calc(33.3333% - 17px);
    min-height: 100px; }
  #esg_trends2021_1 #challenges .card.active {
    display: block; }
  #esg_trends2021_1 .option-desc {
    line-height: 17px; }
  #esg_trends2021_1 .option-graph {
    height: 100px;
    width: 100%;
    position: relative;
    margin: 0 0 20px 0; }
  #esg_trends2021_1 #actions {
    height: 610px; }
  #esg_trends2021_1 #actions .card {
    height: 100%; }
  #esg_trends2021_1 #action-graph {
    height: 200px;
    width: 100%;
    margin: 20px 0; }
  #esg_trends2021_1 #action-list {
    padding-left: 15px; }
  #esg_trends2021_1 #action-list li {
    padding: 10px 0 10px 60px;
    list-style: none;
    border-bottom: 1px #ddd solid;
    position: relative;
    min-height: 40px; }
  #esg_trends2021_1 .divest-label {
    font-size: 17px; }
  #esg_trends2021_1 #action-list li:before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background-repeat: no-repeat; }
  #esg_trends2021_1 #action-list .highlight {
    background: none; }
  #esg_trends2021_1 #action-list.highlight-1 .highlight {
    color: #f08900;
    font-weight: 800; }
  #esg_trends2021_1 #action-list.highlight-2 .highlight {
    color: #ffc62d;
    font-weight: 800; }
  #esg_trends2021_1 #action-list.highlight-3 .highlight {
    color: #00c4b3;
    font-weight: 800; }
  #esg_trends2021_1 #action-list.highlight-4 .highlight {
    color: #5987da;
    font-weight: 800; }
  #esg_trends2021_1 #action-list li:nth-child(1):before {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 195.03 182.78'%3E%3Cg%3E%3Cpath d='M159,139a7,7,0,0,0-7.23,5.11c-.46,1.43-.69,3.38-.69,9s.23,7.52.69,9a7.71,7.71,0,0,0,14.52,0c.46-1.44.69-3.45.69-9s-.23-7.52-.69-9A7.06,7.06,0,0,0,159,139Z' transform='translate(-58.16 -11.78)' style='fill: %23fff'/%3E%3Cpath d='M211.49,133.06c-.33,0-.65,0-1,.05.05-.73.11-1.45.11-2.2a31,31,0,0,0-48-25.95A39.64,39.64,0,0,0,90.8,135.13c-.44,0-.87-.07-1.31-.07a29.75,29.75,0,0,0-3.07,59.34,10.79,10.79,0,0,0,1.72.14H211.49c17.13,0,31-13.34,31-30.47A31,31,0,0,0,211.49,133.06Zm-94.44,28.86c1.09,3.16,3.27,5.17,7,5.17s6-2.3,7.29-5.06a.52.52,0,0,1,.75-.28L137,164.1a.51.51,0,0,1,.29.69c-2.24,5.17-6.95,8.38-13.21,8.38-6.6,0-11.53-3.21-13.54-9.59-.81-2.41-1-4.36-1-10.56s.23-8.15,1-10.56c2-6.37,6.94-9.59,13.54-9.59,6.26,0,11,3.22,13.21,8.39a.5.5,0,0,1-.29.68l-4.88,2.36a.52.52,0,0,1-.75-.29c-1.26-2.75-3.44-5-7.29-5s-5.91,2-7,5.16c-.52,1.61-.69,3.16-.69,8.9S116.53,160.31,117.05,161.92Zm55.8,1.84c-2,6.2-7.06,9.41-13.84,9.41s-11.76-3.21-13.77-9.41c-.81-2.41-1-4.6-1-10.74s.23-8.32,1-10.73c2-6.2,7.06-9.42,13.77-9.42s11.83,3.22,13.84,9.42c.8,2.41,1,4.59,1,10.73S173.65,161.35,172.85,163.76Zm23-11.37a.54.54,0,0,1,.57.58v3.27a.54.54,0,0,1-.57.57H181.75a.54.54,0,0,1-.58-.57V153a1.15,1.15,0,0,1,.35-.81l8.26-9.07a5,5,0,0,0,1.55-3.15,2.29,2.29,0,0,0-2.47-2.47,2.61,2.61,0,0,0-2.81,2.41.51.51,0,0,1-.63.46l-3.73-.81a.5.5,0,0,1-.46-.63c.29-2.35,2.7-5.85,7.69-5.85,4.54,0,7.46,3,7.46,6.89a8.07,8.07,0,0,1-2.52,5.73l-6.26,6.66v.06Z' transform='translate(-58.16 -11.78)' style='fill: %23fff'/%3E%3Ccircle cx='9.47' cy='88.32' r='9.47' style='fill: %23fff'/%3E%3Ccircle cx='108.06' cy='62.84' r='9.47' transform='translate(-70.94 83.04) rotate(-45)' style='fill: %23fff'/%3E%3Ccircle cx='72.81' cy='21.25' r='9.47' transform='translate(-61.09 5.52) rotate(-13.28)' style='fill: %23fff'/%3E%3Ccircle cx='179.25' cy='69.98' r='11.18' transform='translate(-55.14 135.47) rotate(-45)' style='fill: %23fff'/%3E%3Ccircle cx='243.72' cy='114.01' r='9.47' transform='translate(-77.83 47.27) rotate(-13.28)' style='fill: %23fff'/%3E%3Ccircle cx='223.46' cy='22.14' r='9.47' transform='translate(-8.36 152.72) rotate(-45)' style='fill: %23fff'/%3E%3C/g%3E%3C/svg%3E "); }
  #esg_trends2021_1 #action-list li:nth-child(2):before {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 166.27 192.19'%3E%3Cg%3E%3Cpath d='M110.42,56.78a11.77,11.77,0,0,0,6.62-2,23.61,23.61,0,0,0,36.31,3A15.71,15.71,0,0,0,180,56.21a15.49,15.49,0,0,0,4.79.75,15.72,15.72,0,1,0-5.2-30.53A15.71,15.71,0,1,0,148.68,21,23.58,23.58,0,0,0,114,33.76a11.56,11.56,0,0,0-3.59-.62,11.82,11.82,0,0,0,0,23.64Z' transform='translate(-72.8 -6.95)' style='fill: %23fff'/%3E%3Cpath d='M79.08,96.82a6,6,0,0,0,3.38-1A12.07,12.07,0,0,0,101,97.32a8,8,0,0,0,13.59-.79,7.9,7.9,0,0,0,2.45.38,8,8,0,1,0-2.66-15.6,8,8,0,1,0-15.77-2.75,12.05,12.05,0,0,0-17.71,6.5,6,6,0,0,0-1.84-.31,6,6,0,1,0,0,12.07Z' transform='translate(-72.8 -6.95)' style='fill: %23fff'/%3E%3Cpath d='M238,129h-5.66a1,1,0,0,1-1-1L225.71,26.18a1,1,0,0,0-1-1H212.43a1,1,0,0,0-1,.95l-7.9,101.15a1,1,0,0,1-1,.95H194.9a1.1,1.1,0,0,1-.51-.13L168.16,113a1,1,0,0,0-1.54.86l-.3,12.22a1,1,0,0,1-1.55.86l-28-16.57a1,1,0,0,0-1.56.89v15.13a1,1,0,0,1-1.56.88l-28.25-17.23a1,1,0,0,0-1.56.9l.31,15.1a1,1,0,0,1-1.54.92L74.33,111.11a1,1,0,0,0-1.53.9v86.1a1,1,0,0,0,1,1H238a1,1,0,0,0,1-1V130.06A1,1,0,0,0,238,129ZM115,167.16a1.48,1.48,0,0,1-1.49,1.49H80.33a1.48,1.48,0,0,1-1.49-1.49V158a1.48,1.48,0,0,1,1.49-1.49h33.2A1.48,1.48,0,0,1,115,158ZM115,152a1.49,1.49,0,0,1-1.49,1.5H80.33a1.49,1.49,0,0,1-1.49-1.5v-9.19a1.48,1.48,0,0,1,1.49-1.49h33.2a1.48,1.48,0,0,1,1.49,1.49Zm38.9,15.19a1.48,1.48,0,0,1-1.49,1.49h-33.2a1.48,1.48,0,0,1-1.49-1.49V158a1.48,1.48,0,0,1,1.49-1.49h33.2a1.48,1.48,0,0,1,1.49,1.49Zm0-15.19a1.49,1.49,0,0,1-1.49,1.5h-33.2a1.49,1.49,0,0,1-1.49-1.5v-9.19a1.48,1.48,0,0,1,1.49-1.49h33.2a1.48,1.48,0,0,1,1.49,1.49Zm38.9,15.19a1.49,1.49,0,0,1-1.49,1.49h-33.2a1.49,1.49,0,0,1-1.5-1.49V158a1.49,1.49,0,0,1,1.5-1.49h33.2a1.49,1.49,0,0,1,1.49,1.49Zm0-15.19a1.5,1.5,0,0,1-1.49,1.5h-33.2a1.5,1.5,0,0,1-1.5-1.5v-9.19a1.49,1.49,0,0,1,1.5-1.49h33.2a1.49,1.49,0,0,1,1.49,1.49Zm38.9,15.19a1.49,1.49,0,0,1-1.49,1.49H197a1.49,1.49,0,0,1-1.49-1.49V158a1.49,1.49,0,0,1,1.49-1.49h33.21a1.49,1.49,0,0,1,1.49,1.49Zm0-15.19a1.5,1.5,0,0,1-1.49,1.5H197a1.5,1.5,0,0,1-1.49-1.5v-9.19a1.49,1.49,0,0,1,1.49-1.49h33.21a1.49,1.49,0,0,1,1.49,1.49Z' transform='translate(-72.8 -6.95)' style='fill: %23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  #esg_trends2021_1 #action-list li:nth-child(3):before {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.04 192.05'%3E%3Cg%3E%3Cpath d='M130.54,100.88c1.33-.8,2.65-1.66,4.13-2.72a.6.6,0,0,0,.08-.08,8.84,8.84,0,0,0,10.92.16c1.44,1,2.72,1.86,4,2.64,1.78,1.1,3.76,2.2,5.85,3.25a57.44,57.44,0,0,0,6.87,3,77.8,77.8,0,0,0,7.73,2.16c2.18.53,5,1.23,7.91,2l4,1.14c3.85,1.11,7.83,2.25,11.57,3.23,4.37,1.19,8.51,2.25,12.17,3.19l1.48.39c7.93,2,13.37,3.25,13.42,3.26a.9.9,0,0,0,.23,0,1,1,0,0,0,.92-.61l.47-1.1a1,1,0,0,0-.45-1.31s-4.93-2.59-12.18-6.17l-1.16-.57c-3.41-1.67-7.27-3.56-11.41-5.51-3.47-1.69-7.25-3.4-10.89-5.06l-3.64-1.66c-2.65-1.21-5.27-2.53-7.26-3.55a74.35,74.35,0,0,0-7.23-3.35,56.76,56.76,0,0,0-7.19-2.18c-2.23-.56-4.48-1-6.66-1.37-1.53-.26-3.1-.46-4.93-.64h-.12l-.06,0A9,9,0,0,0,145,83.4a.89.89,0,0,0,.14-.25c.5-1.69.87-3.16,1.17-4.61.45-2.06.81-4.22,1.08-6.39a50.41,50.41,0,0,0,.47-7.18,66.32,66.32,0,0,0-.65-7.66c-.27-2.13-.62-4.93-.84-7.73-.11-1.28-.2-2.56-.3-3.83-.3-3.84-.61-7.81-1-11.52-.41-4.37-.86-8.49-1.26-12.12l-.13-1.24c-.88-7.75-1.62-13-1.63-13.07a1,1,0,0,0-1-.87h-1.25a1,1,0,0,0-1,.86c0,.06-.77,5.32-1.68,13.06L137,22.31c-.41,3.57-.87,7.62-1.29,11.92-.4,3.66-.73,7.6-1,11.41-.11,1.3-.21,2.61-.32,3.91-.25,2.84-.6,5.62-.88,7.73a69.46,69.46,0,0,0-.69,7.65,51.73,51.73,0,0,0,.44,7.2c.28,2.25.63,4.4,1.06,6.4.3,1.47.67,3,1.17,4.67a1.08,1.08,0,0,0,.12.24,9,9,0,0,0-4,6.15.93.93,0,0,0-.43-.12H131c-1.83.18-3.4.38-4.93.64-2.18.35-4.43.81-6.66,1.37a56.76,56.76,0,0,0-7.19,2.18A75.55,75.55,0,0,0,104.94,97c-2,1-4.6,2.34-7.26,3.55l-3.63,1.66c-3.65,1.66-7.42,3.37-10.89,5.06-4.14,1.95-8,3.84-11.41,5.51l-1.16.57c-7.25,3.58-12.13,6.14-12.18,6.17a1,1,0,0,0-.46,1.31l.48,1.1a1,1,0,0,0,.92.61.9.9,0,0,0,.23,0c.05,0,5.49-1.25,13.42-3.26l1.48-.39c3.66-.94,7.8-2,12.17-3.19,3.74-1,7.72-2.12,11.57-3.23l4-1.14c2.87-.81,5.73-1.51,7.91-2a77.8,77.8,0,0,0,7.73-2.16,57.44,57.44,0,0,0,6.87-3C126.78,103.08,128.76,102,130.54,100.88Z' transform='translate(-57.87 -6.93)' style='fill: %23fff'/%3E%3Cpath d='M155.25,186.52h-6.7l-4-81.4a1,1,0,0,0-.39-.75,1,1,0,0,0-.62-.22l-.19,0h-6l-.2,0a1,1,0,0,0-.62.22,1,1,0,0,0-.39.75l-4,81.4h-6.61a3.14,3.14,0,0,0-3.12,3.15V198a1,1,0,0,0,1,1h33.93a1,1,0,0,0,1-1v-8.38A3.05,3.05,0,0,0,155.25,186.52Z' transform='translate(-57.87 -6.93)' style='fill: %23fff'/%3E%3Cpath d='M213.24,191.43h-4.06l-2.45-48.71a.59.59,0,0,0-.23-.46.64.64,0,0,0-.37-.13h-3.89a.62.62,0,0,0-.61.59l-2.44,48.71h-4a1.9,1.9,0,0,0-1.89,1.91v5a.61.61,0,0,0,.61.62h20.57a.62.62,0,0,0,.61-.62v-5.08A1.85,1.85,0,0,0,213.24,191.43Z' transform='translate(-57.87 -6.93)' style='fill: %23fff'/%3E%3Cpath d='M253.59,150.81s-3-1.57-7.39-3.74l-.7-.35c-2.06-1-4.4-2.16-6.91-3.34-2.11-1-4.39-2.06-6.6-3.07l-2.21-1c-1.61-.73-3.19-1.54-4.4-2.15a45.45,45.45,0,0,0-4.38-2,36.3,36.3,0,0,0-4.36-1.33c-1.35-.33-2.71-.61-4-.82-.93-.16-1.88-.29-3-.39h-.1A5.47,5.47,0,0,0,207,128.9a.71.71,0,0,0,.08-.15c.3-1,.52-1.91.71-2.79a30.13,30.13,0,0,0,.65-3.25c0-.16,0-.33.05-.49L199.64,120c0,.91.11,1.83.23,2.75a28.34,28.34,0,0,0,.64,3.25c.18.89.41,1.8.71,2.83a.69.69,0,0,0,.07.15,5.47,5.47,0,0,0-2.44,3.72.59.59,0,0,0-.26-.07h-.07c-1.11.1-2.06.23-3,.39-1.33.21-2.69.49-4,.82a36.3,36.3,0,0,0-4.36,1.33,45.45,45.45,0,0,0-4.38,2c-1.21.61-2.79,1.42-4.4,2.15l-2.21,1c-2.21,1-4.49,2.05-6.6,3.07-2.51,1.18-4.85,2.33-6.91,3.34l-.7.35c-4.4,2.17-7.36,3.72-7.39,3.74a.61.61,0,0,0-.27.79l.28.67a.61.61,0,0,0,.56.37h.14s3.33-.76,8.13-2l.9-.23c2.22-.57,4.73-1.22,7.38-1.94,2.26-.59,4.68-1.29,7-2l2.4-.69c1.74-.49,3.48-.92,4.79-1.23a47.25,47.25,0,0,0,4.69-1.32,34.45,34.45,0,0,0,4.16-1.81c1.27-.64,2.47-1.3,3.55-2,.81-.49,1.61-1,2.51-1.65,0,0,0,0,0,0a5.34,5.34,0,0,0,6.62.1c.87.61,1.65,1.13,2.44,1.6,1.08.67,2.28,1.33,3.55,2a34.45,34.45,0,0,0,4.16,1.81,47.25,47.25,0,0,0,4.69,1.32c1.32.31,3,.74,4.79,1.23l2.4.69c2.33.67,4.75,1.37,7,2,2.65.72,5.16,1.37,7.38,1.94l.9.23c4.8,1.22,8.1,2,8.13,2H253a.61.61,0,0,0,.56-.37l.29-.67A.63.63,0,0,0,253.59,150.81Z' transform='translate(-57.87 -6.93)' style='fill: %23fff'/%3E%3Cpath d='M207.68,103.38c-.18-2.32-.37-4.73-.61-7-.25-2.65-.52-5.14-.76-7.35l-.08-.75c-.53-4.7-1-7.89-1-7.92a.61.61,0,0,0-.6-.53h-.76a.62.62,0,0,0-.61.53s-.46,3.22-1,7.91l-.1.88c-.25,2.17-.53,4.62-.78,7.23-.25,2.22-.44,4.61-.63,6.92-.07.78-.13,1.88-.2,2.68l7.58,3.55S207.74,104.16,207.68,103.38Z' transform='translate(-57.87 -6.93)' style='fill: %23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  #esg_trends2021_1 #action-list li:nth-child(4):before {
    background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256,192,320,64H272L256,0,192,128h48Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3Cpath d='M473.41,229.32,437.5,109.63A63.62,63.62,0,0,0,376.19,64H352v64h24.19L405,224H107l28.8-96H160V64H135.81A63.62,63.62,0,0,0,74.5,109.63L38.59,229.32A64,64,0,0,0,0,288V416a32,32,0,0,0,32,32h0v32a32,32,0,0,0,32,32H96a32,32,0,0,0,32-32V448H384v32a32,32,0,0,0,32,32h32a32,32,0,0,0,32-32V448h0a32,32,0,0,0,32-32V288a64,64,0,0,0-38.59-58.68ZM128,368a32,32,0,1,1,32-32A32,32,0,0,1,128,368Zm256,0a32,32,0,1,1,32-32A32,32,0,0,1,384,368Z' transform='translate(0 0)' style='fill: %23fff'/%3E%3C/svg%3E%0A"); }
  #esg_trends2021_1 .popup-info {
    cursor: help; }
  #esg_trends2021_1 .block-popup {
    height: auto;
    width: 80%;
    position: absolute;
    bottom: 0;
    display: none;
    left: 10%;
    opacity: 0;
    background: white;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
    z-index: 10000; }
  #esg_trends2021_1 .block-popup__arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden; }
  #esg_trends2021_1 .block-popup__arrow.arrow-center {
    left: 50%; }
  #esg_trends2021_1 .block-popup__arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 0;
    left: 50%;
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.6); }
  #esg_trends2021_1 .block-popup-inner {
    padding: 30px 20px 20px;
    color: #000;
    text-align: left;
    line-height: 1rem;
    font-size: 13px; }
  #esg_trends2021_1 .block-popup-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 10px 0; }

@keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }
  @media (max-width: 1200px) {
    #esg_trends2021_1 #thermometer-wrapper {
      height: 150px; }
    #esg_trends2021_1 #thermometer {
      text-align: left;
      padding-left: 28px;
      position: absolute;
      top: -250px;
      left: 50%;
      transform: rotate(270deg);
      margin-left: -50px; }
    #esg_trends2021_1 #temp-slider-line {
      display: none; }
    #esg_trends2021_1 #temp-num {
      margin-left: -15px;
      left: auto;
      transform: rotate(90deg);
      bottom: 22px; }
    #esg_trends2021_1 #actions, #esg_trends2021_1 #actions .card {
      height: auto; }
    #esg_trends2021_1 #challenges {
      margin-top: 20px; } }
  @media (max-width: 600px) {
    #esg_trends2021_1 #thermometer {
      -webkit-transform: scale(0.6) rotate(270deg);
      -moz-transform: scale(0.6) rotate(270deg);
      -ms-transform: scale(0.6) rotate(270deg);
      transform: scale(0.6) rotate(270deg);
      margin-left: -70px; } }

#esg_trends2021_2 {
  position: relative;
  width: 100%;
  padding: 0 10px; }
  #esg_trends2021_2 .right {
    float: right; }
  #esg_trends2021_2 h1 {
    font-weight: 700;
    font-size: 2.5rem; }
  #esg_trends2021_2 h2 {
    font-family: 'Roboto Regular',sans-serif;
    font-size: 16px;
    font-weight: 500;
    min-width: 320px;
    margin-bottom: 0; }
  #esg_trends2021_2 h3 {
    font-family: 'Roboto Regular',sans-serif;
    font-size: 20px;
    margin: 20px 0; }
  #esg_trends2021_2 h5 {
    font-size: 1.25rem;
    font-family: "Roboto Regular", sans-serif; }
  #esg_trends2021_2 .highcharts-figure #container {
    min-height: 500px; }
  #esg_trends2021_2 #graphic {
    position: relative; }
  #esg_trends2021_2 #graph-titles {
    position: relative;
    height: 20px;
    width: 100%; }
  #esg_trends2021_2 #graph-titles div {
    position: absolute;
    font-weight: 800;
    font-size: 18px; }
  #esg_trends2021_2 .chart-box {
    background: #f1f1f1;
    padding: 20px;
    border: 2px #fff solid; }
  #esg_trends2021_2 .chart-box .circle-caption {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -200px;
    z-index: 6; }
  #esg_trends2021_2 .chart-box figure {
    position: relative;
    z-index: 7; }
  #esg_trends2021_2 span.pie-title {
    display: block;
    width: 50px;
    height: 20px;
    position: absolute;
    left: -30px;
    top: -20px; }
  #esg_trends2021_2 .highcharts-tooltip {
    z-index: 8; }
  #esg_trends2021_2 .highcharts-tooltip > span {
    background: rgba(255, 255, 255, 0.9); }
  #esg_trends2021_2 .highcharts-no-data {
    text-align: center; }
  #esg_trends2021_2 .highcharts-data-label span {
    padding: 3px 6px;
    top: 0;
    left: 0;
    background: white;
    color: #fff !important;
    width: auto !important; }
  #esg_trends2021_2 .highcharts-data-label:not(.category) span {
    background: #00293b;
    color: #fff;
    cursor: pointer; }
  #esg_trends2021_2 #data-bar {
    /*margin-top:40px;*/
    position: absolute;
    top: -80px;
    overflow: hidden;
    width: 50%;
    font-size: 14px;
    z-index: 9;
    background: #00293b;
    color: #fff;
    display: none;
    opacity: 0;
    text-align: left;
    min-height: 400px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); }
  #esg_trends2021_2 #data-bar #data-bar-header {
    width: 100%;
    padding: 10px 40px 10px 10px;
    color: #fff;
    font-weight: 800;
    height: 40px;
    line-height: 20px;
    z-index: 1;
    text-align: left;
    font-size: 22px;
    border-bottom: 1px #344956 solid; }
  #esg_trends2021_2 #data-bar-content {
    padding: 10px;
    font-size: 15px;
    height: auto; }
  #esg_trends2021_2 #data-bar-content table {
    width: 100%; }
  #esg_trends2021_2 #data-bar-content table tr td {
    padding: 5px;
    vertical-align: top;
    border-bottom: 1px #344956 solid; }
  #esg_trends2021_2 #data-bar-content table.unbordered tr td {
    border: none;
    padding: 2px; }
  #esg_trends2021_2 #data-bar-content table tr td:nth-child(1) {
    width: 60%; }
  #esg_trends2021_2 #data-bar-content table tr td:nth-child(2) {
    width: 40%;
    font-weight: 800;
    text-align: right; }
  #esg_trends2021_2 #data-bar-content .tick {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16.2 12' style='enable-background:new 0 0 16.2 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M5.2,10.7L1.6,7c-0.5-0.5-0.5-1,0-1.5s1-0.5,1.5,0L6,8.4l7.1-7.1c0.5-0.5,1-0.5,1.5,0c0.5,0.5,0.5,1,0,1.5l0,0 l-7.9,7.9 M6.7,10.7c-0.5,0.5-1,0.5-1.5,0'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    float: left;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 3px 5px 0 0; }
  #esg_trends2021_2 #data-bar-content .cross {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16.2 12' style='enable-background:new 0 0 16.2 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M12.7,2.9L9.6,6l3.1,3.1c0.5,0.6,0.5,1.1,0,1.6s-1.1,0.5-1.5,0L8.1,7.6L5,10.7c-0.6,0.5-1.1,0.5-1.6,0 s-0.5-1,0-1.6L6.5,6L3.4,2.9c-0.5-0.6-0.5-1.1,0-1.6s1-0.5,1.6,0l3.1,3.1l3.1-3.1c0.5-0.5,1-0.5,1.5,0C13.3,1.8,13.3,2.3,12.7,2.9 L12.7,2.9z'/%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    float: left;
    display: inline-block;
    background-repeat: no-repeat;
    margin: 3px 5px 0 0; }
  #esg_trends2021_2 #data-bar-graph {
    padding: 0 20px; }
  #esg_trends2021_2 #container-countries, #esg_trends2021_2 #container-companies {
    display: none;
    text-align: center; }
  #esg_trends2021_2 #container-countries img {
    height: 140px;
    width: auto;
    margin-top: 10px; }
  #esg_trends2021_2 p.footnotes {
    text-align: left;
    padding: 10px 0; }
  #esg_trends2021_2 .close-button {
    position: absolute;
    top: 7px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  #esg_trends2021_2 .close-button::before, #esg_trends2021_2 .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 20px;
    height: 1px;
    background: #FFFFFF; }
  #esg_trends2021_2 .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  #esg_trends2021_2 .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #esg_trends2021_2 #series-selector {
    text-align: center; }
  #esg_trends2021_2 .series-selection {
    display: inline-block;
    font-size: 13px;
    margin: 5px 20px 5px 0; }
  #esg_trends2021_2 .series-selector {
    line-height: 30px;
    padding: 2px;
    margin: 0 auto; }
  #esg_trends2021_2 .series-selector span {
    line-height: 20px;
    float: left;
    margin-right: 10px; }
  #esg_trends2021_2 .series-button {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px; }
  #esg_trends2021_2 .series-button.red {
    background: #e44261; }
  #esg_trends2021_2 .series-button.orange {
    background: #f08900; }
  #esg_trends2021_2 .series-button.darkgreen {
    background: #00945e; }
  #esg_trends2021_2 .series-button.green {
    background: #00945e; }
  #esg_trends2021_2 .series-button.daintree {
    background: #011b2b; }
  #esg_trends2021_2 .series-selection:not(.active) .series-button {
    opacity: 0.2; }
  @media (max-width: 720px) {
    #esg_trends2021_2 .highcharts-data-label span {
      overflow: visible !important; }
    #esg_trends2021_2 #data-bar {
      width: 100%; }
    #esg_trends2021_2 #data-bar #data-bar-header {
      line-height: 24px;
      height: auto;
      font-size: 16px; }
    #esg_trends2021_2 #data-bar-content table tr td {
      font-size: 14px; }
    #esg_trends2021_2 .btn-group, #esg_trends2021_2 .btn-group-vertical {
      width: 100%; }
    #esg_trends2021_2 .menu-bar {
      width: 100%;
      margin: 10px 0; } }
  @media (max-width: 500px) {
    #esg_trends2021_2 .highcharts-figure #container {
      height: 700px; }
    #esg_trends2021_2 .circle-caption {
      display: none; } }

#globalInvestingContainer1020_5 #container-bar, #globalInvestingContainer1020_5 #container-map {
  margin-left: -10px; }

#globalInvestingContainer1020_5 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_6 #container-bar, #globalInvestingContainer1020_6 #container-map {
  margin-left: -10px; }

#globalInvestingContainer1020_6 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_6 .sdg-label {
  text-align: center; }

#globalInvestingContainer1020_6 .sdg-label img {
  width: 40px; }

#index-chart-container-250820 {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto; }
  #index-chart-container-250820 h1 {
    font-size: 3rem;
    font-weight: 700; }
  #index-chart-container-250820 h4 {
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700; }
  #index-chart-container-250820 h5 {
    font-size: 1rem;
    font-weight: 700; }
  #index-chart-container-250820 .bordered-row {
    border-bottom: #73787c 1px solid;
    padding: 10px 0; }
  #index-chart-container-250820 #population img {
    height: 40px;
    width: auto;
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0); }
  #index-chart-container-250820 .col-title {
    text-align: left;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column; }
  #index-chart-container-250820 #population .col-12 {
    text-align: left;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column; }
  @media (max-width: 980px) {
    #index-chart-container-250820 .col-12 {
      text-align: center; }
    #index-chart-container-250820 .highcharts-container {
      width: 100% !important;
      text-align: center !important; }
    #index-chart-container-250820 #title-na {
      color: #00c4b3; }
    #index-chart-container-250820 #title-eu {
      color: #f08900; }
    #index-chart-container-250820 #title-pa {
      color: #ffc62d; }
    #index-chart-container-250820 #title-em {
      color: #e44261; } }
  @media (max-width: 600px) {
    #index-chart-container-250820 h1 {
      font-size: 2rem; } }

#globalInvestingContainer1020_8 #chart-container {
  height: 600px; }

#globalInvestingContainer1020_8 #container-col {
  float: left; }

#globalInvestingContainer1020_8 #container-pie {
  text-align: center;
  font-weight: 700;
  float: left; }

#globalInvestingContainer1020_8 .pie-label {
  color: #fff !important;
  font-size: 14px; }

#globalInvestingContainer1020_8 .chart-title {
  font-weight: 700;
  font-size: 20px; }

#globalInvestingContainer1020_8 #scale {
  height: 30px;
  width: 100%;
  background: #00c4b3;
  background: linear-gradient(90deg, #00c4b3 0%, #99fff7 45%, #ffd2da 55%, #e44261 100%); }

#globalInvestingContainer1020_9 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_9 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_9 .chart-divider-left {
    margin-top: 2em;
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_9 .col-sm-12 h5 {
    margin-top: 20px; } }

#ms150-esg-landingpage {
  /* COLOURS */
  /* BACKGROUNDS */ }
  #ms150-esg-landingpage .carnation {
    color: #e44261; }
  #ms150-esg-landingpage .smokey-blue {
    color: #0626a9; }
  #ms150-esg-landingpage .sky-blue {
    color: #5987da; }
  #ms150-esg-landingpage .moody-blue {
    color: #6c7bd3; }
  #ms150-esg-landingpage .mercury {
    color: #dce3ec; }
  #ms150-esg-landingpage .turquoise {
    color: #00c4b3; }
  #ms150-esg-landingpage .marigold {
    color: #ffc62d; }
  #ms150-esg-landingpage .jade {
    color: #00945e; }
  #ms150-esg-landingpage .flint {
    color: #73787c; }
  #ms150-esg-landingpage .sky-blue {
    color: #5987da; }
  #ms150-esg-landingpage .tangerine {
    color: #f08900; }
  #ms150-esg-landingpage .daintree {
    color: #011b2b; }
  #ms150-esg-landingpage .white-bg {
    background-color: #fff;
    fill: #fff; }
  #ms150-esg-landingpage .carnation-bg {
    background-color: #e44261;
    /*background:linear-gradient(to right, #cd3b57 50%, #e44261 50%);*/ }
  #ms150-esg-landingpage .smokey-blue-bg {
    background-color: #0626a9;
    /*background:linear-gradient(to right, #052298 50%, #0626a9 50%);*/ }
  #ms150-esg-landingpage .sky-blue-bg {
    background-color: #5987da;
    /*background:linear-gradient(to right, #5079c4 50%, #5987da 50%);*/ }
  #ms150-esg-landingpage .moody-blue-bg {
    background-color: #6c7bd3;
    /*background:linear-gradient(to right, #616ebd 50%, #6c7bd3 50%);*/ }
  #ms150-esg-landingpage .mercury-bg {
    background-color: #dce3ec;
    /*background:linear-gradient(to right, #c6ccd4 50%, #dce3ec 50%);*/ }
  #ms150-esg-landingpage .turquoise-bg {
    background-color: #00c4b3;
    /*background:linear-gradient(to right, #00b0a1 50%, #00c4b3 50%);*/ }
  #ms150-esg-landingpage .marigold-bg {
    background-color: #ffc62d; }
  #ms150-esg-landingpage .jade-bg {
    background-color: #00945e;
    /*background:linear-gradient(to right, #008554 50%, #00945e 50%);*/ }
  #ms150-esg-landingpage .flint-bg {
    background-color: #73787c;
    /*background:linear-gradient(to right, #676c6f 50%, #73787c 50%);*/ }
  #ms150-esg-landingpage .tangerine-bg {
    background-color: #f08900;
    /*background:linear-gradient(to right, #d87b00 50%, #f08900 50%);*/ }
  #ms150-esg-landingpage .daintree-bg {
    background-color: #011b2b;
    /*background:linear-gradient(to right, #011827 50%, #011b2b 50%);*/ }
  #ms150-esg-landingpage .marigold-border {
    border-color: #ffc62d;
    border-width: 1px;
    border-style: solid; }

#ms150-esg-landingpage {
  position: relative;
  height: 100%;
  /*max-width:1140px;*/
  margin: 0 -15px;
  min-width: 320px;
  z-index: 10;
  color: #011b2b; }

#ms150-esg-landingpage .strong {
  font-weight: 700; }

#ms150-esg-landingpage .spacer {
  height: 160px;
  width: 100%; }

#ms150-esg-landingpage a {
  color: #0626a9;
  font-weight: 700; }

#ms150-esg-landingpage p {
  line-height: 1.4rem;
  font-size: 16px; }

#ms150-esg-landingpage h2 {
  font-weight: 800;
  font-family: 'Roboto',sans-serif; }

#ms150-esg-landingpage h6 {
  font-weight: 300;
  font-size: 14px;
  margin: 20px 0;
  text-transform: uppercase; }

#ms150-esg-landingpage #carousel-container {
  width: auto;
  position: relative; }

#ms150-esg-landingpage #carousel-ribbon {
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  background: #011b2b; }

#ms150-esg-landingpage .carousel {
  height: 1000px;
  position: relative;
  opacity: 0;
  z-index: 1;
  width: 100%;
  color: #fff;
  padding: 100px 0; }

#ms150-esg-landingpage .carousel.active {
  opacity: 1;
  z-index: 2; }

#ms150-esg-landingpage .carousel-item {
  height: 100%;
  overflow: hidden;
  width: 100%;
  background-position: center center;
  background-size: cover;
  z-index: 10; }

#ms150-esg-landingpage #carousel-menu {
  top: 15px;
  left: 20px;
  font-size: 2rem;
  color: #fff;
  position: absolute;
  z-index: 5000;
  width: 90%;
  height: 30px; }

#ms150-esg-landingpage #dropdownMenuLink {
  background-color: #fff;
  border: none; }

#ms150-esg-landingpage .dropdown-menu {
  min-width: 75%; }

#ms150-esg-landingpage .dropdown-menu .dropdown-item {
  white-space: normal; }

#ms150-esg-landingpage .dropdown-menu .dropdown-item.active {
  opacity: 0.4;
  background-color: #c7d2ec; }

#ms150-esg-landingpage .carousel-caption {
  top: 20px;
  left: 150px;
  text-align: left;
  padding: 0;
  right: auto; }

#ms150-esg-landingpage .carousel-caption h5 {
  font-size: 1.6rem; }

#ms150-esg-landingpage .carousel-inner {
  height: 100%;
  max-height: 100%; }

#ms150-esg-landingpage .carousel-inner .block-inner {
  height: 100%;
  padding: 80px 100px 120px; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-left {
  float: left;
  width: 55%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  overflow: hidden; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right {
  float: right;
  width: 40%;
  height: 100%;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  line-height: 1.4rem; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-nav {
  display: none; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-title {
  font-size: 2.6rem;
  font-weight: 700;
  margin: 40px 0;
  line-height: 3rem; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-subtitle {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 300; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-summary {
  font-size: 1rem; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-content {
  line-height: 1.3rem; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-content ul {
  padding-left: 15px;
  margin-bottom: 40px; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-content li {
  margin: 10px;
  font-size: 16px;
  line-height: 1.4rem; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-content a {
  color: #00c4b3; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-content a:hover {
  text-decoration: underline; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right img {
  max-width: 200px;
  max-height: 500px; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right .svg-img {
  width: 100%;
  max-height: 500px; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right .svg-obj {
  height: 100%;
  max-width: 240px; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right .card-header {
  background: #fff;
  color: #011b2b;
  position: relative; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right .card-header {
  background: #00293b;
  color: #fff;
  cursor: pointer;
  font-weight: 500; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right .card-body {
  background: #fff;
  color: #011b2b; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right #blob-cluster {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 300px;
  max-height: 300px; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right .circle {
  border-radius: 50%;
  position: absolute;
  opacity: 0;
  border: 3px #fff solid; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right table {
  font-size: 12px;
  text-align: center;
  line-height: 1rem; }

#ms150-esg-landingpage .carousel-inner .block-inner .spin {
  animation: spinner 1s infinite linear;
  perspective: 500px;
  transform-style: preserve-3d; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right .slide-element {
  position: relative; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ul li {
  margin: 10px 0;
  font-size: 1.1rem;
  list-style: none;
  padding: 10px 0 20px;
  border-bottom: 1px #ccc solid;
  position: relative; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ol li {
  margin: 10px 0;
  font-size: 1.2rem;
  padding: 10px 0 20px;
  border-bottom: 1px #ccc solid;
  position: relative;
  left: 1000px;
  counter-increment: counters; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ol li:before {
  content: counter(counters);
  background: #00293b;
  border-radius: 50%;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #fff;
  position: absolute;
  left: -30px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ol {
  list-style: none;
  counter-reset: counters;
  padding-left: 40px; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ul.block-list-large li {
  background: #fff;
  color: #011b2b;
  padding: 4px 20px;
  border: none; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ul li:last-child {
  border-bottom: none; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-type .type-source {
  display: none; }

#ms150-esg-landingpage .carousel-inner .block-inner .block-type.type-web-address {
  border: 1px #0626a9 solid;
  background: #fff;
  padding: 4px 10px;
  text-align: left;
  font-size: 1.1rem;
  color: #000;
  width: 100%;
  display: block; }

#ms150-esg-landingpage .transition {
  transition: .7s; }

@keyframes spinner {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  50% {
    transform: rotate3d(1, 1, 1, 180deg); }
  100% {
    transform: rotate3d(1, 1, 1, 360deg); } }

#ms150-esg-landingpage .wrapper {
  position: relative;
  margin: 40px auto;
  background: #e44261; }

#ms150-esg-landingpage .wrapper, .wrapper * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#ms150-esg-landingpage .wrapper {
  width: 250px;
  height: 250px; }

#ms150-esg-landingpage .wrapper .pie {
  width: 50%;
  height: 100%;
  transform-origin: 100% 50%;
  position: absolute;
  background: white;
  border: 5px solid #00293a; }

#ms150-esg-landingpage .wrapper .spinner {
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  z-index: 200;
  border-right: none;
  animation: rota 5s linear infinite; }

#ms150-esg-landingpage .wrapper:hover .spinner,
#ms150-esg-landingpage .wrapper:hover .filler,
#ms150-esg-landingpage .wrapper:hover .mask {
  animation-play-state: running; }

#ms150-esg-landingpage .wrapper .filler {
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  left: 50%;
  opacity: 0;
  z-index: 100;
  animation: opa 5s steps(1, end) infinite reverse;
  border-left: none; }

#ms150-esg-landingpage .wrapper .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  opacity: 1;
  z-index: 300;
  animation: opa 5s steps(1, end) infinite; }

/*------------------------------- carousel indicators ------------------------------*/
#ms150-esg-landingpage .carousel-indicators {
  background: transparent;
  justify-content: flex-end;
  margin-right: 5%; }

#ms150-esg-landingpage .carousel-indicators li {
  display: block;
  margin: 5px 10px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 1px #fff solid;
  background: transparent;
  transition: all 0.5s;
  color: #011b2b;
  font-weight: 700;
  text-align: right; }

#ms150-esg-landingpage .carousel-indicators li:hover {
  border: 1px #00c4b3 solid; }

#ms150-esg-landingpage .carousel-indicators li:after {
  content: '';
  position: absolute;
  top: 30px;
  height: 1px;
  width: 60%;
  left: 20%;
  border-top: 2px #fff dotted; }

#ms150-esg-landingpage .carousel-indicators li.active {
  background: #00c4b3;
  border-color: #00c4b3; }

#ms150-esg-landingpage .carousel-indicators li.active:after {
  display: none; }

#ms150-esg-landingpage .carousel-menu-item {
  position: absolute;
  top: auto;
  padding: 50px 0;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 700;
  z-index: 2000;
  bottom: auto;
  width: auto;
  left: 100px;
  color: #fff; }

#ms150-esg-landingpage .carousel-menu-item i {
  font-size: 1.4rem; }

#ms150-esg-landingpage .carousel-menu-item:hover {
  color: #00c4b3; }

#ms150-esg-landingpage .carousel-nav-next {
  bottom: 0;
  right: auto; }

#ms150-esg-landingpage .carousel-nav-prev {
  top: 0;
  display: none; }

/*-------------------------------- media --------------------------------------*/
@media (min-width: 901px) {
  #ms150-esg-landingpage .vert .carousel-item-next.carousel-item-left,
  #ms150-esg-landingpage .vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  #ms150-esg-landingpage .vert .carousel-item-next,
  #ms150-esg-landingpage .vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0); }
  #ms150-esg-landingpage .vert .carousel-item-prev,
  #ms150-esg-landingpage .vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@media (max-width: 900px) {
  #ms150-esg-landingpage .carousel {
    padding: 10px 0 100px 0;
    height: auto; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-left {
    width: 100%;
    height: auto;
    margin-bottom: 40px; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-right {
    width: 100%;
    height: auto; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ul {
    padding-left: 0; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ol li {
    font-size: 1rem; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-title {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 70px; }
  #ms150-esg-landingpage .carousel-caption h5 {
    font-size: 1.3rem; }
  #ms150-esg-landingpage .card-body {
    font-size: 0.9rem; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-summary {
    font-size: 1.2rem; }
  #ms150-esg-landingpage .carousel-menu-item {
    padding: 16px;
    top: 70px;
    bottom: auto;
    width: 60px;
    height: 60px;
    background: #00c4b3;
    text-align: center; }
  #ms150-esg-landingpage .carousel-menu-item i {
    font-size: 20px; }
  #ms150-esg-landingpage .carousel-menu-item:hover {
    color: #011b2b; }
  #ms150-esg-landingpage .carousel-nav-next {
    right: 0;
    left: auto; }
  #ms150-esg-landingpage .carousel-nav-prev {
    left: 0;
    right: auto;
    display: block; }
  #ms150-esg-landingpage .icon-angle-down:before {
    content: '\f105'; }
  #ms150-esg-landingpage .icon-angle-up:before {
    content: '\f104';
    margin-left: 5px; }
  #ms150-esg-landingpage .carousel-nav-next i {
    display: block; }
  #ms150-esg-landingpage .carousel-menu-item span {
    display: none; }
  #ms150-esg-landingpage .carousel-inner .block-inner {
    padding: 20px 60px 60px; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-right .svg-img {
    width: 100%;
    height: 300px; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ul li {
    font-size: 1rem; }
  #ms150-esg-landingpage #carousel-menu .dropdown-menu {
    font-size: 0.9rem; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-right {
    line-height: 1rem; }
  #ms150-esg-landingpage .carousel-indicators {
    bottom: 0;
    margin-right: 15%;
    justify-content: center; }
  #ms150-esg-landingpage .carousel-indicators li {
    display: block;
    margin: 5px 10px;
    height: 20px;
    border-radius: 10px; }
  #ms150-esg-landingpage .carousel-indicators li:hover {
    border: 1px #00c4b3 solid; }
  #ms150-esg-landingpage .carousel-indicators li:after {
    display: none; }
  #ms150-esg-landingpage .carousel-indicators li.active {
    background: #00c4b3;
    border-color: #00c4b3; } }

@media (max-width: 700px) {
  #ms150-esg-landingpage .carousel-menu-item {
    width: 40px;
    height: 40px;
    padding: 8px; }
  #ms150-esg-landingpage .carousel-menu-item i {
    font-size: 16px; } }

@media (max-width: 520px) {
  #ms150-esg-landingpage .mobile-hide {
    display: none; }
  #ms150-esg-landingpage .carousel-indicators {
    margin-left: 0;
    margin-right: 0; }
  #ms150-esg-landingpage .carousel-nav-next {
    right: 20px;
    left: auto; }
  #ms150-esg-landingpage .carousel-nav-prev {
    left: 20px; }
  #ms150-esg-landingpage #dropdownMenuLink {
    width: 100%; }
  #ms150-esg-landingpage .carousel-caption {
    position: relative;
    top: 60px;
    text-align: center;
    width: 100%;
    left: 0; }
  #ms150-esg-landingpage .dropdown-menu {
    min-width: 100%; }
  #ms150-esg-landingpage .card-header, #ms150-esg-landingpage .card-body {
    padding: 5px 10px; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ol li {
    font-size: 0.9rem; }
  #ms150-esg-landingpage .carousel-caption {
    padding: 0 10px; }
  #ms150-esg-landingpage .carousel-caption h5 {
    font-size: 1rem; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-subtitle {
    font-size: 0.9rem; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-summary {
    font-size: 1rem; }
  #ms150-esg-landingpage .carousel-inner .block-inner {
    padding: 20px; }
  #ms150-esg-landingpage .carousel-inner .block-inner .block-col-right ul li {
    font-size: 0.8rem; } }

.sias-wrapper-interactive {
  --bg-opacity:1;
  background-color: #00162c;
  background-color: rgba(0, 22, 44, var(--bg-opacity));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease;
  transition-duration: .3s; }
  .sias-wrapper-interactive.pa-active {
    opacity: 1; }
  .sias-wrapper-interactive .sias__show-content-fade > *, .sias-wrapper-interactive .sias__show-content-from-left > *, .sias-wrapper-interactive .sias__show-content-from-right > *, .sias-wrapper-interactive .sias__show-content-from-top > *, .sias-wrapper-interactive .sias__show-content-zoom > * {
    opacity: 0;
    transition-timing-function: ease;
    transition-property: transform,opacity; }
  .sias-wrapper-interactive .sias__show-content-fade > :first-child, .sias-wrapper-interactive .sias__show-content-from-left > :first-child, .sias-wrapper-interactive .sias__show-content-from-right > :first-child, .sias-wrapper-interactive .sias__show-content-from-top > :first-child, .sias-wrapper-interactive .sias__show-content-zoom > :first-child {
    transition-duration: .65s; }
  .sias-wrapper-interactive .sias__show-content-fade > :nth-child(2), .sias-wrapper-interactive .sias__show-content-from-left > :nth-child(2), .sias-wrapper-interactive .sias__show-content-from-right > :nth-child(2), .sias-wrapper-interactive .sias__show-content-from-top > :nth-child(2), .sias-wrapper-interactive .sias__show-content-zoom > :nth-child(2) {
    transition-duration: .8s; }
  .sias-wrapper-interactive .sias__show-content-fade > :nth-child(3), .sias-wrapper-interactive .sias__show-content-from-left > :nth-child(3), .sias-wrapper-interactive .sias__show-content-from-right > :nth-child(3), .sias-wrapper-interactive .sias__show-content-from-top > :nth-child(3), .sias-wrapper-interactive .sias__show-content-zoom > :nth-child(3) {
    transition-duration: .95s; }
  .sias-wrapper-interactive .sias__show-content-fade > :nth-child(4), .sias-wrapper-interactive .sias__show-content-from-left > :nth-child(4), .sias-wrapper-interactive .sias__show-content-from-right > :nth-child(4), .sias-wrapper-interactive .sias__show-content-from-top > :nth-child(4), .sias-wrapper-interactive .sias__show-content-zoom > :nth-child(4) {
    transition-duration: 1.1s; }
  .sias-wrapper-interactive .sias__show-content-fade > :nth-child(5), .sias-wrapper-interactive .sias__show-content-from-left > :nth-child(5), .sias-wrapper-interactive .sias__show-content-from-right > :nth-child(5), .sias-wrapper-interactive .sias__show-content-from-top > :nth-child(5), .sias-wrapper-interactive .sias__show-content-zoom > :nth-child(5) {
    transition-duration: 1.25s; }
  .sias-wrapper-interactive .sias__show-content-fade > :nth-child(6), .sias-wrapper-interactive .sias__show-content-from-left > :nth-child(6), .sias-wrapper-interactive .sias__show-content-from-right > :nth-child(6), .sias-wrapper-interactive .sias__show-content-from-top > :nth-child(6), .sias-wrapper-interactive .sias__show-content-zoom > :nth-child(6) {
    transition-duration: 1.4s; }
  .sias-wrapper-interactive .sias__show-content-fade > :nth-child(7), .sias-wrapper-interactive .sias__show-content-from-left > :nth-child(7), .sias-wrapper-interactive .sias__show-content-from-right > :nth-child(7), .sias-wrapper-interactive .sias__show-content-from-top > :nth-child(7), .sias-wrapper-interactive .sias__show-content-zoom > :nth-child(7) {
    transition-duration: 1.55s; }
  .sias-wrapper-interactive .sias__show-content-fade > :nth-child(8), .sias-wrapper-interactive .sias__show-content-from-left > :nth-child(8), .sias-wrapper-interactive .sias__show-content-from-right > :nth-child(8), .sias-wrapper-interactive .sias__show-content-from-top > :nth-child(8), .sias-wrapper-interactive .sias__show-content-zoom > :nth-child(8) {
    transition-duration: 1.7s; }
  .sias-wrapper-interactive .sias__show-content-fade > :nth-child(9), .sias-wrapper-interactive .sias__show-content-from-left > :nth-child(9), .sias-wrapper-interactive .sias__show-content-from-right > :nth-child(9), .sias-wrapper-interactive .sias__show-content-from-top > :nth-child(9), .sias-wrapper-interactive .sias__show-content-zoom > :nth-child(9) {
    transition-duration: 1.85s; }
  .sias-wrapper-interactive .sias__show-content-from-left > * {
    transform: translateX(-40px); }
  .sias-wrapper-interactive .sias__show-content-from-right > * {
    transform: translateX(40px); }
  .sias-wrapper-interactive .sias__show-content-from-top > * {
    transform: translateY(-40px); }
  .sias-wrapper-interactive .sias__show-content-zoom > * {
    transform: scale(0);
    transform-origin: center center; }
  .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-fade > *, .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-from-left > *, .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-from-right > *, .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-from-top > *, .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-zoom > * {
    opacity: 1; }
  .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-from-left > *, .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-from-right > * {
    transform: translateX(0); }
  .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-from-top > * {
    transform: translateY(0); }
  .sias-wrapper-interactive .js-scroll-in-content.pa-active.sias__show-content-zoom > * {
    transform: scale(1); }
  .sias-wrapper-interactive .sias-banner {
    overflow: hidden;
    position: relative;
    padding-bottom: 300px; }
  .sias-wrapper-interactive .sias-banner__bg {
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 8;
    background: url(/o/msci/images/stein-esg-perf-during-covid/header-img.jpg) no-repeat 50%;
    background-size: cover;
    min-height: 100vh;
    padding-top: 123px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    transition-property: width;
    transition-timing-function: ease;
    transition-duration: .3s; }
    .sias-wrapper-interactive .sias-banner__bg.pa-active {
      position: absolute;
      bottom: 0;
      top: auto; }
  .sias-wrapper-interactive .sias-banner__content {
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-banner__video {
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    --bg-opacity:1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    opacity: 0;
    pointer-events: none; }
  .sias-wrapper-interactive .sias-banner.pa-active {
    z-index: 9; }
    .sias-wrapper-interactive .sias-banner.pa-active .sias-banner__content {
      opacity: 0;
      pointer-events: none; }
    .sias-wrapper-interactive .sias-banner.pa-active .sias-banner__video {
      opacity: 1;
      pointer-events: auto; }
  .sias-wrapper-interactive .sias-banner__play-icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    width: 150px;
    height: 150px;
    transition-property: transform;
    transition-timing-function: ease;
    transition-duration: .3s; }
    .sias-wrapper-interactive .sias-banner__play-icon:focus, .sias-wrapper-interactive .sias-banner__play-icon:hover {
      transform: scale(1.05); }
  .sias-wrapper-interactive .sias-banner__title {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: center;
    font-size: 3rem;
    line-height: 3.5rem;
    font-family: Roboto Regular,sans-serif; }
  .sias-wrapper-interactive .carousel {
    padding-bottom: 2rem; }
  .sias-wrapper-interactive .carousel-inner {
    max-height: none; }
  .sias-wrapper-interactive .carousel-indicators {
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    bottom: 0; }
    .sias-wrapper-interactive .carousel-indicators li {
      border-radius: 9999px;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      border-style: none;
      margin-left: .5rem;
      margin-right: .5rem;
      width: 14px;
      height: 14px;
      display: inline-block;
      position: relative;
      overflow: hidden;
      transition: opacity .3s ease-out;
      opacity: .5;
      text-indent: -99999px;
      cursor: pointer; }
      .sias-wrapper-interactive .carousel-indicators li.active, .sias-wrapper-interactive .carousel-indicators li:focus, .sias-wrapper-interactive .carousel-indicators li:hover {
        opacity: 1; }
      .sias-wrapper-interactive .carousel-indicators li:after, .sias-wrapper-interactive .carousel-indicators li:before {
        display: none; }
  .sias-wrapper-interactive .sias-footer {
    border-top-width: 8px;
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity)); }
  .sias-wrapper-interactive .sias-footer__first-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-footer__first-section__container {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem;
    align-items: center;
    position: relative;
    padding-left: 5%;
    padding-right: 5%; }
    .sias-wrapper-interactive .sias-footer__first-section__container:before {
      content: "";
      width: 1px;
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      left: 15%;
      height: 0;
      transition-property: height;
      transition-timing-function: ease;
      transition-duration: .3s;
      top: -120px; }
  .sias-wrapper-interactive .sias-footer__first-section__left {
    width: 66.666667%;
    padding-left: .5rem;
    padding-right: .5rem; }
  .sias-wrapper-interactive .sias-footer__first-section__right {
    width: 33.333333%;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center; }
  .sias-wrapper-interactive .sias-footer__first-section__text {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0; }
  .sias-wrapper-interactive .sias-footer__second-section {
    --bg-opacity:1;
    background-color: #00162c;
    background-color: rgba(0, 22, 44, var(--bg-opacity));
    padding-top: 4rem;
    padding-bottom: 4rem; }
  .sias-wrapper-interactive .sias-footer__second-section__container {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem;
    align-items: center; }
  .sias-wrapper-interactive .sias-footer__second-section__left {
    width: 33.333333%;
    padding-left: .5rem;
    padding-right: .5rem; }
  .sias-wrapper-interactive .sias-footer__second-section__right {
    width: 66.666667%;
    padding-left: .5rem;
    padding-right: .5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
  .sias-wrapper-interactive .sias-footer__second-section__social-container {
    margin-bottom: 1rem; }
  .sias-wrapper-interactive .sias-footer__second-section__social {
    display: inline-block;
    width: 2rem;
    margin-right: .5rem;
    transform-origin: center center;
    vertical-align: middle;
    transition-property: transform;
    transition-timing-function: ease;
    transition-duration: .3s; }
    .sias-wrapper-interactive .sias-footer__second-section__social:last-child {
      margin-right: 0; }
    .sias-wrapper-interactive .sias-footer__second-section__social:focus, .sias-wrapper-interactive .sias-footer__second-section__social:hover {
      transform: scale(1.05); }
  .sias-wrapper-interactive .sias-footer__second-section__copyright {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: .75rem;
    margin-bottom: 0; }
  .sias-wrapper-interactive .sias-footer__scroll-to-top {
    display: block;
    position: absolute;
    right: 0;
    border-width: 1px;
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity));
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
    --text-opacity:1;
    color: #00c4b3;
    color: rgba(0, 196, 179, var(--text-opacity));
    font-size: 1.125rem;
    line-height: 1.5rem;
    background: transparent;
    background: rgba(0, 196, 179, 0.25);
    font-family: Roboto Bold,sans-serif;
    top: -260px;
    padding-top: 60px;
    transition-property: background-color;
    transition-timing-function: ease;
    transition-duration: .3s; }
    .sias-wrapper-interactive .sias-footer__scroll-to-top:before {
      content: "";
      position: absolute;
      top: 16px;
      left: 50%;
      transform: translateX(-50%);
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      border-bottom: 25px solid #00c4b3; }
    .sias-wrapper-interactive .sias-footer__scroll-to-top:focus, .sias-wrapper-interactive .sias-footer__scroll-to-top:hover {
      background-color: transparent; }
  .sias-wrapper-interactive .sias-footer .js-scroll-in-content.pa-active.sias-footer__first-section__container:before {
    height: 100px; }
  .sias-wrapper-interactive .sias-logo {
    width: 223px;
    height: 59px; }
  .sias-wrapper-interactive .sias-large-p {
    font-size: 1.125rem;
    line-height: 1.5rem; }
  .sias-wrapper-interactive p a {
    color: inherit;
    font-size: inherit;
    line-height: inherit; }
  .sias-wrapper-interactive strong {
    font-family: Roboto Bold,sans-serif; }
  .sias-wrapper-interactive .sias-normal-font {
    font-family: Roboto Regular,sans-serif; }
  .sias-wrapper-interactive a {
    text-decoration: underline; }
    .sias-wrapper-interactive a:focus, .sias-wrapper-interactive a:hover {
      text-decoration: none; }
  .sias-wrapper-interactive *, .sias-wrapper-interactive :after, .sias-wrapper-interactive :before {
    border-style: solid;
    border-width: 0; }
  .sias-wrapper-interactive .sias-arrow-list {
    list-style-type: none;
    padding: 0; }
    .sias-wrapper-interactive .sias-arrow-list li {
      --text-opacity:1;
      color: #fff;
      color: rgba(255, 255, 255, var(--text-opacity));
      font-size: 1.125rem;
      line-height: 1.5rem;
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 1rem; }
      .sias-wrapper-interactive .sias-arrow-list li:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #f18a00;
        margin-top: 1px; }
      .sias-wrapper-interactive .sias-arrow-list li:last-child {
        margin-bottom: 0; }
      .sias-wrapper-interactive .sias-arrow-list li a {
        font-size: inherit;
        line-height: inherit;
        color: inherit; }
  .sias-wrapper-interactive button {
    background-color: transparent;
    border-width: 0;
    padding: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer; }
    .sias-wrapper-interactive button > * {
      pointer-events: none; }
  .sias-wrapper-interactive .sias-slanted-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    --text-opacity:1;
    color: #0e2031;
    color: rgba(14, 32, 49, var(--text-opacity));
    text-decoration: none;
    font-family: Roboto Bold,sans-serif;
    transition-property: color;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-slanted-btn--large {
    padding-left: 4rem;
    padding-right: 4rem; }
  .sias-wrapper-interactive .sias-slanted-btn__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    --bg-opacity:1;
    background-color: #00c4b3;
    background-color: rgba(0, 196, 179, var(--bg-opacity));
    border-width: 1px;
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity));
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-slanted-btn__content {
    position: relative;
    z-index: 9; }
  .sias-wrapper-interactive .sias-slanted-btn:focus, .sias-wrapper-interactive .sias-slanted-btn:hover {
    --text-opacity:1;
    color: #00c4b3;
    color: rgba(0, 196, 179, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-slanted-btn:focus .sias-slanted-btn__bg, .sias-wrapper-interactive .sias-slanted-btn:hover .sias-slanted-btn__bg {
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-line-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    pointer-events: none; }
    .sias-wrapper-interactive .sias-line-animation line, .sias-wrapper-interactive .sias-line-animation rect {
      stroke-dasharray: 3000;
      stroke-dashoffset: 3000;
      -webkit-animation: dash 4s ease-in-out infinite alternate;
      animation: dash 4s ease-in-out infinite alternate; }
  .sias-wrapper-interactive .sias-layer-above-line {
    position: relative;
    z-index: 9; }
  .sias-wrapper-interactive .sias-slanted-border-box {
    position: relative;
    overflow: hidden; }
    .sias-wrapper-interactive .sias-slanted-border-box:before {
      border-left-width: 1px;
      --bg-opacity:1;
      background-color: #00162c;
      background-color: rgba(0, 22, 44, var(--bg-opacity));
      --border-opacity:1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      content: "";
      position: absolute;
      transform: skew(-45deg);
      bottom: 0;
      right: -20px;
      height: 40px;
      width: 40px;
      z-index: 2; }
  .sias-wrapper-interactive .sias-slanted-border-box__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0; }
    .sias-wrapper-interactive .sias-slanted-border-box__bg:after {
      --border-opacity:1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      --bg-opacity:1;
      background-color: #00162c;
      background-color: rgba(0, 22, 44, var(--bg-opacity));
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .sias-wrapper-interactive .sias-slanted-border-box__bg:before {
      --border-opacity:1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      --bg-opacity:1;
      background-color: #00162c;
      background-color: rgba(0, 22, 44, var(--bg-opacity));
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      border-right-width: 1px;
      border-top-width: 1px;
      border-left-width: 1px;
      height: calc(100% - 40px);
      z-index: 4; }
    .sias-wrapper-interactive .sias-slanted-border-box__bg:after {
      border-bottom-width: 1px;
      border-top-width: 1px;
      border-left-width: 1px;
      height: 100%; }
  .sias-wrapper-interactive .sias-slanted-border-box__content {
    position: relative;
    z-index: 9; }
  .sias-wrapper-interactive .sias-joining-line {
    position: relative; }
    .sias-wrapper-interactive .sias-joining-line:after {
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity)); }
    .sias-wrapper-interactive .sias-joining-line:before {
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      content: "";
      position: absolute;
      width: 1px;
      height: 0;
      z-index: 5;
      transition-timing-function: ease;
      transition-duration: .2s;
      transition-property: height;
      top: -300px; }
  .sias-wrapper-interactive .sias-joining-line--left:before {
    left: 200px; }
  .sias-wrapper-interactive .js-scroll-in-content.pa-active .sias-joining-line:before {
    height: 300px; }
  .sias-wrapper-interactive .sias-grid-container .sias-grid {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem; }
  .sias-wrapper-interactive .sias-grid-container .sias-grid__cell {
    padding-left: .5rem;
    padding-right: .5rem;
    margin-bottom: 1rem; }
  .sias-wrapper-interactive .sias-grid-container .sias-grid__cell--3 {
    width: 33.333333%; }
  .sias-wrapper-interactive .highcharts-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Roboto Regular,sans-serif;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .sias-wrapper-interactive .highcharts-root {
    display: block;
    margin: 0 auto; }
    .sias-wrapper-interactive .highcharts-root text {
      stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-strong {
    font-weight: 700; }
  .sias-wrapper-interactive .highcharts-emphasized {
    font-style: italic; }
  .sias-wrapper-interactive .highcharts-anchor {
    cursor: pointer; }
  .sias-wrapper-interactive .highcharts-background {
    fill: #0e2031; }
  .sias-wrapper-interactive .highcharts--white .highcharts-background {
    fill: #fff; }
  .sias-wrapper-interactive .highcharts--hide-points .highcharts-point {
    display: none; }
  .sias-wrapper-interactive .highcharts-label-box, .sias-wrapper-interactive .highcharts-plot-background, .sias-wrapper-interactive .highcharts-plot-border {
    fill: none; }
  .sias-wrapper-interactive .highcharts-button-box {
    fill: inherit; }
  .sias-wrapper-interactive .highcharts-tracker-line {
    stroke-linejoin: round;
    stroke: rgba(192, 192, 192, 0.0001);
    stroke-width: 22;
    fill: none; }
  .sias-wrapper-interactive .highcharts-tracker-area {
    fill: rgba(192, 192, 192, 0.0001);
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-title {
    fill: #00c4b3;
    font-size: 2rem;
    font-family: Roboto Bold,sans-serif;
    padding-bottom: .5rem; }
  .sias-wrapper-interactive .highcharts-subtitle {
    fill: #fff;
    font-size: 1.5rem;
    font-family: Roboto Bold,sans-serif; }
  .sias-wrapper-interactive .highcharts-axis-line {
    fill: none;
    stroke: #ccd6eb; }
  .sias-wrapper-interactive .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-axis-title {
    fill: #666; }
  .sias-wrapper-interactive .highcharts-axis-labels {
    fill: #666;
    cursor: default;
    font-size: .9em; }
  .sias-wrapper-interactive .highcharts-grid-line {
    fill: none;
    stroke: none; }
  .sias-wrapper-interactive .highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0px; }
  .sias-wrapper-interactive .highcharts-tick {
    stroke: #ccd6eb; }
  .sias-wrapper-interactive .highcharts-yaxis .highcharts-tick {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-minor-grid-line {
    stroke: #f2f2f2; }
  .sias-wrapper-interactive .highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #ccc; }
  .sias-wrapper-interactive .highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: .25; }
  .sias-wrapper-interactive .highcharts-credits {
    cursor: pointer;
    fill: #999;
    font-size: .7em;
    transition: fill .25s,font-size .25s;
    display: none; }
    .sias-wrapper-interactive .highcharts-credits:hover {
      fill: #000;
      font-size: 1em; }
  .sias-wrapper-interactive .highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke .15s; }
    .sias-wrapper-interactive .highcharts-tooltip tspan[style^="fill:"] {
      fill: #000; }
    .sias-wrapper-interactive .highcharts-tooltip text {
      fill: #333; }
    .sias-wrapper-interactive .highcharts-tooltip .highcharts-header {
      font-size: .85em; }
  .sias-wrapper-interactive .highcharts-tooltip-box {
    stroke-width: 1px;
    fill: #f7f7f7;
    fill-opacity: .85; }
    .sias-wrapper-interactive .highcharts-tooltip-box .highcharts-label-box {
      fill: #f7f7f7;
      fill-opacity: .85; }
  .sias-wrapper-interactive div.highcharts-tooltip {
    filter: none; }
  .sias-wrapper-interactive .highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: .25; }
  .sias-wrapper-interactive .highcharts-graph {
    fill: none;
    stroke: inherit;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .sias-wrapper-interactive .highcharts-empty-series {
    stroke-width: 1px;
    fill: none;
    stroke: #ccc; }
  .sias-wrapper-interactive .highcharts-state-hover .highcharts-graph {
    stroke-width: 3; }
  .sias-wrapper-interactive .highcharts-point-inactive, .sias-wrapper-interactive .highcharts-series-inactive {
    opacity: .2;
    transition: opacity 50ms; }
  .sias-wrapper-interactive .highcharts-state-hover path {
    transition: stroke-width 50ms; }
  .sias-wrapper-interactive .highcharts-state-normal path {
    transition: stroke-width .25s; }
  .sias-wrapper-interactive .highcharts-data-labels, .sias-wrapper-interactive .highcharts-markers, .sias-wrapper-interactive .highcharts-point, .sias-wrapper-interactive g.highcharts-series {
    transition: opacity .25s; }
  .sias-wrapper-interactive .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover) {
    opacity: .2; }
  .sias-wrapper-interactive .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover), .sias-wrapper-interactive .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover), .sias-wrapper-interactive .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover) {
    opacity: .2; }
  .sias-wrapper-interactive .highcharts-color-0 {
    fill: #0e2031;
    stroke: #0e2031; }
  .sias-wrapper-interactive .highcharts-color-1 {
    fill: #f18a00;
    stroke: #f18a00; }
  .sias-wrapper-interactive .highcharts-color-2 {
    fill: #ffc629;
    stroke: #ffc629; }
  .sias-wrapper-interactive .highcharts-color-3 {
    fill: #e54360;
    stroke: #e54360; }
  .sias-wrapper-interactive .highcharts-color-4 {
    fill: #00c4b3;
    stroke: #00c4b3; }
  .sias-wrapper-interactive .highcharts--dark-theme .highcharts-legend-item > text {
    fill: #fff; }
  .sias-wrapper-interactive .highcharts--dark-theme .highcharts-legend-item:hover text {
    fill: #ccc; }
  .sias-wrapper-interactive .highcharts--dark-theme .highcharts-axis-labels, .sias-wrapper-interactive .highcharts--dark-theme .highcharts-axis-title {
    fill: #fff; }
  .sias-wrapper-interactive .highcharts--dark-theme .highcharts-color-0 {
    fill: #00c4b3;
    stroke: #00c4b3; }
  .sias-wrapper-interactive .highcharts--dark-theme .highcharts-color-2 {
    fill: #e54360;
    stroke: #e54360; }
  .sias-wrapper-interactive .highcharts--dark-theme .highcharts-color-3 {
    fill: #0e2031;
    stroke: #fff; }
  .sias-wrapper-interactive .highcharts--dark-theme .highcharts-color-4 {
    fill: #5886da;
    stroke: #5886da; }
  .sias-wrapper-interactive .highcharts-color-5 {
    fill: #f15c80;
    stroke: #f15c80; }
  .sias-wrapper-interactive .highcharts-color-6 {
    fill: #e4d354;
    stroke: #e4d354; }
  .sias-wrapper-interactive .highcharts-color-7 {
    fill: #2b908f;
    stroke: #2b908f; }
  .sias-wrapper-interactive .highcharts-color-8 {
    fill: #f45b5b;
    stroke: #f45b5b; }
  .sias-wrapper-interactive .highcharts-color-9 {
    fill: #91e8e1;
    stroke: #91e8e1; }
  .sias-wrapper-interactive .highcharts-area {
    fill-opacity: .75;
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-markers {
    stroke-width: 1px;
    stroke: #fff; }
    .sias-wrapper-interactive .highcharts-markers path {
      fill: inherit;
      stroke: inherit; }
  .sias-wrapper-interactive .highcharts-a11y-marker-hidden, .sias-wrapper-interactive .highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible) {
    opacity: 0; }
  .sias-wrapper-interactive .highcharts-point {
    stroke-width: 1px;
    fill: inherit; }
  .sias-wrapper-interactive .highcharts-dense-data .highcharts-point {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-data-label {
    font-size: .9em;
    font-weight: 700; }
  .sias-wrapper-interactive .highcharts-data-label-box {
    fill: none;
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-data-label text {
    fill: #333; }
  .sias-wrapper-interactive .highcharts-data-label-connector {
    fill: none; }
  .sias-wrapper-interactive .highcharts-data-label-hidden {
    pointer-events: none; }
  .sias-wrapper-interactive .highcharts-halo {
    fill-opacity: .25;
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-markers .highcharts-point-select, .sias-wrapper-interactive .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
    fill: #ccc;
    stroke: #000; }
  .sias-wrapper-interactive .highcharts-column-series rect.highcharts-point {
    stroke: inherit; }
  .sias-wrapper-interactive .highcharts-column-series .highcharts-point {
    transition: fill-opacity .25s; }
  .sias-wrapper-interactive .highcharts-column-series .highcharts-point-hover {
    fill-opacity: .75;
    transition: fill-opacity 50ms; }
  .sias-wrapper-interactive .highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #fff; }
  .sias-wrapper-interactive .highcharts-pie-series .highcharts-point-hover {
    fill-opacity: .75;
    transition: fill-opacity 50ms; }
  .sias-wrapper-interactive .highcharts-funnel-series .highcharts-point, .sias-wrapper-interactive .highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #fff; }
  .sias-wrapper-interactive .highcharts-funnel-series .highcharts-point-hover, .sias-wrapper-interactive .highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: .75;
    transition: fill-opacity 50ms; }
  .sias-wrapper-interactive .highcharts-funnel-series .highcharts-point-select, .sias-wrapper-interactive .highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit; }
  .sias-wrapper-interactive .highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: #e6e6e6;
    transition: stroke .25s,fill .25s,fill-opacity .25s; }
  .sias-wrapper-interactive .highcharts-treemap-series .highcharts-point-hover {
    stroke: #999;
    transition: stroke 25ms,fill 25ms,fill-opacity 25ms; }
  .sias-wrapper-interactive .highcharts-treemap-series .highcharts-above-level {
    display: none; }
  .sias-wrapper-interactive .highcharts-treemap-series .highcharts-internal-node {
    fill: none; }
  .sias-wrapper-interactive .highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: .15;
    cursor: pointer; }
    .sias-wrapper-interactive .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
      fill-opacity: .75; }
  .sias-wrapper-interactive .highcharts-vector-series .highcharts-point, .sias-wrapper-interactive .highcharts-windbarb-series .highcharts-point {
    fill: none;
    stroke-width: 2px; }
  .sias-wrapper-interactive .highcharts-lollipop-stem {
    stroke: #000; }
  .sias-wrapper-interactive .highcharts-focus-border {
    fill: none;
    stroke-width: 2px; }
  .sias-wrapper-interactive .highcharts-legend-item-hidden .highcharts-focus-border {
    fill: none !important; }
  .sias-wrapper-interactive .highcharts-legend-box {
    fill: none;
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-legend-item > text {
    fill: #000;
    font-weight: 700;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-legend-item:hover text {
    fill: #718096; }
  .sias-wrapper-interactive .highcharts-legend-item-hidden * {
    fill: #ccc !important;
    stroke: #ccc !important;
    transition: fill .25s; }
  .sias-wrapper-interactive .highcharts-legend-nav-active {
    fill: #039;
    cursor: pointer; }
  .sias-wrapper-interactive .highcharts-legend-nav-inactive {
    fill: #ccc; }
  .sias-wrapper-interactive circle.highcharts-legend-nav-active, .sias-wrapper-interactive circle.highcharts-legend-nav-inactive {
    fill: rgba(192, 192, 192, 0.0001); }
  .sias-wrapper-interactive .highcharts-legend-title-box {
    fill: none;
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-bubble-legend-symbol {
    stroke-width: 2;
    fill-opacity: .5; }
  .sias-wrapper-interactive .highcharts-bubble-legend-connectors {
    stroke-width: 1; }
  .sias-wrapper-interactive .highcharts-bubble-legend-labels {
    fill: #333; }
  .sias-wrapper-interactive .highcharts-loading {
    position: absolute;
    background-color: #fff;
    opacity: .5;
    text-align: center;
    z-index: 10;
    transition: opacity .25s; }
  .sias-wrapper-interactive .highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: opacity .25s,height .25s step-end; }
  .sias-wrapper-interactive .highcharts-loading-inner {
    font-weight: 700;
    position: relative;
    top: 45%; }
  .sias-wrapper-interactive .highcharts-pane, .sias-wrapper-interactive .highcharts-plot-band {
    fill: #000;
    fill-opacity: .05; }
  .sias-wrapper-interactive .highcharts-plot-line {
    fill: none;
    stroke: #999;
    stroke-width: 1px; }
  .sias-wrapper-interactive .highcharts-boxplot-box {
    fill: #fff; }
  .sias-wrapper-interactive .highcharts-boxplot-median {
    stroke-width: 2px; }
  .sias-wrapper-interactive .highcharts-bubble-series .highcharts-point {
    fill-opacity: .5; }
  .sias-wrapper-interactive .highcharts-errorbar-series .highcharts-point {
    stroke: #000; }
  .sias-wrapper-interactive .highcharts-gauge-series .highcharts-data-label-box {
    stroke: #ccc;
    stroke-width: 1px; }
  .sias-wrapper-interactive .highcharts-gauge-series .highcharts-dial {
    fill: #000;
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-polygon-series .highcharts-graph {
    fill: inherit;
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-waterfall-series .highcharts-graph {
    stroke: #333;
    stroke-dasharray: 1,3; }
  .sias-wrapper-interactive .highcharts-sankey-series .highcharts-point {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-sankey-series .highcharts-link {
    transition: fill .25s,fill-opacity .25s;
    fill-opacity: .5; }
  .sias-wrapper-interactive .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
    transition: fill 50ms,fill-opacity 50ms;
    fill-opacity: 1; }
  .sias-wrapper-interactive .highcharts-venn-series .highcharts-point {
    fill-opacity: .75;
    stroke: #ccc;
    transition: stroke .25s,fill-opacity .25s; }
  .sias-wrapper-interactive .highcharts-venn-series .highcharts-point-hover {
    fill-opacity: 1;
    stroke: #ccc; }
  .sias-wrapper-interactive .highcharts-navigator-mask-outside {
    fill-opacity: 0; }
  .sias-wrapper-interactive .highcharts-navigator-mask-inside {
    fill: #6685c2;
    fill-opacity: .25;
    cursor: ew-resize; }
  .sias-wrapper-interactive .highcharts-navigator-outline {
    stroke: #ccc;
    fill: none; }
  .sias-wrapper-interactive .highcharts-navigator-handle {
    stroke: #ccc;
    fill: #f2f2f2;
    cursor: ew-resize; }
  .sias-wrapper-interactive .highcharts-navigator-series {
    fill: #335cad;
    stroke: #335cad; }
    .sias-wrapper-interactive .highcharts-navigator-series .highcharts-graph {
      stroke-width: 1px; }
    .sias-wrapper-interactive .highcharts-navigator-series .highcharts-area {
      fill-opacity: .05; }
  .sias-wrapper-interactive .highcharts-navigator-xaxis .highcharts-axis-line {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-navigator-xaxis .highcharts-grid-line {
    stroke-width: 0;
    stroke: #e6e6e6; }
  .sias-wrapper-interactive .highcharts-navigator-xaxis.highcharts-axis-labels {
    fill: #999; }
  .sias-wrapper-interactive .highcharts-navigator-yaxis .highcharts-grid-line {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-scrollbar-thumb {
    fill: #ccc;
    stroke: #ccc;
    stroke-width: 1px; }
  .sias-wrapper-interactive .highcharts-scrollbar-button {
    fill: #e6e6e6;
    stroke: #ccc;
    stroke-width: 1px; }
  .sias-wrapper-interactive .highcharts-scrollbar-arrow {
    fill: #666; }
  .sias-wrapper-interactive .highcharts-scrollbar-rifles {
    stroke: #666;
    stroke-width: 1px; }
  .sias-wrapper-interactive .highcharts-scrollbar-track {
    fill: #f2f2f2;
    stroke: #f2f2f2;
    stroke-width: 1px; }
  .sias-wrapper-interactive .highcharts-button {
    fill: #f7f7f7;
    stroke: #ccc;
    cursor: default;
    stroke-width: 1px;
    transition: fill .25s; }
    .sias-wrapper-interactive .highcharts-button text {
      fill: #333; }
  .sias-wrapper-interactive .highcharts-button-hover {
    transition: fill 0ms;
    fill: #e6e6e6;
    stroke: #ccc; }
    .sias-wrapper-interactive .highcharts-button-hover text {
      fill: #333; }
  .sias-wrapper-interactive .highcharts-button-pressed {
    font-weight: 700;
    fill: #e6ebf5;
    stroke: #ccc; }
    .sias-wrapper-interactive .highcharts-button-pressed text {
      fill: #333;
      font-weight: 700; }
  .sias-wrapper-interactive .highcharts-button-disabled text {
    fill: #333; }
  .sias-wrapper-interactive .highcharts-range-selector-buttons .highcharts-button {
    stroke-width: 0px; }
  .sias-wrapper-interactive .highcharts-range-label rect {
    fill: none; }
  .sias-wrapper-interactive .highcharts-range-label text {
    fill: #666; }
  .sias-wrapper-interactive .highcharts-range-input {
    stroke-width: 1px;
    stroke: #ccc; }
    .sias-wrapper-interactive .highcharts-range-input rect {
      fill: none; }
    .sias-wrapper-interactive .highcharts-range-input text {
      fill: #333; }
  .sias-wrapper-interactive .highcharts-crosshair-label text {
    fill: #fff;
    font-size: 1.1em; }
  .sias-wrapper-interactive .highcharts-crosshair-label .highcharts-label-box {
    fill: inherit; }
  .sias-wrapper-interactive .highcharts-candlestick-series .highcharts-point {
    stroke: #000;
    stroke-width: 1px; }
  .sias-wrapper-interactive .highcharts-candlestick-series .highcharts-point-up {
    fill: #fff; }
  .sias-wrapper-interactive .highcharts-ohlc-series .highcharts-point-hover {
    stroke-width: 3px; }
  .sias-wrapper-interactive .highcharts-flags-series .highcharts-point .highcharts-label-box {
    stroke: #999;
    fill: #fff;
    transition: fill .25s; }
  .sias-wrapper-interactive .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
    stroke: #000;
    fill: #ccd6eb; }
  .sias-wrapper-interactive .highcharts-flags-series .highcharts-point text {
    fill: #000;
    font-size: .9em;
    font-weight: 700; }
  .sias-wrapper-interactive .highcharts-map-series .highcharts-point {
    transition: fill .5s,fill-opacity .5s,stroke-width .25s;
    stroke: #ccc; }
  .sias-wrapper-interactive .highcharts-map-series .highcharts-point-hover {
    transition: fill 0ms,fill-opacity 0ms;
    fill-opacity: .5;
    stroke-width: 2px; }
  .sias-wrapper-interactive .highcharts-mapline-series .highcharts-point {
    fill: none; }
  .sias-wrapper-interactive .highcharts-heatmap-series .highcharts-point {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center; }
  .sias-wrapper-interactive .highcharts-coloraxis {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-coloraxis-marker {
    fill: #999; }
  .sias-wrapper-interactive .highcharts-null-point {
    fill: #f7f7f7; }
  .sias-wrapper-interactive .highcharts-3d-frame {
    fill: transparent; }
  .sias-wrapper-interactive .highcharts-contextbutton {
    fill: #fff;
    stroke: none;
    stroke-linecap: round; }
    .sias-wrapper-interactive .highcharts-contextbutton:hover {
      fill: #e6e6e6;
      stroke: #e6e6e6; }
  .sias-wrapper-interactive .highcharts-button-symbol {
    stroke: #666;
    stroke-width: 3px; }
  .sias-wrapper-interactive .highcharts-menu {
    border: 1px solid #999;
    background: #fff;
    padding: 5px 0;
    box-shadow: 3px 3px 10px #888; }
  .sias-wrapper-interactive .highcharts-menu-item {
    padding: .5em 1em;
    background: none;
    color: #333;
    cursor: pointer;
    transition: background .25s,color .25s; }
    .sias-wrapper-interactive .highcharts-menu-item:hover {
      background: #335cad;
      color: #fff; }
  .sias-wrapper-interactive .highcharts-drilldown-point {
    cursor: pointer; }
  .sias-wrapper-interactive .highcharts-drilldown-axis-label, .sias-wrapper-interactive .highcharts-drilldown-data-label text {
    cursor: pointer;
    fill: #039;
    font-weight: 700;
    text-decoration: underline; }
  .sias-wrapper-interactive .highcharts-no-data text {
    font-weight: 700;
    font-size: 12px;
    fill: #666; }
  .sias-wrapper-interactive .highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: #000;
    stroke-width: 2px; }
  .sias-wrapper-interactive .highcharts-bullet-target {
    stroke-width: 0; }
  .sias-wrapper-interactive .highcharts-lineargauge-target, .sias-wrapper-interactive .highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333; }
  .sias-wrapper-interactive .highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000;
    fill: #000;
    fill-opacity: .75; }
  .sias-wrapper-interactive .highcharts-annotation-label text {
    fill: #e6e6e6; }
  .sias-wrapper-interactive .highcharts-treegrid-node-collapsed, .sias-wrapper-interactive .highcharts-treegrid-node-expanded {
    cursor: pointer; }
  .sias-wrapper-interactive .highcharts-point-connecting-path {
    fill: none; }
  .sias-wrapper-interactive .highcharts-grid-axis .highcharts-axis-line, .sias-wrapper-interactive .highcharts-grid-axis .highcharts-tick {
    stroke-width: 1px; }
  .sias-wrapper-interactive .sias-ie-only-image {
    display: none !important; }
  .sias-wrapper-interactive .sias-non-ie-only-image {
    display: block !important; }
  .sias-wrapper-interactive .sias-progress-line {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    transition-property: background-color;
    transition-timing-function: ease;
    transition-duration: .3s;
    height: 3px;
    --bg-opacity:1;
    background-color: #00c4b3;
    background-color: rgba(0, 196, 179, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-progress-line__green {
    --bg-opacity:1;
    background-color: #00c4b3;
    background-color: rgba(0, 196, 179, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-progress-line__red {
    --bg-opacity:1;
    background-color: #e54360;
    background-color: rgba(229, 67, 96, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-progress-line__yellow {
    --bg-opacity:1;
    background-color: #ffc629;
    background-color: rgba(255, 198, 41, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-progress-line__blue {
    --bg-opacity:1;
    background-color: #5886da;
    background-color: rgba(88, 134, 218, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-progress-line__grey {
    --bg-opacity:1;
    background-color: #dce3eb;
    background-color: rgba(220, 227, 235, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-progress-line__orange {
    --bg-opacity:1;
    background-color: #f18a00;
    background-color: rgba(241, 138, 0, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-header__base {
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    --bg-opacity:1;
    background-color: #00162c;
    background-color: rgba(0, 22, 44, var(--bg-opacity));
    background: linear-gradient(180deg, #00162c, rgba(0, 22, 44, 0.7) 60%, transparent); }
  .sias-wrapper-interactive .sias-header__container {
    display: flex;
    align-items: center; }
  .sias-wrapper-interactive .sias-header .sias-nav {
    margin-left: auto; }
  .sias-wrapper-interactive .sias-header .sias-nav__burger {
    display: none; }
  .sias-wrapper-interactive .sias-header .sias-nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0; }
    .sias-wrapper-interactive .sias-header .sias-nav ul li {
      list-style-type: none; }
      .sias-wrapper-interactive .sias-header .sias-nav ul li a {
        --text-opacity:1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity));
        padding: .75rem;
        display: block;
        font-size: 1rem;
        border-bottom-width: 4px;
        border-color: transparent;
        margin-left: .25rem;
        margin-right: .25rem;
        text-decoration: none;
        transition-property: border-color;
        transition-timing-function: ease;
        transition-duration: .3s; }
      .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-green a.pa-active, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-green a:focus, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-green a:hover {
        --border-opacity:1;
        border-color: #00c4b3;
        border-color: rgba(0, 196, 179, var(--border-opacity)); }
      .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-red a.pa-active, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-red a:focus, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-red a:hover {
        --border-opacity:1;
        border-color: #e54360;
        border-color: rgba(229, 67, 96, var(--border-opacity)); }
      .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-yellow a.pa-active, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-yellow a:focus, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-yellow a:hover {
        --border-opacity:1;
        border-color: #ffc629;
        border-color: rgba(255, 198, 41, var(--border-opacity)); }
      .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-blue a.pa-active, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-blue a:focus, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-blue a:hover {
        --border-opacity:1;
        border-color: #5886da;
        border-color: rgba(88, 134, 218, var(--border-opacity)); }
      .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-grey a.pa-active, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-grey a:focus, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-grey a:hover {
        --border-opacity:1;
        border-color: #dce3eb;
        border-color: rgba(220, 227, 235, var(--border-opacity)); }
      .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-orange a.pa-active, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-orange a:focus, .sias-wrapper-interactive .sias-header .sias-nav ul li.sias-nav-item-orange a:hover {
        --border-opacity:1;
        border-color: #f18a00;
        border-color: rgba(241, 138, 0, var(--border-opacity)); }
  .sias-wrapper-interactive .sias-integrate-section {
    padding-top: 8rem;
    padding-bottom: 8rem;
    --bg-opacity:1;
    background-color: #00162c;
    background-color: rgba(0, 22, 44, var(--bg-opacity));
    position: relative;
    z-index: 2;
    box-shadow: 0 0 99px rgba(0, 0, 0, 0.56); }
  .sias-wrapper-interactive .sias-integrate-section__intro {
    text-align: center;
    width: 66.666667%;
    margin-left: auto;
    margin-right: auto; }
  .sias-wrapper-interactive .sias-integrate-section__intro__title {
    --text-opacity:1;
    color: #5886da;
    color: rgba(88, 134, 218, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-integrate-section__overlapping-line {
    --bg-opacity:1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    position: absolute;
    width: 1px;
    height: 0;
    z-index: 5;
    transition-timing-function: ease;
    transition-duration: .5s;
    transition-property: height;
    left: 10%;
    top: 100%; }
  .sias-wrapper-interactive .sias-integrate-section .js-scroll-in-content.pa-active.sias-integrate-section__overlapping-line {
    height: 400px; }
  .sias-wrapper-interactive .sias-investing-section {
    padding-top: 8rem;
    padding-bottom: 8rem;
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    position: relative; }
    .sias-wrapper-interactive .sias-investing-section:before {
      content: "";
      width: 100%;
      height: 200px;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      position: absolute;
      left: 0;
      top: -150px;
      transform: skewY(-2deg); }
  .sias-wrapper-interactive .sias-investing-section__intro {
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto; }
  .sias-wrapper-interactive .sias-investing-section__intro__text {
    font-size: 1.125rem;
    line-height: 1.5rem; }
  .sias-wrapper-interactive .sias-investing-section__grid {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem; }
  .sias-wrapper-interactive .sias-investing-section__cell {
    width: 33.333333%;
    padding-left: .5rem;
    padding-right: .5rem; }
  .sias-wrapper-interactive .sias-investing-section__cell__inner {
    position: relative;
    padding: 2rem;
    border-width: 1px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    display: flex;
    flex-direction: column;
    height: 100%;
    transition-property: background-color;
    transition-timing-function: ease;
    transition-duration: .3s; }
    .sias-wrapper-interactive .sias-investing-section__cell__inner:focus, .sias-wrapper-interactive .sias-investing-section__cell__inner:hover {
      --bg-opacity:1;
      background-color: #ffc629;
      background-color: rgba(255, 198, 41, var(--bg-opacity)); }
    .sias-wrapper-interactive .sias-investing-section__cell__inner:focus .sias-investing-section__cell__main-sec, .sias-wrapper-interactive .sias-investing-section__cell__inner:hover .sias-investing-section__cell__main-sec {
      transform: translateY(0);
      transition-delay: 0; }
    .sias-wrapper-interactive .sias-investing-section__cell__inner:focus .sias-investing-section__cell__info, .sias-wrapper-interactive .sias-investing-section__cell__inner:focus .sias-investing-section__cell__main-img {
      fill: #00162c; }
    .sias-wrapper-interactive .sias-investing-section__cell__inner:hover .sias-investing-section__cell__info, .sias-wrapper-interactive .sias-investing-section__cell__inner:hover .sias-investing-section__cell__main-img {
      fill: #00162c; }
    .sias-wrapper-interactive .sias-investing-section__cell__inner:focus .sias-investing-section__cell__main-img--compass, .sias-wrapper-interactive .sias-investing-section__cell__inner:hover .sias-investing-section__cell__main-img--compass {
      stroke: #00162c; }
    .sias-wrapper-interactive .sias-investing-section__cell__inner:focus .sias-investing-section__cell__line, .sias-wrapper-interactive .sias-investing-section__cell__inner:hover .sias-investing-section__cell__line {
      --bg-opacity:1;
      background-color: #00162c;
      background-color: rgba(0, 22, 44, var(--bg-opacity)); }
    .sias-wrapper-interactive .sias-investing-section__cell__inner:focus .sias-investing-section__cell__title, .sias-wrapper-interactive .sias-investing-section__cell__inner:hover .sias-investing-section__cell__title {
      --text-opacity:1;
      color: #00162c;
      color: rgba(0, 22, 44, var(--text-opacity)); }
    .sias-wrapper-interactive .sias-investing-section__cell__inner:focus .sias-investing-section__cell__description, .sias-wrapper-interactive .sias-investing-section__cell__inner:hover .sias-investing-section__cell__description {
      opacity: 1;
      transition-delay: .4s; }
  .sias-wrapper-interactive .sias-investing-section__cell__info {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 1rem;
    margin-top: 1rem;
    fill: #ffc629;
    height: 35px;
    width: 35px;
    transition-property: fill,stroke;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-investing-section__cell__main-img {
    fill: #ffc629;
    height: 100px;
    transition-property: fill;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-investing-section__cell__main-img--compass {
    stroke: #ffc629;
    width: 104px; }
  .sias-wrapper-interactive .sias-investing-section__cell__main-img--bullseye {
    width: 100px; }
  .sias-wrapper-interactive .sias-investing-section__cell__main-img--money {
    width: 47px; }
  .sias-wrapper-interactive .sias-investing-section__cell__line {
    height: 6px;
    width: 100px;
    display: block;
    --bg-opacity:1;
    background-color: #ffc629;
    background-color: rgba(255, 198, 41, var(--bg-opacity));
    margin-top: 1rem;
    margin-bottom: 1rem;
    transition-property: background-color;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-investing-section__cell__title {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    transition-property: color;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-investing-section__cell__description {
    opacity: 0;
    --text-opacity:1;
    color: #00162c;
    color: rgba(0, 22, 44, var(--text-opacity));
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-investing-section__cell__main-sec {
    transform: translateY(50px);
    transition-property: transform;
    transition-timing-function: ease;
    transition-duration: .3s;
    transition-delay: .4s; }
  .sias-wrapper-interactive .sias-investing-section__bottom-text {
    margin-top: 2rem;
    text-align: center; }
  .sias-wrapper-interactive .sias-investing-section__overlapping-line {
    --bg-opacity:1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    position: absolute;
    width: 1px;
    height: 0;
    z-index: 5;
    transition-timing-function: ease;
    transition-duration: .5s;
    transition-property: height;
    right: 15%;
    top: calc(100% + 50px); }
  .sias-wrapper-interactive .sias-investing-section .js-scroll-in-content.pa-active.sias-investing-section__overlapping-line {
    height: 170px; }
  .sias-wrapper-interactive .sias-section-1 {
    padding-top: 8rem;
    position: relative; }
    .sias-wrapper-interactive .sias-section-1 .sias-border-box {
      width: 60%;
      padding: 3rem;
      margin-left: 4rem; }
    .sias-wrapper-interactive .sias-section-1 .sias-border-box--right {
      margin-left: auto;
      z-index: 9;
      margin-top: -20px; }
      .sias-wrapper-interactive .sias-section-1 .sias-border-box--right .sias-slanted-border-box__bg:after, .sias-wrapper-interactive .sias-section-1 .sias-border-box--right .sias-slanted-border-box__bg:before {
        --bg-opacity:1;
        background-color: #172b3f;
        background-color: rgba(23, 43, 63, var(--bg-opacity)); }
    .sias-wrapper-interactive .sias-section-1 .sias-border-box__cut-out {
      position: absolute;
      bottom: 0;
      left: 0;
      --bg-opacity:1;
      background-color: #00162c;
      background-color: rgba(0, 22, 44, var(--bg-opacity));
      height: 2.5rem;
      width: 25%; }
    .sias-wrapper-interactive .sias-section-1 .sias-border-box__line {
      position: relative; }
      .sias-wrapper-interactive .sias-section-1 .sias-border-box__line:after {
        content: "";
        position: absolute;
        --bg-opacity:1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        width: 1px;
        height: 0;
        z-index: 5;
        transition-timing-function: ease;
        transition-duration: .1s;
        transition-property: height; }
      .sias-wrapper-interactive .sias-section-1 .sias-border-box__line:before {
        content: "";
        position: absolute;
        --bg-opacity:1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        width: 1px;
        height: 0;
        z-index: 5;
        transition-timing-function: ease;
        transition-duration: .1s;
        transition-property: height;
        top: 20px;
        transition-delay: .8s;
        left: 30%; }
      .sias-wrapper-interactive .sias-section-1 .sias-border-box__line:after {
        transform: rotate(-90deg);
        top: 80px;
        transform-origin: top center;
        transition-delay: .9s;
        left: 30%; }
    .sias-wrapper-interactive .sias-section-1 .sias-border-box__title {
      font-size: 1.875rem;
      line-height: 2.5rem;
      margin-bottom: 0;
      font-family: Roboto Regular,sans-serif; }
      .sias-wrapper-interactive .sias-section-1 .sias-border-box__title strong {
        font-size: 2.25rem;
        line-height: 2.5rem; }
  .sias-wrapper-interactive .sias-section-1__connecting-line {
    content: "";
    position: absolute;
    --bg-opacity:1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    width: 1px;
    height: 0;
    z-index: 5;
    transition-timing-function: ease;
    transition-duration: .5s;
    transition-property: height;
    transition-delay: 2.3s;
    right: 20%;
    top: calc(100% - 70px); }
  .sias-wrapper-interactive .sias-section-1 .js-scroll-in-content.pa-active .sias-border-box__line:before {
    height: 60px; }
  .sias-wrapper-interactive .sias-section-1 .js-scroll-in-content.pa-active .sias-border-box__line:after {
    height: 100px;
    height: 10vw; }
  .sias-wrapper-interactive .sias-section-1 .js-scroll-in-content.pa-active .sias-section-1__connecting-line {
    height: 250px; }
  .sias-wrapper-interactive .sias-section-1 .sias-center-text {
    margin: 3rem auto 0;
    position: relative;
    z-index: 8;
    width: 55%; }
  .sias-wrapper-interactive .sias-section-1 .sias-left-text {
    width: 60%;
    margin-top: 5rem;
    margin-bottom: 1rem;
    position: relative; }
  .sias-wrapper-interactive .sias-learn-more-section {
    --bg-opacity:1;
    background-color: #00162c;
    background-color: rgba(0, 22, 44, var(--bg-opacity));
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-shadow: 0 0 99px rgba(0, 0, 0, 0.56); }
  .sias-wrapper-interactive .sias-learn-more-section__intro {
    text-align: center;
    width: 33.333333%;
    margin-left: auto;
    margin-right: auto; }
  .sias-wrapper-interactive .sias-learn-more-section__intro__title {
    --text-opacity:1;
    color: #f18a00;
    color: rgba(241, 138, 0, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-learn-more-section__intro__description {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: 1.125rem;
    line-height: 1.5rem; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box {
    margin-left: auto;
    margin-top: 4rem;
    position: relative;
    z-index: 5;
    width: 90%;
    margin-bottom: 200px; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box__lines {
    position: relative; }
    .sias-wrapper-interactive .sias-learn-more-section__second-box__lines:after {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      width: 1px;
      height: 0;
      z-index: 5;
      transition-timing-function: ease;
      transition-duration: .2s;
      transition-property: height;
      top: 100%;
      right: 15%;
      transition-delay: 1.3s; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box .sias-slanted-border-box__bg:after {
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-learn-more-section__second-box .sias-slanted-border-box__bg:before {
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    border-top-width: 8px;
    border-top-color: #f18a00; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box .sias-slanted-border-box__content {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem;
    align-items: center; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box__left-side {
    width: 40%;
    padding-left: .5rem;
    padding-right: .5rem; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box__left-side__img {
    display: block;
    width: 60%;
    margin: 1rem auto 0; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box__right-side {
    width: 60%;
    padding: 0; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box__right-side__inner {
    padding: 2rem; }
  .sias-wrapper-interactive .sias-learn-more-section__second-box__right-side__title {
    --text-opacity:1;
    color: #f18a00;
    color: rgba(241, 138, 0, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-learn-more-section__second-box__right-side__text {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: 1.125rem;
    line-height: 1.5rem; }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section {
    position: relative;
    padding-left: 10%;
    padding-right: 30%; }
    .sias-wrapper-interactive .sias-learn-more-section__bottom-section:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      display: block;
      width: 0;
      height: 1px;
      top: 100px;
      right: 15%;
      transition-property: width;
      transition-timing-function: ease;
      transition-duration: .3s;
      transition-delay: 1.5s; }
    .sias-wrapper-interactive .sias-learn-more-section__bottom-section:after {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      border-radius: 9999px;
      top: 90px;
      width: 20px;
      height: 20px;
      right: calc(25% - 10px);
      transform: scale(0);
      transition-property: transform;
      transition-timing-function: ease;
      transition-duration: .3s;
      transition-delay: 1.8s; }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__right-align-text {
    margin-left: auto;
    width: 66.666667%; }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section .sias-border-box {
    border-width: 1px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity)); }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section .sias-slanted-border-box__content {
    padding: 2rem; }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box {
    border-width: 1px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    padding: 1.5rem;
    display: flex;
    align-items: center;
    margin-top: 4rem;
    position: relative;
    width: 66.666667%; }
    .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      width: 0;
      height: 1px;
      top: 50%;
      margin-top: -1px;
      left: -100%;
      transition-property: width;
      transition-timing-function: ease;
      transition-duration: .3s;
      transition-delay: .8s; }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box__left-side {
    width: 33.333333%;
    padding-left: .5rem;
    padding-right: .5rem; }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box__left-side__img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%; }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box__right-side {
    width: 66.666667%;
    padding-left: .5rem;
    padding-right: .5rem; }
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box--right {
    display: flex;
    justify-content: flex-end; }
    .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box--right .sias-learn-more-section__bottom-section__border-box:before {
      left: auto;
      right: -100%; }
  .sias-wrapper-interactive .sias-learn-more-section .js-scroll-in-content.pa-active.sias-learn-more-section__second-box__lines:after {
    height: 300px; }
  .sias-wrapper-interactive .sias-learn-more-section .js-scroll-in-content.pa-active.sias-learn-more-section__bottom-section__border-box:before {
    width: 100%; }
  .sias-wrapper-interactive .sias-learn-more-section .js-scroll-in-content.pa-active + .js-scroll-in-content.pa-active.sias-learn-more-section__bottom-section:before {
    width: 10%; }
  .sias-wrapper-interactive .sias-learn-more-section .js-scroll-in-content.pa-active + .js-scroll-in-content.pa-active.sias-learn-more-section__bottom-section:after {
    transform: scale(1); }
  .sias-wrapper-interactive .sias-solutions-section {
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    padding-top: 8rem;
    padding-bottom: 8rem; }
  .sias-wrapper-interactive .sias-solutions-section__title {
    --text-opacity:1;
    color: #808890;
    color: rgba(128, 136, 144, var(--text-opacity));
    text-align: center;
    margin-bottom: 2rem; }
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box {
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    position: relative;
    z-index: 6; }
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box--large {
    border-width: 1px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    padding: 3rem; }
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quote, .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quotee {
    padding-left: 92px; }
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quote {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    position: relative;
    font-size: 40px;
    line-height: 48px;
    background: url(/o/msci/images/stein-esg-perf-during-covid/icon-blue-quote.svg) no-repeat 0 0;
    background-size: 76px 38px;
    font-family: Roboto Bold,sans-serif; }
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quotee {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0;
    font-weight: 400; }
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box.sias-slanted-border-box {
    width: 66.666667%;
    margin-left: auto;
    padding: 2rem 3rem;
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    margin-top: 6rem;
    margin-bottom: 6rem; }
    .sias-wrapper-interactive .sias-solutions-section .sias-border-box.sias-slanted-border-box:before {
      --bg-opacity:1;
      background-color: #0e2031;
      background-color: rgba(14, 32, 49, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box .sias-slanted-border-box__bg:after, .sias-wrapper-interactive .sias-solutions-section .sias-border-box .sias-slanted-border-box__bg:before {
    --bg-opacity:1;
    background-color: #172b3f;
    background-color: rgba(23, 43, 63, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-solutions-section__second-sec-intro {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 3rem; }
  .sias-wrapper-interactive .sias-solutions-section__second-sec-intro__title {
    --text-opacity:1;
    color: #808890;
    color: rgba(128, 136, 144, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-solutions-section__second-sec-intro__desc {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-top: 8rem; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-container, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text {
      width: 50%;
      padding-left: .5rem;
      padding-right: .5rem; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__inner {
      padding: 1rem; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__intro {
      font-size: 1.125rem;
      line-height: 1.5rem;
      --text-opacity:1;
      color: #fff;
      color: rgba(255, 255, 255, var(--text-opacity));
      margin-bottom: 2rem;
      font-family: Roboto Bold,sans-serif; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slides {
      position: relative;
      padding-right: 60px; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__controls {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullets {
      display: none; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullet {
      --bg-opacity:1;
      background-color: #0e2031;
      background-color: rgba(14, 32, 49, var(--bg-opacity));
      border-width: 1px;
      --border-opacity:1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      margin-right: 1rem;
      border-radius: 9999px;
      width: 15px;
      height: 15px;
      transition-property: all;
      transition-timing-function: ease;
      transition-duration: .3s; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullet:last-child {
        margin-right: 0; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullet:focus, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullet:hover {
        --bg-opacity:1;
        background-color: #ffc629;
        background-color: rgba(255, 198, 41, var(--bg-opacity)); }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullet.pa-active {
        --bg-opacity:1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity)); }
        .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullet.pa-active:focus, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullet.pa-active:hover {
          --bg-opacity:1;
          background-color: #fff;
          background-color: rgba(255, 255, 255, var(--bg-opacity)); }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow {
      position: absolute;
      right: 0;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      border-radius: 9999px;
      border-width: 1px;
      border-color: transparent;
      width: 40px;
      height: 40px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.57);
      transition-property: background-color,border;
      transition-timing-function: ease;
      transition-duration: .3s; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow:focus, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow:hover {
        --bg-opacity:1;
        background-color: #0e2031;
        background-color: rgba(14, 32, 49, var(--bg-opacity));
        --border-opacity:1;
        border-color: #fff;
        border-color: rgba(255, 255, 255, var(--border-opacity)); }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 0;
        width: 0;
        transition-property: border;
        transition-timing-function: ease;
        transition-duration: .3s; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--up {
      top: 0; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--up:before {
        margin-top: -1px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0e2031; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--up:focus:before, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--up:hover:before {
        border-bottom: 10px solid #00c4b3; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--down {
      top: 150px; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--down:before {
        margin-top: 2px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #0e2031; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--down:focus:before, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--down:hover:before {
        border-top: 10px solid #00c4b3; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
      --text-opacity:1;
      color: #fff;
      color: rgba(255, 255, 255, var(--text-opacity));
      opacity: 0;
      transition-property: opacity;
      transition-timing-function: ease;
      transition-duration: .3s; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide.pa-active {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
        opacity: 1;
        transition-delay: .2s; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide > p {
        font-size: 1.125rem;
        line-height: 1.5rem;
        --text-opacity:1;
        color: #fff;
        color: rgba(255, 255, 255, var(--text-opacity)); }
        .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide > p a {
          font-size: 1.125rem;
          line-height: 1.5rem; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide :last-child {
        margin-bottom: 0; }
      .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide .sias-circular-carousel__item {
        display: none;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        text-align: center; }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel {
    border-width: 1px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    border-radius: 9999px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 23rem;
    height: 23rem;
    border-radius: 50%;
    padding: 0;
    list-style: none;
    transition-property: transform;
    transition-timing-function: ease;
    transition-duration: .3s; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > * {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -6rem;
      width: 12rem;
      height: 12rem; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > :first-of-type {
      transform: rotate(0deg) translate(11.5rem) rotate(0deg); }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > :nth-of-type(2) {
      transform: rotate(90deg) translate(11.5rem) rotate(-90deg); }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > :nth-of-type(3) {
      transform: rotate(180deg) translate(11.5rem) rotate(-180deg); }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > :nth-of-type(4) {
      transform: rotate(270deg) translate(11.5rem) rotate(-270deg); }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__anti-rotate {
    height: 100%;
    width: 100%;
    transition-property: transform;
    transition-timing-function: ease;
    transition-duration: .3s; }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__item {
    height: 100%;
    width: 100%;
    transition-property: transform;
    transition-timing-function: ease;
    transition-duration: .3s;
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-width: 2px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    border-radius: 9999px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    transform: scale(0.8);
    transform-origin: center center; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__item:focus, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__item:hover {
      transform: scale(0.9); }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__item.pa-active {
      transform: scale(1); }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__item--yellow {
    --border-opacity:1;
    border-color: #ffc629;
    border-color: rgba(255, 198, 41, var(--border-opacity));
    --text-opacity:1;
    color: #ffc629;
    color: rgba(255, 198, 41, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__item--green {
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity));
    --text-opacity:1;
    color: #00c4b3;
    color: rgba(0, 196, 179, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__item--red {
    --border-opacity:1;
    border-color: #e54360;
    border-color: rgba(229, 67, 96, var(--border-opacity));
    --text-opacity:1;
    color: #e54360;
    color: rgba(229, 67, 96, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__item--blue {
    --border-opacity:1;
    border-color: #5886da;
    border-color: rgba(88, 134, 218, var(--border-opacity));
    --text-opacity:1;
    color: #5886da;
    color: rgba(88, 134, 218, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__text {
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    width: 100%;
    font-family: Roboto Bold,sans-serif; }
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__img {
    margin-bottom: .5rem;
    display: block;
    width: 60px;
    height: 60px; }
  .sias-wrapper-interactive .sias-solutions-section__sources {
    font-size: .75rem;
    --text-opacity:1;
    color: #808890;
    color: rgba(128, 136, 144, var(--text-opacity));
    margin-top: 8rem;
    width: 75%;
    margin-bottom: 0; }
  .sias-wrapper-interactive .sias-solutions-section__sources--half-width {
    width: 50%; }
  .sias-wrapper-interactive .sias-solutions-section__sources--small-margin {
    margin-top: 2rem; }
  .sias-wrapper-interactive .sias-solutions-section__sources p {
    font-size: .75rem; }
  .sias-wrapper-interactive .sias-solutions-section__sources a, .sias-wrapper-interactive .sias-solutions-section__sources p {
    --text-opacity:1;
    color: #808890;
    color: rgba(128, 136, 144, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-resilience-section__line {
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    display: block;
    filter: drop-shadow(0 -30px 99px rgba(0, 0, 0, 0.65)); }
    .sias-wrapper-interactive .sias-resilience-section__line path {
      stroke-dasharray: 1920;
      stroke-dashoffset: 1920; }
  .sias-wrapper-interactive .sias-resilience-section__copy {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .sias-wrapper-interactive .sias-resilience-section__copy-title {
    --text-opacity:1;
    color: #e54360;
    color: rgba(229, 67, 96, var(--text-opacity));
    margin-bottom: 1.5rem; }
  .sias-wrapper-interactive .sias-resilience-section__copy-description {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.5rem; }
  .sias-wrapper-interactive .sias-resilience-section__map {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    top: 0; }
    .sias-wrapper-interactive .sias-resilience-section__map:before {
      content: "";
      display: block;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 100px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
      z-index: 2; }
    .sias-wrapper-interactive .sias-resilience-section__map path {
      fill: #00c4b3;
      transition: fill 2s linear 1.3s; }
    .sias-wrapper-interactive .sias-resilience-section__map polygon {
      stroke: #00c4b3;
      transition: stroke 2s linear 1.3s; }
  .sias-wrapper-interactive .sias-resilience-section__map-container {
    position: relative; }
  .sias-wrapper-interactive .sias-resilience-section__graph {
    box-shadow: 0 -30px 99px 0 rgba(0, 0, 0, 0.18);
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 4; }
  .sias-wrapper-interactive .sias-resilience-section__graph-container {
    width: 75%;
    margin-left: auto;
    margin-right: auto; }
  .sias-wrapper-interactive .sias-resilience-section__graph-container--line {
    position: relative;
    padding-bottom: 6rem; }
    .sias-wrapper-interactive .sias-resilience-section__graph-container--line:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #00162c;
      background-color: rgba(0, 22, 44, var(--bg-opacity));
      width: 1px;
      height: 0;
      z-index: 5;
      transition-timing-function: ease;
      transition-duration: .2s;
      transition-property: height;
      transition-delay: .8s;
      left: 10%;
      top: calc(100% - 8rem); }
  .sias-wrapper-interactive .sias-resilience-section__graph .highcharts {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top-width: 8px;
    --border-opacity:1;
    border-color: #e54360;
    border-color: rgba(229, 67, 96, var(--border-opacity));
    border-radius: .25rem;
    --bg-opacity:1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-resilience-section__graph-footer {
    width: 75%;
    position: relative;
    z-index: 8; }
  .sias-wrapper-interactive .sias-resilience-section .sias-source-text {
    --text-opacity:1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
    font-size: .75rem; }
  .sias-wrapper-interactive .sias-resilience-section .sias-right-side-content {
    position: relative;
    width: 50%;
    margin-left: auto;
    padding: 3rem;
    transition-property: background-color;
    transition-timing-function: ease;
    transition-duration: .3s; }
    .sias-wrapper-interactive .sias-resilience-section .sias-right-side-content:after {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #00162c;
      background-color: rgba(0, 22, 44, var(--bg-opacity));
      width: 1px;
      height: 0;
      z-index: 5;
      transition-timing-function: ease;
      transition-duration: .2s;
      transition-property: height; }
    .sias-wrapper-interactive .sias-resilience-section .sias-right-side-content:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #00162c;
      background-color: rgba(0, 22, 44, var(--bg-opacity));
      width: 1px;
      height: 0;
      z-index: 5;
      transition-timing-function: ease;
      transition-duration: .2s;
      transition-property: height;
      top: -6rem;
      left: 5%;
      transition-delay: .8s; }
    .sias-wrapper-interactive .sias-resilience-section .sias-right-side-content:after {
      top: 100%;
      right: 5%;
      transition-delay: 1.3s; }
  .sias-wrapper-interactive .sias-resilience-section .sias-right-side-content__container {
    padding-top: 6rem;
    padding-bottom: 6rem; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem;
    align-items: flex-start;
    position: relative; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__source-text {
    width: 50%;
    font-size: .75rem;
    --text-opacity:1;
    color: #808890;
    color: rgba(128, 136, 144, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell {
    width: 33.333333%;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
    display: block;
    z-index: 4;
    height: 40px; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__circle {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 20px;
    width: 100%; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__circle:after {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #e54360;
      background-color: rgba(229, 67, 96, var(--bg-opacity));
      border-radius: 9999px;
      z-index: 6;
      top: 50%;
      left: 50%;
      height: 20px;
      width: 20px;
      margin: -10px 0 0 -10px; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__circle:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #e54360;
      background-color: rgba(229, 67, 96, var(--bg-opacity));
      border-radius: 9999px;
      z-index: 6;
      top: 50%;
      left: 50%;
      height: 20px;
      width: 20px;
      margin: -10px 0 0 -10px;
      transition-property: all;
      transition-timing-function: ease;
      transition-duration: .3s; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__circle:after {
      -webkit-animation: pulsate 1s ease infinite;
      animation: pulsate 1s ease infinite; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__circle__line {
    --bg-opacity:1;
    background-color: #00162c;
    background-color: rgba(0, 22, 44, var(--bg-opacity));
    position: absolute;
    left: 50%;
    z-index: 5;
    width: calc(100% + 1rem);
    top: 50%;
    margin-top: -1px;
    height: 1px; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__content {
    position: absolute;
    text-align: left;
    overflow-y: auto;
    pointer-events: auto;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 61%;
    max-height: 250px;
    z-index: 6; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__title {
    --text-opacity:1;
    color: #e54360;
    color: rgba(229, 67, 96, var(--text-opacity)); }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__description {
    overflow: hidden;
    height: auto;
    margin-bottom: 0;
    max-height: 0;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell.pa-active .sias-line-hover-section__cell__content {
    bottom: 56px; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell.pa-active .sias-line-hover-section__cell__description {
    max-height: 1000px;
    transition: max-height 1s ease-in-out; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell.pa-active .sias-line-hover-section__cell__circle {
    height: 40px; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell.pa-active .sias-line-hover-section__cell__circle:before {
      width: 40px;
      height: 40px;
      margin: -20px 0 0 -20px; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell.pa-active .sias-line-hover-section__cell__circle:after {
      display: none; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell.pa-active.sias-line-hover-section__cell--3 .sias-line-hover-section__cell__content {
    bottom: 100px; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 {
    margin-top: 350px;
    margin-bottom: 250px; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__circle__line {
      transform: skewY(-11deg) translateY(-37px); }
      .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__circle__line:before {
        content: "";
        --bg-opacity:1;
        background-color: #00162c;
        background-color: rgba(0, 22, 44, var(--bg-opacity));
        position: absolute;
        width: 999px;
        height: 1px;
        transition-property: all;
        transition-timing-function: ease;
        transition-duration: .3s;
        transition-delay: .3s;
        right: 0;
        transform: skewY(-14deg) translate(-375px, 34px);
        bottom: 0; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 {
    margin-top: 275px;
    margin-bottom: 325px; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 .sias-line-hover-section__cell__circle__line {
      transform: skewY(25deg) translateY(88px); }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 {
    margin-top: 450px;
    margin-bottom: 150px; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 .sias-line-hover-section__cell__content {
      bottom: 80px; }
    .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 .sias-line-hover-section__cell__circle__line {
      width: 999px;
      transform: skewY(-21deg);
      transform-origin: left center; }
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__overlapping-line {
    position: absolute;
    background-color: #00162c;
    background: linear-gradient(180deg, #00162c, #00162c 35%, #fff);
    width: 1px;
    height: 0;
    z-index: 5;
    transition-timing-function: ease;
    transition-duration: .5s;
    transition-property: height;
    right: 15%;
    top: calc(100% - 100px); }
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-line-hover-section__overlapping-line {
    height: 250px; }
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active .sias-resilience-section__line path {
    -webkit-animation: dash 1.3s linear forwards;
    animation: dash 1.3s linear forwards; }
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active .sias-resilience-section__map path {
    fill: #e54360; }
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active .sias-resilience-section__map polygon {
    stroke: #e54360; }
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-right-side-content {
    --bg-opacity:1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity)); }
    .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-right-side-content:after, .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-right-side-content:before {
      height: 6rem; }
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-resilience-section__graph-container--line:before {
    height: 6rem; }
  .sias-wrapper-interactive .sias-section-2__mountain-line {
    margin-top: -250px; }
    .sias-wrapper-interactive .sias-section-2__mountain-line svg {
      width: 100%;
      height: auto;
      display: block;
      filter: drop-shadow(0 -40px 99px rgba(0, 0, 0, 0.65)); }
    .sias-wrapper-interactive .sias-section-2__mountain-line path {
      stroke-dasharray: 3000;
      stroke-dashoffset: 3000; }
  .sias-wrapper-interactive .sias-section-2__connecting-line {
    content: "";
    position: absolute;
    --bg-opacity:1;
    background-color: #00162c;
    background-color: rgba(0, 22, 44, var(--bg-opacity));
    width: 1px;
    height: 0;
    z-index: 5;
    transition-timing-function: ease;
    transition-duration: .5s;
    transition-property: height;
    transition-delay: 2.3s;
    right: 20%;
    top: 100%; }
  .sias-wrapper-interactive .sias-section-2 .sias-right-side-content {
    width: 60%;
    margin-left: auto;
    position: relative;
    top: -150px; }
  .sias-wrapper-interactive .sias-section-2 .sias-center-text {
    border-width: 1px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    padding: 4rem;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
  .sias-wrapper-interactive .sias-section-2 .sias-center-text-container {
    padding-top: 100px;
    padding-bottom: 250px; }
  .sias-wrapper-interactive .sias-section-2 .sias-center-text__title {
    margin-bottom: 0;
    font-family: Roboto Regular,sans-serif; }
  .sias-wrapper-interactive .sias-section-2 .sias-center-text:before {
    content: "";
    position: absolute;
    --bg-opacity:1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    width: 1px;
    height: 0;
    z-index: 5;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: height;
    top: -200px;
    right: 20%; }
  .sias-wrapper-interactive .sias-section-2 .sias-center-text__bottom-line {
    content: "";
    position: absolute;
    --bg-opacity:1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    width: 1px;
    height: 0;
    z-index: 5;
    transition-timing-function: ease;
    transition-duration: .5s;
    transition-property: height;
    transition-delay: 1.3s;
    top: 100%;
    left: 20%; }
    .sias-wrapper-interactive .sias-section-2 .sias-center-text__bottom-line:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      border-radius: 9999px;
      bottom: -10px;
      width: 20px;
      height: 20px;
      left: 50%;
      transform: translateX(-50%) scale(0);
      transition-property: transform;
      transition-timing-function: ease;
      transition-duration: .3s;
      transition-delay: 1.8s; }
  .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item-next, .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item-prev, .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item-next > *, .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item-prev > * {
    width: 100%; }
  .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item.active > * {
    width: 100%; }
  .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item .sias-border-box {
    width: 60%;
    padding: 3rem;
    margin-left: auto;
    margin-right: auto; }
    .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item .sias-border-box .sias-slanted-border-box__bg:after, .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item .sias-border-box .sias-slanted-border-box__bg:before {
      --bg-opacity:1;
      background-color: #0e2031;
      background-color: rgba(14, 32, 49, var(--bg-opacity)); }
    .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item .sias-border-box:before {
      --bg-opacity:1;
      background-color: #0e2031;
      background-color: rgba(14, 32, 49, var(--bg-opacity)); }
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__title {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-left: 10%;
    padding-right: 10%; }
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid {
    border-width: 1px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    --bg-opacity:1;
    background-color: #00162c;
    background-color: rgba(0, 22, 44, var(--bg-opacity));
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2rem; }
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-img {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%; }
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-title {
    --text-opacity:1;
    color: #00c4b3;
    color: rgba(0, 196, 179, var(--text-opacity));
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 1rem;
    margin-bottom: .5rem; }
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-container {
    padding-bottom: 8rem;
    position: relative; }
    .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-container:after {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      width: 1px;
      height: 0;
      z-index: 5;
      transition-timing-function: ease;
      transition-duration: .2s;
      transition-property: height; }
    .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-container:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      width: 1px;
      height: 0;
      z-index: 5;
      transition-timing-function: ease;
      transition-duration: .2s;
      transition-property: height;
      top: -250px;
      right: 5%;
      transition-delay: .8s; }
    .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-container:after {
      top: calc(100% - 9rem);
      left: 20%;
      transition-delay: 1.3s; }
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content {
    width: 50%;
    margin-left: auto;
    position: relative; }
    .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      display: block;
      width: 0;
      height: 1px;
      top: 104px;
      left: -60%;
      transition-property: width;
      transition-timing-function: ease;
      transition-duration: .3s;
      transition-delay: 1.5s; }
    .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content:after {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
      border-radius: 9999px;
      top: 94px;
      width: 20px;
      height: 20px;
      left: calc(-10% - 10px);
      transform: scale(0);
      transition-property: transform;
      transition-timing-function: ease;
      transition-duration: .3s;
      transition-delay: 1.8s; }
  .sias-wrapper-interactive .sias-section-2 .sias-sources-copy {
    --text-opacity:1;
    color: #808890;
    color: rgba(128, 136, 144, var(--text-opacity));
    font-size: .75rem;
    width: 50%; }
  .sias-wrapper-interactive .sias-section-2 .sias-sources-copy--larger {
    width: 75%; }
  .sias-wrapper-interactive .sias-section-2.js-scroll-in-content-container.pa-active .sias-section-2__mountain-line svg path {
    -webkit-animation: dash 1.3s ease-in-out forwards;
    animation: dash 1.3s ease-in-out forwards; }
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-center-text:before {
    height: 200px; }
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-center-text__bottom-line {
    height: 200px; }
    .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-center-text__bottom-line:before {
      transform: translateX(-50%) scale(1); }
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-drivers-section__grid-container:after, .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-drivers-section__grid-container:before {
    height: 250px; }
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-line-right-side-content:before {
    width: 50%; }
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-line-right-side-content:after {
    transform: scale(1); }
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-section-2__connecting-line {
    height: 250px; }
  .sias-wrapper-interactive .tabs {
    margin-top: 4rem; }
  .sias-wrapper-interactive .tabs__tab-container {
    overflow: hidden;
    margin-left: 2rem;
    margin-right: 2rem; }
  .sias-wrapper-interactive .tabs__tab-grid {
    display: flex;
    margin-left: -.5rem;
    margin-right: -.5rem;
    align-items: stretch;
    position: relative;
    z-index: 6; }
  .sias-wrapper-interactive .tabs__tab-cell {
    width: 20%;
    padding-left: .5rem;
    padding-right: .5rem; }
    .sias-wrapper-interactive .tabs__tab-cell:nth-child(2) {
      width: 40%;
      display: flex;
      align-items: center; }
      .sias-wrapper-interactive .tabs__tab-cell:nth-child(2).tabs__tab-group--active .tabs__tab {
        --bg-opacity:1;
        background-color: #0e2031;
        background-color: rgba(14, 32, 49, var(--bg-opacity));
        border-right-width: 2px;
        border-top-width: 2px;
        --border-opacity:1;
        border-color: #5886da;
        border-color: rgba(88, 134, 218, var(--border-opacity));
        opacity: .5; }
        .sias-wrapper-interactive .tabs__tab-cell:nth-child(2).tabs__tab-group--active .tabs__tab[aria-selected=true] {
          opacity: 1; }
        .sias-wrapper-interactive .tabs__tab-cell:nth-child(2).tabs__tab-group--active .tabs__tab .tabs__tab__title {
          border-width: 0;
          top: 0;
          margin-bottom: 0; }
      .sias-wrapper-interactive .tabs__tab-cell:nth-child(2).tabs__tab-group--active .tabs__tab--green {
        --border-opacity:1;
        border-color: #00c4b3;
        border-color: rgba(0, 196, 179, var(--border-opacity)); }
        .sias-wrapper-interactive .tabs__tab-cell:nth-child(2).tabs__tab-group--active .tabs__tab--green .tabs__tab__title {
          --text-opacity:1;
          color: #00c4b3;
          color: rgba(0, 196, 179, var(--text-opacity)); }
      .sias-wrapper-interactive .tabs__tab-cell:nth-child(2).tabs__tab-group--active .tabs__tab--light-green {
        --border-opacity:1;
        border-color: #4dd6ca;
        border-color: rgba(77, 214, 202, var(--border-opacity)); }
        .sias-wrapper-interactive .tabs__tab-cell:nth-child(2).tabs__tab-group--active .tabs__tab--light-green .tabs__tab__title {
          --text-opacity:1;
          color: #4dd6ca;
          color: rgba(77, 214, 202, var(--text-opacity)); }
      .sias-wrapper-interactive .tabs__tab-cell:nth-child(2) .tabs__tab {
        width: 50%; }
        .sias-wrapper-interactive .tabs__tab-cell:nth-child(2) .tabs__tab:first-child {
          left: 3px; }
          .sias-wrapper-interactive .tabs__tab-cell:nth-child(2) .tabs__tab:first-child[aria-selected=true] {
            left: 0; }
        .sias-wrapper-interactive .tabs__tab-cell:nth-child(2) .tabs__tab:last-child {
          right: 3px; }
          .sias-wrapper-interactive .tabs__tab-cell:nth-child(2) .tabs__tab:last-child[aria-selected=true] {
            right: 0; }
  .sias-wrapper-interactive .tabs__tab {
    height: 100%;
    text-align: left;
    flex-grow: 1;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative;
    border: 3px solid transparent; }
    .sias-wrapper-interactive .tabs__tab[aria-selected=true] {
      --bg-opacity:1;
      background-color: #0e2031;
      background-color: rgba(14, 32, 49, var(--bg-opacity));
      border-width: 2px 2px 0;
      --border-opacity:1;
      border-color: #5886da;
      border-color: rgba(88, 134, 218, var(--border-opacity));
      z-index: 8; }
      .sias-wrapper-interactive .tabs__tab[aria-selected=true] .tabs__tab__title {
        border-width: 0;
        top: 0;
        margin-bottom: 0; }
  .sias-wrapper-interactive .tabs__tab--blue[aria-selected=true] {
    --border-opacity:1;
    border-color: #5886da;
    border-color: rgba(88, 134, 218, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--blue.tabs__tab--mobile, .sias-wrapper-interactive .tabs__tab--blue[aria-selected=true] .tabs__tab__title {
    --text-opacity:1;
    color: #5886da;
    color: rgba(88, 134, 218, var(--text-opacity)); }
  .sias-wrapper-interactive .tabs__tab--blue.tabs__tab--mobile {
    --border-opacity:1;
    border-color: #5886da;
    border-color: rgba(88, 134, 218, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--blue .tabs__tab__plus:after, .sias-wrapper-interactive .tabs__tab--blue .tabs__tab__plus:before {
    --bg-opacity:1;
    background-color: #5886da;
    background-color: rgba(88, 134, 218, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__tab--blue:focus .tabs__tab__title, .sias-wrapper-interactive .tabs__tab--blue:hover .tabs__tab__title {
    --text-opacity:1;
    color: #5886da;
    color: rgba(88, 134, 218, var(--text-opacity));
    --border-opacity:1;
    border-color: #5886da;
    border-color: rgba(88, 134, 218, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--green[aria-selected=true] {
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--green.tabs__tab--mobile, .sias-wrapper-interactive .tabs__tab--green[aria-selected=true] .tabs__tab__title {
    --text-opacity:1;
    color: #00c4b3;
    color: rgba(0, 196, 179, var(--text-opacity)); }
  .sias-wrapper-interactive .tabs__tab--green.tabs__tab--mobile {
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--green .tabs__tab__plus:after, .sias-wrapper-interactive .tabs__tab--green .tabs__tab__plus:before {
    --bg-opacity:1;
    background-color: #00c4b3;
    background-color: rgba(0, 196, 179, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__tab--green:focus .tabs__tab__title, .sias-wrapper-interactive .tabs__tab--green:hover .tabs__tab__title {
    --text-opacity:1;
    color: #00c4b3;
    color: rgba(0, 196, 179, var(--text-opacity));
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--light-green[aria-selected=true] {
    --border-opacity:1;
    border-color: #4dd6ca;
    border-color: rgba(77, 214, 202, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--light-green.tabs__tab--mobile, .sias-wrapper-interactive .tabs__tab--light-green[aria-selected=true] .tabs__tab__title {
    --text-opacity:1;
    color: #4dd6ca;
    color: rgba(77, 214, 202, var(--text-opacity)); }
  .sias-wrapper-interactive .tabs__tab--light-green.tabs__tab--mobile {
    --border-opacity:1;
    border-color: #4dd6ca;
    border-color: rgba(77, 214, 202, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--light-green .tabs__tab__plus:after, .sias-wrapper-interactive .tabs__tab--light-green .tabs__tab__plus:before {
    --bg-opacity:1;
    background-color: #4dd6ca;
    background-color: rgba(77, 214, 202, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__tab--light-green:focus .tabs__tab__title, .sias-wrapper-interactive .tabs__tab--light-green:hover .tabs__tab__title {
    --text-opacity:1;
    color: #4dd6ca;
    color: rgba(77, 214, 202, var(--text-opacity));
    --border-opacity:1;
    border-color: #4dd6ca;
    border-color: rgba(77, 214, 202, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--orange[aria-selected=true] {
    --border-opacity:1;
    border-color: #f18a00;
    border-color: rgba(241, 138, 0, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--orange.tabs__tab--mobile, .sias-wrapper-interactive .tabs__tab--orange[aria-selected=true] .tabs__tab__title {
    --text-opacity:1;
    color: #f18a00;
    color: rgba(241, 138, 0, var(--text-opacity)); }
  .sias-wrapper-interactive .tabs__tab--orange.tabs__tab--mobile {
    --border-opacity:1;
    border-color: #f18a00;
    border-color: rgba(241, 138, 0, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--orange .tabs__tab__plus:after, .sias-wrapper-interactive .tabs__tab--orange .tabs__tab__plus:before {
    --bg-opacity:1;
    background-color: #f18a00;
    background-color: rgba(241, 138, 0, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__tab--orange:focus .tabs__tab__title, .sias-wrapper-interactive .tabs__tab--orange:hover .tabs__tab__title {
    --text-opacity:1;
    color: #f18a00;
    color: rgba(241, 138, 0, var(--text-opacity));
    --border-opacity:1;
    border-color: #f18a00;
    border-color: rgba(241, 138, 0, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--red[aria-selected=true] {
    --border-opacity:1;
    border-color: #e54360;
    border-color: rgba(229, 67, 96, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--red.tabs__tab--mobile, .sias-wrapper-interactive .tabs__tab--red[aria-selected=true] .tabs__tab__title {
    --text-opacity:1;
    color: #e54360;
    color: rgba(229, 67, 96, var(--text-opacity)); }
  .sias-wrapper-interactive .tabs__tab--red.tabs__tab--mobile {
    --border-opacity:1;
    border-color: #e54360;
    border-color: rgba(229, 67, 96, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--red .tabs__tab__plus:after, .sias-wrapper-interactive .tabs__tab--red .tabs__tab__plus:before {
    --bg-opacity:1;
    background-color: #e54360;
    background-color: rgba(229, 67, 96, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__tab--red:focus .tabs__tab__title, .sias-wrapper-interactive .tabs__tab--red:hover .tabs__tab__title {
    --text-opacity:1;
    color: #e54360;
    color: rgba(229, 67, 96, var(--text-opacity));
    --border-opacity:1;
    border-color: #e54360;
    border-color: rgba(229, 67, 96, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__tab--mobile {
    font-size: 1.25rem;
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    position: relative;
    padding: 1.5rem;
    display: none;
    border-width: 2px;
    font-family: Roboto Bold,sans-serif;
    margin-bottom: -2px;
    padding-left: 70px; }
    .sias-wrapper-interactive .tabs__tab--mobile:last-of-type {
      margin-bottom: 0; }
    .sias-wrapper-interactive .tabs__tab--mobile[aria-selected=true] .tabs__tab__plus:before {
      transform: rotate(180deg); }
    .sias-wrapper-interactive .tabs__tab--mobile[aria-selected=true] .tabs__tab__plus:after {
      transform: rotate(90deg); }
  .sias-wrapper-interactive .tabs__tab__plus {
    position: absolute;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 1rem;
    vertical-align: middle;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%); }
    .sias-wrapper-interactive .tabs__tab__plus:after {
      transition-property: background-color,transform;
      transition-duration: .4s;
      transition-timing-function: ease;
      transform-origin: center center; }
    .sias-wrapper-interactive .tabs__tab__plus:before {
      transition-property: background-color,transform;
      transition-duration: .4s;
      transition-timing-function: ease;
      transform-origin: center center;
      height: 8px;
      width: 35px;
      top: 50%;
      margin-top: -4px;
      left: 0; }
    .sias-wrapper-interactive .tabs__tab__plus:after, .sias-wrapper-interactive .tabs__tab__plus:before {
      --bg-opacity:1;
      background-color: #172b3f;
      background-color: rgba(23, 43, 63, var(--bg-opacity));
      display: block;
      position: absolute;
      content: ""; }
    .sias-wrapper-interactive .tabs__tab__plus:after {
      width: 8px;
      height: 35px;
      left: 50%;
      margin-left: -4px;
      top: 0; }
  .sias-wrapper-interactive .tabs__tab--small {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    margin: 0;
    font-weight: 400; }
    .sias-wrapper-interactive .tabs__tab--small .tabs__tab__plus {
      height: 12px;
      width: 12px;
      left: 0; }
      .sias-wrapper-interactive .tabs__tab--small .tabs__tab__plus:before {
        width: 12px;
        height: 2px;
        margin-top: -1px; }
      .sias-wrapper-interactive .tabs__tab--small .tabs__tab__plus:after {
        width: 2px;
        height: 12px;
        margin-left: -1px; }
    .sias-wrapper-interactive .tabs__tab--small:focus .tabs__tab__small-title, .sias-wrapper-interactive .tabs__tab--small:hover .tabs__tab__small-title {
      font-weight: 700; }
    .sias-wrapper-interactive .tabs__tab--small.pa-active .tabs__tab__active-content {
      display: block; }
    .sias-wrapper-interactive .tabs__tab--small.pa-active .tabs__tab__small-title {
      font-weight: 700; }
    .sias-wrapper-interactive .tabs__tab--small.pa-active .tabs__tab__plus:before {
      transform: rotate(180deg); }
    .sias-wrapper-interactive .tabs__tab--small.pa-active .tabs__tab__plus:after {
      transform: rotate(90deg); }
    .sias-wrapper-interactive .tabs__tab--small .tabs__tab__active-content, .sias-wrapper-interactive .tabs__tab--small .tabs__tab__starting-content {
      padding-left: 20px; }
  .sias-wrapper-interactive .tabs__tab__starting-content {
    display: block;
    position: relative; }
  .sias-wrapper-interactive .tabs__tab__active-content {
    display: none; }
  .sias-wrapper-interactive .tabs__tab__title {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: 1rem 2rem;
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-family: Roboto Bold,sans-serif;
    border: 1px solid #4d606b;
    transition-property: color;
    transition-timing-function: ease;
    transition-duration: .3s;
    margin-bottom: 8px;
    top: -4px; }
  .sias-wrapper-interactive .tabs__tab__description {
    display: block; }
  .sias-wrapper-interactive .tabs__content {
    padding: 3rem 2rem;
    position: relative; }
    .sias-wrapper-interactive .tabs__content[aria-hidden=true] {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
      transition: all .4s ease; }
  .sias-wrapper-interactive .tabs__content__accordion-section {
    display: none; }
  .sias-wrapper-interactive .tabs__content-container {
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity));
    position: relative;
    margin-top: -2px; }
    .sias-wrapper-interactive .tabs__content-container:before {
      border-left-width: 4px; }
    .sias-wrapper-interactive .tabs__content-container .sias-slanted-border-box__bg:after {
      --bg-opacity:1;
      background-color: #0e2031;
      background-color: rgba(14, 32, 49, var(--bg-opacity));
      border-width: 2px;
      transition-property: border;
      transition-timing-function: ease;
      transition-duration: .3s; }
    .sias-wrapper-interactive .tabs__content-container .sias-slanted-border-box__bg:before {
      --bg-opacity:1;
      background-color: #0e2031;
      background-color: rgba(14, 32, 49, var(--bg-opacity));
      border-width: 2px;
      transition-property: border;
      transition-timing-function: ease;
      transition-duration: .3s;
      border-bottom-width: 0; }
  .sias-wrapper-interactive .tabs__content-container--blue .sias-slanted-border-box__bg:after, .sias-wrapper-interactive .tabs__content-container--blue .sias-slanted-border-box__bg:before {
    --border-opacity:1;
    border-color: #5886da;
    border-color: rgba(88, 134, 218, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--blue .tabs__content__circle, .sias-wrapper-interactive .tabs__content-container--blue:before {
    --border-opacity:1;
    border-color: #5886da;
    border-color: rgba(88, 134, 218, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--blue .tabs__content__circle__title:before {
    border-left-color: #5886da; }
  .sias-wrapper-interactive .tabs__content-container--blue .tabs__content__circle__list:after, .sias-wrapper-interactive .tabs__content-container--blue .tabs__content__circle__list:before {
    --bg-opacity:1;
    background-color: #5886da;
    background-color: rgba(88, 134, 218, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--green .sias-slanted-border-box__bg:after, .sias-wrapper-interactive .tabs__content-container--green .sias-slanted-border-box__bg:before {
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--green .tabs__content__circle, .sias-wrapper-interactive .tabs__content-container--green:before {
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--green .tabs__content__circle__title:before {
    border-left-color: #00c4b3; }
  .sias-wrapper-interactive .tabs__content-container--green .tabs__content__circle__list:after, .sias-wrapper-interactive .tabs__content-container--green .tabs__content__circle__list:before {
    --bg-opacity:1;
    background-color: #00c4b3;
    background-color: rgba(0, 196, 179, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--light-green .sias-slanted-border-box__bg:after, .sias-wrapper-interactive .tabs__content-container--light-green .sias-slanted-border-box__bg:before {
    --border-opacity:1;
    border-color: #4dd6ca;
    border-color: rgba(77, 214, 202, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--light-green .tabs__content__circle, .sias-wrapper-interactive .tabs__content-container--light-green:before {
    --border-opacity:1;
    border-color: #4dd6ca;
    border-color: rgba(77, 214, 202, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--light-green .tabs__content__circle__title:before {
    border-left-color: #4dd6ca; }
  .sias-wrapper-interactive .tabs__content-container--light-green .tabs__content__circle__list:after, .sias-wrapper-interactive .tabs__content-container--light-green .tabs__content__circle__list:before {
    --bg-opacity:1;
    background-color: #4dd6ca;
    background-color: rgba(77, 214, 202, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--orange .sias-slanted-border-box__bg:after, .sias-wrapper-interactive .tabs__content-container--orange .sias-slanted-border-box__bg:before {
    --border-opacity:1;
    border-color: #f18a00;
    border-color: rgba(241, 138, 0, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--orange .tabs__content__circle, .sias-wrapper-interactive .tabs__content-container--orange:before {
    --border-opacity:1;
    border-color: #f18a00;
    border-color: rgba(241, 138, 0, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--orange .tabs__content__circle__title:before {
    border-left-color: #f18a00; }
  .sias-wrapper-interactive .tabs__content-container--orange .tabs__content__circle__list:after, .sias-wrapper-interactive .tabs__content-container--orange .tabs__content__circle__list:before {
    --bg-opacity:1;
    background-color: #f18a00;
    background-color: rgba(241, 138, 0, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--red .sias-slanted-border-box__bg:after, .sias-wrapper-interactive .tabs__content-container--red .sias-slanted-border-box__bg:before {
    --border-opacity:1;
    border-color: #e54360;
    border-color: rgba(229, 67, 96, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--red .tabs__content__circle, .sias-wrapper-interactive .tabs__content-container--red:before {
    --border-opacity:1;
    border-color: #e54360;
    border-color: rgba(229, 67, 96, var(--border-opacity)); }
  .sias-wrapper-interactive .tabs__content-container--red .tabs__content__circle__title:before {
    border-left-color: #e54360; }
  .sias-wrapper-interactive .tabs__content-container--red .tabs__content__circle__list:after, .sias-wrapper-interactive .tabs__content-container--red .tabs__content__circle__list:before {
    --bg-opacity:1;
    background-color: #e54360;
    background-color: rgba(229, 67, 96, var(--bg-opacity)); }
  .sias-wrapper-interactive .tabs__content__intro {
    width: 50%;
    margin-left: auto;
    margin-right: auto; }
  .sias-wrapper-interactive .tabs__content__intro-text {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-size: 1.125rem; }
  .sias-wrapper-interactive .tabs__content__intro-title {
    text-align: center;
    margin-bottom: 2rem; }
  .sias-wrapper-interactive .tabs__content__hint-text {
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: center;
    font-style: italic;
    margin-top: 1rem; }
  .sias-wrapper-interactive .tabs__content__circle-container {
    position: relative;
    height: 400px;
    width: 100%; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:first-child {
    top: 0;
    left: 0; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:first-child:before {
      transform: rotate(45deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(2) {
    bottom: 0;
    left: 180px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-20deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(3) {
    top: 50%;
    left: 480px;
    margin-top: -100px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(3):before {
      transform: rotate(25deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(4) {
    bottom: 0;
    left: 750px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(4):before {
      transform: rotate(-82deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(5) {
    top: 0;
    right: 100px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(5):before {
      display: none; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:first-child {
    top: 0;
    left: 0; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:first-child:before {
      transform: rotate(64deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(2) {
    top: 200px;
    left: 100px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-36deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(3) {
    top: 0;
    left: 300px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(3):before {
      transform: rotate(40deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(4) {
    bottom: 0;
    left: 540px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(4):before {
      transform: rotate(-65deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(5) {
    top: 0;
    right: 240px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(5):before {
      transform: rotate(10deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(6) {
    top: 0;
    right: 0; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(6):before {
      display: none; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:first-child {
    top: 90px;
    left: 270px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:first-child:before {
      transform: rotate(3deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:nth-child(2) {
    top: 50%;
    left: 520px;
    transform: translateY(-50%); }
    .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:nth-child(2):before {
      display: none; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:first-child {
    top: 90px;
    left: 0; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:first-child:before {
      transform: rotate(16deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(2) {
    top: 150px;
    left: 250px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-8deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(3) {
    top: 100px;
    left: 500px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(3):before {
      transform: rotate(-25deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(4) {
    top: 0;
    right: 50px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(4):before {
      display: none; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:first-child {
    top: 90px;
    left: 150px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:first-child:before {
      transform: rotate(3deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(2) {
    top: 90px;
    left: 400px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-25deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(3) {
    top: 0;
    left: 700px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(3):before {
      display: none; }
  .sias-wrapper-interactive .tabs__content__circle {
    position: absolute;
    border-radius: 9999px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    padding: 1rem;
    --bg-opacity:1;
    background-color: #0e2031;
    background-color: rgba(14, 32, 49, var(--bg-opacity)); }
    .sias-wrapper-interactive .tabs__content__circle:focus, .sias-wrapper-interactive .tabs__content__circle:hover {
      border-width: 4px; }
    .sias-wrapper-interactive .tabs__content__circle:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 300px;
      height: 0;
      border-color: inherit;
      border-top-width: 2px;
      transform-origin: left center;
      z-index: -1; }
    .sias-wrapper-interactive .tabs__content__circle:first-child:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 9999px;
      border-color: inherit;
      border-width: inherit;
      -webkit-animation: pulsate-small 1s ease infinite;
      animation: pulsate-small 1s ease infinite;
      z-index: -1; }
  .sias-wrapper-interactive .tabs__content__circle--small {
    height: 125px;
    width: 125px; }
    .sias-wrapper-interactive .tabs__content__circle--small .tabs__content__circle__title {
      font-size: .75rem; }
    .sias-wrapper-interactive .tabs__content__circle--small .tabs__content__circle__list:after, .sias-wrapper-interactive .tabs__content__circle--small .tabs__content__circle__list:before {
      height: 2px;
      width: 12px; }
    .sias-wrapper-interactive .tabs__content__circle--small .tabs__content__circle__list li {
      font-size: .75rem;
      margin-bottom: .25rem; }
  .sias-wrapper-interactive .tabs__content__circle--medium {
    height: 200px;
    width: 200px; }
  .sias-wrapper-interactive .tabs__content__circle--large {
    height: 250px;
    width: 250px; }
  .sias-wrapper-interactive .tabs__content__circle__title {
    font-size: 1.125rem;
    margin-bottom: 0;
    text-align: center;
    --text-opacity:1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    position: relative;
    padding-right: 1.5rem;
    display: inline-block;
    max-width: 100%; }
    .sias-wrapper-interactive .tabs__content__circle__title:before {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 10px solid #5886da; }
  .sias-wrapper-interactive .tabs__content__circle__list {
    opacity: 0;
    visibility: hidden;
    padding: .5rem 1rem;
    margin: 0 auto;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .sias-wrapper-interactive .tabs__content__circle__list li {
      list-style-type: none;
      --text-opacity:1;
      color: #fff;
      color: rgba(255, 255, 255, var(--text-opacity));
      margin-bottom: 1rem;
      padding: 0;
      width: 100%; }
      .sias-wrapper-interactive .tabs__content__circle__list li:last-child {
        margin-bottom: 0; }
    .sias-wrapper-interactive .tabs__content__circle__list:after {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #5886da;
      background-color: rgba(88, 134, 218, var(--bg-opacity));
      right: 0;
      top: 0;
      height: 4px;
      width: 25px;
      transform-origin: center; }
    .sias-wrapper-interactive .tabs__content__circle__list:before {
      content: "";
      position: absolute;
      --bg-opacity:1;
      background-color: #5886da;
      background-color: rgba(88, 134, 218, var(--bg-opacity));
      right: 0;
      top: 0;
      height: 4px;
      width: 25px;
      transform-origin: center;
      transform: rotate(45deg); }
    .sias-wrapper-interactive .tabs__content__circle__list:after {
      transform: rotate(-45deg); }
  .sias-wrapper-interactive .tabs__content__circle.pa-active {
    border-width: 8px; }
    .sias-wrapper-interactive .tabs__content__circle.pa-active .tabs__content__circle__title {
      opacity: 0;
      visibility: hidden;
      pointer-events: none; }
    .sias-wrapper-interactive .tabs__content__circle.pa-active .tabs__content__circle__list {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }

@-webkit-keyframes pulsate {
  to {
    transform: scale(2);
    opacity: 0; } }

@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(2);
    opacity: 0; } }

@-webkit-keyframes pulsate-small {
  to {
    transform: scale(1.1);
    opacity: 0; } }

@keyframes pulsate-small {
  0% {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(1.1);
    opacity: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-banner {
    padding-bottom: 200px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-banner__bg {
    padding-top: 112px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-banner__bg {
    padding-top: 160px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-banner__bg {
    padding-top: 91px;
    lefT: 0;
    right: 0;
    transform: none;
    width: auto !important;
    transition-property: all;
    transition-timing-function: ease;
    transition-duration: .3s; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-banner__bg.pa-active {
    left: 15px;
    right: 15px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-banner__play-icon {
    margin-bottom: 1rem;
    width: 75px;
    height: 75px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-banner__title {
    font-size: 1.5rem;
    line-height: 2rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .carousel-indicators {
    bottom: 21px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .carousel-indicators li {
    margin-left: .25rem;
    margin-right: .25rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer {
    border-top-width: 4px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__first-section {
    padding-top: 2rem;
    padding-bottom: 2rem; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-footer__first-section__container {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__first-section__container {
    display: block;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__first-section__container:before {
    top: -50px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__first-section__left {
    width: 100%;
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__first-section__right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: left; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__first-section__text {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__second-section {
    padding-top: 2rem;
    padding-bottom: 2rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__second-section__container {
    display: block;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__second-section__left {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__second-section__right {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    align-items: center; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer__scroll-to-top {
    position: relative;
    top: 0;
    margin-top: 1rem;
    margin-left: auto; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-footer .js-scroll-in-content.pa-active.sias-footer__first-section__container:before {
    height: 40px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-logo {
    width: 150px;
    height: 40px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-large-p {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-arrow-list li {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-slanted-btn {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-slanted-btn--large {
    padding-left: 2rem;
    padding-right: 2rem; } }

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0; } }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-joining-line:before {
    top: -60px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-joining-line--left:before {
    left: 40px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .js-scroll-in-content.pa-active .sias-joining-line:before {
    height: 60px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-grid-container .sias-grid {
    display: block;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-grid-container .sias-grid__cell {
    padding: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-grid-container .sias-grid__cell--3 {
    width: 100%; } }

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sias-wrapper-interactive {
    overflow-x: hidden; }
    .sias-wrapper-interactive .sias-ie-only-image {
      display: block !important; }
    .sias-wrapper-interactive .sias-non-ie-only-image {
      display: none !important; }
    .sias-wrapper-interactive .sias-line-animation line, .sias-wrapper-interactive .sias-line-animation rect {
      stroke-dasharray: none;
      stroke-dashoffset: none;
      -webkit-animation: none;
      animation: none; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-header__base {
    padding-top: 1rem;
    padding-bottom: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-header.pa-active .sias-nav ul {
    left: 0;
    opacity: 1; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-header .sias-nav__burger {
    display: block;
    position: relative;
    z-index: 9;
    padding: 15px;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter; }
  .sias-wrapper-interactive .sias-header .sias-nav__burger__box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px; }
  .sias-wrapper-interactive .sias-header .sias-nav__burger__inner {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff;
    display: block;
    margin-top: -2px;
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-duration: .13s; }
    .sias-wrapper-interactive .sias-header .sias-nav__burger__inner:after, .sias-wrapper-interactive .sias-header .sias-nav__burger__inner:before {
      position: absolute;
      width: 40px;
      height: 4px;
      transition-timing-function: ease;
      transition-duration: .15s;
      transition-property: transform;
      border-radius: 4px;
      background-color: #fff; }
    .sias-wrapper-interactive .sias-header .sias-nav__burger__inner:after {
      display: block;
      content: ""; }
    .sias-wrapper-interactive .sias-header .sias-nav__burger__inner:before {
      display: block;
      content: "";
      top: -10px;
      transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .sias-wrapper-interactive .sias-header .sias-nav__burger__inner:after {
      bottom: -10px;
      top: -20px;
      transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear; }
  .sias-wrapper-interactive .sias-header .sias-nav__burger.pa-active .sias-nav__burger__inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, -10px, 0) rotate(-45deg); }
    .sias-wrapper-interactive .sias-header .sias-nav__burger.pa-active .sias-nav__burger__inner:before {
      top: 0;
      transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
      transform: rotate(-90deg); }
    .sias-wrapper-interactive .sias-header .sias-nav__burger.pa-active .sias-nav__burger__inner:after {
      top: 0;
      transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
      opacity: 0; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-header .sias-nav ul {
    padding-left: 1rem;
    margin-left: 6rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-header .sias-nav ul {
    margin-left: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-header .sias-nav ul {
    display: flex;
    flex-direction: column;
    --bg-opacity:1;
    background-color: #00162c;
    background-color: rgba(0, 22, 44, var(--bg-opacity));
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    opacity: 0;
    align-items: center;
    padding-left: 0;
    left: -100%;
    padding-top: 75px;
    transition-property: opacity,left;
    transition-timing-function: ease;
    transition-duration: .3s; }
    .sias-wrapper-interactive .sias-header .sias-nav ul li {
      margin-top: .5rem;
      margin-bottom: .5rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-integrate-section {
    padding-top: 4rem;
    padding-bottom: 4rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-integrate-section__intro {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-integrate-section .js-scroll-in-content.pa-active.sias-integrate-section__overlapping-line {
    height: 200px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-investing-section {
    padding-bottom: 4rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-investing-section__intro {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-investing-section__intro__text {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-investing-section__grid {
    display: block;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-investing-section__cell {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    max-width: 400px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-investing-section__cell__inner {
    padding: 1rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-investing-section__bottom-text {
    margin-top: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-investing-section__overlapping-line {
    top: calc(100% + 30px); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-investing-section .js-scroll-in-content.pa-active.sias-investing-section__overlapping-line {
    height: 90px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1 {
    padding-top: 4rem;
    padding-bottom: 4rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 {
    padding-top: 1rem;
    padding-bottom: 150px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box {
    width: 80%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    margin-left: 0;
    padding-right: 50px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 40px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box--right {
    margin-left: 2rem;
    margin-top: -.5rem;
    width: calc(100% - 2rem); } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box__cut-out {
    width: 6%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box__cut-out {
    height: 1rem;
    width: .5rem; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box__line:before {
    left: 10%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box__line:before {
    left: 1rem;
    top: 8px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box__line:after {
    left: 10%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box__line:after {
    left: 1rem;
    top: 68px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1 .sias-border-box__title {
    font-size: 1.5rem;
    line-height: 2rem; }
    .sias-wrapper-interactive .sias-section-1 .sias-border-box__title strong {
      font-size: 1.875rem;
      line-height: 2rem; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1__connecting-line {
    top: calc(100% - 40px); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1__connecting-line {
    top: 100%; } }

@media only screen and (max-width: 575px) {
  .sias-wrapper-interactive .sias-section-1__connecting-line {
    top: calc(100% - 40px); } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1 .js-scroll-in-content.pa-active .sias-section-1__connecting-line {
    height: 120px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 .js-scroll-in-content.pa-active .sias-section-1__connecting-line {
    height: 60px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 .sias-center-text {
    width: 100%;
    margin-top: 1rem; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-1 .sias-left-text {
    margin-bottom: 2rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-1 .sias-left-text {
    margin-top: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section {
    padding-top: 2rem;
    padding-bottom: 2rem; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-learn-more-section__intro {
    width: 50%; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section__intro {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__intro__description {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box {
    margin-bottom: 100px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box {
    width: 100%;
    margin-bottom: 80px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box__lines:after {
    right: auto;
    left: 15%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box .sias-slanted-border-box__bg:before {
    border-top-width: 4px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box .sias-slanted-border-box__content {
    display: block;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box__left-side {
    width: 100%;
    padding: 0; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box__left-side__img {
    width: 80%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box__left-side__img {
    width: 60%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box__right-side {
    width: 100%; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box__right-side__inner {
    padding-left: 1rem;
    padding-right: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box__right-side__inner {
    padding-top: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__second-box__right-side__text {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section:before {
    display: none; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section:after {
    right: auto;
    left: calc(15% - 10px);
    top: -30px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__right-align-text {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section .sias-slanted-border-box__content {
    padding: 1rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box {
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box {
    padding: 1rem;
    margin-top: 1rem;
    width: 100%; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box__left-side {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box__left-side__img {
    max-width: 50%; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box__right-side {
    width: 100%;
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section__bottom-section__border-box--right {
    display: block; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-learn-more-section .js-scroll-in-content.pa-active.sias-learn-more-section__second-box__lines:after {
    height: 200px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-learn-more-section .js-scroll-in-content.pa-active.sias-learn-more-section__second-box__lines:after {
    height: 60px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section {
    padding-top: 2rem;
    padding-bottom: 2rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section__title {
    margin-bottom: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box--large {
    padding: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quote, .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quotee {
    padding-left: 44px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quote {
    font-size: 1.25rem;
    line-height: 1.5rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quote {
    font-size: 1rem;
    line-height: 1.25rem;
    background-size: 36px 18px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box__quotee {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-border-box.sias-slanted-border-box {
    width: 100%;
    padding: 1rem;
    margin-top: 3rem;
    margin-bottom: 72px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section__second-sec-intro {
    width: 100%;
    margin-top: 2rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section {
    margin-top: 2rem;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-container {
    display: none; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text {
    width: 100%; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__inner {
    border-width: 1px;
    --border-opacity:1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    margin-left: auto;
    margin-right: auto;
    max-width: 500px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__intro {
    margin-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__intro {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slides {
    padding-right: 0;
    padding-bottom: 60px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__controls {
    right: auto;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__bullets {
    display: flex;
    align-items: center;
    margin-left: 1.5rem;
    margin-right: 1.5rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow {
    position: relative;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    border-style: none;
    box-shadow: none; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow:before {
    position: static;
    top: auto;
    left: auto;
    --text-opacity:1;
    color: #ffc629;
    color: rgba(255, 198, 41, var(--text-opacity));
    transform: none;
    height: auto;
    width: auto;
    font-size: 3.5rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--up:before {
    border-style: none;
    margin-top: 0;
    content: "\2039"; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--up:focus:before, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--up:hover:before {
    border-style: none; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--down {
    top: 0; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--down:before {
    border-style: none;
    margin-top: 0;
    content: "\203A"; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--down:focus:before, .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__arrow--down:hover:before {
    border-style: none; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide > p {
    font-size: 1rem;
    line-height: 1.25rem; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide > p a {
      font-size: 1rem;
      line-height: 1.25rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel-section .sias-circular-carousel-text__slide .sias-circular-carousel__item {
    display: flex; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel {
    position: relative;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    padding: 0;
    list-style: none; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > * {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -5rem;
      width: 10rem;
      height: 10rem; }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > :first-of-type {
      transform: rotate(0deg) translate(9rem) rotate(0deg); }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > :nth-of-type(2) {
      transform: rotate(90deg) translate(9rem) rotate(-90deg); }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > :nth-of-type(3) {
      transform: rotate(180deg) translate(9rem) rotate(-180deg); }
    .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel > :nth-of-type(4) {
      transform: rotate(270deg) translate(9rem) rotate(-270deg); } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__text {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-solutions-section .sias-circular-carousel__img {
    width: 80px;
    height: 80px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-solutions-section__sources {
    width: 100%;
    margin-top: 2rem; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-resilience-section__copy {
    width: 75%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section__copy {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section__copy-title {
    margin-bottom: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section__copy-description {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-resilience-section__graph-container {
    width: 100%; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-resilience-section__graph-container--line {
    padding-bottom: 3rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-resilience-section__graph-container--line:before {
    top: calc(100% - 5rem); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section__graph .highcharts {
    border-top-width: 2px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section__graph-footer {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-right-side-content {
    width: 100%;
    padding: 1rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-right-side-content:before {
    top: -3rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-right-side-content__container {
    padding-top: 3rem;
    padding-bottom: 3rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section {
    display: block;
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__source-text {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 290px; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__content {
    width: 80%; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__content {
    max-height: 210px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell__content {
    --bg-opacity:1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    width: calc(70% - 32px);
    right: 0;
    left: auto;
    bottom: auto;
    top: 0;
    transform: none; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell.pa-active .sias-line-hover-section__cell__content {
    bottom: auto; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell.pa-active.sias-line-hover-section__cell--3 .sias-line-hover-section__cell__content {
    bottom: auto; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 {
    margin-top: 300px;
    margin-bottom: 300px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 {
    margin-top: 100px;
    margin-bottom: 200px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__content {
    top: 3rem; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__circle__line {
    transform: skewY(-13deg) translateY(-37px); } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__circle__line {
    transform: skewY(-17deg) translateY(-37px); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__circle__line {
    transform: skewY(-71deg) translate(-82px, -233px);
    width: 80px;
    transform-origin: right center;
    height: 3px; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__circle__line:before {
    transform: skewY(-37deg) translate(-313px, 137px); } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__circle__line:before {
    transform: skewY(-37deg) translate(-231px, 200px); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--1 .sias-line-hover-section__cell__circle__line:before {
    transform: skewY(73deg) translateY(-5px);
    width: 500px;
    transform-origin: right center; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 {
    margin-top: 225px;
    margin-bottom: 375px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 {
    margin-top: 200px;
    margin-bottom: 200px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 .sias-line-hover-section__cell__content {
    width: calc(70% - 32px); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 .sias-line-hover-section__cell__circle:after, .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 .sias-line-hover-section__cell__circle:before {
    left: 20%; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 .sias-line-hover-section__cell__circle__line {
    transform: skewY(29deg) translateY(88px); } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 .sias-line-hover-section__cell__circle__line {
    transform: skewY(37deg) translateY(88px); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--2 .sias-line-hover-section__cell__circle__line {
    transform: skewY(263.5deg);
    width: 28px;
    transform-origin: left center;
    left: 20%;
    height: 8px; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 {
    margin-top: 400px;
    margin-bottom: 200px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 {
    margin-top: 200px;
    margin-bottom: 150px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 .sias-line-hover-section__cell__content {
    bottom: auto;
    width: calc(70% - 32px);
    top: -2rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 .sias-line-hover-section__cell__circle:after, .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 .sias-line-hover-section__cell__circle:before {
    left: 30%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__cell--3 .sias-line-hover-section__cell__circle__line {
    transform: skewY(14deg);
    left: 30%; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__overlapping-line {
    top: calc(100% - 40px); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .sias-line-hover-section__overlapping-line {
    top: 100%; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-line-hover-section__overlapping-line {
    height: 150px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-line-hover-section__overlapping-line {
    height: 90px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-right-side-content:after, .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-right-side-content:before {
    height: 3rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .sias-resilience-section .js-scroll-in-content.pa-active.sias-resilience-section__graph-container--line:before {
    height: 3rem; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .sias-right-side-content {
    top: -80px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-right-side-content {
    width: 100%;
    top: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-center-text {
    width: 100%;
    padding: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-center-text-container {
    padding-top: 70px;
    padding-bottom: 80px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .sias-center-text:before {
    top: -150px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-center-text:before {
    top: -60px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item .sias-border-box {
    width: 80%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 50px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .carousel .carousel-item .sias-border-box {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 40px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid {
    padding: 1rem;
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-title {
    font-size: 1rem;
    line-height: 1.25rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-container:before {
    display: none; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-container:after {
    left: 5%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section__grid-container:after {
    left: 50%;
    transform: translateX(-50%); } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content {
    width: 75%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content {
    width: 100%; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content:before {
    left: -26.5%;
    top: 34px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content:before {
    display: none; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content:after {
    top: 24px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-drivers-section .sias-line-right-side-content:after {
    left: 50%;
    transform: translateX(-50%) scale(0);
    top: -34px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .sias-sources-copy, .sias-wrapper-interactive .sias-section-2 .sias-sources-copy--larger {
    width: 100%; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-center-text:before {
    height: 150px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-center-text:before {
    height: 60px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-center-text__bottom-line {
    height: 60px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-drivers-section__grid-container:after, .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-drivers-section__grid-container:before {
    height: 180px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-drivers-section__grid-container:after, .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-drivers-section__grid-container:before {
    height: 120px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-line-right-side-content:before {
    width: 17%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-line-right-side-content:after {
    transform: translateX(-50%) scale(1); } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-section-2__connecting-line {
    height: 120px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .sias-section-2 .js-scroll-in-content.pa-active .sias-section-2__connecting-line {
    height: 60px; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .tabs {
    margin-top: 2rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .tabs__tab-container {
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__tab-container {
    display: none; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__tab--mobile {
    display: block;
    margin-top: 4px;
    margin-bottom: 0; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .tabs__tab__title {
    padding: 1rem; } }

@media only screen and (max-width: 1023px) {
  .sias-wrapper-interactive .tabs__tab__title {
    padding: .5rem;
    font-size: 1rem; } }

/* some issue
@Screen md {
.sias-wrapper-interactive .tabs__tab__description {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
}
*/
@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content {
    padding: 1rem;
    border-width: 2px; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content--blue {
    --border-opacity:1;
    border-color: #5886da;
    border-color: rgba(88, 134, 218, var(--border-opacity)); }
    .sias-wrapper-interactive .tabs__content--blue .tabs__content__hint-text {
      --text-opacity:1;
      color: #5886da;
      color: rgba(88, 134, 218, var(--text-opacity)); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content--green {
    --border-opacity:1;
    border-color: #00c4b3;
    border-color: rgba(0, 196, 179, var(--border-opacity)); }
    .sias-wrapper-interactive .tabs__content--green .tabs__content__hint-text {
      --text-opacity:1;
      color: #00c4b3;
      color: rgba(0, 196, 179, var(--text-opacity)); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content--light-green {
    --border-opacity:1;
    border-color: #4dd6ca;
    border-color: rgba(77, 214, 202, var(--border-opacity)); }
    .sias-wrapper-interactive .tabs__content--light-green .tabs__content__hint-text {
      --text-opacity:1;
      color: #4dd6ca;
      color: rgba(77, 214, 202, var(--text-opacity)); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content--orange {
    --border-opacity:1;
    border-color: #f18a00;
    border-color: rgba(241, 138, 0, var(--border-opacity)); }
    .sias-wrapper-interactive .tabs__content--orange .tabs__content__hint-text {
      --text-opacity:1;
      color: #f18a00;
      color: rgba(241, 138, 0, var(--text-opacity)); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content--red {
    --border-opacity:1;
    border-color: #e54360;
    border-color: rgba(229, 67, 96, var(--border-opacity)); }
    .sias-wrapper-interactive .tabs__content--red .tabs__content__hint-text {
      --text-opacity:1;
      color: #e54360;
      color: rgba(229, 67, 96, var(--text-opacity)); } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content__accordion-section {
    display: block; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content-container .sias-slanted-border-box__bg, .sias-wrapper-interactive .tabs__content-container:before {
    display: none; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .tabs__content__intro {
    width: 66.666667%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content__intro {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content__intro-text {
    font-size: 1rem; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content__intro-title {
    display: none; } }

@media only screen and (max-width: 767px) {
  .sias-wrapper-interactive .tabs__content__circle-container {
    display: none; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(2) {
    bottom: 0;
    left: 140px; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(3) {
    top: 50%;
    left: 400px;
    margin-top: -100px; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(4) {
    bottom: 0;
    left: 600px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(4):before {
      transform: rotate(-75deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(5) {
    top: 0;
    right: 50px; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:first-child {
    top: 0;
    left: 0; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:first-child:before {
      transform: rotate(75deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(2) {
    bottom: 0;
    left: 40px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-26deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(3) {
    top: 50%;
    left: 260px;
    margin-top: -65px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(3):before {
      transform: rotate(42deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(4) {
    bottom: 0;
    left: 410px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(4):before {
      transform: rotate(-80deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-1 .tabs__content__circle:nth-child(5) {
    top: 50px;
    right: 50px; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:first-child:before {
    transform: rotate(70deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(2) {
    top: 210px;
    left: 70px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-40deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(3) {
    left: 240px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(3):before {
      transform: rotate(40deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(4) {
    left: 440px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(4):before {
      transform: rotate(-83deg); } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:first-child:before {
    transform: rotate(80deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(2) {
    top: 180px;
    left: 30px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-45deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(3) {
    left: 165px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(3):before {
      transform: rotate(55deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(4) {
    bottom: 50px;
    left: 290px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(4):before {
      transform: rotate(-77deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(5) {
    right: 150px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(5):before {
      transform: rotate(45deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-2 .tabs__content__circle:nth-child(6) {
    top: 150px; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:first-child {
    left: 200px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:first-child:before {
      transform: rotate(3deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:nth-child(2) {
    left: 450px; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:first-child {
    left: 100px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:first-child:before {
      transform: rotate(15deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-3 .tabs__content__circle:nth-child(2) {
    left: 300px; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:first-child {
    left: 0;
    top: 0; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:first-child:before {
      transform: rotate(41deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(2) {
    left: 170px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-8deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(3) {
    left: 400px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(3):before {
      transform: rotate(-25deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(4) {
    right: 0; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:first-child {
    top: 20px;
    left: 0; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:first-child:before {
      transform: rotate(60deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(2) {
    top: 200px;
    left: 100px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-20deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(3) {
    top: 100px;
    left: 300px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(3):before {
      transform: rotate(-36deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-4 .tabs__content__circle:nth-child(4) {
    top: 0;
    right: 0; } }

@media only screen and (max-width: 1199px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:first-child {
    left: 50px; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(2) {
    left: 300px; }
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(3) {
    right: 80px;
    left: auto; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:first-child {
    top: 90px;
    left: 50px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:first-child:before {
      transform: rotate(5deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(2) {
    top: 90px;
    left: 230px; }
    .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(2):before {
      transform: rotate(-36deg); }
  .sias-wrapper-interactive .tabs__content__circle-container--set-5 .tabs__content__circle:nth-child(3) {
    top: 0;
    right: 80px;
    left: auto; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .tabs__content__circle:before {
    width: 240px; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .tabs__content__circle--medium {
    height: 150px;
    width: 150px; }
    .sias-wrapper-interactive .tabs__content__circle--medium .tabs__content__circle__title {
      font-size: 1rem; } }

@media only screen and (max-width: 991px) {
  .sias-wrapper-interactive .tabs__content__circle--large {
    height: 180px;
    width: 180px; } }

@media only screen and (max-width: 1279px) {
  .sias-wrapper-interactive .tabs__content__circle__list li {
    font-size: .75rem;
    margin-bottom: .25rem; } }

.tw-bg-white {
  --bg-opacity:1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity)); }

.tw-bg-blue-600 {
  --bg-opacity:1;
  background-color: #0e2031;
  background-color: rgba(14, 32, 49, var(--bg-opacity)); }

.tw-block {
  display: block; }

.tw-text-xs {
  font-size: .75rem; }

.tw-mb-0 {
  margin-bottom: 0; }

.tw-mt-4 {
  margin-top: 1rem; }

.tw-overflow-hidden {
  overflow: hidden; }

.tw-overflow-x-hidden {
  overflow-x: hidden; }

.tw-p-4 {
  padding: 1rem; }

.tw-pt-8 {
  padding-top: 2rem; }

.tw-relative {
  position: relative; }

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

.tw-text-white {
  --text-opacity:1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity)); }

.tw-text-gray-600 {
  --text-opacity:1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity)); }

.tw-text-red-400 {
  --text-opacity:1;
  color: #e54360;
  color: rgba(229, 67, 96, var(--text-opacity)); }

.tw-text-orange-400 {
  --text-opacity:1;
  color: #f18a00;
  color: rgba(241, 138, 0, var(--text-opacity)); }

.tw-text-yellow-400 {
  --text-opacity:1;
  color: #ffc629;
  color: rgba(255, 198, 41, var(--text-opacity)); }

.tw-text-green-300 {
  --text-opacity:1;
  color: #4dd6ca;
  color: rgba(77, 214, 202, var(--text-opacity)); }

.tw-text-green-400 {
  --text-opacity:1;
  color: #00c4b3;
  color: rgba(0, 196, 179, var(--text-opacity)); }

.tw-text-blue-400 {
  --text-opacity:1;
  color: #5886da;
  color: rgba(88, 134, 218, var(--text-opacity)); }

.tw-text-grey-600 {
  --text-opacity:1;
  color: #808890;
  color: rgba(128, 136, 144, var(--text-opacity)); }

.hover\:tw-text-white:hover, .focus\:tw-text-white:focus {
  --text-opacity:1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity)); }

.tw-z-8 {
  z-index: 8; }

@-webkit-keyframes spin {
  to {
    transform: rotate(1turn); } }

@keyframes spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes ping {
  to {
    transform: scale(2);
    opacity: 0; } }

@keyframes ping {
  75%, to {
    transform: scale(2);
    opacity: 0; } }

@keyframes pulse {
  50% {
    opacity: .5; } }

@-webkit-keyframes bounce {
  to {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } }

@keyframes bounce {
  0%, to {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }

#globalInvestingContainer10 h4 {
  font-weight: 700; }

#globalInvestingContainer10 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer10 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer10 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer10 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer12 h4 {
  font-weight: 700; }

#globalInvestingContainer12 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer12 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer12 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer12 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer13 h4 {
  font-weight: 700; }

#globalInvestingContainer13 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer13 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer13 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer13 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer14 h4 {
  font-weight: 700; }

#globalInvestingContainer14 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer14 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer14 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer14 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer15 h4 {
  font-weight: 700; }

#globalInvestingContainer15 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer15 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer15 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer15 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer16 h4 {
  font-weight: 700; }

#globalInvestingContainer16 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer16 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer16 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer16 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer17 h4 {
  font-weight: 700; }

#globalInvestingContainer17 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer17 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer17 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer17 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer18 h4 {
  font-weight: 700; }

#globalInvestingContainer18 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer18 .col-sm-12 h5 {
  height: 45px; }

#globalInvestingContainer18 .highcharts-legend-title span {
  display: block;
  width: 300px;
  text-align: center; }

@media (max-width: 992px) {
  #globalInvestingContainer18 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer18 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer19 h4 {
  font-weight: 700; }

#globalInvestingContainer19 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer19 .col-sm-12 h5 {
  height: 45px; }

#globalInvestingContainer19 .highcharts-legend-title span {
  display: block;
  width: 300px;
  text-align: center; }

@media (max-width: 992px) {
  #globalInvestingContainer19 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer19 .col-sm-12 h5 {
    margin-top: 20px; } }

#index-chart-container-010421 {
  position: relative;
  width: 100%;
  padding: 0 10px;
  color: #011b2b; }

#index-chart-container-010421 .right {
  float: right; }

#index-chart-container-010421 h1 {
  font-weight: 700; }

#index-chart-container-010421 h2 {
  font-size: 16px;
  font-weight: 500;
  min-width: 320px;
  margin: 0;
  line-height: normal; }

#index-chart-container-010421 h4 {
  font-size: 15px;
  color: #ffe396; }

#index-chart-container-010421 #graphic {
  position: relative;
  margin: 0 auto; }

#index-chart-container-010421 .graphic-title {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 0;
  position: relative;
  clear: both;
  background: #011b2b;
  color: #fff;
  padding: 4px 20px; }

#index-chart-container-010421 #graphic #boxes {
  background: transparent;
  z-index: 10;
  width: 100%;
  position: relative; }

#index-chart-container-010421 #graphic .boxes-section {
  position: relative;
  overflow: hidden;
  height: auto; }

#index-chart-container-010421 #graphic #boxes .box-container {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  width: 50%;
  float: left;
  min-height: 240px;
  position: relative;
  z-index: 11; }

#index-chart-container-010421 #graphic #boxes .box-container.full-size {
  width: 100%; }

#index-chart-container-010421 #graphic #boxes .box-container.clone {
  z-index: 10000;
  position: absolute; }

#index-chart-container-010421 #graphic #boxes .box-container .box {
  height: 100%;
  width: 100%;
  display: table;
  padding: 10px; }

#index-chart-container-010421 .box-title {
  font-size: 16px; }

#index-chart-container-010421 #graphic #boxes .box-container .box-connector {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  display: none;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -15px; }

#index-chart-container-010421 #reset {
  position: absolute;
  color: #fff;
  opacity: 0;
  top: 0;
  right: 5px;
  top: 5px;
  z-index: 1000; }

#index-chart-container-010421 #reset:hover {
  cursor: pointer; }

#index-chart-container-010421 .box ul {
  width: 100%;
  padding: 0; }

#index-chart-container-010421 .box ul li {
  margin: 0 0 -1px 0;
  padding: 7px 20px 7px 5px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #fff;
  list-style: none;
  font-weight: 500;
  text-align: left;
  position: relative; }

#index-chart-container-010421 .box ul li:hover, #index-chart-container-010421 .box ul li.active {
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer; }

/*COLOURS*/
#index-chart-container-010421 .green-bg {
  background-color: #00c4b3; }

#index-chart-container-010421 .daintree-bg {
  background-color: #011b2b; }

#index-chart-container-010421 .smokeyblue-bg {
  background-color: #0626a9; }

#index-chart-container-010421 .blue_1-bg {
  background-color: #91a8e1; }

#index-chart-container-010421 .blue_2-bg {
  background-color: #c7d2ec; }

#index-chart-container-010421 .blue_3-bg {
  background-color: #dce3ec; }

#index-chart-container-010421 .green-border {
  border-top: 20px solid #00c4b3; }

#index-chart-container-010421 .blue_1-border {
  border-top: 20px solid #91a8e1; }

#index-chart-container-010421 .blue_2-border {
  border-top: 20px solid #c7d2ec; }

#index-chart-container-010421 .blue_3-border {
  border-top: 20px solid #dce3ec; }

#index-chart-container-010421 .close-button {
  position: absolute;
  top: 5px;
  height: 24px;
  right: 5px;
  width: 24px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#index-chart-container-010421 .close-button::before, #index-chart-container-010421 .close-button::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 6px;
  width: 16px;
  height: 1px;
  background: #FFFFFF; }

#index-chart-container-010421 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#index-chart-container-010421 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#index-chart-container-010421 #data-bar .close-button::before, #index-chart-container-010421 #data-bar .close-button::after {
  background: #011b2b; }

#index-chart-container-010421 .link-arrow {
  height: 14px;
  width: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 2px; }

#index-chart-container-010421 .link-arrow.blue {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230626A9;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }

#index-chart-container-010421 .link-arrow.white {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }

#index-chart-container-010421 .box-container ul li .link-arrow {
  position: absolute;
  right: 10px;
  top: 6px; }

#index-chart-container-010421 #data-bar {
  /*margin-top:40px;*/
  position: relative;
  top: 10px;
  width: 100%;
  font-size: 14px;
  z-index: 10000010;
  background: #fff;
  color: #011b2b;
  display: none;
  opacity: 0;
  height: 100%;
  text-align: left;
  padding: 0 0 20px 0;
  border: 2px #c6c8c8 solid;
  clear: both;
  margin-bottom: 10px;
  z-index: 100; }

#index-chart-container-010421 #data-bar #data-bar-header {
  width: 100%;
  padding: 10px 40px 10px 10px;
  color: #011b2b;
  font-weight: 800;
  height: auto;
  line-height: 20px;
  z-index: 1;
  text-align: left;
  font-size: 18px; }

#index-chart-container-010421 #data-bar #data-bar-header #data-bar-section {
  padding: 2px 6px;
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 12px;
  border-radius: 4px;
  line-height: 20px; }

#index-chart-container-010421 #data-bar-content {
  padding: 0 10px;
  font-size: 15px;
  height: auto; }

#index-chart-container-010421 #data-bar .data-bar-col {
  width: calc(50% - 20px);
  float: left;
  padding: 0 20px 0 0; }

#index-chart-container-010421 #data-bar .data-col-title {
  border-bottom: 1px #ccc solid;
  padding: 0 0 5px 0; }

#index-chart-container-010421 #data-bar .data-bar-link {
  display: none;
  text-decoration: none;
  color: #1A3FD6;
  font-weight: 700;
  font-size: 14px; }

#index-chart-container-010421 #data-bar .data-bar-link:hover {
  color: #4a7bc9; }

/*VIEWPORTS*/
@media (max-width: 800px) {
  #index-chart-container-010421 .graphic-title {
    font-size: 16px; }
  #index-chart-container-010421 .graphic-title::before {
    top: 12px; }
  #index-chart-container-010421 #graphic #boxes .box-container {
    width: 100%;
    min-height: auto; }
  #index-chart-container-010421 #info-container ul li {
    width: calc(50% - 6px); }
  #index-chart-container-010421 #data-bar {
    position: absolute;
    z-index: 1000;
    top: auto;
    height: auto; }
  #index-chart-container-010421 #data-bar .data-bar-col {
    width: 100%;
    padding: 0; }
  #index-chart-container-010421 #data-bar #data-bar-name {
    display: block;
    margin: 5px 0; } }

@media (max-width: 500px) {
  #index-chart-container-010421 #graphic #boxes .box-container {
    width: 100%; }
  #index-chart-container-010421 #info-container ul li {
    width: 100%;
    height: auto;
    margin: 3px 0;
    min-height: 40px;
    display: table-cell;
    vertical-align: middle; }
  #index-chart-container-010421 #graphic #boxes .box-container.clone {
    width: 100%; }
  #index-chart-container-010421 #desc-container {
    top: 60px;
    width: calc(100% - 60px);
    left: 10px;
    padding: 10px; } }

#ms153-thematics-landingpage {
  /* COLOURS */
  /* BACKGROUNDS */ }
  #ms153-thematics-landingpage .carnation {
    color: #e44261; }
  #ms153-thematics-landingpage .smokey-blue {
    color: #0626a9; }
  #ms153-thematics-landingpage .sky-blue {
    color: #5987da; }
  #ms153-thematics-landingpage .moody-blue {
    color: #6c7bd3; }
  #ms153-thematics-landingpage .mercury {
    color: #dce3ec; }
  #ms153-thematics-landingpage .turquoise {
    color: #00c4b3; }
  #ms153-thematics-landingpage .marigold {
    color: #ffc62d; }
  #ms153-thematics-landingpage .jade {
    color: #00945e; }
  #ms153-thematics-landingpage .flint {
    color: #73787c; }
  #ms153-thematics-landingpage .sky-blue {
    color: #5987da; }
  #ms153-thematics-landingpage .tangerine {
    color: #f08900; }
  #ms153-thematics-landingpage .daintree {
    color: #011b2b; }
  #ms153-thematics-landingpage .white-bg {
    background-color: #fff;
    fill: #fff; }
  #ms153-thematics-landingpage .carnation-bg {
    background-color: #e44261;
    /*background:linear-gradient(to right, #cd3b57 50%, #e44261 50%);*/ }
  #ms153-thematics-landingpage .smokey-blue-bg {
    background-color: #0626a9;
    /*background:linear-gradient(to right, #052298 50%, #0626a9 50%);*/ }
  #ms153-thematics-landingpage .sky-blue-bg {
    background-color: #5987da;
    /*background:linear-gradient(to right, #5079c4 50%, #5987da 50%);*/ }
  #ms153-thematics-landingpage .moody-blue-bg {
    background-color: #6c7bd3;
    /*background:linear-gradient(to right, #616ebd 50%, #6c7bd3 50%);*/ }
  #ms153-thematics-landingpage .mercury-bg {
    background-color: #dce3ec;
    /*background:linear-gradient(to right, #c6ccd4 50%, #dce3ec 50%);*/ }
  #ms153-thematics-landingpage .turquoise-bg {
    background-color: #00c4b3;
    /*background:linear-gradient(to right, #00b0a1 50%, #00c4b3 50%);*/ }
  #ms153-thematics-landingpage .marigold-bg {
    background-color: #ffc62d; }
  #ms153-thematics-landingpage .jade-bg {
    background-color: #00945e;
    /*background:linear-gradient(to right, #008554 50%, #00945e 50%);*/ }
  #ms153-thematics-landingpage .flint-bg {
    background-color: #73787c;
    /*background:linear-gradient(to right, #676c6f 50%, #73787c 50%);*/ }
  #ms153-thematics-landingpage .tangerine-bg {
    background-color: #f08900;
    /*background:linear-gradient(to right, #d87b00 50%, #f08900 50%);*/ }
  #ms153-thematics-landingpage .daintree-bg {
    background-color: #011b2b;
    /*background:linear-gradient(to right, #011827 50%, #011b2b 50%);*/ }
  #ms153-thematics-landingpage .container {
    padding: 0; }
  #ms153-thematics-landingpage .container-fluid-max-xl {
    max-width: 1140px; }
  #ms153-thematics-landingpage .marigold-border {
    border-color: #ffc62d;
    border-width: 1px;
    border-style: solid; }
  #ms153-thematics-landingpage .product-page-hero-header {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 46px;
    padding: 20px 0 40px; }

#ms153-thematics-landingpage {
  position: relative;
  height: 100%;
  /*max-width:1140px;*/
  margin: 0 auto;
  min-width: 320px;
  z-index: 10;
  color: #011b2b; }
  #ms153-thematics-landingpage .strong {
    font-weight: 700; }
  #ms153-thematics-landingpage .spacer {
    height: 160px;
    width: 100%; }
  #ms153-thematics-landingpage a {
    color: #0626a9;
    font-weight: 700; }
  #ms153-thematics-landingpage p {
    line-height: 1.4rem;
    font-size: 16px; }
  #ms153-thematics-landingpage h2 {
    font-weight: 800;
    font-family: 'Roboto',sans-serif; }
  #ms153-thematics-landingpage h6 {
    font-weight: 300;
    font-size: 14px;
    margin: 20px 0;
    text-transform: uppercase; }
  #ms153-thematics-landingpage #carousel-container {
    width: auto;
    position: relative; }
  #ms153-thematics-landingpage #carousel-ribbon {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    background: #011b2b; }
  #ms153-thematics-landingpage .carousel {
    height: 700px;
    position: relative;
    opacity: 0;
    width: 100%;
    color: #fff;
    padding: 30px 0; }
  #ms153-thematics-landingpage .carousel.active {
    opacity: 1; }
  #ms153-thematics-landingpage .carousel-item {
    height: 100%;
    overflow: hidden;
    width: 100%;
    background-position: center center;
    background-size: cover; }
  #ms153-thematics-landingpage #carousel-menu {
    top: 15px;
    left: 20px;
    font-size: 2rem;
    color: #fff;
    position: absolute;
    width: 90%;
    height: 30px; }
  #ms153-thematics-landingpage #dropdownMenuLink {
    background-color: #fff;
    border: none; }
  #ms153-thematics-landingpage .dropdown-menu {
    min-width: 75%; }
  #ms153-thematics-landingpage .dropdown-menu .dropdown-item {
    white-space: normal; }
  #ms153-thematics-landingpage .dropdown-menu .dropdown-item.active {
    opacity: 0.4;
    background-color: #c7d2ec; }
  #ms153-thematics-landingpage .carousel-caption {
    top: 20px;
    left: 150px;
    text-align: left;
    padding: 0;
    right: auto; }
  #ms153-thematics-landingpage .carousel-caption h5 {
    font-size: 1.6rem; }
  #ms153-thematics-landingpage .carousel-inner {
    height: 100%;
    max-height: 100%; }
  #ms153-thematics-landingpage .carousel-inner .block-inner {
    height: 100%;
    padding: 80px 100px 120px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-left {
    float: left;
    width: 55%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    overflow: hidden;
    position: relative; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right {
    float: right;
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    line-height: 1.4rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-nav {
    display: none; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-title {
    font-size: 2.6rem;
    font-weight: 700;
    margin: 40px 0;
    line-height: 3rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-subtitle {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 300; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-summary {
    font-size: 1rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-content {
    line-height: 1.3rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-content ul {
    padding-left: 15px;
    margin-bottom: 40px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-content li {
    margin: 10px;
    font-size: 16px;
    line-height: 1.4rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-content a {
    color: #00c4b3; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-content a:hover {
    text-decoration: underline; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right .svg-img {
    height: auto;
    width: 100%; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right .svg-obj {
    height: 100%;
    max-width: 240px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right .card-header {
    background: #fff;
    color: #011b2b;
    position: relative; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right .card-header {
    background: #00293b;
    color: #fff;
    cursor: pointer;
    font-weight: 500; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right .card-body {
    background: #fff;
    color: #011b2b; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right #blob-cluster {
    position: relative;
    height: 100%;
    width: 100%;
    max-width: 300px;
    max-height: 300px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right .circle {
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    border: 3px #fff solid; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right table {
    font-size: 12px;
    text-align: center;
    line-height: 1rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .spin {
    animation: spinner 1s infinite linear;
    perspective: 500px;
    transform-style: preserve-3d; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right .slide-element {
    position: relative; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ul li {
    margin: 10px 0;
    font-size: 1.1rem;
    list-style: none;
    padding: 10px 0 20px;
    border-bottom: 1px #ccc solid;
    position: relative; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ol li {
    margin: 10px 0;
    font-size: 1.2rem;
    padding: 10px 0 20px;
    border-bottom: 1px #ccc solid;
    position: relative;
    left: 1000px;
    counter-increment: counters; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ol li:before {
    content: counter(counters);
    background: #00293b;
    border-radius: 50%;
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #fff;
    position: absolute;
    left: -30px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ol {
    list-style: none;
    counter-reset: counters;
    padding-left: 40px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ul.block-list-large li {
    background: #fff;
    color: #011b2b;
    padding: 4px 20px;
    border: none; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ul li:last-child {
    border-bottom: none; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-type .type-source {
    display: none; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-type.type-web-address {
    border: 1px #0626a9 solid;
    background: #fff;
    padding: 4px 10px;
    text-align: left;
    font-size: 1.1rem;
    color: #000;
    width: 100%;
    display: block; }
  #ms153-thematics-landingpage .transition {
    transition: .7s; }

@keyframes spinner {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  50% {
    transform: rotate3d(1, 1, 1, 180deg); }
  100% {
    transform: rotate3d(1, 1, 1, 360deg); } }

#ms153-thematics-landingpage {
  /*------------------------------- carousel indicators ------------------------------*/ }
  #ms153-thematics-landingpage .wrapper {
    position: relative;
    margin: 40px auto;
    background: #e44261; }
  #ms153-thematics-landingpage .wrapper, #ms153-thematics-landingpage .wrapper * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #ms153-thematics-landingpage .wrapper {
    width: 250px;
    height: 250px; }
  #ms153-thematics-landingpage .wrapper .pie {
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    position: absolute;
    background: white;
    border: 5px solid #00293a; }
  #ms153-thematics-landingpage .wrapper .spinner {
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    z-index: 200;
    border-right: none;
    animation: rota 5s linear infinite; }
  #ms153-thematics-landingpage .wrapper:hover .spinner,
  #ms153-thematics-landingpage .wrapper:hover .filler,
  #ms153-thematics-landingpage .wrapper:hover .mask {
    animation-play-state: running; }
  #ms153-thematics-landingpage .wrapper .filler {
    border-radius: 0 100% 100% 0 / 0 50% 50% 0;
    left: 50%;
    opacity: 0;
    z-index: 100;
    animation: opa 5s steps(1, end) infinite reverse;
    border-left: none; }
  #ms153-thematics-landingpage .wrapper .mask {
    width: 50%;
    height: 100%;
    position: absolute;
    background: inherit;
    opacity: 1;
    z-index: 300;
    animation: opa 5s steps(1, end) infinite; }
  #ms153-thematics-landingpage .carousel-indicators {
    background: transparent;
    justify-content: flex-end;
    margin-right: 5%; }
  #ms153-thematics-landingpage .carousel-indicators li {
    display: block;
    margin: 5px 10px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1px #fff solid;
    background: transparent;
    transition: all 0.5s;
    color: #011b2b;
    font-weight: 700;
    text-align: right; }
  #ms153-thematics-landingpage .carousel-indicators li:hover {
    border: 1px #f08900 solid; }
  #ms153-thematics-landingpage .carousel-indicators li:after {
    content: '';
    position: absolute;
    top: 30px;
    height: 1px;
    width: 60%;
    left: 20%;
    border-top: 2px #fff dotted; }
  #ms153-thematics-landingpage .carousel-indicators li.active {
    background: #f08900;
    border-color: #f08900; }
  #ms153-thematics-landingpage .carousel-indicators li.active:after {
    display: none; }
  #ms153-thematics-landingpage .carousel-menu-item {
    position: absolute;
    top: auto;
    padding: 30px 0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    z-index: 2000;
    bottom: auto;
    width: auto;
    left: 100px;
    color: #fff; }
  #ms153-thematics-landingpage .carousel-menu-item i {
    font-size: 1.4rem; }
  #ms153-thematics-landingpage .carousel-menu-item:hover {
    color: #f08900;
    text-decoration: none; }
  #ms153-thematics-landingpage .carousel-nav-next {
    bottom: 0;
    right: auto; }
  #ms153-thematics-landingpage .carousel-nav-prev {
    top: 0;
    display: none; }

/*-------------------------------- media --------------------------------------*/
@media (min-width: 901px) {
  #ms153-thematics-landingpage .vert .carousel-item-next.carousel-item-left,
  #ms153-thematics-landingpage .vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  #ms153-thematics-landingpage .vert .carousel-item-next,
  #ms153-thematics-landingpage .vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  #ms153-thematics-landingpage .vert .carousel-item-prev,
  #ms153-thematics-landingpage .vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@media (max-width: 900px) {
  #ms153-thematics-landingpage .carousel {
    padding: 10px 0 100px 0;
    height: auto; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-left {
    width: 100%;
    height: auto;
    margin-bottom: 40px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right {
    width: 100%;
    height: auto; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ul {
    padding-left: 0; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ol li {
    font-size: 1rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-title {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 70px; }
  #ms153-thematics-landingpage .carousel-caption h5 {
    font-size: 1.3rem; }
  #ms153-thematics-landingpage .card-body {
    font-size: 0.9rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-summary {
    font-size: 1.2rem; }
  #ms153-thematics-landingpage .carousel-menu-item {
    padding: 16px;
    top: 60px;
    bottom: auto;
    width: 60px;
    height: 60px;
    background: #f08900;
    text-align: center; }
  #ms153-thematics-landingpage .carousel-menu-item i {
    font-size: 20px; }
  #ms153-thematics-landingpage .carousel-menu-item:hover {
    color: #011b2b; }
  #ms153-thematics-landingpage .carousel-nav-next {
    right: 0;
    left: auto; }
  #ms153-thematics-landingpage .carousel-nav-prev {
    left: 0;
    right: auto;
    display: block; }
  #ms153-thematics-landingpage .icon-angle-down:before {
    content: '\f105'; }
  #ms153-thematics-landingpage .icon-angle-up:before {
    content: '\f104';
    margin-left: 5px; }
  #ms153-thematics-landingpage .carousel-nav-next i {
    display: block; }
  #ms153-thematics-landingpage .carousel-menu-item span {
    display: none; }
  #ms153-thematics-landingpage .carousel-inner .block-inner {
    padding: 20px 60px 60px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right .svg-img {
    width: auto; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ul li {
    font-size: 1rem; }
  #ms153-thematics-landingpage #carousel-menu .dropdown-menu {
    font-size: 0.9rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right {
    line-height: 1rem; }
  #ms153-thematics-landingpage .carousel-indicators {
    bottom: 0;
    margin-right: 15%;
    justify-content: center; }
  #ms153-thematics-landingpage .carousel-indicators li {
    display: block;
    margin: 5px 10px;
    height: 20px;
    border-radius: 10px; }
  #ms153-thematics-landingpage .carousel-indicators li:hover {
    border: 1px #f08900 solid; }
  #ms153-thematics-landingpage .carousel-indicators li:after {
    display: none; }
  #ms153-thematics-landingpage .carousel-indicators li.active {
    background: #f08900;
    border-color: #f08900; } }

@media (max-width: 700px) {
  #ms153-thematics-landingpage .carousel-menu-item {
    width: 40px;
    height: 40px;
    padding: 8px; }
  #ms153-thematics-landingpage .carousel-menu-item i {
    font-size: 16px; } }

@media (max-width: 520px) {
  #ms153-thematics-landingpage .carousel-menu-item {
    top: 70px; }
  #ms153-thematics-landingpage .mobile-hide {
    display: none; }
  #ms153-thematics-landingpage .carousel-indicators {
    margin-left: 0;
    margin-right: 0; }
  #ms153-thematics-landingpage .carousel-nav-next {
    right: 20px;
    margin-top: 10px;
    left: auto; }
  #ms153-thematics-landingpage .carousel-nav-prev {
    left: 20px;
    margin-top: 10px; }
  #ms153-thematics-landingpage #dropdownMenuLink {
    width: 100%; }
  #ms153-thematics-landingpage .carousel-caption {
    position: relative;
    top: 60px;
    text-align: center;
    width: 100%;
    left: 0; }
  #ms153-thematics-landingpage .dropdown-menu {
    min-width: 100%; }
  #ms153-thematics-landingpage .card-header, #ms153-thematics-landingpage .card-body {
    padding: 5px 10px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ol li {
    font-size: 0.9rem; }
  #ms153-thematics-landingpage .carousel-caption {
    padding: 0 10px; }
  #ms153-thematics-landingpage .carousel-caption h5 {
    font-size: 1rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-subtitle {
    font-size: 0.9rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-summary {
    font-size: 1rem; }
  #ms153-thematics-landingpage .carousel-inner .block-inner {
    padding: 20px; }
  #ms153-thematics-landingpage .carousel-inner .block-inner .block-col-right ul li {
    font-size: 0.8rem; } }

#esg_top20_funds_0421 {
  font-family: 'Roboto',sans-serif;
  color: #011b2b;
  width: 100%;
  margin-bottom: 40px;
  border: 2px #011b2b solid;
  padding: 0 20px; }

#esg_top20_funds_0421 #chart-container {
  position: relative; }

#esg_top20_funds_0421 #container-left {
  position: relative;
  z-index: 1;
  background: #fff;
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s; }

#esg_top20_funds_0421 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#esg_top20_funds_0421 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#esg_top20_funds_0421 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#esg_top20_funds_0421 #chart-selectors {
  text-align: center; }

#esg_top20_funds_0421 .series-button.carnation {
  background: #e44261; }

#esg_top20_funds_0421 .series-button.tangerine {
  background: #f08900; }

#esg_top20_funds_0421 .series-button.marigold {
  background: #ffc62d; }

#esg_top20_funds_0421 .series-button.turquoise {
  background: #00c4b3; }

#esg_top20_funds_0421 .series-button.smokey-blue {
  background: #0626a9; }

#esg_top20_funds_0421 .series-button.marble {
  background: #c7d2ec; }

#esg_top20_funds_0421 .series-button.grey {
  background: #73787c; }

#esg_top20_funds_0421 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

#esg_top20_funds_0421 #emissions-key {
  font-weight: 700;
  color: #011b2b; }

#esg_top20_funds_0421 .emissions-key-chart {
  height: 20px;
  margin: 5px 0 20px 0;
  float: left;
  position: relative; }

#esg_top20_funds_0421 .emissions-key-chart.range {
  background: #00293b;
  background: linear-gradient(90deg, #00945e 0%, #ffc62d 40%, #ffc62d 60%, #e44261 100%);
  width: 100%; }

#esg_top20_funds_0421 .emissions-key-chart span.key-title {
  display: block;
  position: absolute;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #fff; }

#esg_top20_funds_0421 #fund-container-placeholder {
  height: calc(100% - 20px);
  width: calc(100% - 30px);
  background: #fff;
  border: 2px #eee dashed;
  text-align: center;
  color: #aaa;
  display: table;
  position: absolute; }

#esg_top20_funds_0421 #fund-container-placeholder span {
  display: table-cell;
  vertical-align: middle; }

#esg_top20_funds_0421 #fund-container {
  display: none;
  font-weight: 700;
  position: relative;
  left: -500px;
  z-index: 0;
  background: #fff; }

#esg_top20_funds_0421 #fund-container-close {
  display: none; }

#esg_top20_funds_0421 .close-button {
  position: absolute;
  top: 7px;
  height: 31px;
  right: 0;
  margin-left: -20px;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#esg_top20_funds_0421 .close-button::before, #esg_top20_funds_0421 .close-button::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 14px;
  width: 20px;
  height: 1px;
  background: #011b2b; }

#esg_top20_funds_0421 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#esg_top20_funds_0421 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#esg_top20_funds_0421 #fund-container.active {
  display: block; }

#esg_top20_funds_0421 #fund-container #fund-name {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 700;
  padding: 0 0 0 30px;
  position: relative; }

#esg_top20_funds_0421 #fund-container #fund-name:before {
  content: "\25e2";
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  font-size: 28px;
  color: #011b2b;
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#esg_top20_funds_0421 #fund-container #fund-rating {
  margin: 20px 0 30px; }

#esg_top20_funds_0421 #fund-container #fund-rating img {
  width: 60%;
  max-width: 300px; }

#esg_top20_funds_0421 #fund-container table {
  margin: 20px 0;
  border-top: 2px #fff solid;
  border-bottom: 2px #fff solid;
  width: 100%; }

#esg_top20_funds_0421 #fund-container table tr td {
  padding: 10px 20px 10px 0; }

#esg_top20_funds_0421 #fund-container #fund-assets {
  margin: 0 0 20px;
  font-size: 3rem;
  border-bottom: 2px #fff solid; }

#esg_top20_funds_0421 #fund-assets {
  padding: 20px 0 20px; }

#esg_top20_funds_0421 #fund-container #fund-peer-rank-title {
  margin-bottom: 30px; }

#esg_top20_funds_0421 #fund-container #fund-peer-rank {
  width: calc(100% - 20px);
  position: relative;
  height: 20px; }

#esg_top20_funds_0421 #fund-container #fund-peer-rank-bar {
  height: 20px;
  width: calc(100% + 20px);
  background: repeating-linear-gradient(to right, #ffc62d, #ffc62d 9%, transparent 0px, transparent 10%); }

#esg_top20_funds_0421 #fund-container.low #fund-peer-rank-bar {
  background: repeating-linear-gradient(to right, #00945e, #00945e 9%, transparent 0px, transparent 10%); }

#esg_top20_funds_0421 #fund-container.high #fund-peer-rank-bar {
  background: repeating-linear-gradient(to right, #e44261, #e44261 9%, transparent 0px, transparent 10%); }

#esg_top20_funds_0421 #fund-container #fund-peer-rank-marker {
  position: absolute;
  top: -30px;
  height: 30px;
  width: 20px;
  left: 0;
  color: #011b2b;
  font-size: 12px;
  text-align: center; }

#esg_top20_funds_0421 #fund-container #fund-peer-rank-marker:before {
  content: "\25e2";
  display: block;
  position: absolute;
  color: #011b2b;
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px;
  left: 5px; }

#esg_top20_funds_0421 #fund-container.low #fund-name:before {
  color: #00945e; }

#esg_top20_funds_0421 #fund-container.medium #fund-name:before {
  color: #ffc62d; }

#esg_top20_funds_0421 #fund-container.high #fund-name:before {
  color: #e44261; }

#esg_top20_funds_0421 #fund-container.low #fund-assets, #esg_top20_funds_0421 #fund-container.low table {
  border-color: #00945e; }

#esg_top20_funds_0421 #fund-container.medium #fund-assets, #esg_top20_funds_0421 #fund-container.medium table {
  border-color: #ffc62d; }

#esg_top20_funds_0421 #fund-container.high #fund-assets, #esg_top20_funds_0421 #fund-container.high table {
  border-color: #e44261; }

@media (max-width: 990px) {
  #esg_top20_funds_0421 #container-left.fadeout {
    opacity: 0.2; }
  #esg_top20_funds_0421 #container-right {
    position: absolute;
    z-index: 2; }
  #esg_top20_funds_0421 #fund-container-placeholder {
    display: none; }
  #esg_top20_funds_0421 #fund-container {
    padding: 20px;
    border: 2px #eee solid;
    width: calc(100% + 40px);
    left: -1000px; }
  #esg_top20_funds_0421 #fund-container-close {
    display: block; } }

@media (max-width: 720px) {
  #esg_top20_funds_0421 #fund-container #fund-name {
    font-size: 1.2rem; } }

@media (max-width: 520px) {
  #esg_top20_funds_0421 #chart-container {
    height: auto; } }

#ms154-thematics-insights {
  font-family: Roboto,sans-serif;
  line-height: 1.2;
  overflow-x: hidden; }

/* COLOURS */
#ms154-thematics-insights {
  /* BACKGROUNDS */ }
  #ms154-thematics-insights .carnation {
    color: #e44261; }
  #ms154-thematics-insights .smokey-blue {
    color: #0626a9; }
  #ms154-thematics-insights .sky-blue {
    color: #5987da; }
  #ms154-thematics-insights .moody-blue {
    color: #6c7bd3; }
  #ms154-thematics-insights .mercury {
    color: #dce3ec; }
  #ms154-thematics-insights .turquoise {
    color: #00c4b3; }
  #ms154-thematics-insights .marigold {
    color: #ffc62d; }
  #ms154-thematics-insights .jade {
    color: #00945e; }
  #ms154-thematics-insights .flint {
    color: #73787c; }
  #ms154-thematics-insights .sky-blue {
    color: #5987da; }
  #ms154-thematics-insights .tangerine {
    color: #f08900; }
  #ms154-thematics-insights .daintree {
    color: #011b2b; }
  #ms154-thematics-insights .white-bg {
    background-color: #fff;
    fill: #fff; }
  #ms154-thematics-insights .carnation-bg {
    background-color: #e44261;
    /*background:linear-gradient(to right, #cd3b57 50%, #e44261 50%);*/ }
  #ms154-thematics-insights .smokey-blue-bg {
    background-color: #0626a9;
    /*background:linear-gradient(to right, #052298 50%, #0626a9 50%);*/ }
  #ms154-thematics-insights .sky-blue-bg {
    background-color: #5987da;
    /*background:linear-gradient(to right, #5079c4 50%, #5987da 50%);*/ }
  #ms154-thematics-insights .moody-blue-bg {
    background-color: #6c7bd3;
    /*background:linear-gradient(to right, #616ebd 50%, #6c7bd3 50%);*/ }
  #ms154-thematics-insights .mercury-bg {
    background-color: #dce3ec;
    /*background:linear-gradient(to right, #c6ccd4 50%, #dce3ec 50%);*/ }
  #ms154-thematics-insights .turquoise-bg {
    background-color: #00c4b3;
    /*background:linear-gradient(to right, #00b0a1 50%, #00c4b3 50%);*/ }
  #ms154-thematics-insights .marigold-bg {
    background-color: #ffc62d; }
  #ms154-thematics-insights .jade-bg {
    background-color: #00945e;
    /*background:linear-gradient(to right, #008554 50%, #00945e 50%);*/ }
  #ms154-thematics-insights .flint-bg {
    background-color: #73787c;
    /*background:linear-gradient(to right, #676c6f 50%, #73787c 50%);*/ }
  #ms154-thematics-insights .tangerine-bg {
    background-color: #f08900;
    /*background:linear-gradient(to right, #d87b00 50%, #f08900 50%);*/ }
  #ms154-thematics-insights .daintree-bg {
    background-color: #011b2b;
    /*background:linear-gradient(to right, #011827 50%, #011b2b 50%);*/ }
  #ms154-thematics-insights .container {
    padding: 0; }
  #ms154-thematics-insights .container-fluid-max-xl {
    max-width: 1140px; }
  #ms154-thematics-insights .marigold-border {
    border-color: #ffc62d;
    border-width: 1px;
    border-style: solid; }
  #ms154-thematics-insights .product-page-hero-header {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 46px;
    padding: 20px 0 40px; }

#ms154-thematics-insights {
  position: relative;
  height: 100%;
  /*max-width:1140px;*/
  margin: 0 auto;
  min-width: 320px;
  z-index: 11;
  color: #011b2b; }

#ms154-thematics-insights .strong {
  font-weight: 700; }

#ms154-thematics-insights .spacer {
  height: 160px;
  width: 100%; }

#ms154-thematics-insights a {
  color: #f08900;
  font-weight: 700; }

#ms154-thematics-insights p {
  line-height: 1.4rem;
  font-size: 16px; }

#ms154-thematics-insights h2 {
  font-weight: 800;
  font-family: 'Roboto',sans-serif; }

#ms154-thematics-insights h6 {
  font-weight: 300;
  font-size: 14px;
  margin: 20px 0;
  text-transform: uppercase; }

#ms154-thematics-insights #asset-container {
  width: 100%;
  position: relative;
  height: 600px; }

#ms154-thematics-insights #asset-container .row, #ms154-thematics-insights #asset-container .container {
  height: 100%; }

#ms154-thematics-insights #asset-menu {
  border-right: 2px #fff solid;
  height: 100%;
  padding: 20px;
  padding-left: 33px;
  color: #fff;
  position: relative; }

#ms154-thematics-insights #asset-menu ul#asset-menu-list {
  padding: 0;
  margin: 40px 0;
  height: 85%;
  overflow-y: auto; }

/* width */
#ms154-thematics-insights #asset-menu-list::-webkit-scrollbar {
  width: 6px; }

/* Track */
#ms154-thematics-insights #asset-menu-list::-webkit-scrollbar-track {
  background: #ccc; }

/* Handle */
#ms154-thematics-insights #asset-menu-list::-webkit-scrollbar-thumb {
  background: #f08900; }

/* Handle on hover */
#ms154-thematics-insights #asset-menu-list::-webkit-scrollbar-thumb:hover {
  background: #555; }

#ms154-thematics-insights #asset-menu-list {
  scrollbar-color: orange lightyellow;
  scrollbar-width: thin; }

#ms154-thematics-insights #asset-menu ul#asset-menu-list li {
  list-style: none;
  font-size: 18px;
  padding: 10px 0;
  margin: 0;
  cursor: pointer; }

#ms154-thematics-insights #asset-menu ul#asset-menu-list li a {
  color: #fff; }

#ms154-thematics-insights #asset-menu ul#asset-menu-list li:hover a, #ms154-thematics-insights #asset-menu ul#asset-menu-list li.active a {
  color: #f08900;
  text-decoration: none; }

#ms154-thematics-insights #asset-content {
  position: relative;
  overflow: hidden; }

#ms154-thematics-insights #asset-content:before {
  content: '';
  background-image: url(../images/thematic-insights/thematic-montage.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  display: block;
  left: -20px;
  position: absolute; }

#ms154-thematics-insights #asset-content:after {
  content: '';
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.641 511.641' style='enable-background:new 0 0 511.641 511.641;' xml:space='preserve' fill='%23fff'%3E%3Cg%3E%3Cg%3E%3Cpath d='M148.32,255.76L386.08,18c4.053-4.267,3.947-10.987-0.213-15.04c-4.16-3.947-10.667-3.947-14.827,0L125.707,248.293 c-4.16,4.16-4.16,10.88,0,15.04L371.04,508.667c4.267,4.053,10.987,3.947,15.04-0.213c3.947-4.16,3.947-10.667,0-14.827 L148.32,255.76z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 80px 80px;
  background-position: 10px 50%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -40px;
  animation: shift 1s infinite;
  z-index: 10; }

#ms154-thematics-insights .asset-content-item {
  position: absolute;
  width: 100%;
  left: -1000px;
  background: #00293b;
  height: 600px;
  color: #fff;
  display: none;
  z-index: 12; }

#ms154-thematics-insights .asset-content-item #asset-content-item-text {
  padding: 20px 0 20px 20px;
  height: 100%;
  position: relative; }

#ms154-thematics-insights .asset-content-item #asset-content-item-text h2 {
  font-size: 3rem; }

#ms154-thematics-insights .asset-content-item #asset-content-item-text #close-button {
  display: none; }

#ms154-thematics-insights .asset-content-item #asset-content-item-links {
  width: calc(100% - 20px);
  margin-top: 60px; }

#ms154-thematics-insights .asset-content-item #asset-content-item-links a {
  color: #fff;
  display: block;
  font-size: 18px;
  padding: 10px 0;
  position: relative; }

#ms154-thematics-insights .asset-content-item #asset-content-item-links a:hover {
  text-decoration: none;
  color: #f08900; }

#ms154-thematics-insights .asset-content-item #asset-content-item-links a:after {
  content: "\F15C";
  font-family: 'fontawesome';
  position: absolute;
  right: 0; }

#ms154-thematics-insights .asset-content-item #asset-content-item-image {
  overflow: hidden; }

#ms154-thematics-insights .transition {
  transition: .7s; }

@keyframes spinner {
  0% {
    transform: rotate3d(1, 1, 1, 0deg); }
  50% {
    transform: rotate3d(1, 1, 1, 180deg); }
  100% {
    transform: rotate3d(1, 1, 1, 360deg); } }

@keyframes shift {
  0% {
    left: 20px; }
  50% {
    left: 40px; }
  100% {
    left: 20px; } }

/*-------------------------------- media --------------------------------------*/
@media (max-width: 992px) {
  #ms154-thematics-insights #asset-container .row, #ms154-thematics-insights #asset-container .container {
    max-width: 920px; } }

@media (max-width: 768px) {
  #ms154-thematics-insights .asset-content-item #asset-content-item-links {
    margin-top: 40px;
    width: calc(100% - 20px); } }

@media (max-width: 576px) {
  #ms154-thematics-insights #asset-container {
    height: auto; }
  #ms154-thematics-insights #asset-content {
    height: 100%;
    position: absolute;
    background: none;
    width: calc(100% + 20px);
    max-width: none; }
  #ms154-thematics-insights #asset-content:before {
    display: none; }
  #ms154-thematics-insights #asset-content.closed {
    pointer-events: none; }
  #ms154-thematics-insights .asset-content-item #asset-content-item-text h2 {
    font-size: 2rem;
    padding-right: 30px; }
  #ms154-thematics-insights .asset-content-item #asset-content-item-text {
    padding: 20px 30px; }
  #ms154-thematics-insights .asset-content-item #asset-content-item-text #close-button {
    position: absolute;
    top: 24px;
    right: 24px;
    display: block;
    font-size: 28px;
    cursor: pointer; }
  #ms154-thematics-insights #asset-menu {
    text-align: center; }
  #ms154-thematics-insights #asset-menu ul#asset-menu-list li {
    padding: 5px 0; }
  #ms154-thematics-insights .asset-content-item #asset-content-item-image img {
    width: 100%; } }

#globalInvestingContainer1020_20 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_20 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_20 .col-sm-12 h5 {
  height: 45px; }

#globalInvestingContainer1020_20 .highcharts-legend-title span {
  display: block;
  width: 300px;
  text-align: center; }

#globalInvestingContainer1020_20 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#globalInvestingContainer1020_20 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#globalInvestingContainer1020_20 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#globalInvestingContainer1020_20 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

#globalInvestingContainer1020_20 .series-button.carnation {
  background: #e44261; }

#globalInvestingContainer1020_20 .series-button.tangerine {
  background: #f08900; }

#globalInvestingContainer1020_20 .series-button.marigold {
  background: #ffc62d; }

#globalInvestingContainer1020_20 .series-button.turquoise {
  background: #00c4b3; }

#globalInvestingContainer1020_20 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_20 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_20 .col-sm-12 h5 {
    margin-top: 20px; } }

#ms176-thematic-indexes-container-082022::after {
  height: 60px; }

#ms176-thematic-indexes-container-082022 .tab-container {
  background: #fff;
  height: calc(100% + 30px);
  padding: 0 !important; }

#ms176-thematic-indexes-container-082022 .tab-container h3 {
  color: #011b2b;
  margin: 0 0 20px; }

#ms176-thematic-indexes-container-082022 .nav-tabs {
  border-bottom: 0;
  position: absolute;
  z-index: 1; }

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item {
  color: #fff;
  margin: 0 1px;
  position: relative;
  height: 100px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  top: 0; }

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item .nav-link {
  opacity: 0.6;
  background: #011b2b; }

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item.active {
  top: -10px; }

#ms176-thematic-indexes-container-082022 .nav-item .nav-link.active {
  top: -10px; }

#ms176-thematic-indexes-container-082022 .nav-item.tab_0 .nav-link.active {
  background: #f08900; }

#ms176-thematic-indexes-container-082022 .nav-item.tab_1 .nav-link.active {
  background: #00c4b3; }

#ms176-thematic-indexes-container-082022 .nav-item.tab_2 .nav-link.active {
  background: #e44261; }

#ms176-thematic-indexes-container-082022 .nav-item.tab_3 .nav-link.active {
  background: #0626a9; }

#ms176-thematic-indexes-container-082022 .nav-item.tab_4 .nav-link.active {
  background: #ffc62d; }

#ms176-thematic-indexes-container-082022 .nav-item.tab_5 .nav-link.active {
  background: #7692dd; }

/*
#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item.tab_0.active .nav-link
{
  background:#f08900 !important;
}

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item.tab_1.active .nav-link  {
  background:#00c4b3;
}

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item.tab_2.active .nav-link {
  background:#e44261;
}

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item.tab_3.active .nav-link {
  background:#0626a9;
}

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item.tab_4.active .nav-link {
  background:#ffc62d;
}

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item.tab_5.active .nav-link {
  background:#7692dd;
}
*/
#ms176-thematic-indexes-container-082022 .nav-tabs .nav-item:first-child {
  margin-left: 0; }

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-link {
  border: 0;
  border-radius: 0;
  font-family: "Roboto Medium",sans-serif;
  font-size: 13px;
  color: #fff;
  height: 100%; }

#ms176-thematic-indexes-container-082022 .nav-tabs .nav-link.active,
#ms176-thematic-indexes-container-082022 .nav-tabs .nav-link:hover {
  opacity: 1; }

#ms176-thematic-indexes-container-082022 .tab-pane .row {
  position: relative; }

#ms176-thematic-indexes-container-082022 .tab-content {
  border: #011b2b 2px solid;
  background: #011b2b;
  color: #fff;
  padding: 0;
  display: flex;
  overflow: hidden;
  position: relative;
  top: 35px;
  z-index: 2; }

#ms176-thematic-indexes-container-082022 .tab-content > .tab-pane {
  display: block;
  /* undo "display: none;" */
  visibility: hidden;
  margin-right: -100%;
  width: 100%; }

#ms176-thematic-indexes-container-082022 .tab-content > .active {
  visibility: visible; }

#ms176-thematic-indexes-container-082022 .tab-content .row {
  margin: 0;
  height: 100%; }

#ms176-thematic-indexes-container-082022 .tab-content .index-panel-left {
  padding: 30px; }

#ms176-thematic-indexes-container-082022 .tab-content .index-panel-right {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px;
  position: relative;
  color: #fff; }

#ms176-thematic-indexes-container-082022 .tab-content .index-panel-right .panel-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  /*background:#011b2b99;*/ }

#ms176-thematic-indexes-container-082022 .tab-content .index-panel-right .panel-about {
  position: relative;
  z-index: 1;
  padding: 30px;
  max-width: 400px;
  background: #011b2b99; }

#ms176-thematic-indexes-container-082022 .tab-content .index-panel-right .panel-about p {
  font-family: 'Roboto Medium',sans-serif; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar {
  scrollbar-color: #00c4b3 #00c4b333;
  scrollbar-width: thin; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar::-webkit-scrollbar {
  width: 8px; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar::-webkit-scrollbar-track {
  background: #00c4b333; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar::-webkit-scrollbar-thumb {
  background: #00c4b3; }

#ms176-thematic-indexes-container-082022 ul.index-list li:hover,
#ms176-thematic-indexes-container-082022 ul.index-list li.active {
  background: #00293b;
  color: #fff; }

#ms176-thematic-indexes-container-082022 .index-panel-right .data-bar.active {
  background: #00293b;
  border-left: 1px #335462 solid; }

#ms176-thematic-indexes-container-082022 .index-panel-right h5 {
  font-family: "Roboto Medium",sans-serif; }

#ms176-thematic-indexes-container-082022 .tab-content h4.index-title {
  font-family: "Roboto Black",sans-serif; }

#ms176-thematic-indexes-container-082022 .tab-content h4.index-title .index-icon img {
  width: 40px;
  margin-right: 10px; }

#ms176-thematic-indexes-container-082022 .tab-content ul.index-list {
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 0; }

#ms176-thematic-indexes-container-082022 .tab-content ul.index-list li {
  padding: 6px 50px 6px 10px;
  position: relative;
  font-family: "Roboto Medium",sans-serif;
  cursor: pointer; }

#ms176-thematic-indexes-container-082022 .tab-content ul.index-list li:before {
  content: '\F105';
  font-family: 'fontawesome';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  font-size: 20px;
  color: #fff;
  height: 20px;
  width: 20px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 1;
  text-align: center; }

#ms176-thematic-indexes-container-082022 .tab-content ul.index-list li.active:after {
  right: 0; }

#ms176-thematic-indexes-container-082022 .tab-content ul.index-list li.active:before {
  transform: rotate(180deg); }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar {
  position: absolute;
  z-index: 2;
  left: 1000px;
  top: 0;
  width: 100%;
  height: 100%;
  background: #011b2b;
  color: #fff;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  padding: 30px;
  overflow-y: auto; }

#ms176-thematic-indexes-container-082022 .tab-content .tab-pane.active .data-bar.active {
  left: 0; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-links-container h6 {
  padding: 0 0 5px 0;
  border-bottom: 1px #ccc solid; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-link {
  margin: 20px 0; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-title {
  font-family: "Roboto Medium",sans-serif; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-link a {
  color: #00c4b3;
  display: inline-block;
  font-family: "Roboto Medium",sans-serif;
  margin: 0 20px 0 0; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-link a::after {
  content: '\F14C';
  font-family: 'fontawesome';
  margin-left: 5px; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-links li a:hover {
  color: #5987da;
  text-decoration: underline; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar p.data-bar-desc {
  font-size: 13px;
  line-height: 16px; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-insights-container {
  margin-bottom: 30px; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-insights-container a {
  border-radius: 30px;
  padding: 4px 8px;
  background: #00c4b3;
  font-family: 'Roboto Medium',sans-serif;
  color: #011b2b;
  display: inline-block;
  margin: 5px 10px 5px 0; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-insights-container a::after {
  content: '\F14C';
  font-family: 'fontawesome';
  margin-left: 5px; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-insights-container a:hover {
  background: #4dd6ca; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-insights-container a.video-link {
  background: #ffc62d; }

#ms176-thematic-indexes-container-082022 .tab-content .data-bar .data-bar-insights-container a.video-link:hover {
  background: #ffd76c; }

/*-------------------- BUTTON & ICONS --------------------*/
#ms176-thematic-indexes-container-082022 .link-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10; }

#ms176-thematic-indexes-container-082022 .link-button a {
  color: #fff; }

#ms176-thematic-indexes-container-082022 .close-button {
  position: absolute;
  top: 10px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#ms176-thematic-indexes-container-082022 .close-button::after,
#ms176-thematic-indexes-container-082022 .close-button::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #fff; }

#ms176-thematic-indexes-container-082022 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#ms176-thematic-indexes-container-082022 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*----------------tooltips---------------------*/
.ms176-thematic-indexes-container-082022 {
  z-index: 10; }

.ms176-thematic-indexes-container-082022 .popover-body, .popover-content {
  color: #fff; }

.ms176-thematic-indexes-container-082022 .tooltip-inner {
  background: #0626a9; }

.ms176-thematic-indexes-container-082022.clicked .tooltip-inner {
  background: #00c4b3; }

/*-------------------- VIEWPORTS ---------------------*/
@media (max-width: 1200px) {
  #ms176-thematic-indexes-container-082022 .nav-tabs .nav-item {
    max-width: 160px; }
  #ms176-thematic-indexes-container-082022 .nav-tabs .nav-item a.nav-link {
    line-height: 12px; } }

@media (max-width: 992px) {
  #ms176-thematic-indexes-container-082022 .nav-tabs {
    position: relative; }
  #ms176-thematic-indexes-container-082022 .nav-tabs .nav-item {
    width: 100%;
    max-width: 100% !important;
    margin: 1px 0;
    border-radius: 0;
    height: auto;
    position: static; }
  #ms176-thematic-indexes-container-082022 .tab-content {
    overflow: visible;
    border-radius: 0;
    position: static; }
  #ms176-thematic-indexes-container-082022 .tab-content .index-panel-left {
    height: auto;
    padding: 10px; }
  #ms176-thematic-indexes-container-082022 .tab-content .index-panel-right {
    position: static;
    padding: 20px; }
  #ms176-thematic-indexes-container-082022 .tab-content ul.index-list {
    padding-right: 20px; }
  #ms176-thematic-indexes-container-082022 .tab-content .data-bar {
    height: 100%; }
  #ms176-thematic-indexes-container-082022 .tab-content > .tab-pane {
    display: none; }
  #ms176-thematic-indexes-container-082022 .tab-content > .tab-pane.active {
    display: block; }
  #ms176-thematic-indexes-container-082022 .tab-content .row {
    height: auto;
    overflow: hidden; }
  #ms176-thematic-indexes-container-082022 .index-panel-right .category-image {
    display: none; } }

@media (max-width: 540px) {
  #ms176-thematic-indexes-container-082022 ul.index-list {
    padding-left: 0; }
  #ms176-thematic-indexes-container-082022 .index-panel-left h4 {
    display: none; } }

#thematics-chart-container-300421 {
  position: relative;
  width: 100%;
  padding: 0 10px;
  color: #011b2b; }

#thematics-chart-container-300421 .col-lg-6 {
  padding: 0; }

#thematics-chart-container-300421 .col-12 {
  padding: 0; }

#thematics-chart-container-300421 .right {
  float: right; }

#thematics-chart-container-300421 h1 {
  font-weight: 700; }

#thematics-chart-container-300421 h2 {
  font-size: 16px;
  font-weight: 500;
  min-width: 320px;
  margin: 0; }

#thematics-chart-container-300421 h4 {
  font-size: 15px;
  color: #ffe396; }

#thematics-chart-container-300421 #graphic {
  position: relative;
  margin: 0 auto; }

#thematics-chart-container-300421 .graphic-title {
  font-size: 24px;
  text-align: center;
  margin: 20px 0 0;
  position: relative;
  clear: both;
  background: #011b2b;
  color: #fff;
  padding: 4px 20px; }

#thematics-chart-container-300421 #graphic #boxes {
  background: transparent;
  z-index: 10;
  width: 100%;
  position: relative; }

#thematics-chart-container-300421 #graphic .boxes-section {
  position: relative;
  overflow: hidden;
  height: auto; }

#thematics-chart-container-300421 #graphic #boxes .box-container {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  float: left;
  height: 100%;
  /*min-height:240px;*/
  position: relative;
  z-index: 50; }

#thematics-chart-container-300421 #graphic #boxes .box-container.full-size {
  width: 100%; }

#thematics-chart-container-300421 #graphic #boxes .box-container.clone {
  z-index: 10;
  position: absolute; }

#thematics-chart-container-300421 #graphic #boxes .box-container .box {
  height: 100%;
  width: 100%;
  display: table;
  padding: 10px; }

#thematics-chart-container-300421 .box-title {
  font-size: 16px; }

#thematics-chart-container-300421 #reset {
  position: absolute;
  color: #fff;
  opacity: 0;
  top: 0;
  right: 5px;
  top: 5px;
  z-index: 10; }

#thematics-chart-container-300421 #reset:hover {
  cursor: pointer; }

#thematics-chart-container-300421 .box ul {
  width: 100%;
  padding: 0; }

#thematics-chart-container-300421 .box ul li {
  margin: 0 0 -1px 0;
  padding: 7px 20px 7px 5px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #fff;
  list-style: none;
  font-weight: 500;
  text-align: left;
  position: relative; }

#thematics-chart-container-300421 .box ul li:hover, #thematics-chart-container-300421 .box ul li.active {
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer; }

/*COLOURS*/
#thematics-chart-container-300421 .green-bg {
  background-color: rgba(0, 196, 179, 0.4); }

#thematics-chart-container-300421 .carnation-bg {
  background-color: rgba(228, 66, 97, 0.4); }

#thematics-chart-container-300421 .daintree-bg {
  background-color: #011b2b; }

#thematics-chart-container-300421 .daintree_3-bg {
  background-color: rgba(1, 27, 43, 0.3); }

#thematics-chart-container-300421 .tangerine-bg {
  background-color: rgba(240, 137, 0, 0.4); }

#thematics-chart-container-300421 .smokeyblue-bg {
  background-color: #0626a9; }

#thematics-chart-container-300421 .blue_1-bg {
  background-color: #91a8e1; }

#thematics-chart-container-300421 .blue_2-bg {
  background-color: #c7d2ec; }

#thematics-chart-container-300421 .blue_3-bg {
  background-color: #dce3ec; }

#thematics-chart-container-300421 .green-border {
  border-top: 20px solid #00c4b3; }

#thematics-chart-container-300421 .blue_1-border {
  border-top: 20px solid #91a8e1; }

#thematics-chart-container-300421 .blue_2-border {
  border-top: 20px solid #c7d2ec; }

#thematics-chart-container-300421 .blue_3-border {
  border-top: 20px solid #dce3ec; }

#thematics-chart-container-300421 .close-button {
  position: absolute;
  top: 5px;
  height: 24px;
  right: 5px;
  width: 24px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#thematics-chart-container-300421 .close-button::before, #thematics-chart-container-300421 .close-button::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 6px;
  width: 16px;
  height: 1px;
  background: #FFFFFF; }

#thematics-chart-container-300421 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#thematics-chart-container-300421 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#thematics-chart-container-300421 #data-bar .close-button::before, #thematics-chart-container-300421 #data-bar .close-button::after {
  background: #011b2b; }

#thematics-chart-container-300421 .link-arrow {
  height: 14px;
  width: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 2px; }

#thematics-chart-container-300421 .link-arrow.blue {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230626A9;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }

#thematics-chart-container-300421 .link-arrow.white {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 165 150.6' style='enable-background:new 0 0 165 150.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='69.1,15.5 119.6,66.1 9.5,66.1 9.5,84.2 119.6,84.2 69.1,134.8 81.9,147.6 154.3,75.1 81.9,2.7 '/%3E%3C/svg%3E%0A"); }

#thematics-chart-container-300421 .box-container ul li .link-arrow {
  position: absolute;
  right: 10px;
  top: 6px; }

#thematics-chart-container-300421 #data-bar {
  /*margin-top:40px;*/
  position: relative;
  top: 10px;
  width: 100%;
  font-size: 14px;
  z-index: 110;
  background: #fff;
  color: #011b2b;
  display: none;
  opacity: 0;
  height: 100%;
  text-align: left;
  padding: 0 0 20px 0;
  border: 2px #c6c8c8 solid;
  clear: both;
  margin-bottom: 10px;
  z-index: 10; }

#thematics-chart-container-300421 #data-bar #data-bar-header {
  width: 100%;
  padding: 10px 40px 10px 10px;
  color: #011b2b;
  font-weight: 800;
  height: auto;
  line-height: 20px;
  z-index: 1;
  text-align: left;
  font-size: 18px; }

#thematics-chart-container-300421 #data-bar #data-bar-header #data-bar-section {
  padding: 2px 6px;
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 12px;
  border-radius: 4px;
  line-height: 20px; }

#thematics-chart-container-300421 #data-bar-content {
  padding: 0 10px;
  font-size: 15px;
  height: auto; }

#thematics-chart-container-300421 #data-bar .data-bar-col {
  width: calc(50% - 20px);
  float: left;
  padding: 0 20px 0 0; }

#thematics-chart-container-300421 #data-bar .data-col-title {
  border-bottom: 1px #ccc solid;
  padding: 0 0 5px 0; }

#thematics-chart-container-300421 .data-bar-links p {
  margin-bottom: 0.5rem; }

#thematics-chart-container-300421 #data-bar .data-bar-link {
  display: none;
  text-decoration: none;
  color: #1A3FD6;
  font-weight: 700;
  font-size: 14px; }

#thematics-chart-container-300421 #data-bar .data-bar-link:hover {
  color: #4a7bc9; }

/*VIEWPORTS*/
@media (max-width: 800px) {
  #thematics-chart-container-300421 .graphic-title {
    font-size: 16px; }
  #thematics-chart-container-300421 .graphic-title::before {
    top: 12px; }
  #thematics-chart-container-300421 #graphic #boxes .box-container {
    width: 100%;
    min-height: auto; }
  #thematics-chart-container-300421 #info-container ul li {
    width: calc(50% - 6px); }
  #thematics-chart-container-300421 #data-bar {
    position: absolute;
    z-index: 11;
    top: auto;
    height: 100%; }
  #thematics-chart-container-300421 #data-bar .data-bar-col {
    width: 100%;
    padding: 0; }
  #thematics-chart-container-300421 #data-bar #data-bar-name {
    display: block;
    margin: 5px 0; } }

@media (max-width: 500px) {
  #thematics-chart-container-300421 #graphic #boxes .box-container {
    width: 100%; }
  #thematics-chart-container-300421 #info-container ul li {
    width: 100%;
    height: auto;
    margin: 3px 0;
    min-height: 40px;
    display: table-cell;
    vertical-align: middle; }
  #thematics-chart-container-300421 #graphic #boxes .box-container.clone {
    width: 100%; }
  #thematics-chart-container-300421 #desc-container {
    top: 60px;
    width: calc(100% - 60px);
    left: 10px;
    padding: 10px; } }

#globalInvestingContainer1020_9 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_9 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_9 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_9 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_9 .col-sm-12 h5 {
    margin-top: 20px; } }

#esg_net_zero_solutions_110521 #esg_image_circle_holder {
  text-align: center;
  position: relative;
  z-index: 3; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder svg {
  max-height: 600px;
  width: 100%; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder .st0 {
  fill: #EEEBF8;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-miterlimit: 10; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder .st2 {
  fill: #A3C53A; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder .st4 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 6;
  stroke-miterlimit: 10; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_label_markers ellipse {
  fill: transparent; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments path {
  fill: #fff;
  transition: all 0.5s ease-in-out; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments g.displayed path:nth-child(-n+6) {
  fill: #011b2b;
  stroke: #011b2b;
  stroke-width: 3px;
  pointer-events: none; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments g.active path:nth-child(-n+6) {
  fill: #c6c7c7;
  stroke: #c6c7c7; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.all g.highlight path:nth-child(-n+7) {
  fill: #011b2b;
  stroke: #011b2b; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.asset_manager g.highlight path:nth-child(-n+7) {
  fill: #0626a9;
  stroke: #0626a9; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.wealth_manager g.highlight path:nth-child(-n+7) {
  fill: #ffc62d;
  stroke: #ffc62d; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.asset_owner g.highlight path:nth-child(-n+7) {
  fill: #00c4b3;
  stroke: #00c4b3; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.hedge_fund g.highlight path:nth-child(-n+7) {
  fill: #e44261;
  stroke: #e44261; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.risk_manager g.highlight path:nth-child(-n+7) {
  fill: #f08900;
  stroke: #f08900; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.real_estate g.highlight path:nth-child(-n+7) {
  fill: #6c7bd3;
  stroke: #6c7bd3; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.insurance g.highlight path:nth-child(-n+7) {
  fill: #73787c;
  stroke: #73787c; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.bank g.highlight path:nth-child(-n+7) {
  fill: #00945e;
  stroke: #00945e; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.corporate g.highlight path:nth-child(-n+7) {
  fill: #5987da;
  stroke: #5987da; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments g.highlight path:nth-child(-n+6) {
  pointer-events: all; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments g.highlight:not(.selected) path:hover {
  cursor: pointer; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments g.highlight.selected path {
  transition: all 0.5s ease-in-out;
  transform-origin: center center; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.asset_manager g.selected path:nth-child(8) {
  fill: #0626a9;
  stroke: #0626a9; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.wealth_manager g.selected path:nth-child(8) {
  fill: #ffc62d;
  stroke: #ffc62d; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.asset_owner g.selected path:nth-child(8) {
  fill: #00c4b3;
  stroke: #00c4b3; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.hedge_fund g.selected path:nth-child(8) {
  fill: #e44261;
  stroke: #e44261; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.risk_manager g.selected path:nth-child(8) {
  fill: #f08900;
  stroke: #f08900; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.real_estate g.selected path:nth-child(8) {
  fill: #6c7bd3;
  stroke: #6c7bd3; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.insurance g.selected path:nth-child(8) {
  fill: #73787c;
  stroke: #73787c; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.bank g.selected path:nth-child(8) {
  fill: #00945e;
  stroke: #00945e; }

#esg_net_zero_solutions_110521 #esg_image_circle #esg_circle_segments.corporate g.selected path:nth-child(8) {
  fill: #5987da;
  stroke: #5987da; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder #esg_circle_icon {
  height: 120px;
  width: 120px; }

#esg_net_zero_solutions_110521 #esg_image_circle_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -60px; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder .esg_circle_label {
  width: 80px;
  font-weight: 700;
  margin-left: -35px;
  text-align: center;
  margin-top: -60px;
  height: 120px;
  line-height: 120px;
  opacity: 0;
  pointer-events: none; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder .esg_circle_label p {
  line-height: 1.1;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-size: 13px; }

/*dark text for the yellow background segments*/
#esg_net_zero_solutions_110521 #esg_image_circle_holder.wealth_manager .esg_circle_label p {
  color: #011b2b; }

#esg_net_zero_solutions_110521 #esg_image_circle_holder .esg_circle_label.highlight, .esg_circle_label.highlight p {
  cursor: pointer;
  background: none;
  pointer-events: all; }

#esg_net_zero_solutions_110521 #esg_circle_container {
  transform-origin: center; }

#esg_net_zero_solutions_110521 #esg_circle_callout_wrapper {
  border: 2px #c6c8c8 dotted;
  height: 90%;
  width: 100%;
  position: relative;
  left: -50px;
  z-index: 2;
  top: 5%; }

#esg_net_zero_solutions_110521 #esg_circle_callout_message {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  padding: 20px;
  display: table;
  visibility: hidden; }

#esg_net_zero_solutions_110521 #esg_circle_callout_message p {
  line-height: 1rem;
  vertical-align: middle;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #c6c8c8; }

#esg_net_zero_solutions_110521 #esg_circle_callout {
  height: 100%;
  background: #fff;
  position: absolute;
  z-index: 20;
  opacity: 0;
  top: 0;
  left: 0; }

#esg_net_zero_solutions_110521 #esg_circle_callout:before {
  content: '';
  position: absolute;
  left: -50px;
  top: 50%;
  height: 2px;
  width: 50px;
  border-top: 2px #c6c8c8 dotted; }

#esg_net_zero_solutions_110521 #esg_callout_category {
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 700;
  padding: 10px 20px; }

#esg_net_zero_solutions_110521 #esg_callout_title, #esg_callout_step {
  padding: 10px 20px;
  font-weight: 700;
  font-size: 16px; }

#esg_net_zero_solutions_110521 #esg_callout_title {
  padding-left: 0; }

#esg_net_zero_solutions_110521 #esg_circle_callout.asset_manager #esg_callout_title {
  color: #0626a9; }

#esg_net_zero_solutions_110521 #esg_circle_callout.wealth_manager #esg_callout_title {
  color: #ffc62d; }

#esg_net_zero_solutions_110521 #esg_circle_callout.asset_owner #esg_callout_title {
  color: #00c4b3; }

#esg_net_zero_solutions_110521 #esg_circle_callout.hedge_fund #esg_callout_title {
  color: #e44261; }

#esg_net_zero_solutions_110521 #esg_circle_callout.risk_manager #esg_callout_title {
  color: #f08900; }

#esg_net_zero_solutions_110521 #esg_circle_callout.real_estate #esg_callout_title {
  color: #6c7bd3; }

#esg_net_zero_solutions_110521 #esg_circle_callout.insurance #esg_callout_title {
  color: #73787c; }

#esg_net_zero_solutions_110521 #esg_circle_callout.bank #esg_callout_title {
  color: #00945e; }

#esg_net_zero_solutions_110521 #esg_callout_summary {
  padding: 10px 20px 20px;
  font-size: 16px;
  line-height: 1.4; }

#esg_net_zero_solutions_110521 #esg_callout_icon {
  padding: 0 0 0 10px;
  width: 70px;
  float: left;
  margin-right: 10px; }

#esg_net_zero_solutions_110521 #esg_callout_link {
  font-weight: 700;
  font-size: 16px;
  margin: 20px;
  padding: 8px 15px;
  line-height: 24px;
  height: 40px; }

#esg_net_zero_solutions_110521 #esg_callout_link:hover {
  text-decoration: underline; }

#esg_net_zero_solutions_110521 .msci-contact-options .contact-options-select-button {
  width: 100%;
  background: #fff;
  border: none;
  border-bottom: 2px #0626a9 solid;
  text-align: left;
  cursor: pointer;
  font-weight: 300;
  font-size: 2rem;
  padding: 20px 0;
  position: relative; }

#esg_net_zero_solutions_110521 .msci-contact-options .contact-options-select-button:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230011b2b;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
  content: '';
  display: inline-block;
  height: 24px;
  position: absolute;
  top: 50%;
  vertical-align: top;
  width: 24px;
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s;
  right: 10px;
  background-repeat: no-repeat;
  margin: -12px 0 0 -12px;
  transform: rotate(0deg); }

#esg_net_zero_solutions_110521 .dropdown-toggle::after {
  border: none; }

#esg_net_zero_solutions_110521 .msci-contact-options .contact-options.show .contact-options-select-button::after {
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s;
  transform: rotate(180deg); }

#esg_net_zero_solutions_110521 .msci-contact-options .contact-options-select-button .button-options {
  color: #011b2b; }

#esg_net_zero_solutions_110521 .msci-contact-options .button-group.active .contact-options-select-button .button-options {
  font-weight: 700; }

#esg_net_zero_solutions_110521 .msci-contact-options #contact-options-secondary.active .contact-options-select-button .button-options {
  color: #00c4b3; }

#esg_net_zero_solutions_110521 .msci-contact-options .contact-options-select-button:focus {
  outline: 0; }

#esg_net_zero_solutions_110521 .msci-contact-options .contact-options-select-button .caret {
  margin-top: 10px; }

#esg_net_zero_solutions_110521 .msci-contact-options .filter-dropdown-menu, .msci-contact-options .sort-dropdown-menu {
  width: calc(100% - 30px);
  max-width: 100%;
  background: #FFFFFF;
  margin: 0;
  border-radius: 0; }

#esg_net_zero_solutions_110521 .msci-contact-options .filter-dropdown-menu a {
  font-size: 1.4rem;
  padding: 10px 6px;
  display: block;
  width: 100%;
  color: #011b2b;
  text-decoration: none; }

#esg_net_zero_solutions_110521 .msci-contact-options .filter-dropdown-menu a.selected {
  font-weight: 700;
  pointer-events: none; }

#esg_net_zero_solutions_110521 .msci-contact-options .filter-dropdown-menu li:hover {
  background: #f8f9fa; }

/*-------------------------pulse------------------------*/
#esg_net_zero_solutions_110521 .block-hint {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0; }

#esg_net_zero_solutions_110521 .block-hint-dot {
  width: 24px;
  height: 24px;
  background-color: #00c4b3;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0; }

#esg_net_zero_solutions_110521 .block-hint-pulse {
  border: 3px solid #00c4b3;
  -webkit-border-radius: 40px;
  height: 40px;
  width: 40px;
  left: -8px;
  top: -8px;
  position: absolute;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@media (max-width: 1200px) {
  #esg_callout_summary {
    font-size: 13px; } }

@media (max-width: 992px) {
  #esg_net_zero_solutions_110521 .msci-contact-options .contact-options-select-button {
    font-size: 1.4rem; }
  #esg_net_zero_solutions_110521 #esg_circle_callout_wrapper {
    left: 0;
    height: auto; }
  #esg_net_zero_solutions_110521 #esg_circle_callout, #esg_circle_message {
    position: relative; }
  #esg_net_zero_solutions_110521 #esg_circle_callout:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -40px;
    width: 2px;
    height: 40px;
    border-left: 2px #c6c8c8 dotted; }
  #esg_net_zero_solutions_110521 #esg_image_circle_holder .esg_circle_label p {
    font-size: 12px; } }

@media (max-width: 720px) {
  #esg_net_zero_solutions_110521 .msci-contact-options .contact-options-select-button {
    font-size: 1rem; }
  #esg_net_zero_solutions_110521 .msci-contact-options .filter-dropdown-menu a {
    font-size: 1.1rem; }
  #esg_net_zero_solutions_110521 #esg_image_circle_holder .esg_circle_label p {
    font-size: 10px; } }

@media (max-width: 600px) {
  #esg_net_zero_solutions_110521 #esg_image_circle_holder .esg_circle_label p {
    font-size: 9px; }
  #esg_net_zero_solutions_110521 #esg_image_circle_icon {
    margin-left: -40px;
    margin-top: -40px; }
  #esg_net_zero_solutions_110521 #esg_image_circle_holder #esg_circle_icon, #esg_net_zero_solutions_110521 #esg_image_circle_holder #esg_circle_icon image {
    height: 80px;
    width: 80px; } }

@media (max-width: 400px) {
  #esg_net_zero_solutions_110521 #esg_image_circle_holder .esg_circle_label {
    width: 60px;
    margin-left: -25px; }
  #esg_net_zero_solutions_110521 #esg_image_circle_holder .esg_circle_label p {
    font-size: 9px; } }

#esg_net_zero_solutions_110521 .msci-contact-options .contact-options-select-button {
  padding: 30px 0 !important; }

#globalInvestingContainer1020_22 {
  font-family: 'Roboto',sans-serif;
  color: #011b2b; }

#globalInvestingContainer1020_22 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_22 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_22 .col-sm-12 h5 {
  height: 45px; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_22 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_22 .col-sm-12 h5 {
    margin-top: 20px; } }

body {
  font-family: 'Roboto',sans-serif;
  color: #011b2b; }

#globalInvestingContainer1020_23 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_23 .chart-divider-left {
  border-left: 1px #ccc solid; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_23 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_23 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer1020_23 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_23 .chart-divider-left {
  border-left: 1px #ccc solid; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_23 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_23 .col-sm-12 h5 {
    margin-top: 20px; } }

#index-chart-container-110821 {
  position: relative;
  width: 100%;
  padding: 0 10px;
  color: #011b2b;
  font-size: 14px; }

#index-chart-container-110821 .right {
  float: right; }

#index-chart-container-110821 h1 {
  font-weight: 700; }

#index-chart-container-110821 h2 {
  font-size: 3rem;
  font-weight: 500;
  min-width: 320px;
  margin: 0; }

#index-chart-container-110821 h3 {
  font-size: 2rem;
  font-weight: 700;
  min-width: 320px;
  margin: 0;
  color: #0626a9; }

#index-chart-container-110821 h4 {
  font-size: 1.6rem; }

#index-chart-container-110821 h5 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0626a9;
  padding-top: 20px; }

#index-chart-container-110821 h6 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 10px 0; }

#index-chart-container-110821 #graphic {
  position: relative;
  margin: 0 auto; }

/*bootstrap adjusts*/
#index-chart-container-110821 a.msci-link-primary-box {
  background-color: #1A3FD6;
  color: #FFFFFF !important;
  font-size: 20px;
  padding: 10px 12px;
  position: relative;
  display: inline-block;
  line-height: 1;
  border-radius: 0;
  border: none;
  font-weight: 700;
  text-align: center; }

#index-chart-container-110821 .msci-link-primary-box:hover {
  background: #4a7bc9;
  cursor: pointer; }

#index-chart-container-110821 .filter-row {
  background: #011b2b;
  color: #fff;
  padding: 20px;
  margin: 0;
  position: relative; }

#index-chart-container-110821 .filter-row p {
  font-size: 1.2rem; }

#index-chart-container-110821 .items-loader {
  display: none; }

#index-chart-container-110821 input, #index-chart-container-110821 input + label {
  opacity: 0.6;
  cursor: pointer; }

#index-chart-container-110821 input:checked, #index-chart-container-110821 input:checked + label {
  opacity: 1; }

#index-chart-container-110821 .custom-control-label::before, #index-chart-container-110821 .custom-control-label::after {
  width: 1.15rem;
  height: 1.15rem;
  top: 0.1rem; }

#index-chart-container-110821 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00c4b3 !important; }

#index-chart-container-110821 .custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
  background-color: #00c4b3; }

#index-chart-container-110821 .custom-checkbox .custom-control-label::before {
  border: none;
  border-radius: 0; }

#index-chart-container-110821 .custom-checkbox .custom-control-label::after {
  background-size: 80%;
  background-position: 60% 60%; }

#index-chart-container-110821 .form-control-lg {
  font-size: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  height: 1rem; }

#index-chart-container-110821 .table-container h4 {
  margin-top: 20px; }

#index-chart-container-110821 {
  border-bottom: 1px #0626a9; }

/*TABLES*/
#index-chart-container-110821 .table {
  border-bottom: 1px #0626a9 solid; }

#index-chart-container-110821 .table tr {
  position: relative;
  overflow: hidden; }

#index-chart-container-110821 .table td {
  padding: 0.5rem; }

#index-chart-container-110821 .table thead th {
  border-bottom: 1px solid #0626a9;
  border-top: 0;
  color: #5987da;
  position: relative;
  padding: 0.5rem 2rem 0.5rem 0; }

#index-chart-container-110821 .table thead th:not(.not-sortable):hover {
  cursor: pointer;
  color: #011b2b; }

#index-chart-container-110821 .table thead th:not(.not-sortable):after {
  content: '\f0dc';
  font-family: 'FontAwesome';
  position: relative;
  left: 1rem; }

#index-chart-container-110821 .table td:first-child {
  font-weight: 700; }

#index-chart-container-110821 .table td:last-child, #index-chart-container-110821 .table th:last-child {
  text-align: center;
  padding: 0.5rem 0; }

#index-chart-container-110821 .table th:first-child {
  width: 50%; }

#index-chart-container-110821 table th:nth-child(2) {
  width: 15%; }

#index-chart-container-110821 .table th:nth-child(3) {
  width: 15%; }

#index-chart-container-110821 .table th:nth-child(4) {
  width: 10%; }

#index-chart-container-110821 .table th:nth-child(5) {
  width: 8%; }

#index-chart-container-110821 .table tr.hidden td {
  display: none;
  border-top: 0; }

#index-chart-container-110821 tr.no-results-row {
  color: #ccc; }

#index-chart-container-110821 #table-info {
  height: 0;
  background: #0626a9;
  color: #fff; }

#index-chart-container-110821 #table-info td {
  font-weight: 300; }

#index-chart-container-110821 tr.active td, #index-chart-container-110821 tr.active div {
  background: #0626a9;
  color: #fff; }

#index-chart-container-110821 .table-link {
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 10px;
  color: #ccc; }

@media (max-width: 768px) {
  #index-chart-container-110821 .table tr td {
    display: block;
    padding: 5px;
    border: none; }
  #index-chart-container-110821 .table tr td:not(:first-child) {
    float: left;
    font-size: 0.9rem; }
  #index-chart-container-110821 .table tr td:nth-child(2):after, #index-chart-container-110821 .table tr td:nth-child(3):after {
    content: "|";
    padding-left: 10px; }
  #index-chart-container-110821 .table tr td:last-child {
    float: right; }
  #index-chart-container-110821 .table tr {
    border-bottom: 1px #0626a9 solid; }
  #index-chart-container-110821 .table thead {
    display: none; }
  #index-chart-container-110821 .table-link {
    margin-top: -5px; }
  #index-chart-container-110821 .filter-row {
    padding: 20px 10px; }
  #index-chart-container-110821 .custom-control {
    width: 50%;
    float: left; } }

@media (max-width: 576px) {
  #index-chart-container-110821 .form-control-lg {
    font-size: 0.8rem; } }

@media (max-width: 420px) {
  #index-chart-container-110821 .custom-control {
    width: 100%;
    float: left; } }

.fi-index-chart-container #index-chart-container-110821 input {
  opacity: 0; }

.fi-index-chart-container #index-chart-container-110821 .custom-control-label {
  margin-left: 0.5rem; }

.fi-index-chart-container #index-chart-container-110821 .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem; }

.fi-index-chart-container #index-chart-container-110821 .fi-label::before {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px; }

.fi-index-chart-container #index-chart-container-110821 .fi-label::after {
  position: absolute;
  top: .25rem;
  left: 0.05rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%; }

#index-chart-container-110821 .fi-label::before, #index-chart-container-110821 .fi-label::after {
  width: 1.15rem;
  height: 1.15rem;
  top: 0.1rem; }

#index-chart-container-110821 .custom-checkbox .fi-label::after {
  background-size: 80%;
  background-position: 60% 60%; }

#index-chart-container-110821 .custom-checkbox .custom-control-input:checked ~ .fi-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

#index-chart-container-110821 .custom-checkbox .custom-control-input:checked ~ .fi-label::before {
  background-color: #00c4b3 !important; }

.fi-index-chart-container #index-chart-container-110821 .table-link a {
  font-size: 1.2rem; }

#globalInvestingContainer1020_23 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_23 .chart-divider-left {
  border-left: 1px #ccc solid; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_23 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_23 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer1020_26 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_26 .index-container {
  text-align: center;
  margin: 10px 0; }

#globalInvestingContainer1020_26 .day-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #011b2b;
  display: inline-block;
  margin: 2px;
  transform: scale(0.1);
  /* 1/10 of the original size */
  transition: all 1s ease-in-out; }

#globalInvestingContainer1020_26 .half {
  width: 10px;
  border-bottom-left-radius: 40px;
  border-top-left-radius: 40px; }

#globalInvestingContainer1020_26 .day-dot.turqoise {
  background: #00c4b3; }

#globalInvestingContainer1020_26 .day-dot.marigold {
  background: #ffc62d; }

#globalInvestingContainer1020_26 .day-dot.tangerine {
  background: #f08900; }

#globalInvestingContainer1020_26 .day-dot.carnation {
  background: #e44261; }

#globalInvestingContainer1020_26 .day-dot.opened {
  transform: scale(1); }

@media (max-width: 992px) {
  #globalInvestingContainer1020_26 .col-sm-12 h5 {
    margin-top: 20px; } }

#net-zero-tracker-landing-page-0921 h2, h3 {
  font-weight: 800; }

[class^="icon-"]::before, [class*=" icon-"]::before {
  font-family: 'fontawesome'; }

body .msci-btn-net-zero-bordered {
  border: 2px #fff solid; }

#net-zero-tracker-landing-page-0921 .page-divider {
  border-bottom: 2px solid #EFF2FD;
  width: 100%;
  height: 5px;
  margin: 10px 0; }

#net-zero-tracker-landing-page-0921 .product-page-hero-top {
  overflow: hidden; }

#net-zero-tracker-landing-page-0921 #hero-container.product-page-hero-top {
  background-color: #011b2b; }

#net-zero-tracker-landing-page-0921 #hero-text-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#net-zero-tracker-landing-page-0921 #hero-image-container {
  background: url("/o/msci/images/netzero-counter/net-zero-tracker-bg-4_2.png");
  background-position: 70% 50%;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-color: #6c7bd3; }

#net-zero-tracker-landing-page-0921 #hero-text-container:before {
  content: '';
  display: block;
  z-index: 0;
  position: absolute;
  width: 0;
  height: 0;
  top: -1817px;
  right: 50%;
  border-style: solid;
  border-width: 2000px 0 2000px 1000px;
  border-color: transparent transparent transparent #011b2b; }

#net-zero-tracker-landing-page-0921 #hero-text-container:after {
  content: '';
  display: block;
  z-index: 0;
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  left: 0;
  background: #011b2b; }

#net-zero-tracker-landing-page-0921 #hero-text-container .container {
  display: flex;
  align-items: center;
  height: 100%; }

#net-zero-tracker-landing-page-0921 #hero-text-content {
  position: relative;
  z-index: 1;
  color: #fff;
  width: 35%; }

#net-zero-tracker-landing-page-0921 #hero-text-content h1 {
  font-size: 2.4rem;
  color: #00c4b3;
  font-weight: 700;
  line-height: 2.8rem; }

#net-zero-tracker-landing-page-0921 #hero-text-content p.hero-text-summary {
  font-weight: 700;
  margin: 10px 0; }

#net-zero-tracker-landing-page-0921 #hero-image-content {
  position: relative;
  left: 20%; }

#net-zero-tracker-landing-page-0921 #hero-text-content .promo-large-cta-button {
  margin-top: 30px; }

#net-zero-tracker-landing-page-0921 #hero-text-content .promo-large-cta-button a:hover {
  text-decoration: underline !important; }

#net-zero-tracker-landing-page-0921 .intro-paragraph p {
  margin: 20px 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem; }

#net-zero-tracker-landing-page-0921 .promo-large {
  padding: 0; }

#net-zero-tracker-landing-page-0921 .promo-large .promo-large-message {
  border-right: 1px #c6c8c8 dotted;
  padding: 0 20px 0 0; }

#net-zero-tracker-landing-page-0921 .promo-large .promo-large-headline {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 800;
  margin: 10px 0 20px 0; }

#net-zero-tracker-landing-page-0921 .promo-clickable:hover .promo-large-headline {
  color: #0626a9;
  text-decoration: underline; }

#net-zero-tracker-landing-page-0921 .promo-large-image-holder {
  height: 100%;
  position: relative;
  padding: 10px; }

#net-zero-tracker-landing-page-0921 .promo-large-image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #eee; }

#net-zero-tracker-landing-page-0921 .promo-large-image img {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  margin-left: 50%;
  transform: translateX(-50%); }

#net-zero-tracker-landing-page-0921 .promo-large-cta {
  position: relative;
  top: 50%;
  margin-top: -30px; }

#net-zero-tracker-landing-page-0921 .promo-large-cta-button {
  margin: 10px 0; }

/*FLIP CLOCKS*/
#net-zero-tracker-landing-page-0921 .clearfix {
  *zoom: 1; }

#net-zero-tracker-landing-page-0921 .clearfix:before,
#net-zero-tracker-landing-page-0921 .clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

#net-zero-tracker-landing-page-0921 .clearfix:after {
  clear: both; }

/*FLIP COUNTER*/
#net-zero-tracker-landing-page-0921 .counter-wrapper p {
  padding: 0 40px;
  font-weight: 300; }

#net-zero-tracker-landing-page-0921 .counter-wrapper p a:hover {
  text-decoration: underline; }

#net-zero-tracker-landing-page-0921 .counter-wrapper h5 {
  padding: 0 20px; }

#net-zero-tracker-landing-page-0921 .flip-counter {
  display: inline-block;
  position: relative;
  list-style-type: none;
  height: 100px;
  padding: 20px 0 0;
  margin: 0; }

#net-zero-tracker-landing-page-0921 .flip-counter li {
  float: right; }

#net-zero-tracker-landing-page-0921 .no-csstransforms3d span.back {
  display: none; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit {
  position: relative;
  z-index: 0;
  width: 60px;
  height: 90px;
  margin-left: 10px;
  background-color: #f08900;
  text-align: center;
  line-height: 0;
  -webkit-text-stroke: 2px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit:last-child {
  margin-left: 0; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit span {
  position: absolute;
  left: 0;
  height: 45px;
  width: 60px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 90px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  text-indent: 2px;
  background-color: #f08900;
  color: white;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit span.front {
  top: 0;
  padding-top: 45px; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit span.back {
  bottom: 0; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit .line {
  position: absolute;
  z-index: 10;
  height: 45px;
  width: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 7px -4px rgba(0, 0, 0, 0.4); }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit .hinge-wrap {
  z-index: 5;
  position: relative;
  overflow: visible;
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  perspective: 300px; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit .hinge {
  position: absolute;
  height: 45px;
  width: 60px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit .hinge span {
  height: 0;
  z-index: 5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit .hinge span.front {
  padding-top: 45px; }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit .hinge span.back {
  height: 45px;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg); }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit.animate .hinge {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }

#net-zero-tracker-landing-page-0921 .flip-counter.default .digit-delimiter {
  padding-top: 38px;
  margin-right: -5px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  font-size: 36px;
  color: black;
  text-indent: 3.33333333px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); }

#net-zero-tracker-landing-page-0921 .flip-counter.dark .digit, #net-zero-tracker-landing-page-0921 .flip-counter.dark .digit span {
  background: #011b2b; }

/*HOURGLASS*/
#net-zero-tracker-landing-page-0921 #hourglass-wrapper {
  position: relative; }

#net-zero-tracker-landing-page-0921 #hourglass-container {
  position: relative;
  text-align: center;
  overflow: hidden; }

#net-zero-tracker-landing-page-0921 #hourglass {
  width: 50%;
  position: relative;
  z-index: 2;
  display: block;
  margin: 0 auto;
  max-width: 440px; }

#net-zero-tracker-landing-page-0921 #hourglass #sand-layer1 {
  fill: #f08900; }

#net-zero-tracker-landing-page-0921 #hourglass #sand-layer2, #hourglass #sand-layer3 {
  fill: #e44261; }

#net-zero-tracker-landing-page-0921 #sand-drop {
  position: absolute;
  top: 48%;
  left: 50%;
  width: 30px;
  margin-left: -15px;
  height: 240px;
  z-index: 1; }

#net-zero-tracker-landing-page-0921 #sand-drop:after {
  content: '';
  width: 120px;
  height: 30px;
  border-radius: 50%;
  background: #e44261;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -55px; }

#net-zero-tracker-landing-page-0921 .granule {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #e44261;
  padding: 4px; }

#net-zero-tracker-landing-page-0921 .net-zero-tracker-issue {
  float: left;
  margin: 0 10px; }

#net-zero-tracker-landing-page-0921 .net-zero-tracker-issue img {
  display: block;
  width: 160px; }

#net-zero-tracker-landing-page-0921 .net-zero-tracker-issue a:hover {
  text-decoration: underline; }

#net-zero-tracker-landing-page-0921 .net-zero-tracker-issue:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80); }

#net-zero-tracker-landing-page-0921 .net-zero-tracker-issue span {
  text-align: center;
  display: block;
  margin: 10px 0 0; }

/*-------------------------pulse------------------------*/
#net-zero-tracker-landing-page-0921 #hourglass-wrapper .block-hint {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 50%;
  margin-left: -4px;
  z-index: 3;
  cursor: pointer; }

#net-zero-tracker-landing-page-0921 #hourglass-wrapper .block-hint-dot {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0; }

#net-zero-tracker-landing-page-0921 #hourglass-wrapper .block-hint-pulse {
  border: 3px solid #fff;
  -webkit-border-radius: 30px;
  height: 20px;
  width: 20px;
  left: -2px;
  top: -2px;
  position: absolute;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0; }

#net-zero-tracker-landing-page-0921 #hourglass-wrapper .block-hint-dark .block-hint-dot {
  background-color: #011b2b; }

#net-zero-tracker-landing-page-0921 #hourglass-wrapper .block-hint-dark .block-hint-pulse {
  border: 3px solid #011b2b; }

#net-zero-tracker-landing-page-0921 .block-tooltip-text {
  display: none; }

/*-------------------------------- tooltip --------------------------------------*/
#net-zero-tracker-landing-page-0921 #block-tooltip-popup {
  height: auto;
  width: 40%;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  background: white;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  z-index: 10000; }

#net-zero-tracker-landing-page-0921 .block-tooltip-text {
  display: none; }

#net-zero-tracker-landing-page-0921 .block-outside-col #block-tooltip-popup {
  max-width: 600px;
  left: 50%;
  margin-left: -300px; }

#net-zero-tracker-landing-page-0921 #block-tooltip-popup__arrow {
  width: 50px;
  height: 25px;
  position: absolute;
  top: 40%;
  left: 0;
  transform: rotate(90deg);
  overflow: hidden; }

#net-zero-tracker-landing-page-0921 #block-tooltip-popup__arrow.arrow-left {
  left: -36px; }

#net-zero-tracker-landing-page-0921 #block-tooltip-popup__arrow::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: white;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0;
  left: 50%;
  box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.6); }

#net-zero-tracker-landing-page-0921 .block-tooltip-popup-inner {
  padding: 30px 20px 20px;
  color: #000;
  text-align: left;
  line-height: 1.4rem;
  font-size: 13px; }

#net-zero-tracker-landing-page-0921 .block-tooltip-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0 0 20px 0; }

#net-zero-tracker-landing-page-0921 .block-tooltip-co2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 0 20px 0;
  color: #e44261; }

#net-zero-tracker-landing-page-0921 #block-tooltip-popup ol, #block-tooltip-popup ul {
  padding-left: 20px;
  text-align: left; }

#net-zero-tracker-landing-page-0921 #block-tooltip-popup li {
  margin: 5px 0;
  padding: 5px 0; }

#net-zero-tracker-landing-page-0921 #block-tooltip-popup p.hint-link {
  font-weight: 700;
  margin: 10px 0 20px 0;
  font-size: 1rem; }

#net-zero-tracker-landing-page-0921 #block-tooltip-popup p.hint-sources {
  padding-top: 10px;
  border-top: 1px #ccc solid;
  text-align: left;
  margin-top: 10px;
  font-size: 12px; }

#net-zero-tracker-landing-page-0921 #block-tooltip-popup p.hint-sources a {
  display: inline-block;
  overflow-wrap: break-word;
  word-break: break-all; }

#net-zero-tracker-landing-page-0921 .close-button {
  position: absolute;
  top: 5px;
  height: 24px;
  right: 5px;
  width: 24px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#net-zero-tracker-landing-page-0921 .close-button::before, .close-button::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 6px;
  width: 16px;
  height: 1px;
  background: #011b2b; }

#net-zero-tracker-landing-page-0921 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#net-zero-tracker-landing-page-0921 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*ANIMATION*/
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

/*VIEWPORTS*/
@media (max-width: 992px) {
  #net-zero-tracker-landing-page-0921 #hero-text-container .container {
    max-width: 90%; }
  #net-zero-tracker-landing-page-0921 #hero-text-container:before {
    right: 40%; }
  #net-zero-tracker-landing-page-0921 #hero-text-container h1 {
    font-size: 2rem;
    line-height: 2.4rem; } }

/*odd breakpoint for the product-page-hero-top*/
@media (max-width: 979px) {
  #net-zero-tracker-landing-page-0921 #hero-text-container:before {
    top: -1860px; }
  #net-zero-tracker-landing-page-0921 #hero-container {
    height: 280px; }
  #net-zero-tracker-landing-page-0921 #hero-text-content {
    width: 50%; } }

@media (max-width: 768px) {
  #net-zero-tracker-landing-page-0921 #hero-container.product-page-hero-top {
    overflow: visible;
    margin-bottom: 244px; }
  #net-zero-tracker-landing-page-0921 #hero-image-container {
    width: 100%; }
  #net-zero-tracker-landing-page-0921 #hero-text-container:before {
    display: none; }
  #net-zero-tracker-landing-page-0921 #hero-text-container {
    top: 244px;
    height: auto;
    background: #011b2b; }
  #net-zero-tracker-landing-page-0921 #hero-text-content {
    width: 100%;
    padding: 20px 0; }
  #net-zero-tracker-landing-page-0921 #hero-image-content {
    position: relative;
    left: 0;
    margin-left: 20px; }
  #net-zero-tracker-landing-page-0921 .flip-counter.default .digit-delimiter {
    padding-top: 10px; }
  #net-zero-tracker-landing-page-0921 .promo-large-cta {
    top: 0;
    margin: 10px 0 20px; } }

@media (max-width: 580px) {
  #net-zero-tracker-landing-page-0921 .flip-counter.default .digit-delimiter {
    padding-top: 0; }
  #net-zero-tracker-landing-page-0921 .counter-wrapper p {
    padding: 0 10px; }
  #net-zero-tracker-landing-page-0921 #hourglass {
    width: 80%; }
  #net-zero-tracker-landing-page-0921 #block-tooltip-popup {
    width: 90%;
    left: 5%;
    bottom: 0;
    z-index: 5; }
  #net-zero-tracker-landing-page-0921 #block-tooltip-popup__arrow {
    display: none; } }

#globalInvestingContainer1020_23 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_23 .chart-divider-left {
  border-left: 1px #ccc solid; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_23 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_23 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer1020_28 h4 {
  font-weight: 700; }

#globalInvestingContainer1020_28 .chart-divider-left {
  border-left: 1px #ccc solid; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_28 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_28 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer1020_29 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_29 .chart-divider-left {
  border-left: 1px #ccc solid; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_29 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_29 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer1020_30 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_30 .chart-divider-left {
  border-left: 1px #ccc solid; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_30 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_30 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer1020_31 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_31 .chart-divider-left {
  border-left: 1px #ccc solid; }

@media (max-width: 992px) {
  #globalInvestingContainer1020_31 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_31 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer1020_31 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_32 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_32 table td, #globalInvestingContainer1020_32 table th {
  padding: 0.25rem; }

#globalInvestingContainer1020_32 table td {
  font-weight: 300; }

#globalInvestingContainer1020_32 table td:nth-child(3) {
  font-weight: 700;
  background: rgba(0, 196, 179, 0.2); }

#globalInvestingContainer1020_32 table td:not(:first-child), #globalInvestingContainer1020_32 table th {
  text-align: center; }

#globalInvestingContainer1020_32 table td.section-header {
  background: #011b2b;
  color: #fff; }

#globalInvestingContainer1020_32 .icon-arrow-up {
  color: #00c4b3; }

#globalInvestingContainer1020_32 .icon-arrow-down {
  color: #e44261; }

@media (max-width: 1180px) {
  #globalInvestingContainer1020_32 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_32 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer1020_32 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_32 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_32 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_32 table {
    font-size: 0.8rem; } }

#esg-emissions-container-0921 i {
  font-family: "FontAwesome"; }

#esg-emissions-container-0921 {
  position: relative;
  margin: auto;
  height: auto;
  width: auto;
  max-width: 1100px;
  background: #fff;
  font-size: 13px;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; }

#esg-emissions-container-0921 h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin: 10px 0; }

#esg-emissions-container-0921 h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin: 10px 0; }

#esg-emissions-container-0921 .mobile {
  display: none; }

#esg-emissions-container-0921 .chart {
  max-width: 1100px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  color: #011b2b;
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding: 20px;
  border: 2px #011b2b solid; }

#esg-emissions-container-0921 #subtitle {
  color: #000; }

#esg-emissions-container-0921 #map-container {
  padding-top: 40px;
  display: flex;
  justify-content: center; }

#esg-emissions-container-0921 .map {
  width: 100%;
  position: relative;
  height: auto;
  z-index: 5;
  max-width: 900px; }

#esg-emissions-container-0921 #map-overlay {
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #fff;
  position: absolute;
  z-index: 15;
  display: none; }

#esg-emissions-container-0921 p.small {
  font-size: 11px; }

#esg-emissions-container-0921 #world-map {
  width: 100%;
  height: auto; }

#esg-emissions-container-0921 #world-map path {
  fill: #eee; }

#esg-emissions-container-0921 #world-map path.active {
  stroke: #333; }

#esg-emissions-container-0921 #world-map path:hover {
  cursor: pointer;
  fill-opacity: 0.9; }

#esg-emissions-container-0921 #world-map path.hidden {
  opacity: 0.2; }

#esg-emissions-container-0921 #emissions {
  clear: both;
  width: 100%;
  height: 30px;
  margin: 10px auto;
  position: relative; }

#esg-emissions-container-0921 .emissions-title {
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  float: left;
  height: 30px; }

#esg-emissions-container-0921 #emissions-key-dropdown {
  max-width: none;
  float: left; }

#esg-emissions-container-0921 .dropdown-toggle {
  background: #011b2b; }

#esg-emissions-container-0921 .dropdown-menu {
  max-width: 100%; }

#esg-emissions-container-0921 .dropdown-item {
  font-weight: 700;
  cursor: pointer; }

#esg-emissions-container-0921 #emissions-key-title {
  font-weight: 700; }

#esg-emissions-container-0921 .top-menu {
  text-align: left;
  cursor: pointer;
  color: #011b2b;
  text-transform: uppercase;
  position: relative;
  line-height: 40px; }

#esg-emissions-container-0921 .sub-menu {
  text-align: left;
  position: absolute;
  top: 50px;
  display: none;
  color: #002036;
  text-transform: none;
  right: 0;
  left: auto;
  background-color: #fff;
  width: 100%;
  min-width: 240px;
  z-index: 2;
  border: 1px solid #dae0f8;
  border-top-color: #dae0f8;
  border-top-style: solid;
  border-top-width: 1px;
  border-top: 0;
  overflow: auto;
  max-height: 350px; }

#esg-emissions-container-0921 .sub-menu .sub-menu-item {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 24px;
  line-height: 24px;
  cursor: pointer; }

#esg-emissions-container-0921 .sub-menu .sub-menu-item.detailed {
  border-left: #1a3fd6 6px solid;
  font-weight: 800; }

#esg-emissions-container-0921 .sub-menu .sub-menu-item:hover {
  background: #eee; }

#esg-emissions-container-0921 .info-icon {
  font-size: 1.2rem;
  font-weight: 700;
  cursor: help;
  float: left;
  margin-right: 5px; }

#esg-emissions-container-0921 #emissions-key {
  text-align: left;
  margin: 0;
  line-height: 1rem;
  left: 0;
  text-align: left;
  top: 0;
  background: #fff;
  position: relative;
  z-index: 10; }

#esg-emissions-container-0921 #emissions-key-title {
  margin-bottom: 15px;
  font-size: 16px; }

#esg-emissions-container-0921 #emissions-key-buttons {
  margin-top: 10px; }

#esg-emissions-container-0921 #emissions-key-buttons > div {
  width: auto;
  border: 0;
  height: 34px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  border-radius: 30px;
  margin: 5px 5px 5px 0;
  padding: 5px 10px;
  float: left;
  line-height: 24px; }

#esg-emissions-container-0921 div.info-button {
  background-color: #011b2b;
  color: #fff; }

#esg-emissions-container-0921 #emissions-key-buttons div.emissions-button:nth-child(2) {
  background-color: #6c7bd3;
  color: #fff; }

#esg-emissions-container-0921 #emissions-key-buttons div.emissions-button:nth-child(3) {
  background-color: rgba(108, 123, 211, 0.3); }

#esg-emissions-container-0921 #emissions-key-buttons div.emissions-button:nth-child(4) {
  background-color: rgba(228, 66, 97, 0.4); }

#esg-emissions-container-0921 #emissions-key-buttons div.emissions-button:nth-child(5) {
  background-color: #d5d7d5; }

#esg-emissions-container-0921 #emissions-key-buttons > div:hover {
  opacity: 0.8;
  cursor: pointer; }

#esg-emissions-container-0921 #emissions-key-buttons span.key-title {
  display: block;
  position: absolute;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center; }

#esg-emissions-container-0921 #emissions-chart {
  width: 100%;
  height: 400px;
  background: #eee;
  text-align: center;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

#esg-emissions-container-0921 #emissions {
  clear: both;
  width: 100%;
  height: 30px;
  margin: 10px auto;
  position: relative;
  padding: 0 2px; }

#esg-emissions-container-0921 #emissions .emissions-bar {
  height: 30px;
  float: left;
  background: #6c7bd3;
  position: relative; }

#emissions .emissions-bar.active,
#emissions .emissions-bar.selected,
#esg-emissions-container-0921 #emissions .emissions-bar:hover {
  cursor: pointer;
  background: #011b2b !important; }

#esg-emissions-container-0921 #emissions .emissions-bar.selected::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 87 59' xml:space='preserve'%3E%3Cpolygon points='43.5,58.5 86.8,0 0.2,0 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  transform: rotate(180deg); }

#esg-emissions-container-0921 .emissions-title {
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  float: left;
  height: 30px;
  line-height: 30px;
  cursor: help; }

#esg-emissions-container-0921 #emissions-popup {
  float: left;
  text-align: left;
  height: 30px;
  font-size: 16px;
  font-weight: 800;
  line-height: 30px; }

#esg-emissions-container-0921 #emissions-popup.low {
  color: #0626a9; }

#esg-emissions-container-0921 #emissions-popup.high {
  color: #e44261; }

#esg-emissions-container-0921 #explainer-button {
  padding: 6px 20px;
  background: #011b2b;
  color: #fff;
  border-radius: 20px;
  border: 0;
  margin: -40px 0 20px 0; }

#esg-emissions-container-0921 #explainer-button:hover {
  background: #7692dd;
  cursor: pointer; }

#esg-emissions-container-0921 #info-bar {
  position: absolute;
  left: 20px;
  top: -800px;
  overflow: hidden;
  width: 60%;
  font-size: 14px;
  z-index: 10;
  background: rgba(1, 27, 43, 0.9);
  color: #fff;
  height: 80%;
  text-align: left;
  padding: 20px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease; }

#esg-emissions-container-0921 #info-bar #info-bar-header {
  width: 100%;
  padding: 0 0 15px 10px;
  font-weight: 700;
  height: 45px;
  line-height: 30px;
  text-transform: uppercase;
  z-index: 1;
  text-align: left;
  font-size: 18px;
  border-bottom: 1px #344956 solid; }

#esg-emissions-container-0921 #info-bar-content {
  padding: 10px;
  font-size: 13px;
  height: calc(100% - 60px);
  overflow-y: auto; }

#esg-emissions-container-0921 #info-bar-content .emissions-country-list {
  padding-left: 0;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3; }

#esg-emissions-container-0921 #info-bar-content .emissions-country-list li {
  list-style: none;
  -webkit-column-break-inside: avoid;
  white-space: nowrap;
  margin: 5px 0;
  display: inline-block;
  width: 100%;
  font-weight: 700; }

#esg-emissions-container-0921 #info-bar.open {
  top: 100px; }

#esg-emissions-container-0921 .close-button {
  position: absolute;
  top: 10px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#esg-emissions-container-0921 .close-button::after,
#esg-emissions-container-0921 .close-button::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #fff; }

#esg-emissions-container-0921 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#esg-emissions-container-0921 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#esg-emissions-container-0921 #info-bar ul li {
  margin: 10px 0; }

#esg-emissions-container-0921 #info-bar .marker {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-right: 10px;
  display: inline-block;
  float: left; }

#esg-emissions-container-0921 #info-bar.index-1 .marker {
  background: #6c7bd3; }

#esg-emissions-container-0921 #info-bar.index-2 .marker {
  background: #c4caed; }

#esg-emissions-container-0921 #info-bar.index-3 .marker {
  background: #f4b4c0; }

#esg-emissions-container-0921 #info-bar.index-4 .marker {
  background: #c6c8c8; }

#esg-emissions-container-0921 #data-bar {
  position: absolute;
  overflow: hidden;
  width: 100%;
  padding: 0 20px;
  font-size: 14px;
  z-index: 1000010;
  background: rgba(1, 27, 43, 0.9);
  color: #fff;
  text-align: left;
  right: -1200px;
  transition: all 0.5s ease;
  top: 0;
  height: 100%; }

#esg-emissions-container-0921 #data-bar.open {
  right: 0; }

#esg-emissions-container-0921 #data-bar #data-bar-header {
  width: 100%;
  padding: 40px 40px 5px 10px;
  font-weight: 700;
  z-index: 1;
  text-align: left;
  font-size: 18px;
  text-transform: uppercase; }

#esg-emissions-container-0921 #data-bar #data-bar-body {
  position: relative;
  overflow: auto;
  height: calc(100% - 160px); }

#esg-emissions-container-0921 #data-bar #data-bar-header.high span {
  color: #e44261; }

#esg-emissions-container-0921 #data-bar #data-bar-header.low span {
  color: #7692dd; }

#esg-emissions-container-0921 #data-bar-content {
  padding: 10px;
  font-size: 14px; }

#esg-emissions-container-0921 #data-bar-content table {
  width: 100%; }

#esg-emissions-container-0921 #data-bar-content table tr td {
  border-bottom: 1px #666 solid;
  padding: 5px 0;
  vertical-align: top;
  color: #fff; }

#esg-emissions-container-0921 #data-bar-content table tr td.value {
  width: 20%;
  font-weight: 800; }

#esg-emissions-container-0921 #data-bar.low {
  background: rgba(205, 212, 238, 0.8); }

#esg-emissions-container-0921 #data-bar.high {
  background: rgba(244, 180, 192, 0.8); }

#esg-emissions-container-0921 #tooltip {
  line-height: 1.3rem;
  position: absolute;
  display: none;
  background: #002036;
  min-width: 135px;
  max-width: 360px;
  padding: 20px;
  color: #fff;
  z-index: 900000;
  font-weight: 500;
  box-shadow: 2px 2px 4px rgba(0, 49, 56, 0.4);
  font-size: 15px;
  cursor: pointer; }

#esg-emissions-container-0921 #tooltip.detailed {
  cursor: pointer; }

#esg-emissions-container-0921 #tooltip.high {
  background: #e44261; }

#esg-emissions-container-0921 #tooltip.medium {
  background: #c4caed;
  color: #011b2b; }

#esg-emissions-container-0921 #tooltip.low {
  background: #1e3bb1; }

#esg-emissions-container-0921 #tooltip .tooltip-title {
  font-weight: 700;
  font-size: 20px; }

#esg-emissions-container-0921 #tooltip .tooltip-cta {
  font-weight: 700;
  font-size: 16px;
  display: block;
  margin-top: 10px; }

#esg-emissions-container-0921 .info-stick {
  position: absolute;
  top: 100%;
  left: 50%;
  background: #0626a9;
  height: 20px;
  width: 2px; }

/*CHART*/
#esg-emissions-container-0921 #container-col-icons {
  width: 100%;
  padding: 0 10px 20px 45px;
  margin-top: -10px; }

#esg-emissions-container-0921 #container-col-icons table {
  width: 100%;
  height: 40px;
  table-layout: fixed;
  margin-bottom: 10px; }

#esg-emissions-container-0921 #container-col-icons table td {
  text-align: center; }

#esg-emissions-container-0921 #container-col-icons table img {
  height: 50px;
  width: auto; }

@media (max-width: 990px) {
  #esg-emissions-container-0921 #data-bar {
    width: 100%;
    top: 0;
    height: 100%; }
  #esg-emissions-container-0921 #info-bar {
    left: 0;
    width: 100%; }
  #esg-emissions-container-0921 #info-bar.open {
    width: 100%;
    top: 0; }
  #esg-emissions-container-0921 .dropdown-menu {
    min-width: 250px; } }

@media (max-width: 720px) {
  #esg-emissions-container-0921 #emissions,
  #esg-emissions-container-0921 .emissions-title {
    display: none; }
  #esg-emissions-container-0921 #tooltip {
    font-size: 0.9em;
    line-height: 1.1em; }
  #esg-emissions-container-0921 #info-bar-content .emissions-country-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; }
  #esg-emissions-container-0921 #data-bar {
    width: 100%;
    height: 100%; }
  #esg-emissions-container-0921 .tooltip-title {
    display: block; } }

@media (max-width: 600px) {
  #esg-emissions-container-0921 .sub-menu {
    max-height: 200px; }
  #esg-emissions-container-0921 #data-bar {
    width: 100%;
    height: 100%; }
  #esg-emissions-container-0921 #tooltip {
    display: none !important; }
  #esg-emissions-container-0921 #data-bar-header h3 {
    font-size: 18px; }
  #esg-emissions-container-0921 #data-bar-header span {
    font-size: 14px; }
  #esg-emissions-container-0921 #data-bar-content table td {
    font-size: 12px; }
  #esg-emissions-container-0921 #world-map {
    margin-top: 20px; }
  #esg-emissions-container-0921 #map-container {
    padding-top: 0; }
  #esg-emissions-container-0921 #info-bar {
    height: 340px; }
  #esg-emissions-container-0921 #info-bar.open {
    top: 0; }
  #esg-emissions-container-0921 #info-bar #info-bar-header {
    font-size: 14px; }
  #esg-emissions-container-0921 #info-bar #info-bar-content p {
    font-size: 12px; }
  #esg-emissions-container-0921 #info-bar-content .emissions-country-list {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1; }
  #esg-emissions-container-0921 #container-col-icons {
    display: none; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #esg-emissions-container-0921 #world-map {
    height: 600px; } }

#esg-trends-interactive-1121 .box {
  background: #cc0033;
  height: 150px;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
  transition: transform 0.8s;
  transform-style: preserve-3d; }

#esg-trends-interactive-1121 .box.flip {
  transform: rotateY(180deg);
  background: #00cc33; }

#esg-trends-interactive-1121 .close-button {
  position: absolute;
  top: 10px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1;
  display: none; }

#esg-trends-interactive-1121 .clone.active .close-button {
  display: block; }

#esg-trends-interactive-1121 .close-button::after,
#esg-trends-interactive-1121 .close-button::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #011b2b; }

#esg-trends-interactive-1121 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#esg-trends-interactive-1121 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#scene {
  margin: 20px 0 0;
  position: relative; }

.cube-wrapper {
  position: relative;
  width: 158px;
  height: 158px;
  float: left;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  top: 0; }

.cube-wrapper.cube-highlight {
  box-shadow: 1px 1px 8px rgba(0, 0, 28, 0.4);
  top: -5px; }

.cube {
  width: 158px;
  height: 158px;
  transform-style: preserve-3d;
  transform: translateZ(-150px);
  transition: transform 500ms;
  position: relative;
  z-index: 1; }

.cube .cube-icon {
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  position: absolute;
  z-index: 2;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s; }

.cube .cube__face--right .cube-icon {
  top: 35%; }

.cube-wrapper .cube-icon img {
  width: 100%;
  height: 100%; }

.cube .cube__face--bottom .cube-icon img {
  opacity: 0.3; }

.cube.show-front {
  transform: translateZ(-150px) rotateY(0deg); }

.cube.show-right {
  transform: translateZ(-150px) rotateY(-90deg); }

.cube.show-back {
  transform: translateZ(-150px) rotateY(-180deg); }

.cube.show-left {
  transform: translateZ(-150px) rotateY(90deg); }

.cube.show-top {
  transform: translateZ(-150px) rotateX(-90deg); }

.cube.show-bottom {
  transform: translateZ(-150px) rotateX(90deg); }

.cube__face {
  position: absolute;
  width: 158px;
  height: 158px;
  font-size: 20px;
  font-weight: bold;
  color: #011b2b;
  text-align: center;
  background: #ccc;
  border: 1px #fff solid; }

#scene.collapsed .cube-name {
  text-align: center; }

.cube-name {
  font-size: 12px;
  line-height: 15px;
  padding: 10px;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0; }

.clone .cube-name {
  text-align: left; }

.clone.active .cube-name {
  left: 180px;
  top: 30px;
  text-align: left;
  width: auto;
  font-size: 1.6rem;
  opacity: 1; }

.cube-title {
  background: #eeeeee;
  color: #011b2b;
  position: absolute;
  width: 158px;
  height: 158px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  display: flex;
  padding: 20px; }

.cube-title-active {
  background: rgba(1, 27, 43, 0.4);
  color: #fff;
  position: absolute;
  width: 158px;
  height: 158px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  display: flex;
  padding: 20px; }

.cube-title span {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#cubes-key #cubes-category {
  font-weight: 700;
  font-size: 1.2rem;
  margin: 10px 0;
  border: none; }

#cubes-key #cubes-category.active {
  border-width: 0 0 3px;
  border-color: transparent;
  border-style: solid; }

#cubes:not(.animating) .cube-wrapper:hover .cube-title {
  opacity: 1; }

.cube-title i {
  display: none; }

.cube-wrapper.active .cube-title > i {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 1.2rem; }

.cube-wrapper.active:hover {
  cursor: pointer; }

.cube__face--front {
  transform: rotateY(0deg) translateZ(79px); }

.cube__face--right {
  transform: rotateY(90deg) translateZ(79px); }

.cube__face--back {
  transform: rotateY(180deg) translateZ(79px); }

.cube__face--left {
  transform: rotateY(-90deg) translateZ(79px); }

.cube__face--top {
  transform: rotateX(90deg) translateZ(79px); }

.cube__face--bottom {
  transform: rotateX(-90deg) translateZ(79px); }

#cubes {
  opacity: 1;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  display: inline-block; }

#cubes.fade {
  opacity: 0.1;
  overflow: hidden; }

.cube__face.clone {
  position: absolute;
  z-index: 3;
  transform: none;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s; }

.cube__face.clone.active {
  height: 100%;
  width: 100%;
  top: 0 !important;
  left: 0 !important; }

.cube__face.clone .cube-icon {
  width: 79px;
  height: 79px;
  left: 39px;
  top: 51px;
  position: absolute;
  z-index: 2;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s; }

.cube__face.clone.active .cube-icon {
  top: 10px;
  left: 20px;
  height: 140px;
  width: 140px; }

.cube__face.clone .issue-content {
  margin: 0 50px 0 160px;
  padding: 30px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  height: 90%;
  width: calc(100% - 180px); }

.cube__face.clone .issue-title {
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0;
  color: #011b2b; }

.cube__face.clone .issue-category {
  font-size: 16px;
  font-weight: 700;
  margin: 20px 0;
  color: #fff; }

.cube__face.clone .issue-description {
  color: #011b2b;
  font-size: 18px;
  margin: 10px 0;
  font-weight: 300;
  line-height: 24px; }

.cube__face.clone .issue-factors {
  height: 70%;
  overflow-y: auto; }

.cube__face.clone .issue-factors-title {
  font-size: 16px;
  font-weight: 700;
  margin: 20px 0 10px; }

.cube__face.clone .issue-factors table {
  width: 100%;
  color: #011b2b;
  font-weight: 300; }

.cube__face.clone .issue-factors table tr:nth-of-type(2n+1) {
  background: none; }

.cube__face.clone .issue-factors table tr td {
  padding: 2px 10px; }

.cube__face.clone .issue-factors table tr:nth-child(odd) td {
  background: rgba(255, 255, 255, 0.4); }

.cube__face.clone .issue-factors table tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.6); }

.cube__face.clone .issue-content.active {
  opacity: 1;
  transition-delay: 0.5s;
  -moz-transition-delay: all 0.5s;
  -webkit-transition-delay: all 0.5s; }

#esg-trends-interactive-1121 #esg_cc_timeline_refresh {
  font-size: 24px;
  color: #011b2b;
  height: 30px;
  width: 30px;
  -webkit-transition: -moz-transform 0.5s ease-out;
  -moz-transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transform-origin: 50% 50%;
  z-index: 3;
  line-height: 30px;
  text-align: center;
  display: none;
  float: right;
  margin-top: 15px; }

#esg-trends-interactive-1121 #esg_cc_timeline_refresh:hover {
  transform: rotate(180deg);
  cursor: pointer; }

/*FILTERS*/
#esg-trends-interactive-1121 .msci-filter-options .filter-options-select-button {
  width: 100%;
  background: #fff;
  border: none;
  border-bottom: 2px #0626a9 solid;
  text-align: left;
  cursor: pointer;
  font-weight: 300;
  font-size: 2rem;
  padding: 20px 0;
  position: relative; }

#esg-trends-interactive-1121 .msci-filter-options .filter-options-select-button:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230011b2b;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
  content: '';
  display: inline-block;
  height: 24px;
  position: absolute;
  top: 50%;
  vertical-align: top;
  width: 24px;
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s;
  right: 10px;
  background-repeat: no-repeat;
  margin: -12px 0 0 -12px;
  transform: rotate(0deg); }

#esg-trends-interactive-1121 .dropdown-toggle::after {
  border: none; }

#esg-trends-interactive-1121 .msci-filter-options .filter-options.show .filter-options-select-button::after {
  -webkit-transition: transform .4s;
  /* Safari */
  transition: transform .4s;
  transform: rotate(180deg); }

#esg-trends-interactive-1121 .msci-filter-options .filter-options-select-button .button-options {
  color: #011b2b; }

#esg-trends-interactive-1121 .msci-filter-options .button-group.active .filter-options-select-button .button-options {
  font-weight: 700; }

#esg-trends-interactive-1121 .msci-filter-options #filter-options-secondary.active .filter-options-select-button .button-options {
  color: #00c4b3; }

#esg-trends-interactive-1121 .msci-filter-options .filter-options-select-button:focus {
  outline: 0; }

#esg-trends-interactive-1121 .msci-filter-options .filter-options-select-button .caret {
  margin-top: 10px; }

#esg-trends-interactive-1121 .msci-filter-options .filter-dropdown-menu, .msci-filter-options .sort-dropdown-menu {
  width: calc(100% - 30px);
  max-width: 100%;
  background: #FFFFFF;
  margin: 0;
  border-radius: 0; }

#esg-trends-interactive-1121 .msci-filter-options .filter-dropdown-menu a {
  font-size: 1.4rem;
  padding: 10px 6px;
  display: block;
  width: 100%;
  color: #011b2b;
  text-decoration: none; }

#esg-trends-interactive-1121 .msci-filter-options .filter-dropdown-menu a.selected {
  font-weight: 700;
  pointer-events: none; }

#esg-trends-interactive-1121 .msci-filter-options .filter-dropdown-menu li:hover {
  background: #f8f9fa; }

#industry_filter {
  display: none; }

/*-------------------------pulse------------------------*/
#esg-trends-interactive-1121 .block-hint {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0; }

#esg-trends-interactive-1121 .block-hint-dot {
  width: 24px;
  height: 24px;
  background-color: #00c4b3;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0; }

#esg-trends-interactive-1121 .block-hint-pulse {
  border: 3px solid #00c4b3;
  -webkit-border-radius: 40px;
  height: 40px;
  width: 40px;
  left: -8px;
  top: -8px;
  position: absolute;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@media (max-width: 1200px) {
  #esg_callout_summary {
    font-size: 13px; }
  .cube-wrapper, .cube, .cube__face {
    width: 120px;
    height: 120px; }
  .cube-title {
    width: 120px;
    height: 120px; }
  .cube__face.clone .issue-content {
    margin-left: 100px;
    width: calc(100% - 100px); }
  .cube__face.clone .cube-icon {
    height: 60px;
    width: 60px;
    left: 30px; }
  .cube__face.clone.active .cube-icon {
    height: 80px;
    width: 80px; }
  .cube .cube__face--right .cube-icon {
    top: 45%; }
  .cube__face--front {
    transform: rotateY(0deg) translateZ(60px); }
  .cube__face--right {
    transform: rotateY(90deg) translateZ(60px); }
  .cube__face--back {
    transform: rotateY(180deg) translateZ(60px); }
  .cube__face--left {
    transform: rotateY(-90deg) translateZ(60px); }
  .cube__face--top {
    transform: rotateX(90deg) translateZ(60px); }
  .cube__face--bottom {
    transform: rotateX(-90deg) translateZ(60px); }
  .cube__face.clone .issue-factors {
    height: 60%; } }

@media (max-width: 920px) {
  .cube-title-active {
    position: relative; }
  .cube__face.clone .issue-content {
    width: 100%;
    padding: 10px 30px;
    height: 80%;
    margin: 0; } }

@media (max-width: 768px) {
  #esg-trends-interactive-1121 .msci-filter-options .filter-options-select-button {
    font-size: 1.2rem; }
  #esg-trends-interactive-1121 .msci-filter-options .filter-dropdown-menu a {
    font-size: 1.1rem; }
  .cube-wrapper, .cube, .cube__face {
    width: 90px;
    height: 90px; }
  .cube__face.clone .issue-description {
    font-size: 14px;
    line-height: 18px; }
  .cube-title {
    width: 90px;
    height: 90px; }
  .cube .cube__face--right .cube-icon {
    top: 25%; }
  .cube__face.clone .cube-icon {
    height: 45px;
    width: 45px;
    left: 22px; }
  .cube__face.clone .issue-content {
    padding: 10px; }
  .cube__face.clone.active {
    min-height: 800px; }
  .cube__face.clone.active .cube-icon {
    height: 80px;
    width: 80px; }
  .cube__face .cube-name {
    display: none;
    opacity: 0; }
  .cube__face--front {
    transform: rotateY(0deg) translateZ(45px); }
  .cube__face--right {
    transform: rotateY(90deg) translateZ(45px); }
  .cube__face--back {
    transform: rotateY(180deg) translateZ(45px); }
  .cube__face--left {
    transform: rotateY(-90deg) translateZ(45px); }
  .cube__face--top {
    transform: rotateX(90deg) translateZ(45px); }
  .cube__face--bottom {
    transform: rotateX(-90deg) translateZ(45px); }
  #cubes-key {
    display: none; } }

#globalInvestingContainer1020_33 h5 {
  font-weight: 700;
  margin: 10px 0; }

#globalInvestingContainer1020_33 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_33 > .row > [class*=col] {
  background: rgba(199, 210, 236, 0.2);
  border: 4px #fff solid;
  padding: 20px; }

@media (max-width: 1180px) {
  #globalInvestingContainer1020_33 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_33 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_33 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_33 .col-sm-12 h5 {
    margin-top: 20px; } }

#esg_megatrends_timeline_1121 {
  height: 800px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: #011b2b; }

#esg_megatrends_timeline_1121 h4, #esg_megatrends_timeline_1121 h2 {
  line-height: 1.2; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_bg {
  display: none;
  position: absolute;
  background: #011b2b;
  height: 400px;
  width: 400px;
  border-radius: 200px;
  opacity: 0;
  left: 50%;
  top: 50%;
  margin: -200px 0 0 -200px; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_content {
  z-index: 2;
  position: relative; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_content, #esg_cc_timeline_content > * {
  height: 100%; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_content_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_content_wrapper.active {
  opacity: 1;
  filter: alpha(opacity=100); }

/*CIRCLES*/
#esg_megatrends_timeline_1121 #esg_cc_timeline_image {
  position: absolute;
  width: 260px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: -260px;
  -webkit-transition: all 0.5s, top 2s;
  -moz-transition: left 0.5s, top 2s;
  transition: left 0.5s, top 2s; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_image .esg_cc_timeline_image_container {
  background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/esg-trends-interactive-timeline-2022/ms167_image_base.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_image.active {
  left: 0; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_refresh {
  position: absolute;
  top: 20px;
  right: 60px;
  font-size: 24px;
  color: #fff;
  height: 30px;
  width: 30px;
  -webkit-transition: -moz-transform 0.5s ease-out;
  -moz-transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transform-origin: 50% 50%;
  z-index: 3;
  line-height: 30px;
  text-align: center;
  display: none; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_refresh:hover {
  transform: rotate(180deg);
  cursor: pointer; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_fullscreen {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 30px;
  color: #fff;
  height: 30px;
  width: 30px;
  -webkit-transition: -moz-transform 0.2s ease-out;
  -moz-transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transform-origin: 50% 50%;
  z-index: 3;
  line-height: 30px;
  text-align: center; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_fullscreen:after {
  content: '\F116';
  font-family: 'fontawesome';
  font-size: 30px; }

#esg_megatrends_timeline_1121.fullscreen #esg_cc_timeline_fullscreen:after {
  content: '\F117';
  font-family: 'fontawesome';
  font-size: 30px; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_fullscreen:hover {
  transform: scale(1.4);
  cursor: pointer; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_contact {
  position: absolute;
  top: 26px;
  left: 200px;
  width: auto;
  z-index: 2; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_contact a {
  color: #fff;
  height: 30px;
  text-decoration: none;
  line-height: 18px;
  text-align: center;
  border: 1px #fff solid;
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 18px;
  font-weight: 700; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_contact a:hover {
  background: #fff;
  color: #011b2b; }

#esg_megatrends_timeline_1121 #start_wrapper {
  position: absolute;
  width: 80%;
  height: 80%;
  top: 20%;
  z-index: 2; }

#esg_megatrends_timeline_1121 #start_wrapper #start_bg {
  background-image: url(/o/com.msci.webmasters.liferay.site.pubweb/images/esg-trends-interactive-timeline-2022/main_bg.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  height: 50%;
  width: 100%;
  position: relative;
  bottom: 0;
  z-index: 1;
  margin-top: 40px; }

#esg_megatrends_timeline_1121 #start_wrapper h2 {
  font-size: 4rem;
  color: #fff;
  margin: 0 0 20px 0; }

#esg_megatrends_timeline_1121 #start_wrapper h3 {
  font-size: 1.6rem;
  color: #00c4b3;
  margin: 0 0 40px 0; }

#esg_megatrends_timeline_1121 #start_wrapper p {
  font-size: 1.3rem;
  text-shadow: 1px 1px 1px #fff;
  font-weight: 700; }

#esg_megatrends_timeline_1121 #start_button {
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  padding: 24px;
  border: 2px #fff solid;
  height: 24px;
  line-height: 0;
  left: 15%;
  border-radius: 24px;
  background: #011b2b;
  top: 0;
  width: 240px;
  margin: 0 auto; }

#esg_megatrends_timeline_1121 #start_button:hover {
  background: #fff;
  color: #011b2b;
  cursor: pointer; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_years_wrapper {
  background: rgba(0, 0, 0, 0.2);
  left: -1000px;
  width: 380px;
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-transition: left 1s ease-in-out;
  -moz-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_years_wrapper.active {
  left: 0; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_years_bar {
  height: 0;
  width: 70%;
  position: absolute;
  left: 300px;
  max-width: 120px;
  border-left: 4px #fff dotted;
  top: 20px; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_years {
  height: 100%;
  position: relative;
  display: none; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_years_marker {
  position: absolute;
  left: -35px;
  height: 40px;
  width: 40px;
  font-size: 40px;
  color: #fff;
  line-height: 40px;
  display: none;
  margin-top: -15px;
  z-index: 1;
  cursor: grab;
  text-align: center; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_years > span {
  display: block;
  font-weight: 700;
  height: 20px;
  font-size: 14px;
  color: #fff;
  padding: 20px 2px 30px 2px;
  position: absolute;
  line-height: 14px;
  margin: -18px 0 0 10px; }

/*#esg_megatrends_timeline_1121 #esg_cc_timeline_years > span::before {
  content:'';
  display:block;
  position:absolute;
  left:-29px;
  width:10px;
  height:10px;
  border-radius:10px;
  background:#00c4b3;
}*/
#esg_megatrends_timeline_1121 #esg_cc_timeline_years > span:hover {
  color: #011b2b;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_text_wrapper {
  height: 100%;
  position: absolute;
  width: 50%;
  left: 460px;
  top: 50px;
  z-index: 2;
  text-align: left; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_text {
  z-index: 3;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0); }

#esg_megatrends_timeline_1121 #esg_cc_timeline_text h4 {
  font-size: 6rem;
  font-weight: 800;
  color: #00c4b3; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_text #esg_cc_timeline_text_title {
  font-size: 2rem;
  font-weight: 700; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_text #esg_cc_timeline_text_year {
  color: #fff; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_text #esg_cc_timeline_text_summary {
  font-size: 1.2rem; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_text #esg_cc_timeline_text_summary a {
  color: #00c4b3; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_text #esg_cc_timeline_text_summary a:hover {
  text-decoration: underline; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_toggles {
  margin: 20px 0 40px; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_toggles .esg_cc_timeline_toggle {
  width: auto;
  padding: 8px 30px;
  height: 34px;
  border-radius: 15px;
  border: 2px #fff solid;
  margin: 0 20px 0 0;
  color: #fff;
  line-height: 14px;
  font-size: 16px;
  font-weight: 700;
  display: inline-block; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_toggles .esg_cc_timeline_toggle.active {
  background: #fff;
  color: #011b2b; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_toggles .esg_cc_timeline_toggle:hover {
  background: #fff;
  cursor: pointer;
  color: #011b2b; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_categories {
  margin: 20px 0; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_categories span {
  display: inline-block;
  border: 0;
  padding: 4px 8px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background-color: rgba(0, 0, 28, 0.2);
  -webkit-transition: background-color 1s ease-in-out;
  -moz-transition: background-color 1s ease-in-out;
  transition: background-color 1s ease-in-out; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_categories span.active {
  background-color: #fff;
  color: #011b2b;
  opacity: 1;
  filter: alpha(opacity=100); }

#esg_megatrends_timeline_1121 #esg_cc_timeline_categories span.category_finance.active {
  background-color: #e44261;
  color: #fff; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_categories span.category_policy.active {
  background-color: #6c7bd3;
  color: #fff; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_categories span.category_technology.active {
  background-color: #f08900;
  color: #fff; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_categories span.category_science.active {
  background-color: #00945e;
  color: #fff; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_cta {
  margin: 40px 0 0; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_cta a {
  display: inline-block;
  padding: 12px 24px;
  background: #011b2b;
  border-radius: 32px;
  border: 2px #fff solid;
  font-size: 16px;
  line-height: 16px;
  color: #00c4b3;
  text-decoration: none;
  margin: 5px;
  font-weight: 700;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out; }

#esg_megatrends_timeline_1121 #esg_cc_timeline_cta a.active {
  opacity: 1;
  filter: alpha(opacity=100); }

#esg_megatrends_timeline_1121 #esg_cc_timeline_cta a:hover {
  background: #fff;
  color: #001b2b;
  text-decoration: underline; }

/*FULLSCREEN VERSION*/
#esg_megatrends_timeline_1121.fullscreen {
  width: 100%;
  max-width: 100%;
  padding: 0;
  height: 100%;
  position: fixed !important;
  z-index: 10000000;
  left: 0;
  top: 0; }

#esg_megatrends_timeline_1121.fullscreen #esg_cc_timeline_years_wrapper {
  height: 100%; }

/*SMALLSCREEN VERSION*/
#esg_megatrends_timeline_1121.smallscreen #esg_cc_timeline_text #esg_cc_timeline_text_summary {
  font-size: 0.9em !important; }

/*VIEW PORTS*/
@media (max-width: 1100px) {
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_wrapper.active {
    left: -140px; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_image.active {
    left: 140px;
    width: 120px; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_text_wrapper {
    left: 310px; } }

@media (max-width: 992px) {
  #esg_megatrends_timeline_1121 #start_wrapper p {
    line-height: 1.4rem; }
  #esg_megatrends_timeline_1121.fullscreen #esg_cc_timeline_text #esg_cc_timeline_text_summary {
    font-size: 1em !important; } }

@media (max-width: 768px) {
  #esg_megatrends_timeline_1121 #start_wrapper h2 {
    font-size: 2.4rem; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_rings svg {
    width: 100%; }
  #esg_megatrends_timeline_1121 #start_wrapper {
    width: 60%; }
  #esg_megatrends_timeline_1121 #start_wrapper p {
    line-height: 1.4rem; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_circles .esg_cc_timeline_circle.position-2 {
    width: 200vw;
    height: 200vw;
    opacity: 1;
    margin: 0 -100vw -100vw 0; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_circles .esg_cc_timeline_circle.position-3 {
    width: 500vw;
    height: 500vw;
    opacity: 0;
    margin: 0 -250vw -250vw 0; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_text_wrapper {
    width: 80%;
    left: 10%;
    margin: 0; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_text h4 {
    font-size: 3.2rem; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_text #esg_cc_timeline_text_title {
    font-size: 1.6rem; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_categories span {
    margin: 5px 2px; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_text #esg_cc_timeline_text_summary {
    font-size: 1rem; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_wrapper_mobile {
    background: #011b2b;
    bottom: -200px;
    width: 100%;
    position: absolute;
    height: 60px;
    -webkit-transition: bottom 1s ease-in-out;
    -moz-transition: bottom 1s ease-in-out;
    transition: bottom 1s ease-in-out;
    border-top: 4px #fff dotted;
    z-index: 3;
    left: 0; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_wrapper_mobile.active {
    bottom: 0; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_bar_mobile {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-color: #ffc62d #ccc;
    scrollbar-width: thin; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_bar_arrow {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 20px;
    height: 20px;
    opacity: 0.4;
    animation: arrowShift 1s infinite; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_bar_arrow:after {
    content: '\F105';
    font-family: 'fontawesome';
    font-size: 30px;
    line-height: 20px;
    color: #fff; }
  /* width */
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_bar_mobile::-webkit-scrollbar {
    width: 6px; }
  /* Track */
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_bar_mobile::-webkit-scrollbar-track {
    background: #ccc; }
  /* Handle */
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_bar_mobile::-webkit-scrollbar-thumb {
    background: #ffc62d; }
  /* Handle on hover */
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_bar_mobile::-webkit-scrollbar-thumb:hover {
    background: #555; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_mobile {
    width: 2000px;
    position: relative;
    height: 50%;
    border-bottom: 2px rgba(255, 255, 255, 0.4) dashed; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_marker_mobile {
    position: absolute;
    top: -10px;
    height: 20px;
    width: 20px;
    font-size: 30px;
    color: #fff;
    line-height: 20px;
    margin-left: 20px; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_mobile span {
    display: block;
    font-weight: 700;
    height: 30px;
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 1px 10px;
    position: absolute;
    top: 10px;
    background: #011b2b; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_mobile span.science {
    color: #00945e; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_mobile span.policy {
    color: #6c7bd3; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_mobile span.technology {
    color: #f08900; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_mobile span.finance {
    color: #e44261; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_years_mobile span:hover {
    color: #fff;
    cursor: pointer; } }

@media (max-width: 520px) {
  #esg_megatrends_timeline_1121 #start_wrapper p {
    font-size: 1.2rem; }
  #esg_megatrends_timeline_1121 #start_wrapper {
    width: 80%; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_text_wrapper {
    width: calc(100% - 16px);
    padding: 20px 30px;
    height: 80%;
    overflow-y: auto;
    left: 0; }
  #esg_megatrends_timeline_1121 #esg_cc_timeline_cta a {
    text-align: center;
    line-height: 20px; } }

/*ANIMATION*/
@keyframes arrowShift {
  0%,
  100% {
    right: 0; }
  50% {
    right: 10px; } }

#globalInvestingContainer1020_34 h5 {
  font-weight: 700;
  margin: 10px 0; }

#globalInvestingContainer1020_34 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_34 .chart-legend {
  text-align: center;
  width: 100%;
  font-size: 12px;
  font-weight: 700; }

#globalInvestingContainer1020_34 .chart-legend span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin: 0 20px; }

#globalInvestingContainer1020_34 .chart-legend span:first-child:before {
  content: '';
  width: 20px;
  height: 4px;
  background: #011b2b;
  position: absolute;
  left: 0;
  top: 6px; }

#globalInvestingContainer1020_34 .chart-legend span:nth-child(2):before {
  content: '';
  width: 20px;
  height: 10px;
  background: #011b2b;
  position: absolute;
  left: 0;
  top: 2px; }

@media (max-width: 1180px) {
  #globalInvestingContainer1020_34 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_34 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_34 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_34 .col-sm-12 h5 {
    margin-top: 20px; } }

#globalInvestingContainer1020_31 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_32 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_32 table td, #globalInvestingContainer1020_32 table th {
  padding: 0.25rem; }

#globalInvestingContainer1020_32 table td {
  font-weight: 300; }

#globalInvestingContainer1020_32 table td:not(:first-child), #globalInvestingContainer1020_32 table th {
  text-align: center; }

#globalInvestingContainer1020_32 table td.section-header {
  background: #011b2b;
  color: #fff; }

#globalInvestingContainer1020_32 .icon-arrow-up {
  color: #00c4b3; }

#globalInvestingContainer1020_32 .icon-arrow-down {
  color: #e44261; }

@media (max-width: 1180px) {
  #globalInvestingContainer1020_32 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_32 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer1020_32 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_32 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_32 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_32 table {
    font-size: 0.8rem; } }

/* BACKGROUNDS */
#esg-wob-chart-0122 .white-bg {
  background-color: #fff;
  fill: #fff; }

#esg-wob-chart-0122 .carnation-bg {
  background-color: #e44261;
  /*background:linear-gradient(to right, #cd3b57 50%, #e44261 50%);*/ }

#esg-wob-chart-0122 .smokey-blue-bg {
  background-color: #0626a9;
  /*background:linear-gradient(to right, #052298 50%, #0626a9 50%);*/ }

#esg-wob-chart-0122 .sky-blue-bg {
  background-color: #5987da;
  /*background:linear-gradient(to right, #5079c4 50%, #5987da 50%);*/ }

#esg-wob-chart-0122 .moody-blue-bg {
  background-color: #6c7bd3;
  /*background:linear-gradient(to right, #616ebd 50%, #6c7bd3 50%);*/ }

#esg-wob-chart-0122 .mercury-bg {
  background-color: #dce3ec;
  /*background:linear-gradient(to right, #c6ccd4 50%, #dce3ec 50%);*/ }

#esg-wob-chart-0122 .turquoise-bg {
  background-color: #00c4b3;
  /*background:linear-gradient(to right, #00b0a1 50%, #00c4b3 50%);*/ }

#esg-wob-chart-0122 .marigold-bg {
  background-color: #ffc62d; }

#esg-wob-chart-0122 .jade-bg {
  background-color: #00945e;
  /*background:linear-gradient(to right, #008554 50%, #00945e 50%);*/ }

#esg-wob-chart-0122 .flint-bg {
  background-color: #73787c;
  /*background:linear-gradient(to right, #676c6f 50%, #73787c 50%);*/ }

#esg-wob-chart-0122 .tangerine-bg {
  background-color: #f08900;
  /*background:linear-gradient(to right, #d87b00 50%, #f08900 50%);*/ }

#esg-wob-chart-0122 .daintree-bg {
  background-color: #011b2b;
  /*background:linear-gradient(to right, #011827 50%, #011b2b 50%);*/ }

#esg-wob-chart-0122.container {
  padding: 0; }

#esg-wob-chart-0122 {
  position: relative;
  height: 100%;
  /*max-width:1140px;*/
  margin: 0 auto;
  min-width: 320px;
  z-index: 10; }

#esg-wob-chart-0122 .strong {
  font-weight: 700; }

#esg-wob-chart-0122 a:hover {
  text-decoration: underline; }

#esg-wob-chart-0122 .chart-legend {
  text-align: center; }

#esg-wob-chart-0122 .series-marker {
  float: left;
  margin: 5px 20px;
  font-weight: 700; }

#esg-wob-chart-0122 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#esg-wob-chart-0122 .chart-wrapper {
  position: relative; }

#esg-wob-chart-0122 .start-button {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  padding: 18px;
  border: 2px #fff solid;
  height: 18px;
  line-height: 0;
  left: 50%;
  margin-left: -80px;
  border-radius: 36px;
  background: #011b2b;
  top: 50%;
  margin-top: -36px;
  width: 160px;
  position: absolute;
  z-index: 11; }

#esg-wob-chart-0122 .start-button:hover {
  background: #0626a9;
  cursor: pointer; }

#esg-wob-chart-0122 .caption-container {
  width: calc(100% - 40px);
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0;
  position: absolute;
  top: 20px;
  left: 20px; }

.highcharts-data-label span {
  text-align: center !important; }

.highcharts-data-label span.datalabel-large {
  font-size: 16px; }

#esg-wob-interactive-0122 {
  position: relative;
  height: 100%;
  margin: 0 auto !important;
  padding-left: 0 !important;
  min-width: 320px;
  z-index: 10;
  /* COLORS, BACKGROUNDS */
  /*---------------------------- TITLE & CTA  ----------------------------*/
  /*--------------------------CONTENT ANIMATION ON TRANSITION--------------------------------*/
  /*---------------------------- SVGs -----------------------------*/
  /*------------------------------- carousel indicators ------------------------------*/
  /*------------------------ BUTTON ICONS ----------------------------------*/
  /*----------------------------- Dropdown ---------------------------------*/
  /*----------------------------- Chart Market Animation --------------------------*/
  /*----------------------------- Animation ------------------------------*/
  /*-------------------------------- media --------------------------------------*/ }
  #esg-wob-interactive-0122 .carnation {
    color: #e44261; }
  #esg-wob-interactive-0122 .carnation-bg {
    color: #e44261; }
  #esg-wob-interactive-0122 .smokey-blue {
    color: #0626a9; }
  #esg-wob-interactive-0122 .smokey-blue-bg {
    background-color: #0626a9; }
  #esg-wob-interactive-0122 .sky-blue, #esg-wob-interactive-0122 .sky-blue-bg {
    color: #5987da;
    background-color: #5987da; }
  #esg-wob-interactive-0122 .sky-blue {
    color: #5987da; }
  #esg-wob-interactive-0122 .moody-blue-bg {
    background-color: #6c7bd3; }
  #esg-wob-interactive-0122 .mercury {
    color: #dce3ec; }
  #esg-wob-interactive-0122 .mercury-bg {
    background-color: #dce3ec; }
  #esg-wob-interactive-0122 .turquoise {
    color: #00c4b3; }
  #esg-wob-interactive-0122 .turquoise-bg {
    background-color: #00c4b3; }
  #esg-wob-interactive-0122 .marigold {
    color: #ffc62d; }
  #esg-wob-interactive-0122 .marigold-bg {
    background-color: #ffc62d; }
  #esg-wob-interactive-0122 .jade {
    color: #00945e; }
  #esg-wob-interactive-0122 .jade-bg {
    background-color: #00945e; }
  #esg-wob-interactive-0122 .flint {
    color: #73787c; }
  #esg-wob-interactive-0122 .flint-bg {
    background-color: #73787c; }
  #esg-wob-interactive-0122 .tangerine {
    color: #f08900; }
  #esg-wob-interactive-0122 .tangerine-bg {
    background-color: #f08900; }
  #esg-wob-interactive-0122 .daintree {
    color: #011b2b; }
  #esg-wob-interactive-0122 .daintree-bg {
    background-color: #011b2b; }
  #esg-wob-interactive-0122 .white-bg {
    background-color: #fff;
    fill: #fff; }
  #esg-wob-interactive-0122 .container {
    padding: 0; }
  #esg-wob-interactive-0122 .strong {
    font-weight: 700; }
  #esg-wob-interactive-0122 a:hover {
    text-decoration: underline; }
  #esg-wob-interactive-0122 .start_wrapper {
    position: absolute;
    z-index: 10;
    background: #011b2b;
    width: 100%;
    height: 600px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    padding: 0 20px; }
    #esg-wob-interactive-0122 .start_wrapper .row div {
      display: flex;
      justify-content: center;
      align-items: center; }
    #esg-wob-interactive-0122 .start_wrapper h2 {
      font-size: 4rem;
      font-weight: 500; }
    #esg-wob-interactive-0122 .start_wrapper h3 {
      font-size: 1.6rem;
      font-weight: 500;
      color: #00c4b3; }
  #esg-wob-interactive-0122 .start_button {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    padding: 24px;
    border: 2px #fff solid;
    height: 24px;
    line-height: 0;
    left: 15%;
    border-radius: 24px;
    background: #011b2b;
    top: 0;
    width: 240px;
    margin: 30px 0; }
  #esg-wob-interactive-0122 .start_button:hover {
    background: #fff;
    color: #011b2b;
    cursor: pointer; }
  #esg-wob-interactive-0122 .start_bg {
    position: absolute;
    bottom: -5%;
    width: 100%; }
    #esg-wob-interactive-0122 .start_bg img {
      border-radius: 50%;
      width: 25%;
      height: auto;
      transition: 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      opacity: 1; }
    #esg-wob-interactive-0122 .start_bg img.fade {
      opacity: 0; }
  #esg-wob-interactive-0122 .carousel {
    height: 600px;
    position: relative;
    opacity: 0;
    z-index: 1;
    width: 100%;
    color: #fff !important; }
  #esg-wob-interactive-0122 .carousel.active {
    opacity: 1;
    z-index: 2; }
  #esg-wob-interactive-0122 .carousel-item {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 10; }
  #esg-wob-interactive-0122 .carousel-cta {
    position: absolute;
    bottom: 12%;
    width: 100%;
    text-align: center;
    z-index: 15; }
  #esg-wob-interactive-0122 .carousel-caption {
    top: 30px;
    left: 100px;
    text-align: left;
    padding: 0;
    right: auto;
    z-index: -1; }
    #esg-wob-interactive-0122 .carousel-caption h5 {
      font-size: 2em;
      font-weight: 700; }
  #esg-wob-interactive-0122 .carousel-inner {
    height: 100%;
    max-height: 100%; }
    #esg-wob-interactive-0122 .carousel-inner .block-inner {
      height: 100%;
      padding: 50px 100px 100px; }
      #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-left {
        float: left;
        width: 45%;
        height: 100%;
        display: flex;
        justify-content: center;
        /* align horizontal */
        align-items: center; }
      #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-right {
        float: right;
        width: 45%;
        height: 100%;
        display: flex;
        justify-content: center;
        /* align horizontal */
        align-items: center;
        line-height: 1.4em;
        flex-direction: column; }
        #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-right h6 {
          margin: 10px 0 30px;
          text-align: center; }
        #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-right img {
          max-width: 400px; }
        #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-right .svg-img {
          max-width: 300px;
          height: 100%; }
        #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-right .svg-obj {
          height: 100%;
          max-width: 240px; }
      #esg-wob-interactive-0122 .carousel-inner .block-inner .block-summary {
        font-size: 1.5em;
        line-height: 1.6em; }
  #esg-wob-interactive-0122 .transition {
    transition: 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -webkit-transition: all 0.7s; }
  #esg-wob-interactive-0122 .carousel-transition {
    width: 100%;
    position: relative;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -webkit-transition: all 0.8s; }
  #esg-wob-interactive-0122 .carousel-transition.block-summary {
    transition: left 0.4s, opacity 0.4s;
    -moz-transition: left 0.4s, opacity 0.4s;
    -ms-transition: left 0.4s, opacity 0.4s;
    -webkit-transition: left 0.4s, opacity 0.4s; }
  #esg-wob-interactive-0122 .carousel-item.left .carousel-transition {
    left: 200%;
    opacity: 0; }
  #esg-wob-interactive-0122 .carousel-item.right .carousel-transition {
    left: -140%;
    opacity: 0; }
  #esg-wob-interactive-0122 .carousel-item.active .carousel-transition {
    opacity: 1;
    left: 0; }
  #esg-wob-interactive-0122 .carousel-item.left.active.exiting .carousel-transition {
    left: -200%;
    opacity: 0; }
  #esg-wob-interactive-0122 .carousel-item.right.active.exiting .carousel-transition {
    left: 200%;
    opacity: 0; }
  #esg-wob-interactive-0122 g path.fadein {
    fill-opacity: 1 !important; }
  #esg-wob-interactive-0122 #wob-title {
    width: 90%;
    margin: 0 auto; }
    #esg-wob-interactive-0122 #wob-title g path.image {
      fill-opacity: 0;
      -webkit-transition: fill-opacity 1s;
      -ms-transition: fill-opacity 1s;
      -moz-transition: fill-opacity 1s;
      transition: fill-opacity 1s; }
  #esg-wob-interactive-0122 .world-map-container {
    text-align: center;
    position: relative; }
  #esg-wob-interactive-0122 #world-map {
    pointer-events: visible; }
  #esg-wob-interactive-0122 #world-map > g > path {
    fill: #fff;
    -webkit-transition: fill 1s;
    -ms-transition: fill 1s;
    -moz-transition: fill 1s;
    transition: fill 1s;
    transition-delay: 1s;
    fill-opacity: 1;
    stroke-width: 0; }
  #esg-wob-interactive-0122 .world-map-markers {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
    #esg-wob-interactive-0122 .world-map-markers .block-hint-dot {
      width: 18px;
      height: 18px;
      background-color: #fff;
      border-radius: 50%;
      position: absolute;
      top: 10px;
      left: 10px; }
    #esg-wob-interactive-0122 .world-map-markers .block-hint-pulse {
      border: 2px solid #fff;
      border-radius: 30px;
      height: 30px;
      width: 30px;
      left: 4px;
      top: 4px;
      position: absolute;
      animation: pulsate 1s ease-out;
      -webkit-animation: pulsate 1s ease-out;
      animation-iteration-count: infinite;
      -webkit-animation-iteration-count: infinite;
      opacity: 0.0; }
    #esg-wob-interactive-0122 .world-map-markers .block-hint-content {
      display: none; }
  #esg-wob-interactive-0122 .world-map-marker {
    position: absolute;
    height: 40px;
    width: 40px; }
  #esg-wob-interactive-0122 .carousel-item.active #world-map g#NA > path {
    fill: #00c4b3;
    stroke: #00c4b3; }
  #esg-wob-interactive-0122 .carousel-item.active #world-map g#LA > path {
    fill: #f08900;
    stroke: #f08900; }
  #esg-wob-interactive-0122 .carousel-item.active #world-map g#AU > path {
    fill: #ffc62d;
    stroke: #ffc62d; }
  #esg-wob-interactive-0122 .carousel-item.active #world-map g#EU > path {
    fill: #0626a9;
    stroke: #0626a9; }
  #esg-wob-interactive-0122 .carousel-item.active #world-map g#PA > path {
    fill: #6c7bd3;
    stroke: #6c7bd3; }
  #esg-wob-interactive-0122 .carousel-item.active #world-map g#AS > path {
    fill: #e44261;
    stroke: #e44261; }
  #esg-wob-interactive-0122 .carousel-item.active #world-map g#REST > path {
    fill: #c6c8c8;
    fill-opacity: 0.3; }
  #esg-wob-interactive-0122 .carousel-indicators {
    background: transparent;
    margin: 0 5%; }
    #esg-wob-interactive-0122 .carousel-indicators li {
      display: block;
      margin: 5px;
      height: 12px;
      width: 25%;
      border: 1px #fff solid;
      background: transparent;
      transition: all 0.5s;
      color: #011b2b;
      font-weight: 700;
      text-align: right;
      cursor: pointer; }
    #esg-wob-interactive-0122 .carousel-indicators li:hover {
      background: rgba(255, 255, 255, 0.4); }
    #esg-wob-interactive-0122 .carousel-indicators li.active {
      background: #00c4b3;
      border-color: #00c4b3; }
  #esg-wob-interactive-0122 .carousel-menu-item {
    position: absolute;
    left: 0;
    padding: 20px;
    height: 100%;
    width: 40px;
    opacity: 0.9;
    cursor: pointer;
    font-size: 20px;
    z-index: 2000;
    bottom: auto;
    width: auto; }
  #esg-wob-interactive-0122 .carousel-menu-item:after {
    content: '';
    height: 80px;
    width: 40px;
    top: calc(50% - 40px);
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 169.7 337.3' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' stroke='%23FFFFFF' stroke-miterlimit='10' stroke-width='6' points='169.7,0.7 169,0 0,169 0,169 0,169 169,338.1 169.7,337.3 1.4,169 '/%3E%3C/svg%3E");
    background-repeat: no-repeat; }
  #esg-wob-interactive-0122 .carousel-menu-item.disabled {
    opacity: 0;
    cursor: default;
    pointer-events: none; }
  #esg-wob-interactive-0122 .carousel-control-next {
    left: auto;
    right: 0; }
  #esg-wob-interactive-0122 .carousel-control-next:after {
    transform: rotate(180deg); }
  #esg-wob-interactive-0122 .carousel-menu-item:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 169.7 337.3' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%2300c4b3' stroke='%2300c4b3' stroke-miterlimit='6' stroke-width='8' points='169.7,0.7 169,0 0,169 0,169 0,169 169,338.1 169.7,337.3 1.4,169 '/%3E%3C/svg%3E"); }
  #esg-wob-interactive-0122 .carousel-menu-item.disabled:hover {
    background: none; }
  #esg-wob-interactive-0122 .button-wrapper {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 20; }
    #esg-wob-interactive-0122 .button-wrapper div {
      float: left;
      margin: 0 10px;
      cursor: pointer; }
  #esg-wob-interactive-0122 .reset-toggle {
    position: absolute;
    color: #fff;
    top: 0;
    right: 40px;
    height: 30px;
    width: 30px;
    font-size: 20px;
    -webkit-transition: -moz-transform 0.5s ease-out, opacity 0.5s;
    -moz-transition: -webkit-transform 0.5s ease-out, opacity 0.5s;
    transition: transform 0.5s ease-out, opacity 0.5s;
    transform-origin: 50% 50%;
    z-index: 3;
    line-height: 32px;
    text-align: center;
    opacity: 0.2;
    pointer-events: none; }
  #esg-wob-interactive-0122 .reset-toggle:hover {
    transform: rotate(180deg);
    cursor: pointer; }
  #esg-wob-interactive-0122 .download-toggle {
    position: absolute;
    top: 0;
    right: 80px;
    height: 30px;
    width: 30px;
    z-index: 3;
    text-align: center; }
    #esg-wob-interactive-0122 .download-toggle a {
      color: #fff;
      top: 0;
      font-size: 22px;
      -webkit-transition: top 0.1s ease-out;
      -moz-transition: top 0.1s ease-out;
      transition: top 0.1s ease-out;
      line-height: 30px;
      text-decoration: none !important; }
  #esg-wob-interactive-0122 .download-toggle:hover {
    top: 3px; }
  #esg-wob-interactive-0122 .fullscreen-toggle {
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    font-size: 30px;
    height: 30px;
    width: 30px;
    -webkit-transition: -moz-transform 0.2s ease-out;
    -moz-transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transform-origin: 50% 50%;
    z-index: 3;
    line-height: 30px;
    text-align: center; }
  #esg-wob-interactive-0122 .fullscreen-toggle:after {
    content: '\F116';
    font-family: 'fontawesome';
    font-size: 30px; }
  #esg-wob-interactive-0122 .fullscreen-toggle:hover {
    transform: scale(1.4);
    cursor: pointer; }
  #esg-wob-interactive-0122 .button-wrapper a:hover,
  #esg-wob-interactive-0122 .button-wrapper div:hover a {
    color: #00c4b3; }
  #esg-wob-interactive-0122 .select-wrapper {
    position: relative;
    margin: 20px 0 0; }
  #esg-wob-interactive-0122 select {
    border: 0;
    background: none;
    color: #ffc26d;
    padding: 0 1rem 0 0;
    border-bottom: 2px #fff solid;
    border-radius: 0;
    cursor: pointer;
    line-height: 1.5rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 1.1rem; }
    #esg-wob-interactive-0122 select option {
      background: #011b2b;
      color: #fff; }
    #esg-wob-interactive-0122 select option:first-child {
      color: #aaa; }
  #esg-wob-interactive-0122 select.selected {
    color: #00c4b3; }
  #esg-wob-interactive-0122 select:hover, #esg-wob-interactive-0122 select:focus {
    border-bottom: 2px #00c4b3 solid; }
  #esg-wob-interactive-0122 .select-wrapper.dark-bg:after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E");
    content: '';
    display: inline-block;
    height: 20px;
    position: absolute;
    top: 50%;
    vertical-align: top;
    width: 20px;
    -webkit-transition: transform .4s;
    /* Safari */
    transition: transform .4s;
    right: 0;
    background-repeat: no-repeat;
    margin: -10px 0 0 -10px;
    transform: rotate(0deg);
    z-index: -1; }
  #esg-wob-interactive-0122 select:focus {
    box-shadow: none; }
  #esg-wob-interactive-0122 .select-wrapper.active:after {
    transform: rotate(180deg); }
  #esg-wob-interactive-0122 .highcharts-markers .highcharts-point {
    animation-duration: 1s;
    animation-name: pulsate;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    transform-box: fill-box; }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }
  @media (max-width: 900px) {
    #esg-wob-interactive-0122 .carousel-inner .block-inner {
      padding: 60px; }
      #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-left {
        width: 100%;
        height: 35%; }
      #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-right {
        width: 100%;
        height: 55%; }
      #esg-wob-interactive-0122 .carousel-inner .block-inner .block-summary {
        font-size: 1.2rem; }
    #esg-wob-interactive-0122 .carousel-caption h5 {
      font-size: 1.3rem; } }
  @media (max-width: 768px) {
    #esg-wob-interactive-0122 .carousel-inner .block-inner {
      height: 75%; }
    #esg-wob-interactive-0122 .carousel-inner .block-col-left, #esg-wob-interactive-0122 .carousel-inner .block-col-right {
      height: auto;
      line-height: 1rem;
      margin: 30px 0; }
    #esg-wob-interactive-0122 .carousel-indicators {
      bottom: 10px; }
    #esg-wob-interactive-0122 .carousel-cta {
      bottom: unset;
      top: 10px;
      text-align: left; }
      #esg-wob-interactive-0122 .carousel-cta .btn {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        margin-left: -20px; } }
  @media (max-width: 520px) {
    #esg-wob-interactive-0122 .mobile-hide {
      display: none; }
    #esg-wob-interactive-0122 .carousel-caption {
      text-align: center;
      width: 100%;
      left: 0;
      height: auto;
      margin: 30px 0;
      padding: 0 10px; }
      #esg-wob-interactive-0122 .carousel-caption h5 {
        font-size: 1.2rem;
        line-height: 1.6rem; }
    #esg-wob-interactive-0122 .carousel-inner .block-inner {
      padding: 40px; }
      #esg-wob-interactive-0122 .carousel-inner .block-inner .block-summary, #esg-wob-interactive-0122 .carousel-inner .block-inner h6 {
        font-size: 0.9rem; }
      #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-left, #esg-wob-interactive-0122 .carousel-inner .block-inner .block-col-right {
        margin: 10px 0; }
    #esg-wob-interactive-0122 .carousel-menu-item {
      padding: 10px;
      font-size: 10px; }
    #esg-wob-interactive-0122 .carousel-menu-item:after {
      height: 50px;
      width: 25px; } }

#esg-wob-interactive-0122.active .reset-toggle, #esg-wob-interactive-0122.active .fullscreen-toggle {
  opacity: 1;
  pointer-events: all; }

/*------------------------------- Full Screen -----------------------------*/
#esg-wob-interactive-0122.fullscreen {
  width: 100%;
  max-width: 100%;
  padding: 0;
  height: 100%;
  position: fixed !important;
  z-index: 1000;
  left: 0;
  top: 0;
  font-size: 1.3em;
  line-height: 1.1em; }
  #esg-wob-interactive-0122.fullscreen .fullscreen-toggle:after {
    content: '\F117';
    font-family: 'fontawesome';
    font-size: 30px; }
  #esg-wob-interactive-0122.fullscreen .carousel, #esg-wob-interactive-0122.fullscreen .carousel-item {
    height: 100%; }
  #esg-wob-interactive-0122.fullscreen .start_wrapper {
    height: 100%; }

/*---------------------------- Tooltips -------------------------------*/
.esg-wob-interactive-0122-tooltip > .popover-body {
  background-color: #00c4b3;
  color: #011b2b;
  font-family: 'Roboto',sans-serif; }
  .esg-wob-interactive-0122-tooltip > .popover-body h5 {
    font-weight: 700; }
  .esg-wob-interactive-0122-tooltip > .popover-body p {
    font-size: 16px; }

.esg-wob-interactive-0122-tooltip.popover-full > .popover-body {
  background-color: #fff;
  color: #011b2b;
  border-radius: 0;
  max-width: 400px;
  text-align: left; }

#globalInvestingContainer1020_31 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_36 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_36 table td, #globalInvestingContainer1020_36 table th {
  padding: 0.25rem; }

#globalInvestingContainer1020_36 table td {
  font-weight: 300; }

#globalInvestingContainer1020_36 table td:not(:first-child), #globalInvestingContainer1020_36 table th {
  text-align: center; }

#globalInvestingContainer1020_36 table td.section-header {
  background: #011b2b;
  color: #fff; }

#globalInvestingContainer1020_36 .icon-arrow-up {
  color: #00c4b3; }

#globalInvestingContainer1020_36 .icon-arrow-down {
  color: #e44261; }

#globalInvestingContainer1020_36 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#globalInvestingContainer1020_36 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#globalInvestingContainer1020_36 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#globalInvestingContainer1020_36 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

#globalInvestingContainer1020_36 .series-button.carnation {
  background: #e44261; }

#globalInvestingContainer1020_36 .series-button.tangerine {
  background: #f08900; }

#globalInvestingContainer1020_36 .series-button.marigold {
  background: #ffc62d; }

#globalInvestingContainer1020_36 .series-button.turquoise {
  background: #00c4b3; }

#globalInvestingContainer1020_36 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 1180px) {
  #globalInvestingContainer1020_36 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_36 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer1020_36 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_36 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_36 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_36 table {
    font-size: 0.8rem; } }

#globalInvestingContainer1020_31 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_36 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_36 table td, #globalInvestingContainer1020_36 table th {
  padding: 0.25rem; }

#globalInvestingContainer1020_36 table td {
  font-weight: 300; }

#globalInvestingContainer1020_36 table td:not(:first-child), #globalInvestingContainer1020_36 table th {
  text-align: center; }

#globalInvestingContainer1020_36 table td.section-header {
  background: #011b2b;
  color: #fff; }

#globalInvestingContainer1020_36 .icon-arrow-up {
  color: #00c4b3; }

#globalInvestingContainer1020_36 .icon-arrow-down {
  color: #e44261; }

#globalInvestingContainer1020_36 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#globalInvestingContainer1020_36 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#globalInvestingContainer1020_36 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#globalInvestingContainer1020_36 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

#globalInvestingContainer1020_36 .series-button.carnation {
  background: #e44261; }

#globalInvestingContainer1020_36 .series-button.tangerine {
  background: #f08900; }

#globalInvestingContainer1020_36 .series-button.marigold {
  background: #ffc62d; }

#globalInvestingContainer1020_36 .series-button.turquoise {
  background: #00c4b3; }

#globalInvestingContainer1020_36 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 1180px) {
  #globalInvestingContainer1020_36 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_36 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer1020_36 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_36 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_36 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_36 table {
    font-size: 0.8rem; } }

#globalInvestingContainer1020_31 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_36 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_36 table td, #globalInvestingContainer1020_36 table th {
  padding: 0.25rem; }

#globalInvestingContainer1020_36 table td {
  font-weight: 300; }

#globalInvestingContainer1020_36 table td:not(:first-child), #globalInvestingContainer1020_36 table th {
  text-align: center; }

#globalInvestingContainer1020_36 table td.section-header {
  background: #011b2b;
  color: #fff; }

#globalInvestingContainer1020_36 .icon-arrow-up {
  color: #00c4b3; }

#globalInvestingContainer1020_36 .icon-arrow-down {
  color: #e44261; }

#globalInvestingContainer1020_36 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#globalInvestingContainer1020_36 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#globalInvestingContainer1020_36 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#globalInvestingContainer1020_36 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

#globalInvestingContainer1020_36 .series-button.carnation {
  background: #e44261; }

#globalInvestingContainer1020_36 .series-button.tangerine {
  background: #f08900; }

#globalInvestingContainer1020_36 .series-button.marigold {
  background: #ffc62d; }

#globalInvestingContainer1020_36 .series-button.turquoise {
  background: #00c4b3; }

#globalInvestingContainer1020_36 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 1180px) {
  #globalInvestingContainer1020_36 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_36 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer1020_36 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_36 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_36 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_36 table {
    font-size: 0.8rem; } }

#globalInvestingContainer1020_39 h5 {
  font-weight: 700;
  height: 60px; }

data#globalInvestingContainer1020_39 .chart-divider-left {
  border-left: 1px #ccc solid; }

data#globalInvestingContainer1020_39 table td, data#globalInvestingContainer1020_39 table th {
  padding: 0.25rem; }

data#globalInvestingContainer1020_39 table td {
  font-weight: 300; }

data#globalInvestingContainer1020_39 table td:not(:first-child), data#globalInvestingContainer1020_39 table th {
  text-align: center; }

data#globalInvestingContainer1020_39 table td.section-header {
  background: #011b2b;
  color: #fff; }

data#globalInvestingContainer1020_39 .icon-arrow-up {
  color: #00c4b3; }

data#globalInvestingContainer1020_39 .icon-arrow-down {
  color: #e44261; }

data#globalInvestingContainer1020_39 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

data#globalInvestingContainer1020_39 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

data#globalInvestingContainer1020_39 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

data#globalInvestingContainer1020_39 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

data#globalInvestingContainer1020_39 .series-button.carnation {
  background: #e44261; }

data#globalInvestingContainer1020_39 .series-button.tangerine {
  background: #f08900; }

data#globalInvestingContainer1020_39 .series-button.marigold {
  background: #ffc62d; }

data#globalInvestingContainer1020_39 .series-button.turquoise {
  background: #00c4b3; }

data#globalInvestingContainer1020_39 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 1180px) {
  data#globalInvestingContainer1020_39 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  data#globalInvestingContainer1020_39 .col-sm-12 h5 {
    margin-top: 20px; }
  data#globalInvestingContainer1020_39 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  data#globalInvestingContainer1020_39 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  data#globalInvestingContainer1020_39 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  data#globalInvestingContainer1020_39 table {
    font-size: 0.8rem; } }

#globalInvestingContainer1020_39 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer1020_40 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer1020_40 table td, #globalInvestingContainer1020_40 table th {
  padding: 0.25rem; }

#globalInvestingContainer1020_40 table td {
  font-weight: 300; }

#globalInvestingContainer1020_40 table td:not(:first-child), #globalInvestingContainer1020_40 table th {
  text-align: center; }

#globalInvestingContainer1020_40 table td.section-header {
  background: #011b2b;
  color: #fff; }

#globalInvestingContainer1020_40 .icon-arrow-up {
  color: #00c4b3; }

#globalInvestingContainer1020_40 .icon-arrow-down {
  color: #e44261; }

#globalInvestingContainer1020_40 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#globalInvestingContainer1020_40 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#globalInvestingContainer1020_40 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#globalInvestingContainer1020_40 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

#globalInvestingContainer1020_40 .series-button.carnation {
  background: #e44261; }

#globalInvestingContainer1020_40 .series-button.tangerine {
  background: #f08900; }

#globalInvestingContainer1020_40 .series-button.marigold {
  background: #ffc62d; }

#globalInvestingContainer1020_40 .series-button.turquoise {
  background: #00c4b3; }

#globalInvestingContainer1020_40 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 1180px) {
  #globalInvestingContainer1020_40 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_40 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer1020_40 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_40 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer1020_40 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer1020_40 table {
    font-size: 0.8rem; } }

/* COLOURS */
#ms175_market_cap_0323 .carnation {
  color: #e44261; }

#ms175_market_cap_0323 .smokey-blue {
  color: #0626a9; }

#ms175_market_cap_0323 .sky-blue {
  color: #5987da; }

#ms175_market_cap_0323 .moody-blue {
  color: #6c7bd3; }

#ms175_market_cap_0323 .mercury {
  color: #dce3ec; }

#ms175_market_cap_0323 .turquoise {
  color: #00c4b3; }

#ms175_market_cap_0323 .marigold {
  color: #ffc62d; }

#ms175_market_cap_0323 .jade {
  color: #00945e; }

#ms175_market_cap_0323 .flint {
  color: #73787c; }

#ms175_market_cap_0323 .sky-blue {
  color: #5987da; }

#ms175_market_cap_0323 .tangerine {
  color: #f08900; }

#ms175_market_cap_0323 .daintree {
  color: #011b2b; }

/*------tooltips/popovers-----------*/
.ms175_market_cap_0323 .popover-body {
  background: #0626a9;
  color: #fff !important;
  border: 0; }

/* BACKGROUNDS */
#ms175_market_cap_0323 .white-bg {
  background-color: #fff;
  fill: #fff; }

#ms175_market_cap_0323 .carnation-bg {
  background-color: #e44261;
  /*background:linear-gradient(to right, #cd3b57 50%, #e44261 50%);*/ }

#ms175_market_cap_0323 .smokey-blue-bg {
  background-color: #0626a9;
  /*background:linear-gradient(to right, #052298 50%, #0626a9 50%);*/ }

#ms175_market_cap_0323 .sky-blue-bg {
  background-color: #5987da;
  /*background:linear-gradient(to right, #5079c4 50%, #5987da 50%);*/ }

#ms175_market_cap_0323 .moody-blue-bg {
  background-color: #6c7bd3;
  /*background:linear-gradient(to right, #616ebd 50%, #6c7bd3 50%);*/ }

#ms175_market_cap_0323 .mercury-bg {
  background-color: #dce3ec;
  /*background:linear-gradient(to right, #c6ccd4 50%, #dce3ec 50%);*/ }

#ms175_market_cap_0323 .turquoise-bg {
  background-color: #00c4b3;
  /*background:linear-gradient(to right, #00b0a1 50%, #00c4b3 50%);*/ }

#ms175_market_cap_0323 .marigold-bg {
  background-color: #ffc62d; }

#ms175_market_cap_0323 .jade-bg {
  background-color: #00945e;
  /*background:linear-gradient(to right, #008554 50%, #00945e 50%);*/ }

#ms175_market_cap_0323 .flint-bg {
  background-color: #73787c;
  /*background:linear-gradient(to right, #676c6f 50%, #73787c 50%);*/ }

#ms175_market_cap_0323 .tangerine-bg {
  background-color: #f08900;
  /*background:linear-gradient(to right, #d87b00 50%, #f08900 50%);*/ }

#ms175_market_cap_0323 .daintree-bg {
  background-color: #011b2b;
  /*background:linear-gradient(to right, #011827 50%, #011b2b 50%);*/ }

#ms175_market_cap_0323.container {
  padding: 0; }

#ms175_market_cap_0323 {
  position: relative;
  height: 650px;
  /*max-width:1140px;*/
  margin: 0 auto;
  min-width: 320px;
  z-index: 90; }

#ms175_market_cap_0323 .strong {
  font-family: 'Roboto Black', sans-serif; }

#ms175_market_cap_0323 a:hover {
  text-decoration: underline; }

#ms175_market_cap_0323 .start_wrapper {
  position: absolute;
  z-index: 10;
  background-color: #011b2b;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
  transition: background-color 1s; }

#ms175_market_cap_0323 .start_wrapper h2 {
  font-size: 4rem;
  font-weight: 500; }

#ms175_market_cap_0323 .start_wrapper h3 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #00c4b3; }

#ms175_market_cap_0323 .main_button {
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  padding: 24px;
  border: 2px #fff solid;
  height: 24px;
  line-height: 0;
  left: 15%;
  border-radius: 24px;
  background: #011b2b;
  top: 0;
  width: 240px;
  margin: 30px auto; }

#ms175_market_cap_0323 .main_button:hover {
  background: #fff;
  color: #011b2b;
  cursor: pointer;
  text-decoration: underline; }

#ms175_market_cap_0323 .start_bg {
  position: absolute;
  bottom: -5%;
  width: 100%; }

#ms175_market_cap_0323 .start_bg img {
  border-radius: 50%;
  width: 25%;
  height: auto;
  transition: 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 1; }

#ms175_market_cap_0323 .start_bg img.fade {
  opacity: 0; }

#ms175_market_cap_0323 .carousel {
  height: 100%;
  opacity: 1;
  z-index: 1;
  width: 100%;
  color: #fff !important; }

#ms175_market_cap_0323 .carousel.active {
  opacity: 1;
  z-index: 2; }

#ms175_market_cap_0323 .carousel-item {
  height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  background-position: center center;
  background-size: cover;
  z-index: 10; }

#ms175_market_cap_0323 .carousel-item.slide1 {
  overflow: hidden; }

/*--------------------------- VERTICAL CAROUSEL --------------------------*/
#ms175_market_cap_0323 .vert .carousel-item-next.carousel-item-left,
#ms175_market_cap_0323 .vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

#ms175_market_cap_0323 .vert .carousel-item-next,
#ms175_market_cap_0323 .vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100% 0); }

#ms175_market_cap_0323 .vert .carousel-item-prev,
#ms175_market_cap_0323 .vert .active.carousel-item-left {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

/*---------------------------- TITLE & CTA  ----------------------------*/
#ms175_market_cap_0323 .carousel-cta {
  position: absolute;
  bottom: 12%;
  width: 100%;
  text-align: center;
  z-index: 15; }

#ms175_market_cap_0323 .carousel-caption {
  top: 0;
  left: 0;
  text-align: left;
  padding: 20px;
  right: auto;
  z-index: 1;
  width: 100%;
  bottom: auto;
  background: #000000cc;
  border-radius: 5px; }

#ms175_market_cap_0323 .carousel-caption h5 {
  font-size: 2em;
  font-family: 'Roboto Medium', sans-serif;
  line-height: 1.1em; }

#ms175_market_cap_0323 .carousel-caption h6 {
  font-size: 2.4em;
  font-family: 'Roboto Medium', sans-serif;
  color: #00c4b3; }

#ms175_market_cap_0323 .carousel-caption h6 span.counter-subtitle {
  display: block;
  font-size: 16px; }

#ms175_market_cap_0323 .carousel-caption .description {
  width: 80%;
  font-family: 'Roboto Medium', sans-serif;
  margin-bottom: 0; }

#ms175_market_cap_0323 .carousel-inner {
  height: 100%;
  max-height: 100%; }

#ms175_market_cap_0323 .carousel-inner .block-inner {
  height: 100%;
  padding: 50px;
  position: relative;
  z-index: 2; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main {
  width: 100%;
  height: 70%;
  margin-top: 10%;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  flex-direction: column; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .row {
  width: 100%; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main h6 {
  margin: 10px 0 20px;
  text-align: center; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-summary {
  font-size: 1.5em;
  line-height: 1.6em; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main img {
  width: 100%;
  max-width: 100%; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .svg-img {
  max-width: 300px;
  height: 100%; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .svg-obj {
  height: 100%;
  max-width: 240px; }

#ms175_market_cap_0323 .carousel-inner .block-inner .carousel-action {
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 60px;
  z-index: 11;
  margin-top: 10px; }

/*------------------------Map ticker---------------------------*/
#ms175_market_cap_0323 .map-ticker-container {
  width: 100%;
  height: 140px;
  overflow: hidden;
  position: absolute; }

#ms175_market_cap_0323 .map-ticker-container ul {
  list-style: none; }

#ms175_market_cap_0323 .map-ticker-container ul li {
  height: 140px;
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-family: 'Roboto Medium', sans-serif;
  line-height: 140px; }

/*-------------------------- CAROUSEL FADE ---------------------------*/
#ms175_market_cap_0323 .carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 1s; }

#ms175_market_cap_0323 .carousel-fade .carousel-item.active,
#ms175_market_cap_0323 .carousel-fade .carousel-item-next.carousel-item-left,
#ms175_market_cap_0323 .carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1; }

#ms175_market_cap_0323 .carousel-fade .active.carousel-item-left,
#ms175_market_cap_0323 .carousel-fade .active.carousel-item-right {
  opacity: 0; }

#ms175_market_cap_0323 .carousel-fade .carousel-item-next,
#ms175_market_cap_0323 .carousel-fade .carousel-item-prev,
#ms175_market_cap_0323 .carousel-fade .carousel-item.active,
#ms175_market_cap_0323 .carousel-fade .active.carousel-item-left,
#ms175_market_cap_0323 .carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0); }

/*--------------------------- VERTICAL CAROUSEL --------------------------*/
#ms175_market_cap_0323 .vert .carousel-item-next.carousel-item-left,
#ms175_market_cap_0323 .vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

#ms175_market_cap_0323 .vert .carousel-item-next,
#ms175_market_cap_0323 .vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100% 0); }

#ms175_market_cap_0323 .vert .carousel-item-prev,
#ms175_market_cap_0323 .vert .active.carousel-item-left {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

#ms175_market_cap_0323 .vert .carousel-transition.block-summary {
  transition: top 0.4s, opacity 0.4s;
  -moz-transition: top 0.4s, opacity 0.4s;
  -ms-transition: top 0.4s, opacity 0.4s;
  -webkit-transition: top 0.4s, opacity 0.4s; }

/*---------------------------- SVGs -----------------------------*/
#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons {
  text-align: center;
  position: absolute;
  z-index: 10;
  width: 75%; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons > div {
  padding-top: 60px; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .block-inner .block-main .universe-icons > div {
  animation-name: fadein;
  animation-duration: 1s; }

#ms175_market_cap_0323 .carousel-inner .carousel-item .block-inner .block-main .universe-icons > div {
  animation-name: fadeout;
  animation-duration: 0s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  opacity: 0;
  padding: 10px; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .block-inner .block-main .universe-icons > div:nth-child(1) {
  animation-delay: 0.5s; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .block-inner .block-main .universe-icons > div:nth-child(2) {
  animation-delay: 1s; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .block-inner .block-main .universe-icons > div:nth-child(3) {
  animation-delay: 1.5s; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .block-inner .block-main .universe-icons > div:nth-child(4) {
  animation-delay: 2s; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .block-inner .block-main .universe-icons > div:nth-child(5) {
  animation-delay: 2.5s; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .block-inner .block-main .universe-icons > div:nth-child(6) {
  animation-delay: 3s; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons .img-svg {
  max-width: 140px;
  max-height: 60px;
  margin: 20px 0; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons svg path {
  fill: #fff;
  fill-opacity: 1;
  transition: fill 1s, fill-opacity 1s;
  -moz-transition: fill 1s, fill-opacity 1s;
  -ms-transition: fill 1s, fill-opacity 1s;
  -webkit-transition: fill 1s, fill-opacity 1s; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons div.include.active svg path {
  fill: #00c4b3; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons div.exclude.active svg path {
  fill-opacity: 0.3;
  fill: #e44261; }

#ms175_market_cap_0323 .universe-icon-checkmark {
  text-align: center;
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  display: none;
  top: 10%;
  right: -60px; }

#ms175_market_cap_0323 .universe-icons div.active .universe-icon-checkmark {
  display: block; }

#ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons .universe-icon-checkmark .img-svg {
  width: 50px; }

#ms175_market_cap_0323 .universe-icons div.active .universe-icon-checkmark .icon-checkmark svg polyline {
  -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
  animation: checkmark 0.25s ease-in-out 0.7s backwards; }

#ms175_market_cap_0323 .universe-icons div.active .universe-icon-checkmark .icon-checkmark svg circle {
  -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
  animation: checkmark-circle 0.6s ease-in-out backwards; }

#ms175_market_cap_0323 .sector-icons {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  height: 70%;
  width: 100%;
  padding: 20%; }

#ms175_market_cap_0323 .sector-icons div {
  position: absolute;
  opacity: 0;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s; }

#ms175_market_cap_0323 .sector-icons div svg {
  transform: scale(10);
  transition: all 1.5s;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  height: 120px; }

#ms175_market_cap_0323 .sector-icons div.active {
  opacity: 1; }

#ms175_market_cap_0323 .sector-icons div.active:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(0, 41, 59, 0.6); }

#ms175_market_cap_0323 .sector-icons div.active svg {
  transform: scale(1);
  position: relative;
  z-index: 2; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(1) svg path,
#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(1) svg rect {
  fill: #0626a9; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(2) svg path {
  fill: #00c4b3; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(3) svg path {
  fill: #e44261; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(4) svg path {
  fill: #00945e; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(5) svg path {
  fill: #f08900; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(6) svg path {
  fill: #d5d7d5; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(7) svg path {
  fill: #73787c; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(8) svg path {
  fill: #6c7bd3; }

#ms175_market_cap_0323 .carousel-inner .carousel-item.active .sector-icons > div:nth-child(9) svg path {
  fill: #ffc62d; }

/*--------------------------- MAPS ---------------------------*/
#ms175_market_cap_0323 .world-map-container {
  text-align: center;
  position: relative; }

#ms175_market_cap_0323 .map {
  pointer-events: visible;
  transition: all 1s;
  transition-delay: 0.2s;
  height: 100%;
  width: 100%; }

#ms175_market_cap_0323 .map rect {
  -webkit-transition: fill-opacity 1s;
  -ms-transition: fill-opacity 1s;
  -moz-transition: fill-opacity 1s;
  transition: fill-opacity 1s;
  stroke-width: 0; }

#ms175_market_cap_0323 .map[data-map="map-1"] #land rect,
#ms175_market_cap_0323 .map[data-map="map-1"] #ocean rect {
  transition: fill 1s;
  fill: #011b2b; }

#ms175_market_cap_0323 .map[data-map="map-2"] rect {
  fill: #254671;
  fill-opacity: 1;
  stroke-width: 0; }

#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_1.faded rect,
#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_10.faded rect {
  fill-opacity: 0;
  transition-delay: 0s; }

#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_2.faded rect,
#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_9.faded rect {
  fill-opacity: 0;
  transition-delay: 3s; }

#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_3.faded rect,
#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_8.faded rect {
  fill-opacity: 0;
  transition-delay: 6s; }

#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_4.faded rect,
#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_7.faded rect {
  fill-opacity: 0;
  transition-delay: 9s; }

#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_5.faded rect,
#ms175_market_cap_0323 .map[data-map="map-2"][data-status="active"] #ocean #group_6.faded rect {
  fill-opacity: 0;
  transition-delay: 12s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land rect,
#ms175_market_cap_0323 .map[data-map="map-4"] #land rect {
  -webkit-transition: fill 1s;
  -ms-transition: fill 1s;
  -moz-transition: fill 1s;
  transition: fill 1s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#na rect {
  fill: #00c4b3;
  transition-delay: 1.4s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#sa rect {
  fill: #0626a9;
  transition-delay: 3s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#emea rect {
  fill: #73787c;
  transition-delay: 5s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#us rect {
  fill: #f08900;
  transition-delay: 7s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#arg rect {
  fill: #5987da;
  transition-delay: 1s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#in rect {
  fill: #7692dd;
  transition-delay: 9s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#cn rect {
  fill: #6c7bd3;
  transition-delay: 10s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#au rect {
  fill: #e44261;
  transition-delay: 11s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#euro rect {
  fill: #ffc62d;
  transition-delay: 6s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#saf rect {
  fill: #00945e;
  transition-delay: 4s; }

#ms175_market_cap_0323 .map[data-map="map-3"] #land g#asia rect {
  fill: #c7d2ec;
  transition-delay: 12s; }

#ms175_market_cap_0323 .map[data-map="map-4"] #land rect,
#ms175_market_cap_0323 .map[data-map="map-5"] #land rect {
  fill: #000; }

#ms175_market_cap_0323 .map[data-map="map-3"] #ocean rect,
#ms175_market_cap_0323 .map[data-map="map-4"] #ocean rect,
#ms175_market_cap_0323 .map[data-map="map-5"] #ocean rect {
  fill-opacity: 0;
  fill: #011b2b; }

#ms175_market_cap_0323 .map[data-map="map-5"] #land rect.st-0,
#ms175_market_cap_0323 .map[data-map="map-5"] #land rect.st-1,
#ms175_market_cap_0323 .map[data-map="map-5"] #land rect.st-2,
#ms175_market_cap_0323 .map[data-map="map-5"] #land rect.st-3 {
  transform-box: fill-box;
  transform-origin: center;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  stroke-width: 0.1px;
  stroke: #011b2b;
  transform: scale(1); }

#ms175_market_cap_0323 .world-map-wrapper.active .map[data-map="map-5"] #land rect.st-0 {
  fill: #0626a9;
  transform: scale(2);
  transition-delay: 0.5s; }

#ms175_market_cap_0323 .world-map-wrapper.active .map[data-map="map-5"] #land rect.st-1 {
  fill: #00c4b3;
  transform: scale(4);
  transition-delay: 1s; }

#ms175_market_cap_0323 .world-map-wrapper.active .map[data-map="map-5"] #land rect.st-2 {
  fill: #f08900;
  transform: scale(6);
  transition-delay: 1.4s; }

#ms175_market_cap_0323 .world-map-wrapper.active .map[data-map="map-5"] #land rect.st-3 {
  fill: #e44261;
  transform: scale(8);
  transition-delay: 2s; }

#ms175_market_cap_0323 .map[data-map="map-6"] rect {
  fill-opacity: 0;
  stroke-width: 0; }

/*------------------------------- carousel indicators ------------------------------*/
#ms175_market_cap_0323 .carousel-indicators {
  background: transparent;
  margin: 0 5%; }

#ms175_market_cap_0323 .carousel-indicators li {
  display: block;
  margin: 5px;
  height: 12px;
  width: 25%;
  border: 1px #fff solid;
  background: transparent;
  transition: all 0.5s;
  color: #011b2b;
  font-family: 'Roboto Medium', sans-serif;
  text-align: right;
  cursor: pointer; }

#ms175_market_cap_0323 .carousel-indicators li:hover {
  background: rgba(255, 255, 255, 0.4); }

#ms175_market_cap_0323 .carousel-indicators li.active {
  background: #00c4b3;
  border-color: #00c4b3; }

#ms175_market_cap_0323 .carousel-menu-item {
  position: absolute;
  padding: 10px;
  width: auto;
  height: 40px;
  opacity: 0.9;
  cursor: pointer;
  font-size: 16px;
  z-index: 2000;
  bottom: auto;
  top: 40px;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  border-radius: 50px;
  border: 1px #00c4b3 solid; }

#ms175_market_cap_0323 .carousel-menu-item::after,
#ms175_market_cap_0323 .carousel-menu-item::before {
  content: '\f105';
  font-family: 'fontawesome';
  font-size: 1.4rem;
  margin-left: 10px; }

#ms175_market_cap_0323 .carousel-menu-item.disabled {
  opacity: 0;
  cursor: default;
  pointer-events: none; }

#ms175_market_cap_0323 .carousel-control-next {
  bottom: 20px;
  top: auto;
  right: 30px; }

#ms175_market_cap_0323 .carousel-control-prev {
  bottom: 20px;
  top: auto;
  left: 30px; }

#ms175_market_cap_0323 .carousel-control-prev::after,
#ms175_market_cap_0323 .carousel-control-next::before {
  display: none; }

#ms175_market_cap_0323 .carousel-control-prev::before {
  content: '\f104';
  margin: 0 10px 0 0; }

#ms175_market_cap_0323 .carousel-menu-item:hover {
  color: #011b2b;
  text-decoration: none;
  background: #fff; }

#ms175_market_cap_0323 .carousel-menu-item.disabled:hover {
  background: none; }

/*------------------------ BUTTON ICONS ----------------------------------*/
#ms175_market_cap_0323 .carousel-action-button {
  padding: 10px 20px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  background: #0626a9;
  border: 0;
  color: #fff;
  text-align: center;
  width: auto;
  display: inline-block;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s; }

#ms175_market_cap_0323 .carousel-action-button:hover {
  cursor: pointer;
  background: #5987da;
  text-decoration: underline; }

#ms175_market_cap_0323 .carousel-action-button.disabled {
  opacity: 0;
  pointer-events: none; }

#ms175_market_cap_0323 .button-wrapper {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 20; }

#ms175_market_cap_0323 .button-wrapper div {
  float: left;
  margin: 0 10px;
  cursor: pointer; }

#ms175_market_cap_0323 .reset-toggle {
  position: absolute;
  color: #fff;
  top: 0;
  right: 40px;
  height: 30px;
  width: 30px;
  font-size: 20px;
  -webkit-transition: -moz-transform 0.5s ease-out, opacity 0.5s;
  -moz-transition: -webkit-transform 0.5s ease-out, opacity 0.5s;
  transition: transform 0.5s ease-out, opacity 0.5s;
  transform-origin: 50% 50%;
  z-index: 3;
  line-height: 32px;
  text-align: center;
  opacity: 0.2;
  pointer-events: none; }

#ms175_market_cap_0323 .reset-toggle:hover {
  transform: rotate(180deg);
  cursor: pointer; }

#ms175_market_cap_0323.active .reset-toggle,
#ms175_market_cap_0323.active .fullscreen-toggle {
  opacity: 1;
  pointer-events: all; }

#ms175_market_cap_0323 .download-toggle {
  position: absolute;
  top: 0;
  right: 80px;
  height: 30px;
  width: 30px;
  z-index: 3;
  text-align: center; }

#ms175_market_cap_0323 .download-toggle a {
  color: #fff;
  top: 0;
  font-size: 22px;
  -webkit-transition: top 0.1s ease-out;
  -moz-transition: top 0.1s ease-out;
  transition: top 0.1s ease-out;
  line-height: 30px;
  text-decoration: none !important; }

#ms175_market_cap_0323 .download-toggle:hover {
  top: 3px; }

#ms175_market_cap_0323 .fullscreen-toggle {
  position: absolute;
  color: #fff;
  top: 0;
  right: 0;
  font-size: 30px;
  height: 30px;
  width: 30px;
  -webkit-transition: -moz-transform 0.2s ease-out;
  -moz-transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transform-origin: 50% 50%;
  z-index: 3;
  line-height: 30px;
  text-align: center;
  opacity: 0.2;
  pointer-events: none; }

#ms175_market_cap_0323 .fullscreen-toggle:after {
  content: '\F116';
  font-family: 'fontawesome';
  font-size: 30px; }

#ms175_market_cap_0323.fullscreen .fullscreen-toggle:after {
  content: '\F117';
  font-family: 'fontawesome';
  font-size: 30px; }

#ms175_market_cap_0323 .fullscreen-toggle:hover {
  transform: scale(1.4);
  cursor: pointer; }

#ms175_market_cap_0323 .button-wrapper a:hover,
#ms175_market_cap_0323 .button-wrapper div:hover a {
  color: #00c4b3; }

/*------------------------------- Full Screen / Small Screen -----------------------------*/
#ms175_market_cap_0323.fullscreen {
  width: 100%;
  max-width: 100%;
  padding: 0;
  height: 100%;
  position: fixed !important;
  z-index: 100;
  left: 0;
  top: 0;
  font-size: 1.3em;
  line-height: 1.1em; }

#ms175_market_cap_0323.fullscreen .carousel,
#ms175_market_cap_0323.fullscreen .carousel-item {
  height: 100%; }

#ms175_market_cap_0323.fullscreen .start_wrapper {
  height: 100%; }

#ms175_market_cap_0323.smallscreen .carousel-caption h6 {
  font-size: 3rem; }

#ms175_market_cap_0323.smallscreen .carousel-inner .block-inner .block-main .universe-icons > div {
  padding-top: 0; }

#ms175_market_cap_0323.smallscreen .carousel-inner .block-inner .block-main .universe-icons .img-svg {
  max-height: 60px; }

#ms175_market_cap_0323.smallscreen .carousel-inner .block-inner .block-main .universe-icon-checkmark {
  top: 0; }

/*---------------------------- Tooltips -------------------------------*/
#ms175_market_cap_0323 .ms175_market_cap_0323-tooltip .tooltip-inner {
  background-color: #00c4b3;
  color: #011b2b;
  font-family: 'Roboto', sans-serif; }

#ms175_market_cap_0323 .ms175_market_cap_0323-tooltip.tooltip-full .tooltip-inner {
  background-color: #fff;
  color: #011b2b;
  border-radius: 0;
  max-width: 400px;
  text-align: left; }

#ms175_market_cap_0323 .ms175_market_cap_0323-tooltip .tooltip-inner h5 {
  font-family: 'Roboto Medium', sans-serif; }

#ms175_market_cap_0323 .ms175_market_cap_0323-tooltip .tooltip-inner p {
  font-size: 16px; }

/*-------------------------------- media --------------------------------------*/
@media (max-width: 992px) {
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-col-left {
    width: 100%;
    height: 35%; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-col-right {
    width: 100%;
    height: 55%; }
  #ms175_market_cap_0323 .carousel-caption h5 {
    font-size: 1.3rem; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-summary {
    font-size: 1.2rem; }
  #ms175_market_cap_0323 .carousel-inner .carousel-item.active .block-inner .block-main .universe-icons > div {
    padding: 0;
    margin: 10px 0; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-main h6,
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons .img-svg {
    margin: 0; } }

@media (max-width: 768px) {
  #ms175_market_cap_0323 .world-map-wrapper {
    bottom: 160px;
    position: absolute;
    width: 100%; }
  #ms175_market_cap_0323 .carousel-caption {
    background: none; }
  #ms175_market_cap_0323 .start_wrapper h2 {
    font-size: 2rem; }
  #ms175_market_cap_0323 .carousel-inner .block-inner {
    height: 75%;
    padding: 0; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-col-left,
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-col-right {
    height: auto;
    line-height: 1rem;
    margin: 30px 0; }
  #ms175_market_cap_0323 .carousel-caption .description {
    width: 100%; }
  #ms175_market_cap_0323 .carousel-indicators {
    bottom: 10px; }
  #ms175_market_cap_0323 .carousel-cta {
    bottom: unset;
    top: 10px;
    text-align: left; }
  #ms175_market_cap_0323 .carousel-cta .btn {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    margin-left: -20px; }
  #ms175_market_cap_0323 .carousel-menu-item::after,
  #ms175_market_cap_0323 .carousel-menu-item::before {
    width: 20px;
    text-align: center;
    margin: 0; }
  #ms175_market_cap_0323 .map-ticker-container ul {
    padding: 0; }
  #ms175_market_cap_0323 .map-ticker-container ul li {
    font-size: 18px; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons .img-svg {
    max-width: 40px;
    margin-bottom: 20px; }
  #ms175_market_cap_0323 .carousel-caption h6 {
    font-size: 2rem; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons h6 {
    font-size: 11px; }
  #ms175_market_cap_0323 .sector-icons div svg {
    height: 60px;
    width: 60px; } }

@media (max-width: 520px) {
  #ms175_market_cap_0323 .mobile-hide {
    display: none; }
  #ms175_market_cap_0323 .carousel-caption .description {
    font-size: 12px; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-col-right h6 {
    margin: 0; }
  #ms175_market_cap_0323 .carousel-caption h5 {
    font-size: 1.2rem;
    line-height: 1.6rem; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-col-left,
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-col-right {
    margin: 10px 0; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-summary,
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-main h6 {
    font-size: 0.9rem; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons .universe-icon-checkmark {
    top: 0; }
  #ms175_market_cap_0323 .carousel-inner .block-inner .block-main .universe-icons .universe-icon-checkmark .img-svg {
    max-width: 30px; }
  #ms175_market_cap_0323 .carousel-menu-item {
    padding: 10px;
    font-size: 14px; } }

/*----------------------------- Animation ------------------------------*/
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@-webkit-keyframes checkmark {
  0% {
    stroke-dashoffset: 100px; }
  100% {
    stroke-dashoffset: 200px; } }

@-ms-keyframes checkmark {
0% {
    stroke-dashoffset: 100px; }
100% {
    stroke-dashoffset: 200px; } }

@keyframes checkmark {
  0% {
    stroke-dashoffset: 100px; }
  100% {
    stroke-dashoffset: 0px; } }

@-webkit-keyframes checkmark-circle {
  0% {
    stroke-dashoffset: 480px; }
  100% {
    stroke-dashoffset: 960px; } }

@-ms-keyframes checkmark-circle {
0% {
    stroke-dashoffset: 240px; }
100% {
    stroke-dashoffset: 480px; } }

@keyframes checkmark-circle {
  0% {
    stroke-dashoffset: 480px; }
  100% {
    stroke-dashoffset: 960px; } }

@keyframes mapfadeout {
  from {
    fill-opacity: 1; }
  to {
    fill-opacity: 0; } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadein {
  /* Firefox */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadein {
  /* Opera */
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-moz-keyframes fadeout {
  /* Firefox */
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fadeout {
  /* Safari and Chrome */
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-o-keyframes fadeout {
  /* Opera */
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

#bond_bubble_chart_0222 {
  border: 2px #aaa dotted;
  padding: 0 80px;
  overflow: hidden; }
  #bond_bubble_chart_0222 .turquoise {
    color: #00c4b3; }
  #bond_bubble_chart_0222 .container-chart {
    position: relative;
    z-index: 2; }
  #bond_bubble_chart_0222 svg#bubble_1 circle {
    fill: #fff;
    transition: fill-opacity 0.3s, stroke-opacity 0.3s;
    transition-delay: 0.2s; }
  #bond_bubble_chart_0222 svg#bubble_1 path {
    fill: #fff;
    transition: fill-opacity 0.3s, stroke-opacity 0.3s;
    transition-delay: 0.2s; }
  #bond_bubble_chart_0222 svg#bubble_1 circle.parent {
    stroke-width: 8;
    stroke: #fff; }
  #bond_bubble_chart_0222 svg#bubble_1 path.parent {
    stroke-width: 8;
    stroke: #fff; }
  #bond_bubble_chart_0222 svg#bubble_1 text {
    font-weight: 700;
    font-size: 20px;
    transition: fill 0.3s, fill-opacity 0.3s;
    transition-delay: 0.2s; }
  #bond_bubble_chart_0222 svg#bubble_1 text.parentText {
    font-weight: 700;
    font-size: 28px; }
  #bond_bubble_chart_0222 svg#bubble_1 g:hover {
    cursor: pointer; }
    #bond_bubble_chart_0222 svg#bubble_1 g:hover .parent {
      stroke: #fff; }
    #bond_bubble_chart_0222 svg#bubble_1 g:hover text.parentText {
      fill: #fff; }
  #bond_bubble_chart_0222 svg#bubble_1 g:not(:hover) circle.parent {
    fill-opacity: 0.2;
    stroke-opacity: 0.2; }
  #bond_bubble_chart_0222 svg#bubble_1 g:not(:hover) path.parent {
    fill-opacity: 0.2;
    stroke-opacity: 0.2; }
  #bond_bubble_chart_0222 svg#bubble_1 g:not(:hover) text {
    fill-opacity: 0.2; }
  #bond_bubble_chart_0222 .bubble-popup {
    position: absolute;
    right: -2000px;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 1s;
    -moz-transition: all 1s;
    background: #011b2bee;
    z-index: 3;
    padding: 40px;
    color: #fff;
    overflow-y: auto; }
    #bond_bubble_chart_0222 .bubble-popup .bubble-popup-title {
      margin-bottom: 10px;
      font-size: 2rem;
      font-weight: 700; }
    #bond_bubble_chart_0222 .bubble-popup h5 {
      color: #ffc62d; }
    #bond_bubble_chart_0222 .bubble-popup table {
      width: 100%;
      margin: 10px 0;
      font-size: 14px; }
      #bond_bubble_chart_0222 .bubble-popup table tr td {
        vertical-align: top; }
        #bond_bubble_chart_0222 .bubble-popup table tr td:first-child {
          width: 80%; }
        #bond_bubble_chart_0222 .bubble-popup table tr td:nth-child(2) {
          width: 20%;
          font-weight: 700; }
    #bond_bubble_chart_0222 .bubble-popup .bubble-popup-chart {
      margin: 30px 0; }
  #bond_bubble_chart_0222 .bubble-popup.active {
    right: 0; }
  #bond_bubble_chart_0222 .close-button {
    position: absolute;
    top: 10px;
    height: 31px;
    right: 0;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
    #bond_bubble_chart_0222 .close-button::after {
      content: "";
      position: absolute;
      top: 15px;
      right: 15px;
      width: 30px;
      height: 1px;
      background: #fff;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    #bond_bubble_chart_0222 .close-button::before {
      content: "";
      position: absolute;
      top: 15px;
      right: 15px;
      width: 30px;
      height: 1px;
      background: #fff;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

@media (max-width: 992px) {
  #bond_bubble_chart_0222 {
    padding: 0 20px; }
    #bond_bubble_chart_0222 svg#bubble_1 text {
      font-size: 30px; }
    #bond_bubble_chart_0222 svg#bubble_1 text.parentText {
      font-size: 36px; } }

@media (max-width: 768px) {
  #bond_bubble_chart_0222 {
    padding: 0;
    overflow-y: visible; }
    #bond_bubble_chart_0222 .bubble-popup .bubble-popup-title {
      font-size: 1.2rem; }
    #bond_bubble_chart_0222 .bubble-popup h5 {
      font-size: 1rem; }
    #bond_bubble_chart_0222 svg#bubble_1 text {
      font-size: 32px; }
    #bond_bubble_chart_0222 svg#bubble_1 text.parentText {
      font-size: 38px; }
    #bond_bubble_chart_0222 svg#bubble_1 g:not(:hover) circle.parent {
      fill-opacity: 0.8;
      stroke-opacity: 0.8; }
    #bond_bubble_chart_0222 svg#bubble_1 g:not(:hover) path.parent {
      fill-opacity: 0.8;
      stroke-opacity: 0.8; }
    #bond_bubble_chart_0222 svg#bubble_1 g:not(:hover) text {
      fill-opacity: 0.8; } }

@media (max-width: 520px) {
  #bond_bubble_chart_0222 .bubble-popup {
    font-size: 0.8rem;
    padding: 20px; } }

#sector_indexes_trend_0222 h5 {
  font-weight: 700;
  height: 60px;
  font-size: 1.1rem; }

#sector_indexes_trend_0222 .series-button.carnation {
  background: #e44261; }

#sector_indexes_trend_0222 .series-button.tangerine {
  background: #f08900; }

#sector_indexes_trend_0222 .series-button.marigold {
  background: #ffc62d; }

#sector_indexes_trend_0222 .series-button.turquoise {
  background: #00c4b3; }

#sector_indexes_trend_0222 .heatmap-controls {
  background: #011b2b;
  color: #fff;
  padding: 20px 40px 40px 100px; }

/*---------------------ICONS-------------------------*/
#sector_indexes_trend_0222 .icon-wrapper,
#sector_indexes_trend_0222 .icon-wrapper table {
  width: 100%;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  background: #011b2b;
  color: #fff;
  text-align: center;
  border: 0; }

#sector_indexes_trend_0222 .icon-wrapper table {
  table-layout: fixed; }

#sector_indexes_trend_0222 .icon-wrapper table tr td {
  padding: 5px; }

#sector_indexes_trend_0222 .icon-wrapper table tr td:first-child {
  width: 100px; }

#sector_indexes_trend_0222 .icon-wrapper table tr td:last-child {
  width: 30px; }

#sector_indexes_trend_0222 .icon-wrapper table tr td img {
  filter: brightness(0) invert(1);
  width: 60px; }

#sector_indexes_trend_0222 .icon-arrow-up::before {
  content: "\f062"; }

#sector_indexes_trend_0222 .icon-arrow-down::before {
  content: "\f063"; }

/*---------------------RANGE SLIDER-----------------------*/
#sector_indexes_trend_0222 .range-wrapper {
  padding: 0;
  width: 100%;
  position: relative; }

#sector_indexes_trend_0222 .range {
  font-weight: 700;
  float: right; }

#sector_indexes_trend_0222 input {
  position: absolute;
  pointer-events: none; }

#sector_indexes_trend_0222 input[type="range"]::-moz-range-thumb {
  border-radius: 50%;
  background: #0626a9;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border: #fff 2px solid; }

#sector_indexes_trend_0222 input[type="range"]::-moz-range-thumb {
  pointer-events: auto !important; }

#sector_indexes_trend_0222 input[type="range"]::-webkit-slider-thumb {
  pointer-events: auto !important;
  -webkit-appearance: none;
  border-radius: 50%;
  background: #0626a9;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border: #fff 2px solid; }

#sector_indexes_trend_0222 input[type="range"]::-ms-track {
  pointer-events: none !important; }

#sector_indexes_trend_0222 .form-control-range {
  border: none;
  border-radius: 8px;
  height: 7px;
  outline: none;
  transition: background 450ms ease-in;
  -webkit-appearance: none; }

#sector_indexes_trend_0222 .form-control-range#range_from {
  background: linear-gradient(to right, #dce3ec 0%, #0626a9 0%, #0626a9 100%); }

#sector_indexes_trend_0222 .form-control-range#range_to {
  /*background: linear-gradient(to right, #dce3ec 0%, #0626a9 0%, #0626a9 100%);*/
  background: rgba(0, 0, 0, 0); }

#sector_indexes_trend_0222 .range-values {
  width: calc(100% - 20px);
  position: relative; }

#sector_indexes_trend_0222 .range-value {
  position: absolute;
  top: -40px; }

#sector_indexes_trend_0222 .range-value-to {
  left: 100%; }

#sector_indexes_trend_0222 .range-value span {
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  display: block;
  position: absolute;
  left: -5px; }

/*-------------------HIGHCHARTS---------------------*/
#sector_indexes_trend_0222 .highcharts-background {
  fill: #011b2b !important; }

.highcharts-tooltip .sector_indexes_trend_0222_tooltip,
.highcharts-label .sector_indexes_trend_0222_datalabel {
  font-family: 'Roboto',sans-serif !important; }

.highcharts-label .sector_indexes_trend_0222_datalabel {
  font-size: 14px; }

.highcharts-tooltip .sector_indexes_trend_0222_tooltip .icon-arrow-down.icon-coloured {
  color: #e44261; }

.highcharts-tooltip .sector_indexes_trend_0222_tooltip .icon-arrow-up.icon-coloured {
  color: #00c4b3; }

.highcharts-label .sector_indexes_trend_0222_datalabel .index-title {
  position: absolute;
  bottom: -80px;
  font-size: 30px;
  left: 0;
  opacity: 0.5; }

#sector_indexes_trend_0222 .highcharts-axis-labels text {
  fill: #fff !important; }

@media (max-width: 1180px) {
  #sector_indexes_trend_0222 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #sector_indexes_trend_0222 .col-sm-12 h5 {
    margin-top: 20px; }
  #sector_indexes_trend_0222 .icon-wrapper table tr td img {
    width: 40px; } }

@media (max-width: 768px) {
  #sector_indexes_trend_0222 .heatmap-controls {
    padding: 20px; }
  #sector_indexes_trend_0222 .range-value span {
    font-size: 12px; }
  #sector_indexes_trend_0222 .icon-wrapper table tr td:first-child,
  #sector_indexes_trend_0222 .icon-wrapper table tr td:last-child {
    width: 20px; }
  #sector_indexes_trend_0222 .icon-wrapper table tr td img {
    width: 30px; } }

#globalInvestingContainer0322_41 h5 {
  font-weight: 700;
  height: 60px; }

@media (max-width: 1180px) {
  #globalInvestingContainer0322_41 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer0322_41 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 768px) {
  .highcharts-customLabel {
    display: none; } }

.index-chart-container-240322 {
  position: relative;
  width: 100%;
  padding: 0 10px;
  color: #011b2b;
  font-size: 14px; }

.index-chart-container-240322 .right {
  float: right; }

.index-chart-container-240322 h1 {
  font-weight: 700; }

.index-chart-container-240322 h2 {
  font-size: 3rem;
  font-weight: 500;
  min-width: 320px;
  margin: 0; }

.index-chart-container-240322 h3 {
  font-size: 2rem;
  font-weight: 700;
  min-width: 320px;
  margin: 0;
  color: #0626a9; }

.index-chart-container-240322 h4 {
  font-size: 1.6rem; }

.index-chart-container-240322 h5 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0626a9;
  padding-top: 20px; }

.index-chart-container-240322 h6 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 10px 0; }

.index-chart-container-240322 #graphic {
  position: relative;
  margin: 0 auto; }

/*bootstrap adjusts*/
.index-chart-container-240322 a.msci-link-primary-box {
  background-color: #1A3FD6;
  color: #FFFFFF !important;
  font-size: 20px;
  padding: 10px 12px;
  position: relative;
  display: inline-block;
  line-height: 1;
  border-radius: 0;
  border: none;
  font-weight: 700;
  text-align: center; }

.index-chart-container-240322 .msci-link-primary-box:hover {
  background: #4a7bc9;
  cursor: pointer; }

.index-chart-container-240322 .filter-row {
  background: #011b2b;
  color: #fff;
  padding: 20px;
  margin: 0;
  position: relative; }

.index-chart-container-240322 .filter-row p {
  font-size: 1.2rem; }

.index-chart-container-240322 .items-loader {
  display: none; }

.index-chart-container-240322 input {
  opacity: 0 !important; }

.index-chart-container-240322 label {
  opacity: 0.6;
  cursor: pointer; }

.index-chart-container-240322 input:checked + label {
  opacity: 1; }

.index-chart-container-240322 .custom-control-label {
  margin-left: 10px;
  font-size: 1rem; }

.index-chart-container-240322 .custom-control-label::before, .index-chart-container-240322 .custom-control-label::after {
  width: 1.15rem;
  height: 1.15rem;
  top: 0.1rem; }

.index-chart-container-240322 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00c4b3 !important; }

.index-chart-container-240322 .custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
  background-color: #00c4b3; }

.index-chart-container-240322 .custom-checkbox .custom-control-label::before {
  border: none;
  border-radius: 0; }

.index-chart-container-240322 .custom-checkbox .custom-control-label::after {
  background-size: 80%;
  background-position: 60% 60%; }

.index-chart-container-240322 .form-control-lg {
  font-size: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  height: 1rem;
  min-height: 1.5rem; }

.index-chart-container-240322 .table-container h4 {
  margin-top: 20px; }

/*POPOVER*/
.index-chart-container-240322-tooltip .tooltip-inner {
  color: #fff; }

/*TABLES*/
.index-chart-container-240322 .table {
  border-bottom: 1px #0626a9 solid; }

.index-chart-container-240322 .table tr {
  position: relative;
  overflow: hidden; }

.index-chart-container-240322 .table td {
  padding: 0.5rem; }

.index-chart-container-240322 .table thead th {
  border-bottom: 1px solid #0626a9;
  border-top: 0;
  color: #5987da;
  position: relative;
  padding: 0.5rem 2rem 0.5rem 0; }

.index-chart-container-240322 .table thead th:not(.not-sortable):hover {
  cursor: pointer;
  color: #011b2b; }

.index-chart-container-240322 .table thead th:not(.not-sortable):after {
  content: '\f0dc';
  font-family: 'FontAwesome';
  position: relative;
  left: 1rem; }

.index-chart-container-240322 .table td:first-child {
  font-weight: 700; }

.index-chart-container-240322 .table td:last-child, .index-chart-container-240322 .table th:last-child {
  text-align: center;
  padding: 0.5rem 0; }

.index-chart-container-240322 .table th:first-child {
  width: 45%; }

.index-chart-container-240322 table th:nth-child(2) {
  width: 25%; }

.index-chart-container-240322 .table th:nth-child(3) {
  width: 10%; }

.index-chart-container-240322 .table th:nth-child(4) {
  width: 10%; }

.index-chart-container-240322 .table th:nth-child(5),
.index-chart-container-240322 .table td:nth-child(5) {
  width: 10%;
  text-align: center; }

.index-chart-container-240322 .table tr.hidden td {
  display: none; }

.index-chart-container-240322 tr.no-results-row {
  color: #ccc; }

.index-chart-container-240322 tr.performance-chart {
  height: 0;
  display: none; }

.index-chart-container-240322 tr.performance-chart.active {
  display: table-row;
  height: 100px; }

.index-chart-container-240322 tr.performance-chart td:last-child {
  padding: 0; }

.index-chart-container-240322 .hidden-chart-container {
  position: absolute;
  top: -10000px;
  width: 100%; }

.index-chart-container-240322 tr.index-row.active td {
  background: #0626a933;
  color: #011b2b; }

.index-chart-container-240322 #table-info {
  height: 0;
  background: #0626a9;
  color: #fff; }

.index-chart-container-240322 #table-info td {
  font-weight: 300; }

.index-chart-container-240322 .table-link {
  display: inline-block;
  margin: 0 5px;
  color: #ccc; }

.index-chart-container-240322 .table-link i {
  font-size: 1rem; }

@media (max-width: 768px) {
  .index-chart-container-240322 .table tr td {
    display: block;
    padding: 5px;
    border: none; }
  .index-chart-container-240322 .table tr td:not(:first-child) {
    float: left;
    font-size: 0.9rem; }
  .index-chart-container-240322 .table tr td:nth-child(2):after, .index-chart-container-240322 .table tr td:nth-child(3):after {
    content: "|";
    padding-left: 10px; }
  .index-chart-container-240322 .table tr td:last-child {
    float: right; }
  .index-chart-container-240322 .table tr {
    border-bottom: 1px #0626a9 solid; }
  .index-chart-container-240322 .table thead {
    display: none; }
  .index-chart-container-240322 .table-link {
    margin-top: -5px; }
  .index-chart-container-240322 .filter-row {
    padding: 20px 10px; }
  .index-chart-container-240322 .custom-control {
    width: 50%;
    float: left; } }

@media (max-width: 576px) {
  .index-chart-container-240322 .form-control-lg {
    font-size: 0.8rem; }
  .index-chart-container-240322 .custom-control {
    width: 100%;
    float: left; } }

@media (max-width: 420px) {
  .index-chart-container-240322 .custom-control {
    width: 100%;
    float: left; }
  .index-chart-container-240322 .custom-control label {
    font-size: 12px; }
  .index-chart-container-240322 .filter-segment {
    padding: 10px; } }

#real-estate-container-0222 i {
  font-family: "fontAwesome"; }

#real-estate-container-0222 {
  position: relative;
  margin: auto;
  height: auto;
  width: auto;
  max-width: 1100px;
  background: #5987da20;
  font-size: 13px;
  overflow: hidden; }

#real-estate-container-0222 p,
#real-estate-container-0222 li {
  font-family: 'Roboto', sans-serif; }

#real-estate-container-0222 h2,
#real-estate-container-0222 h3,
#real-estate-container-0222 h4 {
  font-weight: 700;
  margin: 10px 0; }

#real-estate-container-0222 .mobile {
  display: none; }

#real-estate-container-0222 #subtitle {
  color: #000; }

#real-estate-container-0222 .map-bar {
  z-index: 2;
  position: relative; }

#real-estate-container-0222 .map-container {
  padding: 40px;
  display: flex;
  background: #011b2b;
  justify-content: center; }

#real-estate-container-0222 .map {
  width: 100%;
  position: relative;
  z-index: 100;
  height: auto;
  z-index: 5;
  max-width: 900px; }

#real-estate-container-0222 #map-overlay {
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #fff;
  position: absolute;
  z-index: 15;
  display: none; }

#real-estate-container-0222 p.small {
  font-size: 11px; }

#real-estate-container-0222 #world-map {
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s; }

#real-estate-container-0222 #world-map.active {
  opacity: 1; }

#real-estate-container-0222 #world-map path {
  fill: #eee;
  transition: fill 1s;
  -moz-transition: fill 1s;
  -webkit-transition: fill 1s; }

#real-estate-container-0222 #world-map.coverage-GIP path.active,
#real-estate-container-0222 #world-map.coverage-GIP g.active path {
  fill: #f08900; }

#real-estate-container-0222 #world-map.coverage-GI path.active,
#real-estate-container-0222 #world-map.coverage-GI g.active path {
  fill: #00c4b3; }

#real-estate-container-0222 #world-map.coverage-MNI path.active,
#real-estate-container-0222 #world-map.coverage-MNI g.active path {
  fill: #7692dd; }

#real-estate-container-0222 #world-map path:hover {
  cursor: pointer;
  fill-opacity: 0.9; }

#real-estate-container-0222 #world-map path.hidden {
  opacity: 0.2; }

#real-estate-container-0222 .coverage {
  clear: both;
  width: 100%;
  height: 30px;
  margin: 10px auto;
  position: relative; }

#real-estate-container-0222 .coverage-title {
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  float: left;
  height: 30px; }

#real-estate-container-0222 .coverage-key-dropdown {
  max-width: none;
  float: left; }

#real-estate-container-0222 .dropdown-toggle {
  background: #011b2b; }

#real-estate-container-0222 .dropdown-menu {
  max-width: 100%; }

#real-estate-container-0222 .dropdown-item {
  font-weight: 700;
  cursor: pointer; }

#real-estate-container-0222 .coverage-key-title {
  font-weight: 700; }

#real-estate-container-0222 .top-menu {
  text-align: left;
  cursor: pointer;
  color: #011b2b;
  text-transform: uppercase;
  position: relative;
  line-height: 40px;
  display: none; }

#real-estate-container-0222 .top-menu.active {
  display: block; }

#real-estate-container-0222 .sub-menu {
  text-align: left;
  position: absolute;
  top: 50px;
  display: none;
  color: #fff;
  text-transform: none;
  right: 0;
  left: auto;
  background-color: #011b2b;
  width: 100%;
  min-width: 240px;
  z-index: 2;
  border: 1px solid #dae0f8;
  border-top-color: #dae0f8;
  border-top-style: solid;
  border-top-width: 1px;
  border-top: 0;
  overflow: auto;
  max-height: 350px; }

#real-estate-container-0222 .sub-menu .sub-menu-item {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 24px;
  line-height: 24px;
  cursor: pointer; }

#real-estate-container-0222 .sub-menu .sub-menu-item.detailed {
  border-left: #1a3fd6 6px solid;
  font-weight: 800; }

#real-estate-container-0222 .sub-menu .sub-menu-item:hover {
  background: #eee; }

#real-estate-container-0222 .info-icon {
  font-size: 1.2rem;
  font-weight: 700;
  cursor: help;
  float: left;
  margin-right: 5px; }

#real-estate-container-0222 .coverage-bar {
  z-index: 3; }

#real-estate-container-0222 .coverage-key {
  text-align: left;
  margin: 0;
  line-height: 1rem;
  left: 0;
  text-align: left;
  top: 0;
  position: relative;
  z-index: 10;
  padding: 20px; }

#real-estate-container-0222 .coverage-key-title {
  margin-bottom: 15px;
  font-size: 16px; }

#real-estate-container-0222 .coverage-key-buttons {
  margin-top: 10px; }

#real-estate-container-0222 .coverage-key-buttons > div {
  width: auto;
  border: 0;
  height: 34px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  border-radius: 30px;
  margin: 5px 5px 5px 0;
  padding: 5px 10px;
  float: left;
  line-height: 24px; }

#real-estate-container-0222 div.info-button {
  background-color: #011b2b;
  color: #fff; }

#real-estate-container-0222 .coverage-key-buttons .coverage-button {
  opacity: 0.4;
  color: #fff; }

#real-estate-container-0222 .coverage-key-buttons .coverage-button {
  background-color: #c7d2ec; }

#real-estate-container-0222 .coverage-key-buttons div.coverage-button.active {
  opacity: 1;
  background: #0626a9; }

#real-estate-container-0222 .coverage-key-buttons > div:hover {
  opacity: 0.8;
  cursor: pointer; }

#real-estate-container-0222 .coverage-key-buttons span.key-title {
  display: block;
  position: absolute;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center; }

#real-estate-container-0222 .coverage-key-dropdown {
  float: left; }

#real-estate-container-0222 .coverage {
  clear: both;
  width: 100%;
  height: 30px;
  margin: 10px auto;
  position: relative;
  padding: 0 2px; }

#real-estate-container-0222 .coverage .coverage-bar {
  height: 30px;
  float: left;
  background: #6c7bd3;
  position: relative; }

.coverage .coverage-bar.active,
.coverage .coverage-bar.selected,
#real-estate-container-0222 .coverage .coverage-bar:hover {
  cursor: pointer;
  background: #011b2b !important; }

#real-estate-container-0222 .coverage .coverage-bar.selected::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 87 59' xml:space='preserve'%3E%3Cpolygon points='43.5,58.5 86.8,0 0.2,0 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -10px;
  transform: rotate(180deg); }

#real-estate-container-0222 .coverage-title {
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  float: left;
  height: 30px;
  line-height: 30px;
  cursor: help; }

#real-estate-container-0222 .explainer-button {
  padding: 6px 20px;
  background: #011b2b;
  color: #fff;
  border-radius: 20px;
  border: 0;
  margin: -40px 0 20px 0; }

#real-estate-container-0222 .explainer-button:hover {
  background: #7692dd;
  cursor: pointer; }

#real-estate-container-0222 .info-bar {
  position: absolute;
  left: 20px;
  top: -800px;
  overflow: hidden;
  width: 60%;
  font-size: 14px;
  z-index: 10;
  background: rgba(1, 27, 43, 0.95);
  color: #fff;
  height: 80%;
  text-align: left;
  padding: 20px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease; }

#real-estate-container-0222 .info-bar .info-bar-header {
  width: 100%;
  padding: 0 0 15px 10px;
  font-weight: 700;
  height: 45px;
  line-height: 30px;
  text-transform: uppercase;
  z-index: 1;
  text-align: left;
  font-size: 18px;
  border-bottom: 1px #344956 solid; }

#real-estate-container-0222 .info-bar-content {
  padding: 10px;
  font-size: 13px;
  height: calc(100% - 60px);
  overflow-y: auto; }

#real-estate-container-0222 .info-bar-content .coverage-country-list {
  padding-left: 0;
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3; }

#real-estate-container-0222 .info-bar-content .coverage-country-list li {
  list-style: none;
  -webkit-column-break-inside: avoid;
  /*white-space: nowrap;*/
  margin: 5px 0;
  display: inline-block;
  width: 100%;
  font-weight: 700; }

#real-estate-container-0222 .info-bar.open {
  top: 100px; }

#real-estate-container-0222 .close-button {
  position: absolute;
  top: 10px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#real-estate-container-0222 .close-button::after,
#real-estate-container-0222 .close-button::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #fff; }

#real-estate-container-0222 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#real-estate-container-0222 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#real-estate-container-0222 .info-bar ul li {
  margin: 10px 0; }

#real-estate-container-0222 .data-bar {
  position: absolute;
  overflow: hidden;
  width: 100%;
  padding: 0 20px 20px;
  font-size: 14px;
  z-index: 1000010;
  background: #011b2b;
  color: #fff;
  height: 100%;
  text-align: left;
  right: -1200px;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
  top: 0; }

#real-estate-container-0222 .data-bar.open {
  right: 0; }

#real-estate-container-0222 .nav-tabs .nav-link {
  background: #00293b;
  color: #fff; }

#real-estate-container-0222 .nav-tabs .nav-link.active {
  color: #fff;
  background: #f08900;
  border: 0; }

#real-estate-container-0222 .tab-pane,
#real-estate-container-0222 .tab-content {
  height: 100%; }

#real-estate-container-0222 .data-bar .data-bar-header {
  width: 90%;
  padding: 5px 10px;
  z-index: 1;
  text-align: left;
  margin: 20px 0 10px 0; }

#real-estate-container-0222 .data-bar .data-bar-header h5 {
  font-size: 22px;
  color: #00c4b3;
  font-weight: 700; }

#real-estate-container-0222 .data-bar .data-bar-header h3 {
  color: #f08900;
  font-weight: 700; }

#real-estate-container-0222 .data-bar .data-bar-header h4 {
  color: #fff;
  font-weight: 500;
  font-size: 18px; }

#real-estate-container-0222 .data-bar .data-bar-header h6 {
  color: #00c4b3;
  font-weight: 500;
  font-size: 18px; }

#real-estate-container-0222 .data-bar-content {
  padding: 0 10px;
  font-size: 14px;
  flex: 1;
  overflow: hidden; }

#real-estate-container-0222 .data-bar-subtitle-mni {
  display: none; }

#real-estate-container-0222 .coverage-MNI .data-bar-subtitle-mni {
  display: block; }

#real-estate-container-0222 .data-bar-content .row,
#real-estate-container-0222 .data-bar-content .row > div {
  height: 100%; }

#real-estate-container-0222 .data-bar-content-left {
  scrollbar-color: #f08900 #f0890099;
  scrollbar-width: thin;
  overflow-y: auto;
  height: 90%;
  padding: 20px; }

#real-estate-container-0222 .data-bar-content-right {
  padding: 20px;
  scrollbar-color: #00c4b3 #00c4b399;
  scrollbar-width: thin;
  overflow-y: auto;
  height: 90%; }

#real-estate-container-0222 .data-bar-content-full {
  padding: 20px;
  scrollbar-color: #00c4b3 #00c4b399;
  scrollbar-width: thin;
  overflow-y: auto;
  height: 90%; }

#real-estate-container-0222 .data-bar-content-left::-webkit-scrollbar,
#real-estate-container-0222 .data-bar-content-right::-webkit-scrollbar,
#real-estate-container-0222 .data-bar-content-full::-webkit-scrollbar {
  width: 8px; }

#real-estate-container-0222 .data-bar-content-left::-webkit-scrollbar-track {
  background-color: #f0890099; }

#real-estate-container-0222 .data-bar-content-left::-webkit-scrollbar-thumb {
  background-color: #f08900; }

#real-estate-container-0222 .data-bar-content-right::-webkit-scrollbar-track,
#real-estate-container-0222 .data-bar-content-full::-webkit-scrollbar-track {
  background-color: #00c4b399; }

#real-estate-container-0222 .data-bar-content-right::-webkit-scrollbar-thumb,
#real-estate-container-0222 .data-bar-content-full::-webkit-scrollbar-thumb {
  background-color: #00c4b3; }

#real-estate-container-0222 .data-bar ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

#real-estate-container-0222 .data-bar .sector-list {
  opacity: 0;
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  position: relative;
  width: 100%;
  z-index: 2;
  background: #011b2b;
  height: 100%; }

#real-estate-container-0222 .data-bar .sector-list-notice {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  text-align: center;
  height: 80%;
  z-index: 1; }

#real-estate-container-0222 .data-bar .sector-list-notice p {
  font-size: 16px;
  text-transform: uppercase;
  color: #999; }

#real-estate-container-0222 .data-bar .sector-list.active {
  opacity: 1; }

#real-estate-container-0222 .data-bar .sector-list li {
  line-height: 1.2rem;
  border-bottom: 1px #f08900 dotted;
  padding: 10px 0; }

#real-estate-container-0222 .data-bar .sector-list li span.sector-highlight {
  color: #00c4b3;
  font-weight: 700; }

#real-estate-container-0222 .data-bar .sector-list li span.sector-type {
  color: #f08900;
  font-weight: 700; }

#real-estate-container-0222 .data-bar .sector-list li img {
  height: 30px;
  margin: 0 10px 0 0; }

#real-estate-container-0222 .data-bar-content ul.cities-list {
  columns: 3; }

#real-estate-container-0222 .data-bar-content ul.cities-list li {
  padding: 3px 0;
  text-transform: uppercase;
  font-size: 13px;
  position: relative;
  z-index: 1;
  /*white-space:nowrap;*/
  -webkit-column-break-inside: avoid;
  border-bottom: 1px #fff dotted; }

#real-estate-container-0222 .data-bar-content ul.cities-list li:hover {
  cursor: pointer; }

#real-estate-container-0222 .data-bar-content ul.cities-list li:hover span {
  color: #00c4b3; }

#real-estate-container-0222 .data-bar-content ul.cities-list li.active span {
  color: #f08900; }

#real-estate-container-0222 .data-bar-content ul.cities-list li.active {
  z-index: 2; }

#real-estate-container-0222 .data-bar-content ul.cities-list li .sector-popup {
  position: absolute;
  max-width: 300px;
  height: auto;
  padding: 10px 20px;
  background: #f08900;
  bottom: -5px;
  right: 20px; }

#real-estate-container-0222 .data-bar-content ul.cities-list li .sector-popup:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-right: 10px solid #f08900;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: 10px;
  left: -20px; }

#real-estate-container-0222 .data-bar-content ul.measures-list li {
  padding: 3px 0;
  text-transform: uppercase;
  font-size: 13px;
  position: relative;
  z-index: 1;
  /*white-space:nowrap;*/
  -webkit-column-break-inside: avoid;
  border-bottom: 1px #fff dotted; }

#real-estate-container-0222 .data-bar-content ul.measures-list li.measure-group-title {
  font-weight: bold;
  color: #00c4b3; }

#real-estate-container-0222 .data-bar-content ul.measures-list li.measure-group-measure {
  padding-left: 30px; }

#real-estate-container-0222 .tooltip {
  line-height: 1.2rem;
  position: absolute;
  display: none;
  background: #002036;
  min-width: 135px;
  max-width: 360px;
  padding: 10px;
  color: #fff;
  z-index: 900000;
  font-weight: 500;
  box-shadow: 2px 2px 4px rgba(0, 49, 56, 0.4);
  font-size: 15px;
  cursor: pointer;
  opacity: 1;
  font-family: 'Roboto',sans-serif;
  border: 2px #fff solid;
  left: 0;
  top: 0;
  text-align: center; }

#real-estate-container-0222 .tooltip.detailed {
  cursor: pointer; }

@media (max-width: 990px) {
  #real-estate-container-0222 .data-bar {
    width: 100%;
    top: 0;
    height: 100%; }
  #real-estate-container-0222 .info-bar {
    left: 0;
    width: 100%; }
  #real-estate-container-0222 .info-bar.open {
    width: 100%;
    height: 100%;
    top: 0; }
  #real-estate-container-0222 .dropdown-menu {
    min-width: 250px; }
  #real-estate-container-0222 .data-bar-content ul.cities-list {
    columns: 2; } }

@media (max-width: 768px) {
  #real-estate-container-0222 {
    overflow: visible; }
  #real-estate-container-0222 .coverage,
  #real-estate-container-0222 .coverage-title {
    display: none; }
  #real-estate-container-0222 .tooltip {
    font-size: 0.9em;
    line-height: 1.1em; }
  #real-estate-container-0222 .data-bar {
    width: 100%;
    height: 700px;
    min-height: 100%; }
  #real-estate-container-0222 .data-bar-content .row {
    height: 50%; }
  #real-estate-container-0222 .data-bar-content-left,
  #real-estate-container-0222 .data-bar-content-right {
    padding: 20px 0; }
  #real-estate-container-0222 .info-bar-content .coverage-country-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; }
  #real-estate-container-0222 .tooltip-title {
    display: block; } }

@media (max-width: 600px) {
  #real-estate-container-0222 .sub-menu {
    max-height: 200px; }
  #real-estate-container-0222 .tooltip {
    display: none !important; }
  #real-estate-container-0222 .data-bar-header h3 {
    font-size: 18px; }
  #real-estate-container-0222 .data-bar-header span {
    font-size: 14px; }
  #real-estate-container-0222 .data-bar-content table td {
    font-size: 12px; }
  #real-estate-container-0222 #world-map {
    margin-top: 20px; }
  #real-estate-container-0222 .map-container {
    padding-top: 0; }
  #real-estate-container-0222 .info-bar {
    height: 340px; }
  #real-estate-container-0222 .info-bar.open {
    top: 0; }
  #real-estate-container-0222 .info-bar .info-bar-header {
    font-size: 14px; }
  #real-estate-container-0222 .info-bar .info-bar-content p {
    font-size: 12px; }
  #real-estate-container-0222 .info-bar-content .coverage-country-list {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1; }
  #real-estate-container-0222 #container-col-icons {
    display: none; }
  #real-estate-container-0222 .data-bar .sector-list {
    margin-bottom: 10px; }
  #real-estate-container-0222 .data-bar .sector-list ul {
    columns: 1; } }

@media (max-width: 520px) {
  #real-estate-container-0222 .data-bar-content ul.cities-list {
    columns: 1; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #real-estate-container-0222 #world-map {
    height: 600px; } }

#globalInvestingContainer110522 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer110522 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer110522 table td, #globalInvestingContainer110522 table th {
  padding: 0.25rem; }

#globalInvestingContainer110522 table td {
  font-weight: 300; }

#globalInvestingContainer110522 table td:not(:first-child), #globalInvestingContainer110522 table th {
  text-align: center; }

#globalInvestingContainer110522 table td.section-header {
  background: #011b2b;
  color: #fff; }

#globalInvestingContainer110522 .icon-arrow-up {
  color: #00c4b3; }

#globalInvestingContainer110522 .icon-arrow-down {
  color: #e44261; }

#globalInvestingContainer110522 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#globalInvestingContainer110522 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#globalInvestingContainer110522 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#globalInvestingContainer110522 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

#globalInvestingContainer110522 .series-button.carnation {
  background: #e44261; }

#globalInvestingContainer110522 .series-button.tangerine {
  background: #f08900; }

#globalInvestingContainer110522 .series-button.marigold {
  background: #ffc62d; }

#globalInvestingContainer110522 .series-button.turquoise {
  background: #00c4b3; }

#globalInvestingContainer110522 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 1180px) {
  #globalInvestingContainer110522 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer110522 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer110522 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer110522 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer110522 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer110522 table {
    font-size: 0.8rem; } }

#globalInvestingContainer230522 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer230522 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer230522 table td, #globalInvestingContainer110522 table th {
  padding: 0.25rem; }

#globalInvestingContainer230522 table td {
  font-weight: 300; }

#globalInvestingContainer230522 table td:not(:first-child), #globalInvestingContainer110522 table th {
  text-align: center; }

#globalInvestingContainer230522 table td.section-header {
  background: #011b2b;
  color: #fff; }

/*---------------------ICONS-------------------------*/
#globalInvestingContainer230522 .icon-wrapper,
#globalInvestingContainer230522 .icon-wrapper table {
  width: 100%;
  text-align: center;
  border: 0; }

#globalInvestingContainer230522.icon-wrapper table {
  table-layout: fixed; }

#globalInvestingContainer230522 .icon-wrapper table tr td {
  padding: 5px; }

#globalInvestingContainer230522 .icon-wrapper table tr td:first-child {
  width: 30px; }

#globalInvestingContainer230522.icon-wrapper table tr td:last-child {
  width: 30px; }

#globalInvestingContainer230522 .icon-wrapper table tr td img {
  width: 58px; }

#globalInvestingContainer230522 .icon-arrow-up::before {
  content: "\f062"; }

#globalInvestingContainer230522 .icon-arrow-down::before {
  content: "\f063"; }

#globalInvestingContainer230522 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#globalInvestingContainer230522 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#globalInvestingContainer230522 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#globalInvestingContainer230522 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

#globalInvestingContainer230522 .series-button.carnation {
  background: #e44261; }

#globalInvestingContainer230522 .series-button.tangerine {
  background: #f08900; }

#globalInvestingContainer230522 .series-button.marigold {
  background: #ffc62d; }

#globalInvestingContainer230522 .series-button.turquoise {
  background: #00c4b3; }

#globalInvestingContainer230522 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 1180px) {
  #globalInvestingContainer230522 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer230522 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer230522 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer230522 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer230522 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 768px) {
  #globalInvestingContainer230522 .heatmap-controls {
    padding: 20px; }
  #globalInvestingContainer230522 .range-value span {
    font-size: 12px; }
  #globalInvestingContainer230522 .icon-wrapper table tr td:first-child,
  #globalInvestingContainer230522 .icon-wrapper table tr td:last-child {
    width: 20px; }
  #globalInvestingContainer230522 .icon-wrapper table tr td img {
    width: 30px; }
  #globalInvestingContainer230522 .icon-arrow-up,
  #globalInvestingContainer230522 .icon-arrow-down {
    display: none; } }

@media (max-width: 420px) {
  #globalInvestingContainer230522 .heatmap-controls {
    padding-bottom: 40px; }
  #globalInvestingContainer230522 .icon-wrapper table tr td {
    padding: 0; }
  #globalInvestingContainer230522 .icon-wrapper table tr td img {
    width: 20px; } }

body {
  font-family: 'Roboto',sans-serif;
  color: #011b2b; }

#globalInvestingContainer110522 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer110522 .chart-divider-left {
  border-left: 1px #ccc solid; }

#globalInvestingContainer110522 table td, #globalInvestingContainer110522 table th {
  padding: 0.25rem; }

#globalInvestingContainer110522 table td {
  font-weight: 300; }

#globalInvestingContainer110522 table td:not(:first-child), #globalInvestingContainer110522 table th {
  text-align: center; }

#globalInvestingContainer110522 table td.section-header {
  background: #011b2b;
  color: #fff; }

#globalInvestingContainer110522 .icon-arrow-up {
  color: #00c4b3; }

#globalInvestingContainer110522 .icon-arrow-down {
  color: #e44261; }

#globalInvestingContainer110522 .series-selection {
  display: inline-block;
  font-size: 13px;
  margin: 5px 20px 5px 0; }

#globalInvestingContainer110522 .series-selector {
  float: left;
  margin: 4px 10px 0 0;
  line-height: 30px;
  padding: 2px;
  transform: scale(1.2); }

#globalInvestingContainer110522 .series-button {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 30px;
  float: left;
  margin-right: 10px; }

#globalInvestingContainer110522 #chart-selectors {
  text-align: center;
  margin: 10px 0;
  width: 100%; }

#globalInvestingContainer110522 .series-button.carnation {
  background: #e44261; }

#globalInvestingContainer110522 .series-button.tangerine {
  background: #f08900; }

#globalInvestingContainer110522 .series-button.marigold {
  background: #ffc62d; }

#globalInvestingContainer110522 .series-button.turquoise {
  background: #00c4b3; }

#globalInvestingContainer110522 .series-selection:not(.active) .series-button {
  opacity: 0.2; }

@media (max-width: 1180px) {
  #globalInvestingContainer110522 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer110522 .col-sm-12 h5 {
    margin-top: 20px; }
  #globalInvestingContainer110522 table {
    font-size: 0.9rem; } }

@media (max-width: 992px) {
  #globalInvestingContainer110522 .chart-divider-left {
    border-top: 1px #ccc solid;
    border-left: none; }
  #globalInvestingContainer110522 .col-sm-12 h5 {
    margin-top: 20px; } }

@media (max-width: 992px) {
  #globalInvestingContainer110522 table {
    font-size: 0.8rem; } }

body {
  font-family: 'Roboto',sans-serif;
  color: #011b2b; }

#globalInvestingContainer060722 h5 {
  font-weight: 700;
  height: 60px; }

#globalInvestingContainer060722 .highcharts-axis-labels span {
  text-align: center; }

.globalInvestingContainer060722-tooltip-table {
  margin-bottom: 0; }

#esg-chi-interactive-160522 {
  position: relative;
  height: 100%;
  margin: 0 auto;
  min-width: 320px;
  background: #011b2b;
  /* COLOURS, BACKGROUNDS */
  /* BACKGROUNDS */
  /*---------------------START WRAPPER--------------------*/
  /*---------------------SOURCE WRAPPER--------------------*/
  /*----------------------CAROUSEL--------------------------*/
  /*------------------------SECTION CIRCLES-------------------------*/
  /*---------------------------- TITLE & CTA  ----------------------------*/
  /*----------------- LIST GROUPS --------------------------*/
  /*------------------------CLOSE BUTTON-------------------------*/
  /*--------------------------CONTENT ANIMATION ON TRANSITION--------------------------------*/
  /*------------------------------- carousel indicators ------------------------------*/
  /*------------------------ BUTTON ICONS ----------------------------------*/
  /*----------------------------- Chart Marker Animation --------------------------*/ }
  #esg-chi-interactive-160522.container {
    padding: 0;
    height: 660px;
    margin: 20px auto; }
  #esg-chi-interactive-160522.fullscreen {
    width: 100%;
    max-width: 100%;
    padding: 0;
    height: 100%;
    position: fixed !important;
    z-index: 100;
    left: 0;
    top: 0;
    font-size: 1.3em;
    line-height: 1.1em; }
    #esg-chi-interactive-160522.fullscreen .fullscreen-toggle:after {
      content: '\F117';
      font-family: 'fontawesome';
      font-size: 30px; }
    #esg-chi-interactive-160522.fullscreen.container {
      padding: 0;
      margin: auto; }
    #esg-chi-interactive-160522.fullscreen .carousel, #esg-chi-interactive-160522.fullscreen .carousel-item {
      height: calc(100% - 140px); }
    #esg-chi-interactive-160522.fullscreen .start_wrapper {
      height: calc(100% - 60px); }
  #esg-chi-interactive-160522.active .start_wrapper {
    opacity: 0;
    transition-delay: 1s;
    z-index: 1; }
  #esg-chi-interactive-160522.active .reset-toggle {
    opacity: 1;
    pointer-events: all; }
  #esg-chi-interactive-160522 .carnation {
    color: #e44261; }
  #esg-chi-interactive-160522 .smokey-blue {
    color: #0626a9; }
  #esg-chi-interactive-160522 .sky-blue {
    color: #5987da; }
  #esg-chi-interactive-160522 .moody-blue {
    color: #6c7bd3; }
  #esg-chi-interactive-160522 .mercury {
    color: #dce3ec; }
  #esg-chi-interactive-160522 .turquoise {
    color: #00c4b3; }
  #esg-chi-interactive-160522 .marigold {
    color: #ffc62d; }
  #esg-chi-interactive-160522 .jade {
    color: #00945e; }
  #esg-chi-interactive-160522 .flint {
    color: #73787c; }
  #esg-chi-interactive-160522 .sky-blue {
    color: #5987da; }
  #esg-chi-interactive-160522 .tangerine {
    color: #f08900; }
  #esg-chi-interactive-160522 .daintree {
    color: #011b2b; }
  #esg-chi-interactive-160522 .white-bg {
    background-color: #fff;
    fill: #fff; }
  #esg-chi-interactive-160522 .carnation-bg {
    background-color: #e44261; }
  #esg-chi-interactive-160522 .smokey-blue-bg {
    background-color: #0626a9; }
  #esg-chi-interactive-160522 .sky-blue-bg {
    background-color: #5987da; }
  #esg-chi-interactive-160522 .moody-blue-bg {
    background-color: #6c7bd3; }
  #esg-chi-interactive-160522 .mercury-bg {
    background-color: #dce3ec; }
  #esg-chi-interactive-160522 .turquoise-bg {
    background-color: #00c4b3; }
  #esg-chi-interactive-160522 .marigold-bg {
    background-color: #ffc62d; }
  #esg-chi-interactive-160522 .jade-bg {
    background-color: #00945e; }
  #esg-chi-interactive-160522 .flint-bg {
    background-color: #73787c; }
  #esg-chi-interactive-160522 .tangerine-bg {
    background-color: #f08900; }
  #esg-chi-interactive-160522 .daintree-bg {
    background-color: #011b2b; }
  #esg-chi-interactive-160522 .strong {
    font-weight: 700; }
  #esg-chi-interactive-160522 a:hover {
    text-decoration: underline; }
  #esg-chi-interactive-160522 .start_wrapper {
    position: absolute;
    z-index: 3;
    background: #011b2b;
    width: 100%;
    height: 600px;
    color: #fff;
    transition: opacity 1s;
    transition-delay: 0s;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding: 0 20px 0 60px;
    opacity: 1; }
    #esg-chi-interactive-160522 .start_wrapper h5 {
      font-size: 32px;
      font-weight: 700;
      line-height: 40px; }
    #esg-chi-interactive-160522 .start_wrapper p {
      font-size: 1.4rem;
      line-height: 2rem; }
  #esg-chi-interactive-160522 .source_wrapper {
    position: absolute;
    z-index: -1;
    background: #011b2b;
    width: 100%;
    height: 600px;
    color: #fff;
    transition: opacity 0s;
    -moz-transition: opacity 0s;
    -webkit-transition: opacity 0s;
    text-align: left;
    overflow: hidden;
    padding: 20px 20px 0 60px;
    opacity: 0;
    top: 0; }
    #esg-chi-interactive-160522 .source_wrapper.active {
      opacity: 1;
      z-index: 10;
      transition: opacity 1s;
      -moz-transition: opacity 1s;
      -webkit-transition: opacity 1s; }
  #esg-chi-interactive-160522 .source-button:hover {
    cursor: pointer;
    color: #7692dd; }
  #esg-chi-interactive-160522 .carousel {
    height: 600px;
    position: absolute;
    transition: opacity 0s;
    -moz-transition: opacity 0s;
    -webkit-transition: opacity 0s;
    transition-delay: 1s;
    z-index: 1;
    opacity: 0;
    width: 100%;
    color: #fff !important; }
    #esg-chi-interactive-160522 .carousel.active {
      opacity: 1;
      z-index: 2;
      transition: opacity 1s;
      -moz-transition: opacity 1s;
      -webkit-transition: opacity 1s;
      transition-delay: 0s; }
  #esg-chi-interactive-160522 .carousel-item {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    background-position: center center;
    background-size: cover;
    z-index: 10; }
  #esg-chi-interactive-160522 .section-circles {
    text-align: center; }
    #esg-chi-interactive-160522 .section-circles .section-circle:before {
      content: '';
      border: 15px solid rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      height: 100%;
      width: 100%;
      position: absolute;
      animation: pulsater 1s ease-out;
      animation-iteration-count: infinite;
      opacity: 0;
      z-index: 1;
      left: 0; }
  #esg-chi-interactive-160522 .section-circles-small {
    text-align: center;
    width: 80px;
    float: left; }
    #esg-chi-interactive-160522 .section-circles-small .section-circle {
      opacity: 0.5; }
      #esg-chi-interactive-160522 .section-circles-small .section-circle.active {
        opacity: 1; }
      #esg-chi-interactive-160522 .section-circles-small .section-circle:hover, #esg-chi-interactive-160522 .section-circles-small .section-circle.active {
        width: 150%;
        height: 150%;
        top: -25%;
        left: -25%;
        border: 2px #fff solid; }
  #esg-chi-interactive-160522 .section-circle-holder {
    width: 200px;
    height: 200px;
    display: inline-block;
    margin: 5px;
    position: relative; }
    #esg-chi-interactive-160522 .section-circle-holder:nth-child(1) {
      margin-bottom: -10px;
      display: block;
      margin: 0 auto; }
    #esg-chi-interactive-160522 .section-circle-holder:nth-child(2) {
      clear: both; }
  #esg-chi-interactive-160522 .section-circle-holder-small {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 2px;
    position: relative; }
    #esg-chi-interactive-160522 .section-circle-holder-small:nth-child(1) {
      margin-bottom: -5px; }
  #esg-chi-interactive-160522 .section-circle {
    width: 100%;
    border-radius: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
    #esg-chi-interactive-160522 .section-circle .section-circle-content {
      align-items: center;
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      justify-content: center; }
      #esg-chi-interactive-160522 .section-circle .section-circle-content img {
        width: 60px;
        fill: #fff;
        margin-top: 10px; }
    #esg-chi-interactive-160522 .section-circle .section-circle-title {
      font-size: 18px;
      font-weight: 700; }
    #esg-chi-interactive-160522 .section-circle .section-circle-subtitle {
      font-size: 16px;
      font-weight: 700;
      display: block;
      margin: 10px 0; }
    #esg-chi-interactive-160522 .section-circle:hover {
      width: 200%;
      height: 200%;
      top: -50%;
      left: -50%;
      z-index: 10;
      cursor: pointer;
      opacity: 1;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
      #esg-chi-interactive-160522 .section-circle:hover .section-circle-text {
        opacity: 1;
        max-height: 1000px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition-delay: 0.3s;
        -moz-transition-delay: 0.3s; }
    #esg-chi-interactive-160522 .section-circle .section-circle-text {
      font-size: 12px;
      opacity: 0;
      transition: max-height 0.2s, opacity 0.2s;
      -moz-transition: max-height 0.2s, opacity 0.2s;
      width: 60%;
      text-align: center;
      max-height: 0;
      position: relative;
      z-index: 2; }
  #esg-chi-interactive-160522 .section-circle-button {
    border-radius: 20px;
    padding: 5px 20px;
    border: 1px #fff solid;
    color: #fff;
    display: block;
    margin: 10px 0 0 0; }
    #esg-chi-interactive-160522 .section-circle-button:hover {
      background: #fff;
      color: #011b2b; }
  #esg-chi-interactive-160522 .carousel-cta {
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
    z-index: 15; }
  #esg-chi-interactive-160522 .start_wrapper .carousel-cta {
    width: auto; }
  #esg-chi-interactive-160522 .carousel-caption {
    top: 30px;
    left: 50px;
    text-align: left;
    padding: 0;
    right: auto;
    z-index: -1; }
    #esg-chi-interactive-160522 .carousel-caption h5 {
      font-size: 2em;
      font-weight: 700; }
  #esg-chi-interactive-160522 .carousel-inner {
    height: 100%;
    max-height: 100%; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner {
      height: 100%;
      padding: 50px 50px 100px; }
      #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-single {
        width: 100%;
        height: 100%;
        float: left;
        display: flex;
        justify-content: center;
        /* align horizontal */
        align-items: center; }
      #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-left {
        float: left;
        width: 45%;
        height: 100%;
        display: flex;
        justify-content: center;
        /* align horizontal */
        align-items: center; }
      #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right {
        float: right;
        width: 45%;
        height: 100%;
        display: flex;
        justify-content: center;
        /* align horizontal */
        align-items: center;
        line-height: 1.4em;
        flex-direction: column; }
        #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right h6 {
          margin: 10px 0;
          text-align: center; }
        #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right img {
          max-width: 400px; }
        #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right .svg-img {
          max-width: 300px;
          height: 100%; }
        #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right .svg-obj {
          height: 100%;
          max-width: 240px; }
      #esg-chi-interactive-160522 .carousel-inner .block-inner .block-summary {
        font-size: 1.5em;
        line-height: 1.4em; }
  #esg-chi-interactive-160522 .transition {
    transition: 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -webkit-transition: all 0.7s; }
  #esg-chi-interactive-160522 .list-group {
    padding: 10px 0;
    border-radius: 0; }
  #esg-chi-interactive-160522 .list-group-item-block {
    padding: 0; }
    #esg-chi-interactive-160522 .list-group-item-block .list-group-item {
      background: #011b2b;
      color: #fff;
      font-weight: 700;
      width: 50%;
      border: 1px #fff solid;
      padding-right: 40px; }
      #esg-chi-interactive-160522 .list-group-item-block .list-group-item:nth-child(1) {
        font-size: 1.1rem;
        line-height: 1.4rem; }
      #esg-chi-interactive-160522 .list-group-item-block .list-group-item:nth-child(2):after {
        content: "\F054";
        font-family: 'fontawesome';
        position: absolute;
        right: 30px;
        top: 40%;
        animation: pulser 0.5s ease-out;
        animation-iteration-count: infinite; }
      #esg-chi-interactive-160522 .list-group-item-block .list-group-item:nth-child(2):hover {
        cursor: pointer;
        opacity: 0.65; }
  #esg-chi-interactive-160522 .list-group-title-block .list-group-item {
    background: #011b2b;
    color: #fff;
    font-weight: 700;
    width: 50%; }
  #esg-chi-interactive-160522 #carousel_1 .list-group-item-block .list-group-item:nth-child(2) {
    background: #0626a9; }
  #esg-chi-interactive-160522 #carousel_2 .list-group-item-block .list-group-item:nth-child(2) {
    background: #00945e; }
  #esg-chi-interactive-160522 #carousel_3 .list-group-item-block .list-group-item:nth-child(2) {
    background: #00c4b3; }
  #esg-chi-interactive-160522 .close-button {
    position: absolute;
    top: 20px;
    height: 31px;
    right: 10px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
    #esg-chi-interactive-160522 .close-button:after, #esg-chi-interactive-160522 .close-button:before {
      content: "";
      position: absolute;
      top: 10px;
      right: 12px;
      width: 20px;
      height: 1px;
      background: #fff; }
    #esg-chi-interactive-160522 .close-button:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    #esg-chi-interactive-160522 .close-button:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  #esg-chi-interactive-160522 .carousel-transition {
    width: 100%;
    position: relative;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -webkit-transition: all 0.8s; }
    #esg-chi-interactive-160522 .carousel-transition.block-summary {
      transition: left 0.4s, opacity 0.4s;
      -moz-transition: left 0.4s, opacity 0.4s;
      -ms-transition: left 0.4s, opacity 0.4s;
      -webkit-transition: left 0.4s, opacity 0.4s; }
  #esg-chi-interactive-160522 .carousel-item.left .carousel-transition {
    left: 200%;
    opacity: 0; }
  #esg-chi-interactive-160522 .carousel-item.left.active.exiting .carousel-transition {
    left: -200%;
    opacity: 0; }
  #esg-chi-interactive-160522 .carousel-item.right .carousel-transition {
    left: -140%;
    opacity: 0; }
  #esg-chi-interactive-160522 .carousel-item.right.active.exiting .carousel-transition {
    left: 200%;
    opacity: 0; }
  #esg-chi-interactive-160522 .carousel-item.active .carousel-transition {
    opacity: 1;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  #esg-chi-interactive-160522 .carousel-indicators {
    background: transparent;
    margin: 0 0 30px 0;
    bottom: 30px;
    display: block; }
  #esg-chi-interactive-160522 .carousel-menu-item {
    position: absolute;
    left: 0;
    padding: 20px;
    height: 100%;
    width: 40px;
    opacity: 0.9;
    cursor: pointer;
    font-size: 20px;
    z-index: 2000;
    bottom: auto;
    width: auto; }
    #esg-chi-interactive-160522 .carousel-menu-item:after {
      content: '';
      height: 40px;
      width: 20px;
      top: calc(50% - 40px);
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 169.7 337.3' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' stroke='%23FFFFFF' stroke-miterlimit='10' stroke-width='6' points='169.7,0.7 169,0 0,169 0,169 0,169 169,338.1 169.7,337.3 1.4,169 '/%3E%3C/svg%3E");
      background-repeat: no-repeat; }
    #esg-chi-interactive-160522 .carousel-menu-item.disabled {
      opacity: 0;
      cursor: default;
      pointer-events: none; }
    #esg-chi-interactive-160522 .carousel-menu-item:hover:after {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 169.7 337.3' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%2300c4b3' stroke='%2300c4b3' stroke-miterlimit='6' stroke-width='8' points='169.7,0.7 169,0 0,169 0,169 0,169 169,338.1 169.7,337.3 1.4,169 '/%3E%3C/svg%3E"); }
    #esg-chi-interactive-160522 .carousel-menu-item.disabled:hover {
      background: none; }
  #esg-chi-interactive-160522 .carousel-control-next {
    left: auto;
    right: 0; }
    #esg-chi-interactive-160522 .carousel-control-next:after {
      transform: rotate(180deg); }
  #esg-chi-interactive-160522 .carousel-control-section {
    left: 50%;
    margin-left: -20px;
    right: auto;
    padding: 0;
    font-size: 30px;
    font-weight: 800;
    color: #fff; }
    #esg-chi-interactive-160522 .carousel-control-section:after {
      content: '\2026';
      font-family: 'fontawesome';
      background: none; }
    #esg-chi-interactive-160522 .carousel-control-section:hover {
      color: #00c4b3;
      text-decoration: none; }
      #esg-chi-interactive-160522 .carousel-control-section:hover:after {
        background: none; }
  #esg-chi-interactive-160522 .button-wrapper {
    width: 100%;
    height: 60px;
    text-align: right;
    padding: 10px 20px;
    position: relative;
    z-index: 5; }
  #esg-chi-interactive-160522 .toggle-button {
    float: right;
    margin: 0 5px;
    cursor: pointer; }
  #esg-chi-interactive-160522 .reset-toggle {
    color: #fff;
    height: 30px;
    width: 30px;
    font-size: 20px;
    z-index: 3;
    line-height: 32px;
    text-align: center;
    opacity: 0.2;
    pointer-events: none; }
    #esg-chi-interactive-160522 .reset-toggle:hover {
      cursor: pointer;
      color: #00c4b3; }
  #esg-chi-interactive-160522 .download-toggle {
    height: 30px;
    width: 30px;
    z-index: 3;
    text-align: center; }
    #esg-chi-interactive-160522 .download-toggle:hover {
      top: 3px; }
    #esg-chi-interactive-160522 .download-toggle a {
      color: #fff;
      top: 0;
      font-size: 22px;
      -webkit-transition: top 0.1s ease-out;
      -moz-transition: top 0.1s ease-out;
      transition: top 0.1s ease-out;
      line-height: 30px;
      text-decoration: none !important; }
  #esg-chi-interactive-160522 .fullscreen-toggle {
    color: #fff;
    font-size: 30px;
    height: 30px;
    width: 30px;
    -webkit-transition: -moz-transform 0.2s ease-out;
    -moz-transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transform-origin: 50% 50%;
    z-index: 3;
    line-height: 30px;
    text-align: center;
    opacity: 1;
    pointer-events: all; }
    #esg-chi-interactive-160522 .fullscreen-toggle:after {
      content: '\F116';
      font-family: 'fontawesome';
      font-size: 30px; }
    #esg-chi-interactive-160522 .fullscreen-toggle:hover {
      transform: scale(1.4);
      cursor: pointer; }
  #esg-chi-interactive-160522 .button-wrapper a:hover, #esg-chi-interactive-160522 .button-wrapper div:hover a {
    color: #00c4b3; }
  #esg-chi-interactive-160522 .highcharts-markers .highcharts-point {
    animation-duration: 1s;
    animation-name: pulsater;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    transform-box: fill-box; }

/*---------------------------- Tooltips -------------------------------*/
.esg-chi-interactive-160522-popover.popover {
  background: transparent;
  border: 0;
  max-width: 400px; }
  .esg-chi-interactive-160522-popover.popover.smallscreen {
    z-index: 10; }
  .esg-chi-interactive-160522-popover.popover.fullscreen {
    z-index: 100; }

.esg-chi-interactive-160522-popover .popover-body, .esg-chi-interactive-160522-popover .popover-content {
  color: #fff; }

.esg-chi-interactive-160522-popover .tooltip-inner {
  background-color: #ffc62d;
  color: #011b2b;
  font-family: 'Roboto',sans-serif;
  max-width: 600px;
  text-align: left; }
  .esg-chi-interactive-160522-popover .tooltip-inner h5 {
    font-weight: 700; }
  .esg-chi-interactive-160522-popover .tooltip-inner p {
    font-size: 14px; }

/*----------------------------- Animation ------------------------------*/
@keyframes pulsater {
  0% {
    -webkit-transform: scale(1, 1);
    opacity: 0.0; }
  50% {
    opacity: 0.3; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

@keyframes pulser {
  0% {
    -webkit-transform: scale(1, 1); }
  50% {
    -webkit-transform: scale(1.4, 1.4); }
  100% {
    -webkit-transform: scale(1, 1); } }

/*-------------------------------- media --------------------------------------*/
@media (max-width: 992px) {
  #esg-chi-interactive-160522 .carousel {
    height: auto; }
  #esg-chi-interactive-160522 .start_wrapper {
    padding: 0 20px; }
    #esg-chi-interactive-160522 .start_wrapper h5 {
      font-size: 32px; }
    #esg-chi-interactive-160522 .start_wrapper p {
      font-size: 1.2rem; }
    #esg-chi-interactive-160522 .start_wrapper .carousel-cta {
      width: 100%;
      bottom: 20px; }
  #esg-chi-interactive-160522 .section-circles {
    padding: 0; }
  #esg-chi-interactive-160522 .section-circle-holder {
    width: 180px;
    height: 180px;
    display: inline-block !important;
    margin: 0 10px !important; }
  #esg-chi-interactive-160522 .carousel-inner .block-inner {
    padding: 60px; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-left {
      width: 100%;
      height: 35%; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right {
      width: 100%;
      height: 55%; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner .block-summary {
      font-size: 1rem; }
  #esg-chi-interactive-160522 .carousel-caption h5 {
    font-size: 1.3rem; } }

@media (max-width: 768px) {
  #esg-chi-interactive-160522.fullscreen #carousel_2 .block-inner {
    height: 118%; }
  #esg-chi-interactive-160522 #carousel_2 .block-inner {
    height: 77%; }
  #esg-chi-interactive-160522 .carousel-caption {
    left: 0;
    height: auto;
    top: 0; }
  #esg-chi-interactive-160522 .start_wrapper h5 {
    font-size: 28px; }
  #esg-chi-interactive-160522 .start_wrapper p {
    font-size: 1.1rem; }
  #esg-chi-interactive-160522 .section-circle-holder {
    width: 140px;
    height: 140px;
    display: inline-block !important;
    margin: 0 10px !important; }
  #esg-chi-interactive-160522 .carousel-inner .block-inner {
    height: 75%;
    padding: 30px; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-left, #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right {
      height: auto;
      line-height: 1rem;
      margin: 10px 0; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-single {
      display: block; }
  #esg-chi-interactive-160522 .list-group-item-block .list-group-item:nth-child(1) {
    font-size: 0.9rem;
    line-height: 1.2rem; }
  #esg-chi-interactive-160522 .list-group-item-block .list-group-item:nth-child(2) ul {
    padding: 0; } }

@media (max-width: 576px) {
  #esg-chi-interactive-160522 .start_wrapper {
    padding: 0 20px; }
    #esg-chi-interactive-160522 .start_wrapper h5 {
      font-size: 24px;
      line-height: 32px; }
    #esg-chi-interactive-160522 .start_wrapper p {
      font-size: 1rem;
      line-height: 1.4rem; }
  #esg-chi-interactive-160522 .section-circle-holder {
    width: 100px;
    height: 100px;
    display: inline-block !important;
    margin: 0 10px !important; }
    #esg-chi-interactive-160522 .section-circle-holder img {
      margin-top: 0; }
  #esg-chi-interactive-160522 .mobile-hide {
    display: none; }
  #esg-chi-interactive-160522 .msci-btn-primary {
    height: 30px;
    line-height: 13px;
    font-size: 13px;
    padding: 8px 16px;
    font-weight: 700; }
  #esg-chi-interactive-160522 .carousel-caption {
    width: 100%;
    left: 0;
    height: auto;
    margin: 10px 0 20px;
    padding: 0 10px; }
    #esg-chi-interactive-160522 .carousel-caption h5 {
      font-size: 1.2rem;
      line-height: 1.6rem; }
  #esg-chi-interactive-160522 .carousel-inner .block-inner {
    padding: 20px; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right h6 {
      margin: 0; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-left, #esg-chi-interactive-160522 .carousel-inner .block-inner .block-col-right {
      margin: 10px 0; }
    #esg-chi-interactive-160522 .carousel-inner .block-inner .block-summary, #esg-chi-interactive-160522 .carousel-inner .block-inner h6 {
      font-size: 0.9rem; }
  #esg-chi-interactive-160522 .list-group-item-block .list-group-item {
    width: 100%; } }

/*------------------HEIGHT SETTINGS---------------------*/
@media screen and (max-height: 860px) and (min-width: 720px) {
  #esg-chi-interactive-160522.fullscreen.carousel-item.active .carousel-transition {
    display: block; }
  #esg-chi-interactive-160522.fullscreen .carousel-inner .block-inner {
    padding-top: 80px; }
    #esg-chi-interactive-160522.fullscreen .carousel-inner .block-inner .block-summary {
      font-size: 1.3em;
      line-height: 1.2em; }
  #esg-chi-interactive-160522.fullscreen .carousel-cta {
    bottom: 20px; }
  #esg-chi-interactive-160522.fullscreen .carousel, #esg-chi-interactive-160522.fullscreen .carousel-item {
    height: calc(100% - 80px); } }

#thematic-partners-container-061022 .asset-container {
  position: relative;
  margin: 20px auto 30px;
  height: 320px;
  background: #fff;
  border: 2px #011b2b solid;
  font-size: 13px;
  overflow: hidden;
  color: #011b2b; }

#thematic-partners-container-061022 .asset-container .row {
  height: 100%; }

#thematic-partners-container-061022 p,
#thematic-partners-container-061022 li {
  font-family: 'Roboto', sans-serif; }

#thematic-partners-container-061022 h2,
#thematic-partners-container-061022 h3,
#thematic-partners-container-061022 h4,
#thematic-partners-container-061022 h5 {
  margin: 10px 0; }

#thematic-partners-container-061022 .index-container-title {
  height: 2.8rem;
  line-height: 1.4rem; }

/*----------------PARTNERS BOX------------------*/
#thematic-partners-container-061022 .thematic-partners {
  padding: 30px auto;
  position: relative;
  height: 100%;
  overflow: hidden; }

#thematic-partners-container-061022 .partners-list {
  text-align: center;
  list-style: none;
  height: calc(100% - 80px);
  margin: 40px 0;
  padding: 0;
  top: 0;
  width: calc(100% - 15px);
  position: absolute;
  z-index: 5; }

#thematic-partners-container-061022 .partners-list li {
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

#thematic-partners-container-061022 .partners-list li:hover {
  cursor: pointer;
  background: #011b2b11; }

#thematic-partners-container-061022 .partners-list li img {
  width: 80%;
  max-width: 240px;
  opacity: 0.4;
  transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s; }

#thematic-partners-container-061022 .partners-list li.active {
  background: #011b2b11; }

#thematic-partners-container-061022 .partners-list li:hover img,
#thematic-partners-container-061022 .partners-list li.active img {
  opacity: 1; }

/*-----------------CONTENT BOX------------------*/
#thematic-partners-container-061022 .thematic-partners-content {
  background: #011b2bdd;
  color: #fff;
  overflow: hidden;
  height: 100%;
  box-shadow: inset 10px 0px 10px -7px #000; }

#thematic-partners-container-061022 .partner-content {
  height: 100%;
  overflow: auto;
  padding: 30px;
  scrollbar-color: #00c4b3 #00c4b322;
  scrollbar-width: thin; }

#thematic-partners-container-061022 .partner-content .partner-message {
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 0; }

#thematic-partners-container-061022 .partner-content .partner-name {
  color: #00c4b3; }

#thematic-partners-container-061022 .partner-content .sub-title {
  color: #7692dd; }

#thematic-partners-container-061022 .partner-content .partner-link {
  margin: 30px 0 0; }

#thematic-partners-container-061022 .partner-content::-webkit-scrollbar {
  width: 8px; }

#thematic-partners-container-061022 .partner-content::-webkit-scrollbar-track {
  background-color: #00c4b322; }

#thematic-partners-container-061022 .partner-content::-webkit-scrollbar-thumb {
  background-color: #00c4b3; }

/*-----------------LIST NEXT/PREV--------------*/
#thematic-partners-container-061022 .thematic-partners .list-nav {
  position: absolute;
  top: 0;
  padding: 20px 0;
  width: 100%;
  opacity: 0.9;
  cursor: pointer;
  font-size: 20px;
  z-index: 10;
  bottom: auto;
  background: #fff; }

#thematic-partners-container-061022 .thematic-partners .list-nav:after {
  content: '';
  display: block;
  position: absolute;
  height: 40px;
  width: 20px;
  top: 0;
  left: calc(50% - 20px);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 169.7 337.3' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23011b2b' stroke='%23011b2b' stroke-miterlimit='10' stroke-width='6' points='169.7,0.7 169,0 0,169 0,169 0,169 169,338.1 169.7,337.3 1.4,169 '/%3E%3C/svg%3E");
  background-repeat: no-repeat; }

#thematic-partners-container-061022 .thematic-partners .list-nav.disabled {
  opacity: 0;
  cursor: default;
  pointer-events: none; }

#thematic-partners-container-061022 .thematic-partners .list-nav-next {
  top: auto;
  bottom: 0; }

#thematic-partners-container-061022 .thematic-partners .list-nav-prev:after {
  transform: rotate(90deg); }

#thematic-partners-container-061022 .thematic-partners .list-nav-next:after {
  transform: rotate(-90deg); }

#thematic-partners-container-061022 .thematic-partners .list-nav:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 169.7 337.3' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%2300c4b3' stroke='%2300c4b3' stroke-miterlimit='6' stroke-width='8' points='169.7,0.7 169,0 0,169 0,169 0,169 169,338.1 169.7,337.3 1.4,169 '/%3E%3C/svg%3E"); }

#thematic-partners-container-061022 .thematic-partners .list-nav.disabled:hover {
  background: none; }

/*-----------------CLOSE BUTTON-----------------*/
#thematic-partners-container-061022 .close-button {
  position: absolute;
  top: 10px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1;
  display: none; }

#thematic-partners-container-061022 .clone.expanded .close-button {
  display: block; }

#thematic-partners-container-061022 .close-button::after,
#thematic-partners-container-061022 .close-button::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #011b2b; }

#thematic-partners-container-061022 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#thematic-partners-container-061022 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*-------------------VIEWPORTS-----------------*/
@media (max-width: 575px) {
  #thematic-partners-container-061022 .asset-container {
    height: auto; }
  #thematic-partners-container-061022 .thematic-partners {
    height: 320px; } }

#indexes-china-container-031022 .asset-container {
  position: relative;
  margin: 30px auto;
  height: auto;
  background: #011b2b;
  font-size: 13px;
  overflow: hidden;
  padding: 0;
  color: #fff; }

#indexes-china-container-031022 p,
#indexes-china-container-031022 li {
  font-family: 'Roboto', sans-serif; }

#indexes-china-container-031022 h2,
#indexes-china-container-031022 h3,
#indexes-china-container-031022 h4,
#indexes-china-container-031022 h5 {
  margin: 10px 0; }

#indexes-china-container-031022 hr {
  border-top: 1px #ffffff99 solid; }

#indexes-china-container-031022 .asset-container > .row {
  margin: 0; }

#indexes-china-container-031022 .asset-container .index-column {
  padding: 30px; }

#indexes-china-container-031022 .asset-container .index-column:first-child {
  background: #ffffff22; }

#indexes-china-container-031022 .index-container-title {
  height: 2.8rem;
  line-height: 1.4rem; }

#indexes-china-container-031022 .index-card {
  margin: 10px 0;
  text-align: center;
  position: relative;
  height: 80px;
  width: 100%;
  box-shadow: 3px 3px 6px #000; }

#indexes-china-container-031022 .index-content {
  font-size: 18px;
  height: 80px;
  width: 100px;
  top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transition: background-color 0.3s; }

#indexes-china-container-031022 .index-content {
  border-width: 2px;
  border-style: solid; }

#indexes-china-container-031022 .index-content:not(.clone):hover {
  cursor: pointer;
  background: var(--icc-031022-hover-color); }

#indexes-china-container-031022 .index-content .index-title {
  position: absolute; }

#indexes-china-container-031022 .index-content .index-title:after {
  content: "\F061";
  font-family: 'fontawesome';
  position: absolute;
  font-weight: 300;
  top: -1px;
  right: -20px;
  color: #fff;
  font-size: 14px; }

#indexes-china-container-031022 .index-cta {
  text-align: center; }

#indexes-china-container-031022 .index-image {
  width: 200px;
  margin: -30px auto 20px auto;
  border-radius: 100%;
  height: 200px;
  overflow: hidden; }

#indexes-china-container-031022 .index-image img {
  width: 100%;
  height: auto; }

#indexes-china-container-031022 .index-cta .btn {
  padding: 12px 24px;
  height: 40px;
  line-height: 16px;
  font-size: 16px; }

/*--------------------CLONE--------------------*/
#indexes-china-container-031022 .index-content.clone {
  position: absolute;
  z-index: 10;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  color: #011b2b; }

#indexes-china-container-031022 .index-content.clone .index-title {
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  opacity: 1; }

#indexes-china-container-031022 .index-content.clone.expanding .index-title {
  opacity: 0; }

#indexes-china-container-031022 .index-content.clone.active {
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important; }

#indexes-china-container-031022 .index-content.clone.active .index-title {
  top: 20px;
  left: 20px;
  font-size: 20px;
  font-weight: 700; }

#indexes-china-container-031022 .index-content.clone .index-details {
  text-align: left;
  width: 100%;
  height: 100%;
  padding: 60px 5px 5px;
  opacity: 0;
  transition-delay: 0s;
  transition: opacity 0.3s;
  font-size: 16px; }

#indexes-china-container-031022 .index-content.clone.active:not(.expanding) .index-details {
  opacity: 1;
  transition: opacity 0.5s;
  transition-delay: 0.5s; }

#indexes-china-container-031022 .index-content.clone .index-details ul {
  padding-left: 12px; }

#indexes-china-container-031022 .index-content.clone .index-details ul li {
  margin: 15px 0;
  font-size: 16px; }

#indexes-china-container-031022 .index-content.clone.active .index-details .index-details-subtitle {
  display: block;
  font-weight: 700;
  margin: 10px 0 20px 0; }

/*-----------------CLOSE BUTTON-----------------*/
#indexes-china-container-031022 .close-button {
  position: absolute;
  top: 10px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1;
  display: none; }

#indexes-china-container-031022 .clone.expanded .close-button {
  display: block; }

#indexes-china-container-031022 .close-button::after,
#indexes-china-container-031022 .close-button::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #011b2b; }

#indexes-china-container-031022 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#indexes-china-container-031022 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#regulatory-mapping-tool-200123 {
  position: relative;
  width: 100%;
  padding: 0;
  color: #fff;
  background: #011b2b;
  font-family: 'Roboto Regular',sans-serif; }

#regulatory-mapping-tool-200123 .right {
  float: right; }

#regulatory-mapping-tool-200123 .reset-button {
  float: right;
  transition: all 0.5s; }

#regulatory-mapping-tool-200123 .reset-button:hover {
  color: #00c4b3;
  transform: rotate(90deg);
  cursor: pointer; }

#regulatory-mapping-tool-200123 .filters {
  position: relative;
  margin: 0 auto;
  padding: 20px; }

/*bootstrap adjusts*/
#regulatory-mapping-tool-200123 .msci-btn-small {
  padding: 3px 10px;
  font-size: 0.8rem;
  height: auto;
  line-height: 0.8rem; }

#regulatory-mapping-tool-200123 .results-table-container h4 {
  margin-top: 20px; }

#regulatory-mapping-tool-200123 .filter-row {
  color: #011b2b;
  padding: 10px 0; }

#regulatory-mapping-tool-200123 .filter-row p {
  font-size: 1.2rem; }

#regulatory-mapping-tool-200123 .input-group {
  height: 100%; }

#regulatory-mapping-tool-200123 .dropdown-toggle {
  position: relative;
  overflow: hidden; }

#regulatory-mapping-tool-200123 .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent; }

#regulatory-mapping-tool-200123 .dropdown-filter .dropdown-toggle:after {
  position: absolute;
  right: 10px;
  top: 50%; }

#regulatory-mapping-tool-200123 .dropdown-toggle,
#regulatory-mapping-tool-200123 .dropdown-menu {
  width: 100%;
  text-align: left;
  min-width: 100%; }

#regulatory-mapping-tool-200123 .dropdown-menu {
  min-width: calc(100% - 30px);
  margin-left: 15px;
  max-height: 600px; }

#regulatory-mapping-tool-200123 .dropdown-filter.active .dropdown-toggle:after {
  display: none; }

#regulatory-mapping-tool-200123 .dropdown-filter button,
#regulatory-mapping-tool-200123 .search_input {
  height: 50px;
  border: 3px #011b2b solid;
  background: #6c757d;
  color: #fff; }

#regulatory-mapping-tool-200123 .search_input.form-control::placeholder {
  color: #fff; }

#regulatory-mapping-tool-200123 .filter-row .dropdown-toggle.active,
#regulatory-mapping-tool-200123 .dropdown-filter.active button,
#regulatory-mapping-tool-200123 .search_input.active {
  border: 3px #ffc62d solid;
  color: #ffc62d; }

#regulatory-mapping-tool-200123 .dropdown-menu {
  padding: 10px 10px 0 10px; }

#regulatory-mapping-tool-200123 .dropdown-menu a {
  padding: 8px 5px;
  white-space: normal;
  font-family: 'Roboto Medium',sans-serif; }

#regulatory-mapping-tool-200123 .dropdown-menu .dropdown-item:focus,
#regulatory-mapping-tool-200123 .dropdown-menu .dropdown-item.active {
  background: #ffc62d;
  color: #011b2b; }

#regulatory-mapping-tool-200123 .dropdown-menu div.category-info {
  width: 100%;
  background: #ffc62d;
  padding: 20px;
  font-size: 13px; }

/*TABLES*/
#regulatory-mapping-tool-200123 .results-table-wrapper {
  padding: 0 20px 10px 20px;
  position: relative; }

#regulatory-mapping-tool-200123 .results-table-wrapper tbody::-webkit-scrollbar {
  width: 8px; }

#regulatory-mapping-tool-200123 .results-table-wrapper tbody::-webkit-scrollbar-track {
  background-color: #ffc62d99; }

#regulatory-mapping-tool-200123 .results-table-wrapper tbody::-webkit-scrollbar-thumb {
  background-color: #ffc62d; }

#regulatory-mapping-tool-200123 .results-table-wrapper.overflow .marker {
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  background: #011b2b;
  border: 2px #fff solid;
  opacity: 0;
  animation: pulse 1s infinite;
  margin-top: -16px; }

#regulatory-mapping-tool-200123 .results-table-wrapper.overflow .marker:after {
  content: '\F063';
  font-size: 10px;
  font-family: 'fontawesome';
  position: absolute;
  text-align: center;
  color: #fff;
  top: 0;
  width: 100%;
  height: 100%; }

#regulatory-mapping-tool-200123 .results-table {
  table-layout: fixed;
  border-collapse: collapse; }

#regulatory-mapping-tool-200123 .results-table tbody {
  display: block;
  width: 100%;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  height: 500px;
  scrollbar-color: #ffc62d #ffc62d99;
  scrollbar-width: thin; }

#regulatory-mapping-tool-200123 .results-table tr {
  position: relative;
  overflow: hidden;
  display: block; }

#regulatory-mapping-tool-200123 .results-table.empty tbody {
  display: table-row-group; }

#regulatory-mapping-tool-200123 .results-table.empty tr {
  display: table-row; }

#regulatory-mapping-tool-200123 .results-table td {
  border: none;
  padding: 1rem 1rem 1rem 1rem;
  vertical-align: top; }

#regulatory-mapping-tool-200123 .results-table thead th {
  border-bottom: 2px solid #fff;
  background: #00293b;
  border-top: 0;
  color: #c7d2ec;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 15px; }

#regulatory-mapping-tool-200123 .results-table thead th.active {
  color: #ffc62d; }

#regulatory-mapping-tool-200123 .results-table thead th.results-table-title {
  padding: 0.5rem 0; }

#regulatory-mapping-tool-200123 .results-table th.hidden, #regulatory-mapping-tool-200123 .results-table td.hidden {
  display: none; }

#regulatory-mapping-tool-200123 .results-table thead th:not(.results-table-title):not(.not-sortable):hover {
  cursor: pointer;
  color: #ffc26d; }

#regulatory-mapping-tool-200123 .results-table thead th:not(.results-table-title):not(.not-sortable):before {
  content: '\f0dc';
  font-family: 'fontawesome';
  position: relative;
  left: -10px; }

#regulatory-mapping-tool-200123 .results-table tbody td,
#regulatory-mapping-tool-200123 .results-table tbody li,
#regulatory-mapping-tool-200123 .results-table tbody a {
  font-size: 13px;
  color: #fff;
  font-family: 'Roboto Medium',sans-serif;
  text-align: left; }

#regulatory-mapping-tool-200123 .results-table thead th:nth-child(1),
#regulatory-mapping-tool-200123 .results-table tbody td:nth-child(1) {
  width: 35%; }

#regulatory-mapping-tool-200123 .results-table thead th:nth-child(2),
#regulatory-mapping-tool-200123 .results-table tbody td:nth-child(2) {
  width: 10%; }

#regulatory-mapping-tool-200123 .results-table thead th:nth-child(3),
#regulatory-mapping-tool-200123 .results-table tbody td:nth-child(3) {
  width: 10%; }

#regulatory-mapping-tool-200123 .results-table thead th:nth-child(4),
#regulatory-mapping-tool-200123 .results-table tbody td:nth-child(4) {
  width: 20%; }

#regulatory-mapping-tool-200123 .results-table thead th:nth-child(5),
#regulatory-mapping-tool-200123 .results-table tbody td:nth-child(5) {
  width: 25%; }

#regulatory-mapping-tool-200123 .results-table tr.odd,
#regulatory-mapping-tool-200123 .results-table tr.odd td {
  background: rgba(255, 255, 255, 0.1); }

#regulatory-mapping-tool-200123 .results-table tr.hidden,
#regulatory-mapping-tool-200123 .results-table tr.hidden td {
  display: none; }

#regulatory-mapping-tool-200123 .results-table tbody td[data-col="regulation"] {
  color: #c7d2ec;
  font-size: 1rem;
  line-height: 1.1rem; }

#regulatory-mapping-tool-200123 .results-table tr td[data-col="weblinks"] ul,
#regulatory-mapping-tool-200123 .results-table tr td[data-col="solutions"] ul {
  list-style: none;
  padding-left: 0;
  margin: 0; }

#regulatory-mapping-tool-200123 .results-table tr td[data-col="weblinks"] ul li {
  margin: 3px 0;
  font-family: "Roboto Medium",sans-serif; }

#regulatory-mapping-tool-200123 .results-table tr td span.selected {
  color: #ffc62d;
  font-family: "Roboto Medium",sans-serif; }

#regulatory-mapping-tool-200123 tr.no-results-row {
  color: #ccc; }

#regulatory-mapping-tool-200123 .icon-primary {
  color: #0626a9; }

#regulatory-mapping-tool-200123 .external-link {
  display: inline-block;
  border: 1px #5987da solid;
  border-radius: 10px;
  padding: 5px 30px 5px 5px;
  transition: background-color 0.2s;
  position: relative;
  width: 100%; }

#regulatory-mapping-tool-200123 .external-link:hover {
  background-color: #5987da; }

#regulatory-mapping-tool-200123 .external-link:after {
  content: "\F14C";
  font-family: 'fontawesome';
  position: absolute;
  top: 5px;
  right: 10px; }

#regulatory-mapping-tool-200123 .weblink {
  transition: opacity 0.5s;
  margin: 2px 0; }

#regulatory-mapping-tool-200123 .weblink.esgratings {
  background: #00c4b3; }

#regulatory-mapping-tool-200123 .weblink.esgdataandsolutions {
  background: #0626a9; }

#regulatory-mapping-tool-200123 .weblink.climateandnetzerosolutions {
  background: #00945e; }

#regulatory-mapping-tool-200123 .weblink.impactsolutions {
  background: #f08900; }

#regulatory-mapping-tool-200123 .weblink.sustainablefinancesolutions {
  background: #6c7bd3; }

#regulatory-mapping-tool-200123 .weblink:hover {
  opacity: 0.6; }

/*----------ANIMATION--------------*/
@keyframes pulse {
  0% {
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    opacity: 0.0; } }

@media (max-width: 992px) {
  #regulatory-mapping-tool-200123 .form-control-lg.custom-control {
    font-size: 0.9rem;
    margin: 5px 0; }
  #regulatory-mapping-tool-200123 .results-table tbody tr td {
    display: inline-block;
    padding: 0.5rem;
    border: none; }
  #regulatory-mapping-tool-200123 .results-table tbody tr.odd td {
    background: none; }
  #regulatory-mapping-tool-200123 .results-table tr td:not(.mobile) {
    display: none; }
  #regulatory-mapping-tool-200123 .results-table tr td[data-col="regulation"],
  #regulatory-mapping-tool-200123 .results-table tr td[data-col="category"],
  #regulatory-mapping-tool-200123 .results-table tr td[data-col="weblinks"] {
    width: 100% !important; }
  #regulatory-mapping-tool-200123 .results-table tr td[data-col="jurisdiction"],
  #regulatory-mapping-tool-200123 .results-table tr td[data-col="status"] {
    width: auto;
    display: inline-block; }
  #regulatory-mapping-tool-200123 .results-table tr {
    border-bottom: 1px #0626a9 solid; }
  #regulatory-mapping-tool-200123 .results-table thead {
    display: none; }
  #regulatory-mapping-tool-200123 .results-table-link {
    margin-top: -5px; }
  #regulatory-mapping-tool-200123 .msci-btn-small {
    padding: 0.5rem 1rem; }
  #regulatory-mapping-tool-200123 .filter-row {
    padding: 20px 10px; } }

@media (max-width: 720px) {
  #regulatory-mapping-tool-200123 .results-table tr td[data-col="weblinks"] ul li {
    margin: 10px 0; }
  #regulatory-mapping-tool-200123 .filter-row > div {
    padding: 0 5px; } }

@media (max-width: 576px) {
  #regulatory-mapping-tool-200123 .form-control-lg {
    font-size: 0.9rem; } }

.indexes-box-270123 .asset-container {
  position: relative;
  margin: 20px auto 30px;
  overflow: hidden;
  background: #011b2b;
  color: #fff;
  padding: 20px 20px 0 20px; }
  .indexes-box-270123 .asset-container .row {
    height: 100%; }

.indexes-box-270123 p {
  font-family: 'Roboto Medium', sans-serif; }

.indexes-box-270123 li {
  font-family: 'Roboto Medium', sans-serif; }

.indexes-box-270123 h2 {
  margin: 10px 0; }

.indexes-box-270123 h3 {
  margin: 10px 0; }

.indexes-box-270123 h4 {
  margin: 10px 0; }

.indexes-box-270123 h5 {
  margin: 10px 0; }

.indexes-box-270123 .index-category-col {
  transition: opacity 0.5s, background-color 1s, border-right 1s; }
  .indexes-box-270123 .index-category-col:not(:nth-child(3)) {
    border-right: 1px rgba(255, 255, 255, 0.3) solid;
    padding-right: 20px; }
  .indexes-box-270123 .index-category-col:not(:nth-child(1)) {
    padding-left: 20px; }
  .indexes-box-270123 .index-category-col:nth-child(3) {
    border: 0; }

.indexes-box-270123 .index-category-col.selected {
  background-color: #00293b; }
  .indexes-box-270123 .index-category-col.selected:not(:nth-child(3)) {
    border-right: 1px #011b2b solid; }

.indexes-box-270123 .index-category-col.lowlight {
  opacity: 0.2; }
  .indexes-box-270123 .index-category-col.lowlight:not(:nth-child(3)) {
    border-right: 1px #011b2b solid; }

.indexes-box-270123 .index-category-container {
  margin-bottom: 30px; }

.indexes-box-270123 .index-category-name {
  color: #ffc62d;
  text-transform: uppercase; }

.indexes-box-270123 ul.index-list {
  list-style: none;
  padding-left: 0; }
  .indexes-box-270123 ul.index-list li {
    padding: 5px 50px 5px 20px;
    position: relative; }
    .indexes-box-270123 ul.index-list li:hover {
      background: rgba(255, 255, 255, 0.2);
      cursor: pointer; }
    .indexes-box-270123 ul.index-list li:after {
      content: '\F054';
      font-family: 'fontawesome';
      position: absolute;
      right: 30px; }

.indexes-box-270123 .index-type-container {
  padding: 20px 0;
  margin: 0 -20px 0 -20px; }

.indexes-box-270123 .index-type-name {
  padding-left: 20px; }

.indexes-box-270123 .index-type-container.index-type-equity {
  background: rgba(0, 196, 179, 0.1);
  color: #66DCD2; }

.indexes-box-270123 .index-type-container.index-type-fixed-income {
  background: rgba(89, 135, 218, 0.1);
  color: #9BB7E9; }

.indexes-box-270123 .index-info-box-container.index-type-equity .index-info-box-type {
  color: #66DCD2; }

.indexes-box-270123 .index-info-box-container.index-type-equity .index-info-box-name {
  color: #66DCD2; }

.indexes-box-270123 .index-info-box-container.index-type-equity li a {
  color: #66DCD2; }

.indexes-box-270123 .index-info-box-container.index-type-fixed-income .index-info-box-type {
  color: #9BB7E9; }

.indexes-box-270123 .index-info-box-container.index-type-fixed-income .index-info-box-name {
  color: #9BB7E9; }

.indexes-box-270123 .index-info-box-container.index-type-fixed-income li a {
  color: #9BB7E9; }

.indexes-box-270123 .close-button {
  position: absolute;
  top: 20px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }
  .indexes-box-270123 .close-button::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 12px;
    width: 30px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .indexes-box-270123 .close-button::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 12px;
    width: 30px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.indexes-box-270123 .clone.expanded .close-button {
  display: block; }

.indexes-box-270123 .index-info-box {
  bottom: -100%;
  position: absolute;
  height: 100%;
  left: 0;
  width: 100%;
  background: #00293b;
  color: #fff;
  transition: bottom 0.5s ease-in-out;
  box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.6); }
  .indexes-box-270123 .index-info-box .index-info-box-desc {
    padding-right: 40px; }

.indexes-box-270123 .index-info-box.open {
  bottom: 0; }

.indexes-box-270123 .index-info-box-container {
  padding: 30px 20px; }

.indexes-box-270123 .index-learn-more {
  font-family: 'Roboto Medium',sans-serif; }
  .indexes-box-270123 .index-learn-more:not(.active) {
    display: none; }

.indexes-box-270123 ul.link-list {
  list-style: none;
  padding-left: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; }
  .indexes-box-270123 ul.link-list li {
    padding: 0 50px 0 60px;
    position: relative;
    line-height: 60px;
    margin-bottom: 10px; }
    .indexes-box-270123 ul.link-list li:after {
      content: '\F054';
      font-family: 'fontawesome';
      position: absolute;
      right: 30px; }
    .indexes-box-270123 ul.link-list li a {
      color: #00c4b3;
      font-family: 'Roboto Medium',sans-serif;
      font-size: 1.2rem;
      display: inline-block; }

.indexes-box-270123 .link-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0; }

.indexes-box-270123 .link-icon.factsheet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m47.48 51.91H13.97c-.32 0-.57-.26-.57-.57V7.98c0-.32.26-.57.57-.57h33.51c.32 0 .57.26.57.57v43.37c0 .32-.26.57-.57.57m-32.94-1.14h32.37V8.55H14.54v42.22Zm14.35-7.32h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57m3.66 1.14h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57m-3.66 2.65h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57m14.47 0h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57M21.82 11.66h1.02v5.21h-1.02v-5.21Zm6.23 5.21l-2.06-3.2v3.2h-1.02v-5.21h.91l2.06 3.19v-3.19h1.02v5.21h-.91Zm4.06-4.3v1.28h2.06v.91h-2.06v2.12h-1.02v-5.21h3.43v.91h-2.42Zm7.23 3.78c-.37.37-.81.57-1.41.57s-1.05-.21-1.41-.57c-.53-.53-.51-1.18-.51-2.08s-.01-1.55.51-2.08c.37-.37.82-.57 1.41-.57s1.04.21 1.41.57c.53.53.52 1.18.52 2.08s0 1.55-.52 2.08m-.75-3.54c-.15-.17-.37-.28-.65-.28s-.51.11-.66.28c-.2.22-.25.46-.25 1.46s.05 1.24.25 1.46c.15.17.38.28.66.28s.51-.11.65-.28c.2-.22.26-.46.26-1.46s-.06-1.24-.26-1.46'/%3E%3Cpath class='cls-1' d='m31.08 22.35h0s-.46-.01-.46-.01h-.46c-1.23.07-2.34.36-3.45.9h0s-.4.21-.4.21l-.4.22h0c-1.71 1.06-2.9 2.5-3.6 4.38h-.01s-.14.44-.14.44l-.14.44h.01c-.94 3.46.21 7 3 9.24h0s.37.28.37.28l.37.27h0c1.48.97 3.04 1.43 4.85 1.43 4.91 0 8.91-4 8.91-8.91s-3.75-8.65-8.45-8.9m2.71 8.9c0 1.75-1.42 3.17-3.17 3.17s-3.17-1.42-3.17-3.17 1.42-3.17 3.17-3.17 3.17 1.42 3.17 3.17m-3.63-7.97v3.9c-.39.04-.76.14-1.11.28l-1.89-3.41c.96-.47 1.93-.72 3-.77m-3.81 1.22l1.89 3.41c-.58.42-1.05.98-1.35 1.64l-3.26-1.06-.45-.15c.63-1.65 1.67-2.91 3.17-3.85m-.79 12.92c-2.46-2-3.48-5.14-2.66-8.2l.49.16 3.22 1.05c-.05.27-.08.54-.08.82 0 1.2.52 2.27 1.34 3.02l-2.29 3.16Zm5.06 1.81c-1.61 0-3-.4-4.31-1.26l2.29-3.16c.6.34 1.28.53 2.01.53 2.26 0 4.1-1.84 4.1-4.1 0-2.1-1.59-3.84-3.63-4.07v-3.9c4.19.24 7.52 3.72 7.52 7.97s-3.58 7.98-7.98 7.98'/%3E%3C/svg%3E"); }

.indexes-box-270123 .link-icon.methodology {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none%3B stroke: %23fff%3B stroke-miterlimit: 10%3B stroke-width: 1.23px%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m28.95 27.28V6.88c-5.67.19-10.47 2.21-14.49 5.94 4.87 4.86 9.67 9.65 14.49 14.46Zm-14.72 18.02c4.88-4.88 9.71-9.71 14.49-14.49-4.87-4.86-9.72-9.71-14.58-14.56-7.69 7.75-8.17 20.48.09 29.05ZM31.12 10.98v12.2c0 2.46.05 4.92-.03 7.38-.02.6-.32 1.32-.74 1.74-4.56 4.63-9.18 9.21-13.77 13.8 3.43 5.55 15.14 7.78 22.86 4.39 9.41-4.13 14.38-14.61 11.59-24.42-2.54-8.93-12.03-16.19-19.91-15.09Z'/%3E%3C/svg%3E"); }

.indexes-box-270123 .link-icon.performance {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m14.48 20.23l-.41.32c-5.43 4.23-8.67 10.83-8.67 17.65v.48h12.96v-.48c0-2.64 1.13-5.18 3.11-6.98l.31-.28-7.31-10.7Zm-8.1 17.49c.14-6.19 3.06-12.13 7.89-16.09l6.26 9.16c-1.87 1.85-2.99 4.33-3.11 6.92H6.38Z'/%3E%3Cpath class='cls-1' d='m45.11 20.55l-.41-.32-7.31 10.7.31.28c.57.52 1.07 1.1 1.49 1.73l-3.16.93c-1.52-1.76-3.76-2.87-6.27-2.87-4.57 0-8.28 3.72-8.28 8.28s3.72 8.29 8.28 8.29 8.29-3.72 8.29-8.29c0-.58-.06-1.15-.18-1.7l2.61-1.82c.22.79.33 1.61.33 2.44v.48h12.96v-.48c0-6.83-3.24-13.43-8.67-17.65m-3.34 17.17c-.04-.87-.2-1.72-.45-2.54l3.01-2.1-.69-1.43-3.48 1.02c-.43-.67-.93-1.3-1.51-1.87l6.26-9.16c4.83 3.95 7.74 9.9 7.89 16.09h-11.03Zm-4.68 1.57c0 4.04-3.28 7.32-7.32 7.32s-7.32-3.28-7.32-7.32 3.28-7.32 7.32-7.32c2.05 0 3.9.85 5.23 2.21l-2.91.85c-1.34-.74-2.95-.8-4.33-.13-1.14.55-2 1.5-2.42 2.7-.42 1.19-.35 2.48.2 3.62.81 1.69 2.51 2.69 4.28 2.69.68 0 1.38-.15 2.04-.46 1.39-.66 2.35-1.95 2.61-3.46l2.54-1.78c.05.36.08.72.08 1.09m-3.52.13l-.03.21c-.16 1.28-.95 2.37-2.1 2.93-1.87.9-4.13.11-5.03-1.77-.44-.91-.49-1.93-.16-2.88.33-.95 1.02-1.71 1.92-2.15.51-.25 1.07-.37 1.62-.37.69 0 1.37.19 1.98.56l.18.11 11.01-3.22-9.4 6.57Z'/%3E%3Cpath class='cls-1' d='m25.24 29.08c1.32-.65 2.73-.99 4.19-.99s2.87.33 4.19.99l.38.19 7.31-10.73-.44-.26c-3.45-2.05-7.41-3.13-11.44-3.13s-7.98 1.08-11.44 3.13l-.44.26 7.31 10.73.38-.19Zm4.19-12.98c3.68 0 7.3.95 10.5 2.74l-6.26 9.19c-1.35-.6-2.77-.91-4.24-.91s-2.89.3-4.24.91l-6.26-9.19c3.2-1.8 6.82-2.74 10.5-2.74'/%3E%3Cpath class='cls-1' d='m29.77 36.68c-1.44 0-2.61 1.17-2.61 2.61s1.17 2.61 2.61 2.61 2.6-1.17 2.6-2.61-1.17-2.61-2.6-2.61m0 4.24c-.9 0-1.64-.74-1.64-1.64s.74-1.64 1.64-1.64 1.64.74 1.64 1.64-.74 1.64-1.64 1.64'/%3E%3C/svg%3E"); }

.indexes-box-270123 .link-icon.learn-more {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m31.96 39.64h-3.9c-.31 0-.56.25-.56.56s.25.56.56.56h3.9c.31 0 .56-.25.56-.56s-.25-.56-.56-.56Z'/%3E%3Cpath class='cls-1' d='m53.88 42.83h0s0-.05-.01-.08l-.02-.07s-.02-.04-.03-.06l-4.07-8.06V13.7c0-1.92-1.56-3.48-3.48-3.48H13.72c-1.92 0-3.48 1.56-3.48 3.48l-.02 20.95-3.49 6.88.09-.09-.64 1.18s-.02.03-.03.05l-.02.07s-.01.06-.01.08c0 .01 0 .03 0 .05v1.1c0 .18.01.35.04.53.26 1.68 1.73 2.95 3.44 2.95h40.81c1.7 0 3.18-1.27 3.44-2.95.03-.17.04-.35.04-.53v-1.1s0-.03 0-.05ZM13.72 11.35h32.55c1.3 0 2.35 1.06 2.35 2.36v20.49H11.37V13.7c0-1.3 1.06-2.36 2.35-2.36Zm-2.58 23.97h37.71l3.52 7.01H7.62l3.52-7.01Zm41.61 8.67c0 1.3-1.06 2.35-2.35 2.35H9.6c-1.3 0-2.35-1.06-2.35-2.35v-.54h45.52v.54Z'/%3E%3Cpath class='cls-1' d='m16.24 27.69 24.99-11.58'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-1' d='m23.43 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m31.07 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m38.71 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m41.85 25.4c.22 0 .41.07.55.2.15.13.22.3.22.51s-.07.37-.22.51c-.15.13-.33.2-.55.2s-.41-.07-.56-.2c-.15-.13-.22-.3-.22-.5s.07-.37.22-.5c.15-.13.33-.2.56-.2Z'/%3E%3C/g%3E%3C/svg%3E"); }

@media screen and (max-width: 992px) {
  .indexes-box-270123 .balance-height {
    height: auto !important; } }

@media screen and (max-width: 720px) {
  .indexes-box-270123 ul.link-list {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1; } }

#ms136-emi-010523 > .row {
  background: #011b2b;
  color: #fff;
  padding: 20px; }

#ms136-emi-010523 .asset-container {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  background: #011b2b;
  color: #fff;
  padding: 0 20px; }

#ms136-emi-010523 .asset-container .row {
  height: 100%; }

#ms136-emi-010523 .asset-container-title {
  font-size: 1.2rem; }

#ms136-emi-010523 p,
#ms136-emi-010523 li {
  font-family: 'Roboto Medium', sans-serif; }

#ms136-emi-010523 h2,
#ms136-emi-010523 h3,
#ms136-emi-010523 h4,
#ms136-emi-010523 h5 {
  margin: 10px 0; }

#ms136-emi-010523 .index-category-col {
  transition: opacity 0.5s, background-color 1s, border-right 1s; }

#ms136-emi-010523 .index-category-col:not(:nth-child(3)) {
  border-right: 1px rgba(255, 255, 255, 0.3) solid;
  padding-right: 20px; }

#ms136-emi-010523 .index-category-col:not(:nth-child(1)) {
  padding-left: 20px; }

#ms136-emi-010523 .index-category-col:nth-child(3) {
  border: 0; }

#ms136-emi-010523 .index-category-col.selected {
  background-color: #00293b; }

#ms136-emi-010523 .index-category-col.selected:not(:nth-child(3)),
#ms136-emi-010523 .index-category-col.lowlight:not(:nth-child(3)) {
  border-right: 1px #011b2b solid; }

#ms136-emi-010523 .index-category-col.lowlight {
  opacity: 0.2; }

#ms136-emi-010523 .index-category-container {
  margin-bottom: 10px; }

#ms136-emi-010523 .index-category-name {
  color: #ffc62d;
  text-transform: uppercase; }

#ms136-emi-010523 ul.index-list {
  list-style: none;
  padding-left: 0; }

#ms136-emi-010523 ul.index-list li {
  padding: 5px 50px 5px 20px;
  position: relative; }

#ms136-emi-010523 ul.index-list li:hover {
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer; }

#ms136-emi-010523 ul.index-list li:after {
  content: '\F054';
  font-family: 'fontawesome';
  position: absolute;
  right: 30px; }

#ms136-emi-010523 .index-type-container {
  padding: 20px 0;
  margin: 0 -20px 0 -20px; }

#ms136-emi-010523 .index-type-name {
  padding-left: 20px; }

/*---------------------TYPES--------------------*/
#ms136-emi-010523 .index-type-container.index-type-equity {
  background: rgba(0, 196, 179, 0.1); }

#ms136-emi-010523 .index-type-container.index-type-fixed-income {
  background: rgba(89, 135, 218, 0.1); }

#ms136-emi-010523 .index-type-container.index-type-equity,
#ms136-emi-010523 .index-info-box-container.index-type-equity .index-info-box-type,
#ms136-emi-010523 .index-info-box-container.index-type-equity .index-info-box-name,
#ms136-emi-010523 .index-info-box-container.index-type-equity li a {
  color: #66DCD2; }

#ms136-emi-010523 .index-type-container.index-type-fixed-income,
#ms136-emi-010523 .index-info-box-container.index-type-fixed-income .index-info-box-type,
#ms136-emi-010523 .index-info-box-container.index-type-fixed-income .index-info-box-name,
#ms136-emi-010523 .index-info-box-container.index-type-fixed-income li a {
  color: #9BB7E9; }

/*-----------------CLOSE BUTTON-----------------*/
#ms136-emi-010523 .close-button {
  position: absolute;
  top: 20px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#ms136-emi-010523 .clone.expanded .close-button {
  display: block; }

#ms136-emi-010523 .close-button::after,
#ms136-emi-010523 .close-button::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 30px;
  height: 1px;
  background: #fff; }

#ms136-emi-010523 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#ms136-emi-010523 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*----------------SECONDARY BUTTON----------------*/
#ms136-emi-010523 .msci-btn-secondary {
  font-size: 16px;
  height: 40px;
  padding: 4px 16px;
  line-height: 28px;
  font-weight: 700;
  background: #00c4b3;
  color: #fff;
  border: 0; }

#ms136-emi-010523 .msci-btn-secondary:hover {
  opacity: 0.8; }

/*-----------------POP UP----------------*/
#ms136-emi-010523 .index-info-box {
  bottom: -100%;
  position: absolute;
  height: 100%;
  left: 0;
  width: 100%;
  background: #00293b;
  color: #fff;
  transition: bottom 0.5s ease-in-out;
  box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.6); }

#ms136-emi-010523 .index-info-box.open {
  bottom: 0; }

#ms136-emi-010523 .index-info-box-container {
  padding: 30px 20px; }

#ms136-emi-010523 .index-info-box .index-info-box-desc {
  padding-right: 40px; }

/*-----------------LINKS--------------------*/
#ms136-emi-010523 .index-learn-more {
  font-family: 'Roboto Medium',sans-serif; }

#ms136-emi-010523 .index-learn-more:not(.active) {
  display: none; }

#ms136-emi-010523 ul.link-list {
  list-style: none;
  padding-left: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; }

#ms136-emi-010523 ul.link-list li {
  padding: 0 0 0 60px;
  position: relative;
  line-height: 60px;
  margin-bottom: 10px; }

#ms136-emi-010523 .headline-index ul.link-list {
  columns: 1; }

#ms136-emi-010523 .headline-index ul.link-list li {
  text-align: right;
  float: right;
  margin: 0 10px 0 0; }

/*
#ms136-emi-010523 ul.link-list li:after {
    content:'\F054';
    font-family:'fontawesome';
    position:absolute;
    right:30px;
}*/
#ms136-emi-010523 ul.link-list li a {
  color: #00c4b3;
  font-family: 'Roboto Medium',sans-serif;
  font-size: 1.2rem;
  display: inline-block; }

/*-------------------ICONS-----------------*/
#ms136-emi-010523 .link-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0; }

#ms136-emi-010523 .link-icon.factsheet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m47.48 51.91H13.97c-.32 0-.57-.26-.57-.57V7.98c0-.32.26-.57.57-.57h33.51c.32 0 .57.26.57.57v43.37c0 .32-.26.57-.57.57m-32.94-1.14h32.37V8.55H14.54v42.22Zm14.35-7.32h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57m3.66 1.14h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57m-3.66 2.65h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57m14.47 0h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57M21.82 11.66h1.02v5.21h-1.02v-5.21Zm6.23 5.21l-2.06-3.2v3.2h-1.02v-5.21h.91l2.06 3.19v-3.19h1.02v5.21h-.91Zm4.06-4.3v1.28h2.06v.91h-2.06v2.12h-1.02v-5.21h3.43v.91h-2.42Zm7.23 3.78c-.37.37-.81.57-1.41.57s-1.05-.21-1.41-.57c-.53-.53-.51-1.18-.51-2.08s-.01-1.55.51-2.08c.37-.37.82-.57 1.41-.57s1.04.21 1.41.57c.53.53.52 1.18.52 2.08s0 1.55-.52 2.08m-.75-3.54c-.15-.17-.37-.28-.65-.28s-.51.11-.66.28c-.2.22-.25.46-.25 1.46s.05 1.24.25 1.46c.15.17.38.28.66.28s.51-.11.65-.28c.2-.22.26-.46.26-1.46s-.06-1.24-.26-1.46'/%3E%3Cpath class='cls-1' d='m31.08 22.35h0s-.46-.01-.46-.01h-.46c-1.23.07-2.34.36-3.45.9h0s-.4.21-.4.21l-.4.22h0c-1.71 1.06-2.9 2.5-3.6 4.38h-.01s-.14.44-.14.44l-.14.44h.01c-.94 3.46.21 7 3 9.24h0s.37.28.37.28l.37.27h0c1.48.97 3.04 1.43 4.85 1.43 4.91 0 8.91-4 8.91-8.91s-3.75-8.65-8.45-8.9m2.71 8.9c0 1.75-1.42 3.17-3.17 3.17s-3.17-1.42-3.17-3.17 1.42-3.17 3.17-3.17 3.17 1.42 3.17 3.17m-3.63-7.97v3.9c-.39.04-.76.14-1.11.28l-1.89-3.41c.96-.47 1.93-.72 3-.77m-3.81 1.22l1.89 3.41c-.58.42-1.05.98-1.35 1.64l-3.26-1.06-.45-.15c.63-1.65 1.67-2.91 3.17-3.85m-.79 12.92c-2.46-2-3.48-5.14-2.66-8.2l.49.16 3.22 1.05c-.05.27-.08.54-.08.82 0 1.2.52 2.27 1.34 3.02l-2.29 3.16Zm5.06 1.81c-1.61 0-3-.4-4.31-1.26l2.29-3.16c.6.34 1.28.53 2.01.53 2.26 0 4.1-1.84 4.1-4.1 0-2.1-1.59-3.84-3.63-4.07v-3.9c4.19.24 7.52 3.72 7.52 7.97s-3.58 7.98-7.98 7.98'/%3E%3C/svg%3E"); }

#ms136-emi-010523 .link-icon.methodology {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none%3B stroke: %23fff%3B stroke-miterlimit: 10%3B stroke-width: 1.23px%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m28.95 27.28V6.88c-5.67.19-10.47 2.21-14.49 5.94 4.87 4.86 9.67 9.65 14.49 14.46Zm-14.72 18.02c4.88-4.88 9.71-9.71 14.49-14.49-4.87-4.86-9.72-9.71-14.58-14.56-7.69 7.75-8.17 20.48.09 29.05ZM31.12 10.98v12.2c0 2.46.05 4.92-.03 7.38-.02.6-.32 1.32-.74 1.74-4.56 4.63-9.18 9.21-13.77 13.8 3.43 5.55 15.14 7.78 22.86 4.39 9.41-4.13 14.38-14.61 11.59-24.42-2.54-8.93-12.03-16.19-19.91-15.09Z'/%3E%3C/svg%3E"); }

#ms136-emi-010523 .link-icon.performance {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m14.48 20.23l-.41.32c-5.43 4.23-8.67 10.83-8.67 17.65v.48h12.96v-.48c0-2.64 1.13-5.18 3.11-6.98l.31-.28-7.31-10.7Zm-8.1 17.49c.14-6.19 3.06-12.13 7.89-16.09l6.26 9.16c-1.87 1.85-2.99 4.33-3.11 6.92H6.38Z'/%3E%3Cpath class='cls-1' d='m45.11 20.55l-.41-.32-7.31 10.7.31.28c.57.52 1.07 1.1 1.49 1.73l-3.16.93c-1.52-1.76-3.76-2.87-6.27-2.87-4.57 0-8.28 3.72-8.28 8.28s3.72 8.29 8.28 8.29 8.29-3.72 8.29-8.29c0-.58-.06-1.15-.18-1.7l2.61-1.82c.22.79.33 1.61.33 2.44v.48h12.96v-.48c0-6.83-3.24-13.43-8.67-17.65m-3.34 17.17c-.04-.87-.2-1.72-.45-2.54l3.01-2.1-.69-1.43-3.48 1.02c-.43-.67-.93-1.3-1.51-1.87l6.26-9.16c4.83 3.95 7.74 9.9 7.89 16.09h-11.03Zm-4.68 1.57c0 4.04-3.28 7.32-7.32 7.32s-7.32-3.28-7.32-7.32 3.28-7.32 7.32-7.32c2.05 0 3.9.85 5.23 2.21l-2.91.85c-1.34-.74-2.95-.8-4.33-.13-1.14.55-2 1.5-2.42 2.7-.42 1.19-.35 2.48.2 3.62.81 1.69 2.51 2.69 4.28 2.69.68 0 1.38-.15 2.04-.46 1.39-.66 2.35-1.95 2.61-3.46l2.54-1.78c.05.36.08.72.08 1.09m-3.52.13l-.03.21c-.16 1.28-.95 2.37-2.1 2.93-1.87.9-4.13.11-5.03-1.77-.44-.91-.49-1.93-.16-2.88.33-.95 1.02-1.71 1.92-2.15.51-.25 1.07-.37 1.62-.37.69 0 1.37.19 1.98.56l.18.11 11.01-3.22-9.4 6.57Z'/%3E%3Cpath class='cls-1' d='m25.24 29.08c1.32-.65 2.73-.99 4.19-.99s2.87.33 4.19.99l.38.19 7.31-10.73-.44-.26c-3.45-2.05-7.41-3.13-11.44-3.13s-7.98 1.08-11.44 3.13l-.44.26 7.31 10.73.38-.19Zm4.19-12.98c3.68 0 7.3.95 10.5 2.74l-6.26 9.19c-1.35-.6-2.77-.91-4.24-.91s-2.89.3-4.24.91l-6.26-9.19c3.2-1.8 6.82-2.74 10.5-2.74'/%3E%3Cpath class='cls-1' d='m29.77 36.68c-1.44 0-2.61 1.17-2.61 2.61s1.17 2.61 2.61 2.61 2.6-1.17 2.6-2.61-1.17-2.61-2.6-2.61m0 4.24c-.9 0-1.64-.74-1.64-1.64s.74-1.64 1.64-1.64 1.64.74 1.64 1.64-.74 1.64-1.64 1.64'/%3E%3C/svg%3E"); }

#ms136-emi-010523 .link-icon.learn-more {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m31.96 39.64h-3.9c-.31 0-.56.25-.56.56s.25.56.56.56h3.9c.31 0 .56-.25.56-.56s-.25-.56-.56-.56Z'/%3E%3Cpath class='cls-1' d='m53.88 42.83h0s0-.05-.01-.08l-.02-.07s-.02-.04-.03-.06l-4.07-8.06V13.7c0-1.92-1.56-3.48-3.48-3.48H13.72c-1.92 0-3.48 1.56-3.48 3.48l-.02 20.95-3.49 6.88.09-.09-.64 1.18s-.02.03-.03.05l-.02.07s-.01.06-.01.08c0 .01 0 .03 0 .05v1.1c0 .18.01.35.04.53.26 1.68 1.73 2.95 3.44 2.95h40.81c1.7 0 3.18-1.27 3.44-2.95.03-.17.04-.35.04-.53v-1.1s0-.03 0-.05ZM13.72 11.35h32.55c1.3 0 2.35 1.06 2.35 2.36v20.49H11.37V13.7c0-1.3 1.06-2.36 2.35-2.36Zm-2.58 23.97h37.71l3.52 7.01H7.62l3.52-7.01Zm41.61 8.67c0 1.3-1.06 2.35-2.35 2.35H9.6c-1.3 0-2.35-1.06-2.35-2.35v-.54h45.52v.54Z'/%3E%3Cpath class='cls-1' d='m16.24 27.69 24.99-11.58'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-1' d='m23.43 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m31.07 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m38.71 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m41.85 25.4c.22 0 .41.07.55.2.15.13.22.3.22.51s-.07.37-.22.51c-.15.13-.33.2-.55.2s-.41-.07-.56-.2c-.15-.13-.22-.3-.22-.5s.07-.37.22-.5c.15-.13.33-.2.56-.2Z'/%3E%3C/g%3E%3C/svg%3E"); }

/*----------------VIEWPORTS-----------------*/
@media screen and (max-width: 992px) {
  #ms136-emi-010523 .balance-height {
    height: auto !important; } }

@media screen and (max-width: 720px) {
  #ms136-emi-010523 .headline-index ul.link-list li {
    text-align: left;
    float: left; } }

#esg-attribution-tree-270223 p,
#esg-attribution-tree-270223 li {
  font-family: 'Roboto Regular', sans-serif; }

#esg-attribution-tree-270223 .asset-container {
  max-width: 1140px;
  padding: 20px;
  background: #011b2b;
  margin: 0 auto;
  color: #fff;
  text-align: left;
  position: relative; }

#esg-attribution-tree-270223 .box {
  position: relative;
  color: #fff;
  height: 60px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  background: #ccc;
  font-family: 'Roboto Medium',sans-serif;
  display: flex; }

#esg-attribution-tree-270223 .level-1-wrapper li,
#esg-attribution-tree-270223 .level-2-wrapper li,
#esg-attribution-tree-270223 .level-3-wrapper li,
#esg-attribution-tree-270223 .level-4-wrapper li,
#esg-attribution-tree-270223 .level-5-wrapper li {
  list-style-type: none; }

#esg-attribution-tree-270223 .level-3-wrapper,
#esg-attribution-tree-270223 .level-4-wrapper,
#esg-attribution-tree-270223 .level-5-wrapper {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s;
  height: 0; }

#esg-attribution-tree-270223 .level-0,
#esg-attribution-tree-270223 .level-1,
#esg-attribution-tree-270223 .level-2-wrapper,
#esg-attribution-tree-270223 .level-3-wrapper.visible,
#esg-attribution-tree-270223 .level-4-wrapper.visible,
#esg-attribution-tree-270223 .level-5-wrapper.visible {
  opacity: 1;
  transition: opacity 0.5s;
  height: auto;
  visibility: visible; }

#esg-attribution-tree-270223 .level-0 .box-value::before,
#esg-attribution-tree-270223 .level-2-wrapper .box-value::before,
#esg-attribution-tree-270223 .level-3-wrapper .box-value::before,
#esg-attribution-tree-270223 .level-4-wrapper .box-value::before,
#esg-attribution-tree-270223 .level-5-wrapper .box-value::before {
  content: '\F062';
  font-family: 'fontawesome';
  position: absolute;
  right: -12px;
  height: 24px;
  width: 24px;
  background-color: #e44261;
  border: 2px #011b2b solid;
  border-radius: 24px;
  font-size: 11px;
  color: #011b2b;
  text-align: center;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: transform 1s, background-color 1s;
  -webkit-transition: -webkit-transform 1s, background-color 1s;
  -moz-transition: -webkit-transform 1s, background-color 1s; }

#esg-attribution-tree-270223 .level-0 .box-value.same::before,
#esg-attribution-tree-270223 .level-2-wrapper .box-value.same::before,
#esg-attribution-tree-270223 .level-3-wrapper .box-value.same::before,
#esg-attribution-tree-270223 .level-4-wrapper .box-value.same::before,
#esg-attribution-tree-270223 .level-5-wrapper .box-value.same::before {
  background-color: #ccc;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg); }

#esg-attribution-tree-270223 .level-0 .box-value.down::before,
#esg-attribution-tree-270223 .level-2-wrapper .box-value.down::before,
#esg-attribution-tree-270223 .level-3-wrapper .box-value.down::before,
#esg-attribution-tree-270223 .level-4-wrapper .box-value.down::before,
#esg-attribution-tree-270223 .level-5-wrapper .box-value.down::before {
  background-color: #00c4b3;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg); }

#esg-attribution-tree-270223 .box.type-composite {
  background: #0626a9; }

#esg-attribution-tree-270223 .box.type-portfolio {
  background: #5987da; }

#esg-attribution-tree-270223 .box.type-effect {
  background: #73787c; }

#esg-attribution-tree-270223 .box.type-emissions {
  background: #00945e; }

#esg-attribution-tree-270223 .box.type-emissions .box-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M79.1 42.3L79.1 42.3c0-8.7-7-15.7-15.7-15.7c-2.7 0-5.4 0.7-7.7 2c-3.7-5.1-9.6-8-15.9-8c-10.9 0-19.8 8.9-19.8 19.8c0 0.9 0.1 1.9 0.2 2.8c-8 0.3-14.5 7-14.5 15.1c0 7.8 5.8 14.2 13.5 15c0.3 0.1 0.6 0.1 0.9 0.1l0.5 0c0 0 0.1 0 0.1 0c0 0 0.1 0 0.1 0h57.7c8.8 0 15.7-6.8 15.7-15.4C94.2 49.5 87.5 42.6 79.1 42.3 M78.5 71.4H20.8c0 0 0 0-0.1 0c0 0-0.1 0-0.1 0h-0.5c-0.2 0-0.4 0-0.7-0.1c0 0 0 0-0.1 0c-6.7-0.7-11.7-6.3-11.7-13c0-7.2 5.9-13.1 13.1-13.1c0.1 0 0.2 0 0.3 0c0.1 0 0.2 0 0.3 0c0.3 0 0.6-0.1 0.8-0.4c0.2-0.2 0.3-0.6 0.2-0.9c-0.3-1.3-0.4-2.5-0.4-3.7c0-9.8 8-17.8 17.8-17.8c6 0 11.5 3 14.8 7.9c0.3 0.5 0.9 0.6 1.4 0.3c2.2-1.5 4.8-2.2 7.5-2.2c7.5 0 13.7 6.1 13.7 13.7c0 0.3 0 0.6 0 0.8l0 0.1c0 0.3 0.1 0.6 0.3 0.8c0.2 0.2 0.5 0.3 0.8 0.3c0.1 0 0.2 0 0.2 0c0.1 0 0.1 0 0.2 0c7.5 0 13.7 6.1 13.7 13.7C92.1 65.5 86.1 71.4 78.5 71.4'/%3E%3Cpath fill='%23FFFFFF' d='M20.7 74c0 0-0.2 0-0.2 0l-0.4 0c-0.3 0-0.7 0-1-0.1c-8-0.8-14-7.5-14-15.6c0-8.2 6.3-15 14.4-15.6c-0.1-0.8-0.1-1.5-0.1-2.3c0-11.2 9.1-20.4 20.4-20.4c6.3 0 12.2 2.9 16.1 7.9c2.3-1.2 4.9-1.9 7.6-1.9c8.8 0 16 7 16.2 15.7c8.5 0.6 15.1 7.6 15.1 16.2c0 9-7.1 16-16.3 16L20.7 74z M20.6 72.9l0.1 0l57.7 0c8.5 0 15.2-6.5 15.2-14.9c0-8.2-6.4-14.8-14.6-15.1l-0.5 0v-0.5c0-8.4-6.8-15.2-15.2-15.2c-2.6 0-5.2 0.7-7.5 2l-0.4 0.2L55.2 29c-3.6-4.9-9.4-7.8-15.5-7.8c-10.6 0-19.3 8.6-19.3 19.3c0 0.9 0.1 1.8 0.2 2.8l0.1 0.6l-0.6 0c-7.8 0.3-14 6.7-14 14.5c0 7.5 5.6 13.7 13 14.5c0.3 0.1 0.6 0.1 0.9 0.1L20.6 72.9z M20.7 71.9l-0.6 0c-0.2 0-0.5 0-0.7-0.1c-7-0.7-12.2-6.5-12.2-13.5c0-7.5 6.1-13.6 13.6-13.6c0.1 0 0.2 0 0.3 0l0.1 0.6l0-0.5l0.1 0c0.1 0 0.3-0.1 0.4-0.2c0.1-0.1 0.1-0.3 0.1-0.4c-0.3-1.3-0.4-2.5-0.4-3.8c0-10.1 8.2-18.3 18.3-18.3c6.1 0 11.8 3.1 15.2 8.2c0.1 0.2 0.4 0.3 0.7 0.1c2.3-1.5 5-2.3 7.8-2.3c7.8 0 14.2 6.4 14.2 14.2c0 0.3 0 0.5 0 0.8l0 0.2c0 0.1 0 0.3 0.1 0.4c0.1 0.1 0.2 0.2 0.3 0.1l0.2 0c0.1 0 0.2 0 0.2 0c7.8 0 14.2 6.4 14.2 14.2c0 7.8-6.2 13.9-14.2 13.9L20.7 71.9z M20.7 45.8c-6.9 0-12.5 5.6-12.5 12.5c0 6.4 4.8 11.8 11.2 12.4c0.3 0 0.5 0.1 0.7 0.1h58.4c7.4 0 13.1-5.6 13.1-12.9c0-7.2-5.9-13.1-13.1-13.1l-0.4 0c-0.4 0-0.9-0.2-1.2-0.5c-0.3-0.3-0.5-0.8-0.4-1.2l0-0.1c0-0.3 0-0.6 0-0.8c0-7.2-5.9-13.1-13.1-13.1c-2.6 0-5 0.7-7.2 2.1c-0.7 0.5-1.7 0.3-2.2-0.4c-3.2-4.8-8.6-7.7-14.3-7.7c-9.5 0-17.2 7.7-17.2 17.2c0 1.2 0.1 2.3 0.4 3.6c0.1 0.5 0 1-0.3 1.3c-0.3 0.4-0.8 0.6-1.3 0.6l-0.3 0C20.9 45.8 20.8 45.8 20.7 45.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M37.1 46.1c1.8 0 2.9 1.1 3.5 2.4c0.1 0.1 0.2 0.2 0.4 0.1l2.3-1.1c0.1-0.1 0.2-0.2 0.1-0.3c-1.1-2.4-3.3-4-6.2-4c-3.1 0-5.5 1.5-6.4 4.5c-0.4 1.1-0.5 2.1-0.5 5c0 2.9 0.1 3.9 0.5 5c1 3 3.3 4.5 6.4 4.5c3 0 5.2-1.5 6.2-4c0.1-0.1 0-0.3-0.1-0.3l-2.3-1.1c-0.2-0.1-0.3 0-0.4 0.1c-0.6 1.3-1.6 2.4-3.5 2.4c-1.8 0-2.8-1-3.3-2.4c-0.2-0.8-0.3-1.5-0.3-4.2c0-2.7 0.1-3.5 0.3-4.2C34.3 47.1 35.3 46.1 37.1 46.1'/%3E%3Cpath fill='%23FFFFFF' d='M37.1 62.8c-3.5 0-5.9-1.7-6.9-4.9c-0.4-1.2-0.5-2.3-0.5-5.2c0-2.9 0.1-3.9 0.5-5.2c1-3.2 3.5-4.9 6.9-4.9c3.1 0 5.6 1.6 6.7 4.3c0.1 0.2 0.1 0.4 0 0.6c-0.1 0.2-0.2 0.3-0.4 0.4l-2.3 1.1c-0.2 0.1-0.4 0.1-0.6 0c-0.2-0.1-0.4-0.2-0.5-0.5c-0.6-1.4-1.6-2-2.9-2c-1.4 0-2.3 0.7-2.8 2.1c-0.2 0.7-0.3 1.4-0.3 4c0 2.6 0.1 3.4 0.3 4c0.5 1.4 1.4 2.1 2.8 2.1c1.3 0 2.3-0.7 3-2.1c0.1-0.2 0.2-0.4 0.4-0.4c0.2-0.1 0.4-0.1 0.6 0l2.3 1.1c0.4 0.2 0.6 0.6 0.4 1C42.7 61.3 40.2 62.8 37.1 62.8z M37.1 43.8c-3 0-5 1.4-5.9 4.2c-0.3 1-0.5 1.9-0.5 4.8c0 2.9 0.1 3.8 0.5 4.8c0.9 2.7 2.9 4.2 5.9 4.2c2.5 0 4.6-1.2 5.6-3.4l-1.8-0.9c-0.8 1.6-2.1 2.5-3.8 2.5c-1.9 0-3.2-1-3.8-2.8c-0.3-0.8-0.4-1.6-0.4-4.4c0-2.8 0.1-3.6 0.4-4.4c0.6-1.9 2-2.8 3.8-2.8c1.7 0 3 0.8 3.8 2.5l1.8-0.9C41.7 45 39.6 43.8 37.1 43.8z M43 58.5C43 58.5 43 58.5 43 58.5L43 58.5z M40.7 57.4C40.7 57.4 40.7 57.4 40.7 57.4L40.7 57.4z M41 57.2C41 57.2 41 57.2 41 57.2C41 57.2 41 57.2 41 57.2z M41 48.3C41 48.3 41 48.3 41 48.3C41 48.3 41 48.3 41 48.3z M40.7 48.1L40.7 48.1L40.7 48.1z M43 47C43 47 43 47 43 47L43 47z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M53.6 43.2c-3.2 0-5.6 1.5-6.5 4.5c-0.4 1.1-0.5 2.2-0.5 5.1c0 2.9 0.1 3.9 0.5 5.1c1 2.9 3.3 4.5 6.5 4.5c3.2 0 5.6-1.5 6.5-4.5c0.4-1.1 0.5-2.2 0.5-5.1c0-2.9-0.1-3.9-0.5-5.1C59.2 44.7 56.8 43.2 53.6 43.2 M57.1 57c-0.5 1.5-1.6 2.4-3.5 2.4c-1.8 0-2.9-0.9-3.4-2.4c-0.2-0.7-0.3-1.6-0.3-4.2c0-2.6 0.1-3.6 0.3-4.2c0.5-1.5 1.6-2.4 3.4-2.4c1.8 0 2.9 0.9 3.5 2.4c0.2 0.7 0.3 1.6 0.3 4.2C57.4 55.4 57.3 56.3 57.1 57'/%3E%3Cpath fill='%23FFFFFF' d='M53.6 62.8c-3.5 0-6-1.8-7-4.8c-0.4-1.2-0.5-2.3-0.5-5.2c0-2.9 0.1-4 0.5-5.3c1-3.1 3.6-4.8 7-4.8c3.5 0 6.1 1.8 7.1 4.8c0.4 1.2 0.5 2.3 0.5 5.2c0 2.9-0.1 4-0.5 5.3C59.7 61.1 57.1 62.8 53.6 62.8z M53.6 43.8c-3 0-5.1 1.4-6 4.1c-0.4 1.1-0.5 2.1-0.5 4.9c0 2.8 0.1 3.8 0.5 4.9c0.9 2.6 3 4.1 6 4.1c3 0 5.2-1.4 6-4.1c0.4-1.1 0.5-2.1 0.5-4.9c0-2.8-0.1-3.8-0.5-4.9C58.8 45.2 56.7 43.8 53.6 43.8z M53.6 60c-1.9 0-3.3-1-3.9-2.8c-0.2-0.7-0.4-1.6-0.4-4.4c0-2.8 0.1-3.7 0.4-4.4c0.6-1.8 2-2.8 3.9-2.8c2 0 3.3 1 4 2.8c0.2 0.7 0.4 1.6 0.4 4.4c0 2.8-0.1 3.7-0.4 4.4l0 0C57 59 55.6 60 53.6 60z M53.6 46.6c-1.5 0-2.4 0.7-2.9 2.1c-0.2 0.6-0.3 1.4-0.3 4.1c0 2.6 0.1 3.5 0.3 4.1c0.5 1.4 1.4 2 2.9 2c1.5 0 2.5-0.7 2.9-2c0.2-0.6 0.3-1.5 0.3-4.1c0-2.6-0.1-3.5-0.3-4.1C56.1 47.3 55.1 46.6 53.6 46.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M70.1 60.4c0.8-0.8 1.2-1.6 1.2-2.7c0-1.8-1.4-3.3-3.5-3.3c-2.4 0-3.5 1.7-3.6 2.8c0 0.2 0.1 0.3 0.2 0.3l1.8 0.4c0.2 0 0.3-0.1 0.3-0.2c0.1-0.8 0.6-1.1 1.3-1.1c0.7 0 1.2 0.5 1.2 1.2c0 0.5-0.4 1.1-0.7 1.5l-3.9 4.3c-0.1 0.1-0.2 0.2-0.2 0.4v1.5c0 0.2 0.1 0.3 0.3 0.3h6.7c0.2 0 0.3-0.1 0.3-0.3v-1.5c0-0.2-0.1-0.3-0.3-0.3h-3.9v0L70.1 60.4z'/%3E%3Cpath fill='%23FFFFFF' d='M71.1 66.2h-6.7c-0.5 0-0.8-0.4-0.8-0.8v-1.5c0-0.3 0.1-0.6 0.3-0.8l3.9-4.3c0.4-0.4 0.6-0.8 0.6-1.1c0-0.4-0.2-0.6-0.6-0.6c-0.5 0-0.7 0.2-0.8 0.7c0 0.2-0.2 0.4-0.3 0.5c-0.2 0.1-0.4 0.2-0.6 0.1L64.3 58c-0.2 0-0.4-0.1-0.5-0.3c-0.1-0.2-0.2-0.4-0.1-0.6c0.1-1.2 1.4-3.2 4.2-3.2c2.4 0 4.1 1.6 4.1 3.8c0 1.4-0.7 2.4-1.3 3.1l0 0L68.4 63h2.6c0.5 0 0.8 0.4 0.8 0.8v1.5C71.9 65.8 71.5 66.2 71.1 66.2z M64.7 65.1h6.1v-1h-4.2v-0.8l0.1-0.2l3-3.1c0.8-0.8 1.1-1.5 1.1-2.3c0-1.6-1.2-2.7-3-2.7c-1.9 0-2.8 1.2-3.1 2l1.2 0.3c0.2-0.8 0.9-1.3 1.8-1.3c1 0 1.7 0.7 1.7 1.7c0 0.8-0.5 1.4-0.9 1.9l-3.9 4.3L64.7 65.1z M65.9 57.5C65.9 57.5 65.9 57.5 65.9 57.5C65.9 57.5 65.9 57.5 65.9 57.5z M64.7 57.2C64.7 57.2 64.7 57.2 64.7 57.2C64.7 57.2 64.7 57.2 64.7 57.2z M64.5 56.9L64.5 56.9C64.5 56.9 64.5 56.9 64.5 56.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

#esg-attribution-tree-270223 .box.type-effect .box-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M22.4 31.1l-0.8 0.6c-10.1 7.9-16.2 20.2-16.2 33v0.9h24.2v-0.9c0-4.9 2.1-9.7 5.8-13l0.6-0.5L22.4 31.1z M7.3 63.7C7.6 52.2 13 41.1 22 33.7l11.7 17.1c-3.5 3.4-5.6 8.1-5.8 12.9H7.3z'/%3E%3Cpath fill='%23FFFFFF' d='M30.2 66H5v-1.4c0-12.9 6.1-25.4 16.4-33.4l1.2-0.9l14.2 20.8L35.8 52c-3.6 3.3-5.7 7.9-5.7 12.7V66z M6 65h23.2v-0.4c0-5.1 2.2-10 6-13.4l0.3-0.2L22.3 31.8L22 32.1c-10 7.8-16 20-16 32.6V65z M28.4 64.2H6.8l0-0.5c0.3-11.6 5.8-23 14.9-30.4l0.4-0.3l12.2 17.9l-0.3 0.3c-3.4 3.4-5.4 7.9-5.7 12.6L28.4 64.2z M7.8 63.2h19.6c0.3-4.7 2.3-9.1 5.6-12.5L21.9 34.4C13.4 41.6 8.2 52.3 7.8 63.2z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M79.6 31.7l-0.8-0.6l-13.7 20l0.6 0.5c1.1 1 2 2.1 2.8 3.2l-5.9 1.7c-2.8-3.3-7-5.4-11.7-5.4c-8.5 0-15.5 6.9-15.5 15.5c0 8.5 6.9 15.5 15.5 15.5c8.5 0 15.5-6.9 15.5-15.5c0-1.1-0.1-2.2-0.3-3.2l4.9-3.4c0.4 1.5 0.6 3 0.6 4.6v0.9h24.2v-0.9C95.8 51.9 89.8 39.6 79.6 31.7 M73.4 63.7c-0.1-1.6-0.4-3.2-0.8-4.7l5.6-3.9l-1.3-2.7l-6.5 1.9c-0.8-1.3-1.7-2.4-2.8-3.5l11.7-17.1c9 7.4 14.5 18.5 14.7 30.1H73.4z M64.7 66.7c0 7.5-6.1 13.7-13.7 13.7c-7.5 0-13.7-6.1-13.7-13.7C37.3 59.1 43.5 53 51 53c3.8 0 7.3 1.6 9.8 4.1l-5.4 1.6c-2.5-1.4-5.5-1.5-8.1-0.2c-2.1 1-3.7 2.8-4.5 5c-0.8 2.2-0.7 4.6 0.4 6.8c1.5 3.2 4.7 5 8 5c1.3 0 2.6-0.3 3.8-0.9c2.6-1.2 4.4-3.6 4.9-6.5l4.7-3.3C64.6 65.3 64.7 66 64.7 66.7 M58.1 66.9L58 67.3c-0.3 2.4-1.8 4.4-3.9 5.5c-3.5 1.7-7.7 0.2-9.4-3.3c-0.8-1.7-0.9-3.6-0.3-5.4c0.6-1.8 1.9-3.2 3.6-4c1-0.5 2-0.7 3-0.7c1.3 0 2.6 0.4 3.7 1.1l0.3 0.2l20.6-6L58.1 66.9z'/%3E%3Cpath fill='%23FFFFFF' d='M51 82.6c-8.8 0-16-7.2-16-16c0-8.8 7.2-16 16-16c4.5 0 8.8 1.9 11.9 5.3l4.9-1.4c-0.7-0.9-1.5-1.8-2.3-2.6l-0.9-0.8l14.2-20.8l1.2 0.9c10.3 8 16.4 20.5 16.4 33.4V66H71.1v-1.4c0-1.2-0.1-2.5-0.4-3.7l-4 2.8c0.2 1 0.3 2 0.3 3C67 75.5 59.8 82.6 51 82.6z M51 51.7c-8.3 0-15 6.7-15 15c0 8.3 6.7 15 15 15c8.3 0 15-6.7 15-15c0-1-0.1-2.1-0.3-3.1l-0.1-0.3l5.7-4l0.2 0.7c0.4 1.5 0.6 3.1 0.6 4.7V65h23.2v-0.4c0-12.6-6-24.8-16-32.6L79 31.8L65.9 51l0.3 0.2c1.1 1 2 2.1 2.9 3.3l0.4 0.6l-6.9 2l-0.2-0.2C59.5 53.6 55.3 51.7 51 51.7z M51 80.8c-7.8 0-14.2-6.4-14.2-14.2c0-7.8 6.4-14.2 14.2-14.2c3.8 0 7.4 1.5 10.1 4.3l0.6 0.6l-6.4 1.9l-0.2-0.1c-2.4-1.3-5.2-1.4-7.6-0.2c-2 1-3.5 2.7-4.3 4.8c-0.7 2.1-0.6 4.4 0.3 6.4c1.4 2.9 4.3 4.7 7.5 4.7c1.2 0 2.5-0.3 3.6-0.8c2.4-1.2 4.1-3.4 4.6-6.1l0-0.2l5.6-3.9l0.1 0.8c0.1 0.7 0.2 1.4 0.2 2.1C65.2 74.5 58.8 80.8 51 80.8z M51 53.5c-7.3 0-13.2 5.9-13.2 13.2c0 7.3 5.9 13.2 13.2 13.2c7.3 0 13.2-5.9 13.2-13.2c0-0.4 0-0.8-0.1-1.2l-3.9 2.7c-0.6 2.9-2.5 5.4-5.1 6.6c-1.3 0.6-2.6 0.9-4 0.9c-3.6 0-6.9-2.1-8.4-5.3c-1.1-2.2-1.2-4.8-0.4-7.1c0.8-2.4 2.5-4.2 4.8-5.3c2.7-1.3 5.8-1.2 8.4 0.2l4.4-1.3C57.4 54.7 54.3 53.5 51 53.5z M51.1 74c-0.8 0-1.7-0.1-2.5-0.4c-1.9-0.7-3.4-2-4.3-3.8c-0.9-1.8-1-3.9-0.3-5.8c0.7-1.9 2-3.4 3.9-4.3c2.3-1.1 5-0.9 7.2 0.4l0.2 0.1L77 53.7L76.6 53l-6.5 1.9L70 54.6c-0.8-1.2-1.7-2.4-2.7-3.4l-0.3-0.3L79.2 33l0.4 0.3c9.1 7.4 14.6 18.8 14.9 30.4l0 0.5H72.9l0-0.5c-0.1-1.6-0.3-3.1-0.8-4.6L72 58.8l5.6-3.9l-0.4-0.7l-18.7 13l0 0.2c-0.3 2.6-1.9 4.7-4.2 5.9C53.3 73.7 52.2 74 51.1 74z M51 59.9c-1 0-1.9 0.2-2.8 0.6c-1.6 0.8-2.8 2.1-3.3 3.7c-0.6 1.6-0.5 3.4 0.3 5c0.8 1.6 2.1 2.8 3.7 3.3c1.6 0.6 3.4 0.5 5-0.3c2-1 3.4-2.9 3.6-5.1l0.1-0.6L72.9 56L55 61.2l-0.5-0.3C53.4 60.2 52.2 59.9 51 59.9z M73.9 63.2h19.6c-0.4-11-5.6-21.7-14.1-28.8L68.2 50.7c0.9 0.9 1.7 1.9 2.4 3l6.6-1.9l0.8 1.7l0.5-0.1L78 53.6l0.8 1.6l-5.7 4C73.5 60.5 73.8 61.9 73.9 63.2z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M42.5 47.6c2.5-1.2 5.1-1.8 7.8-1.8c2.7 0 5.4 0.6 7.8 1.8l0.7 0.3l13.7-20.1l-0.8-0.5c-6.5-3.8-13.8-5.9-21.4-5.9c-7.5 0-14.9 2-21.4 5.9l-0.8 0.5L41.8 48L42.5 47.6z M50.4 23.4c6.9 0 13.6 1.8 19.6 5.1L58.3 45.7c-2.5-1.1-5.2-1.7-7.9-1.7c-2.7 0-5.4 0.6-7.9 1.7L30.7 28.5C36.7 25.1 43.5 23.4 50.4 23.4'/%3E%3Cpath fill='%23FFFFFF' d='M41.7 48.6L27.4 27.7l1.3-0.8c6.5-3.9 14-5.9 21.6-5.9c7.6 0 15.1 2 21.6 5.9l1.3 0.8L59.1 48.6L58 48.1c-4.8-2.4-10.4-2.4-15.2 0L41.7 48.6z M50.4 45.3c2.8 0 5.5 0.6 8.1 1.9l0.3 0.2l13.1-19.3l-0.4-0.2c-6.4-3.8-13.7-5.8-21.1-5.8c-7.4 0-14.7 2-21.1 5.8l-0.4 0.2L42 47.3l0.3-0.2C44.8 45.9 47.6 45.3 50.4 45.3z M58.5 46.3l-0.4-0.2c-4.9-2.2-10.5-2.2-15.4 0l-0.4 0.2L30 28.3l0.5-0.3c6-3.4 12.9-5.2 19.9-5.2c7 0 13.8 1.8 19.9 5.2l0.5 0.3L58.5 46.3z M50.4 43.5c2.7 0 5.3 0.5 7.7 1.6l11.2-16.4c-5.8-3.1-12.3-4.8-18.9-4.8c-6.6 0-13.1 1.7-18.9 4.8L42.6 45C45.1 44 47.7 43.5 50.4 43.5z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M51 61.8c-2.7 0-4.9 2.2-4.9 4.9c0 2.7 2.2 4.9 4.9 4.9c2.7 0 4.9-2.2 4.9-4.9C55.9 64 53.7 61.8 51 61.8 M51 69.7c-1.7 0-3.1-1.4-3.1-3.1s1.4-3.1 3.1-3.1c1.7 0 3.1 1.4 3.1 3.1S52.7 69.7 51 69.7'/%3E%3Cpath fill='%23FFFFFF' d='M51 72c-3 0-5.4-2.4-5.4-5.4s2.4-5.4 5.4-5.4s5.4 2.4 5.4 5.4S53.9 72 51 72z M51 62.3c-2.4 0-4.4 2-4.4 4.4s2 4.4 4.4 4.4s4.4-2 4.4-4.4S53.4 62.3 51 62.3z M51 70.2c-2 0-3.6-1.6-3.6-3.6s1.6-3.6 3.6-3.6c2 0 3.6 1.6 3.6 3.6S53 70.2 51 70.2z M51 64.1c-1.4 0-2.6 1.1-2.6 2.6s1.1 2.6 2.6 2.6c1.4 0 2.6-1.1 2.6-2.6S52.4 64.1 51 64.1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

#esg-attribution-tree-270223 .box.type-portfolio .box-icon {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.2.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M52.6 89C42.3 89 31.9 85.2 28 78.9l-0.3-0.4l5.2-5.2c5.9-5.9 11.9-11.9 17.9-17.9c0.6-0.6 1-1.6 1-2.5c0.1-2.9 0.1-6 0.1-8.9c0-1.1 0-2.2 0-3.3V20.1l0.5-0.1c13.2-1.8 29.2 10.2 33.5 25.3c4.7 16.4-3.7 34.1-19.4 41C62.3 88.2 57.4 89 52.6 89z M29.3 78.6c5.8 8.6 24.4 12 36.6 6.6c15.2-6.7 23.3-23.7 18.8-39.5c-4.1-14.3-19-25.9-31.6-24.5v19.6c0 1.1 0 2.2 0 3.3c0 2.9 0 5.9-0.1 8.9c0 1.1-0.6 2.5-1.4 3.3c-5.9 6-12 12.1-17.9 17.9L29.3 78.6z M24.6 78.1l-0.4-0.5C10.8 63.7 10.7 42.3 24 28.9l0.4-0.4l24.9 24.9L24.6 78.1z M24.5 30.2C12.2 43 12.3 63.1 24.6 76.3l23-23L24.5 30.2z M49.5 49L24.1 23.7l0.5-0.4c6.8-6.3 15-9.6 24.3-9.9l0.6 0V49z M25.9 23.7L48.3 46V14.5C39.7 15 32.2 18 25.9 23.7z'/%3E%3Cpath fill='%23FFFFFF' d='M52.6 89.6c-11.2 0-21.3-4.2-25.2-10.4l-0.5-0.9l5.5-5.5c5.9-5.8 11.9-11.9 17.9-17.9c0.5-0.5 0.8-1.3 0.9-2c0.1-2.9 0.1-5.9 0.1-8.8c0-1.1 0-2.2 0-3.3V19.6l1.1-0.2c13.5-1.9 29.8 10.4 34.2 25.8c4.8 16.8-3.7 34.7-19.8 41.8C62.6 88.7 57.7 89.6 52.6 89.6z M30.1 78.7c5.9 8 23.9 11 35.5 5.9C80.6 78.1 88.5 61.4 84 45.9c-3.9-13.7-18.2-25-30.3-24.1v19c0 0.9 0 1.9 0 2.8l0 0.5c0 2.9 0 5.9-0.1 8.9c0 1.3-0.7 2.8-1.6 3.7c-5.8 5.9-11.8 11.9-17.6 17.7L30.1 78.7z M24.6 79l-0.9-0.9c-13.6-14.2-13.7-36-0.1-49.6l0.9-0.9l25.8 25.8L24.6 79z M24.5 31.2C13 43.7 13.1 62.5 24.7 75.4l22.1-22.1L24.5 31.2z M50.1 50.6l-27-26.9l1-0.9c6.9-6.4 15.2-9.8 24.7-10.1l1.3 0V50.6z M26.9 23.7l20.8 20.7V15.2C39.8 15.7 32.8 18.6 26.9 23.7z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

#esg-attribution-tree-270223 .box-title {
  text-align: left;
  font-size: 13px;
  line-height: 16px; }

#esg-attribution-tree-270223 .box-value {
  font-size: 1.2rem;
  font-family: 'Roboto Medium',sans-serif;
  text-align: right;
  justify-content: right;
  position: static; }

#esg-attribution-tree-270223 .box-icon {
  background-repeat: no-repeat;
  background-position: 50% 50%; }

#esg-attribution-tree-270223 .box .row {
  width: 100%;
  margin: 0; }

#esg-attribution-tree-270223 .box .row > div {
  display: flex;
  align-items: center; }

#esg-attribution-tree-270223 .box::before,
#esg-attribution-tree-270223 .box-wrapper::before,
#esg-attribution-tree-270223 .box-wrapper li::before {
  background: #666; }

#esg-attribution-tree-270223 .box.expand::after {
  content: '\f067';
  font-family: 'Fontawesome';
  position: absolute;
  bottom: -10px;
  left: 50%;
  font-size: 16px;
  width: 20px;
  margin-left: -10px;
  cursor: pointer;
  text-align: center;
  background: #fff;
  color: #011b2b;
  border: 2px #fff solid;
  border-radius: 20px;
  height: 20px;
  line-height: 18px; }

#esg-attribution-tree-270223 .box-wrapper:not(.expanded) .expand::after {
  animation: pulsate 1s ease-out;
  -webkit-animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  border-color: #fff; }

#esg-attribution-tree-270223 .box-wrapper.expanded .expand::after {
  content: '\f068'; }

@-webkit-keyframes pulsate {
  0% {
    border-color: #011b2b; }
  50% {
    border-color: #fff; }
  100% {
    border-color: #011b2b; } }

@keyframes pulsate {
  0% {
    border-color: #011b2b; }
  50% {
    border-color: #fff; }
  100% {
    border-color: #011b2b; } }

/* LEVEL-0 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#esg-attribution-tree-270223 .level-0 {
  margin: 0 0 50px;
  width: 35%;
  transition: width 1s;
  height: 40px;
  border-bottom: 4px #0626a9 solid;
  background: none; }

/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#esg-attribution-tree-270223 .level-1 {
  width: 65%;
  border-bottom: 4px #3751ba solid;
  color: #fff;
  box-shadow: none;
  height: 40px;
  background: none; }

/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#esg-attribution-tree-270223 .level-2-wrapper {
  position: relative;
  display: grid;
  grid-column-gap: 20px;
  width: 100%;
  grid-template-columns: repeat(4, 1fr); }

#esg-attribution-tree-270223 .level-2-wrapper li:first-child::before {
  content: '\f175';
  font-size: 24px;
  font-family: 'fontawesome';
  margin: 0 auto;
  background: none;
  position: absolute;
  left: 50%;
  top: -30px;
  width: 30px;
  margin-left: -15px;
  text-align: center; }

#esg-attribution-tree-270223 .level-2-wrapper::after {
  display: none;
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: calc(100% + 20px);
  height: 2px; }

#esg-attribution-tree-270223 .level-2-wrapper li {
  grid-column-start: 3;
  position: relative; }

#esg-attribution-tree-270223 .level-2 {
  margin-bottom: 20px; }

#esg-attribution-tree-270223 .level-2::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px; }

/* LEVEL-3 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#esg-attribution-tree-270223 .level-3-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  width: 100%; }

#esg-attribution-tree-270223 .level-3-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: calc(12.5% - 7.5px);
  width: calc(75% + 15px);
  height: 2px; }

#esg-attribution-tree-270223 .level-3-wrapper > li {
  position: relative; }

#esg-attribution-tree-270223 .level-3-wrapper > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 2px;
  height: 20px; }

#esg-attribution-tree-270223 .level-3 {
  margin-bottom: 20px;
  background: var(--level-3); }

#esg-attribution-tree-270223 .level-3.connector::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 2px;
  height: 20px; }

/* LEVEL-4 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#esg-attribution-tree-270223 .level-4-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  width: 100%;
  margin: 20px 0; }

#esg-attribution-tree-270223 .level-4-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: calc(37.5% - 2px);
  width: calc(50% + 10px);
  height: 2px; }

#esg-attribution-tree-270223 .level-4-wrapper > li {
  position: relative; }

#esg-attribution-tree-270223 .level-4-wrapper > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 2px;
  height: 20px; }

#esg-attribution-tree-270223 .level-4-wrapper li:first-child {
  grid-column-start: 2; }

#esg-attribution-tree-270223 .level-4 {
  margin-bottom: 20px;
  background: var(--level-3); }

#esg-attribution-tree-270223 .level-4.connector::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 2px;
  height: 20px; }

/* LEVEL-5 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#esg-attribution-tree-270223 .level-5-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  width: 100%;
  margin: 20px 0; }

#esg-attribution-tree-270223 .level-5-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: calc(37.5% - 2px);
  width: calc(50% + 10px);
  height: 2px; }

#esg-attribution-tree-270223 .level-5-wrapper > li {
  position: relative; }

#esg-attribution-tree-270223 .level-5-wrapper > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 2px;
  height: 20px; }

#esg-attribution-tree-270223 .level-5-wrapper li:first-child {
  grid-column-start: 2; }

#esg-attribution-tree-270223 .level-5 {
  margin-bottom: 20px; }

/*FILTERS*/
#esg-attribution-tree-270223 .filter-box {
  position: absolute;
  right: 20px;
  top: 20px;
  text-align: right; }

#esg-attribution-tree-270223 .filter-box .actual_units {
  display: none; }

#esg-attribution-tree-270223 .btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

#esg-attribution-tree-270223 .btn-outline-primary {
  border-color: #999;
  color: #999;
  border-radius: 0 !important; }

#esg-attribution-tree-270223 .btn-outline-primary:hover,
#esg-attribution-tree-270223 .btn-outline-primary:focus {
  background: #00c4b399;
  border-color: #00c4b3; }

#esg-attribution-tree-270223 .btn-check:active + .btn-outline-primary,
#esg-attribution-tree-270223 .btn-check:checked + .btn-outline-primary,
#esg-attribution-tree-270223 .btn-outline-primary.active,
#esg-attribution-tree-270223 .btn-outline-primary.dropdown-toggle.show,
#esg-attribution-tree-270223 .btn-outline-primary:active {
  background: #00c4b3;
  color: #fff;
  border-color: #00c4b3; }

#esg-attribution-tree-270223 .filter-row {
  color: #011b2b;
  padding: 0; }

#esg-attribution-tree-270223 .filter-row p {
  font-size: 1.2rem; }

#esg-attribution-tree-270223 .input-group {
  height: 100%; }

#esg-attribution-tree-270223 .dropdown-label {
  font-family: 'Roboto Medium',sans-serif;
  margin: 5px 0;
  color: #fff;
  display: block; }

#esg-attribution-tree-270223 .dropdown-toggle {
  position: relative;
  overflow: hidden; }

#esg-attribution-tree-270223 .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent; }

#esg-attribution-tree-270223 .dropdown-filter .dropdown-toggle:after {
  position: absolute;
  right: 10px;
  top: 50%; }

#esg-attribution-tree-270223 .dropdown-toggle,
#esg-attribution-tree-270223 .dropdown-menu {
  width: 100%;
  text-align: left;
  min-width: 100%;
  font-family: 'Roboto Medium',sans-serif; }

#esg-attribution-tree-270223 .dropdown-menu {
  min-width: calc(100% - 30px);
  margin-left: 15px; }

#esg-attribution-tree-270223 .dropdown-filter.active .dropdown-toggle:after {
  display: none; }

#esg-attribution-tree-270223 .dropdown-filter button,
#esg-attribution-tree-270223 .search_input {
  height: 50px;
  border: 3px #011b2b solid;
  background: #fff;
  color: #011b2b; }

#esg-attribution-tree-270223 .search_input.form-control::placeholder {
  color: #fff; }

#esg-attribution-tree-270223 .filter-row .dropdown-toggle.active,
#esg-attribution-tree-270223 .dropdown-filter.active button,
#esg-attribution-tree-270223 .search_input.active {
  border: 3px #ffc62d solid;
  color: #ffc62d; }

#esg-attribution-tree-270223 .dropdown-menu {
  padding: 10px 10px 0 10px; }

#esg-attribution-tree-270223 .dropdown-menu a {
  padding: 8px 5px;
  white-space: normal;
  font-family: 'Roboto Medium',sans-serif; }

#esg-attribution-tree-270223 .dropdown-menu .dropdown-item:focus,
#esg-attribution-tree-270223 .dropdown-menu .dropdown-item.active {
  background: #ffc62d;
  color: #011b2b; }

#esg-attribution-tree-270223 .dropdown-menu div.usecase-info {
  width: 100%;
  background: #ffc62d;
  padding: 20px;
  font-size: 13px; }

/*POPOVERS
------------------------------------------*/
.esg-attribution-tree-270223.popover {
  font-size: 13px;
  font-family: 'Roboto',sans-serif; }

.esg-attribution-tree-270223.popover .popover-body {
  font-family: 'Roboto Medium',sans-serif;
  font-size: 13px;
  line-height: 16px; }

.esg-attribution-tree-270223.popover .popover-body,
.esg-attribution-tree-270223.popover .popover-title {
  border-bottom: 0;
  background: #fff; }

.esg-attribution-tree-270223.popover .arrow::before, .popover .arrow::after {
  bottom: 2px; }

/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#esg-attribution-tree-270223 .page-footer {
  position: fixed;
  right: 0;
  bottom: 20px;
  display: flex;
  align-items: center;
  padding: 5px; }

#esg-attribution-tree-270223 .page-footer a {
  margin-left: 4px; }

/*----------------VIEWPORTS-----------------*/
@media screen and (max-width: 992px) {
  #esg-attribution-tree-270223 .box-title {
    padding-right: 0; }
  #esg-attribution-tree-270223 .box .row .box-icon {
    display: none; } }

@media screen and (max-width: 720px) {
  #esg-attribution-tree-270223 .box {
    padding: 2px 5px;
    height: auto; }
  #esg-attribution-tree-270223 .box-title {
    padding: 0; }
  #esg-attribution-tree-270223 .box-value {
    padding: 0; }
  #esg-attribution-tree-270223 .box-value::before {
    top: -10px; }
  #esg-attribution-tree-270223 .filter-box {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 20px; }
  #esg-attribution-tree-270223 .level-1,
  #esg-attribution-tree-270223 .level-0 {
    width: 80%; }
  #esg-attribution-tree-270223 .level-2::before,
  #esg-attribution-tree-270223 .level-3::before,
  #esg-attribution-tree-270223 .level-4::before {
    display: none; }
  #esg-attribution-tree-270223 .level-2-wrapper {
    display: block; }
  #esg-attribution-tree-270223 .level-3-wrapper {
    grid-template-columns: repeat(1, 1fr);
    width: 75%;
    left: 5%; }
  #esg-attribution-tree-270223 .level-3-wrapper::before,
  #esg-attribution-tree-270223 .level-4-wrapper::before,
  #esg-attribution-tree-270223 .level-5-wrapper::before {
    height: 100%;
    width: 2px;
    left: -10px; }
  #esg-attribution-tree-270223 .level-3-wrapper li::before,
  #esg-attribution-tree-270223 .level-4-wrapper li::before,
  #esg-attribution-tree-270223 .level-5-wrapper li::before {
    top: 20px;
    left: 0;
    width: 20px;
    height: 2px; }
  /*change order of columns*/
  #esg-attribution-tree-270223 .level-3-wrapper li:nth-child(3) {
    order: 4; }
  #esg-attribution-tree-270223 .level-3-wrapper li:nth-child(4) {
    order: 3; }
  #esg-attribution-tree-270223 .level-3-wrapper li:nth-child(3) div,
  #esg-attribution-tree-270223 .level-4-wrapper li:nth-child(2) div,
  #esg-attribution-tree-270223 .level-5-wrapper li:nth-child(3) div {
    margin-bottom: 0; }
  #esg-attribution-tree-270223 .level-4-wrapper {
    grid-template-columns: repeat(1, 1fr);
    width: 75%;
    left: 15%; }
  /*change order of columns*/
  #esg-attribution-tree-270223 .level-4-wrapper li:nth-child(2) {
    order: 3; }
  #esg-attribution-tree-270223 .level-4-wrapper li:nth-child(3) {
    order: 2; }
  #esg-attribution-tree-270223 .level-4-wrapper li:first-child,
  #esg-attribution-tree-270223 .level-5-wrapper li:first-child {
    grid-column-start: 1; }
  #esg-attribution-tree-270223 .level-5-wrapper {
    grid-template-columns: repeat(1, 1fr);
    width: 75%;
    left: 25%; } }

@media screen and (max-width: 500px) {
  #esg-attribution-tree-270223 .btn {
    font-size: 0.9rem; }
  #esg-attribution-tree-270223 .box-value {
    font-size: 1rem; } }

#ms136-emi-010523 > .row {
  background: #011b2b;
  color: #fff;
  padding: 20px; }

#ms136-emi-010523 .asset-container {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  background: #011b2b;
  color: #fff;
  padding: 0 20px; }

#ms136-emi-010523 .asset-container .row {
  height: 100%; }

#ms136-emi-010523 .asset-container-title {
  font-size: 1.2rem; }

#ms136-emi-010523 p,
#ms136-emi-010523 li {
  font-family: 'Roboto Medium', sans-serif; }

#ms136-emi-010523 h2,
#ms136-emi-010523 h3,
#ms136-emi-010523 h4,
#ms136-emi-010523 h5 {
  margin: 10px 0; }

#ms136-emi-010523 .index-category-col {
  transition: opacity 0.5s, background-color 1s, border-right 1s; }

#ms136-emi-010523 .index-category-col:not(:nth-child(3)) {
  border-right: 1px rgba(255, 255, 255, 0.3) solid;
  padding-right: 20px; }

#ms136-emi-010523 .index-category-col:not(:nth-child(1)) {
  padding-left: 20px; }

#ms136-emi-010523 .index-category-col:nth-child(3) {
  border: 0; }

#ms136-emi-010523 .index-category-col.selected {
  background-color: #00293b; }

#ms136-emi-010523 .index-category-col.selected:not(:nth-child(3)),
#ms136-emi-010523 .index-category-col.lowlight:not(:nth-child(3)) {
  border-right: 1px #011b2b solid; }

#ms136-emi-010523 .index-category-col.lowlight {
  opacity: 0.2; }

#ms136-emi-010523 .index-category-container {
  margin-bottom: 10px; }

#ms136-emi-010523 .index-category-name {
  color: #ffc62d;
  text-transform: uppercase; }

#ms136-emi-010523 ul.index-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

#ms136-emi-010523 ul.index-list li {
  padding: 5px 50px 5px 20px;
  position: relative; }

#ms136-emi-010523 ul.index-list li:hover {
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer; }

#ms136-emi-010523 ul.index-list li:after {
  content: '\F054';
  font-family: 'fontawesome';
  position: absolute;
  right: 30px; }

#ms136-emi-010523 .index-type-container {
  padding: 20px 0;
  margin: 0 -20px 0 -20px; }

#ms136-emi-010523 .index-type-name {
  padding-left: 20px; }

#ms136-emi-010523 .index-category-EMEA ul.index-list {
  columns: 2;
  -moz-columns: 2; }

/*---------------------TYPES--------------------*/
#ms136-emi-010523 .index-type-container.index-type-equity {
  background: rgba(0, 196, 179, 0.1); }

#ms136-emi-010523 .index-type-container.index-type-fixed-income {
  background: rgba(89, 135, 218, 0.1); }

#ms136-emi-010523 .index-type-container.index-type-equity,
#ms136-emi-010523 .index-info-box-container.index-type-equity .index-info-box-type,
#ms136-emi-010523 .index-info-box-container.index-type-equity .index-info-box-name,
#ms136-emi-010523 .index-info-box-container.index-type-equity li a {
  color: #66DCD2; }

#ms136-emi-010523 .index-type-container.index-type-fixed-income,
#ms136-emi-010523 .index-info-box-container.index-type-fixed-income .index-info-box-type,
#ms136-emi-010523 .index-info-box-container.index-type-fixed-income .index-info-box-name,
#ms136-emi-010523 .index-info-box-container.index-type-fixed-income li a {
  color: #9BB7E9; }

/*-----------------CLOSE BUTTON-----------------*/
#ms136-emi-010523 .close-button {
  position: absolute;
  top: 20px;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

#ms136-emi-010523 .clone.expanded .close-button {
  display: block; }

#ms136-emi-010523 .close-button::after,
#ms136-emi-010523 .close-button::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 12px;
  width: 30px;
  height: 1px;
  background: #fff; }

#ms136-emi-010523 .close-button::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#ms136-emi-010523 .close-button::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/*----------------SECONDARY BUTTON----------------*/
#ms136-emi-010523 .msci-btn-secondary {
  font-size: 16px;
  height: 40px;
  padding: 4px 16px;
  line-height: 28px;
  font-weight: 700;
  background: #00c4b3;
  color: #fff;
  border: 0; }

#ms136-emi-010523 .msci-btn-secondary:hover {
  opacity: 0.8; }

/*-----------------POP UP----------------*/
#ms136-emi-010523 .index-info-box {
  bottom: -100%;
  position: absolute;
  height: 100%;
  left: 0;
  width: 100%;
  background: #00293b;
  color: #fff;
  transition: bottom 0.5s ease-in-out;
  box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.6); }

#ms136-emi-010523 .index-info-box.open {
  bottom: 0; }

#ms136-emi-010523 .index-info-box-container {
  padding: 30px 20px; }

#ms136-emi-010523 .index-info-box .index-info-box-desc {
  padding-right: 40px; }

/*-----------------LINKS--------------------*/
#ms136-emi-010523 .index-learn-more {
  font-family: 'Roboto Medium',sans-serif; }

#ms136-emi-010523 .index-learn-more:not(.active) {
  display: none; }

#ms136-emi-010523 ul.link-list {
  list-style: none;
  padding-left: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; }

#ms136-emi-010523 ul.link-list li {
  padding: 0 0 0 60px;
  position: relative;
  line-height: 60px;
  margin-bottom: 10px; }

#ms136-emi-010523 .headline-index ul.link-list {
  columns: 1; }

#ms136-emi-010523 .headline-index ul.link-list li {
  text-align: right;
  float: right;
  margin: 0 10px 0 0; }

/*
#ms136-emi-010523 ul.link-list li:after {
    content:'\F054';
    font-family:'fontawesome';
    position:absolute;
    right:30px;
}*/
#ms136-emi-010523 ul.link-list li a {
  color: #00c4b3;
  font-family: 'Roboto Medium',sans-serif;
  font-size: 1.2rem;
  display: inline-block; }

/*-------------------ICONS-----------------*/
#ms136-emi-010523 .link-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0; }

#ms136-emi-010523 .link-icon.factsheet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m47.48 51.91H13.97c-.32 0-.57-.26-.57-.57V7.98c0-.32.26-.57.57-.57h33.51c.32 0 .57.26.57.57v43.37c0 .32-.26.57-.57.57m-32.94-1.14h32.37V8.55H14.54v42.22Zm14.35-7.32h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57m3.66 1.14h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57m-3.66 2.65h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57m14.47 0h-10.81c-.32 0-.57.26-.57.57s.26.57.57.57h10.81c.32 0 .57-.26.57-.57s-.26-.57-.57-.57M21.82 11.66h1.02v5.21h-1.02v-5.21Zm6.23 5.21l-2.06-3.2v3.2h-1.02v-5.21h.91l2.06 3.19v-3.19h1.02v5.21h-.91Zm4.06-4.3v1.28h2.06v.91h-2.06v2.12h-1.02v-5.21h3.43v.91h-2.42Zm7.23 3.78c-.37.37-.81.57-1.41.57s-1.05-.21-1.41-.57c-.53-.53-.51-1.18-.51-2.08s-.01-1.55.51-2.08c.37-.37.82-.57 1.41-.57s1.04.21 1.41.57c.53.53.52 1.18.52 2.08s0 1.55-.52 2.08m-.75-3.54c-.15-.17-.37-.28-.65-.28s-.51.11-.66.28c-.2.22-.25.46-.25 1.46s.05 1.24.25 1.46c.15.17.38.28.66.28s.51-.11.65-.28c.2-.22.26-.46.26-1.46s-.06-1.24-.26-1.46'/%3E%3Cpath class='cls-1' d='m31.08 22.35h0s-.46-.01-.46-.01h-.46c-1.23.07-2.34.36-3.45.9h0s-.4.21-.4.21l-.4.22h0c-1.71 1.06-2.9 2.5-3.6 4.38h-.01s-.14.44-.14.44l-.14.44h.01c-.94 3.46.21 7 3 9.24h0s.37.28.37.28l.37.27h0c1.48.97 3.04 1.43 4.85 1.43 4.91 0 8.91-4 8.91-8.91s-3.75-8.65-8.45-8.9m2.71 8.9c0 1.75-1.42 3.17-3.17 3.17s-3.17-1.42-3.17-3.17 1.42-3.17 3.17-3.17 3.17 1.42 3.17 3.17m-3.63-7.97v3.9c-.39.04-.76.14-1.11.28l-1.89-3.41c.96-.47 1.93-.72 3-.77m-3.81 1.22l1.89 3.41c-.58.42-1.05.98-1.35 1.64l-3.26-1.06-.45-.15c.63-1.65 1.67-2.91 3.17-3.85m-.79 12.92c-2.46-2-3.48-5.14-2.66-8.2l.49.16 3.22 1.05c-.05.27-.08.54-.08.82 0 1.2.52 2.27 1.34 3.02l-2.29 3.16Zm5.06 1.81c-1.61 0-3-.4-4.31-1.26l2.29-3.16c.6.34 1.28.53 2.01.53 2.26 0 4.1-1.84 4.1-4.1 0-2.1-1.59-3.84-3.63-4.07v-3.9c4.19.24 7.52 3.72 7.52 7.97s-3.58 7.98-7.98 7.98'/%3E%3C/svg%3E"); }

#ms136-emi-010523 .link-icon.methodology {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none%3B stroke: %23fff%3B stroke-miterlimit: 10%3B stroke-width: 1.23px%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m28.95 27.28V6.88c-5.67.19-10.47 2.21-14.49 5.94 4.87 4.86 9.67 9.65 14.49 14.46Zm-14.72 18.02c4.88-4.88 9.71-9.71 14.49-14.49-4.87-4.86-9.72-9.71-14.58-14.56-7.69 7.75-8.17 20.48.09 29.05ZM31.12 10.98v12.2c0 2.46.05 4.92-.03 7.38-.02.6-.32 1.32-.74 1.74-4.56 4.63-9.18 9.21-13.77 13.8 3.43 5.55 15.14 7.78 22.86 4.39 9.41-4.13 14.38-14.61 11.59-24.42-2.54-8.93-12.03-16.19-19.91-15.09Z'/%3E%3C/svg%3E"); }

#ms136-emi-010523 .link-icon.performance {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m14.48 20.23l-.41.32c-5.43 4.23-8.67 10.83-8.67 17.65v.48h12.96v-.48c0-2.64 1.13-5.18 3.11-6.98l.31-.28-7.31-10.7Zm-8.1 17.49c.14-6.19 3.06-12.13 7.89-16.09l6.26 9.16c-1.87 1.85-2.99 4.33-3.11 6.92H6.38Z'/%3E%3Cpath class='cls-1' d='m45.11 20.55l-.41-.32-7.31 10.7.31.28c.57.52 1.07 1.1 1.49 1.73l-3.16.93c-1.52-1.76-3.76-2.87-6.27-2.87-4.57 0-8.28 3.72-8.28 8.28s3.72 8.29 8.28 8.29 8.29-3.72 8.29-8.29c0-.58-.06-1.15-.18-1.7l2.61-1.82c.22.79.33 1.61.33 2.44v.48h12.96v-.48c0-6.83-3.24-13.43-8.67-17.65m-3.34 17.17c-.04-.87-.2-1.72-.45-2.54l3.01-2.1-.69-1.43-3.48 1.02c-.43-.67-.93-1.3-1.51-1.87l6.26-9.16c4.83 3.95 7.74 9.9 7.89 16.09h-11.03Zm-4.68 1.57c0 4.04-3.28 7.32-7.32 7.32s-7.32-3.28-7.32-7.32 3.28-7.32 7.32-7.32c2.05 0 3.9.85 5.23 2.21l-2.91.85c-1.34-.74-2.95-.8-4.33-.13-1.14.55-2 1.5-2.42 2.7-.42 1.19-.35 2.48.2 3.62.81 1.69 2.51 2.69 4.28 2.69.68 0 1.38-.15 2.04-.46 1.39-.66 2.35-1.95 2.61-3.46l2.54-1.78c.05.36.08.72.08 1.09m-3.52.13l-.03.21c-.16 1.28-.95 2.37-2.1 2.93-1.87.9-4.13.11-5.03-1.77-.44-.91-.49-1.93-.16-2.88.33-.95 1.02-1.71 1.92-2.15.51-.25 1.07-.37 1.62-.37.69 0 1.37.19 1.98.56l.18.11 11.01-3.22-9.4 6.57Z'/%3E%3Cpath class='cls-1' d='m25.24 29.08c1.32-.65 2.73-.99 4.19-.99s2.87.33 4.19.99l.38.19 7.31-10.73-.44-.26c-3.45-2.05-7.41-3.13-11.44-3.13s-7.98 1.08-11.44 3.13l-.44.26 7.31 10.73.38-.19Zm4.19-12.98c3.68 0 7.3.95 10.5 2.74l-6.26 9.19c-1.35-.6-2.77-.91-4.24-.91s-2.89.3-4.24.91l-6.26-9.19c3.2-1.8 6.82-2.74 10.5-2.74'/%3E%3Cpath class='cls-1' d='m29.77 36.68c-1.44 0-2.61 1.17-2.61 2.61s1.17 2.61 2.61 2.61 2.6-1.17 2.6-2.61-1.17-2.61-2.6-2.61m0 4.24c-.9 0-1.64-.74-1.64-1.64s.74-1.64 1.64-1.64 1.64.74 1.64 1.64-.74 1.64-1.64 1.64'/%3E%3C/svg%3E"); }

#ms136-emi-010523 .link-icon.learn-more {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff%3B %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='m31.96 39.64h-3.9c-.31 0-.56.25-.56.56s.25.56.56.56h3.9c.31 0 .56-.25.56-.56s-.25-.56-.56-.56Z'/%3E%3Cpath class='cls-1' d='m53.88 42.83h0s0-.05-.01-.08l-.02-.07s-.02-.04-.03-.06l-4.07-8.06V13.7c0-1.92-1.56-3.48-3.48-3.48H13.72c-1.92 0-3.48 1.56-3.48 3.48l-.02 20.95-3.49 6.88.09-.09-.64 1.18s-.02.03-.03.05l-.02.07s-.01.06-.01.08c0 .01 0 .03 0 .05v1.1c0 .18.01.35.04.53.26 1.68 1.73 2.95 3.44 2.95h40.81c1.7 0 3.18-1.27 3.44-2.95.03-.17.04-.35.04-.53v-1.1s0-.03 0-.05ZM13.72 11.35h32.55c1.3 0 2.35 1.06 2.35 2.36v20.49H11.37V13.7c0-1.3 1.06-2.36 2.35-2.36Zm-2.58 23.97h37.71l3.52 7.01H7.62l3.52-7.01Zm41.61 8.67c0 1.3-1.06 2.35-2.35 2.35H9.6c-1.3 0-2.35-1.06-2.35-2.35v-.54h45.52v.54Z'/%3E%3Cpath class='cls-1' d='m16.24 27.69 24.99-11.58'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-1' d='m23.43 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m31.07 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m38.71 24.49l.7-3.81h1.45l-1.29 6.07h-1.52l-.81-3.46-.8 3.46h-1.51l-1.29-6.07h1.46l.7 3.81.83-3.81h1.24l.85 3.81Z'/%3E%3Cpath class='cls-1' d='m41.85 25.4c.22 0 .41.07.55.2.15.13.22.3.22.51s-.07.37-.22.51c-.15.13-.33.2-.55.2s-.41-.07-.56-.2c-.15-.13-.22-.3-.22-.5s.07-.37.22-.5c.15-.13.33-.2.56-.2Z'/%3E%3C/g%3E%3C/svg%3E"); }

/*----------------VIEWPORTS-----------------*/
@media screen and (max-width: 992px) {
  #ms136-emi-010523 .balance-height {
    height: auto !important; }
  #ms136-emi-010523 .index-info-box.open {
    bottom: 0 !important; } }

@media screen and (max-width: 720px) {
  #ms136-emi-010523 .headline-index ul.link-list li {
    text-align: left;
    float: left; } }

#real-estate-heatmap-container {
  position: relative;
  margin: auto;
  height: auto;
  max-width: 1100px;
  background: #fff; }
  #real-estate-heatmap-container #world-map {
    height: 600px; }
  #real-estate-heatmap-container .mobile {
    display: none; }
  #real-estate-heatmap-container .chart {
    max-width: 1100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 0;
    color: #011b2b;
    position: relative; }
  #real-estate-heatmap-container h2 {
    font-weight: normal;
    font-size: 2rem;
    margin: 5px 0; }
  #real-estate-heatmap-container .map {
    width: 100%;
    position: relative;
    z-index: 10;
    height: auto;
    margin-top: 40px; }
  #real-estate-heatmap-container #world-map {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0; }
    #real-estate-heatmap-container #world-map path {
      fill: #eee;
      transition: fill .4s ease; }
      #real-estate-heatmap-container #world-map path:hover {
        cursor: pointer; }
    #real-estate-heatmap-container #world-map path.active {
      fill: #697dcb; }
    #real-estate-heatmap-container #world-map path.highlighted {
      fill: #0626a9; }
  #real-estate-heatmap-container #chart-dropdowns {
    position: absolute;
    z-index: 11;
    width: 100%; }
  #real-estate-heatmap-container .selector {
    float: left;
    height: auto;
    top: 0;
    line-height: 30px;
    font-size: 15px;
    width: calc(25% - 7.5px);
    margin: 5px 10px 5px 0; }
    #real-estate-heatmap-container .selector:nth-child(4) {
      margin-right: 0; }
    #real-estate-heatmap-container .selector .top-menu {
      position: relative;
      color: #fff;
      z-index: 4;
      cursor: pointer;
      text-transform: uppercase;
      padding-left: 20px;
      background-color: #011b2b;
      background-image: url(arrow-downx2.png);
      background-position: 95% center;
      background-repeat: no-repeat;
      background-size: auto 10px; }
      #real-estate-heatmap-container .selector .top-menu::after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 407.4 407.4' style='enable-background:new 0 0 407.4 407.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='386.3,91.6 203.7,273.5 21.2,91.6 0,112.8 203.7,315.9 407.4,112.8 '/%3E%3C/svg%3E%0A");
        content: '';
        display: inline-block;
        height: 16px;
        position: absolute;
        top: 50%;
        vertical-align: top;
        width: 16px;
        -webkit-transition: transform .4s;
        transition: transform .4s;
        right: 10px;
        background-repeat: no-repeat;
        margin: -8px 0 0 -8px; }
    #real-estate-heatmap-container .selector:hover .top-menu {
      background-color: #0626a9;
      background-image: url(arrow-downx2.png);
      background-position: 95% center;
      background-repeat: no-repeat;
      background-size: auto 10px; }
    #real-estate-heatmap-container .selector .top-menu.active {
      background: #0626a9; }
      #real-estate-heatmap-container .selector .top-menu.active::after {
        transform: rotate(180deg);
        -webkit-transition: transform .4s;
        transition: transform .4s; }
    #real-estate-heatmap-container .selector .sub-menu {
      height: auto;
      position: absolute;
      width: 100%;
      left: 0;
      background: #fff;
      line-height: 20px;
      font-size: 13px;
      margin-top: 10px;
      opacity: 0;
      max-height: 300px;
      overflow-y: auto; }
      #real-estate-heatmap-container .selector .sub-menu table {
        width: 100%;
        text-align: left;
        border-collapse: collapse;
        width: 100%;
        background: #b4bee5; }
        #real-estate-heatmap-container .selector .sub-menu table td {
          padding: 5px 10px;
          border-bottom: 1px #fff solid; }
          #real-estate-heatmap-container .selector .sub-menu table td:nth-child(1) {
            width: 60%; }
          #real-estate-heatmap-container .selector .sub-menu table td:nth-child(2) {
            width: 10%; }
          #real-estate-heatmap-container .selector .sub-menu table td:nth-child(3) {
            width: 15%; }
          #real-estate-heatmap-container .selector .sub-menu table td:nth-child(4) {
            width: 15%; }
        #real-estate-heatmap-container .selector .sub-menu table th {
          padding: 5px 10px;
          text-align: left;
          background: #7692dd; }
          #real-estate-heatmap-container .selector .sub-menu table th:nth-child(1) {
            width: 60%; }
          #real-estate-heatmap-container .selector .sub-menu table th:nth-child(2) {
            width: 10%; }
          #real-estate-heatmap-container .selector .sub-menu table th:nth-child(3) {
            width: 15%; }
          #real-estate-heatmap-container .selector .sub-menu table th:nth-child(4) {
            width: 15%; }
        #real-estate-heatmap-container .selector .sub-menu table tr.fund td {
          background: #8a95dc; }
        #real-estate-heatmap-container .selector .sub-menu table tr.private td {
          background: #ffdd81; }
        #real-estate-heatmap-container .selector .sub-menu table tr:hover td {
          cursor: pointer;
          background: #011b2b;
          color: #fff; }
        #real-estate-heatmap-container .selector .sub-menu table tr.header-key th {
          background: #fff;
          padding: 0 0 10px; }
          #real-estate-heatmap-container .selector .sub-menu table tr.header-key th span {
            float: left; }
      #real-estate-heatmap-container .selector .sub-menu .country-score {
        position: absolute;
        right: 20px; }
  #real-estate-heatmap-container .key-button {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    line-height: 30px;
    float: left;
    margin-right: 10px; }
  #real-estate-heatmap-container .key-button.lilac {
    background: #8a95dc; }
  #real-estate-heatmap-container .key-button.blue {
    background: #b4bee5; }
  #real-estate-heatmap-container .key-button.marigold {
    background: #ffdd81; }
  #real-estate-heatmap-container #tooltip {
    position: absolute;
    display: none;
    background: #002036;
    min-width: 135px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    z-index: 900000;
    font-weight: 500; }
  #real-estate-heatmap-container #tooltip.detailed {
    cursor: pointer; }

@media (max-width: 990px) {
  #real-estate-heatmap-container {
    height: auto; }
    #real-estate-heatmap-container .chart {
      height: auto;
      border: 0; }
    #real-estate-heatmap-container .map {
      margin-top: 120px; }
    #real-estate-heatmap-container .circle {
      width: 8px;
      height: 8px; }
    #real-estate-heatmap-container .selector {
      height: auto;
      line-height: 30px;
      font-size: 15px;
      width: calc(100% - 40px);
      margin: 2px auto;
      float: none;
      padding-right: 10px; }
      #real-estate-heatmap-container .selector:nth-child(4) {
        margin: 2px auto; }
      #real-estate-heatmap-container .selector .sub-menu {
        position: relative;
        max-height: 240px;
        font-size: 11px;
        line-height: 14px; }
        #real-estate-heatmap-container .selector .sub-menu .table-body-wrapper {
          height: 120px;
          margin-top: 30px;
          overflow-y: auto; }
    #real-estate-heatmap-container .summary-box {
      width: 80%;
      height: auto;
      position: relative;
      top: auto;
      left: 10%;
      background: #fff;
      z-index: 10000;
      opacity: 0; }
    #real-estate-heatmap-container .summary .summary-title {
      font-size: 12px; }
    #real-estate-heatmap-container .summary .summary-body {
      font-size: 12px;
      line-height: 14px; }
    #real-estate-heatmap-container .key-buttons {
      line-height: 20px; } }

@media screen\0 {
  #real-estate-heatmap-container .map {
    height: 560px; } }

@media screen\9 {
  #real-estate-heatmap-container .map {
    height: 560px; } }

.portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination a, .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .back-home-link a {
  color: #002036;
  font-family: "Roboto Regular", sans-serif;
  font-size: 14px; }
  .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination a:hover, .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .back-home-link a:hover {
    color: #4A7BC9; }

.portlet-boundary_mscipaging_WAR_mscipagingportlet_ .tags {
  margin-bottom: 10px; }
  .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .tags a {
    margin-right: 10px; }

.portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination {
  margin-bottom: 10px;
  padding-bottom: 11px;
  border-bottom: 1px solid #DAE0F8; }
  .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination:after {
    content: "";
    display: block;
    clear: both; }
  .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination .msci-btn-secondary {
    min-width: 125px;
    height: unset;
    line-height: unset; }

.portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination a.previous:before, .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination a.next:after, .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .back-home-link a:before {
  font-family: 'Font-Awesome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination a.previous:before, .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .back-home-link a:before {
  content: "\f104"; }

.portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination a.next {
  float: right; }
  .portlet-boundary_mscipaging_WAR_mscipagingportlet_ .blog-pagination a.next:after {
    content: "\f105"; }

.portlet-boundary_mscipaging_WAR_mscipagingportlet_ .back-home-link {
  margin-bottom: 40px; }

.msci-cookie-bar .msci-link-primary-box, .msci-cookie-bar .msci-link-secondary-box {
  padding-right: 10px; }
  .msci-cookie-bar .msci-link-primary-box:after, .msci-cookie-bar .msci-link-secondary-box:after {
    content: ''; }

.msci-cookie-bar h5 {
  color: #1A3FD6;
  margin-bottom: 30px; }

.msci-cookie-bar h6 {
  color: #1A3FD6;
  font-size: 20px; }

.msci-cookie-bar a {
  color: #000;
  font-weight: bold;
  text-decoration: underline; }
  .msci-cookie-bar a:hover {
    color: #1A3FD6; }

.msci-cookie-bar b {
  font-size: 16px; }

.msci-cookie-bar .cc-sidebar-toggle {
  margin-bottom: 30px; }

.msci-cookie-bar .cookie-config-sidebar .cc-default:last-child {
  padding-bottom: 0;
  margin-top: 10px; }

.msci-cookie-bar .cookie-config-sidebar {
  width: 90%;
  max-width: 420px;
  left: -460px;
  background: #FFF;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 990;
  overflow: auto; }

.msci-cookie-bar .cookie-config-sidebar .cc-title {
  margin: 0;
  position: relative;
  color: #000;
  padding: 15px 30px 10px; }

.msci-cookie-bar .cookie-config-sidebar .cc-title h3 {
  margin: 0; }

.msci-cookie-bar .cookie-config-sidebar .cc-default {
  border-bottom: 1px solid #DAE0F8;
  padding: 20px 0 40px;
  position: relative;
  margin: 0 40px; }

.msci-cookie-bar .cookie-config-sidebar .cc-custom {
  padding: 10px 40px 30px; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox {
  position: relative;
  padding: 10px 0 5px; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox:first-child {
  margin-top: 10px;
  padding-top: 30px; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox label {
  position: relative;
  padding-right: 85px;
  display: block;
  height: 26px;
  line-height: 26px; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox input[type="checkbox"] {
  margin: 0;
  margin-top: 1px;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background: #DAE0F8;
  height: 31px;
  width: 80px; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox label:before,
.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox label:after {
  position: absolute;
  transition: background-color 0.3s, right 0.3s; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox label:before {
  content: "OFF";
  color: #1A3FD6;
  box-sizing: border-box;
  padding-left: 44px;
  font-size: 16px;
  font-weight: bold;
  line-height: 31px;
  background-color: #DAE0F8;
  right: 0;
  top: 0;
  height: 31px;
  width: 80px; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox label:after {
  content: "";
  background: #fff;
  right: 42px;
  top: 2px;
  height: 27px;
  width: 36px; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox input[type="checkbox"]:checked + label:before {
  background-color: #1A3FD6;
  color: #fff;
  content: "ON";
  padding-left: 10px; }

.msci-cookie-bar .cookie-config-sidebar .cc-sidebar-checkbox input[type="checkbox"]:checked + label:after {
  right: 2px; }

.msci-cookie-bar .cc-sidebar-text:nth-of-type(3) {
  padding-top: 20px; }

.msci-cookie-bar .cookie-config-sidebar .cc-mkt-text, .msci-cookie-bar .cookie-config-sidebar .cc-analytic-text {
  display: none; }

.msci-cookie-bar .cookiebar {
  left: 0;
  padding: 15px 15px 15px 30px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background-color: #6F86E4;
  color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); }
  .msci-cookie-bar .cookiebar p {
    margin: 0;
    font-size: 16px;
    line-height: 40px; }
  .msci-cookie-bar .cookiebar .cookie-message {
    display: inline-block;
    font-size: 16px;
    line-height: 40px; }
  .msci-cookie-bar .cookiebar .cookie-controls {
    float: right; }
  .msci-cookie-bar .cookiebar .msci-link-primary-box:first-child {
    margin-right: 10px; }
  .msci-cookie-bar .cookiebar a {
    color: #fff; }
  @media (max-width: 979px) {
    .msci-cookie-bar .cookiebar .cookie-message {
      display: block;
      line-height: 20px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 0; }
    .msci-cookie-bar .cookiebar .cookie-controls {
      float: none;
      display: block;
      text-align: center; } }

.cookie-config-sidebar-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9; }

.portlet-boundary_mscicookiebar_WAR_mscicookiebar_ > section > header.portlet-topper {
  display: none; }

.about-contributor {
  text-align: center;
  margin-top: 18px; }
  .about-contributor img.blog-author {
    width: 130px;
    height: auto;
    border: 1px solid #F8F7F7;
    margin-bottom: 20px; }
  .about-contributor .author-name {
    border-bottom: 1px solid #DAE0F8;
    padding-bottom: 28px; }
    .about-contributor .author-name a {
      font-family: "Roboto Bold", sans-serif; }

.regulation-form-wrapper {
  padding-top: 8px;
  margin: auto; }
  .regulation-form-wrapper .regulation-header {
    margin-bottom: 14px; }
    .regulation-form-wrapper .regulation-header h2 {
      font-size: 32px; }
  .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form {
    border: 1px solid #DAE0F8;
    padding: 20px; }
    .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form h5, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form h5 {
      margin-bottom: 20px; }
    .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent {
      width: 60%; }
      .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-select-wrapper, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .methodology-input-parent .input-text-wrapper, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-select-wrapper, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .methodology-input-parent .input-text-wrapper {
        padding-right: 8px;
        display: block; }
    .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button {
      height: 36px;
      padding: 6px 18px 8px 18px; }
      .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .submit-btn-container button:after, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .submit-btn-container button:after {
        content: none; }
    .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .date-button-wrapper, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .date-button-wrapper {
      display: inline-block;
      margin-right: 16px; }
    .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .radio label, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .radio label {
      font-size: 16px;
      font-family: "Roboto Bold", sans-serif;
      padding-left: 26px; }
    .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .date-button-wrapper .calendar-btn, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .date-button-wrapper .calendar-btn {
      border-radius: 0;
      background-color: #1A3FD6; }
      .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper form .date-button-wrapper .calendar-btn:hover, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper form .date-button-wrapper .calendar-btn:hover {
        background-color: #4A7BC9; }
  .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper .methodology-message-container p, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper .index-message-container p, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper .methodology-message-container p, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper .index-message-container p {
    font-size: 12px; }
  .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper .methodology-message-container-standalone, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper .index-message-container-standalone, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper .methodology-message-container-standalone, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper .index-message-container-standalone {
    padding: 0px;
    margin: 0px; }
    .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper .methodology-message-container-standalone p, .regulation-form-wrapper .main-search-wrapper .methodology-select-wrapper .index-message-container-standalone p, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper .methodology-message-container-standalone p, .regulation-form-wrapper .main-search-wrapper .index-search-wrapper .index-message-container-standalone p {
      font-size: 12px; }
  .regulation-form-wrapper .footer-note-wrapper p {
    font-size: 12px; }
  @media screen and (max-width: 768px) {
    .regulation-form-wrapper .footer-note-wrapper p {
      text-align: left; } }

.ui-autocomplete {
  margin: 0px;
  border: 1px solid #DAE0F8;
  background: #FFFFFF;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  padding: 4px 10px;
  width: 35%;
  cursor: default; }
  .ui-autocomplete li.ui-menu-item:hover {
    background-color: #DAE0F8; }

/*
 * selection-sharer: Medium like popover menu to share on Twitter or by email any text selected on the page
 *
 * -- Requires jQuery --
 * -- AMD compatible  --
 *
 * Author: Xavier Damman (@xdamman)
 * GIT: https://github.com/xdamman/selection-sharer
 * MIT License
 */
@keyframes selectionSharerPopover-animation {
  0% {
    transform: matrix(0.97, 0, 0, 1, 0, 12);
    filter: alpha(opacity=0);
    opacity: 0; }
  20% {
    transform: matrix(0.99, 0, 0, 1, 0, 2);
    filter: alpha(opacity=70);
    opacity: 0.7; }
  40% {
    transform: matrix(1, 0, 0, 1, 0, -1);
    filter: alpha(opacity=100);
    opacity: 1; }
  70% {
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1; }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
    filter: alpha(opacity=100);
    opacity: 1; } }

#selectionSharerPopover {
  display: none;
  position: absolute;
  top: -100px;
  left: -100px;
  z-index: 1010; }

#selectionSharerPopover::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #262625;
  box-shadow: 0 0 2px #262625; }

#selectionSharerPopover.anim {
  transition: top 0.075s ease-out;
  animation: selectionSharerPopover-animation 180ms forwards linear;
  -webkit-animation: selectionSharerPopover-animation 180ms forwards linear; }

#selectionSharerPopover-inner {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  border-color: #262625 #1c1c1b #121211;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.7), inset 0 0 1px rgba(255, 255, 255, 0.07), inset 0 0 2px rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(to bottom, rgba(49, 49, 47, 0.97), #262625);
  background-repeat: repeat-x; }

#selectionSharerPopover .selectionSharerPopover-clip {
  position: absolute;
  bottom: -11px;
  display: block;
  left: 50%;
  clip: rect(12px 24px 24px 0);
  margin-left: -12px;
  width: 24px;
  height: 24px;
  line-height: 24px; }

#selectionSharerPopover .selectionSharerPopover-arrow {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg) scale(0.5);
  transform: rotate(45deg) scale(0.5);
  background-color: #454543;
  border: 2px solid #121211;
  box-sizing: content-box; }

.selectionSharer ul {
  padding: 0;
  display: inline; }

.selectionSharer ul li {
  float: left;
  list-style: none;
  background: none;
  margin: 0; }

.selectionSharer a.action {
  display: block;
  text-indent: -200px;
  margin: 5px 7px;
  width: 20px;
  height: 20px;
  border: none; }

.selectionSharer a:hover {
  color: #ccc; }

.selectionSharer a.tweet {
  background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='171' height='139'%3e%3cg transform='translate(-282.32053,-396.30734)'%3e%3cpath style='fill:white' d='m 453.82593,412.80619 c -6.3097,2.79897 -13.09189,4.68982 -20.20852,5.54049 7.26413,-4.35454 12.84406,-11.24992 15.47067,-19.46675 -6.79934,4.03295 -14.3293,6.96055 -22.34461,8.53841 -6.41775,-6.83879 -15.56243,-11.111 -25.68298,-11.111 -19.43159,0 -35.18696,15.75365 -35.18696,35.18525 0,2.75781 0.31128,5.44359 0.91155,8.01875 -29.24344,-1.46723 -55.16995,-15.47582 -72.52461,-36.76396 -3.02879,5.19662 -4.76443,11.24048 -4.76443,17.6891 0,12.20777 6.21194,22.97747 15.65332,29.28716 -5.76773,-0.18265 -11.19331,-1.76565 -15.93716,-4.40083 -0.004,0.14663 -0.004,0.29412 -0.004,0.44248 0,17.04767 12.12889,31.26806 28.22555,34.50266 -2.95247,0.80436 -6.06101,1.23398 -9.26989,1.23398 -2.2673,0 -4.47114,-0.22124 -6.62011,-0.63114 4.47801,13.97857 17.47214,24.15143 32.86992,24.43441 -12.04227,9.43796 -27.21366,15.06335 -43.69965,15.06335 -2.84014,0 -5.64082,-0.16722 -8.39349,-0.49223 15.57186,9.98421 34.06703,15.8094 53.93768,15.8094 64.72024,0 100.11301,-53.61524 100.11301,-100.11387 0,-1.52554 -0.0343,-3.04251 -0.10204,-4.55261 6.87394,-4.95995 12.83891,-11.15646 17.55618,-18.21305 z' /%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 18px;
  background-position: 2px 4px; }

.selectionSharer a.facebook {
  background: url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 33 33' width='25' height='25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:white' d='M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 18px;
  background-position: 0 2px;
  display: none; }

.selectionSharer a.linkedin {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve"><g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"><path fill="white" d="M343.999,2812.002C222.998,2770,155,2672.002,155,2540c0-62.002,5-85,27.998-132.998 c108.003-219.004,459.004-206.001,560,21.997c16.001,36.001,18.003,60,15,125c-5,97.002-27.998,146.001-91.997,203.003 C586.001,2827.002,453.999,2850,343.999,2812.002z"/> <path fill="white" d="M2035.996,2052.998c-150.996-31.997-257.998-92.998-365-210l-68.994-75l-7.002,79.004 c-5,42.998-10.996,100.996-14.004,127.998l-5.996,50l-253.999,2.998L1067.998,2030l6.001-62.002c3.003-35,8.999-452.998,12.002-930 L1092.998,170h288.003H1670l2.002,597.998C1675,1365,1675,1365,1697.998,1410.996c34.004,70,87.002,125.005,150,156.006 c75,36.997,192.998,38.999,257.998,5c59.004-31.001,111.006-95,137.002-172.002c21.006-64.004,22.002-77.002,25-647.002 L2270.996,170h290h290l-3.994,642.998c-2.998,547.998-6.006,652.002-20,707.002c-42.998,172.998-97.002,280-187.998,371.001 C2494.004,2037.998,2257.002,2101.001,2035.996,2052.998z"/><path fill="white" d="M167.002,2022.998c-4.004-2.998-7.002-421.997-7.002-930V170h295h295l-2.002,927.998L745,2025 l-286.001,2.998C302.002,2028.999,171.001,2027.002,167.002,2022.998z"/></g></svg>') 2px 4px/18px no-repeat;
  background-size: 18px;
  background-position: 0 2px; }

.selectionSharer a.email {
  background: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='94' height='64'%3e%3cg transform='translate(-10, -10)' fill='transparent'%3e%3crect x='0' y='0' width='114' height='114'%3e%3c/rect%3e%3cpath d='M12,12 L102,12 L102,72 L12,72 L12,12 Z M16,12 L53,49 C55.6666667,51 58.3333333,51 61,49 L98,12 L16,12 Z M15,72 L45,42 L15,72 Z M69,42 L99,72 L69,42 Z' stroke='white' stroke-width='5'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;
  background-size: 20px;
  background-position: 0 4px; }

#selectionSharerPopunder.fixed {
  transition: bottom 0.5s ease-in-out;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: -50px; }

.selectionSharer {
  transition: -webkit-transform 0.6s ease-in-out; }

.selectionSharer.moveDown {
  -webkit-transform: translate3d(0, 60px, 0); }

#selectionSharerPopunder {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  transition: height 0.5s ease-in-out;
  background: #ccc;
  border: none;
  box-shadow: inset 0 10px 5px -10px rgba(0, 0, 0, 0.5), inset 0 -10px 5px -10px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  overflow: hidden; }

#selectionSharerPopunder.show {
  height: 50px; }

.selectionSharerPlaceholder {
  height: 1em;
  margin-bottom: -2em;
  transition: height 0.5s ease-in-out; }

.selectionSharerPlaceholder.show {
  height: 50px !important; }

#selectionSharerPopunder-inner ul {
  overflow: hidden;
  float: right;
  margin: 0; }

#selectionSharerPopunder-inner ul li {
  padding: 5px;
  overflow: hidden; }

#selectionSharerPopunder-inner label {
  color: white;
  font-weight: 300;
  line-height: 50px;
  margin: 0 20px 0 10px; }

#selectionSharerPopunder-inner a {
  width: 30px;
  height: 30px;
  background-size: 30px; }

#selectionSharerPopunder-inner a.tweet {
  background-position: 0 2px; }

.social-sharing {
  display: flex;
  margin-left: 0px;
  flex-wrap: wrap; }
  .social-sharing .social-link {
    display: inline-block;
    margin: 0 5px; }
    .social-sharing .social-link.minimal-icon {
      margin: 10px 0; }
      .social-sharing .social-link.minimal-icon a {
        padding: 10px 15px; }
        .social-sharing .social-link.minimal-icon a:hover {
          text-decoration: none; }
          .social-sharing .social-link.minimal-icon a:hover i {
            color: #4A7BC9; }
        .social-sharing .social-link.minimal-icon a i {
          color: #000000;
          font-size: 24px; }
  .social-sharing.align-left {
    justify-content: flex-start; }
  .social-sharing.align-center {
    justify-content: center; }
  .social-sharing.align-right {
    justify-content: flex-end; }
  .social-sharing .fa-twitter::before {
    content: url("/o/msci/images/twitter-X-black.svg"); }
  .social-sharing .fa-twitter:hover {
    content: url("/o/msci/images/twitter-X-light-blue.svg");
    display: inline-block;
    width: 1em;
    height: 1em; }
  @media screen and (min-width: 768px) {
    .social-sharing.sticky-social {
      position: fixed;
      z-index: 10;
      left: 0;
      top: 50%;
      flex-direction: column;
      background-color: #FFFFFF;
      padding: 10px 0;
      border-radius: 0 18px 18px 0;
      box-shadow: 0px 4px 8px rgba(51, 51, 51, 0.25); }
      .social-sharing.sticky-social .social-link.minimal-icon {
        text-align: center; }
        .social-sharing.sticky-social .social-link.minimal-icon a {
          padding: 10px 5px;
          font-size: 12px; } }
  @media screen and (max-width: 767px) {
    .social-sharing.sticky-social {
      justify-content: center; } }

.social-sharing .social-link .email-small-btn, .social-sharing .social-link .download-small-btn {
  height: 20px;
  width: 67px;
  border-radius: 3px;
  background-color: #1A3FD6;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px; }
  .social-sharing .social-link .email-small-btn:hover, .social-sharing .social-link .download-small-btn:hover {
    background-color: #4A7BC9; }
  .social-sharing .social-link .email-small-btn > a, .social-sharing .social-link .download-small-btn > a {
    color: #FFFFFF;
    font-family: "Roboto Regular", sans-serif;
    font-size: 11px; }
  .social-sharing .social-link .email-small-btn i, .social-sharing .social-link .download-small-btn i {
    font-size: 13px;
    margin-right: 4px; }

.msci-slides-wrap {
  /*--n: 1;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: hidden;
  width: 100%;
  width: calc(1*100%);
  -webkit-transform: translate(calc(0px + 0/1*-100%));
  -ms-transform: translate(calc(0px + 0/1*-100%));
  transform: translate(calc(0px + 0/1*-100%)); }
  .msci-slides-wrap div.msci-slide {
    width: 100%;
    width: calc(100%/1);
    user-select: none; }
  .msci-slides-wrap.smooth {
    -webkit-transition: -webkit-transform calc(1*.5s) ease-out;
    transition: -webkit-transform calc(1*.5s) ease-out;
    -o-transition: transform calc(1*.5s) ease-out;
    transition: transform calc(1*.5s) ease-out;
    transition: transform calc(1*.5s) ease-out, -webkit-transform calc(1*.5s) ease-out; }
  @media (max-width: 767px) {
    .msci-slides-wrap {
      align-items: inherit; } }

.msci-nav {
  font-size: 24px;
  padding: 16px 0;
  text-align: center; }
  .msci-nav > button {
    background: none;
    color: #1E3A4D;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit; }
    .msci-nav > button.msci-nav-prev {
      float: left; }
      .msci-nav > button.msci-nav-prev:after {
        content: '◄'; }
    .msci-nav > button.msci-nav-next {
      float: right; }
      .msci-nav > button.msci-nav-next:after {
        content: '►'; }
    .msci-nav > button.disabled {
      opacity: .5; }

.msci-nav {
  border-bottom: none;
  padding: 0; }
  @media screen and (max-width: 768px) {
    .msci-nav {
      position: relative;
      background-color: #002036;
      padding: 20px; } }
  @media screen and (min-width: 768px) {
    .msci-nav .msci-carousel-controls-prev, .msci-nav .msci-carousel-controls-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); } }
  .msci-nav .msci-carousel-controls-prev {
    left: 24px; }
  .msci-nav .msci-carousel-controls-next {
    right: 24px; }

.contact-us-accordion p {
  margin-bottom: 0; }

.contact-us-accordion a {
  color: #4A7BC9;
  text-decoration: underline; }

.contact-us-accordion h2 {
  text-transform: uppercase; }

.contact-us-accordion hr {
  border-top: 1px solid #DAE0F8; }

.contact-us-accordion .additionalText p {
  margin: 15px 0; }

.contact-us-accordion .cw-filters-expand.cw-toggler-clicker {
  display: block;
  position: relative;
  margin-top: 1px;
  padding-bottom: 5px;
  padding-top: 8px;
  padding-left: 45px;
  line-height: 1.15em;
  text-decoration: none !important;
  font-size: 1.25em;
  background-color: #DAE0F8;
  color: #002036;
  border-top: none; }
  .contact-us-accordion .cw-filters-expand.cw-toggler-clicker:before {
    font-family: FontAwesome;
    margin: 0;
    content: "\f067";
    display: block;
    position: absolute;
    font-size: 14px;
    left: 15px;
    top: 8px; }

.contact-us-accordion .cw-filters-expand.cw-toggler-clicker.open:before {
  font-family: FontAwesome;
  content: "\f068";
  left: 15px; }

.contact-us-accordion .cw-toggler-content {
  overflow: hidden;
  margin-bottom: 30px;
  padding: 20px 0 0;
  height: auto;
  display: none; }
  .contact-us-accordion .cw-toggler-content h6 {
    margin-bottom: 0;
    font-size: 1.25em;
    margin-top: .5em;
    color: #4A7BC9;
    text-transform: uppercase;
    font-weight: normal; }
  .contact-us-accordion .cw-toggler-content hr {
    border-top: 1px solid #DAE0F8;
    margin: 0 0 30px; }
  .contact-us-accordion .cw-toggler-content p {
    font-size: 1em;
    margin: 15px 0; }
  .contact-us-accordion .cw-toggler-content ul {
    list-style: none;
    margin-left: 0; }
    .contact-us-accordion .cw-toggler-content ul li {
      line-height: 30px; }
  .contact-us-accordion .cw-toggler-content ul > li:before {
    margin-right: 0;
    content: '\2022';
    font-size: 2em;
    position: relative;
    top: 4px;
    left: 0; }

.contact-us-accordion .cw-toggler-content p:first-child,
.contact-us-accordion .cw-toggler-content img:first-child {
  margin-top: 0; }

.msci-full-container .msci-parallax-scrolling-content .parallax {
  min-height: 224px;
  height: 100%;
  background-repeat: no-repeat; }
  @media screen and (min-width: 1024px) {
    .msci-full-container .msci-parallax-scrolling-content .parallax {
      overflow: hidden;
      background-attachment: fixed;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; } }
  @media screen and (max-width: 1024px) {
    .msci-full-container .msci-parallax-scrolling-content .parallax {
      position: relative;
      width: 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; } }

.msci-full-container .msci-content-separator-image {
  /* 		@extend %fullBlock; */
  text-align: center; }
  .msci-full-container .msci-content-separator-image .image {
    /* 			@extend %fullBlock; */
    height: 305px;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  @media screen and (max-width: 992px) {
    .msci-full-container .msci-content-separator-image .image {
      background-position: 55%;
      height: 250px; } }
  @media screen and (max-width: 768px) {
    .msci-full-container .msci-content-separator-image {
      margin-top: 25px;
      margin-bottom: 25px; }
      .msci-full-container .msci-content-separator-image .image {
        height: 150px;
        background-position: 55%; } }

.hero_image img {
  margin-bottom: 30px;
  width: 100%; }

.call-to-action-card {
  background-color: #1E3A4D;
  padding-bottom: 82px; }
  @media (min-width: 768px) {
    .call-to-action-card {
      height: 585px; } }
  .call-to-action-card .image-container {
    height: 166px;
    background-size: cover !important; }
  .call-to-action-card .content {
    margin-top: -1px;
    padding: 32px 32px 0 32px;
    color: white; }
    .call-to-action-card .content p:last-of-type {
      margin-bottom: 0; }
  .call-to-action-card a {
    position: absolute;
    bottom: 32px;
    margin-right: 32px; }

.msci-wm-sub-m.msci-full-container.submenu {
  height: 50px;
  border-bottom: 1px solid #fff; }
  .msci-wm-sub-m.msci-full-container.submenu ul {
    font-weight: bold;
    text-align: center;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    height: 100%; }
    .msci-wm-sub-m.msci-full-container.submenu ul a {
      text-decoration: none;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%; }
    .msci-wm-sub-m.msci-full-container.submenu ul li {
      border-left: 1px solid #fff;
      display: flex;
      justify-content: center; }
    .msci-wm-sub-m.msci-full-container.submenu ul li:last-child {
      border-right: 1px solid #fff; }
  .msci-wm-sub-m.msci-full-container.submenu .msci-submenu {
    padding: 0 15% 0 15%;
    height: 100%; }

.msci-wm-sub-m.msci-full-container.submenu ul.nav-size-6 li {
  width: 16.6666%; }

.msci-wm-sub-m.msci-full-container.submenu ul.nav-size-5 li {
  width: 20%; }

.msci-wm-sub-m.msci-full-container.submenu ul.nav-size-4 li {
  width: 25%; }

.msci-wm-sub-m.msci-full-container.submenu ul.nav-size-3 li {
  width: 33.3333%; }

.msci-wm-sub-m.msci-full-container.submenu ul.nav-size-2 li {
  width: 50%; }

.msci-wm-sub-m.msci-full-container.submenu ul.nav-size-1 li {
  width: 100%; }

.msci-wm-sub-m.msci-full-container.submenu .select-placeholder {
  display: none; }

@media (max-width: 979px) {
  .msci-wm-sub-m.msci-full-container.submenu {
    height: 80px; }
    .msci-wm-sub-m.msci-full-container.submenu .msci-submenu {
      padding: 0 0 0 0; }
    .msci-wm-sub-m.msci-full-container.submenu ul {
      flex-wrap: wrap;
      padding-left: 0; }
      .msci-wm-sub-m.msci-full-container.submenu ul li:last-child {
        border-right: 0; }
      .msci-wm-sub-m.msci-full-container.submenu ul li {
        border-bottom: 1px solid #fff; }
      .msci-wm-sub-m.msci-full-container.submenu ul a {
        font-size: 13px; }
    .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-6 li {
      width: 33.3333%; }
    .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-5 li.nav-item-0, .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-5 li.nav-item-1, .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-5 li.nav-item-2 {
      width: 33.3333%; }
    .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-5 li.nav-item-3, .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-5 li.nav-item-4 {
      width: 50%; }
    .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-4 li {
      width: 50%; }
    .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-3 li {
      width: 33.3333%; }
    .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-2 li {
      width: 50%; }
    .msci-wm-sub-m.msci-full-container.submenu ul.nav-size-1 li {
      width: 100%; } }

.msci-full-container .msci-banner-slider {
  position: relative;
  display: block;
  height: 448px;
  overflow: hidden;
  width: 100%; }
  .msci-full-container .msci-banner-slider .slider-container {
    position: relative;
    display: block;
    width: 100%;
    height: 448px;
    overflow: hidden; }
    .msci-full-container .msci-banner-slider .slider-container ul {
      padding-left: 0;
      display: block;
      position: relative;
      width: 100%;
      height: 448px;
      font-size: 0;
      margin: 0; }
      .msci-full-container .msci-banner-slider .slider-container ul li {
        height: 470px;
        position: relative;
        display: inline-block;
        width: 100%;
        font-size: 1.1em;
        z-index: 1;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border-top: 2px solid #002036; }
        .msci-full-container .msci-banner-slider .slider-container ul li .slider-content {
          height: 100%; }
          .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content {
            display: block;
            color: #002036;
            height: 448px;
            font-size: 0;
            position: relative; }
            .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .hexagon {
              border: 2px solid #002036;
              overflow: hidden;
              visibility: hidden;
              cursor: pointer;
              transform: rotate(120deg); }
            .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .hexagon2 {
              border: 2px solid #002036;
              width: 650px;
              height: 665px;
              margin-top: -10%;
              float: right; }
            .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .hexagon-in1 {
              overflow: hidden;
              width: 100%;
              height: 100%;
              border: 2px solid #002036;
              transform: rotate(-60deg); }
            .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .banner-image {
              width: 100%;
              height: 100%;
              background-repeat: no-repeat;
              background-position: 50%;
              padding: 40px 0;
              visibility: visible;
              transform: rotate(-60deg); }
            .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .text {
              padding-left: 1%;
              padding-top: 10%;
              max-width: 450px;
              width: 100%;
              height: auto;
              text-align: left;
              font-size: 14px; }
              .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .text h2 {
                text-transform: uppercase; }
              .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .text p {
                margin: 30px 0; }
              .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .text a {
                border: 1px solid #002036;
                padding: 10px 35px 7px;
                font-size: 1.1em;
                text-transform: uppercase;
                text-align: center;
                color: #002036;
                cursor: pointer;
                background-color: transparent;
                text-decoration: none;
                display: inline-block;
                -webkit-transition: background-color 0.3s ease;
                -moz-transition: background-color 0.3s ease;
                -ms-transition: background-color 0.3s ease;
                -o-transition: background-color 0.3s ease;
                transition: background-color 0.3s ease; }
                .msci-full-container .msci-banner-slider .slider-container ul li .slider-content .content .text a:hover {
                  color: white;
                  background-color: #002036; }

@media (min-width: 768px) and (max-width: 979px) {
  .msci-full-container > .msci-banner-slider > .slider-container > ul > li > .slider-content > .content {
    padding-right: 0;
    padding-left: 0; }
    .msci-full-container > .msci-banner-slider > .slider-container > ul > li > .slider-content > .content .hexagon2 {
      height: 565px;
      width: 580px;
      margin-top: -11%; }
    .msci-full-container > .msci-banner-slider > .slider-container > ul > li > .slider-content > .content .text > h2 {
      font-size: 35px !important; } }

@media (max-width: 767px) {
  .msci-full-container .msci-banner-slider > .slider-container > ul > li > .slider-content .content {
    display: flex;
    flex-direction: column;
    padding: 0 1% 0 1%; }
    .msci-full-container .msci-banner-slider > .slider-container > ul > li > .slider-content .content .hexagon {
      transform: rotate(0deg);
      width: 100%; }
    .msci-full-container .msci-banner-slider > .slider-container > ul > li > .slider-content .content .hexagon-in1 {
      transform: rotate(0deg); }
    .msci-full-container .msci-banner-slider > .slider-container > ul > li > .slider-content .content .banner-image {
      transform: rotate(0deg); }
      .msci-full-container .msci-banner-slider > .slider-container > ul > li > .slider-content .content .banner-image img {
        width: 100%;
        height: 110%;
        object-fit: cover; }
    .msci-full-container .msci-banner-slider > .slider-container > ul > li > .slider-content .content .text {
      padding-top: 0;
      max-width: 100%;
      height: 50%; }
      .msci-full-container .msci-banner-slider > .slider-container > ul > li > .slider-content .content .text p {
        margin: 0; }
      .msci-full-container .msci-banner-slider > .slider-container > ul > li > .slider-content .content .text a {
        margin-top: 1%;
        padding: 4px 19px 4px; } }

.product-lines-section-wrapper {
  margin-bottom: 30px; }
  .product-lines-section-wrapper .product-lines-section-cards-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .product-lines-section-wrapper .product-lines-section-cards-container .product-lines-section-card {
      width: 50%;
      color: #FFFFFF;
      background-color: #002036;
      position: relative; }
      .product-lines-section-wrapper .product-lines-section-cards-container .product-lines-section-card:nth-child(4n+2), .product-lines-section-wrapper .product-lines-section-cards-container .product-lines-section-card:nth-child(4n+3) {
        background-color: #1E3A4D; }
      .product-lines-section-wrapper .product-lines-section-cards-container .product-lines-section-card .product-lines-section-card-inner {
        margin: 30px; }
        .product-lines-section-wrapper .product-lines-section-cards-container .product-lines-section-card .product-lines-section-card-inner .product-lines-section-card-content {
          padding-top: 12px;
          padding-bottom: 60px; }
      .product-lines-section-wrapper .product-lines-section-cards-container .product-lines-section-card .product-lines-section-card-button {
        position: absolute;
        bottom: 30px; }
  @media (max-width: 767px) {
    .product-lines-section-wrapper {
      border-left: 30px solid #FFFFFF;
      border-right: 30px solid #FFFFFF;
      margin-bottom: 0; }
      .product-lines-section-wrapper.container {
        padding: 0;
        width: auto; }
      .product-lines-section-wrapper .product-lines-section-cards-container {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
        .product-lines-section-wrapper .product-lines-section-cards-container .product-lines-section-card {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          background-color: #002036 !important; }
          .product-lines-section-wrapper .product-lines-section-cards-container .product-lines-section-card .paragraph-lg {
            font-size: 16px;
            line-height: 22px; }
      .product-lines-section-wrapper .msci-nav {
        background-color: #FFFFFF;
        padding-left: 0;
        padding-right: 0; }
        .product-lines-section-wrapper .msci-nav span.msci-nav-counter {
          font-size: 16px; } }

.msci-full-container .msci-quotes-inserted {
  height: 350px; }
  @media (max-width: 979px) {
    .msci-full-container .msci-quotes-inserted {
      height: auto; } }

.msci-full-container .quote-container .vertical-middle {
  width: 45%;
  padding-top: 10%; }
  @media (max-width: 979px) {
    .msci-full-container .quote-container .vertical-middle {
      width: 100%;
      padding-top: 15%;
      padding-bottom: 15%; } }

.msci-full-container .msci-video-inserted-into-content {
  height: 420px; }
  .msci-full-container .msci-video-inserted-into-content.black {
    background-color: black; }
  .msci-full-container .msci-video-inserted-into-content .play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer; }
    .msci-full-container .msci-video-inserted-into-content .play + .button-container i.button {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
    .msci-full-container .msci-video-inserted-into-content .play:hover + .button-container i.button {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50); }
  .msci-full-container .msci-video-inserted-into-content .button-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center; }
    .msci-full-container .msci-video-inserted-into-content .button-container i.button {
      display: inline-block;
      position: relative;
      width: 102px;
      height: 102px;
      top: 50%;
      background-image: url(../images/video-play.svg);
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .msci-full-container .msci-video-inserted-into-content .video-content {
    height: 420px;
    overflow: hidden; }
    .msci-full-container .msci-video-inserted-into-content .video-content .background-img {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      height: 420px;
      z-index: 1;
      background-position: center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
    .msci-full-container .msci-video-inserted-into-content .video-content .iframe {
      height: 420px; }
      .msci-full-container .msci-video-inserted-into-content .video-content .iframe iframe {
        width: 100%;
        height: 100%; }
  .msci-full-container .msci-video-inserted-into-content .content {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: white;
    max-width: 850px;
    width: 100%;
    padding: 20px 80px;
    text-align: right;
    z-index: 2;
    margin-left: 0;
    -webkit-transition: margin-left 1s ease-out;
    -moz-transition: margin-left 1s ease-out;
    -ms-transition: margin-left 1s ease-out;
    -o-transition: margin-left 1s ease-out;
    transition: margin-left 1s ease-out; }
    .msci-full-container .msci-video-inserted-into-content .content h4 {
      color: #002036;
      padding-bottom: 2px;
      text-transform: none; }
    .msci-full-container .msci-video-inserted-into-content .content p {
      color: #002036;
      margin: 0; }
  .msci-full-container .msci-video-inserted-into-content .embed-code {
    display: none;
    opacity: 0;
    visibility: hidden;
    font-size: 0; }
  .msci-full-container .msci-video-inserted-into-content .button-container, .msci-full-container .msci-video-inserted-into-content .video-content .background-img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out; }
  .msci-full-container .msci-video-inserted-into-content .button-container.opacity-hide, .msci-full-container .msci-video-inserted-into-content .video-content .background-img.opacity-hide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); }
  .msci-full-container .msci-video-inserted-into-content .content.margin-left {
    margin-left: -100%; }
  .msci-full-container .msci-video-inserted-into-content .play.hide, .msci-full-container .msci-video-inserted-into-content .button-container.hide, .msci-full-container .msci-video-inserted-into-content .video-content .background-img.hide, .msci-full-container .msci-video-inserted-into-content .content.hide {
    display: none !important; }
  @media (min-width: 768px) and (max-width: 979px) {
    .msci-full-container .msci-video-inserted-into-content {
      height: 250px; }
      .msci-full-container .msci-video-inserted-into-content .button-container i.button {
        width: 72px;
        height: 72px;
        background-size: 100%; }
      .msci-full-container .msci-video-inserted-into-content .video-content {
        height: 250px; }
        .msci-full-container .msci-video-inserted-into-content .video-content .background-img {
          height: 250px;
          background-position: 36%; }
        .msci-full-container .msci-video-inserted-into-content .video-content .iframe {
          height: 250px; }
      .msci-full-container .msci-video-inserted-into-content .content {
        padding: 18px 30px 2px 15px;
        text-align: left;
        max-width: none;
        width: auto; }
        .msci-full-container .msci-video-inserted-into-content .content h4 {
          font-size: 1.8em;
          line-height: 1.2; }
        .msci-full-container .msci-video-inserted-into-content .content p {
          font-size: 1.2em; } }
  @media (max-width: 767px) {
    .msci-full-container .msci-video-inserted-into-content {
      height: 150px;
      margin-bottom: 85px; }
      .msci-full-container .msci-video-inserted-into-content .button-container i.button {
        width: 45px;
        height: 45px; }
      .msci-full-container .msci-video-inserted-into-content .video-content {
        height: 150px; }
        .msci-full-container .msci-video-inserted-into-content .video-content .background-img {
          height: 150px;
          background-position: 28%; }
        .msci-full-container .msci-video-inserted-into-content .video-content .iframe {
          height: 150px; }
      .msci-full-container .msci-video-inserted-into-content .content {
        bottom: -50px;
        padding: 20px 20px 0;
        left: 50%;
        max-width: 100%;
        width: calc(100% - 30px);
        transform: translateX(-50%); }
        .msci-full-container .msci-video-inserted-into-content .content h4 {
          font-size: 1.2em;
          line-height: 1.2; }
        .msci-full-container .msci-video-inserted-into-content .content p {
          font-size: 1em;
          line-height: 1.2; } }

.msci-forms {
  margin: 20px 0 50px; }
  .msci-forms .cw-search-form {
    display: block; }
    .msci-forms .cw-search-form .subfields {
      list-style: none; }
    .msci-forms .cw-search-form label {
      text-transform: none; }
      .msci-forms .cw-search-form label a {
        font-size: inherit;
        line-height: inherit;
        font-family: inherit; }
    .msci-forms .cw-search-form > * {
      max-width: none; }
  .msci-forms .gdpr-form-section-title {
    margin-bottom: 20px; }
  .msci-forms .progress {
    border-radius: 15px;
    background-color: #CCCCCC; }
    .msci-forms .progress .bar {
      border-radius: 10px;
      background: repeating-linear-gradient(45deg, #6F86E4, #6F86E4 10px, #DAE0F8 10px, #DAE0F8 20px);
      background: -webkit-repeating-linear-gradient(45deg, #6F86E4, #6F86E4 10px, #DAE0F8 10px, #DAE0F8 20px);
      background: -o-repeating-linear-gradient(45deg, #6F86E4, #6F86E4 10px, #DAE0F8 10px, #DAE0F8 20px);
      background: repeating-linear-gradient(45deg, #6F86E4, #6F86E4 10px, #DAE0F8 10px, #DAE0F8 20px); }
  .msci-forms .back-button-container {
    margin-top: 40px; }
    .msci-forms .back-button-container a {
      font-size: 18px;
      text-decoration: none; }
  .msci-forms h5.name {
    font-family: "Roboto Regular", sans-serif; }
  .msci-forms .yui3-aclist {
    max-height: 600px;
    overflow-y: scroll; }
  .msci-forms .yui3-aclist-hidden {
    display: none; }
  .msci-forms .form-group.input-text-wrapper.error,
  .msci-forms .form-group.input-select-wrapper.error,
  .msci-forms .form-group.error .checkbox-input,
  .msci-forms .form-group.error .radio-input,
  .msci-forms .form-group.error .form-control {
    border-color: crimson;
    color: crimson; }

.msci-main-page-related-content h3 {
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 1%; }

.msci-main-page-related-content ul {
  width: 80%;
  padding-left: 18%;
  list-style: none; }
  .msci-main-page-related-content ul li {
    padding-top: 3%;
    border-bottom: 2px solid #CCCCCC; }

.msci-main-page-related-content .info-container {
  display: inline-block;
  width: 35%;
  padding-right: 5%; }
  .msci-main-page-related-content .info-container .data {
    padding-bottom: 25px; }
    .msci-main-page-related-content .info-container .data span.date {
      display: block;
      padding-bottom: 5px;
      color: #666666; }

.msci-main-page-related-content .content-container {
  display: inline-block;
  width: 62%;
  padding-left: 5%;
  vertical-align: top; }
  .msci-main-page-related-content .content-container p {
    padding-bottom: 5px; }

@media (max-width: 979px) {
  .msci-main-page-related-content .info-container {
    display: block;
    width: 100%;
    padding-right: 0%; }
    .msci-main-page-related-content .info-container .data {
      padding-bottom: 15px; }
  .msci-main-page-related-content .content-container {
    display: block;
    width: 100%;
    padding-left: 0%; }
  .msci-main-page-related-content ul {
    width: 90%;
    padding-left: 10%; }
    .msci-main-page-related-content ul li {
      padding-bottom: 4%; } }

.extended-lister-like-content-cards-bg {
  background-color: #FFFFFF; }
  .extended-lister-like-content-cards-bg .extended-lister-like-content-cards {
    padding: 30px 0 55px 0;
    margin-bottom: 26px; }
    .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .section-title {
      text-align: center;
      padding-top: 40px; }
    .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container {
        width: 31%;
        margin-bottom: 36px; }
        .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg {
          position: relative;
          height: 100%;
          max-width: 350px; }
          .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content {
            padding-bottom: 85px; }
            .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .item-type-wrapper {
              padding: 20px 0 10px 0;
              color: #666666;
              font-weight: bold; }
              .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .item-type-wrapper i {
                font-size: 16px;
                margin-right: 5px; }
              .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .item-type-wrapper .image {
                background-size: cover !important;
                height: 164px;
                margin-bottom: 20px; }
              .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .item-type-wrapper img {
                height: 164px;
                width: 100%;
                object-fit: cover;
                margin-bottom: 20px; }
            .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .item-display-date-wrapper {
              color: #666666; }
            .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .author-wrapper {
              color: #666666;
              font-family: "Roboto Italic", sans-serif;
              margin-left: 5px; }
            .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .tags-wrapper {
              color: #1A3FD6;
              margin-top: 14px;
              font-size: 14px; }
            .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .categories-wrapper {
              color: #1A3FD6;
              margin-top: 14px;
              font-size: 14px; }
              .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .categories-wrapper ul.categories-list {
                padding: 0;
                margin: 0; }
                .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .categories-wrapper ul.categories-list li.msci-detailed-category-element {
                  display: inline; }
                  .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .categories-wrapper ul.categories-list li.msci-detailed-category-element a {
                    color: #1A3FD6;
                    padding-right: 1px; }
          .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container .item-bg .list-item .link-box {
            position: absolute;
            bottom: 30px; }
        .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .item-container:after {
          content: '';
          display: block;
          margin: 0 auto;
          width: 100%;
          border-bottom: 1px solid #CCCCCC; }
      .extended-lister-like-content-cards-bg .extended-lister-like-content-cards .extended-lister-like-container .contents-link {
        color: #FFFFFF;
        font-size: 18px; }
  .extended-lister-like-content-cards-bg .msci-nav {
    background-color: #FFFFFF; }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .extended-lister-like-content-cards-bg .section-title, .extended-lister-like-content-cards-bg .contents-link {
    margin-left: 18px;
    margin-right: 18px; }
  .extended-lister-like-content-cards-bg .extended-lister-like-container {
    padding: 0 18px; }
    .extended-lister-like-content-cards-bg .extended-lister-like-container .item-container {
      width: 100%; } }

@media screen and (max-width: 768px) {
  .extended-lister-like-content-cards-bg {
    padding: 0 0 22px 0; }
    .extended-lister-like-content-cards-bg .section-title {
      font-size: 20px;
      margin: 22px 18px 0px 18px; }
    .extended-lister-like-content-cards-bg .extended-lister-like-container {
      align-items: flex-start; }
      .extended-lister-like-content-cards-bg .extended-lister-like-container .item-container {
        margin-bottom: 0; }
        .extended-lister-like-content-cards-bg .extended-lister-like-container .item-container .item-bg {
          margin: 20px 18px 0px 18px;
          max-width: none !important; }
          .extended-lister-like-content-cards-bg .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .item-type-wrapper {
            margin-bottom: 18px; }
          .extended-lister-like-content-cards-bg .extended-lister-like-container .item-container .item-bg .list-item .list-item-wrapper .list-item-content .tags-wrapper {
            padding-top: 14px;
            padding-bottom: 14px;
            line-height: 1.4; }
          .extended-lister-like-content-cards-bg .extended-lister-like-container .item-container .item-bg .list-item:after {
            content: '';
            display: block;
            margin: 0 auto;
            width: 100%;
            border-bottom: 1px solid #CCCCCC; }
        .extended-lister-like-content-cards-bg .extended-lister-like-container .item-container:after {
          content: none !important; }
    .extended-lister-like-content-cards-bg .contents-link {
      margin: 0px 18px; } }

.msci-content-highlight {
  margin-top: 43px;
  display: flex;
  border-bottom: 1px solid #DAE0F8; }
  .msci-content-highlight .picture-container {
    display: inline-block;
    width: 55%; }
  .msci-content-highlight .content-container {
    display: inline-block;
    padding-left: 2%;
    width: 70%; }
    .msci-content-highlight .content-container .title-link {
      color: #002036;
      text-decoration: none; }
      .msci-content-highlight .content-container .title-link:hover {
        color: #1E3A4D; }
    .msci-content-highlight .content-container .readmore {
      padding-bottom: 43px; }

@media (max-width: 767px) {
  .msci-content-highlight {
    display: block; }
    .msci-content-highlight .content-container {
      display: block;
      width: 100%; }
    .msci-content-highlight .picture-container {
      display: block;
      padding-bottom: 5%;
      padding-left: 2%;
      width: 100%; } }

.msci-graphics .factor-framework {
  margin-top: 50px;
  margin-bottom: 50px; }

.msci-graphics .container-fluid {
  padding-left: unset;
  padding-right: unset; }
  .msci-graphics .container-fluid .row {
    margin-left: unset;
    margin-right: unset; }

.msci-graphics .contact-map-header {
  overflow: hidden; }
  .msci-graphics .contact-map-header * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .msci-graphics .contact-map-header.hidden-until-js-load {
    display: none; }
  .msci-graphics .contact-map-header .mapHolderWhole .mapHolder {
    padding-left: 0px;
    padding-right: 0px;
    /* 		    background-image: url(../images/graphics/contact/map.svg); */
    /* 		    background-size: cover; */
    /* 			background-position: center; */
    position: relative;
    min-height: 407px; }
    @media (max-width: 767.98px) {
      .msci-graphics .contact-map-header .mapHolderWhole .mapHolder {
        /* mobile */
        min-height: 348px;
        /* 				background-size: contain; */
        /* 				background-repeat: no-repeat; */ } }
    .msci-graphics .contact-map-header .mapHolderWhole .mapHolder .pinpoint {
      opacity: 1;
      cursor: pointer;
      position: absolute; }
      .msci-graphics .contact-map-header .mapHolderWhole .mapHolder .pinpoint.hover {
        fill: green; }
      .msci-graphics .contact-map-header .mapHolderWhole .mapHolder .pinpoint:hover {
        fill: green; }
    .msci-graphics .contact-map-header .mapHolderWhole .mapHolder .ppImg {
      width: 50%;
      height: 50%; }
  .msci-graphics .contact-map-header .regionsHolder .regionBtn {
    padding-left: 0px;
    padding-right: 0px; }
    .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-Americas .dropdown .regionBtnInner {
      background-color: #4A7BC9; }
    .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-Americas .dropdown .regionDetail {
      background-color: rgba(59, 109, 188, 0.95);
      /* color:#3B6DBC opacity:95% */ }
      @media (max-width: 991.98px) {
        .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-Americas .dropdown .regionDetail {
          left: 0%; } }
      .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-Americas .dropdown .regionDetail .subMenu {
        /* Chrome */
        /* Mozilla */
        scrollbar-color: #FFF #1E334D; }
        .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-Americas .dropdown .regionDetail .subMenu::-webkit-scrollbar-track {
          background-color: #1E334D; }
    .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-EMEA .dropdown .regionBtnInner {
      background-color: #FFD916; }
    .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-EMEA .dropdown .regionDetail {
      background-color: rgba(230, 195, 14, 0.95);
      /* color:#E6C30E opacity:95% */ }
      @media (max-width: 991.98px) {
        .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-EMEA .dropdown .regionDetail {
          left: -100%; } }
      .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-EMEA .dropdown .regionDetail .subMenu {
        /* Chrome */
        /* Mozilla */
        scrollbar-color: #FFF #B4990A; }
        .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-EMEA .dropdown .regionDetail .subMenu::-webkit-scrollbar-track {
          background-color: #B4990A; }
    .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-AP .dropdown .regionBtnInner {
      background-color: #F65058; }
    .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-AP .dropdown .regionDetail {
      background-color: rgba(232, 71, 79, 0.95);
      /* color:#E8474F opacity:95% */ }
      @media (max-width: 991.98px) {
        .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-AP .dropdown .regionDetail {
          left: -200%; } }
      .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-AP .dropdown .regionDetail .subMenu {
        /* Chrome */
        /* Mozilla */
        scrollbar-color: #FFF #D6343C; }
        .msci-graphics .contact-map-header .regionsHolder .regionBtn.regionBtn-AP .dropdown .regionDetail .subMenu::-webkit-scrollbar-track {
          background-color: #D6343C; }
    .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionBtnInner {
      padding-top: 13.5px;
      height: 49px;
      position: relative;
      font-size: 20px;
      font-family: "Roboto Bold", sans-serif;
      color: white;
      cursor: pointer;
      text-align: center;
      z-index: 12; }
      @media (max-width: 991.98px) {
        .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionBtnInner {
          font-size: 16px; } }
      .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionBtnInner::after {
        display: inline-block;
        content: url(../images/graphics/contact/chevron-arrow-up.svg);
        width: 14px;
        height: 14px;
        vertical-align: baseline; }
        @media (max-width: 991.98px) {
          .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionBtnInner::after {
            width: 12px;
            height: 12px; } }
    .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail {
      margin: 0;
      padding: 1px;
      height: 309px;
      width: 100%;
      position: absolute;
      z-index: 11;
      overflow: hidden; }
      @media (max-width: 991.98px) {
        .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail {
          width: 300%; } }
      .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .subMenu {
        margin: 0;
        padding: 26px;
        height: 308px;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        list-style-type: none;
        /* Chrome */ }
        .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .subMenu::-webkit-scrollbar {
          width: auto; }
        .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .subMenu::-webkit-scrollbar-thumb {
          background-color: #FFF; }
        .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .subMenu a {
          font-family: "Roboto Bold", sans-serif;
          font-size: 16px;
          line-height: 24px;
          color: #FFF; }
          .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .subMenu a:hover {
            color: #FFF; }
      .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .returnBtn {
        opacity: 0;
        display: none; }
        .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .returnBtn > img {
          height: 24px;
          width: 24px;
          position: absolute;
          top: 27px;
          right: 27px;
          cursor: pointer;
          z-index: 1; }
      .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .addressSection {
        display: none;
        opacity: 0;
        position: absolute;
        width: 75%;
        top: 27px;
        left: 100%;
        font-family: "Roboto Regular", sans-serif;
        font-size: 16px;
        line-height: 24px;
        color: #FFF; }
        .msci-graphics .contact-map-header .regionsHolder .regionBtn .dropdown .regionDetail .addressSection > .location-title {
          font-family: "Roboto Bold", sans-serif; }

.carbon-footprint-map-container {
  position: relative;
  margin: auto;
  height: auto;
  width: 100%;
  background: #fff;
  margin-bottom: 60px;
  font-family: "Roboto Regular", sans-serif; }

.carbon-footprint-map-container .mobile {
  display: none; }

.carbon-footprint-map-container .chart {
  max-width: 870px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 20px 0;
  color: #465058;
  position: relative;
  font-family: "Roboto Bold", sans-serif; }

.carbon-footprint-map-container h2 {
  font-weight: normal;
  font-size: 2rem;
  margin: 5px 0; }

.carbon-footprint-map-container .map {
  width: 100%;
  position: relative;
  z-index: 2;
  height: auto;
  margin-top: 40px; }

.carbon-footprint-map-container .map img {
  width: 100%;
  height: auto; }

.carbon-footprint-map-container .circle-wrapper {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  margin-left: -7px;
  background: none;
  z-index: 100; }

.carbon-footprint-map-container .circle {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 200;
  background: #40C1BB; }

.carbon-footprint-map-container .veryhigh {
  background: #fd4f57;
  color: #fff; }

.carbon-footprint-map-container .high {
  background: #f9a7ac; }

.carbon-footprint-map-container .verylow {
  background: #00b96f;
  color: #fff; }

.carbon-footprint-map-container .low {
  background: #8ddab7; }

.carbon-footprint-map-container .moderate {
  background: #958e8a;
  color: #fff; }

.carbon-footprint-map-container .circle-wrapper:hover {
  cursor: pointer; }

.carbon-footprint-map-container .circle-caption {
  display: none;
  opacity: 0;
  width: 100px;
  height: 100px;
  font-size: 16px; }

.carbon-footprint-map-container .circle-caption span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 6px; }

.carbon-footprint-map-container .key {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100%;
  height: 30px;
  border: 1px #958F8B solid;
  z-index: 200;
  color: #958F8B;
  display: table;
  text-align: center;
  vertical-align: middle; }

.carbon-footprint-map-container .key-header {
  font-size: 16px;
  padding-right: 40px;
  display: inline-block; }

.carbon-footprint-map-container .key-level {
  display: inline-block;
  font-size: 14px;
  margin: 16px 10px;
  line-height: 14px; }

.carbon-footprint-map-container .key-level-box {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  float: left; }

@media (max-width: 990px) {
  .carbon-footprint-map-container {
    height: auto; }
  .carbon-footprint-map-container .chart {
    height: auto; }
  .carbon-footprint-map-container .circle-wrapper {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px; }
  .carbon-footprint-map-container .circle {
    width: 10px;
    height: 10px;
    cursor: default; }
  .carbon-footprint-map-container .pc {
    display: none; }
  .carbon-footprint-map-container .mobile {
    display: block; }
  .carbon-footprint-map-container .selector {
    position: relative;
    display: block;
    margin: 0 auto;
    height: auto;
    line-height: 30px;
    font-size: 15px;
    width: 80%;
    max-width: 600px;
    margin-bottom: 10px; }
  .carbon-footprint-map-container .selector .top-menu {
    position: relative;
    width: 100%;
    background-image: url(../images/interactive-assets-arrow-down.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: auto 10px;
    z-index: 4;
    cursor: pointer;
    text-transform: uppercase;
    padding-left: 20px; }
  .carbon-footprint-map-container .selector .top-menu.active {
    background-image: url(../images/interactive-assets-arrow-up.png); }
  .carbon-footprint-map-container .selector .top-menu:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0px;
    height: 0px;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent; }
  .carbon-footprint-map-container .selector .sub-menu {
    height: auto;
    padding-left: 20px;
    positon: relative; }
  .carbon-footprint-map-container .selector .sub-menu .country-score {
    position: absolute;
    right: 20px; } }

.real-estate-investing-cycle {
  position: relative;
  margin: auto;
  height: 520px;
  max-width: 520px;
  background: #fff;
  font-family: "DIN Next W01 Regular", "Helvetica Neue",Helvetica,Arial,sans-serif; }

.real-estate-investing-cycle .ms105-container-pad {
  height: 95%;
  width: 95%;
  position: absolute;
  z-index: 8;
  min-width: 320px;
  left: 2.5%; }

.real-estate-investing-cycle .ms105-graphic {
  width: 45%;
  height: 45%;
  position: absolute;
  cursor: pointer; }

.real-estate-investing-cycle .ms105-graphic-canvas {
  display: block;
  height: 100%;
  width: 100%;
  visibility: hidden; }

.real-estate-investing-cycle .ms105-graphic svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.real-estate-investing-cycle .ms105-graphic.allocation {
  left: 50%;
  margin-left: -22%;
  top: 0; }

.real-estate-investing-cycle .ms105-graphic.strategy {
  right: 0;
  top: 50%;
  margin-top: -22%; }

.real-estate-investing-cycle .ms105-graphic.reporting {
  left: 0;
  top: 50%;
  margin-top: -22%; }

.real-estate-investing-cycle .ms105-graphic.execution {
  left: 50%;
  margin-left: -22%;
  bottom: 0; }

.ms105-graphic-title {
  text-transform: uppercase;
  height: 16px;
  position: absolute;
  left: 25%;
  top: 50%;
  margin-top: -8px;
  font-size: 16px;
  text-align: center;
  width: 50%; }

.real-estate-investing-cycle .ms105-centre-title {
  text-transform: uppercase;
  width: 50%;
  height: 100px;
  position: absolute;
  left: 50%;
  font-size: 16px;
  text-align: center;
  top: 50%;
  margin: -35px 0 0 -25%; }

.real-estate-investing-cycle .ms105-graphic-bullets {
  position: absolute;
  left: 0;
  margin: 5px 0 0 240px;
  width: 180px;
  font-size: 13px;
  display: none; }

.real-estate-investing-cycle .ms105-graphic-bullets div {
  margin: 5px 0;
  display: none;
  position: relative;
  line-height: 15px; }

.real-estate-investing-cycle .ms105-graphic-bullets div:before {
  content: " ";
  width: 10px;
  height: 14px;
  position: absolute;
  left: -20px;
  top: 5px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6.7 11.7' xml:space='preserve'%3E%3Cpolygon fill='%23FFB837' stroke='%23FFB837' stroke-miterlimit='10' points='5.8,5.2 5.3,4.7 5.3,4.7 1.4,0.8 0.9,1.4 4.7,5.3 0.9,9.1 1.4,9.7 5.3,5.8 5.3,5.8 5.8,5.3 5.8,5.3 '/%3E%3C/svg%3E");
  background-size: cover; }

.real-estate-investing-cycle .ms105-graphic-bullets.strategy {
  top: 20px;
  margin-left: 280px; }

.real-estate-investing-cycle .ms105-graphic-bullets.reporting {
  margin-left: -200px;
  top: 30px; }

.real-estate-investing-cycle .ms105-graphic-bullets.execution {
  top: 60px; }

.real-estate-investing-cycle .ms105-graphic-bullets.strategy-color div:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6.7 11.7' xml:space='preserve'%3E%3Cpolygon fill='%23FFB837' stroke='%23D04F53' stroke-miterlimit='10' points='5.8,5.2 5.3,4.7 5.3,4.7 1.4,0.8 0.9,1.4 4.7,5.3 0.9,9.1 1.4,9.7 5.3,5.8 5.3,5.8 5.8,5.3 5.8,5.3 '/%3E%3C/svg%3E"); }

.real-estate-investing-cycle .ms105-graphic-bullets.execution-color div:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6.7 11.7' xml:space='preserve'%3E%3Cpolygon fill='%23FFB837' stroke='%2337617A' stroke-miterlimit='10' points='5.8,5.2 5.3,4.7 5.3,4.7 1.4,0.8 0.9,1.4 4.7,5.3 0.9,9.1 1.4,9.7 5.3,5.8 5.3,5.8 5.8,5.3 5.8,5.3 '/%3E%3C/svg%3E"); }

.real-estate-investing-cycle .ms105-graphic-bullets.reporting-color div:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 6.7 11.7' xml:space='preserve'%3E%3Cpolygon fill='%23FFB837' stroke='%2340C1BB' stroke-miterlimit='10' points='5.8,5.2 5.3,4.7 5.3,4.7 1.4,0.8 0.9,1.4 4.7,5.3 0.9,9.1 1.4,9.7 5.3,5.8 5.3,5.8 5.8,5.3 5.8,5.3 '/%3E%3C/svg%3E"); }

.real-estate-investing-cycle .ms105-graphic.strategy .ms105-graphic-icon {
  transform: rotate(90deg); }

.real-estate-investing-cycle .ms105-graphic.reporting .ms105-graphic-icon {
  transform: rotate(270deg); }

.real-estate-investing-cycle .ms105-graphic.execution .ms105-graphic-icon {
  transform: rotate(180deg); }

.real-estate-investing-cycle .ms105-graphic .graphic-path {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round; }

.real-estate-investing-cycle .ms105-graphic.active .graphic-path {
  stroke-dasharray: 550;
  stroke-dashoffset: -550;
  animation: dash 1s linear forwards; }

.real-estate-investing-cycle .ms105-graphic .graphic-path.red {
  stroke: #D04F53; }

.real-estate-investing-cycle .ms105-graphic .graphic-path.yellow {
  stroke: #FFB838; }

.real-estate-investing-cycle .ms105-graphic .graphic-path.blue {
  stroke: #37617A; }

.real-estate-investing-cycle .ms105-graphic .graphic-path.lightblue {
  stroke: #40C1BB; }

.real-estate-investing-cycle .ms105-graphic.strategy .ms105-graphic-title {
  color: #D04F53; }

.real-estate-investing-cycle .ms105-graphic.allocation .ms105-graphic-title {
  color: #FFB838; }

.real-estate-investing-cycle .ms105-graphic.execution .ms105-graphic-title {
  color: #37617A; }

.real-estate-investing-cycle .ms105-graphic.reporting .ms105-graphic-title {
  color: #40C1BB; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }

@media (max-width: 1315px) {
  .real-estate-investing-cycle .real-estate-investing-cycle {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent; }
  .real-estate-investing-cycle .ms105-mobile-bullets {
    position: absolute;
    height: auto;
    top: 100%;
    width: 100%; }
  .real-estate-investing-cycle .ms105-mobile-bullets .ms105-graphic-bullets {
    margin-left: -150px;
    width: 300px;
    left: 50%;
    padding-right: 50px; }
  .real-estate-investing-cycle .ms105-graphic-bullets div:before {
    top: 0; } }

@media (max-width: 768px) {
  .real-estate-investing-cycle {
    min-width: 320px; }
  .real-estate-investing-cycle .ms105-graphic-title,
  .real-estate-investing-cycle .ms105-centre-title {
    font-size: 12px; } }

.msci-full-container.header-image {
  width: 100%;
  height: 743px;
  background-position: top center;
  border-bottom: 4px solid #002036;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.msci-full-container .msci-main-page-header {
  height: 100%; }
  .msci-full-container .msci-main-page-header .header-content {
    height: 100%;
    text-align: center;
    overflow: hidden;
    padding: 0 20px; }
    .msci-full-container .msci-main-page-header .header-content h2 {
      display: block;
      position: absolute;
      max-width: 525px;
      width: 100%;
      clear: both;
      left: 50%;
      bottom: 380px;
      color: #FFFFFF;
      margin-bottom: 15px;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      .msci-full-container .msci-main-page-header .header-content h2 span {
        text-transform: uppercase;
        font-size: 2.9em;
        line-height: 1.1;
        display: block; }
      .msci-full-container .msci-main-page-header .header-content h2 i.arrow-down {
        position: relative;
        display: inline-block;
        clear: both;
        width: 34px;
        height: 34px;
        cursor: pointer; }
        .msci-full-container .msci-main-page-header .header-content h2 i.arrow-down:before {
          content: '';
          position: relative;
          vertical-align: top;
          border-style: solid;
          border-color: #FFF;
          border-width: 2px 2px 0 0;
          display: inline-block;
          height: 13px;
          width: 13px;
          top: 8px;
          left: 0;
          transform: rotate(135deg); }
        .msci-full-container .msci-main-page-header .header-content h2 i.arrow-down:after {
          content: '';
          position: absolute;
          width: 34px;
          height: 34px;
          top: 0;
          left: 0;
          border: 2px solid white;
          border-radius: 50%; }
    .msci-full-container .msci-main-page-header .header-content .article-recommender {
      padding: 0 20px;
      position: absolute;
      bottom: 75px;
      font-size: 0;
      text-align: left;
      left: 50%;
      overflow: hidden;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
      .msci-full-container .msci-main-page-header .header-content .article-recommender ul {
        margin-left: -30px; }
        .msci-full-container .msci-main-page-header .header-content .article-recommender ul li {
          list-style-type: none;
          display: inline-block;
          width: calc(33.3333% - 30px);
          margin-left: 30px;
          margin-top: 30px;
          position: relative;
          overflow: hidden;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          filter: alpha(opacity=100);
          -webkit-transition: opacity 1s ease;
          -moz-transition: opacity 1s ease;
          -ms-transition: opacity 1s ease;
          -o-transition: opacity 1s ease;
          transition: opacity 1s ease; }
          .msci-full-container .msci-main-page-header .header-content .article-recommender ul li a {
            color: #002036;
            text-decoration: none; }
            .msci-full-container .msci-main-page-header .header-content .article-recommender ul li a .content {
              height: 95px;
              margin: 0;
              text-align: left;
              color: #007BFF;
              overflow: hidden;
              padding-left: 20px;
              padding-top: 20px;
              padding-bottom: 20px;
              background-color: white;
              width: calc(100% - 35px);
              border-bottom: 2px solid #002036; }
              .msci-full-container .msci-main-page-header .header-content .article-recommender ul li a .content .text {
                position: relative;
                display: block;
                overflow: hidden;
                height: 56px;
                font-size: 1.7em;
                line-height: 1.2; }
            .msci-full-container .msci-main-page-header .header-content .article-recommender ul li a:hover {
              text-decoration: none; }
              .msci-full-container .msci-main-page-header .header-content .article-recommender ul li a:hover .content {
                color: #007BFF; }
          .msci-full-container .msci-main-page-header .header-content .article-recommender ul li:after {
            content: '';
            position: absolute;
            bottom: -22px;
            right: -43px;
            width: 0;
            height: 0;
            border-top: 100px solid white;
            border-right: 100px solid transparent;
            z-index: -1; }
          .msci-full-container .msci-main-page-header .header-content .article-recommender ul li:before {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 60px;
            height: calc(100% - 35px);
            background-color: white;
            z-index: -1; }
          .msci-full-container .msci-main-page-header .header-content .article-recommender ul li:hover {
            opacity: 0.7;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70); }
  @media screen and (max-width: 768px) {
    .msci-full-container .msci-main-page-header .header-content h2 {
      bottom: 500px;
      padding: 0 20px; }
    .msci-full-container .msci-main-page-header .header-content .article-recommender ul {
      margin-left: -30px; }
      .msci-full-container .msci-main-page-header .header-content .article-recommender ul li {
        width: calc(50% - 30px); } }
  @media screen and (max-width: 320px) {
    .msci-full-container .msci-main-page-header .header-content h2 {
      bottom: 635px; }
    .msci-full-container .msci-main-page-header .header-content .article-recommender {
      bottom: 15px; }
      .msci-full-container .msci-main-page-header .header-content .article-recommender ul {
        margin: 0; }
        .msci-full-container .msci-main-page-header .header-content .article-recommender ul li {
          display: block;
          width: 100%;
          margin-left: 0;
          margin-top: 15px; }
          .msci-full-container .msci-main-page-header .header-content .article-recommender ul li a .content {
            margin: 0;
            padding: 18px 20px;
            height: auto;
            overflow: visible; }
            .msci-full-container .msci-main-page-header .header-content .article-recommender ul li a .content .text {
              height: 45px;
              font-size: 1.3em; } }

@media screen and (max-width: 320px) {
  .msci-full-container.header-image {
    height: 910px; } }

/*------MAIN WRAPPER------*/
#esgMetricsHeatmap {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*
	#factors-menu-option {
		width: 290px !important;
	}
	*/ }
  #esgMetricsHeatmap * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  #esgMetricsHeatmap li {
    font-family: "Roboto Regular", sans-serif; }
  #esgMetricsHeatmap #mapOuterHolder {
    min-height: 448px;
    max-height: 448px;
    /* 	border-bottom: 4px solid $msciMidnightBlue; */
    overflow: hidden;
    margin-top: -30px; }
  #esgMetricsHeatmap #mapHolder {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 796px;
    /*cursor: pointer;*/
    cursor: move; }
  #esgMetricsHeatmap #mapContent {
    position: absolute;
    width: 100%;
    overflow: visible !important; }
  #esgMetricsHeatmap #mapImg,
  #esgMetricsHeatmap #mapBorders {
    width: 100%; }
  #esgMetricsHeatmap #mapImg {
    filter: contrast(85%); }
  #esgMetricsHeatmap #mapBorders {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0; }
  #esgMetricsHeatmap #pinsHolder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  #esgMetricsHeatmap #info,
  #esgMetricsHeatmap #hover-info {
    position: absolute;
    display: none;
    background: #002036;
    min-width: 135px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    z-index: 1; }
  #esgMetricsHeatmap #info-stick,
  #esgMetricsHeatmap #hover-info-stick {
    position: absolute;
    top: 100%;
    left: 50%;
    background: #002036;
    height: 20px;
    width: 2px; }
  #esgMetricsHeatmap .zoom-button:before,
  #esgMetricsHeatmap #reset-zooming:before {
    position: absolute;
    bottom: 20px;
    right: 67px;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    color: white;
    background-color: #1A3FD6;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    cursor: pointer;
    z-index: 3;
    opacity: .5; }
  #esgMetricsHeatmap .zoom-button.active:before,
  #esgMetricsHeatmap #reset-zooming.active:hover:before {
    background-color: #4A7BC9; }
  #esgMetricsHeatmap #zoom-in:before {
    content: "+";
    border-radius: 18px 0 0 18px;
    right: 105px; }
  #esgMetricsHeatmap #zoom-out:before {
    content: "–";
    border-radius: 0 18px 18px 0; }
  #esgMetricsHeatmap #reset-zooming:before {
    right: 20px;
    content: "\f021";
    font-size: 18px;
    line-height: 1.9;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #esgMetricsHeatmap .zoom-button.active:before,
  #esgMetricsHeatmap #reset-zooming.active:before {
    opacity: 1; }
  #esgMetricsHeatmap #data-range,
  #esgMetricsHeatmap #toggle-key {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 3;
    padding: 12px; }
  #esgMetricsHeatmap #data-range {
    background-color: #F8F7F7;
    opacity: .5; }
  #esgMetricsHeatmap #data-range:hover {
    opacity: 1; }
  #esgMetricsHeatmap #data-range img {
    width: 11px;
    height: auto; }
  #esgMetricsHeatmap #toggle-key {
    display: none;
    height: 36px;
    line-height: 34px;
    padding: 0 12px;
    text-decoration: underline;
    cursor: pointer; }
  #esgMetricsHeatmap #data-range p,
  #esgMetricsHeatmap #data-range li {
    font-size: 14px;
    margin: 0;
    line-height: 15px; }
  #esgMetricsHeatmap #data-range ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  #esgMetricsHeatmap #data-range li {
    line-height: 25px; }
  #esgMetricsHeatmap #data-range li:before {
    display: none; }
  #esgMetricsHeatmap .top-menu {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    padding-right: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: 25%;
    z-index: 4;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    color: #1A3FD6;
    text-transform: uppercase;
    font-family: "Roboto Bold", sans-serif; }
  #esgMetricsHeatmap .top-menu-yellow {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    padding-right: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: calc(25% - 28px);
    z-index: 4;
    cursor: pointer;
    background: #1A3FD6;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "Roboto Bold", sans-serif; }
  #esgMetricsHeatmap .top-menu:hover,
  #esgMetricsHeatmap .top-menu-yellow.open,
  #esgMetricsHeatmap .top-menu.open {
    background: white; }
  #esgMetricsHeatmap .top-menu.open {
    border-bottom: 4px solid #1A3FD6; }
  #esgMetricsHeatmap .top-menu-yellow:hover,
  #esgMetricsHeatmap .top-menu-yellow.open {
    background: #4A7BC9;
    border-bottom: none; }
  #esgMetricsHeatmap .top-menu > span,
  #esgMetricsHeatmap .top-menu-yellow > span {
    position: absolute; }
  #esgMetricsHeatmap .top-menu-yellow.firefox,
  #esgMetricsHeatmap .top-menu.firefox {
    /*width: 28%;*/ }
  #esgMetricsHeatmap .top-menu.marginned,
  #esgMetricsHeatmap .top-menu-yellow.marginned {
    margin-right: 28px; }
  #esgMetricsHeatmap #hover-info:before,
  #esgMetricsHeatmap #info:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 13px solid #002036;
    border-right: 13px solid transparent;
    position: absolute;
    right: -13px;
    bottom: 0; }
  #esgMetricsHeatmap #hover-info:after,
  #esgMetricsHeatmap #info:after {
    content: "";
    width: 13px;
    height: 17px;
    background-color: #002036;
    position: absolute;
    right: -13px;
    top: 0; }
  #esgMetricsHeatmap .top-menu:after,
  #esgMetricsHeatmap .top-menu-yellow:after {
    content: "\f107";
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 18px; }
  #esgMetricsHeatmap .sub-menu {
    position: absolute;
    display: none;
    color: #002036;
    text-transform: none;
    top: 30px;
    left: 0;
    background-color: #FFFFFF;
    width: 100%;
    z-index: 2;
    border: 1px solid #DAE0F8;
    border-top: 0px;
    overflow: auto;
    max-height: 390px; }
  #esgMetricsHeatmap .sub-menu .sub-menu-item {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 43px;
    line-height: 43px;
    cursor: pointer; }
  #esgMetricsHeatmap .sub-menu .sub-menu-item:hover {
    color: #1A3FD6; }
  #esgMetricsHeatmap #menu {
    position: absolute;
    height: 30px;
    z-index: 2; }
  #esgMetricsHeatmap .pinpoint {
    margin: 5px 0 0 5px;
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0;
    overflow: visible;
    cursor: pointer; }
  #esgMetricsHeatmap .ppImg {
    position: absolute;
    width: 12px;
    height: 16px;
    max-width: none;
    top: -16px;
    left: -6px;
    z-index: 1;
    /*
        -webkit-filter: drop-shadow(0px 0px 2px #555);
        filter: drop-shadow(0px 0px 2px #555);
        */ }
  #esgMetricsHeatmap .menu-item {
    display: inline-block; }

/*-----Less or equal IE8------START--------*/
.lteie8 #esgMetricsHeatmap .close-button {
  background-image: url(/o/msci/images/esg-metrics-heatmap/close-iconx1.png) !important; }

.lteie8 #esgMetricsHeatmap .top-menu,
.lteie8 #esgMetricsHeatmap .top-menu-yellow {
  background-image: url(/o/msci/images/esg-metrics-heatmap/arrow-downx1.png) !important; }

.lteie8 #esgMetricsHeatmap .top-menu.open,
.lteie8 #esgMetricsHeatmap .top-menu-yellow.open {
  background-image: url(/o/msci/images/esg-metrics-heatmap/arrow-upx1.png) !important; }

/*-----Less or equal IE8------END--------*/
@media (max-width: 943px) {
  #esgMetricsHeatmap .top-menu,
  #esgMetricsHeatmap .top-menu-yellow {
    /*
			height: 50px;
			margin-bottom: -30px;
			background-position: right 31px;
			*/
    line-height: 20px; }
  #esgMetricsHeatmap .sub-menu {
    /*top: 50px;*/ }
  #esgMetricsHeatmap .top-menu > span {
    width: 85%;
    margin-top: 5px; }
  #esgMetricsHeatmap .top-menu::after,
  #esgMetricsHeatmap .top-menu-yellow::after {
    /*height: 37px;*/ }
  #esgMetricsHeatmap .sub-menu .sub-menu-item {
    /*
			padding-left: 10px;
			padding-right: 10px;
			*/ }
  #esgMetricsHeatmap #data-range {
    display: none;
    max-width: 275px;
    left: 0;
    bottom: 10px;
    padding: 5px;
    background-image: url(/o/msci/images/esg-metrics-heatmap/close-icon-darkx2.png);
    background-position: 97% 10%;
    background-repeat: no-repeat;
    background-size: 11px auto; }
  #esgMetricsHeatmap #data-range.active {
    display: block; }
  #esgMetricsHeatmap #toggle-key {
    display: block;
    left: 0; }
  #esgMetricsHeatmap #toggle-key.inactive {
    display: none; }
  #esgMetricsHeatmap #data-range p,
  #esgMetricsHeatmap #data-range li {
    font-size: 12px; }
  #esgMetricsHeatmap #data-range li {
    float: left;
    line-height: inherit; } }

@media (max-width: 767px) {
  #esgMetricsHeatmap #zoom-in,
  #esgMetricsHeatmap #zoom-out {
    display: none; }
  #esgMetricsHeatmap .top-menu,
  #esgMetricsHeatmap .top-menu-yellow,
  #esgMetricsHeatmap .top-menu.firefox,
  #esgMetricsHeatmap .top-menu-yellow.firefox {
    margin: 0 !important;
    height: 30px;
    background-position: right center; }
  #esgMetricsHeatmap .top-menu-yellow {
    margin-top: 5px !important; }
  #esgMetricsHeatmap .top-menu-yellow::after,
  #esgMetricsHeatmap .top-menu::after {
    height: 17px; }
  #esgMetricsHeatmap .sub-menu {
    max-height: 195px;
    top: 30px; }
  #esgMetricsHeatmap #mapHolder {
    margin-top: 20px;
    max-width: 95%; }
  #esgMetricsHeatmap #mapOuterHolder {
    min-height: 0; }
  #esgMetricsHeatmap .top-menu-yellow.active,
  #esgMetricsHeatmap .top-menu.active {
    z-index: 5; }
  #esgMetricsHeatmap #hover-info {
    opacity: 0 !important; }
  #esgMetricsHeatmap #toggle-key {
    display: block;
    left: 0; }
  #esgMetricsHeatmap #modal {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    background-color: rgba(0, 0, 0, 0.5); } }

/* --Main background*/
.heatmap {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #002036; }

.heatmap * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mapOuterHolder {
  min-height: 448px;
  max-height: 448px;
  /* 	border-bottom: 4px solid $msciMidnightBlue; */
  overflow: hidden;
  margin-top: -30px; }

.mapHolder {
  position: relative;
  margin-left: 14%;
  width: 100%;
  max-width: 796px;
  cursor: pointer; }

.mapContent {
  position: absolute;
  width: 100%; }

.mapImg, .mapBorders {
  width: 100%; }

.mapBorders {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0; }

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

.info, .hover-info {
  position: absolute;
  display: none;
  background: #002036;
  min-width: 135px;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  z-index: 1; }

.info-stick, .hover-info-stick {
  position: absolute;
  top: 100%;
  left: 50%;
  background: #002036;
  height: 20px;
  width: 2px; }

.zoom-button:before, .reset-zooming:before {
  position: absolute;
  bottom: 20px;
  right: 67px;
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  font-family: "Roboto Bold", sans-serif;
  font-size: 24px;
  color: white;
  background-color: #1A3FD6;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  cursor: pointer;
  z-index: 3;
  opacity: .5; }

.zoom-button.active:hover:before, .reset-zooming.active:hover:before {
  background-color: #4A7BC9; }

.zoom-in:before {
  content: "+";
  border-radius: 18px 0 0 18px;
  right: 105px; }

.zoom-out:before {
  content: "–";
  border-radius: 0 18px 18px 0; }

.reset-zooming:before {
  right: 20px;
  content: "\f021";
  font-size: 18px;
  line-height: 1.9;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Font-Awesome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.zoom-button.active:before, .reset-zooming.active:before {
  opacity: 1; }

.data-range, .toggle-key {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 3;
  padding: 12px; }

.toggle-key {
  background-color: rgba(255, 255, 255, 0.6); }

.data-range {
  background-color: #F8F7F7;
  opacity: .5; }

.data-range:hover {
  opacity: 1; }

.pin-1 {
  color: #5A51E8; }

.pin-2 {
  color: #26D9B6; }

.pin-3 {
  color: #666666; }

.pin-4 {
  color: #FFD916; }

.pin-5 {
  color: #F65058; }

.data-range [class^="pin-"], .data-range [class*=" pin-"] {
  font-size: 18px;
  vertical-align: middle; }

.toggle-key {
  display: none;
  height: 36px;
  line-height: 34px;
  padding: 0 12px;
  text-decoration: none;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #1A3FD6;
  border-radius: 18px;
  color: #1A3FD6;
  font-family: "Roboto Bold", sans-serif; }

.toggle-key:hover {
  color: #4A7BC9;
  border-color: #4A7BC9; }

.data-range p, .data-range li {
  font-size: 14px;
  margin: 0;
  line-height: 15px; }

.data-range ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.data-range li {
  line-height: 25px; }

.data-range li:before {
  display: none; }

.progressBar {
  color: #002036;
  font-family: "Roboto Regular", sans-serif;
  position: absolute;
  top: 80px;
  left: 20px;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 5px;
  font-size: 14px;
  margin: 0;
  line-height: 15px; }

.tableau {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  background-size: 100% auto;
  top: 45px;
  right: 19px;
  width: 360px;
  height: 333px;
  z-index: 3;
  color: #002036;
  font-size: 14px;
  border-bottom: 4px solid #1A3FD6;
  overflow: hidden; }

.tableau .header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 20px;
  background-color: #002036;
  border: 1px solid #002036;
  height: 31px;
  line-height: 31px;
  text-transform: uppercase;
  color: #FFFFFF;
  z-index: 1; }

.tableau .close-button {
  position: absolute;
  top: 0;
  height: 31px;
  right: 0;
  width: 41px;
  background-size: 13px auto;
  cursor: pointer;
  z-index: 1; }

.tableau .close-button:before, .tableau .close-button:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 12px;
  width: 20px;
  height: 1px;
  background: #FFFFFF; }

.tableau .close-button:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.tableau .close-button:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.tableau .content {
  overflow: auto;
  overflow-x: hidden;
  position: absolute;
  height: 100%;
  width: 320px;
  padding: 0 19px;
  box-sizing: content-box;
  border-left: 1px solid #DAE0F8;
  border-right: 1px solid #DAE0F8; }

.tableau table {
  width: 100%;
  border-collapse: collapse;
  color: #002036;
  margin-bottom: 20px; }

.end-of-day-table {
  margin-top: 40px;
  border-bottom: 1px solid #DAE0F8;
  margin-bottom: 10px !important; }

.tableau th {
  text-align: left;
  font-weight: normal; }

.tableau td, .tableau th {
  height: 22px;
  line-height: 22px; }

.tableau td.align-right, .tableau th.align-right {
  text-align: right; }

.tableau p {
  font-family: "Roboto Regular", sans-serif;
  font-size: 14px; }

.tableau a {
  text-decoration: none; }

.fact-sheet {
  padding-left: 20px;
  height: 30px;
  line-height: 31px;
  background-color: #1A3FD6;
  color: #FFFFFF;
  position: relative;
  padding-right: 34px; }

.fact-sheet:after {
  content: "\e906";
  font-family: 'msci-icons2019' !important;
  font-size: 14px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fact-sheet:hover {
  background-color: #4A7BC9;
  text-decoration: none;
  color: #FFFFFF; }
  .fact-sheet:hover:after {
    right: 10px; }

.idx-performance {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #DAE0F8; }

.tableau .chart {
  position: relative;
  height: 77px;
  margin: 42px 0 10px 0;
  border-bottom: 1px solid #DAE0F8; }

.tableau tr.constituents-total > td {
  border-top: 1px solid #DAE0F8;
  border-bottom: 1px solid #DAE0F8;
  height: 33px; }

/* .lteie8 .close-button { */
/* 	background-image: url(../images/heatmap/close-iconx1.png) !important; */
/* } */
.tableau .chart .inner {
  position: relative;
  height: 32px;
  top: 10px; }

.tableau .chart .inner .index-dot {
  position: absolute;
  margin-top: 5px;
  width: 11px;
  height: 11px;
  background-color: #002036;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.tableau .chart .inner .index-dot.yellow {
  /*pink*/
  background-color: #FFD916; }

.tableau .chart .inner .index-dot.red {
  /*red*/
  background-color: #F65058; }

.tableau .chart .inner .index-dot.purple {
  /*green*/
  background-color: #5A51E8; }

.tableau .chart .inner .index-dot.grey {
  /*grey*/
  background-color: #666666; }

.tableau .chart .inner .index-dot.turquoise {
  /*light-green*/
  background-color: #26D9B6; }

/* .lteie8 .chart .inner .index-dot { */
/* 	background: url(../images/heatmap/dot.png) center center no-repeat !important; */
/* } */
/* .lteie8 .chart .inner .index-dot.pink { */
/* 	background: url(../images/heatmap/pink-dot.png) center center no-repeat */
/* 		!important; */
/* } */
/* .lteie8 .chart .inner .index-dot.red { */
/* 	background: url(../images/heatmap/red-dot.png) center center no-repeat */
/* 		!important; */
/* } */
/* .lteie8 .chart .inner .index-dot.green { */
/* 	background: url(../images/heatmap/green-dot.png) center center no-repeat */
/* 		!important;; */
/* } */
/* .lteie8 .chart .inner .index-dot.grey { */
/* 	background: url(../images/heatmap/grey-dot.png) center center no-repeat */
/* 		!important; */
/* } */
/* .lteie8 .chart .inner .index-dot.light-green { */
/* 	background: url(../images/heatmap/light-green-dot.png) center center no-repeat */
/* 		!important; */
/* } */
.tableau .chart .ref-vertical {
  position: absolute;
  margin-left: 5px;
  width: 1px;
  height: 52px;
  margin-top: -5px;
  background-color: #DAE0F8; }

.tableau .chart .labelling, .tableau .chart .ref-vertical:before {
  margin-top: -25px;
  position: absolute;
  left: -15px;
  width: 40px; }

.tableau .chart .labelling {
  margin: 21px 0 0 8px;
  text-align: center; }

.tableau .chart .ref-horizontal {
  position: absolute;
  margin-bottom: 5px;
  height: 1px;
  width: 100%;
  background-color: #DAE0F8; }

.tableau .chart .ref-horizontal span {
  position: absolute;
  margin-top: -8px;
  background-color: #FFFFFF; }

.mtd, .mtd-ref {
  left: 12px; }

.mtd-ref:before {
  left: -10px !important;
  content: "mtd"; }

.mtd-3, .mtd-3-ref {
  left: 57px; }

.mtd-3-label {
  margin-left: 55px !important; }

.mtd-3-ref:before {
  content: "3 mtd"; }

.ytd, .ytd-ref {
  left: 107px; }

.ytd-label {
  margin-left: 103px !important; }

.ytd-ref:before {
  left: -10px !important;
  content: "ytd"; }

.yr-1, .yr-1-ref {
  left: 155px; }

.yr-1-label {
  margin-left: 151px !important; }

.yr-1-ref:before {
  content: "1 yr"; }

.yr-3, .yr-3-ref {
  left: 202px; }

.yr-3-label {
  margin-left: 198px !important; }

.yr-3-ref:before {
  content: "3 yr"; }

.yr-5, .yr-5-ref {
  left: 250px; }

.yr-5-label {
  margin-left: 246px !important; }

.yr-5-ref:before {
  content: "5 yr"; }

.yr-10, .yr-10-ref {
  left: 298px; }

.yr-10-label {
  margin-left: 294px !important; }

.yr-10-ref:before {
  content: "10 yr"; }

.heatmap .top-menu {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-right: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  width: 25%;
  z-index: 4;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  color: #1A3FD6;
  text-transform: uppercase; }

.heatmap .top-menu:hover, .heatmap .top-menu.open {
  background: white; }

.heatmap .top-menu.open {
  border-bottom: 4px solid #1A3FD6; }

.heatmap .top-menu-yellow {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-right: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  width: calc(25% - 28px);
  z-index: 4;
  cursor: pointer;
  background: #1A3FD6;
  color: #FFFFFF;
  text-transform: uppercase; }

.heatmap .top-menu-yellow:hover, .heatmap .top-menu-yellow.open {
  background: #4A7BC9; }

.heatmap .top-menu > span, .heatmap .top-menu-yellow > span {
  font-family: "Roboto Bold", sans-serif;
  position: absolute; }

.heatmap .top-menu.marginned, .heatmap .top-menu-yellow.marginned {
  margin-right: 28px; }

.heatmap .top-menu-yellow.open:after, .heatmap .top-menu.open:after {
  content: "\f106"; }

/* .lteie8 .top-menu, .lteie8 .top-menu-yellow { */
/* 	background-image: url(../images/heatmap/arrow-downx1.png) !important; */
/* } */
/* .lteie8 .top-menu.open, .lteie8 .top-menu-yellow.open { */
/* 	background-image: url(../images/heatmap/arrow-upx1.png) !important; */
/* } */
.heatmap .top-menu:after, .heatmap .top-menu-yellow:after {
  content: "\f107";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Font-Awesome' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 18px; }

.sub-menu {
  position: absolute;
  display: none;
  color: #002036;
  text-transform: none;
  top: 30px;
  left: 0;
  background-color: #FFFFFF;
  width: 100%;
  z-index: 2;
  border: 1px solid #DAE0F8;
  border-top: 0px;
  overflow: auto;
  max-height: 350px; }

.sub-menu .sub-menu-item {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 43px;
  line-height: 43px;
  cursor: pointer; }

.sub-menu .sub-menu-item:hover {
  color: #1A3FD6; }

.menu {
  position: absolute;
  height: 30px;
  z-index: 2; }

.heatmap .pinpoint {
  margin: 5px 0 0 5px;
  width: 1px;
  height: 1px;
  position: absolute;
  opacity: 0;
  overflow: visible; }

.heatmap .ppIcon {
  position: absolute;
  max-width: none;
  left: -6px;
  z-index: 1; }

.menu-item {
  display: inline-block; }

/*---------------------------------*/
@media (max-width: 943px) {
  .heatmap .top-menu, .heatmap .top-menu-yellow {
    height: 50px;
    margin-bottom: -30px;
    line-height: 20px;
    background-position: right 31px; }
  .sub-menu {
    top: 50px; }
  .heatmap .top-menu > span, .heatmap .top-menu-yellow > span {
    width: 85%;
    margin-top: 5px; }
  .heatmap .top-menu::after, .heatmap .top-menu-yellow::after {
    height: 37px; }
  .tableau {
    top: 75px;
    max-height: 70%; }
  .sub-menu .sub-menu-item {
    padding-left: 10px;
    padding-right: 10px; }
  .data-range {
    display: none;
    max-width: 275px;
    left: 0;
    bottom: 10px;
    padding: 5px;
    opacity: 1;
    /* 		background-image: url(../images/heatmap/close-icon-darkx2.png); */
    /* 		background-position: 97% 10%; */
    /* 		background-repeat: no-repeat; */
    /* 		background-size: 11px auto; */ }
  .data-range.active {
    display: block; }
  .data-range:before, .data-range:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 1px;
    background: #CCCCCC; }
  .data-range:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .data-range:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .toggle-key {
    display: block;
    left: 0; }
  .toggle-key.inactive {
    display: none; }
  .data-range p, .data-range li {
    font-size: 12px; }
  .data-range li {
    float: left;
    line-height: inherit; } }

@media (max-width: 767px) {
  .zoom-in, .zoom-out {
    display: none; }
  .heatmap .top-menu, .heatmap .top-menu-yellow,
  .heatmap .top-menu.firefox, .heatmap .top-menu-yellow.firefox {
    margin: 0 !important;
    height: 30px;
    background-position: right center; }
  .heatmap .top-menu-yellow {
    margin-top: 5px !important; }
  .heatmap .top-menu-yellow::after, .heatmap .top-menu::after {
    height: 17px; }
  .sub-menu {
    max-height: 195px;
    top: 30px; }
  .mapHolder {
    margin-top: 20px;
    max-width: 95%; }
  .mapOuterHolder {
    min-height: 0; }
  .heatmap .top-menu-yellow.active, .heatmap .top-menu.active {
    z-index: 5; }
  .hover-info {
    opacity: 0 !important; }
  .tableau {
    position: fixed;
    top: 10%;
    left: 50%;
    margin: auto;
    z-index: 5;
    margin-left: -180px;
    height: 490px;
    max-height: 90%;
    z-index: 14; }
  .toggle-key {
    display: block;
    left: 0; }
  .heatmap-modal {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 14;
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    background-color: rgba(0, 0, 0, 0.5); } }

@media (max-width: 360px) {
  .tableau {
    margin: auto 2%;
    left: 0;
    width: 96%; }
  .tableau .content {
    width: 96%;
    padding: 0 2%; }
  .mtd-3, .mtd-3-ref {
    left: 56px; }
  .mtd-3-label {
    margin-left: 54px !important; }
  .ytd, .ytd-ref {
    left: 100px; }
  .ytd-label {
    margin-left: 98px !important; }
  .yr-1, .yr-1-ref {
    left: 144px; }
  .yr-1-label {
    margin-left: 140px !important; }
  .yr-3, .yr-3-ref {
    left: 188px; }
  .yr-3-label {
    margin-left: 184px !important; }
  .yr-5, .yr-5-ref {
    left: 232px; }
  .yr-5-label {
    margin-left: 232px !important; }
  .yr-10, .yr-10-ref {
    left: 274px; }
  .yr-10-label {
    margin-left: 274px !important; } }

.heatmap ul {
  list-style: none;
  margin: 15px 0; }

.heatmap li {
  font-family: "Roboto Regular", sans-serif; }

.heatmap .data-range li:before {
  margin-right: 0px;
  margin-left: -19px;
  font-size: 2em;
  position: relative;
  top: 4px;
  left: 0px; }

.research-paper-resource-center-row-default .research-paper-search-result {
  margin: 0 10px 22px 0;
  padding: 26px;
  background-color: #F8F7F7; }

.research-paper-resource-center-row-default .msci-content-type > i {
  font-size: 18px;
  margin-right: 2px;
  top: 3px; }

.research-paper-resource-center-row-default .msci-content-type > span {
  font-size: 13px; }

.research-paper-resource-center-row-default h4 {
  margin-bottom: 20px; }

.research-paper-resource-center-row-default h3 {
  margin: 14px 0 5px; }
  .research-paper-resource-center-row-default h3 > a {
    color: #002036; }
    .research-paper-resource-center-row-default h3 > a:hover {
      text-decoration: none; }

.research-paper-resource-center-row-default .date-tag {
  color: #666666;
  font-size: 16px; }

.research-paper-resource-center-row-default .related-products {
  display: flex;
  margin-top: 14px;
  font-size: 14px; }
  .research-paper-resource-center-row-default .related-products span {
    padding-right: 4px; }
  .research-paper-resource-center-row-default .related-products ul.related-product-list {
    padding: 0;
    margin: 0; }
    .research-paper-resource-center-row-default .related-products ul.related-product-list li.related-product-element {
      display: inline; }
      .research-paper-resource-center-row-default .related-products ul.related-product-list li.related-product-element a {
        padding-right: 1px; }
      .research-paper-resource-center-row-default .related-products ul.related-product-list li.related-product-element:not(:last-of-type) a::after {
        content: ','; }

.research-paper-resource-center-row-default .button-wrapper {
  padding-bottom: 10px;
  margin-top: 14px; }

@media (max-width: 767px) {
  .research-paper-resource-center-row-default .msci-content-type > i {
    font-size: 26px; }
  .research-paper-resource-center-row-default .msci-content-type > span {
    font-size: 19px; }
  .research-paper-resource-center-row-default h4 {
    margin-bottom: 30px; }
  .research-paper-resource-center-row-default h3 {
    font-size: 28px;
    margin: 18px 0; }
  .research-paper-resource-center-row-default .date-tag {
    font-size: 18px; }
  .research-paper-resource-center-row-default .related-products {
    display: block;
    margin-top: 14px;
    font-size: 14px; }
    .research-paper-resource-center-row-default .related-products span {
      padding-right: 4px; }
    .research-paper-resource-center-row-default .related-products ul.related-product-list {
      padding: 0;
      margin: 0; }
      .research-paper-resource-center-row-default .related-products ul.related-product-list li.related-product-element {
        display: inline; }
        .research-paper-resource-center-row-default .related-products ul.related-product-list li.related-product-element a {
          padding-right: 1px; }
        .research-paper-resource-center-row-default .related-products ul.related-product-list li.related-product-element:not(:last-of-type) a::after {
          content: ','; } }

.list-menu > .level-1 {
  list-style: none;
  background: #EFF2FD;
  line-height: 36px;
  font-size: 16px;
  font-family: "Roboto Bold", sans-serif;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 25px; }
  .list-menu > .level-1 a {
    font-weight: bold;
    color: #002036;
    text-decoration: none; }
  .list-menu > .level-1 a:after {
    content: "\f105";
    font-family: FontAwesome;
    padding-left: 5px; }
  .list-menu > .level-1 li a:hover {
    color: #4A7BC9; }
  .list-menu > .level-1 li {
    border-bottom: 1px solid #DAE0F8;
    padding-top: 10px;
    padding-bottom: 10px; }
    .list-menu > .level-1 li ul {
      display: none; }
    @media screen and (max-width: 768px) {
      .list-menu > .level-1 li {
        border-bottom: none; } }
  .list-menu > .level-1 li:last-child {
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 10px; }
  .list-menu > .level-1 ul {
    padding-left: 10px; }
  .list-menu > .level-1 .level-2 li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 0px;
    border-bottom: none;
    line-height: 30px;
    font-size: 14px; }
    .list-menu > .level-1 .level-2 li a {
      font-weight: normal;
      color: #1A3FD6; }
    .list-menu > .level-1 .level-2 li a:after {
      display: none; }
  .list-menu > .level-1 .level-3 li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: none;
    line-height: 30px; }
    .list-menu > .level-1 .level-3 li a {
      font-weight: normal;
      color: #002036; }
    .list-menu > .level-1 .level-3 li a:after {
      display: none; }
  .list-menu > .level-1 a.current {
    font-weight: bold !important; }
  .list-menu > .level-1 a.expand:before {
    content: '+ '; }
  .list-menu > .level-1 a.expanded:before {
    content: '- '; }

@media screen and (max-width: 768px) {
  .msci-nav-menu.level-1 > li {
    display: none; }
  .msci-nav-menu.level-1 > li.selected {
    display: block; } }

@media screen and (max-width: 768px) {
  .msci-nav-menu-all-lvl.level-1 > li {
    display: none; }
  .msci-nav-menu-all-lvl.level-1 > li.selected {
    display: block; } }

@media screen and (max-width: 768px) {
  .msci-nav-menu-expstat.level-1 > li {
    display: none; }
  .msci-nav-menu-expstat.level-1 > li.selected {
    display: block; } }

.accept-btn, .decline-btn {
  margin-bottom: 20px;
  margin-right: 10px; }

@media screen and (max-width: 992px) {
  .accept-terms-buttons {
    text-align: center; } }

.mhc-cal {
  margin-top: 20px;
  max-width: 350px; }
  .mhc-cal .mhc-cal-entry {
    margin-bottom: 1em; }
    .mhc-cal .mhc-cal-entry h5 {
      margin-top: 0;
      margin-bottom: 3px; }
    .mhc-cal .mhc-cal-entry p {
      font-size: 80%;
      margin: 0; }
    .mhc-cal .mhc-cal-entry .mhc-cal-content {
      margin: 4px 1px; }
      .mhc-cal .mhc-cal-entry .mhc-cal-content .mhc-holiday {
        color: #666666;
        display: flex; }
        .mhc-cal .mhc-cal-entry .mhc-cal-content .mhc-holiday .mhc-date {
          text-align: right;
          flex: 1 0 auto;
          margin-left: 5px; }

.mhc-year-calendar h2 {
  text-align: center; }

.mhc-year-calendar .mhc-submit-form .country-select2 {
  width: 29%;
  min-width: 220px; }

.mhc-year-calendar .mhc-submit-form .select2-container {
  display: none; }

.mhc-year-calendar .mhc-submit-form .year-select2 {
  width: 10%; }

.mhc-year-calendar .mhc-year-main-table {
  width: 100%; }
  .mhc-year-calendar .mhc-year-main-table h5 {
    text-align: center;
    line-height: 19px; }
  .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td {
    border: thin solid #002036 !important; }
    .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate {
      width: 100%;
      border-collapse: separate; }
      .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate th, .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate td {
        border-width: 1px 0 0 1px; }
      .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate .mhc-year-month-weekly-head {
        text-align: center; }
      .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate .mhc-week .mhc-day-number {
        float: right;
        padding: 0 2px; }
      .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate .mhc-week .mhc-year-have-event {
        background: none repeat scroll 0 0 #1E3A4D; }
        .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate .mhc-week .mhc-year-have-event .mhc-day-number {
          color: #FFFFFF;
          font-weight: 700;
          float: right;
          padding: 0 2px; }
        .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate .mhc-week .mhc-year-have-event .mhc-popup-more {
          color: #1E3A4D;
          font-style: italic;
          font-size: 16px; }
      .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate .mhc-week .mhc-widget-content {
        border: 1px solid #CCCCCC; }
      .mhc-year-calendar .mhc-year-main-table .mhc-year-monthly-td .mhc-border-separate .mhc-extra-week td {
        border: 1px solid #CCCCCC;
        border-width: 1px 0 0 0; }

.popup-toggle {
  display: inline;
  cursor: pointer; }

.popup {
  position: absolute; }
  .popup .popup-content {
    display: none;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }

.popup-container {
  display: none; }

.popup-content h4 {
  margin-top: 2px; }

.popup-content h5 {
  margin: 1px; }

.active .popup-content {
  display: block;
  background-color: #FFFFFF;
  color: #002036;
  position: absolute;
  top: 1.3em;
  padding: .6em;
  width: 22em;
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
  .active .popup-content h5.country {
    text-align: left; }

.mhc-cal-holiday-item {
  margin-bottom: 10px; }
  .mhc-cal-holiday-item p {
    margin-bottom: .1em;
    font-size: 80%; }
  .mhc-cal-holiday-item .exchange-name {
    color: #666666; }

@media (max-width: 767px) {
  .mhc-year-monthly-td {
    display: block;
    width: 100%; }
  .year-select2 {
    width: 25% !important; } }

.recommender-portlet .recommended-results-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }
  .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper {
    margin-bottom: 36px;
    width: 31%; }
    .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner {
      color: #FFFFFF;
      font-size: 16px;
      background-color: #1E3A4D;
      padding: 36px 32px 72px 32px;
      position: relative;
      height: 100%; }
      .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner h3 {
        margin-bottom: 14px; }
      .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner .recommended-result-structure-wrapper {
        font-size: 16px;
        text-transform: uppercase;
        font-family: "Roboto Bold", sans-serif;
        margin-bottom: 26px; }
        .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner .recommended-result-structure-wrapper [class^="msci-icon-"], .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner .recommended-result-structure-wrapper [class*=" msci-icon-"], .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner .recommended-result-structure-wrapper [class^="icn-msci-icon-"], .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner .recommended-result-structure-wrapper [class*=" icn-msci-icon-"] {
          font-size: 18px;
          padding: 0 10px 0 4px; }
      .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner .recommended-result-url-wrapper {
        position: absolute;
        width: 80%;
        bottom: 20px; }
      .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper .recommended-result-inner .recommended-result-date-wrapper {
        margin-right: 6px; }
    @media screen and (min-width: 768px) and (max-width: 992px) {
      .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper {
        width: 47%; } }
    @media screen and (max-width: 768px) {
      .recommender-portlet .recommended-results-wrapper .recommended-result-wrapper {
        width: 100%; } }

.esg-ratings-portlet .esg-ratings-profile-container {
  /** Climate Transparency Section */
  /*LEARN MORE TABLE*/ }
  @media screen and (min-width: 768px) {
    .esg-ratings-portlet .esg-ratings-profile-container .esg-columns > div > div:nth-child(2) {
      border-left: 1px solid lightgray; } }
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    .esg-ratings-portlet .esg-ratings-profile-container .esg-columns > div > div:nth-child(2) {
      border-left: none; } }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header-coredata {
    color: #1E3A4D;
    margin-bottom: 40px; }
    @media screen and (min-width: 992px) and (max-width: 1200px) {
      .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header-coredata {
        width: 100%; } }
  .esg-ratings-portlet .esg-ratings-profile-container .header-company-title {
    padding-top: 40px;
    font-size: 32px;
    line-height: 40px;
    font-family: "Roboto Black", sans-serif;
    margin-bottom: 0; }
  .esg-ratings-portlet .esg-ratings-profile-container .header-company-ticker {
    font-size: 20px; }
  .esg-ratings-portlet .esg-ratings-profile-container .header-company-info {
    padding-top: 10px;
    font-size: 16px; }
    .esg-ratings-portlet .esg-ratings-profile-container .header-company-info .header-esg-industry {
      padding-bottom: 5px; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata {
    display: inline-block;
    color: #585858;
    width: 100%;
    max-width: 306px; }
    @media screen and (min-width: 992px) and (max-width: 1200px) {
      .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata {
        float: left; } }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata hr {
      width: 75%;
      float: left;
      margin-bottom: 24px; }
      @media screen and (max-width: 767px) {
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata hr {
          margin-bottom: 0rem; } }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-container {
      display: inline-block;
      width: 100%;
      margin-bottom: 10px; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-msci {
      font-size: 40px;
      font-weight: bold;
      display: inline-block;
      margin-right: 13px;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-msci {
          font-size: 24px;
          padding-top: 10px; } }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-esgratings {
      font-family: "Roboto Regular", sans-serif;
      font-size: 22px;
      line-height: 32px;
      text-transform: uppercase;
      color: #3c3c3b;
      letter-spacing: 0px !important;
      font-weight: normal !important; }
      @media screen and (max-width: 767px) {
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-esgratings {
          font-size: 18px;
          margin-top: 8px; } }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-company-rating {
      height: 100%;
      background-size: contain; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-outercircle {
      border-radius: 100%;
      height: 70px;
      width: 70px;
      float: right;
      position: relative;
      top: -42px; }
      @media screen and (max-width: 767px) {
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-outercircle {
          height: 60px;
          width: 60px;
          top: 0; } }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-table {
      display: table;
      font-size: 12px;
      width: 100%;
      table-layout: fixed; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-row {
      display: table-row; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-cell {
      display: table-cell;
      border: 1px solid #3c3c3b;
      height: 22px; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esg-ratings-profile-header-ratingdata .ratingdata-cell-content {
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esgratings-profile-header-red {
    background: #CF333B;
    color: #FFFFFF; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esgratings-profile-header-green {
    background: #007567;
    color: #FFFFFF; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esgratings-profile-header-yellow {
    background: #FFB500;
    color: #FFFFFF; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esgratings-profile-header-border-red {
    border-top: 2px solid #CF333B; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esgratings-profile-header-border-green {
    border-top: 2px solid #007567; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-header .esgratings-profile-header-border-yellow {
    border-top: 2px solid #FFB500; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graphs .esg-rating-subtitle-container {
    margin-bottom: 20px; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graphs .esg-rating-subtitle-container .esg-rating-subtitle {
      background-color: #FFFFFF;
      color: #002036;
      display: flex;
      justify-content: center;
      flex-direction: column; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graphs .esg-rating-subtitle-container hr {
      margin: 0; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graphs .esg-rating-subtitle-container h5 {
      margin: 0; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graphs .esg-rating-subtitle-container p {
      margin: 0; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table {
    text-align: center;
    margin-bottom: 80px; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column {
      position: relative; }
      .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .esg-tooltip {
        line-height: 14px;
        font-size: 12px;
        background-color: #002036;
        color: #FFFFFF;
        padding: 5px 10px 10px;
        margin: 5px -15px 0 -15px;
        position: absolute;
        z-index: 14;
        min-width: 100%;
        display: none;
        -webkit-box-shadow: 0px 4px 8px rgba(0, 32, 54, 0.3);
        box-shadow: 0px 4px 8px rgba(0, 32, 54, 0.3); }
      .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-header {
        color: #FFFFFF;
        font-family: "Roboto Bold", sans-serif;
        padding: 10px;
        position: relative; }
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-header:hover .esg-tooltip, .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-header:active .esg-tooltip {
          display: block; }
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-header.comparison-header-laggard {
          background-color: #CF333B; }
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-header.comparison-header-average {
          background-color: #FFB500; }
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-header.comparison-header-leader {
          background-color: #007567; }
      .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-body {
        flex-direction: column;
        align-items: center; }
      .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column:not(:last-child) .comparison-body:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #002036; }
      @media screen and (max-width: 1199px) {
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column:not(:last-child) .comparison-body:after {
          content: none; } }
      .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-body .no-key-issue {
        width: 100%;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px; }
      .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-body .comparison-value {
        padding: 4px;
        position: relative; }
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-body .comparison-value:hover .esg-tooltip, .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-body .comparison-value:active .esg-tooltip {
          display: block; }
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-body .comparison-value i {
          font-size: 3em; }
        .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-industry-comparison .comparison-table .comparison-column .comparison-body .comparison-value span {
          display: block;
          line-height: 12px;
          font-size: 10px;
          text-transform: uppercase;
          display: flex;
          justify-content: center; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-rating-paragraph {
    margin-bottom: 20px;
    font-size: 16px; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-rating-paragraph a {
      font-size: 16px; }
  .esg-ratings-portlet .esg-ratings-profile-container hr {
    display: inline-block;
    width: 100%;
    border-top: 2px solid #002036; }
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile, .esg-ratings-portlet .esg-ratings-profile-container .esg-company-transparency {
      width: 100%;
      max-width: 100%;
      flex: 0 0 100%; } }
  .esg-ratings-portlet .esg-ratings-profile-container .climate-msci {
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
    margin-right: 13px;
    line-height: 1;
    color: #585858; }
  .esg-ratings-portlet .esg-ratings-profile-container .climate-transparency-status-indicator {
    position: relative;
    margin-top: 11px;
    padding-bottom: 24px; }
    .esg-ratings-portlet .esg-ratings-profile-container .climate-transparency-status-indicator:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 75px;
      height: 1px; }
  .esg-ratings-portlet .esg-ratings-profile-container .thermometer-icon {
    height: 41px;
    width: 41px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 15px;
    position: relative;
    float: right; }
    .esg-ratings-portlet .esg-ratings-profile-container .thermometer-icon:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -15px;
      right: -15px;
      bottom: -15px;
      left: -15px;
      border-radius: 40px; }
    .esg-ratings-portlet .esg-ratings-profile-container .thermometer-icon:after {
      content: "";
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px;
      border-radius: 40px;
      border: 1px solid #FFFFFF; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-company-transparency .company-title {
    /*font-size: $msciFontSizeH4;
		    line-height: 40px;
		    font-family: $robotoBold;
		    text-transform: uppercase;
		    display: inline-block;*/
    display: inline-block;
    color: #585858;
    width: 100%;
    max-width: 306px;
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
    margin-right: 13px;
    line-height: 1;
    width: calc(100% - 71px); }
  .esg-ratings-portlet .esg-ratings-profile-container .climate-transparency-temperature {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    width: 100%; }
  .esg-ratings-portlet .esg-ratings-profile-container span.decarb-data-as-of-date span.target-data-as-of-date {
    font-style: italic; }
  .esg-ratings-portlet .esg-ratings-profile-container .implied-temp-rise {
    font-family: "Roboto Regular", sans-serif;
    font-size: 22px;
    line-height: 32px;
    text-transform: uppercase;
    color: #3c3c3b;
    padding-right: 5px; }
  .esg-ratings-portlet .esg-ratings-profile-container .implied-temp-rise-value {
    font-family: "Roboto Bold", sans-serif;
    font-size: 24px;
    float: right;
    margin-bottom: 6px; }
    .esg-ratings-portlet .esg-ratings-profile-container .implied-temp-rise-value small {
      font-size: 12px; }
  .esg-ratings-portlet .esg-ratings-profile-container .implied-temp-rise-table {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    margin-bottom: 20px; }
    .esg-ratings-portlet .esg-ratings-profile-container .implied-temp-rise-table span {
      font-family: "Roboto Bold", sans-serif;
      font-size: 12px;
      line-height: 18px;
      color: #3c3c3b;
      flex: 1 1 33%;
      text-align: center;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center; }
      .esg-ratings-portlet .esg-ratings-profile-container .implied-temp-rise-table span:not(:last-child) {
        border-right: none; }
  .esg-ratings-portlet .esg-ratings-profile-container .climate-transparency-description {
    margin-bottom: 45px; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graph-2c-trajectory-container {
    margin-bottom: 45px; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graph-2c-trajectory-container h5 {
      margin-bottom: 0; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graph-2c-trajectory-container .esg-ratings-profile-graph-2c-trajectory {
      margin-left: -10px; }
    .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-profile-graph-2c-trajectory-container .esg-ratings-profile-graph-2c-trajectory-description {
      font-size: 10px; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-climate-link {
    font-family: "Roboto Bold", sans-serif;
    font-size: 14px;
    color: #083ea1;
    display: inline-block;
    position: relative;
    padding-right: 18px;
    margin-top: 8px; }
  .esg-ratings-portlet .esg-ratings-profile-container .updated-data-interval-footnote {
    margin: 40px 0;
    font-style: italic;
    font-weight: lighter; }
  .esg-ratings-portlet .esg-ratings-profile-container .involvement-contact-disclaimer {
    margin: 40px 0; }
  .esg-ratings-portlet .esg-ratings-profile-container .decarbonization-target-container {
    margin-bottom: 60px; }
    .esg-ratings-portlet .esg-ratings-profile-container .decarbonization-target-container h5 {
      margin-bottom: 0; }
  .esg-ratings-portlet .esg-ratings-profile-container .decarbonization-target-table {
    margin-bottom: 30px; }
  .esg-ratings-portlet .esg-ratings-profile-container .decarbonization-target-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #7f7f7f;
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .esg-ratings-portlet .esg-ratings-profile-container .decarbonization-target-row p {
      margin-bottom: 0;
      font-size: 16px; }
    .esg-ratings-portlet .esg-ratings-profile-container .decarbonization-target-row span {
      margin-bottom: 0;
      font-size: 14px; }
    .esg-ratings-portlet .esg-ratings-profile-container .decarbonization-target-row em {
      font-size: 14px; }
  .esg-ratings-portlet .esg-ratings-profile-container .explanatory-sentence {
    margin-bottom: 20px;
    font-size: 16px; }
    .esg-ratings-portlet .esg-ratings-profile-container .explanatory-sentence small {
      font-size: 16px; }
  .esg-ratings-portlet .esg-ratings-profile-container .explanatory-sentence-source a {
    font-size: 10px; }
  .esg-ratings-portlet .esg-ratings-profile-container .itr-header-border {
    margin-top: 0px;
    position: absolute;
    top: 5px;
    width: 75%; }
  .esg-ratings-portlet .esg-ratings-profile-container .itr-header-border-nodata {
    border-top: 1px solid #A5A5A5; }
  .esg-ratings-portlet .esg-ratings-profile-container .itr-header-border-strongly-misaligned {
    border-top: 1px solid #e44261; }
  .esg-ratings-portlet .esg-ratings-profile-container .itr-header-border-misaligned {
    border-top: 1px solid #f08908; }
  .esg-ratings-portlet .esg-ratings-profile-container .itr-header-border-degree-2-aligned {
    border-top: 1px solid #fdc32d; }
  .esg-ratings-portlet .esg-ratings-profile-container .itr-header-border-degree-1-5-aligned {
    border-top: 1px solid #5a84c3; }
  .esg-ratings-portlet .esg-ratings-profile-container .itr-grid {
    width: 100%;
    display: inline-grid;
    grid-template-columns: 35% 15% 5% 45%;
    grid-template-rows: auto;
    grid-template-areas: "line line line thermo" "itr-title itr-title itr-title thermo" "itr-title itr-title itr-title itr-value";
    margin-bottom: 10px; }
    .esg-ratings-portlet .esg-ratings-profile-container .itr-grid .itr-grid-thermo {
      width: 100%;
      grid-area: thermo; }
    .esg-ratings-portlet .esg-ratings-profile-container .itr-grid .itr-grid-title {
      width: 100%;
      grid-area: itr-title;
      margin-top: 6px; }
    .esg-ratings-portlet .esg-ratings-profile-container .itr-grid .itr-grid-value {
      width: 100%;
      grid-area: itr-value; }
  @media screen and (max-width: 767px) {
    .esg-ratings-portlet .esg-ratings-profile-container .implied-temperature-rise-value {
      font-size: 22px; } }
  .esg-ratings-portlet .esg-ratings-profile-container .rotated {
    --rotatedeg: -90deg !important; }
  .esg-ratings-portlet .esg-ratings-profile-container #esg-ratings-learn-more-open-arrow {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 11 17' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h11v17H0z'/%3E%3Cpath d='M.132 2.235L6.397 8.5.132 14.765 2.368 17l8.5-8.5-8.5-8.5L.132 2.235z' fill='%23083ea1'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    width: 10px;
    --rotatedeg: 90deg;
    margin-top: 10px;
    transform: rotate(var(--rotatedeg)); }
  .esg-ratings-portlet .esg-ratings-profile-container #esg-ratings-learn-more-wrapper {
    height: 40px;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    margin-bottom: 20px; }
  .esg-ratings-portlet .esg-ratings-profile-container #esg-ratings-learn-more-wrapper.is-show {
    height: auto; }
  .esg-ratings-portlet .esg-ratings-profile-container .esg-ratings-learn-more-wrapper {
    width: 100%;
    padding: 0px 10px;
    border: 2px solid #1A3FD6; }
  .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table {
    border-collapse: separate;
    border-spacing: 0px 10px;
    width: 100%; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table tr > td:nth-child(3) {
      padding-right: 10px; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table tr > td:nth-child(-n+3) {
      font-size: 18px;
      font-weight: bold; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table tr > td:nth-child(4) {
      vertical-align: middle;
      text-align: center;
      color: white;
      font-size: 15px;
      font-weight: bold;
      padding: 0 35px 0 35px; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table tr:nth-child(1) > td:nth-child(3) {
      vertical-align: middle;
      text-align: center;
      color: white;
      background-color: #e44261;
      font-size: 15px;
      font-weight: bold;
      padding: 0 35px 0 35px; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table .learn-more-table-row-strongly-misaligned > td:nth-child(-n+2) {
      color: #e44261; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table .learn-more-table-row-misaligned > td:nth-child(-n+3) {
      color: #f08908; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table .learn-more-table-row-misaligned > td:nth-child(4) {
      background-color: #f08908; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table .learn-more-table-row-2-aligned > td:nth-child(-n+3) {
      color: #fdc32d; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table .learn-more-table-row-2-aligned > td:nth-child(4) {
      background-color: #fdc32d; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table .learn-more-table-row-1-5-aligned > td:nth-child(-n+3) {
      color: #5a84c3; }
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table .learn-more-table-row-1-5-aligned > td:nth-child(4) {
      background-color: #5a84c3; }
  @media screen and (max-width: 767px) {
    .esg-ratings-portlet .esg-ratings-profile-container .learn-more-table tr > td:nth-child(4) {
      padding: 0 10px 0 10px; } }
  .esg-ratings-portlet .esg-ratings-profile-container .nodata .climate-transparency-status-indicator:before {
    background-color: #A5A5A5; }
  .esg-ratings-portlet .esg-ratings-profile-container .nodata .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23a5a5a5' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-ratings-portlet .esg-ratings-profile-container .nodata .thermometer-icon:before {
      background-color: #A5A5A5; }
  .esg-ratings-portlet .esg-ratings-profile-container .nodata .implied-temp-rise-value {
    color: #A5A5A5; }
  .esg-ratings-portlet .esg-ratings-profile-container .nodata .esg-ratings-itr-range-band-nodata {
    border-color: #A5A5A5;
    background-color: #A5A5A5;
    color: #FFFFFF; }
  .esg-ratings-portlet .esg-ratings-profile-container .strongly-misaligned .climate-transparency-status-indicator:before {
    background-color: #e44261; }
  .esg-ratings-portlet .esg-ratings-profile-container .strongly-misaligned .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23e44261' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-ratings-portlet .esg-ratings-profile-container .strongly-misaligned .thermometer-icon:before {
      background-color: #e44261; }
  .esg-ratings-portlet .esg-ratings-profile-container .strongly-misaligned .implied-temp-rise-value, .esg-ratings-portlet .esg-ratings-profile-container .strongly-misaligned .explanatory-sentence-temp {
    color: #e44261; }
  .esg-ratings-portlet .esg-ratings-profile-container .strongly-misaligned .esg-ratings-itr-range-band-strongly-misaligned {
    border-color: #e44261;
    background-color: #e44261;
    color: #FFFFFF; }
  .esg-ratings-portlet .esg-ratings-profile-container .misaligned .climate-transparency-status-indicator:before {
    background-color: #f08908; }
  .esg-ratings-portlet .esg-ratings-profile-container .misaligned .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23f08908' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-ratings-portlet .esg-ratings-profile-container .misaligned .thermometer-icon:before {
      background-color: #f08908; }
  .esg-ratings-portlet .esg-ratings-profile-container .misaligned .implied-temp-rise-value, .esg-ratings-portlet .esg-ratings-profile-container .misaligned .explanatory-sentence-temp {
    color: #f08908; }
  .esg-ratings-portlet .esg-ratings-profile-container .misaligned .esg-ratings-itr-range-band-misaligned {
    border-color: #f08908;
    border-left-color: #3c3c3b;
    background-color: #f08908;
    color: #FFFFFF; }
  .esg-ratings-portlet .esg-ratings-profile-container .degree-2-aligned .climate-transparency-status-indicator:before {
    background-color: #fdc32d; }
  .esg-ratings-portlet .esg-ratings-profile-container .degree-2-aligned .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23fdc32d' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-ratings-portlet .esg-ratings-profile-container .degree-2-aligned .thermometer-icon:before {
      background-color: #fdc32d; }
  .esg-ratings-portlet .esg-ratings-profile-container .degree-2-aligned .implied-temp-rise-value, .esg-ratings-portlet .esg-ratings-profile-container .degree-2-aligned .explanatory-sentence-temp {
    color: #fdc32d; }
  .esg-ratings-portlet .esg-ratings-profile-container .degree-2-aligned .esg-ratings-itr-range-band-degree-2-aligned {
    border-color: #fdc32d;
    border-left-color: #3c3c3b;
    background-color: #fdc32d;
    color: #FFFFFF; }
  .esg-ratings-portlet .esg-ratings-profile-container .degree-1-5-aligned .climate-transparency-status-indicator:before {
    background-color: #5a84c3; }
  .esg-ratings-portlet .esg-ratings-profile-container .degree-1-5-aligned .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%235a84c3' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-ratings-portlet .esg-ratings-profile-container .degree-1-5-aligned .thermometer-icon:before {
      background-color: #5a84c3; }
  .esg-ratings-portlet .esg-ratings-profile-container .degree-1-5-aligned .implied-temp-rise-value, .esg-ratings-portlet .esg-ratings-profile-container .degree-1-5-aligned .explanatory-sentence-temp {
    color: #5a84c3; }
  .esg-ratings-portlet .esg-ratings-profile-container .degree-1-5-aligned .esg-ratings-itr-range-band-degree-1-5-aligned {
    border-color: #5a84c3;
    border-left-color: #3c3c3b;
    background-color: #5a84c3;
    color: #FFFFFF; }

.esg-ratings-portlet .esg-ratings-cards-container .esg-ratings-card {
  background-color: #002036;
  padding: 15px 30px;
  text-align: center; }
  .esg-ratings-portlet .esg-ratings-cards-container .esg-ratings-card:nth-child(odd) {
    background-color: #1E3A4D; }
  @media screen and (min-width: 992px) {
    .esg-ratings-portlet .esg-ratings-cards-container .esg-ratings-card {
      padding: 15px; } }
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    .esg-ratings-portlet .esg-ratings-cards-container .esg-ratings-card .esg-ratings-card-title {
      font-size: 18px;
      line-height: 24px; } }

.esg-ratings-portlet .esg-ratings-cards-container .esg-ratings-card-title {
  color: #FFFFFF;
  margin-bottom: 20px; }

.esg-ratings-portlet .esg-ratings-cards-container .esg-ratings-card-link {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  display: block;
  margin-bottom: 1rem;
  text-decoration: underline; }
  .esg-ratings-portlet .esg-ratings-cards-container .esg-ratings-card-link:hover {
    color: #4A7BC9; }

.esg-ratings-portlet .esg-ratings-cards-container .esg-ratings-card-text {
  color: #FFFFFF; }

.esg-ratings-portlet .esg-ratings-disclaimer {
  margin-top: 20px;
  font-size: 16px; }
  .esg-ratings-portlet .esg-ratings-disclaimer a {
    font-size: 16px; }

.esg-ratings-portlet .laggard-letters {
  color: #CF333B;
  font-family: "Roboto Bold", sans-serif;
  text-transform: lowercase; }

.esg-ratings-portlet .average-letters {
  color: #FFB500;
  font-family: "Roboto Bold", sans-serif;
  text-transform: lowercase; }

.esg-ratings-portlet .leader-letters {
  color: #007567;
  font-family: "Roboto Bold", sans-serif;
  text-transform: lowercase; }

@media (max-width: 767px) {
  .esg-ratings-portlet .esg-rating-paragraph-hist {
    margin-top: 10px; }
  .esg-ratings-portlet .esg-ratings-profile-graphs .esg-rating-paragraph {
    padding: 0; }
  .esg-ratings-portlet .esg-ratings-profile-graphs .esg-rating-subtitle-container {
    padding: 0; }
  .esg-ratings-portlet .esg-ratings-profile-graphs .esg-ratings-profile-graph {
    padding: 0; }
  .esg-ratings-portlet .esg-ratings-profile-header-ratingdata .ratingdata-container {
    margin-top: 0 !important; }
  .esg-ratings-portlet .esg-ratings-profile-header .header-company-info {
    padding-top: 20px !important; }
    .esg-ratings-portlet .esg-ratings-profile-header .header-company-info .header-esg-industry {
      padding-right: 0 !important; } }

.esg-ratings-portlet .legal-text {
  margin-top: 60px; }

.esg-ratings-portlet .column-controversy {
  background-color: #d9e0ea;
  width: 100%;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold; }

.esg-ratings-portlet .subcolumn-controversy {
  background-color: #eceff4;
  width: 100%;
  padding: 10px 15px; }

.esg-ratings-portlet .controversy {
  width: 100%;
  padding: 10px 35px;
  border-top: 2px solid #d9e0ea; }

.esg-ratings-portlet .controversy:nth-child(1) {
  border-top: 0px; }

.esg-ratings-portlet #performance-flag-legend {
  margin-top: 15px; }

.esg-ratings-portlet #performance-flag-legend > p:not(:first-child) {
  margin-left: 25px; }

.esg-ratings-portlet .legend::before {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  padding-left: 6px;
  color: white;
  font-weight: bold;
  position: absolute;
  left: 15px;
  font-size: 14px; }

.esg-ratings-portlet .column-controversy::after, .esg-ratings-portlet .subcolumn-controversy::after, .esg-ratings-portlet .controversy::after {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  padding-left: 6px;
  color: white;
  font-weight: bold;
  position: absolute;
  right: 20px;
  font-size: 14px; }

.esg-ratings-portlet .legend-red::before, .esg-ratings-portlet .with-performance-flag-Red::after {
  content: "R";
  background-color: #d54a5a; }

.esg-ratings-portlet .legend-orange::before, .esg-ratings-portlet .with-performance-flag-Orange::after {
  content: "O";
  background-color: #f3995c; }

.esg-ratings-portlet .legend-yellow::before, .esg-ratings-portlet .with-performance-flag-Yellow::after {
  content: "Y";
  background-color: #f9b33b; }

.esg-ratings-portlet .legend-green::before, .esg-ratings-portlet .with-performance-flag-Green::after {
  content: "G";
  background-color: #217e75; }

.esg-ratings-portlet .controversy.with-performance-flag-Green {
  display: none; }

.esg-ratings-portlet .business-involvement-wrapper {
  position: relative;
  padding: 10px; }
  .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column {
    border: 2px solid #ABABAB;
    min-height: 370px;
    display: block;
    opacity: 1; }
    @media screen and (min-width: 1200px) {
      .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column {
        min-height: 325px; } }
    @media screen and (max-width: 768px) {
      .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column {
        min-height: 280px; } }
    .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-icon-wrapper {
      min-height: 120px;
      margin-top: 70px; }
      @media screen and (min-width: 1200px) {
        .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-icon-wrapper {
          min-height: 75px; } }
      @media screen and (max-width: 768px) {
        .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-icon-wrapper {
          min-height: 75px; } }
      .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-icon-wrapper .business-involvement-icon {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        height: 70px;
        width: 100%; }
      .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-icon-wrapper .esg-ratings-controversial-weapons-icon {
        background-image: url("../images/esg-ratings/Icon_Weapons.svg"); }
      .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-icon-wrapper .esg-ratings-gambling-icon {
        background-image: url("../images/esg-ratings/Icon_Gambling.svg"); }
      .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-icon-wrapper .esg-ratings-tobacco-icon {
        height: 40px;
        background-image: url("../images/esg-ratings/Icon_Tobacco.svg"); }
      .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-icon-wrapper .esg-ratings-alcohol-icon {
        background-image: url("../images/esg-ratings/Icon_Alcohol.svg"); }
    .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-name {
      font-size: 20px;
      line-height: 22px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      padding: 15px;
      min-height: 130px; }
      @media screen and (max-width: 768px) {
        .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-name {
          padding: 15px;
          min-height: 70px; } }
    .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-involved, .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-not-involved, .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-not-researched {
      text-align: center;
      font-size: 16px;
      line-height: 22px;
      font-weight: bold; }
    .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-involved {
      color: #CF333B; }
    .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-not-involved {
      color: #48978F; }
    .esg-ratings-portlet .business-involvement-wrapper .business-involvement-column .business-involvement-not-researched {
      color: #A5A5A5; }
  .esg-ratings-portlet .business-involvement-wrapper .esg-tooltip {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 80%;
    font-size: 14px;
    line-height: 20px;
    height: 90%;
    color: #FFFFFF;
    background-color: #002036;
    padding: 10px; }
    .esg-ratings-portlet .business-involvement-wrapper .esg-tooltip .esg-tooltip-text {
      font-size: 12px; }
    @media screen and (max-width: 768px) {
      .esg-ratings-portlet .business-involvement-wrapper .esg-tooltip .esg-tooltip-text {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-20%, -50%); } }
  .esg-ratings-portlet .business-involvement-wrapper:hover .business-involvement-column, .esg-ratings-portlet .business-involvement-wrapper:active .business-involvement-column {
    opacity: 0.3; }
  .esg-ratings-portlet .business-involvement-wrapper:hover .esg-tooltip, .esg-ratings-portlet .business-involvement-wrapper:active .esg-tooltip {
    opacity: 0.8; }

.esg-ratings-portlet .sdg-table {
  margin-bottom: 20px; }

.esg-ratings-portlet .sdg-row {
  display: inline-grid;
  grid-template-columns: 50% 30% 20%;
  grid-template-rows: auto;
  width: 100%;
  padding: 10px 40px; }
  .esg-ratings-portlet .sdg-row div:nth-child(1) {
    grid-column: 1; }
  .esg-ratings-portlet .sdg-row .sdg-strongly-aligned {
    display: none; }
  .esg-ratings-portlet .sdg-row .sdg-aligned {
    display: none; }

.esg-ratings-portlet .sdg-strongly-aligned-row .sdg-strongly-aligned {
  display: block;
  grid-column: 2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #167432;
  margin: auto; }

.esg-ratings-portlet .sdg-aligned-row .sdg-aligned {
  display: block;
  grid-column: 3;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #2fb556;
  margin: auto; }

.esg-ratings-portlet .sdg-header-row {
  background-color: #e8ecf2;
  display: inline-grid;
  grid-template-columns: 50% 30% 20%;
  grid-template-rows: auto;
  width: 100%;
  padding: 10px 40px; }
  .esg-ratings-portlet .sdg-header-row div:nth-child(1) {
    grid-column: 1;
    font-weight: bold; }
  .esg-ratings-portlet .sdg-header-row .sdg-strongly-aligned {
    color: #167432;
    grid-column: 2;
    text-align: center;
    font-weight: bold; }
  .esg-ratings-portlet .sdg-header-row .sdg-aligned {
    color: #2fb556;
    grid-column: 3;
    text-align: center;
    font-weight: bold; }

.esg-ratings-portlet .sdg-row::before {
  height: 20px;
  width: 20px;
  display: inline-block;
  padding-left: 6px;
  position: absolute;
  left: 23px; }

.esg-ratings-portlet .sdg-row:nth-child(odd) {
  background-color: #e8ecf2; }

.esg-ratings-portlet .sdg-01::before {
  content: "1: "; }

.esg-ratings-portlet .sdg-02::before {
  content: "2: "; }

.esg-ratings-portlet .sdg-03::before {
  content: "3: "; }

.esg-ratings-portlet .sdg-04::before {
  content: "4: "; }

.esg-ratings-portlet .sdg-05::before {
  content: "5: "; }

.esg-ratings-portlet .sdg-06::before {
  content: "6: "; }

.esg-ratings-portlet .sdg-07::before {
  content: "7: "; }

.esg-ratings-portlet .sdg-08::before {
  content: "8: "; }

.esg-ratings-portlet .sdg-09::before {
  content: "9: "; }

.esg-ratings-portlet .sdg-10::before {
  content: "10: "; }

.esg-ratings-portlet .sdg-11::before {
  content: "11: "; }

.esg-ratings-portlet .sdg-12::before {
  content: "12: "; }

.esg-ratings-portlet .sdg-13::before {
  content: "13: "; }

.esg-ratings-portlet .sdg-14::before {
  content: "14: "; }

.esg-ratings-portlet .sdg-15::before {
  content: "15: "; }

.esg-ratings-portlet .sdg-16::before {
  content: "16: "; }

.esg-ratings-portlet .sdg-17::before {
  content: "17: "; }

.esg-subscription-form-container {
  margin-left: 0; }
  .esg-subscription-form-container .subscription-form-subtitle {
    font-size: 16px;
    line-height: 20px;
    color: #666666; }
  .esg-subscription-form-container ul > li {
    font-size: 16px;
    line-height: 20px;
    color: #666666; }
  .esg-subscription-form-container .opt-out-message, .esg-subscription-form-container .privacy-notice-link {
    color: #666666;
    font-size: 12px; }
    .esg-subscription-form-container .opt-out-message a, .esg-subscription-form-container .privacy-notice-link a {
      font-size: 12px; }
  .esg-subscription-form-container .control-label {
    padding: 0;
    margin: 0;
    color: #666666;
    width: auto;
    max-width: 100%;
    font-weight: bold;
    font-size: 14px;
    background: none !important;
    line-height: 21px; }
    .esg-subscription-form-container .control-label .reference-mark {
      color: #666666 !important;
      font-size: 6px; }
  .esg-subscription-form-container .input-select-wrapper .msci-select {
    background: none;
    background-image: none !important; }
  .esg-subscription-form-container .input-select-wrapper:after {
    content: "\f107";
    font-size: 20px;
    position: absolute;
    z-index: 1;
    top: 2rem;
    right: 0.5rem;
    transform: rotate(0deg);
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .esg-subscription-form-container .subscription-checkbox {
    position: relative;
    padding-left: 30px;
    margin-top: 5px; }
    .esg-subscription-form-container .subscription-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .esg-subscription-form-container .subscription-checkbox .checkmark {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      height: 16px;
      width: 16px;
      border: 1px solid #DAE0F8; }
      .esg-subscription-form-container .subscription-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 4px;
        top: 4px;
        width: 9px;
        height: 5px;
        border-left: 2px solid;
        border-bottom: 2px solid;
        border-color: #4A7BC9;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .esg-subscription-form-container .subscription-checkbox input:checked ~ .checkmark {
      background-color: #DAE0F8;
      border: none; }
      .esg-subscription-form-container .subscription-checkbox input:checked ~ .checkmark:after {
        display: block; }
  .esg-subscription-form-container .form-control {
    border-radius: 0; }
  .esg-subscription-form-container .subscription-submit-button {
    background-color: #1A3FD6;
    border: 1px solid #1A3FD6 !important;
    margin-bottom: 10px; }
  .esg-subscription-form-container .subscription-form-separator {
    border-top: 1px solid #1A3FD6;
    margin: 0 0 20px; }
  .esg-subscription-form-container .error-container, .esg-subscription-form-container .success-container {
    height: 100%;
    display: grid; }
    .esg-subscription-form-container .error-container .error, .esg-subscription-form-container .error-container .success, .esg-subscription-form-container .success-container .error, .esg-subscription-form-container .success-container .success {
      margin: auto;
      width: 80%;
      font-size: 32px;
      line-height: 40px;
      font-family: "Roboto Regular", sans-serif;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center; }

.subscription-form-dialog-content {
  max-width: 800px;
  max-height: 600px;
  left: 50%;
  transform: translateX(-50%); }
  .subscription-form-dialog-content #main-content {
    max-height: 600px; }

.esg-expandable {
  position: relative;
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 768px) {
    .esg-expandable {
      padding-right: 10px; } }
  .esg-expandable .cw-toggler-clicker {
    display: block;
    position: relative;
    margin-top: 0;
    padding-bottom: 30px;
    padding-top: 35px;
    padding-left: 55px;
    padding-right: 20px;
    color: #002036 !important;
    text-decoration: none !important;
    font-size: 18px;
    font-family: "Roboto Bold", sans-serif; }
    .esg-expandable .cw-toggler-clicker:before {
      position: absolute;
      left: 0px;
      width: 35px;
      display: block;
      top: 50%;
      transform: translateY(-50%); }
    .esg-expandable .cw-toggler-clicker::after {
      content: "+" !important;
      font-size: 24px;
      position: absolute;
      right: 0px;
      color: #1A3FD6;
      position: absolute;
      display: block;
      top: 50%;
      transform: translateY(-50%); }
    .esg-expandable .cw-toggler-clicker.open:after {
      content: "–" !important; }
    .esg-expandable .cw-toggler-clicker .open {
      margin-top: 30px; }

.esg-expandable::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  /* or 100px */
  border-bottom: 1px solid #1A3FD6; }
  @media screen and (max-width: 768px) {
    .esg-expandable::before {
      width: 100%; } }

.ratings-explanation-wrapper {
  background-color: #F9F9F9;
  padding: 10px;
  border: 2px solid #ABABAB;
  margin-left: 30px; }
  @media screen and (max-width: 768px) {
    .ratings-explanation-wrapper {
      margin-left: 0px; } }

.esg-ratings-profile-header {
  padding-bottom: 30px; }

.esg-fund-ratings-profile-portlet {
  /* LEARN MORE */
  /*LEARN MORE TABLE*/ }
  .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container {
    /** Climate Transparency Section */ }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header-coredata {
      color: #1E3A4D;
      margin-bottom: 40px; }
      @media screen and (min-width: 992px) and (max-width: 1200px) {
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header-coredata {
          width: 100%; } }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .header-fund-title {
      padding-top: 40px;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Black", sans-serif;
      word-break: break-word; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .header-fund-ticker {
      font-size: 20px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .header-fund-info {
      padding-top: 10px;
      font-size: 16px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .header-fund-info .header-fund-peer-group .header-fund-country {
        padding-bottom: 5px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-subtitle {
      font-size: 24px;
      line-height: 32px;
      font-family: "Roboto Bold", sans-serif;
      margin-bottom: 20px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-subtitle-container {
      align-self: flex-end;
      margin-top: 60px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-subtitle-container .esg-fund-ratings-subtitle {
        background-color: #FFFFFF;
        color: #002036;
        display: flex;
        justify-content: center;
        flex-direction: column; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-subtitle-container h5 {
        margin: 0; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-subtitle-container p {
        margin: 0; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-subtitle-underline hr {
      margin-top: 10px;
      margin-bottom: 10px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-paragraph {
      margin-bottom: 20px;
      font-size: 16px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-paragraph a {
        font-size: 16px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header {
      margin-top: 20px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata {
        display: inline-block;
        margin-top: -8px;
        color: #585858;
        width: 100%;
        max-width: 306px; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata hr {
          width: 65%;
          float: left;
          margin-top: 1rem;
          margin-bottom: -10px; }
          @media screen and (max-width: 767px) {
            .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata hr {
              margin-bottom: 0rem; } }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-container {
          display: inline-block;
          width: 100%; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-msci {
          font-size: 40px;
          letter-spacing: 5px;
          font-weight: bold;
          display: inline-block;
          margin-right: 13px;
          padding-top: 30px;
          line-height: 1.3; }
          @media screen and (max-width: 767px) {
            .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-msci {
              padding-top: 10px; } }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-esgratings {
          font-family: "Roboto Regular", sans-serif;
          font-size: 22px;
          line-height: 32px;
          text-transform: uppercase;
          color: #3c3c3b;
          letter-spacing: 0px !important;
          font-weight: normal !important; }
          @media screen and (max-width: 767px) {
            .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-esgratings {
              font-size: 18px;
              margin-top: 8px; } }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-fund-rating {
          height: 100%; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-outercircle {
          border-radius: 100%;
          height: 100px;
          width: 100px;
          display: inline-block;
          float: right; }
          @media screen and (max-width: 767px) {
            .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-outercircle {
              height: 60px;
              width: 60px; } }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-table {
          display: table;
          margin-top: 10px;
          font-size: 12px;
          width: 100%;
          table-layout: fixed; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-row {
          display: table-row; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-cell {
          display: table-cell;
          border: 1px solid #CCCCCC;
          height: 22px; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esg-fund-ratings-profile-header-ratingdata .ratingdata-cell-content {
          height: 100%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esgratings-profile-header-red {
        background: #CF333B;
        color: #FFFFFF; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esgratings-profile-header-green {
        background: #007567;
        color: #FFFFFF; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esgratings-profile-header-yellow {
        background: #FFB500;
        color: #FFFFFF; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esgratings-profile-header-border-red {
        border-top: 1px solid #CF333B; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esgratings-profile-header-border-green {
        border-top: 1px solid #007567; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-header .esgratings-profile-header-border-yellow {
        border-top: 1px solid #FFB500; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon {
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-category-marker-text-container span {
        font-size: 20px;
        font-weight: bold;
        color: #666666;
        bottom: 100px;
        position: absolute;
        transition: left 1s; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-category-marker span {
        font-size: 40px;
        bottom: 64px;
        position: absolute;
        transition: left 1s; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        height: 40px;
        margin-bottom: 18px; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories .carbon-category {
          flex-grow: 1;
          line-height: 40px;
          text-align: center;
          color: white;
          font-family: "Roboto Bold", sans-serif;
          transition: opacity 1s;
          opacity: 0.6;
          margin: 0 2px; }
          .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories .carbon-category span {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
            margin: 0 2px;
            font-size: 14px; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories .carbon-category-very-high {
          background-color: #CF333B; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories .carbon-category-high {
          background-color: #DA7175; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories .carbon-category-moderate {
          background-color: #FFB500; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories .carbon-category-low {
          background-color: #48978F; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories .carbon-category-very-low {
          background-color: #007567; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .carbon-categories {
      margin-top: 80px; }
    @media screen and (min-width: 991px) and (max-width: 1100px) {
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .carbon-category-marker-text-container span {
        font-size: 16px !important; } }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-cards > div {
      padding-bottom: 30px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-card {
      padding: 30px 0px 70px;
      height: 100%;
      min-height: 220px;
      border: 1px solid #26D9B6;
      position: relative;
      transition: border-color 2s ease; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-card.red {
        border-color: #F65058; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-card.red .social-safeguards-value {
          color: #F65058; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-card.red .social-safeguards-count-value {
          color: #F65058; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-icon {
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 60px;
      width: 100%;
      margin-bottom: 30px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-title, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-descr, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-value, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-count-value {
      font-size: 16px;
      line-height: 22px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      padding: 0 10px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-descr {
      font-family: "Roboto Regular", sans-serif; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-value {
      position: absolute;
      bottom: 40px;
      width: 100%;
      color: #26D9B6;
      transition: color 2s ease; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-count-value {
      position: absolute;
      bottom: 10px;
      width: 100%;
      color: #26D9B6;
      transition: color 2s ease; }
    @media screen and (min-width: 992px) {
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-card {
        max-width: 200px; } }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .disclaimer {
      padding: 60px 0 20px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-graph-greenbrown {
      margin-bottom: 60px; }
    @media screen and (min-width: 992px) and (max-width: 1200px) {
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-climate {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%; } }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .climate-msci {
      font-size: 40px;
      font-weight: bold;
      display: inline-block;
      margin-right: 13px;
      line-height: 1;
      color: #585858; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-status-indicator {
      position: relative;
      margin-top: 27px;
      padding-bottom: 24px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-status-indicator:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 75px;
        height: 1px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .thermometer-icon {
      height: 41px;
      width: 41px;
      display: block;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      margin: 15px;
      position: relative;
      float: right; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .thermometer-icon:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        border-radius: 40px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .thermometer-icon:after {
        content: "";
        position: absolute;
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px;
        border-radius: 40px;
        border: 1px solid #FFFFFF; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-climate-link {
      font-family: "Roboto Bold", sans-serif;
      font-size: 16px;
      color: #083ea1;
      display: inline-block;
      position: relative;
      padding-right: 18px; }
    @media screen and (max-width: 767px) {
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-climate-link {
        font-size: 14px; } }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .rotated {
      --rotatedeg: -90deg !important; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container #esg-metrics-disclosure-learn-more-open-arrow {
      content: "";
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 11 17' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h11v17H0z'/%3E%3Cpath d='M.132 2.235L6.397 8.5.132 14.765 2.368 17l8.5-8.5-8.5-8.5L.132 2.235z' fill='%23083ea1'/%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 16px;
      width: 10px;
      --rotatedeg: 90deg;
      transform: rotate(var(--rotatedeg)); }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-climate .company-title {
      font-size: 32px;
      line-height: 40px;
      font-family: "Roboto Bold", sans-serif;
      display: inline-block;
      width: calc(100% - 71px); }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-rise-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
      width: 100%;
      position: relative; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-rise-header .implied-temperature-rise-value {
        display: inline-block;
        align-self: flex-end;
        padding-bottom: 7px;
        position: absolute;
        bottom: 35%;
        right: 0%; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-rise {
      font-family: "Roboto Regular", sans-serif;
      font-size: 22px;
      line-height: 32px;
      text-transform: uppercase;
      color: #3c3c3b;
      padding-right: 5px; }
    @media screen and (max-width: 767px) {
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-rise {
        font-size: 18px;
        line-height: 22px; } }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-rise-value {
      font-family: "Roboto Bold", sans-serif;
      font-size: 28px;
      line-height: 32px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-rise-value small {
        font-size: 12px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temperature-rise-table {
      align-items: stretch;
      justify-content: space-around;
      width: 100%; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temperature-rise-table span {
        font-family: "Roboto Bold", sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #3c3c3b;
        flex: 1 1 33%;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center; }
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temperature-rise-table span:not(:last-child) {
          border-right: none; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-rise-description p {
      font-size: 16px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temp-rise-description p a {
        font-size: 16px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-subtitle-container.implied-temp-rise-coverage-subtitle {
      margin-top: 30px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temperature-rise-value {
      font-family: "Roboto Bold", sans-serif;
      font-size: 24px;
      float: right;
      width: auto;
      margin-bottom: 6px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-header-border {
      margin-top: 0px;
      position: absolute;
      top: 3.8rem;
      width: 75%; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-header-border-nodata {
      border-top: 1px solid #D8D8D8; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-header-border-strongly-misaligned {
      border-top: 1px solid #e44261; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-header-border-misaligned {
      border-top: 1px solid #f08908; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-header-border-degree-2-aligned {
      border-top: 1px solid #fdc32d; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-header-border-degree-1-5-aligned {
      border-top: 1px solid #5a84c3; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-grid {
      width: 100%;
      display: inline-grid;
      grid-template-columns: 35% 15% 5% 45%;
      grid-template-rows: auto;
      grid-template-areas: "line line line thermo" "itr-title itr-title itr-title thermo" "itr-title itr-title itr-title itr-value";
      margin-bottom: 10px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-grid .itr-grid-thermo {
        width: 100%;
        grid-area: thermo; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-grid .itr-grid-title {
        width: 100%;
        grid-area: itr-title;
        margin-top: 6px; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .itr-grid .itr-grid-value {
        width: 100%;
        grid-area: itr-value; }
    @media screen and (max-width: 767px) {
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .implied-temperature-rise-value {
        font-size: 22px; } }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .nodata .thermometer-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23a5a5a5' fill-rule='nonzero'/%3E%3C/svg%3E"); }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .nodata .thermometer-icon:before {
        background-color: #D8D8D8; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .nodata .implied-temperature-rise-value {
      color: #D8D8D8; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .nodata .esg-fund-ratings-itr-range-band-nodata {
      border-color: #D8D8D8;
      background-color: #D8D8D8;
      color: #FFFFFF; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .strongly-misaligned .thermometer-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23e44261' fill-rule='nonzero'/%3E%3C/svg%3E"); }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .strongly-misaligned .thermometer-icon:before {
        background-color: #e44261; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .strongly-misaligned .implied-temperature-rise-value, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .strongly-misaligned .explanatory-sentence-temp {
      color: #e44261; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .strongly-misaligned .esg-fund-ratings-itr-range-band-strongly-misaligned {
      border-color: #e44261;
      background-color: #e44261;
      color: #FFFFFF; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .misaligned .thermometer-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23f08908' fill-rule='nonzero'/%3E%3C/svg%3E"); }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .misaligned .thermometer-icon:before {
        background-color: #f08908; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .misaligned .implied-temperature-rise-value, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .misaligned .explanatory-sentence-temp {
      color: #f08908; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .misaligned .esg-fund-ratings-itr-range-band-misaligned {
      border-color: #f08908;
      border-left-color: #3c3c3b;
      background-color: #f08908;
      color: #FFFFFF; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-2-aligned .thermometer-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23fdc32d' fill-rule='nonzero'/%3E%3C/svg%3E"); }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-2-aligned .thermometer-icon:before {
        background-color: #fdc32d; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-2-aligned .implied-temperature-rise-value, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-2-aligned .explanatory-sentence-temp {
      color: #fdc32d; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-2-aligned .esg-fund-ratings-itr-range-band-degree-2-aligned {
      border-color: #fdc32d;
      border-left-color: #3c3c3b;
      background-color: #fdc32d;
      color: #FFFFFF; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-1-5-aligned .thermometer-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%235a84c3' fill-rule='nonzero'/%3E%3C/svg%3E"); }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-1-5-aligned .thermometer-icon:before {
        background-color: #5a84c3; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-1-5-aligned .implied-temperature-rise-value, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-1-5-aligned .explanatory-sentence-temp {
      color: #5a84c3; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .degree-1-5-aligned .esg-fund-ratings-itr-range-band-degree-1-5-aligned {
      border-color: #5a84c3;
      border-left-color: #3c3c3b;
      background-color: #5a84c3;
      color: #FFFFFF; }
  .esg-fund-ratings-profile-portlet .explanatory-sentence-source a {
    font-size: 10px; }
  .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container {
    margin-top: 80px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .cke_editable {
      padding: 0.375rem 0.75rem;
      border: 0.0625rem solid #ced4da;
      border-radius: 0.25rem; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .search-config {
      margin-top: 50px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .esg-fund-ratings-card {
      background-color: #002036;
      padding: 15px 30px;
      text-align: center; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .esg-fund-ratings-card:nth-child(odd) {
        background-color: #1E3A4D; }
      @media screen and (min-width: 992px) {
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .esg-fund-ratings-card {
          padding: 15px; } }
      @media screen and (min-width: 992px) and (max-width: 1200px) {
        .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .esg-fund-ratings-card .esg-fund-ratings-card-title {
          font-size: 18px;
          line-height: 24px; } }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .esg-fund-ratings-card-title {
      color: #FFFFFF;
      margin-bottom: 20px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .esg-fund-ratings-card-link {
      color: #FFFFFF;
      font-size: 14px;
      line-height: 20px;
      display: block;
      margin-bottom: 1rem;
      text-decoration: underline; }
      .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .esg-fund-ratings-card-link:hover {
        color: #4A7BC9; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-cards-container .esg-fund-ratings-card-text {
      color: #FFFFFF; }
  .esg-fund-ratings-profile-portlet .search-input-wrapper {
    background-color: #F8F7F7;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding: 40px 130px 60px; }
    @media (max-width: 979px) {
      .esg-fund-ratings-profile-portlet .search-input-wrapper {
        padding: 20px 20px; } }
    .esg-fund-ratings-profile-portlet .search-input-wrapper .mini-breadcrumb p {
      padding: 3px 10px 3px 10px;
      background-color: white;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 0; }
    .esg-fund-ratings-profile-portlet .search-input-wrapper input[type="text"] {
      background-color: transparent; }
      .esg-fund-ratings-profile-portlet .search-input-wrapper input[type="text"]::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #666666; }
      .esg-fund-ratings-profile-portlet .search-input-wrapper input[type="text"]:-moz-placeholder {
        /* Firefox 18- */
        opacity: 1;
        color: #666666; }
      .esg-fund-ratings-profile-portlet .search-input-wrapper input[type="text"]::-moz-placeholder {
        /* Firefox 19+ */
        opacity: 1;
        color: #666666; }
      .esg-fund-ratings-profile-portlet .search-input-wrapper input[type="text"]:-ms-input-placeholder {
        /* IE 10+ */
        color: #666666; }
  .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-graph, .esg-fund-ratings-profile-portlet .social-safeguards-card {
    position: relative; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-graph:hover .esg-tooltip, .esg-fund-ratings-profile-portlet .social-safeguards-card:hover .esg-tooltip {
      display: block; }
  .esg-fund-ratings-profile-portlet .esg-tooltip {
    line-height: 14px;
    font-size: 12px;
    background-color: #002036;
    color: #FFFFFF;
    padding: 10px;
    position: absolute;
    z-index: 14;
    max-width: 100%;
    min-width: 90%;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    display: none; }
  .esg-fund-ratings-profile-portlet .implied-temperature-rise-learn-more {
    margin-bottom: 10px;
    margin-top: auto;
    line-height: 10px; }
    .esg-fund-ratings-profile-portlet .implied-temperature-rise-learn-more a, .esg-fund-ratings-profile-portlet .implied-temperature-rise-learn-more span {
      color: #002036;
      font-size: 12px; }
    .esg-fund-ratings-profile-portlet .implied-temperature-rise-learn-more a {
      font-family: "Roboto Bold", sans-serif; }
  .esg-fund-ratings-profile-portlet #esg-metrics-disclosure-learn-more-wrapper {
    height: 40px;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease; }
  .esg-fund-ratings-profile-portlet #esg-metrics-disclosure-learn-more-wrapper.is-show {
    height: auto; }
  .esg-fund-ratings-profile-portlet .esg-metrics-disclosure-learn-more-wrapper {
    width: 100%;
    padding: 10px;
    border: 2px solid #1A3FD6; }
  .esg-fund-ratings-profile-portlet .learn-more-table {
    border-collapse: separate;
    border-spacing: 0px 10px;
    width: 100%; }
    .esg-fund-ratings-profile-portlet .learn-more-table tr > td:nth-child(3) {
      padding-right: 10px; }
    .esg-fund-ratings-profile-portlet .learn-more-table tr > td:nth-child(-n+3) {
      font-size: 18px;
      font-weight: bold; }
    .esg-fund-ratings-profile-portlet .learn-more-table tr > td:nth-child(4) {
      vertical-align: middle;
      text-align: center;
      color: white;
      font-size: 15px;
      font-weight: bold;
      padding: 0 45px 0 45px; }
    .esg-fund-ratings-profile-portlet .learn-more-table .learn-more-table-row-strongly-misaligned > td:nth-child(-n+2) {
      color: #e44261; }
    .esg-fund-ratings-profile-portlet .learn-more-table .learn-more-table-row-strongly-misaligned > td:nth-child(3) {
      background-color: #e44261;
      vertical-align: middle;
      text-align: center;
      color: white;
      font-size: 15px;
      font-weight: bold;
      padding: 0 45px 0 45px; }
    .esg-fund-ratings-profile-portlet .learn-more-table .learn-more-table-row-misaligned > td:nth-child(-n+3) {
      color: #f08908; }
    .esg-fund-ratings-profile-portlet .learn-more-table .learn-more-table-row-misaligned > td:nth-child(4) {
      background-color: #f08908; }
    .esg-fund-ratings-profile-portlet .learn-more-table .learn-more-table-row-2-aligned > td:nth-child(-n+3) {
      color: #fdc32d; }
    .esg-fund-ratings-profile-portlet .learn-more-table .learn-more-table-row-2-aligned > td:nth-child(4) {
      background-color: #fdc32d; }
    .esg-fund-ratings-profile-portlet .learn-more-table .learn-more-table-row-1-5-aligned > td:nth-child(-n+3) {
      color: #5a84c3; }
    .esg-fund-ratings-profile-portlet .learn-more-table .learn-more-table-row-1-5-aligned > td:nth-child(4) {
      background-color: #5a84c3; }
  @media screen and (max-width: 767px) {
    .esg-fund-ratings-profile-portlet .learn-more-table tr > td:nth-child(4) {
      padding: 0 10px 0 10px; } }
  @media (min-width: 980px) {
    .esg-fund-ratings-profile-portlet .search-input-wrapper {
      margin-left: -130px;
      margin-right: -130px; } }
  @media (max-width: 979px) {
    .esg-fund-ratings-profile-portlet .search-input-wrapper {
      margin-left: -20px;
      margin-right: -20px; } }
  @media (max-width: 767px) {
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-header-coredata {
      width: 100% !important; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-header-ratingdata .ratingdata-container {
      margin-top: 0 !important; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-header .header-company-info {
      padding-top: 20px !important; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) {
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-cards > div {
      padding-left: 10px;
      padding-right: 10px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-icon {
      width: 70%;
      margin: 0 auto 30px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-title, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-descr, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-value, .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-count-value {
      font-size: 12px;
      line-height: 18px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-value {
      bottom: 30px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-social-safeguards-screens .social-safeguards-card {
      padding: 20px 0px 50px; }
    .esg-fund-ratings-profile-portlet .esg-fund-ratings-profile-container .esg-fund-ratings-profile-revenue-carbon-charts .esg-fund-ratings-profile-graph-carbon .carbon-categories .carbon-category span {
      font-size: 11px; } }

.esg-metrics-disclosure-portlet {
  /** Climate Badge Section */
  /* LEARN MORE */
  /*LEARN MORE TABLE*/ }
  .esg-metrics-disclosure-portlet .msci-ac-search-searchbar {
    border-bottom: 3px solid #1A3FD6;
    align-items: baseline;
    display: flex; }
    .esg-metrics-disclosure-portlet .msci-ac-search-searchbar select {
      line-height: normal;
      outline-width: 0px;
      width: auto;
      font-family: "Roboto Bold", sans-serif;
      border: none !important; }
      @media (min-width: 992px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar select {
          font-size: 32px; } }
      @media (min-width: 768px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar select {
          font-size: 2vw; } }
      @media (max-width: 767.98px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar select {
          font-size: 3vw; } }
    .esg-metrics-disclosure-portlet .msci-ac-search-searchbar .year-select {
      padding-right: 5px; }
    .esg-metrics-disclosure-portlet .msci-ac-search-searchbar input.msci-ac-search-input {
      width: 100%;
      font-family: "Roboto Bold", sans-serif;
      border: none !important;
      -webkit-mask-image: linear-gradient(to right, black 40%, rgba(0, 0, 0, 0));
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: left top, left bottom;
      padding-right: 0px; }
      @media (min-width: 992px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar input.msci-ac-search-input {
          font-size: 32px; } }
      @media (min-width: 768px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar input.msci-ac-search-input {
          font-size: 2vw; } }
      @media (max-width: 767.98px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar input.msci-ac-search-input {
          font-size: 3vw; } }
    .esg-metrics-disclosure-portlet .msci-ac-search-searchbar .msci-prefix {
      font-family: "Roboto Black", sans-serif;
      color: #D8D8D8;
      padding-right: 12px; }
      @media (min-width: 992px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar .msci-prefix {
          font-size: 32px; } }
      @media (min-width: 768px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar .msci-prefix {
          font-size: 2vw; } }
      @media (max-width: 767.98px) {
        .esg-metrics-disclosure-portlet .msci-ac-search-searchbar .msci-prefix {
          font-size: 3vw; } }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .blended-explanation-container p {
    font-size: 16px;
    font-style: italic;
    font-weight: bold; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-header .index-summary {
    background: #EFF2FD;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-header .index-summary {
        padding-bottom: 20px; } }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-header .index-property {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: "Roboto Black", sans-serif;
    font-size: 12px; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-header .index-property .index-property-label {
      color: #666666;
      margin-bottom: 5px; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-header .index-property .index-property-label .header-1st-legal-line {
        font-size: 18px; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-header .index-property .index-property-value {
      color: #000000;
      text-transform: uppercase; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-header .index-property .index-property-value.highlighted {
        font-family: "Roboto Black", sans-serif;
        font-size: 24px;
        margin-top: 5px;
        margin-bottom: 15px;
        line-height: 28px; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-header input.msci-ac-search-input-small {
    background: #EFF2FD; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .header-title {
    color: #000000;
    font-family: "Roboto Black", sans-serif;
    font-size: 14px;
    margin-top: 30px; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .header-title.header-title-underline {
      padding-bottom: 10px;
      margin-bottom: 16px;
      border-bottom: 2px solid #002036; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .top-ten-header-title {
    margin-bottom: 15px;
    margin-top: 15px;
    color: #000000;
    font-family: "Roboto Black", sans-serif;
    font-size: 14px; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container table {
    border-spacing: 0;
    table-layout: fixed;
    width: 100%; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table {
    float: left;
    margin-bottom: 20px; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table.overall-factors-table .esg-metrics-table-header {
      filter: drop-shadow(0 4px 0 #FFFFFF); }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table.overall-factors-table .esg-metrics-table-row td.coverage-value {
      color: #000000; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table.social-factors-table .esg-metrics-table-header {
      background-color: #f6c629; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table.social-factors-table .esg-metrics-table-row td.coverage-value {
      color: #f6c629; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table.governance-factors-table .esg-metrics-table-header {
      background-color: #e44260; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table.governance-factors-table .esg-metrics-table-row td.coverage-value {
      color: #e44260; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table.environmental-factors-table .esg-metrics-table-header {
      background-color: #00c4b3; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table.environmental-factors-table .esg-metrics-table-row td.coverage-value {
      color: #00c4b3; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-header {
      background-color: #000000;
      color: #FFFFFF; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-header th {
        padding: 10px; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-header.esg-metrics-disclosure-table-header {
        background-color: #002036 !important; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row.mandatory-metric td {
      color: #000000; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row.additional-metric td {
      color: #0626a9; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row.voluntary-metric td {
      color: #666666; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row td {
      border-bottom: 0.5px solid #d5d7d5;
      font-family: "Roboto Black", sans-serif;
      font-size: 12px;
      padding: 10px;
      text-align: right;
      vertical-align: top;
      position: relative; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row td:hover .esg-tooltip {
        display: block; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row .esg-tooltip {
      line-height: 14px;
      font-size: 12px;
      background-color: #002036;
      color: #FFFFFF;
      padding: 10px;
      position: absolute;
      z-index: 14;
      transform: translateX(-3%);
      display: none;
      max-width: 100%;
      min-width: 90%; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row .esg-tooltip .esg-tooltip-description {
        font-family: "Roboto Regular", sans-serif; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row .row-title {
      text-align: left; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row .row-title p {
        margin-bottom: 0;
        font-family: "Roboto Black", sans-serif;
        font-size: 12px; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row .row-title .security-issuer {
        font-family: "Roboto Bold", sans-serif;
        font-style: italic; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row .row-text-value {
      text-align: right; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row .row-text-value p {
        margin-bottom: 0;
        font-family: "Roboto Black", sans-serif;
        font-size: 12px; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row.itr-row {
      background-color: #EFF2FD;
      line-height: 15px;
      box-shadow: 0px -4px #FFFFFF; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row.itr-row td {
        border-bottom: none; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-row.itr-row .itr-coverage-value {
        font-size: 10px; }
    @media screen and (max-width: 767px) {
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .esg-metrics-table-itr-range {
        font-size: 10px !important;
        padding-left: 0px !important; } }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .center-column {
      text-align: center !important; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .itr-degree-1-5-aligned {
      color: #5a84c3 !important; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .itr-degree-2-aligned {
      color: #fdc32d !important; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .itr-misaligned {
      color: #f08908 !important; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .esg-metrics-table .itr-strongly-misaligned {
      color: #e44261 !important; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .climate-aligned-benchmark-disclaimer-table {
    margin-bottom: 50px; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-table-container .legal-line {
    color: #000000;
    font-family: "Roboto Black", sans-serif;
    font-size: 10px; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-metrics_topten_constituents,
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-environmental-factors,
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-social-factors,
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-governanace-factors {
    margin-top: 50px; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .button-section {
    margin-top: 25px; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .button-section .buttons .row {
      justify-content: center; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-button {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-button a {
      border-radius: 3em;
      height: auto;
      min-height: 60px; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-environmental-factors-graph-container,
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-social-factors-graph-container,
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-governanace-factors-graph-container,
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-distribution-graph-wrapper {
    justify-content: center; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-disclaimers .esg-metrics-disclaimer-container {
    margin-bottom: 50px;
    text-align: justify; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-disclaimers .esg-metrics-disclaimer-container p {
      margin-bottom: 1.5rem;
      text-align: justify; }
      .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-disclaimers .esg-metrics-disclaimer-container p p {
        margin-bottom: 0rem; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-view .esg-metrics-disclosure-update-info {
    margin-bottom: 50px;
    text-align: justify; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-date-select-button-overlay {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #007bff;
    cursor: pointer;
    border-radius: 2rem; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-date-select-button-overlay p {
      text-align: center;
      color: white;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      width: 80%;
      margin-left: 10%;
      margin-right: 10%;
      font-size: 1.5rem; }
  .esg-metrics-disclosure-portlet .implied-temperature-company-name-and-learn-more {
    display: flex;
    flex-direction: column;
    width: 75%;
    padding: 20px 5px 0 15px; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-temperature-badge {
    position: relative;
    display: flex;
    background-color: #FFFFFF;
    border: 2px solid #CCCCCC; }
  .esg-metrics-disclosure-portlet .thermometer-icon {
    height: 30px;
    width: 30px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 15px;
    position: relative;
    top: 5px; }
    .esg-metrics-disclosure-portlet .thermometer-icon:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px;
      border-radius: 40px; }
    .esg-metrics-disclosure-portlet .thermometer-icon:after {
      content: "";
      position: absolute;
      top: -8px;
      right: -8px;
      bottom: -8px;
      left: -8px;
      border-radius: 40px;
      border: 1px solid #FFFFFF; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-temperature-badge .company-title {
    font-family: "Roboto Regular", sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #3c3c3b;
    padding-right: 5px; }
  .esg-metrics-disclosure-portlet .implied-temperature-rise-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px; }
  .esg-metrics-disclosure-portlet .implied-temperature-rise {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #000000;
    font-family: "Roboto Bold", sans-serif;
    display: inline-block; }
  .esg-metrics-disclosure-portlet .implied-temperature-rise-value {
    font-family: "Roboto Bold", sans-serif;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px; }
    .esg-metrics-disclosure-portlet .implied-temperature-rise-value small {
      font-size: 12px; }
    @media (max-width: 575.98px) {
      .esg-metrics-disclosure-portlet .implied-temperature-rise-value {
        font-size: 20px;
        line-height: 20px; } }
  @media screen and (max-width: 767px) {
    .esg-metrics-disclosure-portlet .implied-temperature-rise-value {
      font-size: 16px !important; } }
  .esg-metrics-disclosure-portlet .implied-temperature-rise-table {
    align-items: stretch;
    justify-content: space-around;
    width: 100%; }
    .esg-metrics-disclosure-portlet .implied-temperature-rise-table span {
      font-family: "Roboto Bold", sans-serif;
      font-size: 10px;
      line-height: 18px;
      color: #3c3c3b;
      flex: 1 1 33%;
      border-top: 1px solid #CCCCCC;
      text-align: center;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center; }
  .esg-metrics-disclosure-portlet .implied-temperature-status-wrapper {
    width: 40%;
    border-left: 1px solid #CCCCCC;
    z-index: 0; }
    .esg-metrics-disclosure-portlet .implied-temperature-status-wrapper .implied-temperature-status {
      display: flex;
      flex-direction: column;
      align-items: center; }
  .esg-metrics-disclosure-portlet .implied-temperature-rise-learn-more {
    margin-bottom: 10px;
    margin-top: auto;
    line-height: 10px; }
    .esg-metrics-disclosure-portlet .implied-temperature-rise-learn-more a, .esg-metrics-disclosure-portlet .implied-temperature-rise-learn-more span {
      color: #002036;
      font-size: 12px; }
    .esg-metrics-disclosure-portlet .implied-temperature-rise-learn-more a {
      font-family: "Roboto Bold", sans-serif; }
  .esg-metrics-disclosure-portlet #esg-metrics-disclosure-learn-more-wrapper {
    height: 0;
    overflow: hidden;
    padding: 0px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    border: 0px; }
  .esg-metrics-disclosure-portlet #esg-metrics-disclosure-learn-more-wrapper.is-show {
    height: auto;
    padding: 10px;
    border: 2px solid #1A3FD6; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-learn-more-wrapper {
    width: 100%; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-learn-more-wrapper .esg-metrics-disclosure-learn-more-close-button {
      color: #1A3FD6;
      font-weight: 400;
      font-size: 40px;
      background-color: transparent;
      border: 0px;
      padding: 0px; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-learn-more-wrapper .esg-metrics-disclosure-learn-more-show-less-button {
      background-color: transparent;
      border: 0px;
      font-weight: bold;
      color: #1A3FD6;
      padding: 0px; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-learn-more-wrapper .esg-metrics-disclosure-learn-more-show-less-button:focus .esg-metrics-disclosure-learn-more-close-button:focus {
      outline: 0px !important; }
  .esg-metrics-disclosure-portlet .rotated {
    --rotatedeg: 90deg !important; }
  .esg-metrics-disclosure-portlet .esg-metrics-disclosure-learn-more-open {
    position: absolute;
    bottom: 10px;
    font-family: "Roboto Bold", sans-serif;
    font-size: 14px;
    color: #083ea1;
    display: inline-block;
    padding-right: 5px;
    --rotatedeg: 0deg; }
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-learn-more-open:after {
      content: "";
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 11 17' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h11v17H0z'/%3E%3Cpath d='M.132 2.235L6.397 8.5.132 14.765 2.368 17l8.5-8.5-8.5-8.5L.132 2.235z' fill='%23083ea1'/%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 16px;
      width: 10px;
      position: absolute;
      right: -10px;
      top: 50%;
      transform: translateY(-50%) rotate(var(--rotatedeg)); }
  @media screen and (max-width: 767px) {
    .esg-metrics-disclosure-portlet .esg-metrics-disclosure-learn-more-open {
      font-size: 10px; } }
  .esg-metrics-disclosure-portlet .learn-more-table {
    border-collapse: separate;
    border-spacing: 0px 10px;
    width: 35%; }
    .esg-metrics-disclosure-portlet .learn-more-table tr > td:nth-child(3) {
      padding-right: 10px; }
    .esg-metrics-disclosure-portlet .learn-more-table tr > td:nth-child(-n+3) {
      font-size: 18px;
      font-weight: bold; }
    .esg-metrics-disclosure-portlet .learn-more-table tr > td:nth-child(4) {
      vertical-align: middle;
      text-align: center;
      color: white;
      font-size: 15px;
      font-weight: bold;
      padding: 0 50px 0 50px; }
    .esg-metrics-disclosure-portlet .learn-more-table tr:nth-child(1) > td:nth-child(3) {
      vertical-align: middle;
      text-align: center;
      color: white;
      background-color: #e44261;
      font-size: 15px;
      font-weight: bold;
      padding: 0 45px 0 45px; }
    .esg-metrics-disclosure-portlet .learn-more-table .learn-more-table-row-strongly-misaligned > td:nth-child(-n+3) {
      color: #e44261; }
    .esg-metrics-disclosure-portlet .learn-more-table .learn-more-table-row-strongly-misaligned > td:nth-child(4) {
      background-color: #e44261; }
    .esg-metrics-disclosure-portlet .learn-more-table .learn-more-table-row-misaligned > td:nth-child(-n+3) {
      color: #f08908; }
    .esg-metrics-disclosure-portlet .learn-more-table .learn-more-table-row-misaligned > td:nth-child(4) {
      background-color: #f08908; }
    .esg-metrics-disclosure-portlet .learn-more-table .learn-more-table-row-2-aligned > td:nth-child(-n+3) {
      color: #fdc32d; }
    .esg-metrics-disclosure-portlet .learn-more-table .learn-more-table-row-2-aligned > td:nth-child(4) {
      background-color: #fdc32d; }
    .esg-metrics-disclosure-portlet .learn-more-table .learn-more-table-row-1-5-aligned > td:nth-child(-n+3) {
      color: #5a84c3; }
    .esg-metrics-disclosure-portlet .learn-more-table .learn-more-table-row-1-5-aligned > td:nth-child(4) {
      background-color: #5a84c3; }
  @media screen and (max-width: 767px) {
    .esg-metrics-disclosure-portlet .learn-more-table tr > td:nth-child(4) {
      padding: 0 10px 0 10px !important; } }
  .esg-metrics-disclosure-portlet .nodata .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23a5a5a5' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-metrics-disclosure-portlet .nodata .thermometer-icon:before {
      background-color: #A5A5A5; }
  .esg-metrics-disclosure-portlet .nodata .implied-temperature-rise-value {
    color: #A5A5A5; }
  .esg-metrics-disclosure-portlet .strongly-misaligned .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23CF333B' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-metrics-disclosure-portlet .strongly-misaligned .thermometer-icon:before {
      background-color: #e44261; }
  .esg-metrics-disclosure-portlet .strongly-misaligned .implied-temperature-rise-value {
    color: #e44261; }
  .esg-metrics-disclosure-portlet .strongly-misaligned .strongly-misaligned-cell {
    font-size: 0.7rem;
    height: 1.55rem;
    border-color: #e44261;
    border-left-color: #3c3c3b;
    background-color: #e44261;
    color: #FFFFFF; }
  .esg-metrics-disclosure-portlet .misaligned .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23FFB500' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-metrics-disclosure-portlet .misaligned .thermometer-icon:before {
      background-color: #f08908; }
  .esg-metrics-disclosure-portlet .misaligned .implied-temperature-rise-value {
    color: #f08908; }
  .esg-metrics-disclosure-portlet .misaligned .misaligned-cell {
    font-size: 0.7rem;
    height: 1.55rem;
    border-color: #f08908;
    border-left-color: #3c3c3b;
    background-color: #f08908;
    color: #FFFFFF; }
  .esg-metrics-disclosure-portlet .degree-2-aligned .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23007567' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-metrics-disclosure-portlet .degree-2-aligned .thermometer-icon:before {
      background-color: #fdc32d; }
  .esg-metrics-disclosure-portlet .degree-2-aligned .implied-temperature-rise-value {
    color: #fdc32d; }
  .esg-metrics-disclosure-portlet .degree-2-aligned .degree-2-aligned-cell {
    font-size: 0.7rem;
    height: 1.55rem;
    border-color: #fdc32d;
    border-left-color: #3c3c3b;
    background-color: #fdc32d;
    color: #FFFFFF; }
  .esg-metrics-disclosure-portlet .degree-1-5-aligned .thermometer-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 17 41' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'%3E%3Cpath fill='none' d='M0 0h17v41H0z'/%3E%3Cpath d='M6.6 40.974a6.6 6.6 0 01-4.465-11.461V4.489a4.465 4.465 0 018.929 0v25.022a6.6 6.6 0 01-4.465 11.463H6.6z' fill='%230e1d2b' fill-rule='nonzero'/%3E%3Cpath fill='%230e1d2b' d='M12.421 6.708H17v1.128h-4.579zM12.421 25.853H17v1.128h-4.579zM12.421 16.281H17v1.128h-4.579z'/%3E%3Cpath d='M6.601 1.199a3.295 3.295 0 00-3.29 3.291v25.559l-.208.177a5.429 5.429 0 106.997 0l-.209-.177V4.49a3.295 3.295 0 00-3.29-3.291' fill='%23fff' fill-rule='nonzero'/%3E%3Cpath d='M7.306 31.236V15.754a.706.706 0 00-1.411 0v15.482a3.22 3.22 0 101.411 0' fill='%23007567' fill-rule='nonzero'/%3E%3C/svg%3E"); }
    .esg-metrics-disclosure-portlet .degree-1-5-aligned .thermometer-icon:before {
      background-color: #5a84c3; }
  .esg-metrics-disclosure-portlet .degree-1-5-aligned .implied-temperature-rise-value {
    color: #5a84c3; }
  .esg-metrics-disclosure-portlet .degree-1-5-aligned .degree-1-5-aligned-cell {
    font-size: 0.7rem;
    height: 1.55rem;
    border-color: #5a84c3;
    border-left-color: #3c3c3b;
    background-color: #5a84c3;
    color: #FFFFFF; }
  .esg-metrics-disclosure-portlet .msci-ac-search-container-small {
    width: 100%; }
  @media screen and (max-width: 1200px) {
    .esg-metrics-disclosure-portlet .section-content .buttons {
      text-align: center; }
    .esg-metrics-disclosure-portlet .implied-temperature-rise-value {
      font-family: "Roboto Bold", sans-serif;
      font-size: 18px; } }
  @media screen and (max-width: 767px) {
    .esg-metrics-disclosure-portlet .msci-ac-search-container-small {
      width: 100%; }
    .esg-metrics-disclosure-portlet .implied-temperature-rise-value {
      font-family: "Roboto Bold", sans-serif;
      font-size: 18px; } }
  .esg-metrics-disclosure-portlet .cke_editable {
    padding: 0.375rem 0.75rem;
    border: 0.0625rem solid #ced4da;
    border-radius: 0.25rem; }
  .esg-metrics-disclosure-portlet .technical-type-disclaimers-config {
    margin-bottom: 100px; }

.esg-metrics-disclosure-type-label {
  font-size: 11px;
  text-transform: uppercase;
  color: #DAE0F8;
  text-align: right;
  padding-right: 20px;
  padding-left: 0px; }

@media screen and (max-width: 1200px) {
  .esg-metrics-disclosure-date-select-button-overlay p {
    font-size: 1rem !important; } }

@media screen and (max-width: 1400px) {
  .esg-metrics-disclosure-date-select-button-overlay p {
    font-size: 1rem !important; } }

@media screen and (max-width: 576px) {
  .esg-metrics-disclosure-date-select-button-overlay p {
    font-size: 1rem !important; }
  .esg-metrics-disclosure-type-label {
    font-size: 9px; }
  .esg-metrics-disclosure-index-name {
    font-size: 16px; }
  .learn-more-table {
    width: 100%; } }

.gated-content-form-container {
  margin-left: 60px;
  margin-right: 60px;
  height: 100%;
  color: #011b2b;
  padding-top: 40px; }
  @media screen and (max-width: 992px) {
    .gated-content-form-container {
      margin-left: 30px;
      margin-right: 30px;
      padding-top: 20px; } }
  .gated-content-form-container .gated-content-form-title {
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .gated-content-form-container .gated-content-form-title {
        font-size: 24px;
        line-height: 32px;
        padding-top: 40px; } }
  .gated-content-form-container .gated-content-form-required-fields-info {
    margin: 10px 0 25px;
    font-size: 24px;
    line-height: 32px; }
    @media screen and (max-width: 992px) {
      .gated-content-form-container .gated-content-form-required-fields-info {
        font-size: 18px;
        line-height: 24px; } }
  .gated-content-form-container .control-label {
    font-size: 16px;
    line-height: 24px;
    font-family: "Roboto Regular", sans-serif; }
    .gated-content-form-container .control-label .reference-mark {
      font-size: 6px; }
  .gated-content-form-container .privacy-notice-container .control-label {
    font-size: 14px;
    line-height: 40px; }
  .gated-content-form-container .privacy-notice-container .reference-mark {
    font-size: 6px; }
  .gated-content-form-container .input-select-wrapper .control-label {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto Bold", sans-serif;
    margin-bottom: 5px; }
  .gated-content-form-container .input-select-wrapper:after {
    content: "\f107";
    font-size: 28px;
    position: absolute;
    z-index: 1;
    top: 2rem;
    right: 0.5rem;
    transition: transform .4s;
    transform: rotate(0deg);
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .gated-content-form-container .input-select-wrapper.active:after {
    transform: rotate(180deg); }
  .gated-content-form-container .input-field {
    font-size: 18px;
    line-height: 24px;
    background-color: #ffffff;
    color: #011b2b;
    height: 38px; }
    .gated-content-form-container .input-field:active, .gated-content-form-container .input-field:focus {
      border-color: #ffffff !important;
      border-bottom-width: 2px;
      border-bottom-color: #26D9B6 !important;
      box-shadow: none !important; }
    .gated-content-form-container .input-field.msci-select {
      background: none;
      position: relative;
      z-index: 2;
      background-image: none !important;
      border-bottom-width: 2px;
      border-bottom-color: #011b2b;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
      padding-left: 0; }
      .gated-content-form-container .input-field.msci-select option {
        background-color: #eef1f6;
        color: #011b2b; }
      .gated-content-form-container .input-field.msci-select:active, .gated-content-form-container .input-field.msci-select:focus {
        box-shadow: 0 0px 2px -2px #26D9B6 !important; }
      .gated-content-form-container .input-field.msci-select:hover {
        border-bottom-color: #26D9B6; }
  .gated-content-form-container .has-success .msci-select {
    color: #011b2b;
    background-image: none !important; }
    .gated-content-form-container .has-success .msci-select option {
      color: #011b2b; }
  .gated-content-form-container .reference-mark {
    color: #011b2b !important;
    font-size: 10px; }
  .gated-content-form-container .has-error .input-field {
    border-color: #ffffff !important;
    border-bottom-color: #F65058;
    background-image: none !important; }
    .gated-content-form-container .has-error .input-field:focus {
      box-shadow: 0 0 2px -2px #F65058; }
    .gated-content-form-container .has-error .input-field::placeholder {
      color: #F65058;
      opacity: 0.8; }
  .gated-content-form-container .gated-content-form-checkbox {
    position: relative;
    padding-left: 40px;
    margin-top: 12px; }
    .gated-content-form-container .gated-content-form-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .gated-content-form-container .gated-content-form-checkbox .checkmark {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      height: 20px;
      width: 20px;
      color: #011b2b;
      border: 2px solid #011b2b; }
      .gated-content-form-container .gated-content-form-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 6px;
        top: 0;
        width: 8px;
        height: 14px;
        border: solid #eef1f6;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .gated-content-form-container .gated-content-form-checkbox input:checked ~ .checkmark {
      background-color: #011b2b;
      border: none; }
      .gated-content-form-container .gated-content-form-checkbox input:checked ~ .checkmark:after {
        display: block; }
  .gated-content-form-container .button-holder.back-button-row, .gated-content-form-container .button-holder.submit-button-row, .gated-content-form-container .button-holder.next-button-row {
    border: inherit;
    background-color: #eef1f6;
    color: #011b2b;
    bottom: 60px; }
    @media screen and (max-width: 992px) {
      .gated-content-form-container .button-holder.back-button-row, .gated-content-form-container .button-holder.submit-button-row, .gated-content-form-container .button-holder.next-button-row {
        justify-content: center; } }
    .gated-content-form-container .button-holder.back-button-row > button.btn, .gated-content-form-container .button-holder.submit-button-row > button.btn, .gated-content-form-container .button-holder.next-button-row > button.btn {
      margin-left: 0; }
  @media screen and (min-width: 992px) {
    .gated-content-form-container .button-holder.next-button-row {
      padding-left: 100px;
      padding-right: 100px;
      width: 100%; } }
  .gated-content-form-container .button-holder.back-button-row {
    background-color: initial;
    flex-direction: row; }
    @media screen and (min-width: 992px) {
      .gated-content-form-container .button-holder.back-button-row {
        padding-left: 100px;
        width: 50%; } }
  @media screen and (max-width: 992px) {
    .gated-content-form-container .button-holder.submit-button-row {
      flex-direction: row; } }
  @media screen and (min-width: 992px) {
    .gated-content-form-container .button-holder.submit-button-row {
      padding-left: 100px;
      padding-right: 100px;
      width: 100%; } }
  .gated-content-form-container .button-holder .gated-content-form-button {
    border: 2px #011b2b solid;
    border-radius: 30px;
    padding: 10px 24px;
    height: auto;
    font-size: 16px;
    background-color: #011b2b;
    transition: none; }
    .gated-content-form-container .button-holder .gated-content-form-button:hover {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #011b2b; }
    .gated-content-form-container .button-holder .gated-content-form-button:focus {
      box-shadow: none; }
    .gated-content-form-container .button-holder .gated-content-form-button:active {
      background-color: #011b2b;
      border-color: #011b2b; }
    .gated-content-form-container .button-holder .gated-content-form-button:active:focus {
      box-shadow: none; }
    .gated-content-form-container .button-holder .gated-content-form-button.submit {
      background-color: #1A3FD6;
      border: 2px #1A3FD6 solid; }
      .gated-content-form-container .button-holder .gated-content-form-button.submit:hover {
        background-color: #4A7BC9;
        border-color: #4A7BC9;
        color: #ffffff; }
  .gated-content-form-container .error-container {
    height: 100%;
    display: grid; }
    .gated-content-form-container .error-container .error {
      margin: auto;
      font-size: 32px;
      line-height: 40px;
      font-family: "Roboto Regular", sans-serif; }
  .gated-content-form-container .close-button {
    position: absolute;
    top: 10px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .gated-content-form-container .close-button::before, .gated-content-form-container .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 24px;
    height: 1px;
    background: #011b2b; }
  .gated-content-form-container .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .gated-content-form-container .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .gated-content-form-container .thank-you-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .gated-content-form-container .thank-you-container .thank-you {
      margin: auto;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      word-break: break-word; }
  .gated-content-form-container .form-validator-stack {
    color: #F65058; }
  .gated-content-form-container .error-summary {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #F65058;
    padding: 10px 30px;
    font-size: 16px;
    transition: transform 0.4s ease;
    transform: translate(-50%, -100%); }
    .gated-content-form-container .error-summary.open {
      transform: translate(-50%, 0); }
  .gated-content-form-container .rf-carousel {
    overflow: hidden; }
  .gated-content-form-container .rf-carousel-item {
    position: relative; }
  .gated-content-form-container .page-counter {
    position: fixed;
    top: 40px;
    right: 60px;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .gated-content-form-container .page-counter {
        top: 60px;
        right: 30px;
        font-size: 24px;
        line-height: 32px;
        position: static; } }
  .gated-content-form-container .progress-indicators {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 992px) {
      .gated-content-form-container .progress-indicators {
        display: none; } }
    .gated-content-form-container .progress-indicators .rf-carousel-indicator {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 10px;
      margin: 0 10px;
      border: 2px #011b2b solid; }
      .gated-content-form-container .progress-indicators .rf-carousel-indicator.full {
        background: #011b2b; }

.portlet-boundary_msci_gated_webinar_form_portlet_ {
  background-color: #eef1f6;
  color: #011b2b; }

.portlet-boundary_msci_progressive_research_form_portlet_ {
  background-color: #eef1f6;
  color: #011b2b; }

.research-form-dialog-with-footer, .webinar-form-dialog-with-footer {
  background-color: #eef1f6;
  color: #011b2b; }
  .research-form-dialog-with-footer #main-content, .webinar-form-dialog-with-footer #main-content {
    background-color: #eef1f6;
    color: #011b2b; }

.research-form-popup, .webinar-form-popup {
  max-width: 1030px;
  max-height: 800px; }
  .research-form-popup .research-form-popup-content, .research-form-popup .webinar-form-popup-content, .webinar-form-popup .research-form-popup-content, .webinar-form-popup .webinar-form-popup-content {
    background-color: #eef1f6;
    color: #011b2b;
    border-radius: 0;
    border: 0px; }
    .research-form-popup .research-form-popup-content .modal-header, .research-form-popup .webinar-form-popup-content .modal-header, .webinar-form-popup .research-form-popup-content .modal-header, .webinar-form-popup .webinar-form-popup-content .modal-header {
      display: none; }
    .research-form-popup .research-form-popup-content .modal-body, .research-form-popup .webinar-form-popup-content .modal-body, .webinar-form-popup .research-form-popup-content .modal-body, .webinar-form-popup .webinar-form-popup-content .modal-body {
      background-color: #eef1f6;
      color: #011b2b; }
      .research-form-popup .research-form-popup-content .modal-body .loadingmask, .research-form-popup .webinar-form-popup-content .modal-body .loadingmask, .webinar-form-popup .research-form-popup-content .modal-body .loadingmask, .webinar-form-popup .webinar-form-popup-content .modal-body .loadingmask {
        background-color: #eef1f6;
        color: #011b2b; }
        .research-form-popup .research-form-popup-content .modal-body .loadingmask .loadingmask-content, .research-form-popup .webinar-form-popup-content .modal-body .loadingmask .loadingmask-content, .webinar-form-popup .research-form-popup-content .modal-body .loadingmask .loadingmask-content, .webinar-form-popup .webinar-form-popup-content .modal-body .loadingmask .loadingmask-content {
          background-color: #eef1f6;
          color: #011b2b; }
        .research-form-popup .research-form-popup-content .modal-body .loadingmask .loadingmask-message, .research-form-popup .webinar-form-popup-content .modal-body .loadingmask .loadingmask-message, .webinar-form-popup .research-form-popup-content .modal-body .loadingmask .loadingmask-message, .webinar-form-popup .webinar-form-popup-content .modal-body .loadingmask .loadingmask-message {
          filter: invert(1); }

.page-gating-form-container {
  position: relative;
  overflow: hidden;
  margin-left: 60px;
  margin-right: 60px;
  height: 100%;
  color: #011b2b;
  padding-top: 40px; }
  @media screen and (max-width: 992px) {
    .page-gating-form-container {
      margin-left: 30px;
      margin-right: 30px;
      padding-top: 20px; } }
  .page-gating-form-container .research-form-title {
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .research-form-title {
        font-size: 24px;
        line-height: 32px;
        padding-top: 40px; } }
  .page-gating-form-container .research-form-required-fields-info {
    margin: 10px 0 25px;
    font-size: 24px;
    line-height: 32px; }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .research-form-required-fields-info {
        font-size: 18px;
        line-height: 24px; } }
  .page-gating-form-container .control-label {
    font-size: 16px;
    line-height: 24px;
    font-family: "Roboto Regular", sans-serif; }
    .page-gating-form-container .control-label .reference-mark {
      font-size: 6px; }
  .page-gating-form-container .privacy-notice-container .control-label {
    font-size: 14px;
    line-height: 40px; }
  .page-gating-form-container .privacy-notice-container .reference-mark {
    font-size: 6px; }
  .page-gating-form-container .input-select-wrapper .control-label {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto Bold", sans-serif;
    margin-bottom: 5px; }
  .page-gating-form-container .input-select-wrapper:after {
    content: "\f107";
    font-size: 28px;
    position: absolute;
    z-index: 1;
    top: 2rem;
    right: 0.5rem;
    transition: transform .4s;
    transform: rotate(0deg);
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .page-gating-form-container .input-select-wrapper.active:after {
    transform: rotate(180deg); }
  .page-gating-form-container .input-field {
    font-size: 18px;
    line-height: 24px;
    background-color: #ffffff;
    color: #011b2b;
    height: 38px; }
    .page-gating-form-container .input-field:active, .page-gating-form-container .input-field:focus {
      border-color: #ffffff !important;
      border-bottom-width: 2px;
      border-bottom-color: #26D9B6 !important;
      box-shadow: none !important; }
    .page-gating-form-container .input-field.msci-select {
      background: none;
      position: relative;
      z-index: 2;
      background-image: none !important;
      border-bottom-width: 2px;
      border-bottom-color: #011b2b;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
      padding-left: 0; }
      .page-gating-form-container .input-field.msci-select option {
        background-color: #eef1f6;
        color: #011b2b; }
      .page-gating-form-container .input-field.msci-select:active, .page-gating-form-container .input-field.msci-select:focus {
        box-shadow: 0 0px 2px -2px #26D9B6 !important; }
      .page-gating-form-container .input-field.msci-select:hover {
        border-bottom-color: #26D9B6; }
  .page-gating-form-container .has-success .msci-select {
    color: #011b2b;
    background-image: none !important; }
    .page-gating-form-container .has-success .msci-select option {
      color: #011b2b; }
  .page-gating-form-container .reference-mark {
    color: #011b2b !important;
    font-size: 10px; }
  .page-gating-form-container .has-error .input-field {
    border-color: #ffffff !important;
    border-bottom-color: #F65058;
    background-image: none !important; }
    .page-gating-form-container .has-error .input-field:focus {
      box-shadow: 0 0 2px -2px #F65058; }
    .page-gating-form-container .has-error .input-field::placeholder {
      color: #F65058;
      opacity: 0.8; }
  .page-gating-form-container .research-paper-checkbox {
    position: relative;
    padding-left: 40px;
    margin-top: 12px; }
    .page-gating-form-container .research-paper-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .page-gating-form-container .research-paper-checkbox .checkmark {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      height: 20px;
      width: 20px;
      color: #011b2b;
      border: 2px solid #011b2b; }
      .page-gating-form-container .research-paper-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 6px;
        top: 0;
        width: 8px;
        height: 14px;
        border: solid #eef1f6;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .page-gating-form-container .research-paper-checkbox input:checked ~ .checkmark {
      background-color: #011b2b;
      border: none; }
      .page-gating-form-container .research-paper-checkbox input:checked ~ .checkmark:after {
        display: block; }
  .page-gating-form-container .button-holder.back-button-row, .page-gating-form-container .button-holder.submit-button-row, .page-gating-form-container .button-holder.next-button-row {
    border: inherit;
    background-color: #eef1f6;
    color: #011b2b;
    bottom: 60px; }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .button-holder.back-button-row, .page-gating-form-container .button-holder.submit-button-row, .page-gating-form-container .button-holder.next-button-row {
        justify-content: center; } }
    .page-gating-form-container .button-holder.back-button-row > button.btn, .page-gating-form-container .button-holder.submit-button-row > button.btn, .page-gating-form-container .button-holder.next-button-row > button.btn {
      margin-left: 0; }
  @media screen and (min-width: 992px) {
    .page-gating-form-container .button-holder.next-button-row {
      padding-left: 100px;
      padding-right: 100px;
      width: 100%; } }
  .page-gating-form-container .button-holder.back-button-row {
    background-color: initial;
    flex-direction: row; }
    @media screen and (min-width: 992px) {
      .page-gating-form-container .button-holder.back-button-row {
        padding-left: 100px;
        width: 50%; } }
  @media screen and (max-width: 992px) {
    .page-gating-form-container .button-holder.submit-button-row {
      flex-direction: row; } }
  @media screen and (min-width: 992px) {
    .page-gating-form-container .button-holder.submit-button-row {
      padding-left: 100px;
      padding-right: 100px;
      width: 100%; } }
  .page-gating-form-container .button-holder .msci-progressive-research-form-button {
    border: 2px #011b2b solid;
    border-radius: 30px;
    padding: 10px 24px;
    height: auto;
    font-size: 16px;
    background-color: #011b2b;
    transition: none; }
    .page-gating-form-container .button-holder .msci-progressive-research-form-button:hover {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #011b2b; }
    .page-gating-form-container .button-holder .msci-progressive-research-form-button:focus {
      box-shadow: none; }
    .page-gating-form-container .button-holder .msci-progressive-research-form-button:active {
      background-color: #011b2b;
      border-color: #011b2b; }
    .page-gating-form-container .button-holder .msci-progressive-research-form-button:active:focus {
      box-shadow: none; }
    .page-gating-form-container .button-holder .msci-progressive-research-form-button.submit {
      background-color: #1A3FD6;
      border: 2px #1A3FD6 solid; }
      .page-gating-form-container .button-holder .msci-progressive-research-form-button.submit:hover {
        background-color: #4A7BC9;
        border-color: #4A7BC9;
        color: #ffffff; }
  .page-gating-form-container .error-container {
    height: 100%;
    display: grid; }
    .page-gating-form-container .error-container .error {
      margin: auto;
      font-size: 32px;
      line-height: 40px;
      font-family: "Roboto Regular", sans-serif; }
  .page-gating-form-container .close-button {
    position: absolute;
    top: 10px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .page-gating-form-container .close-button::before, .page-gating-form-container .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 24px;
    height: 1px;
    background: #011b2b; }
  .page-gating-form-container .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .page-gating-form-container .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .page-gating-form-container .thank-you-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .page-gating-form-container .thank-you-container .thank-you {
      margin: auto;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      word-break: break-word; }
  .page-gating-form-container .form-validator-stack {
    color: #F65058; }
  .page-gating-form-container .error-summary {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #F65058;
    padding: 10px 30px;
    font-size: 16px;
    transition: transform 0.4s ease;
    transform: translate(-50%, -100%); }
    .page-gating-form-container .error-summary.open {
      transform: translate(-50%, 0); }
  .page-gating-form-container .rf-carousel {
    overflow: hidden; }
  .page-gating-form-container .rf-carousel-item {
    position: relative; }
  .page-gating-form-container .page-counter {
    position: absolute;
    top: 40px;
    right: 60px;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .page-counter {
        top: 60px;
        right: 30px;
        font-size: 24px;
        line-height: 32px;
        position: static; } }
  .page-gating-form-container .progress-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .progress-indicators {
        display: none; } }
    .page-gating-form-container .progress-indicators .rf-carousel-indicator {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 10px;
      margin: 0 10px;
      border: 2px #011b2b solid; }
      .page-gating-form-container .progress-indicators .rf-carousel-indicator.full {
        background: #011b2b; }
  @media screen and (min-width: 992px) {
    .page-gating-form-container form {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 0px;
      margin-top: 150px; }
    .page-gating-form-container .rf-carousel {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 0px; }
      .page-gating-form-container .rf-carousel .rf-carousel-item {
        height: 100%; }
      .page-gating-form-container .rf-carousel .next-button-row .msci-page-gating-form-button {
        position: absolute;
        bottom: 40px;
        right: 0px; }
      .page-gating-form-container .rf-carousel .submit-button-row .msci-page-gating-form-button {
        position: absolute;
        bottom: 40px;
        right: 0px; }
      .page-gating-form-container .rf-carousel .back-button-row .msci-page-gating-form-button {
        position: absolute;
        bottom: 40px;
        left: 0px; } }
  @media screen and (max-width: 768px) {
    .page-gating-form-container {
      margin-top: 120px;
      padding: unset;
      padding-top: 20px; } }

#page-gating-modal-container {
  display: none; }

/* The Modal (background) */
.page-gating-modal {
  display: block;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */ }
  @media screen and (max-width: 320px) {
    .page-gating-modal #main-content {
      margin: 15% 5% 0 5%; } }

/* Modal Content/Box */
.page-gating-modal-content {
  position: relative;
  background-color: #eef1f6;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  height: 800px;
  width: 1030px;
  overflow: hidden; }
  @media screen and (max-width: 992px) {
    .page-gating-modal-content {
      height: 800px;
      width: 1030px; } }
  @media screen and (max-width: 768px) {
    .page-gating-modal-content {
      height: 700px;
      width: 700px; } }
  @media screen and (max-width: 319px) {
    .page-gating-modal-content {
      margin: 0 15%; } }

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

@media screen and (max-width: 768px) {
  .msci-page-gating-form-button {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important; } }

.msci-page-gating-form-button {
  border: 2px #011b2b solid;
  border-radius: 30px;
  padding: 10px 24px;
  height: auto;
  font-size: 16px;
  background-color: #011b2b;
  transition: none; }

.msci-page-gating-form-button.submit {
  background-color: #1A3FD6;
  border: 2px #1A3FD6 solid; }

.page-gating-form-dialog-with-footer {
  margin: 10% auto;
  max-width: 1030px;
  height: 800px;
  background-color: #eef1f6;
  color: #011b2b; }
  @media screen and (max-width: 768px) {
    .page-gating-form-dialog-with-footer {
      height: unset;
      margin-left: 3%;
      margin-right: 3%; } }
  .page-gating-form-dialog-with-footer #main-content {
    background-color: #eef1f6;
    color: #011b2b; }

.filterable-content-cards {
  padding-top: 20px;
  margin-bottom: 80px; }
  .filterable-content-cards .card-filter-container {
    margin-bottom: 20px; }
    .filterable-content-cards .card-filter-container > * {
      padding-bottom: 10px; }
    .filterable-content-cards .card-filter-container label {
      padding-bottom: 10px;
      text-transform: uppercase;
      display: block;
      font-size: 16px;
      line-height: 15px;
      font-family: "Roboto Bold", sans-serif; }
    .filterable-content-cards .card-filter-container .select-container-row {
      display: flex;
      flex-wrap: nowrap; }
      .filterable-content-cards .card-filter-container .select-container-row .select-container {
        padding-right: 5px; }
  @media screen and (max-width: 767px) {
    .filterable-content-cards .card-button {
      margin-top: 16px; }
    .filterable-content-cards .card-filter-container > * {
      padding-bottom: 25px; } }

.facs-portfolio-management-web-container, .facs-portfolio-management-web-edit-container {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  .facs-portfolio-management-web-container .edit-portfolio-header, .facs-portfolio-management-web-edit-container .edit-portfolio-header {
    color: #4BD8C0;
    margin-bottom: 30px;
    font-family: "Roboto Medium", sans-serif; }
  .facs-portfolio-management-web-container .lexicon-icon-shortcut, .facs-portfolio-management-web-edit-container .lexicon-icon-shortcut {
    display: none; }
  .facs-portfolio-management-web-container table tr:nth-of-type(odd), .facs-portfolio-management-web-edit-container table tr:nth-of-type(odd) {
    background-color: #F7F7F7; }
  .facs-portfolio-management-web-container table tr th, .facs-portfolio-management-web-edit-container table tr th {
    background-color: #1A3FD6;
    font-family: "Roboto Bold", sans-serif;
    color: #FFFFFF;
    font-size: 18px; }
    .facs-portfolio-management-web-container table tr th.asset-id, .facs-portfolio-management-web-edit-container table tr th.asset-id {
      width: 10%; }
    .facs-portfolio-management-web-container table tr th.entry-name, .facs-portfolio-management-web-edit-container table tr th.entry-name {
      width: 25%; }
    .facs-portfolio-management-web-container table tr th.ticker, .facs-portfolio-management-web-edit-container table tr th.ticker {
      width: 10%; }
    .facs-portfolio-management-web-container table tr th.asset-weight, .facs-portfolio-management-web-edit-container table tr th.asset-weight {
      width: 20%; }
    .facs-portfolio-management-web-container table tr th.date, .facs-portfolio-management-web-edit-container table tr th.date {
      width: 25%; }
    .facs-portfolio-management-web-container table tr th.actions, .facs-portfolio-management-web-edit-container table tr th.actions {
      width: 10%; }
  .facs-portfolio-management-web-container table tr td, .facs-portfolio-management-web-edit-container table tr td {
    background-color: inherit;
    font-size: 16px;
    border-bottom-width: 1px; }
    .facs-portfolio-management-web-container table tr td.barr-id-wrapper, .facs-portfolio-management-web-container table tr td[class~="lfr-facs-portfolio-management-web.name-column"], .facs-portfolio-management-web-edit-container table tr td.barr-id-wrapper, .facs-portfolio-management-web-edit-container table tr td[class~="lfr-facs-portfolio-management-web.name-column"] {
      font-family: "Roboto Bold", sans-serif; }
      .facs-portfolio-management-web-container table tr td.barr-id-wrapper .input-text-wrapper, .facs-portfolio-management-web-container table tr td[class~="lfr-facs-portfolio-management-web.name-column"] .input-text-wrapper, .facs-portfolio-management-web-edit-container table tr td.barr-id-wrapper .input-text-wrapper, .facs-portfolio-management-web-edit-container table tr td[class~="lfr-facs-portfolio-management-web.name-column"] .input-text-wrapper {
        font-family: "Roboto Regular", sans-serif; }
    .facs-portfolio-management-web-container table tr td.actions, .facs-portfolio-management-web-container table tr td.lfr-entry-action-column, .facs-portfolio-management-web-edit-container table tr td.actions, .facs-portfolio-management-web-edit-container table tr td.lfr-entry-action-column {
      text-align: right; }
      .facs-portfolio-management-web-container table tr td.actions a, .facs-portfolio-management-web-container table tr td.lfr-entry-action-column a, .facs-portfolio-management-web-edit-container table tr td.actions a, .facs-portfolio-management-web-edit-container table tr td.lfr-entry-action-column a {
        color: #000000; }
    .facs-portfolio-management-web-container table tr td .icon-edit, .facs-portfolio-management-web-container table tr td .icon-trash, .facs-portfolio-management-web-container table tr td .icon-download, .facs-portfolio-management-web-edit-container table tr td .icon-edit, .facs-portfolio-management-web-edit-container table tr td .icon-trash, .facs-portfolio-management-web-edit-container table tr td .icon-download {
      font-size: 18px; }
    .facs-portfolio-management-web-container table tr td .icon-trash, .facs-portfolio-management-web-edit-container table tr td .icon-trash {
      margin-right: 20px; }
  .facs-portfolio-management-web-container .input-row, .facs-portfolio-management-web-edit-container .input-row {
    display: flex; }
    .facs-portfolio-management-web-container .input-row .portfolio-name-container, .facs-portfolio-management-web-container .input-row .asset-search-container, .facs-portfolio-management-web-edit-container .input-row .portfolio-name-container, .facs-portfolio-management-web-edit-container .input-row .asset-search-container {
      width: 40%;
      margin-right: 40px; }
      .facs-portfolio-management-web-container .input-row .portfolio-name-container .control-label, .facs-portfolio-management-web-container .input-row .asset-search-container .control-label, .facs-portfolio-management-web-edit-container .input-row .portfolio-name-container .control-label, .facs-portfolio-management-web-edit-container .input-row .asset-search-container .control-label {
        font-family: "Roboto Bold", sans-serif;
        font-size: 20px; }
  .facs-portfolio-management-web-container .portfolio-name-container .form-control, .facs-portfolio-management-web-container .asset-search-container .form-control, .facs-portfolio-management-web-container .date-wrapper .form-control, .facs-portfolio-management-web-container .weight-wrapper .form-control, .facs-portfolio-management-web-container .barr-id-wrapper .form-control, .facs-portfolio-management-web-edit-container .portfolio-name-container .form-control, .facs-portfolio-management-web-edit-container .asset-search-container .form-control, .facs-portfolio-management-web-edit-container .date-wrapper .form-control, .facs-portfolio-management-web-edit-container .weight-wrapper .form-control, .facs-portfolio-management-web-edit-container .barr-id-wrapper .form-control {
    background: #ECECEC;
    border-radius: 30px;
    background-clip: border-box;
    border-width: 0.0625rem;
    height: 2.375rem;
    min-width: 0;
    width: 100%;
    color: #666363;
    border-color: #ECECEC; }
  .facs-portfolio-management-web-container .weight-wrapper .form-control, .facs-portfolio-management-web-edit-container .weight-wrapper .form-control {
    width: 30%; }
  .facs-portfolio-management-web-container .input-text-wrapper,
  .facs-portfolio-management-web-container .input-select-wrapper, .facs-portfolio-management-web-edit-container .input-text-wrapper,
  .facs-portfolio-management-web-edit-container .input-select-wrapper {
    margin-bottom: 0; }
  .facs-portfolio-management-web-container input::-webkit-outer-spin-button,
  .facs-portfolio-management-web-container input::-webkit-inner-spin-button, .facs-portfolio-management-web-edit-container input::-webkit-outer-spin-button,
  .facs-portfolio-management-web-edit-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .facs-portfolio-management-web-container input[type=number], .facs-portfolio-management-web-edit-container input[type=number] {
    -moz-appearance: textfield; }
  .facs-portfolio-management-web-container .autocomplete-results-container, .facs-portfolio-management-web-edit-container .autocomplete-results-container {
    position: absolute;
    z-index: 1; }
    .facs-portfolio-management-web-container .autocomplete-results-container ul.msci-ac-search-dataset, .facs-portfolio-management-web-edit-container .autocomplete-results-container ul.msci-ac-search-dataset {
      background-color: #ECECEC;
      border: none;
      border-radius: 8px; }
      .facs-portfolio-management-web-container .autocomplete-results-container ul.msci-ac-search-dataset li.ui-menu-item, .facs-portfolio-management-web-edit-container .autocomplete-results-container ul.msci-ac-search-dataset li.ui-menu-item {
        padding: 6px 15px;
        font-size: 16px; }
        .facs-portfolio-management-web-container .autocomplete-results-container ul.msci-ac-search-dataset li.ui-menu-item:hover, .facs-portfolio-management-web-edit-container .autocomplete-results-container ul.msci-ac-search-dataset li.ui-menu-item:hover {
          background-color: #FBFBFB;
          border-radius: 8px; }
  .facs-portfolio-management-web-container .msci-ac-search-info-dropdown, .facs-portfolio-management-web-edit-container .msci-ac-search-info-dropdown {
    position: absolute;
    z-index: 1;
    margin-top: 5px; }

.subscription-form-container {
  margin-left: 60px;
  margin-right: 60px;
  height: 100%;
  color: #011b2b;
  padding-top: 40px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  padding-bottom: 50px; }
  @media screen and (max-width: 992px) {
    .subscription-form-container {
      margin-left: 30px;
      margin-right: 30px;
      padding-top: 20px; } }
  .subscription-form-container .subscription-form-title {
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .subscription-form-container .subscription-form-title {
        font-size: 24px;
        line-height: 32px;
        padding-top: 40px; } }
  .subscription-form-container .subscription-form-subtitle {
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 26px;
    font-family: "Roboto Medium", sans-serif; }
    @media screen and (max-width: 992px) {
      .subscription-form-container .subscription-form-subtitle {
        font-size: 16px;
        line-height: 24px; } }
  .subscription-form-container .subscription-form-preferences-update-note {
    margin-bottom: 25px; }
    .subscription-form-container .subscription-form-preferences-update-note a {
      font-family: "Roboto Black", sans-serif; }
      .subscription-form-container .subscription-form-preferences-update-note a:hover {
        text-decoration: underline; }
  .subscription-form-container .subscription-form-selected-preferences-message {
    margin-bottom: 25px; }
  .subscription-form-container .subscription-form-required-fields-info {
    margin: 10px 0 25px;
    font-size: 24px;
    line-height: 32px;
    font-family: "Roboto Medium", sans-serif; }
    @media screen and (max-width: 992px) {
      .subscription-form-container .subscription-form-required-fields-info {
        font-size: 18px;
        line-height: 24px; } }
  .subscription-form-container .control-label {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto Bold", sans-serif;
    margin-bottom: 5px; }
    .subscription-form-container .control-label .reference-mark {
      font-size: 6px; }
  .subscription-form-container .privacy-notice-container {
    margin-top: 20px; }
    .subscription-form-container .privacy-notice-container a:hover {
      text-decoration: underline; }
    .subscription-form-container .privacy-notice-container .subscription-form-checkbox {
      margin-top: 20px; }
      .subscription-form-container .privacy-notice-container .subscription-form-checkbox p {
        margin-bottom: 0; }
    .subscription-form-container .privacy-notice-container .control-label {
      font-size: 14px;
      line-height: 24px;
      font-family: "Roboto Bold", sans-serif;
      margin-bottom: 5px; }
    .subscription-form-container .privacy-notice-container .reference-mark {
      font-size: 6px; }
  .subscription-form-container .input-select-wrapper .control-label {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto Bold", sans-serif;
    margin-bottom: 5px; }
  .subscription-form-container .input-select-wrapper:after {
    content: "\f107";
    font-size: 28px;
    position: absolute;
    z-index: 1;
    top: 2rem;
    right: 0.5rem;
    transition: transform .4s;
    transform: rotate(0deg);
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .subscription-form-container .input-select-wrapper.active:after {
    transform: rotate(180deg); }
  .subscription-form-container .input-field {
    font-size: 18px;
    line-height: 24px;
    background-color: #ffffff;
    color: #011b2b;
    height: 38px; }
    .subscription-form-container .input-field:active, .subscription-form-container .input-field:focus {
      border-color: #ffffff !important;
      border-bottom-width: 2px;
      border-bottom-color: #26D9B6 !important;
      box-shadow: none !important; }
    .subscription-form-container .input-field.msci-select {
      background: none;
      position: relative;
      z-index: 2;
      background-image: none !important;
      border-bottom-width: 2px;
      border-bottom-color: #011b2b;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
      padding-left: 0; }
      .subscription-form-container .input-field.msci-select option {
        background-color: #eef1f6;
        color: #011b2b; }
      .subscription-form-container .input-field.msci-select:active, .subscription-form-container .input-field.msci-select:focus {
        box-shadow: 0 0px 2px -2px #26D9B6 !important; }
      .subscription-form-container .input-field.msci-select:hover {
        border-bottom-color: #26D9B6; }
  .subscription-form-container .has-success .msci-select {
    color: #011b2b;
    background-image: none !important; }
    .subscription-form-container .has-success .msci-select option {
      color: #011b2b; }
  .subscription-form-container .reference-mark {
    color: #011b2b !important;
    font-size: 10px; }
  .subscription-form-container .has-error .input-field {
    border-bottom-color: #F65058;
    border-bottom-width: 2px;
    background-image: none !important; }
    .subscription-form-container .has-error .input-field:focus {
      box-shadow: 0 0 2px -2px #F65058; }
    .subscription-form-container .has-error .input-field::placeholder {
      color: #F65058;
      opacity: 0.8; }
  .subscription-form-container .subscription-form-checkbox {
    position: relative;
    padding-left: 40px;
    margin-top: 12px; }
    .subscription-form-container .subscription-form-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .subscription-form-container .subscription-form-checkbox .checkmark {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      height: 20px;
      width: 20px;
      color: #011b2b;
      background-color: #FFFFFF; }
      .subscription-form-container .subscription-form-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 6px;
        top: 0;
        width: 8px;
        height: 14px;
        border: solid #011b2b;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .subscription-form-container .subscription-form-checkbox input:checked ~ .checkmark {
      background-color: #00c4b3;
      border: none; }
      .subscription-form-container .subscription-form-checkbox input:checked ~ .checkmark:after {
        display: block; }
  .subscription-form-container .multiple-checkbox-select-button {
    width: 100%;
    background: #FFFFFF;
    border: none;
    border-bottom: 2px #011b2b solid;
    text-align: left;
    cursor: pointer;
    padding: 20px;
    position: relative; }
    .subscription-form-container .multiple-checkbox-select-button .button-options {
      color: #CCCCCC;
      font-family: "Roboto Medium", sans-serif;
      font-size: 16px; }
    .subscription-form-container .multiple-checkbox-select-button i {
      position: absolute;
      top: 20px;
      right: 10px; }
    .subscription-form-container .multiple-checkbox-select-button:active, .subscription-form-container .multiple-checkbox-select-button:focus {
      border-color: #ffffff !important;
      border-bottom-width: 2px;
      border-bottom-color: #26D9B6 !important;
      box-shadow: none !important;
      outline: 0; }
  .subscription-form-container .multiple-checkbox-container {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 0 0 5px 0;
    background: #011b2b;
    z-index: 10; }
    .subscription-form-container .multiple-checkbox-container .filter-dropdown-wrapper {
      overflow-y: auto;
      overflow-x: hidden;
      height: 100%; }
      .subscription-form-container .multiple-checkbox-container .filter-dropdown-wrapper .filter-dropdown-menu {
        width: 100%;
        height: auto;
        background: #011b2b;
        color: #FFFFFF;
        margin: 0;
        border-radius: 0;
        padding: 0 0 0 10px;
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3; }
        @media screen and (max-width: 992px) {
          .subscription-form-container .multiple-checkbox-container .filter-dropdown-wrapper .filter-dropdown-menu {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2; } }
        @media screen and (max-width: 768px) {
          .subscription-form-container .multiple-checkbox-container .filter-dropdown-wrapper .filter-dropdown-menu {
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1; } }
      .subscription-form-container .multiple-checkbox-container .filter-dropdown-wrapper .filter-dropdown-menu li {
        list-style: none;
        font-size: 18px;
        padding: 0 0 10px 10px;
        -webkit-column-break-inside: avoid;
        white-space: nowrap;
        display: inline-block;
        width: 100%; }
        .subscription-form-container .multiple-checkbox-container .filter-dropdown-wrapper .filter-dropdown-menu li:hover {
          background: rgba(255, 255, 255, 0.2); }
  .subscription-form-container .subscription-form-filter .filter-chip {
    font-size: 90%;
    background-color: #011b2b;
    padding: 0.3em 0.6em;
    color: #FFFFFF;
    margin: 0 2px 5px;
    text-transform: uppercase;
    float: left; }
  .subscription-form-container .button-holder.back-button-row, .subscription-form-container .button-holder.submit-button-row, .subscription-form-container .button-holder.next-button-row {
    border: inherit;
    color: #011b2b;
    background: none;
    display: block;
    position: static;
    padding: 0;
    justify-content: center; }
    .subscription-form-container .button-holder.back-button-row > button.btn, .subscription-form-container .button-holder.submit-button-row > button.btn, .subscription-form-container .button-holder.next-button-row > button.btn {
      margin-left: 0; }
  .subscription-form-container .button-holder.next-button-row {
    text-align: right; }
  .subscription-form-container .button-holder.back-button-row {
    flex-direction: row;
    float: left;
    width: 50%;
    padding-left: 0; }
  .subscription-form-container .button-holder.submit-button-row {
    background-color: initial;
    flex-direction: row-reverse;
    float: right;
    text-align: right;
    width: 50%;
    padding-right: 0;
    clear: right; }
  .subscription-form-container .button-holder .subscription-form-button {
    border: 2px #011b2b solid;
    border-radius: 30px;
    padding: 10px 24px;
    height: auto;
    font-size: 16px;
    background-color: #011b2b;
    transition: none; }
    .subscription-form-container .button-holder .subscription-form-button:hover {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #011b2b; }
    .subscription-form-container .button-holder .subscription-form-button:focus {
      box-shadow: none; }
    .subscription-form-container .button-holder .subscription-form-button:active {
      background-color: #011b2b;
      border-color: #011b2b; }
    .subscription-form-container .button-holder .subscription-form-button:active:focus {
      box-shadow: none; }
    .subscription-form-container .button-holder .subscription-form-button.submit {
      background-color: #1A3FD6;
      border: 2px #1A3FD6 solid; }
      .subscription-form-container .button-holder .subscription-form-button.submit:hover {
        background-color: #4A7BC9;
        border-color: #4A7BC9;
        color: #ffffff; }
  .subscription-form-container .close-button {
    display: none; }
  .subscription-form-container .error-container {
    height: 100%;
    display: grid; }
    .subscription-form-container .error-container .error {
      margin: auto;
      font-size: 32px;
      line-height: 40px;
      font-family: "Roboto Regular", sans-serif; }
  .subscription-form-container .error-container,
  .subscription-form-container .success-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .subscription-form-container .error-container .error, .subscription-form-container .error-container .success,
    .subscription-form-container .success-container .error,
    .subscription-form-container .success-container .success {
      margin: auto;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      word-break: break-word; }
    .subscription-form-container .error-container .success p.head-line,
    .subscription-form-container .success-container .success p.head-line {
      margin: auto auto 80px auto;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      word-break: break-word; }
    .subscription-form-container .error-container .success p.sub-line,
    .subscription-form-container .success-container .success p.sub-line {
      margin: 0 100px 40px;
      font-size: 18px;
      line-height: 28px;
      font-family: "Roboto Regular", sans-serif;
      text-align: center;
      word-break: break-word; }
    .subscription-form-container .error-container .highlighted,
    .subscription-form-container .success-container .highlighted {
      color: #F65058;
      font-weight: bold; }
  .subscription-form-container .form-validator-stack {
    color: #F65058; }
  .subscription-form-container .error-summary {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #F65058;
    padding: 10px 30px;
    font-size: 16px;
    transition: transform 0.4s ease;
    transform: translate(-50%, -100%); }
    .subscription-form-container .error-summary.open {
      transform: translate(-50%, 0); }
  .subscription-form-container .sf-carousel {
    padding-bottom: 70px; }
  .subscription-form-container .sf-carousel-item {
    position: relative;
    background-color: #eef1f6; }
  .subscription-form-container .page-counter {
    position: absolute;
    top: 40px;
    right: 0;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .subscription-form-container .page-counter {
        top: 60px;
        right: 30px;
        font-size: 24px;
        line-height: 32px;
        position: static; } }
  .subscription-form-container .interests-and-use-cases-separator {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .subscription-form-container .progress-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 992px) {
      .subscription-form-container .progress-indicators {
        display: none; } }
    .subscription-form-container .progress-indicators .sf-carousel-indicator {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 10px;
      margin: 0 10px;
      border: 2px #011b2b solid; }
      .subscription-form-container .progress-indicators .sf-carousel-indicator.full {
        background: #011b2b; }

.portlet-boundary_subscription_form_portlet_,
.portlet-boundary_climate_milestones_event_series_form_,
.portlet-boundary_wealth_management_subscription_form_ {
  background-color: #eef1f6;
  color: #011b2b; }

.subscription-form-dialog-with-footer {
  background-color: #eef1f6;
  color: #011b2b; }
  .subscription-form-dialog-with-footer #main-content {
    background-color: #eef1f6;
    color: #011b2b; }

.subscription-form-popup {
  max-width: 1030px;
  max-height: 800px; }
  .subscription-form-popup .subscription-form-popup-content {
    background-color: #eef1f6;
    color: #011b2b;
    border-radius: 0;
    border: 0px; }
    .subscription-form-popup .subscription-form-popup-content .modal-header {
      display: none; }
    .subscription-form-popup .subscription-form-popup-content .modal-body {
      background-color: #eef1f6;
      color: #011b2b;
      padding: 0; }
      .subscription-form-popup .subscription-form-popup-content .modal-body .loadingmask {
        background-color: #eef1f6;
        color: #011b2b; }
        .subscription-form-popup .subscription-form-popup-content .modal-body .loadingmask .loadingmask-content {
          background-color: #eef1f6;
          color: #011b2b; }
        .subscription-form-popup .subscription-form-popup-content .modal-body .loadingmask .loadingmask-message {
          filter: invert(1); }

.portal-popup .subscription-form-container {
  position: static;
  overflow: initial;
  margin-bottom: 0;
  padding-bottom: 0; }
  .portal-popup .subscription-form-container .close-button {
    display: block;
    position: absolute;
    top: 10px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
    .portal-popup .subscription-form-container .close-button::before, .portal-popup .subscription-form-container .close-button::after {
      content: "";
      position: absolute;
      top: 12px;
      right: 14px;
      width: 24px;
      height: 1px;
      background: #011b2b; }
    .portal-popup .subscription-form-container .close-button::before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .portal-popup .subscription-form-container .close-button::after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .portal-popup .subscription-form-container .page-counter {
    right: 60px; }
  .portal-popup .subscription-form-container .subscription-form-buttons {
    width: 100%;
    background-color: #eef1f6;
    bottom: 60px;
    z-index: 2;
    left: 20px;
    right: 20px; }
    @media screen and (min-width: 992px) {
      .portal-popup .subscription-form-container .subscription-form-buttons {
        position: fixed;
        padding-right: 100px;
        padding-left: 43px; } }
  .portal-popup .subscription-form-container .progress-indicators {
    position: fixed; }

.chinese-homepage-latest-posts-wrapper {
  padding: 10px;
  margin: 10px 0;
  border: 0; }
  .chinese-homepage-latest-posts-wrapper .msci-bg-primary {
    background: #0626a9;
    color: #fff !important; }
  .chinese-homepage-latest-posts-wrapper.box-shadow-highlight {
    transition: box-shadow 0.3s ease-in-out; }
    .chinese-homepage-latest-posts-wrapper.box-shadow-highlight:hover {
      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
      cursor: pointer; }
  .chinese-homepage-latest-posts-wrapper .item-type-wrapper {
    font-size: 14px;
    font-weight: 700; }
    .chinese-homepage-latest-posts-wrapper .item-type-wrapper span {
      font-family: "Roboto Regular", sans-serif; }
    .chinese-homepage-latest-posts-wrapper .item-type-wrapper i {
      padding: 0 5px 0 0; }
  .chinese-homepage-latest-posts-wrapper .msci-latest-posts {
    width: 75%;
    padding: 0 20px 0 0; }
    .chinese-homepage-latest-posts-wrapper .msci-latest-posts h4 {
      color: #011b2b; }
    .chinese-homepage-latest-posts-wrapper .msci-latest-posts p {
      margin-top: 10px; }
  .chinese-homepage-latest-posts-wrapper .blog-picture-wrapper {
    width: calc(25% - 45px);
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .chinese-homepage-latest-posts-wrapper:hover .msci-latest-posts h4 {
    color: #0626a9;
    text-decoration: underline; }
  .chinese-homepage-latest-posts-wrapper:hover .msci-latest-posts a:hover {
    color: #4a8bc9;
    text-decoration: underline; }
  @media (max-width: 720px) {
    .chinese-homepage-latest-posts-wrapper .msci-latest-posts {
      width: 100%;
      padding: 10px 0 0; }
    .chinese-homepage-latest-posts-wrapper .blog-picture-wrapper {
      display: none; } }

.service-supplements-display {
  margin-bottom: 40px; }
  .service-supplements-display .original_h4 {
    border-bottom: 1px solid #1A3FD6;
    padding-bottom: 10px; }
  .service-supplements-display .icon-external-link-sign {
    color: #1A3FD6; }
  .service-supplements-display .btn-holder {
    padding-top: 25px; }
    .service-supplements-display .btn-holder .msci-btn-secondary:hover {
      background-color: #FFFFFF;
      text-decoration: underline !important; }
    .service-supplements-display .btn-holder .msci-btn-secondary:focus {
      background-color: #FFFFFF;
      box-shadow: 0 0 0 0;
      border-color: #4A7BC9;
      color: #1A3FD6; }
    .service-supplements-display .btn-holder .msci-btn-secondary:active:focus {
      background-color: #FFFFFF;
      box-shadow: 0 0 0 0; }
    .service-supplements-display .btn-holder .msci-btn-primary:active:focus {
      box-shadow: 0 0 0 0;
      background-color: #4A7BC9; }
    .service-supplements-display .btn-holder .msci-btn-primary:focus {
      box-shadow: 0 0 0 0;
      background-color: #4A7BC9;
      border: none; }
    .service-supplements-display .btn-holder .msci-btn-primary:hover {
      text-decoration: underline !important; }
    .service-supplements-display .btn-holder .btn {
      margin-bottom: 14px;
      margin-right: 10px; }
  .service-supplements-display .supplement-download {
    font-size: 20px; }
  .service-supplements-display .historical-title {
    padding-top: 30px; }
  .service-supplements-display .cw-toggler-clicker {
    max-width: 350px; }
  .service-supplements-display .service-supplement-current a {
    padding-top: 0;
    border-top: 0;
    text-transform: none; }
  .service-supplements-display .service-supplement-current .article-content {
    left: 370px;
    right: 0;
    padding-top: 8px;
    font-weight: bolder;
    color: grey;
    position: absolute; }
  .service-supplements-display .service-supplement-current .download-document {
    right: 0;
    position: absolute;
    padding-top: 5px; }
    .service-supplements-display .service-supplement-current .download-document a {
      text-decoration: none; }
    .service-supplements-display .service-supplement-current .download-document a:hover {
      text-decoration: underline; }
  .service-supplements-display .service-supplement-historical {
    border-bottom: 1px solid #F8F7F7; }
    .service-supplements-display .service-supplement-historical .article-content {
      left: 370px;
      right: 0;
      padding-top: 42px;
      font-weight: bolder;
      color: grey;
      position: absolute; }
    .service-supplements-display .service-supplement-historical a {
      border-top: 0;
      text-transform: none; }
    .service-supplements-display .service-supplement-historical .download-document {
      right: 0;
      position: absolute;
      padding-top: 42px; }
      .service-supplements-display .service-supplement-historical .download-document a {
        text-decoration: none; }
      .service-supplements-display .service-supplement-historical .download-document a:hover {
        text-decoration: underline; }
  @media screen and (max-width: 992px) {
    .service-supplements-display .service-supplement-current {
      position: relative; }
      .service-supplements-display .service-supplement-current .article-content {
        padding-top: 8px; }
      .service-supplements-display .service-supplement-current .download-document {
        padding-top: 35px; }
    .service-supplements-display .service-supplement-historical {
      position: relative; }
      .service-supplements-display .service-supplement-historical .article-content {
        padding-top: 44px; }
      .service-supplements-display .service-supplement-historical .download-document {
        padding-top: 71px; }
    .service-supplements-display .service-supplement-current .article-content,
    .service-supplements-display .service-supplement-current .download-document,
    .service-supplements-display .service-supplement-historical .article-content,
    .service-supplements-display .service-supplement-historical .download-document {
      left: auto;
      right: 15px; } }
  @media screen and (max-width: 768px) {
    .service-supplements-display .cw-toggler-clicker {
      max-width: 300px; } }
  @media screen and (max-width: 576px) {
    .service-supplements-display .cw-toggler-clicker {
      max-width: 250px; } }

.ot-sdk-cookie-policy table tr th, .ot-sdk-cookie-policy table tr td {
  padding: 12px 15px;
  font-size: 16px !important;
  font-family: "Roboto Regular", sans-serif !important; }

.salesforce-preferences-container .pickList_sourceListContainer,
.salesforce-preferences-container .pickList_controlsContainer,
.salesforce-preferences-container .pickList_targetListContainer {
  margin: 0.25em; }

.salesforce-preferences-container .salesforce-selector {
  display: flex;
  flex-direction: row; }
  @media screen and (max-width: 992px) {
    .salesforce-preferences-container .salesforce-selector {
      display: flex;
      flex-direction: column; } }

.salesforce-preferences-container .pickList_listContainer.pickList_sourceListContainer,
.salesforce-preferences-container .pickList_listContainer.pickList_targetListContainer {
  flex: 1;
  user-select: none; }

.salesforce-preferences-container li.pickList_listItem {
  padding: 0.2em;
  margin-left: 0 !important; }

.salesforce-preferences-container .pickList_controlsContainer {
  margin-left: 25px;
  padding: 91px 0 0;
  text-align: center; }
  @media screen and (max-width: 992px) {
    .salesforce-preferences-container .pickList_controlsContainer {
      padding: 0; } }

.salesforce-preferences-container .pickList_controlsContainer button {
  background: #FFFFFF none repeat scroll 0 0;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  margin: 5px 0;
  color: #588fd0;
  cursor: pointer;
  display: block;
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 992px) {
    .salesforce-preferences-container .pickList_controlsContainer button {
      width: 30px;
      margin: 5px auto; } }

.salesforce-preferences-container .pickList_list {
  border: 1px solid #a4a4a4;
  cursor: default;
  height: 250px;
  list-style-type: none;
  margin: 0;
  overflow-y: auto;
  padding: 0.7em; }

.salesforce-preferences-container .pickList_selectedListItem {
  border: 1px solid #FFD916;
  background-color: #F8F7F7;
  padding: 0.3em; }

.salesforce-preferences-container .pickList_listLabel {
  font-weight: bold; }

.salesforce-preferences-container .pickList_addAll {
  display: none; }

.salesforce-preferences-container .btn-row {
  margin-top: 25px;
  margin-bottom: 15px;
  padding-bottom: 25px; }

.salesforce-preferences-container .msci-primary-search-button {
  width: auto;
  border: none; }

.salesforce-preferences-container .pickList_controlsContainer {
  padding-left: 3px;
  padding-right: 3px;
  margin: 3px 10px; }

.salesforce-preferences-container .notification {
  margin-bottom: 15px;
  margin-top: 50px; }

.salesforce-preferences-container .salesforce-preferences-title {
  margin-top: 30px;
  margin-bottom: 30px; }

.msci-esg-industry-materiality-map-form {
  margin-left: 60px;
  margin-right: 60px;
  height: 100%;
  color: #011b2b;
  padding-top: 50px; }
  @media screen and (max-width: 992px) {
    .msci-esg-industry-materiality-map-form {
      margin-left: 30px;
      margin-right: 30px;
      padding-top: 20px; } }
  .msci-esg-industry-materiality-map-form .form-title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .msci-esg-industry-materiality-map-form .form-title {
        font-size: 24px;
        line-height: 32px;
        padding-top: 40px; } }
  .msci-esg-industry-materiality-map-form .required-fields-info {
    margin: 10px 0 25px;
    font-size: 24px;
    line-height: 32px; }
    @media screen and (max-width: 992px) {
      .msci-esg-industry-materiality-map-form .required-fields-info {
        font-size: 18px;
        line-height: 24px; } }
  .msci-esg-industry-materiality-map-form .control-label {
    font-size: 16px;
    line-height: 24px;
    font-family: "Roboto Regular", sans-serif; }
    .msci-esg-industry-materiality-map-form .control-label .reference-mark {
      font-size: 6px; }
  .msci-esg-industry-materiality-map-form .privacy-notice-container .control-label {
    font-size: 14px;
    line-height: 40px; }
  .msci-esg-industry-materiality-map-form .privacy-notice-container .reference-mark {
    font-size: 6px; }
  .msci-esg-industry-materiality-map-form .input-select-wrapper .control-label {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto Bold", sans-serif;
    margin-bottom: 5px; }
  .msci-esg-industry-materiality-map-form .input-select-wrapper:after {
    content: "\f107";
    font-size: 28px;
    position: absolute;
    z-index: 1;
    top: 2rem;
    right: 0.5rem;
    transition: transform .4s;
    transform: rotate(0deg);
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .msci-esg-industry-materiality-map-form .input-select-wrapper.active:after {
    transform: rotate(180deg); }
  .msci-esg-industry-materiality-map-form .input-field {
    font-size: 18px;
    line-height: 24px;
    background-color: #ffffff;
    color: #011b2b;
    height: 38px; }
    .msci-esg-industry-materiality-map-form .input-field:active, .msci-esg-industry-materiality-map-form .input-field:focus {
      border-color: #ffffff !important;
      border-bottom-width: 2px;
      border-bottom-color: #26D9B6 !important;
      box-shadow: none !important; }
    .msci-esg-industry-materiality-map-form .input-field.msci-select {
      background: none;
      position: relative;
      z-index: 2;
      background-image: none !important;
      border-bottom-width: 2px;
      border-bottom-color: #011b2b;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
      padding-left: 0; }
      .msci-esg-industry-materiality-map-form .input-field.msci-select option {
        background-color: #eef1f6;
        color: #011b2b; }
      .msci-esg-industry-materiality-map-form .input-field.msci-select:active, .msci-esg-industry-materiality-map-form .input-field.msci-select:focus {
        box-shadow: 0 0px 2px -2px #26D9B6 !important; }
      .msci-esg-industry-materiality-map-form .input-field.msci-select:hover {
        border-bottom-color: #26D9B6; }
  .msci-esg-industry-materiality-map-form .has-success .msci-select {
    color: #011b2b;
    background-image: none !important; }
    .msci-esg-industry-materiality-map-form .has-success .msci-select option {
      color: #011b2b; }
  .msci-esg-industry-materiality-map-form .reference-mark {
    color: #011b2b !important;
    font-size: 10px; }
  .msci-esg-industry-materiality-map-form .has-error .input-field {
    border-color: #ffffff !important;
    border-bottom-color: #F65058;
    background-image: none !important; }
    .msci-esg-industry-materiality-map-form .has-error .input-field:focus {
      box-shadow: 0 0 2px -2px #F65058; }
    .msci-esg-industry-materiality-map-form .has-error .input-field::placeholder {
      color: #F65058;
      opacity: 0.8; }
  .msci-esg-industry-materiality-map-form .acknowledgement-privacy-notice-checkbox {
    position: relative;
    padding-left: 40px;
    margin-top: 12px; }
    .msci-esg-industry-materiality-map-form .acknowledgement-privacy-notice-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .msci-esg-industry-materiality-map-form .acknowledgement-privacy-notice-checkbox .checkmark {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      height: 20px;
      width: 20px;
      color: #011b2b;
      border: 2px solid #011b2b; }
      .msci-esg-industry-materiality-map-form .acknowledgement-privacy-notice-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 6px;
        top: 0;
        width: 8px;
        height: 14px;
        border: solid #eef1f6;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .msci-esg-industry-materiality-map-form .acknowledgement-privacy-notice-checkbox input:checked ~ .checkmark {
      background-color: #011b2b;
      border: none; }
      .msci-esg-industry-materiality-map-form .acknowledgement-privacy-notice-checkbox input:checked ~ .checkmark:after {
        display: block; }
  .msci-esg-industry-materiality-map-form .button-holder.back-button-row, .msci-esg-industry-materiality-map-form .button-holder.submit-button-row, .msci-esg-industry-materiality-map-form .button-holder.next-button-row {
    border: inherit;
    background-color: #eef1f6;
    color: #011b2b;
    bottom: 60px; }
    @media screen and (max-width: 992px) {
      .msci-esg-industry-materiality-map-form .button-holder.back-button-row, .msci-esg-industry-materiality-map-form .button-holder.submit-button-row, .msci-esg-industry-materiality-map-form .button-holder.next-button-row {
        justify-content: center; } }
    .msci-esg-industry-materiality-map-form .button-holder.back-button-row > button.btn, .msci-esg-industry-materiality-map-form .button-holder.submit-button-row > button.btn, .msci-esg-industry-materiality-map-form .button-holder.next-button-row > button.btn {
      margin-left: 0; }
  @media screen and (min-width: 992px) {
    .msci-esg-industry-materiality-map-form .button-holder.next-button-row {
      padding-left: 100px;
      padding-right: 100px;
      width: 100%; } }
  .msci-esg-industry-materiality-map-form .button-holder.back-button-row {
    background-color: initial;
    flex-direction: row; }
    @media screen and (min-width: 992px) {
      .msci-esg-industry-materiality-map-form .button-holder.back-button-row {
        padding-left: 100px;
        width: 50%; } }
  @media screen and (max-width: 992px) {
    .msci-esg-industry-materiality-map-form .button-holder.submit-button-row {
      flex-direction: row; } }
  @media screen and (min-width: 992px) {
    .msci-esg-industry-materiality-map-form .button-holder.submit-button-row {
      padding-left: 100px;
      padding-right: 100px;
      width: 100%; } }
  .msci-esg-industry-materiality-map-form .button-holder .form-button {
    border: 2px #011b2b solid;
    border-radius: 30px;
    padding: 10px 24px;
    height: auto;
    font-size: 16px;
    background-color: #011b2b;
    transition: none; }
    .msci-esg-industry-materiality-map-form .button-holder .form-button:hover {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #011b2b; }
    .msci-esg-industry-materiality-map-form .button-holder .form-button:focus {
      box-shadow: none; }
    .msci-esg-industry-materiality-map-form .button-holder .form-button:active {
      background-color: #011b2b;
      border-color: #011b2b; }
    .msci-esg-industry-materiality-map-form .button-holder .form-button:active:focus {
      box-shadow: none; }
    .msci-esg-industry-materiality-map-form .button-holder .form-button.submit {
      background-color: #1A3FD6;
      border: 2px #1A3FD6 solid; }
      .msci-esg-industry-materiality-map-form .button-holder .form-button.submit:hover {
        background-color: #4A7BC9;
        border-color: #4A7BC9;
        color: #ffffff; }
  .msci-esg-industry-materiality-map-form .error-container {
    height: 100%;
    display: grid; }
    .msci-esg-industry-materiality-map-form .error-container .error {
      margin: auto;
      font-size: 32px;
      line-height: 40px;
      font-family: "Roboto Regular", sans-serif; }
  .msci-esg-industry-materiality-map-form .close-button {
    position: absolute;
    top: 10px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .msci-esg-industry-materiality-map-form .close-button::before, .msci-esg-industry-materiality-map-form .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 24px;
    height: 1px;
    background: #011b2b; }
  .msci-esg-industry-materiality-map-form .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .msci-esg-industry-materiality-map-form .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .msci-esg-industry-materiality-map-form .thank-you-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .msci-esg-industry-materiality-map-form .thank-you-container .thank-you {
      margin: auto;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      word-break: break-word; }
  .msci-esg-industry-materiality-map-form .form-validator-stack {
    color: #F65058; }
  .msci-esg-industry-materiality-map-form .error-summary {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #F65058;
    padding: 10px 30px;
    font-size: 16px;
    transition: transform 0.4s ease;
    transform: translate(-50%, -100%); }
    .msci-esg-industry-materiality-map-form .error-summary.open {
      transform: translate(-50%, 0); }
  .msci-esg-industry-materiality-map-form .rf-carousel {
    overflow: hidden; }
  .msci-esg-industry-materiality-map-form .rf-carousel-item {
    position: relative; }
  .msci-esg-industry-materiality-map-form .page-counter {
    position: fixed;
    top: 40px;
    right: 60px;
    font-size: 32px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .msci-esg-industry-materiality-map-form .page-counter {
        top: 60px;
        right: 30px;
        font-size: 24px;
        line-height: 32px;
        position: static; } }
  .msci-esg-industry-materiality-map-form .progress-indicators {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 992px) {
      .msci-esg-industry-materiality-map-form .progress-indicators {
        display: none; } }
    .msci-esg-industry-materiality-map-form .progress-indicators .rf-carousel-indicator {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 10px;
      margin: 0 10px;
      border: 2px #011b2b solid; }
      .msci-esg-industry-materiality-map-form .progress-indicators .rf-carousel-indicator.full {
        background: #011b2b; }
  .msci-esg-industry-materiality-map-form .error-container {
    height: 100%;
    display: grid; }
    .msci-esg-industry-materiality-map-form .error-container .error {
      margin: auto;
      font-size: 32px;
      line-height: 40px;
      font-family: "Roboto Regular", sans-serif; }
  .msci-esg-industry-materiality-map-form .error-container,
  .msci-esg-industry-materiality-map-form .success-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .msci-esg-industry-materiality-map-form .error-container .error, .msci-esg-industry-materiality-map-form .error-container .success,
    .msci-esg-industry-materiality-map-form .success-container .error,
    .msci-esg-industry-materiality-map-form .success-container .success {
      margin: auto;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      word-break: break-word; }
    .msci-esg-industry-materiality-map-form .error-container .success p.head-line,
    .msci-esg-industry-materiality-map-form .success-container .success p.head-line {
      margin: auto auto 80px auto;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      word-break: break-word; }
    .msci-esg-industry-materiality-map-form .error-container .success p.sub-line,
    .msci-esg-industry-materiality-map-form .success-container .success p.sub-line {
      margin: 0 100px 40px;
      font-size: 18px;
      line-height: 28px;
      font-family: "Roboto Regular", sans-serif;
      text-align: center;
      word-break: break-word; }
    .msci-esg-industry-materiality-map-form .error-container .highlighted,
    .msci-esg-industry-materiality-map-form .success-container .highlighted {
      color: #F65058;
      font-weight: bold; }

.portal-popup .portlet-boundary_msci_esg_industry_materiality_map_portlet_ {
  background-color: #eef1f6;
  color: #011b2b; }

.esg-industry-materiality-map-subscription-form-dialog-with-footer {
  background-color: #eef1f6;
  color: #011b2b; }
  .esg-industry-materiality-map-subscription-form-dialog-with-footer #main-content {
    background-color: #eef1f6;
    color: #011b2b; }

.esg-industry-materiality-map-subscription-form-popup {
  max-width: 1030px;
  max-height: 800px; }
  .esg-industry-materiality-map-subscription-form-popup .esg-industry-materiality-map-subscription-form-popup-content {
    background-color: #eef1f6;
    color: #011b2b;
    border-radius: 0;
    border: 0px; }
    .esg-industry-materiality-map-subscription-form-popup .esg-industry-materiality-map-subscription-form-popup-content .modal-header {
      display: none; }
    .esg-industry-materiality-map-subscription-form-popup .esg-industry-materiality-map-subscription-form-popup-content .modal-body {
      background-color: #eef1f6;
      color: #011b2b; }
      .esg-industry-materiality-map-subscription-form-popup .esg-industry-materiality-map-subscription-form-popup-content .modal-body .loadingmask {
        background-color: #eef1f6;
        color: #011b2b; }
        .esg-industry-materiality-map-subscription-form-popup .esg-industry-materiality-map-subscription-form-popup-content .modal-body .loadingmask .loadingmask-content {
          background-color: #eef1f6;
          color: #011b2b; }
        .esg-industry-materiality-map-subscription-form-popup .esg-industry-materiality-map-subscription-form-popup-content .modal-body .loadingmask .loadingmask-message {
          filter: invert(1); }

.page-gating-form-container {
  position: relative;
  overflow: hidden;
  margin-left: 60px;
  margin-right: 60px;
  height: 100%;
  color: #011b2b;
  padding-top: 40px; }
  @media screen and (max-width: 992px) {
    .page-gating-form-container {
      margin-left: 30px;
      margin-right: 30px;
      padding-top: 20px; } }
  .page-gating-form-container .form-title {
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .form-title {
        font-size: 24px;
        line-height: 32px;
        padding-top: 40px; } }
  .page-gating-form-container .required-fields-info {
    margin: 10px 0 25px;
    font-size: 24px;
    line-height: 32px; }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .required-fields-info {
        font-size: 18px;
        line-height: 24px; } }
  .page-gating-form-container .control-label {
    font-size: 16px;
    line-height: 24px;
    font-family: "Roboto Regular", sans-serif; }
    .page-gating-form-container .control-label .reference-mark {
      font-size: 6px; }
  .page-gating-form-container .privacy-notice-container .control-label {
    font-size: 14px;
    line-height: 40px; }
  .page-gating-form-container .privacy-notice-container .reference-mark {
    font-size: 6px; }
  .page-gating-form-container .input-select-wrapper .control-label {
    font-size: 14px;
    line-height: 24px;
    font-family: "Roboto Bold", sans-serif;
    margin-bottom: 5px; }
  .page-gating-form-container .input-select-wrapper:after {
    content: "\f107";
    font-size: 28px;
    position: absolute;
    z-index: 1;
    top: 2rem;
    right: 0.5rem;
    transition: transform .4s;
    transform: rotate(0deg);
    font-family: 'Font-Awesome' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .page-gating-form-container .input-select-wrapper.active:after {
    transform: rotate(180deg); }
  .page-gating-form-container .input-field {
    font-size: 18px;
    line-height: 24px;
    background-color: #ffffff;
    color: #011b2b;
    height: 38px; }
    .page-gating-form-container .input-field:active, .page-gating-form-container .input-field:focus {
      border-color: #ffffff !important;
      border-bottom-width: 2px;
      border-bottom-color: #26D9B6 !important;
      box-shadow: none !important; }
    .page-gating-form-container .input-field.msci-select {
      background: none;
      position: relative;
      z-index: 2;
      background-image: none !important;
      border-bottom-width: 2px;
      border-bottom-color: #011b2b;
      border-top: none !important;
      border-left: none !important;
      border-right: none !important;
      padding-left: 0; }
      .page-gating-form-container .input-field.msci-select option {
        background-color: #eef1f6;
        color: #011b2b; }
      .page-gating-form-container .input-field.msci-select:active, .page-gating-form-container .input-field.msci-select:focus {
        box-shadow: 0 0px 2px -2px #26D9B6 !important; }
      .page-gating-form-container .input-field.msci-select:hover {
        border-bottom-color: #26D9B6; }
  .page-gating-form-container .has-success .msci-select {
    color: #011b2b;
    background-image: none !important; }
    .page-gating-form-container .has-success .msci-select option {
      color: #011b2b; }
  .page-gating-form-container .reference-mark {
    color: #011b2b !important;
    font-size: 10px; }
  .page-gating-form-container .has-error .input-field {
    border-color: #ffffff !important;
    border-bottom-color: #F65058;
    background-image: none !important; }
    .page-gating-form-container .has-error .input-field:focus {
      box-shadow: 0 0 2px -2px #F65058; }
    .page-gating-form-container .has-error .input-field::placeholder {
      color: #F65058;
      opacity: 0.8; }
  .page-gating-form-container .acknowledgement-privacy-notice-checkbox {
    position: relative;
    padding-left: 40px;
    margin-top: 12px; }
    .page-gating-form-container .acknowledgement-privacy-notice-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .page-gating-form-container .acknowledgement-privacy-notice-checkbox .checkmark {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      height: 20px;
      width: 20px;
      color: #011b2b;
      border: 2px solid #011b2b; }
      .page-gating-form-container .acknowledgement-privacy-notice-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 6px;
        top: 0;
        width: 8px;
        height: 14px;
        border: solid #eef1f6;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .page-gating-form-container .acknowledgement-privacy-notice-checkbox input:checked ~ .checkmark {
      background-color: #011b2b;
      border: none; }
      .page-gating-form-container .acknowledgement-privacy-notice-checkbox input:checked ~ .checkmark:after {
        display: block; }
  .page-gating-form-container .button-holder.back-button-row, .page-gating-form-container .button-holder.submit-button-row, .page-gating-form-container .button-holder.next-button-row {
    border: inherit;
    background-color: #eef1f6;
    color: #011b2b;
    bottom: 60px; }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .button-holder.back-button-row, .page-gating-form-container .button-holder.submit-button-row, .page-gating-form-container .button-holder.next-button-row {
        justify-content: center; } }
    .page-gating-form-container .button-holder.back-button-row > button.btn, .page-gating-form-container .button-holder.submit-button-row > button.btn, .page-gating-form-container .button-holder.next-button-row > button.btn {
      margin-left: 0; }
  @media screen and (min-width: 992px) {
    .page-gating-form-container .button-holder.next-button-row {
      padding-left: 100px;
      padding-right: 100px;
      width: 100%; } }
  .page-gating-form-container .button-holder.back-button-row {
    background-color: initial;
    flex-direction: row; }
    @media screen and (min-width: 992px) {
      .page-gating-form-container .button-holder.back-button-row {
        padding-left: 100px;
        width: 50%; } }
  @media screen and (max-width: 992px) {
    .page-gating-form-container .button-holder.submit-button-row {
      flex-direction: row; } }
  @media screen and (min-width: 992px) {
    .page-gating-form-container .button-holder.submit-button-row {
      padding-left: 100px;
      padding-right: 100px;
      width: 100%; } }
  .page-gating-form-container .button-holder .form-button {
    border: 2px #011b2b solid;
    border-radius: 30px;
    padding: 10px 24px;
    height: auto;
    font-size: 16px;
    background-color: #011b2b;
    transition: none; }
    .page-gating-form-container .button-holder .form-button:hover {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #011b2b; }
    .page-gating-form-container .button-holder .form-button:focus {
      box-shadow: none; }
    .page-gating-form-container .button-holder .form-button:active {
      background-color: #011b2b;
      border-color: #011b2b; }
    .page-gating-form-container .button-holder .form-button:active:focus {
      box-shadow: none; }
    .page-gating-form-container .button-holder .form-button.submit {
      background-color: #1A3FD6;
      border: 2px #1A3FD6 solid; }
      .page-gating-form-container .button-holder .form-button.submit:hover {
        background-color: #4A7BC9;
        border-color: #4A7BC9;
        color: #ffffff; }
  .page-gating-form-container .error-container {
    height: 100%;
    display: grid; }
    .page-gating-form-container .error-container .error {
      margin: auto;
      font-size: 32px;
      line-height: 40px;
      font-family: "Roboto Regular", sans-serif; }
  .page-gating-form-container .close-button {
    position: absolute;
    top: 10px;
    height: 31px;
    right: 0;
    margin-left: -20px;
    width: 41px;
    background-size: 13px auto;
    cursor: pointer;
    z-index: 1; }
  .page-gating-form-container .close-button::before, .page-gating-form-container .close-button::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 14px;
    width: 24px;
    height: 1px;
    background: #011b2b; }
  .page-gating-form-container .close-button::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .page-gating-form-container .close-button::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .page-gating-form-container .thank-you-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .page-gating-form-container .thank-you-container .thank-you {
      margin: auto;
      font-size: 40px;
      line-height: 48px;
      font-family: "Roboto Bold", sans-serif;
      text-align: center;
      word-break: break-word; }
  .page-gating-form-container .form-validator-stack {
    color: #F65058; }
  .page-gating-form-container .error-summary {
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #F65058;
    padding: 10px 30px;
    font-size: 16px;
    transition: transform 0.4s ease;
    transform: translate(-50%, -100%); }
    .page-gating-form-container .error-summary.open {
      transform: translate(-50%, 0); }
  .page-gating-form-container .rf-carousel {
    overflow: hidden; }
  .page-gating-form-container .rf-carousel-item {
    position: relative; }
  .page-gating-form-container .page-counter {
    position: absolute;
    top: 40px;
    right: 60px;
    font-size: 40px;
    line-height: 48px;
    font-family: "Roboto Black", sans-serif; }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .page-counter {
        top: 60px;
        right: 30px;
        font-size: 24px;
        line-height: 32px;
        position: static; } }
  .page-gating-form-container .progress-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 992px) {
      .page-gating-form-container .progress-indicators {
        display: none; } }
    .page-gating-form-container .progress-indicators .rf-carousel-indicator {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 10px;
      margin: 0 10px;
      border: 2px #011b2b solid; }
      .page-gating-form-container .progress-indicators .rf-carousel-indicator.full {
        background: #011b2b; }
  @media screen and (min-width: 992px) {
    .page-gating-form-container form {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 0px;
      margin-top: 150px; }
    .page-gating-form-container .rf-carousel {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 0px; }
      .page-gating-form-container .rf-carousel .rf-carousel-item {
        height: 100%; }
      .page-gating-form-container .rf-carousel .next-button-row .msci-page-gating-form-button {
        position: absolute;
        bottom: 40px;
        right: 0px; }
      .page-gating-form-container .rf-carousel .submit-button-row .msci-page-gating-form-button {
        position: absolute;
        bottom: 40px;
        right: 0px; }
      .page-gating-form-container .rf-carousel .back-button-row .msci-page-gating-form-button {
        position: absolute;
        bottom: 40px;
        left: 0px; } }
  @media screen and (max-width: 768px) {
    .page-gating-form-container {
      margin-top: 120px;
      padding: unset;
      padding-top: 20px; } }

#page-gating-modal-container {
  display: none; }

/* The Modal (background) */
.page-gating-modal {
  display: block;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */ }
  @media screen and (max-width: 320px) {
    .page-gating-modal #main-content {
      margin: 15% 5% 0 5%; } }

/* Modal Content/Box */
.page-gating-modal-content {
  position: relative;
  background-color: #eef1f6;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  height: 800px;
  width: 1030px;
  overflow: hidden; }
  @media screen and (max-width: 992px) {
    .page-gating-modal-content {
      height: 800px;
      width: 1030px; } }
  @media screen and (max-width: 768px) {
    .page-gating-modal-content {
      height: 700px;
      width: 700px; } }
  @media screen and (max-width: 319px) {
    .page-gating-modal-content {
      margin: 0 15%; } }

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

@media screen and (max-width: 768px) {
  .msci-page-gating-form-button {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important; } }

.msci-page-gating-form-button {
  border: 2px #011b2b solid;
  border-radius: 30px;
  padding: 10px 24px;
  height: auto;
  font-size: 16px;
  background-color: #011b2b;
  transition: none; }

.msci-page-gating-form-button.submit {
  background-color: #1A3FD6;
  border: 2px #1A3FD6 solid; }

.page-gating-form-dialog-with-footer {
  margin: 10% auto;
  max-width: 1030px;
  height: 800px;
  background-color: #eef1f6;
  color: #011b2b; }
  @media screen and (max-width: 768px) {
    .page-gating-form-dialog-with-footer {
      height: unset;
      margin-left: 3%;
      margin-right: 3%; } }
  .page-gating-form-dialog-with-footer #main-content {
    background-color: #eef1f6;
    color: #011b2b; }

.msci-coveo-source-tabs .source-tab {
  background: #00c4b3;
  padding: 10px 0 10px 16px;
  font-size: 15px;
  display: inline-block;
  margin: 0 5px 10px 0; }

.default-layout-with-sidebar.internal-pages.internal-left-nav .date-tag:before {
  margin-right: 5px; }

.default-layout-with-sidebar.internal-pages.internal-left-nav p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 20px; }

.default-layout-with-sidebar.internal-pages.internal-left-nav li {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 10px; }

.default-layout-with-sidebar.internal-pages.internal-left-nav img {
  max-width: 100%; }

@media screen and (max-width: 768px) {
  .default-layout-with-sidebar.internal-pages.internal-left-nav .reverse-mobile-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }

@media screen and (max-width: 768px) {
  .default-layout-with-sidebar.internal-pages.internal-left-nav .paginator-content {
    padding-top: 10px; } }

@media screen and (min-width: 768px) {
  .index-static .bottom-cards .card {
    border: none;
    background: transparent; }
    .index-static .bottom-cards .card .empty {
      padding: 50px; } }

@media screen and (max-width: 768px) {
  .index-static .bottom-cards .card {
    border: none;
    background: transparent; }
  .index-static .bottom-cards .portlet-layout:last-child .card div.empty {
    padding: 50px; } }

.index-static.internal-pages.internal-left-nav .content-detailed-container {
  margin-bottom: 0px; }

.leadership-bio-container .portlet-column-content {
  display: flex;
  flex-wrap: wrap; }
  .leadership-bio-container .portlet-column-content .leadership-bio {
    width: 100%;
    margin: 20px; }

.leadership-bio-container .portlet-boundary {
  width: 25%; }

@media screen and (max-width: 768px) {
  .leadership-bio-container .portlet-boundary {
    width: 100%; } }

.recognition div {
  display: inline-block;
  vertical-align: top;
  padding: 30px;
  width: 33%;
  min-height: 250px; }

.recognition a + a {
  display: block; }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .recognition div {
    width: 49%;
    padding: 20px; } }

@media screen and (max-width: 768px) {
  .recognition div {
    width: 100%;
    padding: 10px;
    text-align: center; } }

.chinese-homepage .index-preview-portlet {
  padding-top: 0px;
  padding-bottom: 0px; }

.chinese-homepage .main-content {
  padding-top: 60px;
  padding-bottom: 60px; }

.our-story.internal-pages .portlet-layout.container-fluid.container-fluid-max-xl {
  padding-left: 0px;
  padding-right: 0px; }

.row section.card {
  border: none; }

.default_content_30_70_no_top_no_cards .portlet-column-last p {
  font-size: 14px !important; }

.default_content_30_70_no_top_no_cards .portlet-column-last li {
  font-size: 14px !important; }

.msci-default-content .wmbasictwo td {
  padding: 6px 13px 5px 2px !important; }

.wmbasictwo .quotation-triangle.blue {
  border-color: #5987da transparent transparent transparent; }

.wmbasictwo .quotation-triangle-new {
  display: flex !important;
  border-width: 12px 12px 0 0 !important; }

arrow_span {
  content: "\2193";
  color: #5987da; }

.wmbasictwo .index-lister {
  font-size: 18px !important; }

/*# sourceMappingURL=main.css.map */