<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.fai-campaign footer,.fai-campaign header{margin-left:calc(-50vw + 50%);width:100vw}.global-configuration-entries-component{background-color:#000;top:75pt;color:#fff;font-size:x-small;opacity:.7;padding:10px;position:fixed;width:150px;z-index:10100}.cmp-experiencefragment-nav{margin-left:calc(-50vw + 50%);width:100vw}@media screen and (max-width:960px){div[display-mobile-nav=false] .cmp-primary-nav,div[display-mobile-nav=false].profile-nav,div[display-mobile-nav=false] .toggle-search{display:none}body .trp-beacon .cmp-primary-nav-pane{top:calc(121px - 1.7em)}body:not(.mobile-optimized-viewport) .trp-beacon .cmp-primary-nav-pane{top:calc(106px - 1.7em)}.cmp-experiencefragment-nav .xf-content-height{margin:0}.cmp-experiencefragment-nav .cmp-experiencefragment{padding-bottom:0;padding-top:0}.cmp-experiencefragment-nav.activate{min-height:calc(100vh - 75pt);background:#f9fafa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.cmp-experiencefragment-nav.activate .cmp-experiencefragment{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cmp-primary-nav,.profile-nav,.toggle-search{display:none}.activate.profile-nav{display:block}.activate.profile-nav.site-preference-logout{bottom:20px;position:fixed}.activate.profile-nav.my-profile-logout{bottom:0;position:fixed;width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.activate.profile-nav.my-profile-logout ul{list-style:none;min-height:4pc;border:0 solid;margin:0;background-color:#f4f5f6;width:100%;padding:1pc}.activate.profile-nav.my-profile-logout ul,.activate.profile-nav.my-profile-logout ul a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.activate.profile-nav.my-profile-logout ul a{min-width:40%;min-height:2pc;font-family:Nimbus Sans Novus Bold,Helvetica,Arial,sans-serif;font-size:14px;line-height:1pc;border-radius:4px;text-decoration:none}.activate.profile-nav.my-profile-logout ul .register{color:#0063ad;border:1px solid #0063ad;background-color:transparent;margin-right:8px}.activate.profile-nav.my-profile-logout ul .sign-in{color:#fff;background-color:#0063ad;border:1px solid #0063ad;margin-left:8px}.activate.profile-nav.my-profile-login{margin-top:-2rem}.activate.profile-nav.my-profile-login ul{padding:0 24px;list-style:none;margin:0 -9pt}.activate.profile-nav.my-profile-login ul .my-profile-nav-header{font-family:var(--beacon-system-font-family-body),Arial,Helvetica,sans-serif;font-size:9pt;text-transform:uppercase;margin-top:-19px}.activate.profile-nav.my-profile-login ul li:last-child{border-bottom:0}.beacon nav.top-header-navigation ul li.sign-in-register span,.beacon nav.top-header-navigation ul li:not(.register-success):not(.sign-in-register){display:none}.beacon nav.top-header-navigation .overlay-container.signinoverlay .registration-ul li{display:block!important}.beacon.top-header{height:auto;background-color:#f4f5f6}.beacon.top-header .page-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto}.beacon.top-header .logo-symbol,.beacon.top-header .logo-wordmark,.beacon.top-header a.hide{display:none}.beacon.top-header .beacon-mobile-wordmark{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:1pc}.beacon.top-header .beacon-mobile-wordmark.hide{display:none}.beacon.top-header .beacon-fa:before{content:url(base/images/icon-search-blue.svg)}.beacon.top-header .beacon-fa.fa{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;right:58px;position:absolute}.beacon.top-header .toggle-search{display:none}.beacon.top-header .toggle-search.activate{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:absolute;width:100%;background-color:#fff}.beacon.top-header .toggle-search.activate input[type=text]{width:80%;border:0;font-size:1pc;line-height:24px;font-family:Nimbus Sans Italic,Helvetica,Arial,sans-serif;color:#3b4b59;caret-color:#05c3de;outline:none}.beacon.top-header .toggle-search.activate input[type=text]:focus{font-size:1pc;line-height:24px}.beacon.top-header .toggle-search.activate input[type=button]{width:20%;background:#fff;border:0;border-left:1px solid #bec3c8;border-radius:0;font-size:9pt;line-height:1pc;font-family:var(--beacon-system-font-family-body),Arial,Helvetica,sans-serif;color:#086ea1}.beacon.top-header .toggle-search.activate .fa-search{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.beacon.top-header .toggle-search.activate .fa-search:before{content:url(base/images/icon-search-gray.svg)}.beacon.top-header .toggle-search.activate .beacon-fa.fa-search{position:static}.beacon.top-header .toggle-search.activate .beacon-fa.fa-search:before{content:url(base/images/icon-search-blue.svg)}}.beacon-fa.fa{display:none}@media screen and (min-width:961px){.cmp-navigation-menu.trp-beacon .cmp-primary-nav-pane{margin-left:calc(-50vw + 50%);top:4pc;width:100vw}nav[display-mobile-nav=false].default-primary-nav{display:none}.cmp-experiencefragment-nav .cmp-experiencefragment{padding-bottom:0;padding-top:0}.beacon.top-header .beacon-mobile-wordmark,.profile-nav,.toggle-search{display:none}.fai-campaign .trp-beacon .cmp-primary-nav{margin-left:calc(-50vw + 50%);width:100vw}}.fai-modal-container{background:rgba(0,47,72,.64);height:100%;left:0;padding:2pc;position:fixed;top:0;width:100%;z-index:9999;display:none;overflow:auto}.fai-modal-container .beacon-modal-wrapper{margin:auto;position:relative;width:774px;height:482px;display:block;top:200px}.fai-modal-container button.tertiary:hover{background-color:transparent}@media screen and (max-width:960px){.fai-modal-container .beacon-modal-wrapper{width:100%}}.fai-campaign .navigation.parsys,.navigation.parsys{padding:0}@media screen and (min-width:640px) and (max-width:960px){.root.responsivegrid.fai-campaign{margin:0}}@media screen and (min-width:961px){.fai-campaign .navigation.parsys{padding:0 .35rem}.fai-campaign .xfpage.page.basicpage.beacon-theme-modern-outlook{margin-left:calc(-50vw + 50%);width:100vw}}@media screen and (min-width:1600px){.fai-campaign .navigation.parsys{padding:0 .39rem}}.container .cmp-container__foreground{padding:0}
@media (max-width:639px){.fai-campaign .footer.base-component,.footer.base-component{padding:0}}footer{clear:both;position:relative;z-index:auto}footer.chart-footer{float:left;width:100%}.fai-campaign footer{margin-left:calc(-50vw + 50%);width:100vw}.fai-campaign footer.beacon-article-tile__footer{margin-left:unset!important;width:unset}.fai-campaign footer.tile__footer--full-width{margin-left:unset!important}@media (min-width:800px){.fai-campaign footer .disclaimer-footer p{margin:0 -1rem}}.disclaimer-footer{background-color:#3b3b3b;display:block;font-size:14px;padding:15px 0 30px;width:100%;float:left}@media (orientation:landscape) and (max-height:450px) and (max-width:900px){.mobile-optimized-viewport .disclaimer-footer .page-wrapper{padding-left:24px}}@media (orientation:portrait) and (max-width:450px),all and (orientation:landscape) and (max-height:450px) and (max-width:900px){.mobile-optimized-viewport .disclaimer-footer .page-wrapper{padding-left:1pc}}@media (orientation:portrait) and (max-width:450px),all and (orientation:landscape) and (max-height:450px) and (max-width:900px){.mobile-optimized-viewport .disclaimer-footer p{font-size:9pt;line-height:17px;margin-left:0;padding-right:2%}}.disclaimer-footer .footnote-rte p,.disclaimer-footer p{border:0;color:#fff;font-size:14px;line-height:17px;margin:0;padding:15px 0 0}@media (max-width:960px){.disclaimer-footer .footnote-rte p,.disclaimer-footer p{margin:0 10px}}@media (orientation:portrait) and (max-width:450px),all and (orientation:landscape) and (max-height:450px) and (max-width:900px){.mobile-optimized-viewport .disclaimer-footer .footnote-rte p,.mobile-optimized-viewport .disclaimer-footer p{margin:0 10px 0 0}}.disclaimer-footer .footnote-rte p.last,.disclaimer-footer p.last{padding-bottom:15px}.disclaimer-footer p a{color:#fff;text-decoration:underline}.disclaimer-footer p a:hover{color:#05c3de}
.trp-beacon .cmp-tabs--dark-theme .cmp-tabs__tab{background-color:#e9ebed}.trp-beacon .cmp-tabs--dark-theme .cmp-tabs__tab .cmp-tabs__tab-heading{color:#086ea1}.trp-beacon .cmp-tabs--dark-theme .cmp-tabs__tab--active{background-color:transparent}.trp-beacon .cmp-tabs--dark-theme .cmp-tabs__tab--active .cmp-tabs__tab-heading{color:#d3d7da}.trp-beacon .cmp-tabs--dark-theme .cmp-tabs__tab:not(.cmp-tabs__tab--active):hover{background-color:#d3d7da}.trp-beacon .cmp-tabs--light-theme .cmp-tabs__tab,.trp-beacon .cmp-tabs--light-theme .cmp-tabs__tab-heading{color:#086ea1}.trp-beacon .cmp-tabs--light-theme .cmp-tabs__tab--active,.trp-beacon .cmp-tabs--light-theme .cmp-tabs__tab--active .cmp-tabs__tab-heading{color:#3b4b59}@media (min-width:960px){.trp-beacon .cmp-tabs--light-theme .cmp-tabs__tab:hover{background-color:#f4f5f6}}
/* search.js TRP-TPD Search setting - *MUST* be placed after jquery-ui.1.10.css */
.ui-helper-hidden-accessible {
  display: none;
}

ul.ui-autocomplete li a {
  white-space: nowrap;
}

.ui-menu .ui-menu-item a {
  text-align: left;
  padding: 5px 2px !important;
}

ul.ui-autocomplete .recent-search-wrapper {
  position: relative;
}

.ui-menu .ui-menu-item .recent-search-remove {
  position: absolute;
  left: 2px;
  top: 6px;
  z-index: 9999;
  opacity: 1;
  cursor: pointer;
}

.ui-menu .recent-search-remove img {
  width: 8px;
  height: 8px;
}

.ui-widget,
li.ui-menu-item,
li.ui-menu-item a {
  font-family: 'Nimbus Sans Regular', Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
}

.ui-autocomplete-term {
  font-family: 'Nimbus Sans Bold', Arial, Helvetica, sans-serif !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-radius: 0 !important;
}

.ui-menu .ui-menu-item a.recent-search-item,
.ui-menu .ui-menu-item:hover a.recent-search-item {
  margin-left: 20px !important;
}

.ui-menu {
  margin-left: -20px;
}

@media (max-width: 960px) {
  .ui-menu {
    padding: 0;
  }

  .ui-widget,
  li.ui-menu-item,
  li.ui-menu-item a {
    font-size: 13px !important;
  }

  .ui-menu .ui-menu-item a {
    padding: 5px 2px !important;
  }
}

.search-field-container{-webkit-box-align:end;-ms-flex-align:end;align-items:end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:var(--beacon-unit-atomic);margin-left:1em;padding:1pc 8px}.search-field-container--input{width:60%}.predictive-search-results-section{padding:2pc 0}.predictive-search-results-section .search-results{overflow-y:hidden;max-height:0;padding:0 24px;-webkit-transition:max-height .25s linear;transition:max-height .25s linear}.predictive-search-results-section.open .search-results{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;overflow-y:unset}.predictive-search-results-section.open a.search-results-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid var(--beacon-colors-light-grey-2);color:var(--beacon-color-cta-primary-default);display:block;font-family:var(--beacon-system-font-family);font-size:var(--beacon-button-font-size-jumbo);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-left:2em;line-height:1.5em;padding:1pc 4px;text-decoration:none;width:60%}.predictive-search-results-section.open a.search-results-item:focus,.predictive-search-results-section.open a.search-results-item:hover{text-decoration:underline}.predictive-search-results-section.open a.search-results-item:last-child{border-bottom:none}.bold-terms{font-weight:700;pointer-events:none}@media (max-width:640px){.search-field-container{margin-left:0;padding:1pc 0}.open .search-results{padding:0}.predictive-search-results-section.open a.search-results-item{margin-left:.5em;width:85%}.search-field-container .search-input-field{inline-size:68%}}
/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define breadcrumb */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-carousel__content {
  position: relative;
}
.cmp-carousel__item {
  display: none;
}
.cmp-carousel__item--active {
  display: block;
}
.cmp-carousel__action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.cmp-carousel__indicators {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cmp-carousel__indicator {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin: 0 7px;
  border-radius: 50%;
  font-size: 0;
  text-indent: -3000px;
  background-color: rgba(0, 0, 0, 0.5);
}
.cmp-carousel__indicator--active {
  background-color: rgba(0, 0, 0, 0.8);
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-search {
  position: relative;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100%;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results {
  display: none;
  overflow-y: auto;
  min-width: 100%;
  max-height: 10rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #fff;
}
.cmp-search__item {
  display: block;
}
.cmp-search__item--is-focused {
  background-color: #ccc;
}

/*
 *  Copyright 2018 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/*
 *  Copyright 2016 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-list {
  /* stylelint-disable-next-line selector-max-type */
}
.cmp-list ul {
  list-style: none;
  padding: 0;
}
.cmp-list--item-description {
  display: block;
}
.cmp-list--item-date:before {
  content: "\2013\00a0";
}

@font-face {
  font-family: 'footable';
  src: url('base/css/Fonts/footable.eot');
  src: url('base/css/Fonts/footable.eot?#iefix') format('embedded-opentype'), url('base/css/Fonts/footable.woff') format('woff'),
    url('base/css/Fonts/footable.ttf') format('truetype'), url('base/css/Fonts/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('base/css/fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
}
.footable.breakpoint &gt; tbody &gt; tr.footable-detail-show &gt; td {
  border-bottom: 0;
}
.footable.breakpoint &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e001';
}
.footable.breakpoint &gt; tbody &gt; tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint &gt; tbody &gt; tr &gt; td.footable-cell-detail {
  background: #eee;
  border-top: 0;
}
.footable.breakpoint &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888;
}
.footable.breakpoint &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e000';
}
.footable.breakpoint.toggle-circle &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e005';
}
.footable.breakpoint.toggle-circle &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e004';
}
.footable.breakpoint.toggle-circle-filled &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e003';
}
.footable.breakpoint.toggle-circle-filled &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e002';
}
.footable.breakpoint.toggle-square &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e007';
}
.footable.breakpoint.toggle-square &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e006';
}
.footable.breakpoint.toggle-square-filled &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e009';
}
.footable.breakpoint.toggle-square-filled &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e008';
}
.footable.breakpoint.toggle-arrow &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e00f';
}
.footable.breakpoint.toggle-arrow &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e011';
}
.footable.breakpoint.toggle-arrow-small &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e013';
}
.footable.breakpoint.toggle-arrow-small &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e015';
}
.footable.breakpoint.toggle-arrow-circle &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e01b';
}
.footable.breakpoint.toggle-arrow-circle &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e01d';
}
.footable.breakpoint.toggle-arrow-circle-filled &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e00b';
}
.footable.breakpoint.toggle-arrow-circle-filled &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e00d';
}
.footable.breakpoint.toggle-arrow-tiny &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e01f';
}
.footable.breakpoint.toggle-arrow-tiny &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e021';
}
.footable.breakpoint.toggle-arrow-alt &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
  content: '\e017';
}
.footable.breakpoint.toggle-arrow-alt &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
  content: '\e019';
}
.footable.breakpoint.toggle-medium &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle {
  font-size: 24px;
}
.footable &gt; thead &gt; tr &gt; th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable &gt; thead &gt; tr &gt; th.footable-sortable:hover {
  cursor: pointer;
}
.footable &gt; thead &gt; tr &gt; th.footable-sorted &gt; span.footable-sort-indicator:before {
  content: '\e013';
}
.footable &gt; thead &gt; tr &gt; th.footable-sorted-desc &gt; span.footable-sort-indicator:before {
  content: '\e012';
}
.footable &gt; thead &gt; tr &gt; th &gt; span.footable-sort-indicator {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable &gt; thead &gt; tr &gt; th &gt; span.footable-sort-indicator:before {
  content: '\e022';
}
.footable &gt; tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
}

/**
 * Featherlight â€“ ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, NoÃ«l Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight-link {
    cursor: pointer;
  }

  .featherlight {
    display: none;

    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647; /* z-index needs to be &gt;= elements on the site. */

    /* position: centering content */
    text-align: center;

    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;

    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
  }

  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }

  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }

  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;

    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;

    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;

    /* dimensions: handling small or empty content */
    min-width: 30%;

    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;

    /* styling */
    background: #fff;
    cursor: auto;

    /* reset white-space wrapping */
    white-space: normal;
  }

  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
  }

  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;

    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;

    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff; /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000;
  }

  .featherlight .featherlight-image {
    /* styling */
    width: 100%;
  }

  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
  }

  .featherlight iframe {
    /* styling */
    border: none;
  }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;

    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}

@charset "UTF-8";
/* stylelint-disable indentation */
/* stylelint-enable indentation */
@font-face { font-family: 'Nimbus Sans Regular'; src: url("base/css/Fonts/75144806-5cb9-4743-95cf-40b7f3df5dda.eot?#iefix"); src: url("base/css/Fonts/75144806-5cb9-4743-95cf-40b7f3df5dda.eot?#iefix") format("eot"), url("base/css/Fonts/b5edab57-23a8-4bc5-bab3-df39a838bd75.svg#b5edab57-23a8-4bc5-bab3-df39a838bd75") format("svg"), url("base/css/Fonts/4e93482e-40f7-4349-a9c2-f8882f15a93b.woff") format("woff"), url("base/css/Fonts/55bc1387-86c7-452b-ae79-2721ea3b0645.ttf") format("truetype"); }

@font-face { font-family: 'Nimbus Sans Bold'; src: url("base/css/Fonts/9dca25dd-18d2-4ec8-a997-ef28c2f4f136.eot?#iefix"); src: url("base/css/Fonts/9dca25dd-18d2-4ec8-a997-ef28c2f4f136.eot?#iefix") format("eot"), url("base/css/Fonts/75896f69-6e33-4f29-97b1-1a105d9d6396.svg#75896f69-6e33-4f29-97b1-1a105d9d6396") format("svg"), url("base/css/Fonts/ce398c7a-fb54-4409-89f7-241065e2af3d.woff") format("woff"), url("base/css/Fonts/fd862b64-8bf7-47e5-81d6-ee4cc1ac851f.ttf") format("truetype"); }

@font-face { font-family: 'Nimbus Sans Condensed'; src: url("base/css/Fonts/2101adaa-6a98-4fa9-b085-3b04c3722637.eot?#iefix"); src: url("base/css/Fonts/2101adaa-6a98-4fa9-b085-3b04c3722637.eot?#iefix") format("eot"), url("base/css/Fonts/24512b2a-e22d-4ebb-887c-a334d039433c.svg#24512b2a-e22d-4ebb-887c-a334d039433c") format("svg"), url("base/css/Fonts/8fb1090e-b4d0-4685-ac8f-3d0c29d60130.woff") format("woff"), url("base/css/Fonts/5d5fc44e-e84b-48ca-a5a7-bed8bdbf79a1.ttf") format("truetype"); }

@font-face { font-family: 'Nimbus Sans Condensed Bold'; src: url("base/css/Fonts/f89ee4ac-b5f0-4422-8dd7-3e355fba718a.eot?#iefix"); src: url("base/css/Fonts/f89ee4ac-b5f0-4422-8dd7-3e355fba718a.eot?#iefix") format("eot"), url("base/css/Fonts/ead1c1fa-6fa2-4024-b9ce-3128cd7a2f96.svg#ead1c1fa-6fa2-4024-b9ce-3128cd7a2f96") format("svg"), url("base/css/Fonts/9585e44d-f531-4fd8-b3b4-5976350fae23.woff") format("woff"), url("base/css/Fonts/4e488f3b-02e7-4c3e-a113-e21af1a2f85e.ttf") format("truetype"); }

/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* normalize.scss v2.1.0 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { -ms-text-size-adjust: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 3 */ font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; font-weight: 300; /* 2 */ font-size: 87.5%; /* 2 */ /* Establish a vertical rhythm unit using $base-line-height. */ line-height: 1.42857em; }

body { margin: 0; color: #061937; --trp-font-family-default-regular: var(--beacon-system-font-family-body); --trp-font-family-default-bold: var(--beacon-system-font-family-body); --beacon-button-font-family: var(--beacon-system-font-family-body); }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

p, pre { margin: 1.71429em 0; }

blockquote { margin: 1.71429em 40px; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

.beacon-theme-modern-outlook b, .beacon-theme-modern-outlook strong { font-weight: 700; }

em, i { font-style: italic; }

dfn { font-style: italic; }

hr { box-sizing: border-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; line-height: 1.71429em; }

pre { white-space: pre-wrap; }

q { quotes: "â€œ" "â€" "â€˜" "â€™"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dl, menu, ol, ul { margin: 1.71429em 0; padding: 0 0 0 40px; }

dl { padding: 0; }

dd { margin: 0 0 0 40px; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border-color: #c0c0c0; margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-top-style: solid; border-top-width: 0.07143em; padding-top: 0.52857em; border-bottom-style: solid; border-bottom-width: 0.07143em; padding-bottom: 1.04286em; border-left-style: solid; border-left-width: 0.07143em; padding-left: 1em; border-right-style: solid; border-right-width: 0.07143em; padding-right: 1em; }

legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

button[disabled], html input[disabled] { cursor: default; }

input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0; /* 2 */ }

input[type='search'] { -webkit-appearance: textfield; /* 1 */ box-sizing: border-box; }

input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

table { border-collapse: collapse; border-spacing: 0; --cell-color: #061937; }

fai-beacon-table[beacon-tag-name=beacon-table] .beacon-table :is(th, td) { --beacon-color-text-default-on-light: #061937; border-right: none !important; border-left: 1px var(--border-style) var(--beacon-component-table-color-border); }

fai-beacon-table[beacon-tag-name=beacon-table] .beacon-table tr :is(th, td):nth-child(1) { border-left: none !important; }

fai-beacon-table[beacon-tag-name=beacon-table] .beacon-table tr &gt; td:nth-child(n+2) { border-left: none !important; }

fai-beacon-table[beacon-tag-name=beacon-table] .beacon-table tr :is(th, td) { border-bottom: none !important; border-top: 1px var(--border-style) var(--beacon-component-table-color-border) !important; }

fai-beacon-table[beacon-tag-name=beacon-table] .beacon-table tr:nth-child(1) :is(th, td) { border-top: none !important; border-bottom: none !important; }

fai-beacon-table[beacon-tag-name=beacon-table] .beacon-table thead tr:nth-child(1) :is(th) { border-bottom: 1px var(--border-style) var(--beacon-component-table-color-border) !important; }

fai-beacon-table[beacon-tag-name=beacon-table] .beacon-table tbody :is(th) { font: var(--beacon-system-font-weight-bold) var(--beacon-system-font-size-sans-serif-caption-200); }

/* stylelint-disable selector-class-pattern */
* { box-sizing: border-box; }

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

html { font-size: 16px; }

body { color: #061937; font-family: var(--beacon-system-font-family-body); font-size: 14px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .mobile-optimized-viewport body { position: relative; } }

main { background-color: #ebebeb; min-width: 768px; }

.mobile-optimized-viewport main { min-width: 0; width: 100%; }

section { background-color: #ebebeb; }

body &gt; section, main { zoom: 1; }

body &gt; section::after, body &gt; section::before, main::after, main::before { content: ''; display: table; }

body &gt; section::after, main::after { clear: both; }

:where(body:not(.b-reset)) .h1, :where(body:not(.b-reset)) h1:not([slot='title']), :where(body:not(.b-reset)) .h2, :where(body:not(.b-reset)) h2:not([slot='title']), :where(body:not(.b-reset)) .h3, :where(body:not(.b-reset)) h3:not([slot='title']), :where(body:not(.b-reset)) .h4, :where(body:not(.b-reset)) h4:not([slot='title']), :where(body:not(.b-reset)) .h5, :where(body:not(.b-reset)) h5:not([slot='title']), :where(body:not(.b-reset)) .h6, :where(body:not(.b-reset)) h6:not([slot='title']) { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; border: 0; }

:where(body:not(.b-reset)) .dark.h1, :where(body:not(.b-reset)) h1.dark:not([slot='title']), :where(body:not(.b-reset)) .dark.h2, :where(body:not(.b-reset)) h2.dark:not([slot='title']), :where(body:not(.b-reset)) .dark.h3, :where(body:not(.b-reset)) h3.dark:not([slot='title']), :where(body:not(.b-reset)) .dark.h4, :where(body:not(.b-reset)) h4.dark:not([slot='title']), :where(body:not(.b-reset)) .dark.h5, :where(body:not(.b-reset)) h5.dark:not([slot='title']), :where(body:not(.b-reset)) .dark.h6, :where(body:not(.b-reset)) h6.dark:not([slot='title']) { color: #061937; }

:where(body:not(.b-reset)) .trp-white.h1, :where(body:not(.b-reset)) h1.trp-white:not([slot='title']), :where(body:not(.b-reset)) .trp-white.h2, :where(body:not(.b-reset)) h2.trp-white:not([slot='title']), :where(body:not(.b-reset)) .trp-white.h3, :where(body:not(.b-reset)) h3.trp-white:not([slot='title']), :where(body:not(.b-reset)) .trp-white.h4, :where(body:not(.b-reset)) h4.trp-white:not([slot='title']), :where(body:not(.b-reset)) .trp-white.h5, :where(body:not(.b-reset)) h5.trp-white:not([slot='title']), :where(body:not(.b-reset)) .trp-white.h6, :where(body:not(.b-reset)) h6.trp-white:not([slot='title']) { color: #fff; }

:where(body:not(.b-reset)) .trp-black.h1, :where(body:not(.b-reset)) h1.trp-black:not([slot='title']), :where(body:not(.b-reset)) .trp-black.h2, :where(body:not(.b-reset)) h2.trp-black:not([slot='title']), :where(body:not(.b-reset)) .trp-black.h3, :where(body:not(.b-reset)) h3.trp-black:not([slot='title']), :where(body:not(.b-reset)) .trp-black.h4, :where(body:not(.b-reset)) h4.trp-black:not([slot='title']), :where(body:not(.b-reset)) .trp-black.h5, :where(body:not(.b-reset)) h5.trp-black:not([slot='title']), :where(body:not(.b-reset)) .trp-black.h6, :where(body:not(.b-reset)) h6.trp-black:not([slot='title']) { color: #000; }

:where(body:not(.b-reset)) .trp-blue.h1, :where(body:not(.b-reset)) h1.trp-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-blue.h2, :where(body:not(.b-reset)) h2.trp-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-blue.h3, :where(body:not(.b-reset)) h3.trp-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-blue.h4, :where(body:not(.b-reset)) h4.trp-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-blue.h5, :where(body:not(.b-reset)) h5.trp-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-blue.h6, :where(body:not(.b-reset)) h6.trp-blue:not([slot='title']) { color: #05c3de; }

:where(body:not(.b-reset)) .trp-dark-blue.h1, :where(body:not(.b-reset)) h1.trp-dark-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-blue.h2, :where(body:not(.b-reset)) h2.trp-dark-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-blue.h3, :where(body:not(.b-reset)) h3.trp-dark-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-blue.h4, :where(body:not(.b-reset)) h4.trp-dark-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-blue.h5, :where(body:not(.b-reset)) h5.trp-dark-blue:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-blue.h6, :where(body:not(.b-reset)) h6.trp-dark-blue:not([slot='title']) { color: #054c70; }

:where(body:not(.b-reset)) .trp-dark-grey.h1, :where(body:not(.b-reset)) h1.trp-dark-grey:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-grey.h2, :where(body:not(.b-reset)) h2.trp-dark-grey:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-grey.h3, :where(body:not(.b-reset)) h3.trp-dark-grey:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-grey.h4, :where(body:not(.b-reset)) h4.trp-dark-grey:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-grey.h5, :where(body:not(.b-reset)) h5.trp-dark-grey:not([slot='title']), :where(body:not(.b-reset)) .trp-dark-grey.h6, :where(body:not(.b-reset)) h6.trp-dark-grey:not([slot='title']) { color: #061937; }

:where(body:not(.b-reset)) .trp-gray-darker-medium.h1, :where(body:not(.b-reset)) h1.trp-gray-darker-medium:not([slot='title']), :where(body:not(.b-reset)) .trp-gray-darker-medium.h2, :where(body:not(.b-reset)) h2.trp-gray-darker-medium:not([slot='title']), :where(body:not(.b-reset)) .trp-gray-darker-medium.h3, :where(body:not(.b-reset)) h3.trp-gray-darker-medium:not([slot='title']), :where(body:not(.b-reset)) .trp-gray-darker-medium.h4, :where(body:not(.b-reset)) h4.trp-gray-darker-medium:not([slot='title']), :where(body:not(.b-reset)) .trp-gray-darker-medium.h5, :where(body:not(.b-reset)) h5.trp-gray-darker-medium:not([slot='title']), :where(body:not(.b-reset)) .trp-gray-darker-medium.h6, :where(body:not(.b-reset)) h6.trp-gray-darker-medium:not([slot='title']) { color: #767676; }

:where(body:not(.b-reset)) .h1 a, :where(body:not(.b-reset)) h1:not([slot='title']) a, :where(body:not(.b-reset)) .h2 a, :where(body:not(.b-reset)) h2:not([slot='title']) a, :where(body:not(.b-reset)) .h3 a, :where(body:not(.b-reset)) h3:not([slot='title']) a, :where(body:not(.b-reset)) .h4 a, :where(body:not(.b-reset)) h4:not([slot='title']) a, :where(body:not(.b-reset)) .h5 a, :where(body:not(.b-reset)) h5:not([slot='title']) a, :where(body:not(.b-reset)) .h6 a, :where(body:not(.b-reset)) h6:not([slot='title']) a { color: #086ea1; text-decoration: none; }

:where(body:not(.b-reset)) .h1 a:hover, :where(body:not(.b-reset)) h1:not([slot='title']) a:hover, :where(body:not(.b-reset)) .h2 a:hover, :where(body:not(.b-reset)) h2:not([slot='title']) a:hover, :where(body:not(.b-reset)) .h3 a:hover, :where(body:not(.b-reset)) h3:not([slot='title']) a:hover, :where(body:not(.b-reset)) .h4 a:hover, :where(body:not(.b-reset)) h4:not([slot='title']) a:hover, :where(body:not(.b-reset)) .h5 a:hover, :where(body:not(.b-reset)) h5:not([slot='title']) a:hover, :where(body:not(.b-reset)) .h6 a:hover, :where(body:not(.b-reset)) h6:not([slot='title']) a:hover { color: #0985c3; text-decoration: underline; }

:where(body:not(.b-reset)) .bright.h1 a, :where(body:not(.b-reset)) h1.bright:not([slot='title']) a, :where(body:not(.b-reset)) .bright.h2 a, :where(body:not(.b-reset)) h2.bright:not([slot='title']) a, :where(body:not(.b-reset)) .bright.h3 a, :where(body:not(.b-reset)) h3.bright:not([slot='title']) a, :where(body:not(.b-reset)) .bright.h4 a, :where(body:not(.b-reset)) h4.bright:not([slot='title']) a, :where(body:not(.b-reset)) .bright.h5 a, :where(body:not(.b-reset)) h5.bright:not([slot='title']) a, :where(body:not(.b-reset)) .bright.h6 a, :where(body:not(.b-reset)) h6.bright:not([slot='title']) a { color: #05c3de; }

:where(body:not(.b-reset)) .bright.h1 a:hover, :where(body:not(.b-reset)) h1.bright:not([slot='title']) a:hover, :where(body:not(.b-reset)) .bright.h2 a:hover, :where(body:not(.b-reset)) h2.bright:not([slot='title']) a:hover, :where(body:not(.b-reset)) .bright.h3 a:hover, :where(body:not(.b-reset)) h3.bright:not([slot='title']) a:hover, :where(body:not(.b-reset)) .bright.h4 a:hover, :where(body:not(.b-reset)) h4.bright:not([slot='title']) a:hover, :where(body:not(.b-reset)) .bright.h5 a:hover, :where(body:not(.b-reset)) h5.bright:not([slot='title']) a:hover, :where(body:not(.b-reset)) .bright.h6 a:hover, :where(body:not(.b-reset)) h6.bright:not([slot='title']) a:hover { color: #5fe9fc; }

:where(body:not(.b-reset)) .h1 strong, :where(body:not(.b-reset)) h1:not([slot='title']) strong, :where(body:not(.b-reset)) .h2 strong, :where(body:not(.b-reset)) h2:not([slot='title']) strong, :where(body:not(.b-reset)) .h3 strong, :where(body:not(.b-reset)) h3:not([slot='title']) strong, :where(body:not(.b-reset)) .h4 strong, :where(body:not(.b-reset)) h4:not([slot='title']) strong, :where(body:not(.b-reset)) .h5 strong, :where(body:not(.b-reset)) h5:not([slot='title']) strong, :where(body:not(.b-reset)) .h6 strong, :where(body:not(.b-reset)) h6:not([slot='title']) strong { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: normal; }

:where(body:not(.b-reset)) .h1, :where(body:not(.b-reset)) h1:not([slot='title']) { font-size: 34px; line-height: 46.95238px; }

:where(body:not(.b-reset)) .h2, :where(body:not(.b-reset)) h2:not([slot='title']) { font-size: 30px; line-height: 41.42857px; }

:where(body:not(.b-reset)) .h3, :where(body:not(.b-reset)) h3:not([slot='title']) { color: var(--beacon-system-color-text-standard); font-size: 26px; line-height: 35.90476px; }

:where(body:not(.b-reset)) .h4, :where(body:not(.b-reset)) h4:not([slot='title']) { font-size: 22px; line-height: 30.38095px; }

:where(body:not(.b-reset)) .h5, :where(body:not(.b-reset)) h5:not([slot='title']) { font-size: 18px; line-height: 24.85714px; }

:where(body:not(.b-reset)) .h6, :where(body:not(.b-reset)) h6:not([slot='title']) { font-size: 14px; line-height: 19.33333px; }

:where(body:not(.b-reset)) h1:not([slot='title']).xx-large, :where(body:not(.b-reset)) h2:not([slot='title']).xx-large, :where(body:not(.b-reset)) h3:not([slot='title']).xx-large, :where(body:not(.b-reset)) h4:not([slot='title']).xx-large, :where(body:not(.b-reset)) h5:not([slot='title']).xx-large, :where(body:not(.b-reset)) h6:not([slot='title']).xx-large { font-size: 72px; line-height: 76px; margin-bottom: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { :where(body:not(.b-reset)) h1:not([slot='title']).xx-large, :where(body:not(.b-reset)) h2:not([slot='title']).xx-large, :where(body:not(.b-reset)) h3:not([slot='title']).xx-large, :where(body:not(.b-reset)) h4:not([slot='title']).xx-large, :where(body:not(.b-reset)) h5:not([slot='title']).xx-large, :where(body:not(.b-reset)) h6:not([slot='title']).xx-large { font-size: 64px; line-height: 68px; margin-bottom: 16px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { :where(body:not(.b-reset)) h1:not([slot='title']).xx-large, :where(body:not(.b-reset)) h2:not([slot='title']).xx-large, :where(body:not(.b-reset)) h3:not([slot='title']).xx-large, :where(body:not(.b-reset)) h4:not([slot='title']).xx-large, :where(body:not(.b-reset)) h5:not([slot='title']).xx-large, :where(body:not(.b-reset)) h6:not([slot='title']).xx-large { font-size: 40px; line-height: 44px; margin-bottom: 16px; } }

:where(body:not(.b-reset)) h1:not([slot='title']).x-large, :where(body:not(.b-reset)) h2:not([slot='title']).x-large, :where(body:not(.b-reset)) h3:not([slot='title']).x-large, :where(body:not(.b-reset)) h4:not([slot='title']).x-large, :where(body:not(.b-reset)) h5:not([slot='title']).x-large, :where(body:not(.b-reset)) h6:not([slot='title']).x-large { font-size: 64px; line-height: 68px; margin-bottom: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { :where(body:not(.b-reset)) h1:not([slot='title']).x-large, :where(body:not(.b-reset)) h2:not([slot='title']).x-large, :where(body:not(.b-reset)) h3:not([slot='title']).x-large, :where(body:not(.b-reset)) h4:not([slot='title']).x-large, :where(body:not(.b-reset)) h5:not([slot='title']).x-large, :where(body:not(.b-reset)) h6:not([slot='title']).x-large { font-size: 56px; line-height: 60px; margin-bottom: 16px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { :where(body:not(.b-reset)) h1:not([slot='title']).x-large, :where(body:not(.b-reset)) h2:not([slot='title']).x-large, :where(body:not(.b-reset)) h3:not([slot='title']).x-large, :where(body:not(.b-reset)) h4:not([slot='title']).x-large, :where(body:not(.b-reset)) h5:not([slot='title']).x-large, :where(body:not(.b-reset)) h6:not([slot='title']).x-large { font-size: 40px; line-height: 44px; margin-bottom: 16px; } }

:where(body:not(.b-reset)) h1:not([slot='title']).large, :where(body:not(.b-reset)) h2:not([slot='title']).large, :where(body:not(.b-reset)) h3:not([slot='title']).large, :where(body:not(.b-reset)) h4:not([slot='title']).large, :where(body:not(.b-reset)) h5:not([slot='title']).large, :where(body:not(.b-reset)) h6:not([slot='title']).large { font-size: 56px; line-height: 60px; margin-bottom: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { :where(body:not(.b-reset)) h1:not([slot='title']).large, :where(body:not(.b-reset)) h2:not([slot='title']).large, :where(body:not(.b-reset)) h3:not([slot='title']).large, :where(body:not(.b-reset)) h4:not([slot='title']).large, :where(body:not(.b-reset)) h5:not([slot='title']).large, :where(body:not(.b-reset)) h6:not([slot='title']).large { font-size: 48px; line-height: 52px; margin-bottom: 16px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { :where(body:not(.b-reset)) h1:not([slot='title']).large, :where(body:not(.b-reset)) h2:not([slot='title']).large, :where(body:not(.b-reset)) h3:not([slot='title']).large, :where(body:not(.b-reset)) h4:not([slot='title']).large, :where(body:not(.b-reset)) h5:not([slot='title']).large, :where(body:not(.b-reset)) h6:not([slot='title']).large { font-size: 32px; line-height: 36px; margin-bottom: 16px; } }

:where(body:not(.b-reset)) h1:not([slot='title']).medium, :where(body:not(.b-reset)) h2:not([slot='title']).medium, :where(body:not(.b-reset)) h3:not([slot='title']).medium, :where(body:not(.b-reset)) h4:not([slot='title']).medium, :where(body:not(.b-reset)) h5:not([slot='title']).medium, :where(body:not(.b-reset)) h6:not([slot='title']).medium { font-size: 48px; line-height: 52px; margin-bottom: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { :where(body:not(.b-reset)) h1:not([slot='title']).medium, :where(body:not(.b-reset)) h2:not([slot='title']).medium, :where(body:not(.b-reset)) h3:not([slot='title']).medium, :where(body:not(.b-reset)) h4:not([slot='title']).medium, :where(body:not(.b-reset)) h5:not([slot='title']).medium, :where(body:not(.b-reset)) h6:not([slot='title']).medium { font-size: 40px; line-height: 44px; margin-bottom: 16px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { :where(body:not(.b-reset)) h1:not([slot='title']).medium, :where(body:not(.b-reset)) h2:not([slot='title']).medium, :where(body:not(.b-reset)) h3:not([slot='title']).medium, :where(body:not(.b-reset)) h4:not([slot='title']).medium, :where(body:not(.b-reset)) h5:not([slot='title']).medium, :where(body:not(.b-reset)) h6:not([slot='title']).medium { font-size: 32px; line-height: 36px; margin-bottom: 16px; } }

:where(body:not(.b-reset)) h1:not([slot='title']).small, :where(body:not(.b-reset)) h2:not([slot='title']).small, :where(body:not(.b-reset)) h3:not([slot='title']).small, :where(body:not(.b-reset)) h4:not([slot='title']).small, :where(body:not(.b-reset)) h5:not([slot='title']).small, :where(body:not(.b-reset)) h6:not([slot='title']).small { font-size: 40px; line-height: 44px; margin-bottom: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { :where(body:not(.b-reset)) h1:not([slot='title']).small, :where(body:not(.b-reset)) h2:not([slot='title']).small, :where(body:not(.b-reset)) h3:not([slot='title']).small, :where(body:not(.b-reset)) h4:not([slot='title']).small, :where(body:not(.b-reset)) h5:not([slot='title']).small, :where(body:not(.b-reset)) h6:not([slot='title']).small { font-size: 32px; line-height: 36px; margin-bottom: 16px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { :where(body:not(.b-reset)) h1:not([slot='title']).small, :where(body:not(.b-reset)) h2:not([slot='title']).small, :where(body:not(.b-reset)) h3:not([slot='title']).small, :where(body:not(.b-reset)) h4:not([slot='title']).small, :where(body:not(.b-reset)) h5:not([slot='title']).small, :where(body:not(.b-reset)) h6:not([slot='title']).small { font-size: 24px; line-height: 28px; margin-bottom: 16px; } }

:where(body:not(.b-reset)) h1:not([slot='title']).x-small, :where(body:not(.b-reset)) h2:not([slot='title']).x-small, :where(body:not(.b-reset)) h3:not([slot='title']).x-small, :where(body:not(.b-reset)) h4:not([slot='title']).x-small, :where(body:not(.b-reset)) h5:not([slot='title']).x-small, :where(body:not(.b-reset)) h6:not([slot='title']).x-small { font-size: 32px; line-height: 36px; margin-bottom: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { :where(body:not(.b-reset)) h1:not([slot='title']).x-small, :where(body:not(.b-reset)) h2:not([slot='title']).x-small, :where(body:not(.b-reset)) h3:not([slot='title']).x-small, :where(body:not(.b-reset)) h4:not([slot='title']).x-small, :where(body:not(.b-reset)) h5:not([slot='title']).x-small, :where(body:not(.b-reset)) h6:not([slot='title']).x-small { font-size: 24px; line-height: 28px; margin-bottom: 16px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { :where(body:not(.b-reset)) h1:not([slot='title']).x-small, :where(body:not(.b-reset)) h2:not([slot='title']).x-small, :where(body:not(.b-reset)) h3:not([slot='title']).x-small, :where(body:not(.b-reset)) h4:not([slot='title']).x-small, :where(body:not(.b-reset)) h5:not([slot='title']).x-small, :where(body:not(.b-reset)) h6:not([slot='title']).x-small { font-size: 24px; line-height: 28px; margin-bottom: 16px; } }

:where(body:not(.b-reset)) h1:not([slot='title']).xx-small, :where(body:not(.b-reset)) h2:not([slot='title']).xx-small, :where(body:not(.b-reset)) h3:not([slot='title']).xx-small, :where(body:not(.b-reset)) h4:not([slot='title']).xx-small, :where(body:not(.b-reset)) h5:not([slot='title']).xx-small, :where(body:not(.b-reset)) h6:not([slot='title']).xx-small { font-size: 24px; line-height: 28px; margin-bottom: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { :where(body:not(.b-reset)) h1:not([slot='title']).xx-small, :where(body:not(.b-reset)) h2:not([slot='title']).xx-small, :where(body:not(.b-reset)) h3:not([slot='title']).xx-small, :where(body:not(.b-reset)) h4:not([slot='title']).xx-small, :where(body:not(.b-reset)) h5:not([slot='title']).xx-small, :where(body:not(.b-reset)) h6:not([slot='title']).xx-small { font-size: 24px; line-height: 28px; margin-bottom: 16px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { :where(body:not(.b-reset)) h1:not([slot='title']).xx-small, :where(body:not(.b-reset)) h2:not([slot='title']).xx-small, :where(body:not(.b-reset)) h3:not([slot='title']).xx-small, :where(body:not(.b-reset)) h4:not([slot='title']).xx-small, :where(body:not(.b-reset)) h5:not([slot='title']).xx-small, :where(body:not(.b-reset)) h6:not([slot='title']).xx-small { font-size: 24px; line-height: 28px; margin-bottom: 16px; } }

:where(body:not(.b-reset)) h1:not([slot='title']).capitalize, :where(body:not(.b-reset)) h2:not([slot='title']).capitalize, :where(body:not(.b-reset)) h3:not([slot='title']).capitalize, :where(body:not(.b-reset)) h4:not([slot='title']).capitalize, :where(body:not(.b-reset)) h5:not([slot='title']).capitalize, :where(body:not(.b-reset)) h6:not([slot='title']).capitalize { text-transform: capitalize; }

.case-normal { text-transform: none; }

.case-capitalize { text-transform: capitalize; }

.case-uppercase { text-transform: uppercase; }

.case-lowercase { text-transform: lowercase; }

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

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

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

.title { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 26px; padding-bottom: 8px; padding-top: 8px; }

.subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; padding-bottom: 4px; padding-top: 8px; }

a { color: #0063ad; font-family: inherit; text-decoration: none; }

a:hover { color: #0985c3; text-decoration: underline; }

a:focus { outline: thin dotted; outline-color: inherit; }

.nowrap { font-style: normal; white-space: nowrap; }

/* stylelint-disable property-no-vendor-prefix */
select.dark, select.light { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url("base/images/caret-sprite.png"); background-position: right 5px top 10px; background-repeat: no-repeat; border: 0; color: #061937; padding: 5px 24px 5px 5px; }

select.dark:hover, select.light:hover { cursor: pointer; }

select.dark:disabled, select.light:disabled { background-color: #585858; background-image: none; border: 1px solid #585858; color: #dbdbdb; }

select.dark { background-color: #3b3b3b; background-position: right 5px top 10px; border: 1px solid #ccc; color: #fff; }

select.light { background-color: #fff; background-position: right 5px top -10px; }

select.slim { padding: 2px 24px 2px 5px; }

select.loading { background-image: url("base/images/loadingIcon_3b3b3b.gif"); background-position: right 5px center; }

select.loading.dark { background-image: url("base/images/loadingIcon_3b3b3b_inverted.gif"); }

select::-ms-expand { display: none !important; }

/* stylelint-enable property-no-vendor-prefix */
.ext-ie9 select.dark, .ext-ie9 select.light { background-image: none; }

.hidden { display: none !important; }

.hidden-on-publish { display: none; }

.edit-mode .hidden-on-publish { display: block; }

.edit-mode .cmp-premier-content { border: 4px dashed #05c3de; padding: 0 16px; }

.cursor-pointer { cursor: pointer; }

.inline { display: inline; }

section { padding: 24px 0; }

body.cq-wcm-edit .parsys { border: solid 6px rgba(5, 195, 222, 0.3); margin-bottom: 15px; margin-top: 15px; padding: 16px; }

@-moz-document url-prefix('') { body.cq-wcm-edit .x-html-editor-wrap iframe { height: 200px !important; } }

.show-only-in-edit { display: none; }

body.cq-wcm-edit .show-only-in-edit { color: #000; display: block; font-size: 16px; margin: 4px 0; padding: 12px; }

body.cq-wcm-edit .show-only-in-edit.error { background: #f8e7dc; border-top: 4px solid #da291c; color: #da291c; }

body.cq-wcm-edit .show-only-in-edit.info { background: #dbe7ed; border-top: 4px solid #00718d; color: #00718d; }

body.cq-wcm-edit .show-only-in-edit.success { background: #dfeae3; border-top: 4px solid #00843d; color: #00843d; }

body.cq-wcm-edit .show-only-in-edit.warning { background: #f8efce; border-top: 4px solid #daaa00; color: #daaa00; }

.ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] { display: none !important; }

.responsive-image .zoom-dialog, .svg .zoom-dialog { background: white none repeat scroll 0 0; left: 20%; padding: 10px 25px 0; position: fixed; right: 20%; top: 15%; width: auto; z-index: 999999; }

.responsive-image .svg-enlarge-backdrop, .svg .svg-enlarge-backdrop { background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; }

.responsive-image .svg-enlarge-backdrop.fade.in, .svg .svg-enlarge-backdrop.fade.in { opacity: 0.8; }

.responsive-image .svg-enlarge-close-component, .svg .svg-enlarge-close-component { cursor: pointer; display: block; float: right; font-size: 12pt; }

.responsive-image img { max-width: 100%; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .responsive-image img { width: 100%; } }

.responsive-image .responsive-image-inner.left { text-align: left; }

.responsive-image .responsive-image-inner.right { text-align: right; }

.responsive-image .responsive-image-inner.center { text-align: center; }

.overlay-container.responsive-image-zoom { bottom: 0; left: 0; position: fixed; right: 0; top: 0; }

.overlay-container.responsive-image-zoom .inner { background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: contain; border: 16px solid #fff; height: 100%; position: relative; width: 100%; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .overlay-container.responsive-image-zoom .inner { border: 4px solid #fff; } }

.overlay-container.responsive-image-zoom .inner a { min-width: auto; padding: 0 8px; position: absolute; right: 0; }

.white-background { background-color: #fff; }

.blur-content { position: relative; }

.blur-content::after { background-image: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.4) 80%); bottom: 0; content: ''; height: 100%; left: -1px; /*The tips of letters can expand passed the width of the section*/ position: absolute; right: -1px; }

/* Fix for US337506 - White Space Bottom of All FAI Pages */
img[height='1'] { bottom: 0; position: absolute; top: 0; }

/* Update box-sizing properties for AEM Core Hero component */
div[beacon-aem-core='hero'].trp-beacon.hero * { box-sizing: content-box; }

.phone-icon-sprite, .contact .tile-content li .phone::before { background: url("base/images/phone-icon.png") no-repeat; }

.positions-sprite, .asset-allocation-positions .position .indicator.current, .asset-allocation-positions .position .indicator.previous, .asset-allocation-positions-legend .position .indicator.current { background: #c4c4c4 url("base/images/asset-allocation-positions-sprite.png") no-repeat; }

.play-video-sprite, .search-results-page .search-panel .video-container a.video::before, .tile.video .tile-content .video-container::before { background: url("base/images/video_play_button.png") center center no-repeat; }

.locked-content-sprite, .other-documents-container .more-literature-dialog li .lock-display::after, .overlay-container.distributions-download-options .more-literature-dialog li .lock-display::after, .overlay-container.fund-range-documents .more-literature-dialog li .lock-display::after, .modal-content .lock-display::after, .sma-snapshot a.lock-display::after, .fund-snapshot a.lock-display::after, .tile-container .tile-locked-content::after, gdx-product-snapshot-literature button.gdx-literature-locked::after { background: url("base/images/key-sprite-grid.png") no-repeat; }

:where(body:not(.b-reset)) h1:not([slot='title']) { line-height: 34px; }

:where(body:not(.b-reset)) h2:not([slot='title']) { line-height: 30px; }

h3.h3-eyebrow { color: #061937; font-family: var(--beacon-system-font-family-body); font-size: 12px; font-weight: 700; line-height: 16px !important; margin: 0 0 10px; text-transform: uppercase; }

.tile-container h3.h3-eyebrow span { color: #061937; font-family: var(--beacon-system-font-family-body); font-size: 12px; font-weight: 700; line-height: 16px; margin: 0 0 10px; text-transform: uppercase; }

.tile-container h2 a { font-family: var(--beacon-system-font-family-heading); font-weight: 700; }

.tile-container h1, .tile-container h2, .tile-container h3, .tile-container h4, .tile-container h5 { font-weight: 700; }

.tile-container .article-description { font-size: 16px; line-height: 24px; }

.horizontal-band-container .heading a, .article header h1 { font-family: var(--beacon-system-font-family-heading); }

.tile-container a { color: #0063ad; font-weight: 700; }

.tile-container .name a.search-link { color: #0063ad; }

.page-footer .executive-summary li::before, article .executive-summary li::before, .page-footer .paragraph ul li::before, .page-footer .paragraph-with-heading ul li::before, .page-footer .table ul li::before, article .paragraph ul li::before, article .paragraph-with-heading ul li::before, article .table ul li::before, .richtext-heading ul li::before { color: #05c3de; content: '\25a0 \00A0 \00A0'; vertical-align: text-bottom; }

.page-wrapper { max-width: 960px; margin-left: auto; margin-right: auto; clear: both; }

.page-wrapper:after { content: " "; display: block; clear: both; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .page-wrapper { max-width: 752px; transition: width 0.5s; } }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .mobile-optimized-viewport .page-wrapper { max-width: 100%; } }

.page-wrapper.full-width { max-width: 100%; }

body.custom-width-x-large .page-wrapper { max-width: 1280px; }

body.custom-width-xx-large .page-wrapper { max-width: 1600px; }

@media (min-width: 768px) and (max-width: 1280px) { .mobile-optimized-viewport .disclaimer-footer .page-wrapper { max-width: 752px; } }

@media (min-width: 800px) and (max-width: 960px) { .mobile-optimized-viewport .disclaimer-footer .page-wrapper { padding-left: 10px; } }

@media (max-width: 450px) { .mobile-optimized-viewport .disclaimer-footer .page-wrapper { padding-left: 6px; } }

a.button, button.button { background-color: #0063ad; border: 0; border-radius: 4px; box-sizing: border-box; color: #fff; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 16px; height: 40px; line-height: 40px; margin-bottom: 8px; min-width: 90px; padding: 0 16px; text-align: center; text-transform: uppercase; display: inline-block; vertical-align: top; }

a.button.subtle, button.button.subtle { background-color: transparent; border: 1px solid #0063ad; color: #0063ad; }

a.button.subtle:hover, button.button.subtle:hover { border: 1px solid #054c70; color: #054c70; }

a.button:hover, button.button:hover { background-color: #054c70; cursor: pointer; text-decoration: none; }

a.button.trp-icon, button.button.trp-icon { background-position: right 15px center; background-size: 16px 16px; padding-right: 41px; }

a.button.large, button.button.large { border-radius: 5px; font-size: 16px; height: 48px; line-height: 48px; }

a.button.large.trp-icon, button.button.large.trp-icon { background-size: 16px 16px; padding-right: 41px; }

a.button.slim, button.button.slim { border-radius: 4px; height: 32px; line-height: 32px; }

a.button.superslim, button.button.superslim { border-radius: 4px; box-sizing: border-box; font-size: 12px; height: 24px; line-height: 24px; padding: 0 8px; }

a.button.disabled, button.button.disabled { cursor: default; }

a.button.primary, button.button.primary { background-color: #0063ad; transition-duration: 0.4s; }

a.button.primary:hover, button.button.primary:hover { background-color: #054c70; }

a.button.primary:focus, button.button.primary:focus { background-color: #054c70; outline: thin dotted; outline-color: #0063ad; outline-offset: 2px; }

a.button.primary:active, button.button.primary:active { background-color: #043954; }

a.button.primary.subtle, button.button.primary.subtle { background-color: transparent; border: 1px solid #0063ad; color: #0063ad; }

a.button.primary.subtle:hover, button.button.primary.subtle:hover { background-color: #0063ad; border: 1px solid #0063ad; }

a.button.primary.subtle:hover, button.button.primary.subtle:hover { color: #fff; }

a.button.primary.nohover:focus, a.button.primary.nohover:hover, a.button.primary.open:focus, a.button.primary.open:hover, button.button.primary.nohover:focus, button.button.primary.nohover:hover, button.button.primary.open:focus, button.button.primary.open:hover { background-color: #0063ad; cursor: pointer; }

a.button.secondary, button.button.secondary { background-color: #3b3b3b; transition-duration: 0.4s; }

a.button.secondary:hover, button.button.secondary:hover { background-color: #767676; }

a.button.secondary:focus, button.button.secondary:focus { background-color: #3b3b3b; outline: thin dotted; outline-color: #3b3b3b; outline-offset: 2px; }

a.button.secondary:active, button.button.secondary:active { background-color: #3b3b3b; }

a.button.secondary.subtle, button.button.secondary.subtle { background-color: transparent; border: 1px solid #3b3b3b; color: #3b3b3b; }

a.button.secondary.subtle:hover, button.button.secondary.subtle:hover { background-color: #3b3b3b; border: 1px solid #3b3b3b; }

a.button.secondary.subtle:hover, button.button.secondary.subtle:hover { color: #fff; }

a.button.secondary.nohover:focus, a.button.secondary.nohover:hover, a.button.secondary.open:focus, a.button.secondary.open:hover, button.button.secondary.nohover:focus, button.button.secondary.nohover:hover, button.button.secondary.open:focus, button.button.secondary.open:hover { background-color: #3b3b3b; cursor: pointer; }

a.button.callout, button.button.callout { background-color: #e17a17; transition-duration: 0.4s; }

a.button.callout:hover, button.button.callout:hover { background-color: #c56814; }

a.button.callout:focus, button.button.callout:focus { background-color: #c56b14; outline: thin dotted; outline-color: #e17a17; outline-offset: 2px; }

a.button.callout:active, button.button.callout:active { background-color: #a95c11; }

a.button.callout.subtle, button.button.callout.subtle { background-color: transparent; border: 1px solid #e17a17; color: #e17a17; }

a.button.callout.subtle:hover, button.button.callout.subtle:hover { background-color: #e17a17; border: 1px solid #e17a17; }

a.button.callout.subtle:hover, button.button.callout.subtle:hover { color: #fff; }

a.button.callout.nohover:focus, a.button.callout.nohover:hover, a.button.callout.open:focus, a.button.callout.open:hover, button.button.callout.nohover:focus, button.button.callout.nohover:hover, button.button.callout.open:focus, button.button.callout.open:hover { background-color: #e17a17; cursor: pointer; }

a.button.tertiary, button.button.tertiary { background-color: #0063ad; transition-duration: 0.4s; }

a.button.tertiary:hover, button.button.tertiary:hover { background-color: #054c70; }

a.button.tertiary:focus, button.button.tertiary:focus { background-color: #054c70; outline: thin dotted; outline-color: #0063ad; outline-offset: 2px; }

a.button.tertiary:active, button.button.tertiary:active { background-color: #043954; }

a.button.tertiary.subtle, button.button.tertiary.subtle { background-color: transparent; border: 1px solid #0063ad; color: #0063ad; }

a.button.tertiary.subtle:hover, button.button.tertiary.subtle:hover { background-color: #0063ad; border: 1px solid #0063ad; }

a.button.tertiary.subtle:hover, button.button.tertiary.subtle:hover { color: #fff; }

a.button.tertiary.nohover:focus, a.button.tertiary.nohover:hover, a.button.tertiary.open:focus, a.button.tertiary.open:hover, button.button.tertiary.nohover:focus, button.button.tertiary.nohover:hover, button.button.tertiary.open:focus, button.button.tertiary.open:hover { background-color: #0063ad; cursor: pointer; }

a.button.disabled, button.button.disabled { background-color: #d8d8d8; transition-duration: 0.4s; }

a.button.disabled:hover, button.button.disabled:hover { background-color: #d8d8d8; }

a.button.disabled:focus, button.button.disabled:focus { background-color: #d8d8d8; outline: thin dotted; outline-color: #d8d8d8; outline-offset: 2px; }

a.button.disabled:active, button.button.disabled:active { background-color: #d8d8d8; }

a.button.disabled.subtle, button.button.disabled.subtle { background-color: transparent; border: 1px solid #d8d8d8; color: #d8d8d8; }

a.button.disabled.subtle:hover, button.button.disabled.subtle:hover { background-color: #d8d8d8; border: 1px solid #d8d8d8; }

a.button.disabled.subtle:hover, button.button.disabled.subtle:hover { color: #fff; }

a.button.disabled.nohover:focus, a.button.disabled.nohover:hover, a.button.disabled.open:focus, a.button.disabled.open:hover, button.button.disabled.nohover:focus, button.button.disabled.nohover:hover, button.button.disabled.open:focus, button.button.disabled.open:hover { background-color: #d8d8d8; cursor: pointer; }

a.button.cancel, button.button.cancel { background-color: #c4c4c4; transition-duration: 0.4s; }

a.button.cancel:hover, button.button.cancel:hover { background-color: #454545; }

a.button.cancel:focus, button.button.cancel:focus { background-color: #454545; outline: thin dotted; outline-color: #c4c4c4; outline-offset: 2px; }

a.button.cancel:active, button.button.cancel:active { background-color: #454545; }

a.button.cancel.subtle, button.button.cancel.subtle { background-color: transparent; border: 1px solid #c4c4c4; color: #c4c4c4; }

a.button.cancel.subtle:hover, button.button.cancel.subtle:hover { background-color: #c4c4c4; border: 1px solid #c4c4c4; }

a.button.cancel.subtle:hover, button.button.cancel.subtle:hover { color: #fff; }

a.button.cancel.nohover:focus, a.button.cancel.nohover:hover, a.button.cancel.open:focus, a.button.cancel.open:hover, button.button.cancel.nohover:focus, button.button.cancel.nohover:hover, button.button.cancel.open:focus, button.button.cancel.open:hover { background-color: #c4c4c4; cursor: pointer; }

a.button.functional, button.button.functional { background-color: #fff; transition-duration: 0.4s; color: #000; }

a.button.functional:hover, button.button.functional:hover { background-color: #e6e6e6; }

a.button.functional:focus, button.button.functional:focus { background-color: #e6e6e6; outline: thin dotted; outline-color: #fff; outline-offset: 2px; }

a.button.functional:active, button.button.functional:active { background-color: #e6e6e6; }

a.button.functional.subtle, button.button.functional.subtle { background-color: transparent; border: 1px solid #fff; color: #fff; }

a.button.functional.subtle:hover, button.button.functional.subtle:hover { background-color: #fff; border: 1px solid #fff; }

a.button.functional.subtle:hover, button.button.functional.subtle:hover { color: #054c70; }

a.button.functional.subtle:focus, button.button.functional.subtle:focus { background-color: #e6e6e6; color: #054c70; }

a.button.functional.subtle:active, button.button.functional.subtle:active { background-color: #e6e6e6; color: #054c70; }

a.button.functional.nohover:focus, a.button.functional.nohover:hover, a.button.functional.open:focus, a.button.functional.open:hover, button.button.functional.nohover:focus, button.button.functional.nohover:hover, button.button.functional.open:focus, button.button.functional.open:hover { background-color: #fff; cursor: pointer; }

a.button.bright-blue, button.button.bright-blue { background-color: #05c3de; transition-duration: 0.4s; color: #000; }

a.button.bright-blue:hover, button.button.bright-blue:hover { background-color: #04abc2; }

a.button.bright-blue:focus, button.button.bright-blue:focus { background-color: #0492a6; outline: thin dotted; outline-color: #05c3de; outline-offset: 2px; }

a.button.bright-blue:active, button.button.bright-blue:active { background-color: #0497ac; }

a.button.bright-blue.subtle, button.button.bright-blue.subtle { background-color: transparent; border: 1px solid #05c3de; color: #05c3de; }

a.button.bright-blue.subtle:hover, button.button.bright-blue.subtle:hover { background-color: #05c3de; border: 1px solid #05c3de; }

a.button.bright-blue.subtle:hover, button.button.bright-blue.subtle:hover { color: #054c70; }

a.button.bright-blue.subtle:focus, button.button.bright-blue.subtle:focus { background-color: #0492a6; color: #054c70; }

a.button.bright-blue.subtle:active, button.button.bright-blue.subtle:active { background-color: #0497ac; color: #054c70; }

a.button.bright-blue.nohover:focus, a.button.bright-blue.nohover:hover, a.button.bright-blue.open:focus, a.button.bright-blue.open:hover, button.button.bright-blue.nohover:focus, button.button.bright-blue.nohover:hover, button.button.bright-blue.open:focus, button.button.bright-blue.open:hover { background-color: #05c3de; cursor: pointer; }

.loginbutton { float: right; margin-bottom: -6.6px; }

ul.button-group { list-style: none; margin: 0; padding: 0; }

ul.button-group &gt; li { display: inline-block; margin: 0; padding: 0 2px 0 0; }

.button-control { padding: 12px 0; }

a.button.icon, button.button.icon { white-space: nowrap; }

a.button.icon i.download, a.button.icon span.locked-content-download, a.button.icon i.share, button.button.icon i.download, button.button.icon span.locked-content-download, button.button.icon i.share { background-position: center center; background-repeat: no-repeat; display: inline-block; height: 24px; margin-right: 8px; vertical-align: middle; width: 16px; }

a.button.icon i.download, button.button.icon i.download { background-image: url("base/images/download-icon.png"); }

a.button.icon i.share, button.button.icon i.share { background-image: url("base/images/share-icon.png"); vertical-align: top; }

a.button.icon span.locked-content-download, button.button.icon span.locked-content-download { background-image: url("base/images/lock-outline-20px.png"); height: 11px; margin-left: 5px; position: relative; width: 20px; }

/* stylelint-disable scss/dollar-variable-pattern */
.trp-icon { position: relative; }

.trp-icon.right { padding-right: 32px; }

.trp-icon.right::before { position: absolute; right: 12px; }

.trp-icon.left { padding-left: 32px; }

.trp-icon.left::before { left: 12px; position: absolute; }

.trp-icon.trp-right-arrow-blue { background-image: url("base/images/button-icon-arrow-40.svg"); background-position: right 15px center; background-repeat: no-repeat; background-size: 16px 16px; }

.trp-icon.right { background-position: right; }

.trp-icon.left { background-position: left; }

.trp-icon.trp-right-arrow-40-white { background-image: url("base/images/button-icon-arrow-40-white.svg"); background-position: right 15px center; background-repeat: no-repeat; background-size: 18px 18px; }

.trp-icon.right { background-position: right; }

.trp-icon.left { background-position: left; }

.trp-icon.trp-right-circle-arrow-blue { background-image: url("base/images/streamline-circle-arrow-24.svg"); background-position: right 15px center; background-repeat: no-repeat; background-size: 18px 18px; }

.trp-icon.right { background-position: right; }

.trp-icon.left { background-position: left; }

.trp-icon.trp-right-arrow-white { background-image: url("base/images/trp-icon-right-arrow-white.png"); background-position: right 15px center; background-repeat: no-repeat; background-size: 18px 18px; }

.trp-icon.right { background-position: right; }

.trp-icon.left { background-position: left; }

.trp-icon.trp-button-icon-play-circle { background-image: url("base/images/button-icon-play-circle-40.svg"); background-position: right 15px center; background-repeat: no-repeat; background-size: 16px 16px; }

.trp-icon.right { background-position: right; }

.trp-icon.left { background-position: left; }

.trp-icon.trp-button-icon-play-circle-white { background-image: url("base/images/button-icon-play-circle-40-white.svg"); background-position: right 15px center; background-repeat: no-repeat; background-size: 18px 18px; }

.trp-icon.right { background-position: right; }

.trp-icon.left { background-position: left; }

.trp-icon::before { font-family: "FontAwesome"; font-size: inherit; }

.trp-icon.trp-bars::before { content: "ïƒ‰"; }

.trp-icon.trp-caret-down::before { content: "ïƒ—"; }

.trp-icon.trp-info-circle::before { content: "ïš"; }

.trp-icon.trp-edit::before { content: "ï„"; }

.trp-icon.trp-plus::before { content: "ï§"; }

.trp-icon.trp-check::before { content: "ï€Œ"; }

.trp-icon.trp-times::before { content: "ï€"; }

.trp-icon.trp-envelope::before { content: "ïƒ&nbsp;"; }

.trp-icon.trp-upload::before { content: "ï‚“"; }

.trp-icon.trp-play::before { content: "ï‹"; }

.trp-icon.trp-play-circle::before { content: "ï…„"; }

.trp-icon.trp-external-link::before { content: "ï‚Ž"; }

.trp-icon.trp-home::before { content: "ï€•"; }

.trp-icon.trp-arrow-right::before { content: "ï¡"; }

.trp-icon.trp-arrow-left::before { content: "ï&nbsp;"; }

.trp-icon.trp-arrow-up::before { content: "ï¢"; }

.trp-icon.trp-arrow-down::before { content: "ï£"; }

.trp-icon.trp-angle-left::before { content: "ï„„"; }

.trp-icon.trp-angle-right::before { content: "ï„…"; }

.trp-icon.trp-angle-up::before { content: "ï„†"; }

.trp-icon.trp-angle-down::before { content: "ï„‡"; }

.trp-icon.trp-cog::before { content: "ï€“"; }

.trp-icon.trp-long-arrow-down::before { content: "ï…µ"; }

.trp-icon.trp-long-arrow-left::before { content: "ï…·"; }

.trp-icon.trp-long-arrow-right::before { content: "ï…¸"; }

.trp-icon.trp-long-arrow-up::before { content: "ï…¶"; }

.trp-icon.trp-arrow-circle-left::before { content: "ï‚¨"; }

.trp-icon.trp-arrow-circle-right::before { content: "ï‚©"; }

.trp-icon.trp-arrow-circle-up::before { content: "ï‚ª"; }

.trp-icon.trp-arrow-circle-down::before { content: "ï‚«"; }

.trp-icon.trp-chevron-circle-down::before { content: "ï„º"; }

.trp-icon.trp-chevron-circle-left::before { content: "ï„·"; }

.trp-icon.trp-chevron-circle-right::before { content: "ï„¸"; }

.trp-icon.trp-chevron-circle-up::before { content: "ï„¹"; }

.trp-icon.trp-chevron-down::before { content: "ï¸"; }

.trp-icon.trp-chevron-left::before { content: "ï“"; }

.trp-icon.trp-chevron-right::before { content: "ï”"; }

.trp-icon.trp-chevron-up::before { content: "ï·"; }

.trp-icon.trp-search::before { content: "ï€‚"; }

.breadcrumb-container { background-color: #ebebeb; clear: both; padding: 8px 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .breadcrumb-container { display: none; } }

.breadcrumb-container .breadcrumbs { margin-right: 220px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .breadcrumb-container .breadcrumbs { padding: 15px 0 0 14px; } }

.breadcrumb-container .breadcrumbs .current-page { color: #061937; font-weight: bold; }

.breadcrumb-container .breadcrumbs &gt; a { color: #054c70; text-transform: capitalize; }

.offer-view-section { background-color: #fff; border: 1px solid #ddd; margin-bottom: 24px; padding: 25px 30px 30px; position: relative; }

.offer-view-section &gt; h2 { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; margin: 0 135px 25px; text-align: center; }

.offer-view-section a.button.clear-selection { border: 2px solid #054c70; border-radius: 8px; color: #0063ad; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; line-height: 37px; margin-bottom: 0; padding: 0 10px; position: absolute; right: 20px; text-transform: none; top: 18px; }

.offer-view-section a.button.clear-selection:hover { background-color: #054c70; color: #fff; }

.offer-view-section a.button.clear-selection.disabled { background-color: #fff; border: 2px solid #ebebeb; color: #ebebeb; }

.primary-tabs--beacon-style nav.header-tab a { font-family: "Nimbus Sans Light", Arial, Helvetica, sans-serif !important; letter-spacing: 0; line-height: 21px; text-align: center; text-transform: capitalize; }

nav.header-tab { background: #ebebeb; margin-top: 16px; }

nav.header-tab ul { display: table; margin: 0; padding: 0; width: 100%; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { nav.header-tab ul { display: inherit; overflow-x: scroll; width: 95vw; } }

nav.header-tab li { background: transparent; border-bottom: 2px solid #ebebeb; border-left: 1px solid #fff; display: table-cell; text-align: center; }

nav.header-tab li:first-child { border-left: 1px solid transparent; }

nav.header-tab li:active a { border-top: 2px solid #05c3de; }

nav.header-tab li:focus a { border-top: 2px solid #05c3de; }

nav.header-tab li:hover { border-left: 1px solid transparent; }

nav.header-tab li:hover a { border-top: 2px solid transparent; text-decoration: none; }

nav.header-tab li:hover:active { background: #fff; border-bottom: 2px solid #fff; }

nav.header-tab li:hover:active a { border-top: 2px solid #05c3de; }

nav.header-tab li.selected a, nav.header-tab li:hover a { border-bottom: 0; border-top: 2px solid #3b3b3b; color: #38939b; }

nav.header-tab li.selected { background: #fff; border-bottom: 2px solid #fff; border-left: 1px solid transparent; padding-top: 0; }

nav.header-tab li.selected a { border-top: 2px solid #05c3de; color: #3b3b3b; font-weight: bold; text-decoration: none; }

nav.header-tab li.selected a:hover { cursor: default; }

nav.header-tab a { border-top: 2px solid transparent; color: #38939b; display: block; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: 500; line-height: 18px; padding: 10px; text-align: center; text-transform: capitalize; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { nav.header-tab a { font-size: 15px; padding: 10px 4px; } }

nav.header-tab a:focus { color: #3b3b3b; text-decoration: none; }

.tabctrl-container.offer-view-tab section, nav.offer-view-tab { background-color: transparent; padding-top: 0; }

nav.offer-view-tab ul { border-spacing: 10px; margin: 0 auto; table-layout: fixed; text-align: center; width: 90%; }

@media screen and (max-width: 960px) { nav.offer-view-tab ul { width: 100%; } }

nav.offer-view-tab li { background-color: #ebebeb; border: 1px solid #cecece; border-radius: 6px; box-shadow: inset -2px 4px 6px -2px #fff; height: 100%; vertical-align: middle; }

nav.offer-view-tab li:first-child { border-left: 1px solid #cecece; }

nav.offer-view-tab li:active a { border-top: medium none; }

nav.offer-view-tab li:focus a { border-top: 1px solid #cecece; }

nav.offer-view-tab li:hover { background: #fff; border-left: 1px solid #cecece; }

nav.offer-view-tab li:hover:active { background-color: #086ea1; border-bottom: 1px solid #cecece; box-shadow: none; }

nav.offer-view-tab li:hover:active a { border-top: medium none; color: #fff; }

nav.offer-view-tab li:hover a { border-bottom: medium none; border-top: medium none; color: #086ea1; }

nav.offer-view-tab li.selected { background-color: #086ea1; border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; box-shadow: none; }

nav.offer-view-tab li.selected a:focus { color: #fff; }

nav.offer-view-tab li.selected a { border-top: medium none; color: #fff; font-weight: normal; }

nav.offer-view-tab li a { border-top: medium none; color: #086ea1; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; font-size: 15px; font-weight: 700; height: 100%; padding: 10px 20px 13px; text-transform: none; overflow-wrap: break-word; word-wrap: break-word; }

nav.offer-view-tab li a::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; width: 0; }

nav.offer-view-tab li a:focus { color: #086ea1; text-decoration: none; }

nav.offer-view-tab li span { display: inline-block; user-select: none; vertical-align: middle; width: 100%; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { button.accordion-nav { background: url("base/images/down-arrow.svg") no-repeat 97% center; background-repeat: no-repeat; border-style: none; border-top-color: #000; border-top-style: dotted; border-top-width: thin; color: #3b3b3b; display: block; font-family: "Nimbus Sans Regular", Arial, Helvetica, sans-serif; font-size: 24px; outline: none; padding: 8px 40px 8px 16px; text-align: left; width: 100%; }
  .primary-tabs--beacon-style button.accordion-nav { background-color: #FFFFFF; font-family: "Nimbus Sans Light", Arial, Helvetica, sans-serif !important; letter-spacing: 0; line-height: 24px; text-transform: capitalize; }
  button.accordion-nav-open-tab { background: url("base/images/top-arrow.svg") no-repeat 97% center; }
  nav.header-tab:not(.carousel-tabs) &gt; div.carousel-nav { display: none; }
  nav.header-tab.carousel-tabs { align-items: stretch; background-color: #fff; display: flex; justify-content: center; margin: 8px 16px; }
  nav.header-tab.carousel-tabs &gt; div.carousel-nav { background-color: #ebebeb; background-image: url("base/images/angle-arrows-sprite.png"); background-repeat: no-repeat; color: #086ea1; cursor: pointer; display: block; flex-grow: 1; height: 40px; text-align: center; width: 45px; }
  nav.header-tab.carousel-tabs &gt; div.carousel-nav.carousel-nav-left { background-position: -5px center; margin-left: 8px; margin-right: 2px; }
  nav.header-tab.carousel-tabs &gt; div.carousel-nav.carousel-nav-right { background-position: -45px center; margin-left: 2px; margin-right: 8px; }
  nav.header-tab.carousel-tabs ul { flex-grow: 2; }
  nav.header-tab.carousel-tabs ul li { display: none; }
  nav.header-tab.carousel-tabs ul li.selected { background-color: #ebebeb; border-bottom: 0; display: block; height: 40px; }
  nav.header-tab.carousel-tabs ul li.selected a { border: 0; font-size: 16px; }
  .mobile-optimized-viewport.ios nav.header-tab.carousel-tabs ul { display: block; } }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-overview.mutual-fund-template .header-tab.primary-tab ul { display: flex; flex-wrap: wrap; justify-content: center; }
  .fund-overview.mutual-fund-template .header-tab.primary-tab li { border-right: 1px solid #fff; display: unset; }
  .fund-overview.mutual-fund-template .header-tab a { padding: 10px 8px; } }

.filter-tabs, .filter-tabs-custom, .ddm-filter-tabs { margin: 10px 0; }

.filter-tabs ul.custom-filter-tab, .filter-tabs ul.filter-tab, .filter-tabs ul.ddm-filter-tab, .filter-tabs-custom ul.custom-filter-tab, .filter-tabs-custom ul.filter-tab, .filter-tabs-custom ul.ddm-filter-tab, .ddm-filter-tabs ul.custom-filter-tab, .ddm-filter-tabs ul.filter-tab, .ddm-filter-tabs ul.ddm-filter-tab { display: table; margin: 0.20833% 0.20833% 8px; padding: 0; width: 100%; }

.filter-tabs ul.custom-filter-tab li, .filter-tabs ul.filter-tab li, .filter-tabs ul.ddm-filter-tab li, .filter-tabs-custom ul.custom-filter-tab li, .filter-tabs-custom ul.filter-tab li, .filter-tabs-custom ul.ddm-filter-tab li, .ddm-filter-tabs ul.custom-filter-tab li, .ddm-filter-tabs ul.filter-tab li, .ddm-filter-tabs ul.ddm-filter-tab li { background: #fff; border-right: 4px solid #ebebeb; color: #054c70; cursor: pointer; display: table-cell; font-family: var(--beacon-system-font-family-body); font-size: 16px; line-height: 18px; padding: 10px 8px; text-align: center; text-transform: uppercase; vertical-align: top; }

.filter-tabs ul.custom-filter-tab li.active, .filter-tabs ul.custom-filter-tab li.active:hover, .filter-tabs ul.filter-tab li.active, .filter-tabs ul.filter-tab li.active:hover, .filter-tabs ul.ddm-filter-tab li.active, .filter-tabs ul.ddm-filter-tab li.active:hover, .filter-tabs-custom ul.custom-filter-tab li.active, .filter-tabs-custom ul.custom-filter-tab li.active:hover, .filter-tabs-custom ul.filter-tab li.active, .filter-tabs-custom ul.filter-tab li.active:hover, .filter-tabs-custom ul.ddm-filter-tab li.active, .filter-tabs-custom ul.ddm-filter-tab li.active:hover, .ddm-filter-tabs ul.custom-filter-tab li.active, .ddm-filter-tabs ul.custom-filter-tab li.active:hover, .ddm-filter-tabs ul.filter-tab li.active, .ddm-filter-tabs ul.filter-tab li.active:hover, .ddm-filter-tabs ul.ddm-filter-tab li.active, .ddm-filter-tabs ul.ddm-filter-tab li.active:hover { background: #c4c4c4; color: #000; }

.filter-tabs ul.custom-filter-tab li:hover, .filter-tabs ul.filter-tab li:hover, .filter-tabs ul.ddm-filter-tab li:hover, .filter-tabs-custom ul.custom-filter-tab li:hover, .filter-tabs-custom ul.filter-tab li:hover, .filter-tabs-custom ul.ddm-filter-tab li:hover, .ddm-filter-tabs ul.custom-filter-tab li:hover, .ddm-filter-tabs ul.filter-tab li:hover, .ddm-filter-tabs ul.ddm-filter-tab li:hover { background: #05c3de; color: #fff; }

.filter-tabs ul.custom-filter-tab.primary li, .filter-tabs ul.filter-tab.primary li, .filter-tabs ul.ddm-filter-tab.primary li, .filter-tabs-custom ul.custom-filter-tab.primary li, .filter-tabs-custom ul.filter-tab.primary li, .filter-tabs-custom ul.ddm-filter-tab.primary li, .ddm-filter-tabs ul.custom-filter-tab.primary li, .ddm-filter-tabs ul.filter-tab.primary li, .ddm-filter-tabs ul.ddm-filter-tab.primary li { margin-left: 0.41667%; }

.filter-tabs ul.custom-filter-tab.secondary li, .filter-tabs ul.filter-tab.secondary li, .filter-tabs ul.ddm-filter-tab.secondary li, .filter-tabs-custom ul.custom-filter-tab.secondary li, .filter-tabs-custom ul.filter-tab.secondary li, .filter-tabs-custom ul.ddm-filter-tab.secondary li, .ddm-filter-tabs ul.custom-filter-tab.secondary li, .ddm-filter-tabs ul.filter-tab.secondary li, .ddm-filter-tabs ul.ddm-filter-tab.secondary li { display: none; }

.filter-tabs ul.custom-filter-tab.secondary li.show, .filter-tabs ul.filter-tab.secondary li.show, .filter-tabs ul.ddm-filter-tab.secondary li.show, .filter-tabs-custom ul.custom-filter-tab.secondary li.show, .filter-tabs-custom ul.filter-tab.secondary li.show, .filter-tabs-custom ul.ddm-filter-tab.secondary li.show, .ddm-filter-tabs ul.custom-filter-tab.secondary li.show, .ddm-filter-tabs ul.filter-tab.secondary li.show, .ddm-filter-tabs ul.ddm-filter-tab.secondary li.show { display: table-cell; }

.filter-tabs ul.custom-filter-tab.secondary li li, .filter-tabs ul.filter-tab.secondary li li, .filter-tabs ul.ddm-filter-tab.secondary li li, .filter-tabs-custom ul.custom-filter-tab.secondary li li, .filter-tabs-custom ul.filter-tab.secondary li li, .filter-tabs-custom ul.ddm-filter-tab.secondary li li, .ddm-filter-tabs ul.custom-filter-tab.secondary li li, .ddm-filter-tabs ul.filter-tab.secondary li li, .ddm-filter-tabs ul.ddm-filter-tab.secondary li li { margin-left: 0.41667%; }

.ddm-filter-tabs ul.ddm-filter-tab li { padding: 0; }

.ddm-filter-tabs ul.ddm-filter-tab li a { display: block; padding: 10px 8px; }

.ddm-filter-tabs ul.ddm-filter-tab li a.active, .ddm-filter-tabs ul.ddm-filter-tab li a.active:hover { background: #c4c4c4; color: #000; }

.ddm-filter-tabs ul.ddm-filter-tab li a:hover { color: #fff; text-decoration: none; }

.trp-light-gray .filter-tabs-custom ul.custom-filter-tab, .trp-light-gray .filter-tabs-custom ul.filter-tab, .trp-light-gray article .filter-tabs ul.custom-filter-tab, .trp-light-gray article .filter-tabs ul.filter-tab { table-layout: fixed; }

.filter-tabs-custom ul.custom-filter-tab li, .filter-tabs-custom ul.filter-tab li, article .filter-tabs ul.custom-filter-tab li, article .filter-tabs ul.filter-tab li { background: #ebebeb; border-right: 4px solid #fff; }

.trp-light-gray .filter-tabs-custom ul.custom-filter-tab li, .trp-light-gray .filter-tabs-custom ul.filter-tab li, .trp-light-gray article .filter-tabs ul.custom-filter-tab li, .trp-light-gray article .filter-tabs ul.filter-tab li { border-right: 4px solid #ebebeb; }

.trp-light-gray .filter-tabs-custom ul.custom-filter-tab li:not(.active), .trp-light-gray .filter-tabs-custom ul.filter-tab li:not(.active), .trp-light-gray article .filter-tabs ul.custom-filter-tab li:not(.active), .trp-light-gray article .filter-tabs ul.filter-tab li:not(.active) { background: #fff; }

.trp-light-gray .filter-tabs-custom ul.custom-filter-tab li.active, .trp-light-gray .filter-tabs-custom ul.custom-filter-tab li.active:hover, .trp-light-gray .filter-tabs-custom ul.filter-tab li.active, .trp-light-gray .filter-tabs-custom ul.filter-tab li.active:hover, .trp-light-gray article .filter-tabs ul.custom-filter-tab li.active, .trp-light-gray article .filter-tabs ul.custom-filter-tab li.active:hover, .trp-light-gray article .filter-tabs ul.filter-tab li.active, .trp-light-gray article .filter-tabs ul.filter-tab li.active:hover { background: #c4c4c4; color: #000; }

.trp-light-gray .filter-tabs-custom ul.custom-filter-tab li:hover, .trp-light-gray .filter-tabs-custom ul.filter-tab li:hover, .trp-light-gray article .filter-tabs ul.custom-filter-tab li:hover, .trp-light-gray article .filter-tabs ul.filter-tab li:hover { background: #05c3de; color: #fff; }

.filter-tabs ul.filter-tab.secondary .target-date { width: 50%; }

.alert-container { color: #000; display: none; font-size: 14px; line-height: normal; margin: 10px auto; padding: 15px; }

.alert-container .alert-copy .alert-close i, .alert-container .alert-copy .alert-icon { background: url("base/images/ui-notification-thin-icons.png") no-repeat; }

.alert-container a { color: #054c70; }

.alert-container h2 { font-family: var(--beacon-system-font-family-body); font-size: 18px; font-weight: 700; line-height: normal; }

.alert-container.page-alert { position: fixed; top: 0; z-index: 9999; }

.alert-container.success { background: #dfeae3; border-top: 4px solid #00843d; }

.alert-container.success .page-wrapper { display: table; width: 100%; }

.alert-container.success .alert-copy { margin-top: 0; min-height: 24px; width: 100%; }

.alert-container.success .alert-copy .alert-icon, .alert-container.success .alert-copy .body, .alert-container.success .alert-copy .dismiss { display: table-cell; }

.alert-container.success .alert-copy .alert-icon { display: inline-block; height: 30px; width: 35px; }

.alert-container.success .alert-copy span { line-height: 30px; padding-left: 15px; vertical-align: top; }

.alert-container.success .alert-copy span h2 { color: #00843d; display: inline; font-size: 18px; line-height: 30px; padding: 0; vertical-align: top; }

.alert-container.success .alert-copy .alert-close { color: #00843d; float: right; width: 95px; }

.alert-container.success .alert-copy .alert-close i { display: inline-block; height: 35px; margin-left: 10px; padding: 0; vertical-align: middle; width: 35px; }

.alert-container.success .alert-copy .alert-close.mobile-dismiss { display: none; margin: 15px auto 0; }

.alert-container.success .alert-copy .alert-icon { background-position: -35px center; }

.alert-container.success .alert-copy .alert-close i { background-position: -105px center; }

@media screen and (max-width: 960px) { .alert-container.success .alert-copy .alert-close { display: none; }
  .alert-container.success .alert-copy .alert-close.mobile-dismiss { display: block; }
  .alert-container.success .alert-copy .alert-close.mobile-dismiss:hover { cursor: pointer; } }

.alert-container.success.content-alert { padding: 10px; }

.alert-container.error { background: #f8e7dc; border-top: 4px solid #da291c; }

.alert-container.error .page-wrapper { display: table; width: 100%; }

.alert-container.error .alert-copy { margin-top: 0; min-height: 24px; width: 100%; }

.alert-container.error .alert-copy .alert-icon, .alert-container.error .alert-copy .body, .alert-container.error .alert-copy .dismiss { display: table-cell; }

.alert-container.error .alert-copy .alert-icon { display: inline-block; height: 30px; width: 35px; }

.alert-container.error .alert-copy span { line-height: 30px; padding-left: 15px; vertical-align: top; }

.alert-container.error .alert-copy span h2 { color: #da291c; display: inline; font-size: 18px; line-height: 30px; padding: 0; vertical-align: top; }

.alert-container.error .alert-copy .alert-close { color: #da291c; float: right; width: 95px; }

.alert-container.error .alert-copy .alert-close i { display: inline-block; height: 35px; margin-left: 10px; padding: 0; vertical-align: middle; width: 35px; }

.alert-container.error .alert-copy .alert-close.mobile-dismiss { display: none; margin: 15px auto 0; }

.alert-container.error .alert-copy .alert-icon { background-position: left center; }

.alert-container.error .alert-copy .alert-close i { background-position: -70px center; }

@media screen and (max-width: 960px) { .alert-container.error .alert-copy .alert-close { display: none; }
  .alert-container.error .alert-copy .alert-close.mobile-dismiss { display: block; }
  .alert-container.error .alert-copy .alert-close.mobile-dismiss:hover { cursor: pointer; } }

.alert-container.error.content-alert { padding: 10px; }

.alert-container.info { background: #dbe7ed; border-top: 4px solid #00718d; }

.alert-container.info .page-wrapper { display: table; width: 100%; }

.alert-container.info .alert-copy { margin-top: 0; min-height: 24px; width: 100%; }

.alert-container.info .alert-copy .alert-icon, .alert-container.info .alert-copy .body, .alert-container.info .alert-copy .dismiss { display: table-cell; }

.alert-container.info .alert-copy .alert-icon { display: none; height: 30px; width: 35px; }

.alert-container.info .alert-copy span { line-height: 30px; padding-left: 15px; vertical-align: top; }

.alert-container.info .alert-copy span h2 { color: #00718d; display: inline; font-size: 18px; line-height: 30px; padding: 0; vertical-align: top; }

.alert-container.info .alert-copy .alert-close { color: #00718d; float: right; width: 95px; }

.alert-container.info .alert-copy .alert-close i { display: inline-block; height: 35px; margin-left: 10px; padding: 0; vertical-align: middle; width: 35px; }

.alert-container.info .alert-copy .alert-close.mobile-dismiss { display: none; margin: 15px auto 0; }

.alert-container.info .alert-copy .alert-close, .alert-container.info .alert-copy .alert-icon { display: none; }

.alert-container.info .alert-copy .alert-icon { background: none; }

.alert-container.info .alert-copy .alert-close i { background-position: -175px center; }

@media screen and (max-width: 960px) { .alert-container.info .alert-copy .alert-close { display: none; }
  .alert-container.info .alert-copy .alert-close.mobile-dismiss { display: block; }
  .alert-container.info .alert-copy .alert-close.mobile-dismiss:hover { cursor: pointer; } }

.alert-container.info.content-alert { padding: 10px; }

.alert-container.warning { background: #f8efce; border-top: 4px solid #daaa00; }

.alert-container.warning .page-wrapper { display: table; width: 100%; }

.alert-container.warning .alert-copy { margin-top: 0; min-height: 24px; width: 100%; }

.alert-container.warning .alert-copy .alert-icon, .alert-container.warning .alert-copy .body, .alert-container.warning .alert-copy .dismiss { display: table-cell; }

.alert-container.warning .alert-copy .alert-icon { display: none; height: 30px; width: 35px; }

.alert-container.warning .alert-copy span { line-height: 30px; padding-left: 15px; vertical-align: top; }

.alert-container.warning .alert-copy span h2 { color: #daaa00; display: inline; font-size: 18px; line-height: 30px; padding: 0; vertical-align: top; }

.alert-container.warning .alert-copy .alert-close { color: #daaa00; float: right; width: 95px; }

.alert-container.warning .alert-copy .alert-close i { display: inline-block; height: 35px; margin-left: 10px; padding: 0; vertical-align: middle; width: 35px; }

.alert-container.warning .alert-copy .alert-close.mobile-dismiss { display: none; margin: 15px auto 0; }

.alert-container.warning .alert-copy .alert-close, .alert-container.warning .alert-copy .alert-icon { display: none; }

.alert-container.warning .alert-copy .alert-icon { background: none; }

.alert-container.warning .alert-copy .alert-close i { background-position: -140px center; }

@media screen and (max-width: 960px) { .alert-container.warning .alert-copy .alert-close { display: none; }
  .alert-container.warning .alert-copy .alert-close.mobile-dismiss { display: block; }
  .alert-container.warning .alert-copy .alert-close.mobile-dismiss:hover { cursor: pointer; } }

.alert-container.warning.content-alert { padding: 10px; }

.ui-message { color: #000; padding: 12px; }

.ui-message.success { background: #dfeae3; border-top: 5px solid #00843d; }

.ui-message.error { background: #f8e7dc; border-top: 5px solid #da291c; }

.ui-message.info { background: #dbe7ed; border-top: 5px solid #00718d; }

.ui-message.warning { background: #f8efce; border-top: 5px solid #daaa00; }

.loading-spinner { background-image: url("base/images/spinner-60px.gif"); background-position: center; background-repeat: no-repeat; height: 300px; }

.folder-icon-sprite, .other-documents-container .overlay-list-content li, .overlay-container.distributions-download-options .overlay-list-content li, .overlay-container.fund-range-documents .overlay-list-content li, .target-date-prospectus-overlay-container ul li { background: url("base/images/folderd_doc.png") no-repeat; }

.outer-overlay-container { display: inline-block; }

.overlay-container { font-size: 14px; line-height: 19.33333px; background: #454545; background: rgba(69, 69, 69, 0.95); box-shadow: 4px 4px 8px #727272; color: #fff; display: none; line-height: 32px; min-width: 300px; padding: 24px; position: absolute; z-index: 10000; /* all i.cancel icons */ /* support for naked cancel icons, not nested within a button */ }

.overlay-container.light { background: #fff; background: rgba(255, 255, 255, 0.95); border: 1px solid #ebebeb; }

.overlay-container.light i.cancel { color: #3b3b3b; }

.overlay-container.align-left { margin-left: -100%; }

.overlay-container.align-center { margin-left: -50%; }

.overlay-container i.cancel { color: #fff; font-size: 24px; line-height: 33.14286px; }

.overlay-container :not(.close-button) &gt; i.cancel { display: inline-block; position: absolute; right: 12px; top: 12px; cursor: pointer; height: 24px; width: 24px; }

.overlay-container .close-button { display: inline-block; position: absolute; right: 12px; top: 12px; background: transparent; border: 0 !important; }

.overlay-container .close-button::before { color: #fff; font-size: 24px; line-height: 33.14286px; }

.overlay-container .sub-heading, .overlay-container label { display: block; }

.overlay-container fieldset { border: 0; padding-left: 0; padding-right: 0; }

.overlay-container fieldset legend { display: none; }

.overlay-container h4 { color: #fff; font-family: var(--beacon-system-font-family-body); margin-right: 20px; font-size: 26px; line-height: 35.90476px; }

.overlay-container .range-selector, .overlay-container .signin-register-selector { border-bottom: 1px solid #b1b1b1; }

.overlay-container .range-selector a, .overlay-container .range-selector a:hover, .overlay-container .signin-register-selector a, .overlay-container .signin-register-selector a:hover { color: #05c3de; cursor: pointer; }

.overlay-container .range-selector a.active, .overlay-container .range-selector a:hover.active, .overlay-container .signin-register-selector a.active, .overlay-container .signin-register-selector a:hover.active { color: #fff; cursor: default; text-decoration: none; font-size: 16px; line-height: 22.09524px; }

.overlay-container .range-selector a:first-child, .overlay-container .range-selector a:hover:first-child, .overlay-container .signin-register-selector a:first-child, .overlay-container .signin-register-selector a:hover:first-child { border-right: 1px dotted #b1b1b1; margin-right: 6px; padding-right: 10px; }

.overlay-container .range-selector .factsheet-latest, .overlay-container .signin-register-selector .factsheet-latest { border-right: 1px dotted #b1b1b1; font-size: 14px; margin-right: 6px; padding-right: 67px; }

.overlay-container .signin-register-selector { padding: 10px 0; }

.overlay-container .range-selector { border-bottom: 1px solid #fff; }

.overlay-container .factsheet-content-date { color: #cdcdcd; font-size: 12px; margin-top: -15px; }

.overlay-container .padding-class { padding-bottom: 15px; }

.overlay-container .date-range-panel select { width: 49%; }

.overlay-container .button-control { overflow: hidden; padding: 12px 0 0; }

.overlay-container .button-control a, .overlay-container .button-control button { float: right; margin-left: 8px; }

.overlay-container a.button:hover, .overlay-container button.button:hover { color: #fff !important; }

.overlay-switch.open + .overlay-container { margin-top: 10px !important; }

.overlay-switch.open::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #454545; bottom: 0; content: ''; display: block; height: 0; left: 50%; margin-left: -10px; position: relative; width: 0; }

.overlay-switch.open.button.secondary::after { border-top-color: #3b3b3b; }

.overlay-container.other-literature ul { list-style: none; margin: 0; padding: 0; }

.overlay-container.other-literature ul li { line-height: 36px; }

.overlay-container.other-literature ul li i { font-size: 21px; line-height: 29px; }

.overlay-container.other-literature ul li a { color: #fff; }

.other-documents-overlay-container.hide-locks .fa-lock { display: inline-block; }

.overlay-container.signinoverlay { background: rgba(0, 47, 72, 0.64); height: 100%; left: 0; padding: 32px; position: fixed; top: 0; width: 100%; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .overlay-container.signinoverlay { padding: 0; } }

.overlay-container.signinoverlay .sign-in-overlay-content { margin: auto; position: relative; width: 378px; }

@media screen and (max-width: 400px) { .overlay-container.signinoverlay .sign-in-overlay-content { width: 80%; } }

.overlay-container.signinoverlay .sign-in-overlay-content .close-button { cursor: pointer; left: 390px; position: relative; top: 10px; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .overlay-container.signinoverlay .sign-in-overlay-content .close-button { left: 375px; } }

@media screen and (max-width: 400px) { .overlay-container.signinoverlay .sign-in-overlay-content .close-button { left: 100%; } }

.overlay-container.signinoverlay .gdx-message-container.gdx-error .gdx-message-main .gdx-message .gdx-notification-message-detail { color: #3b3b3b; }

.gims-form { background-color: #f5f5f5; padding: 16px; /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ }

.gims-form .gims-form-field--error, .gims-form .gims-form-field--valid { float: right; font-size: 0.75rem; }

.gims-form .gims-form-field--error { color: #da291c; }

.gims-form .gims-form-field--valid { color: #007a39; }

.gims-form .gims-form-field { margin-bottom: 16px; /* stylelint-disable selector-no-vendor-prefix */ /* stylelint-enable selector-no-vendor-prefix */ }

.gims-form .gims-form-field::-webkit-input-placeholder, .gims-form .gims-form-field::-moz-placeholder, .gims-form .gims-form-field::-ms-input-placeholder, .gims-form .gims-form-field::placeholder { color: #3b3b3b; font-style: normal; }

.gims-form .gims-form-field .gims-input { background-color: #fff; border: solid 0.05rem #d8d8d8; color: #3b3b3b; margin-bottom: 4px; min-height: 40px; text-indent: 4px; width: 100%; }

.gims-form .gims-form-field .gims-input--error { border-color: #da291c; }

.gims-form .gims-form-field .gims-input--valid { border-color: #007a39; }

.gims-form .gims-form-field__label { color: #3b3b3b; display: block; font-size: 14px; line-height: 20px; padding-left: 0; }

.gdx-fai-login-overlay .gims-form { background-color: #fff; }

.other-documents-container, .overlay-container.distributions-download-options, .overlay-container.fund-range-documents { width: 270px; }

.other-documents-container .overlay-list-content, .overlay-container.distributions-download-options .overlay-list-content, .overlay-container.fund-range-documents .overlay-list-content { margin: 8px 0 0; padding: 0; }

.other-documents-container .overlay-list-content li, .overlay-container.distributions-download-options .overlay-list-content li, .overlay-container.fund-range-documents .overlay-list-content li { line-height: 16px; list-style: none; margin: 0; padding: 2px 2px 5px 24px; }

.other-documents-container .overlay-list-content li a, .overlay-container.distributions-download-options .overlay-list-content li a, .overlay-container.fund-range-documents .overlay-list-content li a { color: #fff; font-size: 14px; padding-right: 8px; }

.other-documents-container .overlay-list-content li a:hover, .overlay-container.distributions-download-options .overlay-list-content li a:hover, .overlay-container.fund-range-documents .overlay-list-content li a:hover { color: #fff; }

.other-documents-container .more-literature-dialog, .overlay-container.distributions-download-options .more-literature-dialog, .overlay-container.fund-range-documents .more-literature-dialog { margin: 8px 0 0; padding: 0; }

.other-documents-container .more-literature-dialog li, .overlay-container.distributions-download-options .more-literature-dialog li, .overlay-container.fund-range-documents .more-literature-dialog li { background: none !important; border-bottom: 1px solid #fff; line-height: 18px; list-style: none; margin: 0 0 1em; padding: 0 24px 0 36px; position: relative; }

.other-documents-container .more-literature-dialog li a, .overlay-container.distributions-download-options .more-literature-dialog li a, .overlay-container.fund-range-documents .more-literature-dialog li a { color: #fff; font-size: 14px; padding-right: 8px; }

.other-documents-container .more-literature-dialog li a:hover, .overlay-container.distributions-download-options .more-literature-dialog li a:hover, .overlay-container.fund-range-documents .more-literature-dialog li a:hover { color: #fff; }

.other-documents-container .more-literature-dialog li a::after, .overlay-container.distributions-download-options .more-literature-dialog li a::after, .overlay-container.fund-range-documents .more-literature-dialog li a::after { font-family: FontAwesome; font-size: 18px; margin-right: 1.2em; position: absolute; top: 0; }

.other-documents-container .more-literature-dialog li a::before, .overlay-container.distributions-download-options .more-literature-dialog li a::before, .overlay-container.fund-range-documents .more-literature-dialog li a::before { background-image: url("base/images/download-icon.png"); background-repeat: no-repeat; content: ''; display: inline-block; height: 24px; left: 0; position: absolute; top: 10px; width: 16px; }

.other-documents-container .more-literature-dialog li a .updated-date, .overlay-container.distributions-download-options .more-literature-dialog li a .updated-date, .overlay-container.fund-range-documents .more-literature-dialog li a .updated-date { color: #cdcdcd; display: block; font-size: 12px; }

.other-documents-container .more-literature-dialog li .lock-display::after, .overlay-container.distributions-download-options .more-literature-dialog li .lock-display::after, .overlay-container.fund-range-documents .more-literature-dialog li .lock-display::after { background-position: -1px -11px; content: ' '; height: 20px; position: absolute; right: -16px; width: 24px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .other-documents-overlay-container { display: block; }
  .other-documents-container { margin-left: 0; margin-right: 0; width: 100%; } }

.overlay-container.fund-range-documents { left: -154px; min-width: 270px; width: 270px; }

.other-documents-container ul li .fa { font-size: 18px; position: relative; top: 0.2em; }

.overlay-container.pre-registrationconfirmationoverlay, .overlay-container.registersuccessoverlay, .overlay-container.updateemailconfirmationoverlay { left: 45%; top: 85px; width: 250px; }

.overlay-container.pre-registrationconfirmationoverlay .links a, .overlay-container.registersuccessoverlay .links a, .overlay-container.updateemailconfirmationoverlay .links a { color: #05c3de; }

.overlay-container.pre-registrationconfirmationoverlay p, .overlay-container.registersuccessoverlay p, .overlay-container.updateemailconfirmationoverlay p { line-height: 20px; margin: 0 0 8px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .overlay-container.pre-registrationconfirmationoverlay, .mobile-optimized-viewport .overlay-container.registersuccessoverlay, .mobile-optimized-viewport .overlay-container.updateemailconfirmationoverlay { height: 100%; left: 0; top: 0; width: 100%; } }

.target-date-prospectus-overlay-container { display: block; }

.target-date-prospectus-overlay-container ul { margin: 8px 0 0; padding: 0; }

.target-date-prospectus-overlay-container ul li { line-height: 16px; list-style: none; margin: 0; padding: 2px 2px 5px 24px; }

.target-date-prospectus-overlay-container ul li a { color: #fff; font-size: 14px; padding-right: 8px; }

.target-date-prospectus-overlay-container ul li a:hover { color: #fff; }

.overlay-switch.open + .overlay-container.target-date-prospectus { margin-top: 2px !important; }

.brightcove-outer-overlay-container { background-color: rgba(0, 0, 0, 0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000; }

.brightcove-outer-overlay-container.not-visible { visibility: hidden; }

.brightcove-overlay { background-color: #fff; box-shadow: none; display: block; margin: auto; max-height: 80%; overflow: auto; padding: 24px 24px 5px; position: relative; top: 50%; transform: translateY(-50%); width: 75%; z-index: 10001; }

.brightcove-overlay.bc-playlist, .brightcove-overlay.no-playlist { width: 60%; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .brightcove-overlay.bc-playlist, .brightcove-overlay.no-playlist { max-height: 95%; width: 95%; } }

.brightcove-overlay.bc-playlist .row, .brightcove-overlay.no-playlist .row { display: block; }

.brightcove-overlay.bc-playlist .video-queue-overlay, .brightcove-overlay.bc-playlist .video-queue-overlay-mobile, .brightcove-overlay.no-playlist .video-queue-overlay, .brightcove-overlay.no-playlist .video-queue-overlay-mobile { display: none; }

.brightcove-overlay.bc-playlist .video-active, .brightcove-overlay.no-playlist .video-active { display: inline-block; width: 100%; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .brightcove-overlay { max-height: 95%; width: 95%; } }

.brightcove-overlay .cancel { color: #c4c4c4; cursor: pointer; font-size: 20px; position: absolute; right: 5px; top: 5px; }

.brightcove-overlay .row { display: table-row; }

.brightcove-overlay .video-player { margin: 0; }

.video-active { display: table-cell; height: 100%; padding: 0 15px; vertical-align: top; width: 74%; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .video-active { width: 100%; } }

.video-description { padding: 12px 15px; }

.video-description .duration, .video-description .video-caption p { color: #000; font-size: 20px; margin: 0; }

.video-description .gray-content { color: #061937; }

.video-description .blue-content { color: #05c3de; }

.video-description .dark-blue-content { color: #054c70; }

.video-description .white-content { color: #fff; }

.video-description .black-content { color: #000; }

.video-queue-overlay { display: table-cell; height: 100%; overflow: auto; padding: 0 15px; position: relative; vertical-align: top; width: 24%; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .video-queue-overlay { display: none; } }

.video-queue-overlay ul { margin: 0; padding: 0; position: absolute; }

.video-queue-overlay ul li { list-style-type: none; margin-bottom: 10px; }

.video-queue-overlay li .video-list-overlay { position: relative; }

.video-queue-overlay li .video-list-overlay:hover { cursor: pointer; }

.video-queue-overlay li .video-list-overlay img { height: 135px; width: 100%; }

.video-queue-overlay-mobile { display: none; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .video-queue-overlay-mobile { display: block; padding: 0 15px; } }

.video-queue-overlay-mobile li, .video-queue-overlay-mobile ul { list-style-type: none; margin: 0; padding: 0; }

.video-queue-overlay-mobile li { float: left; position: relative; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .video-queue-overlay-mobile li { width: 50%; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .video-queue-overlay-mobile li { width: 100%; } }

.video-queue-overlay-mobile li:hover { cursor: pointer; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .video-queue-overlay-mobile img { height: 165px; padding-right: 2%; width: 100%; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .video-queue-overlay-mobile img { height: 150px; padding-right: 0; } }

.video-list-overlay span { background-color: rgba(0, 0, 0, 0.5); bottom: 11px; color: #fff; font-weight: bold; max-height: 100%; overflow: auto; padding: 0 10px; position: absolute; }

.now-playing { background-color: #03c5d8; color: #000; display: none; font-weight: bold; left: 0; padding: 5px 10px; position: absolute; top: 0; }

.play-icon { background-image: url("../../../../content/dam/fai/images/play-1.png"); background-position: center; background-repeat: no-repeat; height: 45px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 1; }

.play-icon:hover, .video-active-li .play-icon { background-image: url("../../../../content/dam/fai/images/play-2.png"); }

/* The Modal (background) */
.modal { background-color: black; background-color: rgba(0, 0, 0, 0.32); display: none; height: 100%; left: 0; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 2400; }

@media (min-width: 800px) { .modal { padding-top: 100px; } }

/* Modal Content */
.modal-content { animation-duration: 0.4s; animation-name: fadeInDown; background-color: #3B3B3B; margin: auto; padding: 32px; }

@media (min-width: 800px) { .modal-content { width: 680px; } }

@media (max-width: 800px) { .modal-content { height: 100%; } }

.modal-content .lock-display::after { background-position: -52px -2px; content: ' '; height: 16px; margin-left: 8px; position: absolute; width: 24px; }

/* The Close Button */
.close { color: #FFFFFF; float: right; font-size: 28px; font-weight: normal; }

.close:hover, .close:focus { cursor: pointer; text-decoration: none; }

.modal-header { margin-bottom: 24px; }

.modal-header h4 { color: #FFFFFF; margin: 0; }

.modal-body { border-bottom: dotted 1px #B1B1B1; border-top: dotted 1px #B1B1B1; color: #FFFFFF; overflow: auto; padding: 32px 0; position: relative; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .modal-body { max-height: 70%; } }

@media all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .modal-body { max-height: 60%; } }

@media (max-width: 800px) { .modal-body { background: linear-gradient(#3b3b3b 33%, rgba(59, 59, 59, 0)), linear-gradient(rgba(59, 59, 59, 0), #3b3b3b 66%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) 0 100%; background-attachment: local, local, scroll, scroll; background-color: #3b3b3b; background-repeat: no-repeat; background-size: 100% 60px, 100% 60px, 100% 20px, 100% 20px; } }

.modal-footer { color: #FFFFFF; padding-top: 32px; text-align: right; }

form.subscribe-option-list { margin-top: 15px; }

/* Subscription modal - deep dive fund pages */
.subscribe-option { display: block; margin-bottom: 15px; }

.subscribe-option label { font-weight: bold; }

.subscribe-option .subscribe-frequency { border-left: 1px dotted #B1B1B1; color: #B1B1B1; font-size: 12px; font-weight: normal; margin-left: 10px; padding-left: 10px; }

.subscribe-option input { cursor: pointer; display: none; height: initial; margin-bottom: 0; padding: 0; width: initial; }

.subscribe-option label { cursor: pointer; position: relative; }

.subscribe-option label::before { background-color: transparent; border: 1px solid #FFFFFF; content: ''; cursor: pointer; display: inline-block; margin-right: 10px; padding: 10px; position: relative; vertical-align: middle; }

.subscribe-option input:checked + label::after { border: solid #FFFFFF; border-width: 0 2px 2px 0; content: ''; display: block; height: 14px; left: 8px; position: absolute; top: 1px; transform: rotate(45deg); width: 6px; }

.ui-notification-error { background-color: #da291c; }

.ui-notification-error .ui-notification-copy-mainerr { line-height: 20px; padding: 0 5px; }

.ui-notification-error .ui-notification-copy-mainerr a { cursor: pointer; padding: 0; text-decoration: underline; }

.ui-notification-error .ui-notification-copy-mainerr a:hover { color: #fff; }

.ui-red-border { border: 1px solid #da291c !important; color: #da291c; }

.err-message { background-color: #da291c; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; left: 460px; letter-spacing: 1px; line-height: 11px; padding: 5px; top: 2px; white-space: normal; width: 100%; }

.details-overlay { background-color: #141414; color: #fff; display: inline-block; font-size: 12px; height: auto; line-height: 16px; min-height: 40px; padding: 16px; position: absolute; width: auto; z-index: 10; }

.dynamic-overlay-caption::after { height: 100%; width: 100%; }

.pop-top { border-bottom: 10px solid transparent; border-left: 10px solid #141414; border-top: 10px solid transparent; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; left: 5px; margin: 0 auto; position: absolute; top: -15px; transform: rotate(270deg); width: 0; }

.collectiononoffoverlay { background-color: #454545; color: #fff; cursor: auto; font-size: 14px; height: auto; margin-left: -276px; margin-top: 10px; opacity: 0.95; padding: 16px 20px 20px; position: absolute; width: 295px; z-index: 9999; }

.collectiononoffoverlay-container { display: none; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 15; }

.collectiononoffoverlay.overlay-container { min-width: 350px; }

.collectiononoffoverlay h4 { font-size: 18px; line-height: 20px; margin: 16px 24px 8px 0; }

.collectiononoffoverlay p { line-height: 20px; margin: 0 0 8px; }

.fundcongratsoverlay.overlay-container, .fundonoffoverlay.overlay-container { min-width: 350px; }

.fundcongratsoverlay h4, .fundonoffoverlay h4 { margin-bottom: 8px; }

.fundcongratsoverlay p, .fundonoffoverlay p { line-height: 20px; margin: 0 0 8px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .onoffswitch.subscribe-onoffswitch { position: unset; }
  .mobile-optimized-viewport .collectiononoffoverlay.overlay-container { height: 100%; left: 0; margin: 0; min-width: auto; top: 0; width: 100%; } }

.tool-tip { padding-left: 5px; }

.tool-tip-info { background: #dbe7ed; color: #00718d; display: none; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; line-height: 14px; margin: 0 8px; min-width: 150px; opacity: 0.95; padding: 10px; position: absolute; z-index: 10000; }

.tool-tip-info p { margin: 0; }

.tool-tip-info::before { border-bottom: 8px solid transparent; border-right: 8px solid #dbe7ed; border-top: 8px solid transparent; content: ' '; height: 0; left: -8px; position: absolute; top: 0; width: 0; }

.fa-info-circle { color: #c4c4c4; cursor: pointer; }

.fund-overview section .tool-tip-info p { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; font-size: 12px; line-height: 14px !important; }

.share-overlay-container { position: relative; }

.share-overlay-container a { margin-bottom: 0; }

.share-overlay-container .overlay-container.shareoverlay { left: -100%; margin-left: -140px; width: 320px; }

.share-overlay-container .overlay-container.shareoverlay p { margin: 8px 0 2px; }

.share-overlay-container .overlay-container.shareoverlay .subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; padding-bottom: 4px; padding-top: 8px; }

.share-overlay-container .overlay-container.shareoverlay .sharing-email-message, .share-overlay-container .overlay-container.shareoverlay .email-share-to-field, .share-overlay-container .overlay-container.shareoverlay .share-subject { background-color: #fff; border: 0; color: #3b3b3b; font-family: Arial, Helvetica, sans-serif; line-height: 22px; min-height: 32px; outline: 0; padding: 5px; width: 100%; overflow-wrap: break-word; word-wrap: break-word; }

.share-overlay-container .overlay-container.shareoverlay .sharing-email-message[contenteditable='true']:empty::before, .share-overlay-container .overlay-container.shareoverlay .email-share-to-field[contenteditable='true']:empty::before, .share-overlay-container .overlay-container.shareoverlay .share-subject[contenteditable='true']:empty::before { color: #b4b4b4; content: attr(placeholder); display: block; font-style: italic; }

.share-overlay-container .overlay-container.shareoverlay .sharing-email-message[contenteditable='true']:focus:empty::before, .share-overlay-container .overlay-container.shareoverlay .email-share-to-field[contenteditable='true']:focus:empty::before, .share-overlay-container .overlay-container.shareoverlay .share-subject[contenteditable='true']:focus:empty::before { content: ''; display: none; }

.share-overlay-container .overlay-container.shareoverlay .not-editable.sharing-email-message, .share-overlay-container .overlay-container.shareoverlay .not-editable.email-share-to-field, .share-overlay-container .overlay-container.shareoverlay .not-editable.share-subject { background-color: #5a5959; border-color: #5a5959; color: #ececec; }

.share-overlay-container .overlay-container.shareoverlay .sharing-email-message { border: 0; margin-bottom: 5px; min-height: 100px; }

.share-overlay-container .overlay-container.shareoverlay .sharing-email-message a { color: #3b3b3b; }

.share-overlay-container .overlay-container.shareoverlay .sharing-page-title { display: none; }

.share-overlay-container .overlay-container.shareoverlay .shareregisterlinkcontainer p { border-bottom: 1px solid #808080; line-height: 20px; margin: 5px 0; padding-bottom: 16px; }

.share-overlay-container .overlay-container.shareoverlay .shareregisterlinkcontainer p a { text-decoration: underline; }

.share-overlay-container .overlay-container.shareoverlay .email-register-link { color: #05c3de; }

.share-overlay-container .blog-article .shareoverlay, .share-overlay-container .overview-page .shareoverlay, .share-overlay-container .thinking-article .shareoverlay, .share-overlay-container .video-article .shareoverlay { margin-left: 50px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .share-overlay-container .overview-page .shareoverlay { margin-left: 30px; }
  .share-overlay-container .blog-article .shareoverlay, .share-overlay-container .thinking-article .shareoverlay, .share-overlay-container .video-article .shareoverlay { margin-left: -30px; } }

/* stylelint-disable selector-class-pattern */
div.legalContainer { background-color: var(--beacon-system-color-background-1); border: 0; border-radius: var(--beacon-system-radius-corner-standard); box-shadow: var(--beacon-system-color-shadow-high); color: unset; font: var(--beacon-system-font-weight-light) var(--beacon-system-font-size-sans-serif-body-200); left: 50%; padding: 0 0 60px; position: fixed; top: 25%; transform: translateX(-50%); width: 40%; }

div.legalContainer h1 { color: #061937; font-family: var(--beacon-system-font-family-heading); font-size: 20px; font-weight: 700; line-height: 28px; }

@media screen and (min-width: 960px) { div.legalContainer h1 { font-size: 24px; line-height: 32px; } }

div.legalContainer p { color: #061937; }

@media screen and (min-width: 960px) { div.legalContainer p { font-size: 18px; line-height: 24px; } }

div.legalContainer button { line-height: 24px; text-transform: capitalize; }

div.legalContainer .confirm-button { background-color: #0063ad; color: #fff; font-size: 1rem; height: 42px; line-height: 24px; padding: 0 16px; }

div.legalContainer .confirm-button:hover { background-color: #004c85; text-decoration: underline; }

div.legalContainer .close-button { color: #05c3de; top: 10px; }

div.legalContainer .close-button::before { display: none; }

div.legalContainer .close-button svg { height: 24px; width: 24px; }

div.legalContainer .close-button path { fill: var(--beacon-system-color-border-secondary); }

div.legalContainer .cancel-button { border: 0; color: #0063ad !important; font-size: 1rem; height: 38px; }

div.legalContainer .cancel-button:hover { border: 0; color: #0063ad !important; text-decoration: underline; }

div.legalContainer .cancel-button:focus { background: transparent; border: 0; outline: 1px dotted; text-decoration: underline; }

div.legalContainer .overlay-header { align-items: center; border-block-end: var(--beacon-system-width-border-mini) solid var(--beacon-system-color-border-1); display: flex; padding: 8px; }

div.legalContainer .overlay-header svg { height: 40px; }

div.legalContainer .overlay-content { margin: 40px auto; width: 80%; }

div.legalContainer .button-control { align-items: center; background: #fff; border-block-start: var(--beacon-system-width-border-mini) solid var(--beacon-system-color-border-1); bottom: 0; display: flex; height: 60px; justify-content: end; left: 0; padding-right: 20px; position: absolute; width: 100%; }

/* stylelint-enable selector-class-pattern */
.gdx-overflow-hidden { overflow: hidden; }

@media screen and (min-width: 960px) { .trp-beacon.cmp-navigation-menu.gdx-zindex-reducer { z-index: 4; }
  .trp-beacon .xf-content-height { min-height: 0; } }

.terms-and-conditions-page article { width: 100%; float: left; }

.terms-and-conditions-page h2 p { margin: 0; }

.terms-and-conditions-page p { margin: 1em 0; }

.gdx-beacon-modal-wrapper .gdx-beacon-modal-surface p { color: #000; }

.glossary-item { margin: 0 0 16px; }

.glossary-title { float: left; font-weight: bold; padding-right: 8px; }

.glossary-definition { display: inline; }

.glossary-landing .glossary-item p { display: inline; font-weight: normal; }

.glossary-nav { display: table; margin: 0 auto; }

.letter-nav { font-size: 16px; padding: 0 2px; }

.footnote-rte { color: #000; }

.footnote-rte p, .fund-disclosures p, .tax-center-disclosures .rich-text p { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 16px !important; margin: 0 0 10px; }

.footnote-rte b, .footnote-rte strong, .fund-disclosures b, .fund-disclosures strong, .tax-center-disclosures .rich-text b, .tax-center-disclosures .rich-text strong { font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; }

.footnote-rte .small p, .fund-disclosures .small p, .tax-center-disclosures .rich-text .small p { font-size: 14px !important; line-height: 20px !important; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .footnote-rte .small p, .fund-disclosures .small p, .tax-center-disclosures .rich-text .small p { font-size: 12px !important; margin: 16px 0 0; } }

.footnote-rte .tiny p, .fund-disclosures .tiny p, .tax-center-disclosures .rich-text .tiny p { font-size: 12px !important; line-height: 16px !important; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .footnote-rte .tiny p, .fund-disclosures .tiny p, .tax-center-disclosures .rich-text .tiny p { margin: 16px 0 0; } }

.fund-page-disclaimer .footnote-rte .small p, .fund-page-disclaimer .footnote-rte .tiny p { font-size: 14px !important; line-height: 16px !important; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .fund-page-disclaimer .footnote-rte .small p, .fund-page-disclaimer .footnote-rte .tiny p { font-size: 12px !important; margin: 0; } }

.site-map ul { list-style: none; margin: 0; padding-left: 40px; }

.site-map li { margin: 12px 0; }

.site-map .site-listing { margin: 30px 0; }

.site-map .site-listing ul { padding-left: 28px; }

.site-map .site-map-item { font-size: 20px; }

table { border: 1px solid #d8d8d8; width: 100%; }

table tr:first-of-type th:first-of-type { text-align: left; }

table th { background-color: #d8d8d8; border-right: 1px dotted #fff; font-weight: bold; padding: 6px; }

table th:last-child { border-right: 0; }

table td { border-right: 1px dotted #d8d8d8; font-family: Arial, Helvetica, sans-serif; padding: 6px; text-align: left; }

table td:first-of-type { text-align: left; }

table tr { background-color: #fff; }

table tbody tr:nth-of-type(even) { background-color: #ebebeb; }

table tfoot td { background-color: #05c3de; color: #fff; }

.table { width: 100%; }

.table .table-row-group { display: table-row-group; }

.table .table-row { display: table-row; }

.table .table-row .table-header { display: table-cell; font-weight: bold; width: 10%; }

.table .table-row .table-header.fund-name-col { width: 25%; }

.table .table-row .table-cell { display: table-cell; }

.guarantor-table { width: auto; }

.funds-table-container { clear: both; position: relative; }

.funds-table-container.loading { background-image: url("base/images/spinner-60px.gif"); background-position: center; background-repeat: no-repeat; height: 200px; }

.funds-table-container.loading .fund-name-table, .funds-table-container.loading .table-overflow-container { display: none; }

.funds-table-container .fund-name-table th { vertical-align: bottom; }

.funds-table-container th { background-color: #cdcdcd; border: 0; font-size: 12px; font-weight: bold; padding: 6px 4px; vertical-align: top; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .funds-table-container th { font-size: 13px; } }

.funds-table-container th span:not(.no-sort) { background-image: url("base/images/sort-up-disabled.png"); color: transparent !important; }

.funds-table-container th .as-of-date { background-image: none; color: #000 !important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }

.funds-table-container th.footable-sorted span { background-image: url("base/images/sort-up.png"); }

.funds-table-container th.footable-sorted-desc span { background-image: url("base/images/sort-down.png"); }

.funds-table-container th.border-right { border-right: 1px dotted #fff; }

.funds-table-container tr { background-color: #fff; }

.funds-table-container tr:nth-child(even) { background-color: #ebebeb; }

.funds-table-container tr:hover td, .funds-table-container tr.hover td, .funds-table-container tr:hover td span, .funds-table-container tr.hover td span { background-color: #05c3de !important; color: #fff !important; }

.funds-table-container tr:hover td a, .funds-table-container tr.hover td a, .funds-table-container tr:hover td span a, .funds-table-container tr.hover td span a { color: #fff !important; text-decoration: underline; }

.funds-table-container td { border-spacing: 0; overflow: hidden; padding: 8px 4px; position: relative; text-align: center; vertical-align: top; }

.funds-table-container td.left-align { text-align: left; }

.funds-table-container td .product-value { color: #05c3de; font-size: 14px; }

.funds-table-container td .benchmark-value { bottom: 42px; color: #3b3b3b; font-size: 14px; left: 0; position: absolute; text-align: center; width: 100%; }

.funds-table-container td .positive-value { color: #00843d; font-size: 14px; }

.funds-table-container td .negative-value { color: #da291c; font-size: 14px; }

.funds-table-container td .zero-value { font-size: 14px; }

.funds-table-container td .not-applicable { color: #3b3b3b; font-size: 11px; }

.funds-table-container td.date { color: #3b3b3b; font-size: 12px; line-height: 14px; white-space: nowrap; }

.funds-table-container td:not([data-toggle-type]) { border-left: 1px dotted #c4c4c4; }

.funds-table-container td span { clear: both; display: block; font-size: 11px; }

.funds-table-container td .benchmark-name { clear: both; float: left; font-size: 10px; font-weight: bold; margin-top: 8px; min-height: 38px; }

.funds-table-container td .redemption-fee { font-size: 10px; font-style: italic; }

.funds-table-container td .date { color: #3b3b3b; font-size: 12px; line-height: 14px; }

.funds-table-container td .date time { white-space: nowrap; }

.funds-table-container td .waiver-text { float: left; font-size: 10px; padding-left: 6px; text-align: right; width: 55px; }

.funds-table-container td .waiver-text + span { clear: none; float: left; width: 50px; }

.funds-table-container td .possible-ticker-statement { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.funds-table-container .footable &gt; thead &gt; tr &gt; th &gt; span.footable-sort-indicator { float: left; }

.benchmark-on .benchmark-off-border-right { border-right: 0 !important; }

.benchmark-off .benchmark-off-border-right { border-right: 1px dotted #fff !important; }

.monthly-performance-on .monthly-performance-off-border-right { border-right: 0 !important; }

.monthly-performance-off .monthly-performance-off-border-right { border-right: 1px dotted #fff !important; }

.fund-data-table thead tr:not(:first-of-type) th { vertical-align: bottom; }

.currency-diversification table tbody tr:last-of-type td { font-weight: bold; }

.asset-allocation table tbody td:not(:first-child), .asset-allocation table tfoot td:not(:first-child) { text-align: center; }

.asset-allocation table tbody tr:not(.sub-category) td { background-color: #ebebeb; }

.asset-allocation table tbody .sub-category td { background-color: #fff; }

.asset-allocation table tbody .sub-category td:first-of-type { padding-left: 24px; }

.top-ten-holdings.footable th.footable-sorted .footable-sort-indicator::before { content: '\e012'; }

.top-ten-holdings.footable th.footable-sorted-desc .footable-sort-indicator::before { content: '\e013'; }

.table-container { overflow-x: auto; }

.group::before, .group::after { content: ''; display: table; }

.group::after { clear: both; }

p:empty { height: 0 !important; margin: 0 !important; min-height: 0 !important; }

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

.silent { background: transparent; background-color: transparent; border: 0 !important; }

.silent:hover { background: unset; }

.linkify { color: #0063ad; font-family: inherit; text-decoration: none; background: transparent; background-color: transparent; border: 0 !important; padding: 0; }

.linkify:hover { color: #0985c3; text-decoration: underline; }

.linkify:focus { outline: thin dotted; outline-color: inherit; }

.linkify:hover { background: unset; }

.linkify:focus { outline: thin dotted; outline-color: inherit; }

.underline { text-decoration: underline; }

.clear::before, .clear::after { content: ' '; /* 1 */ display: table; /* 2 */ }

.clear::after { clear: both; }

.center { text-align: center; }

.no-wrap { white-space: nowrap; }

.no-margin-top { margin-top: 0 !important; }

.table-data-break-words { hyphens: auto; word-break: break-all; }

.background-position-left-top { background-position: left top; }

.background-position-left-center { background-position: left center; }

.background-position-left-bottom { background-position: left bottom; }

.background-position-right-top { background-position: right top; }

.background-position-right-center { background-position: right center; }

.background-position-right-bottom { background-position: right bottom; }

.background-position-center-top { background-position: center top; }

.background-position-center-center { background-position: center center; }

.background-position-center-bottom { background-position: center bottom; }

@media (orientation: portrait) and (min-width: 450px), all and (orientation: landscape) and (min-height: 450px) and (min-width: 900px) { .phone-only { display: none !important; } }

@media (min-width: 800px) { .desktop-hidden { display: none !important; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .phone-hidden { display: none !important; } }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .tablet-hidden { display: none !important; } }

.trp-blue.top { border-top: #05c3de 8px solid; }

.trp-blue.left { border-left: #05c3de 8px solid; }

.trp-blue.right { border-right: #05c3de 8px solid; }

.trp-blue.bottom { border-bottom: #05c3de 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-blue.bottom, .trp-blue.left, .trp-blue.right, .trp-blue.top { border: 0; } }

.trp-dark-blue.top { border-top: #054c70 8px solid; }

.trp-dark-blue.left { border-left: #054c70 8px solid; }

.trp-dark-blue.right { border-right: #054c70 8px solid; }

.trp-dark-blue.bottom { border-bottom: #054c70 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-dark-blue.bottom, .trp-dark-blue.left, .trp-dark-blue.right, .trp-dark-blue.top { border: 0; } }

.trp-header-dark-gray.top { border-top: #061937 8px solid; }

.trp-header-dark-gray.left { border-left: #061937 8px solid; }

.trp-header-dark-gray.right { border-right: #061937 8px solid; }

.trp-header-dark-gray.bottom { border-bottom: #061937 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-header-dark-gray.bottom, .trp-header-dark-gray.left, .trp-header-dark-gray.right, .trp-header-dark-gray.top { border: 0; } }

.trp-dark-gray.top { border-top: #3b3b3b 8px solid; }

.trp-dark-gray.left { border-left: #3b3b3b 8px solid; }

.trp-dark-gray.right { border-right: #3b3b3b 8px solid; }

.trp-dark-gray.bottom { border-bottom: #3b3b3b 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-dark-gray.bottom, .trp-dark-gray.left, .trp-dark-gray.right, .trp-dark-gray.top { border: 0; } }

.trp-medium-gray.top { border-top: #c4c4c4 8px solid; }

.trp-medium-gray.left { border-left: #c4c4c4 8px solid; }

.trp-medium-gray.right { border-right: #c4c4c4 8px solid; }

.trp-medium-gray.bottom { border-bottom: #c4c4c4 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-medium-gray.bottom, .trp-medium-gray.left, .trp-medium-gray.right, .trp-medium-gray.top { border: 0; } }

.trp-light-gray.top { border-top: #ebebeb 8px solid; }

.trp-light-gray.left { border-left: #ebebeb 8px solid; }

.trp-light-gray.right { border-right: #ebebeb 8px solid; }

.trp-light-gray.bottom { border-bottom: #ebebeb 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-light-gray.bottom, .trp-light-gray.left, .trp-light-gray.right, .trp-light-gray.top { border: 0; } }

.trp-gray-mid-light.top { border-top: #f1f1f1 8px solid; }

.trp-gray-mid-light.left { border-left: #f1f1f1 8px solid; }

.trp-gray-mid-light.right { border-right: #f1f1f1 8px solid; }

.trp-gray-mid-light.bottom { border-bottom: #f1f1f1 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-gray-mid-light.bottom, .trp-gray-mid-light.left, .trp-gray-mid-light.right, .trp-gray-mid-light.top { border: 0; } }

.trp-black.top { border-top: #000 8px solid; }

.trp-black.left { border-left: #000 8px solid; }

.trp-black.right { border-right: #000 8px solid; }

.trp-black.bottom { border-bottom: #000 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-black.bottom, .trp-black.left, .trp-black.right, .trp-black.top { border: 0; } }

.trp-white.top { border-top: #fff 8px solid; }

.trp-white.left { border-left: #fff 8px solid; }

.trp-white.right { border-right: #fff 8px solid; }

.trp-white.bottom { border-bottom: #fff 8px solid; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .trp-white.bottom, .trp-white.left, .trp-white.right, .trp-white.top { border: 0; } }

.left-column { width: 65.83333%; float: left; margin-top: 65px; }

.right-column { width: 32.5%; float: right; margin-top: 65px; }

.right-column .adaptiveimage.image img, .right-column .responsive-image img { max-width: 100%; width: 100%; }

.page-footer, article { width: 65%; float: left; background-color: #fff; margin-bottom: 24px; padding: 0 32px; }

.page-footer.full-width, article.full-width { padding: 12px 24px; width: 100%; }

.page-footer.full-width h1, article.full-width h1 { margin-bottom: 16px; }

.page-footer.full-width .paragraph, .page-footer.full-width .paragraph-with-heading, article.full-width .paragraph, article.full-width .paragraph-with-heading { padding: 12px 24px; }

.mobile-optimized-viewport .page-footer.full-width .paragraph, .mobile-optimized-viewport .page-footer.full-width .paragraph-with-heading, .mobile-optimized-viewport article.full-width .paragraph, .mobile-optimized-viewport article.full-width .paragraph-with-heading { padding: 0; }

.page-footer.full-width .paragraph p, .page-footer.full-width .paragraph-with-heading p, article.full-width .paragraph p, article.full-width .paragraph-with-heading p { margin: 0 0 16px; }

.page-footer.full-width.browser-width, article.full-width.browser-width { float: none; margin: 0; padding: 0; }

.page-footer &gt; header a, article &gt; header a { font-family: Arial, Helvetica, sans-serif; }

.page-footer header, article header { color: var(--beacon-system-color-text-standard); font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; margin: 32px 0; }

.page-footer header h2:not([slot='title']), article header h2:not([slot='title']) { font-size: 24px; }

.page-footer header h3:not([slot='title']), article header h3:not([slot='title']) { color: var(--beacon-system-color-text-standard); font-size: 16px; font-weight: 700; line-height: 24px; }

.page-footer header a, article header a { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; }

.page-footer header time, article header time { clear: both; display: block; }

.page-footer b, .page-footer strong, article b, article strong { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.page-footer .article-story, article .article-story { font-family: Arial, Helvetica, sans-serif; }

.page-footer .article-story .richtext-heading h2.trp-dark-grey, article .article-story .richtext-heading h2.trp-dark-grey { color: #061937; font-family: var(--beacon-system-font-family-heading) !important; font-size: 32px; line-height: 40px; }

.page-footer .executive-summary, article .executive-summary { background-color: #f4f4f4; padding: 8px 32px; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; margin: 16px 24px; padding: 24px 24px 8px; }

.page-footer .executive-summary h4, article .executive-summary h4 { font-size: 20px; line-height: 20px; }

.page-footer .executive-summary p, article .executive-summary p { font-size: 16px; }

.page-footer .executive-summary ul, article .executive-summary ul { list-style: none; margin: 0; padding-left: 18px; }

.page-footer .executive-summary li, article .executive-summary li { margin: 12px 0; }

.page-footer .executive-summary li::before, article .executive-summary li::before { margin-left: -18px; }

.page-footer .article-story .executive-summary, article .article-story .executive-summary { margin: 16px 0; }

.page-footer .table, article .table { background-color: #fff; margin: 32px 0; }

.page-footer .paragraph, .page-footer .paragraph-with-heading, .page-footer .table, article .paragraph, article .paragraph-with-heading, article .table { padding: 0; }

.page-footer .paragraph h5 + p, .page-footer .paragraph h6 + p, .page-footer .paragraph p:first-of-type, .page-footer .paragraph-with-heading h5 + p, .page-footer .paragraph-with-heading h6 + p, .page-footer .paragraph-with-heading p:first-of-type, .page-footer .table h5 + p, .page-footer .table h6 + p, .page-footer .table p:first-of-type, article .paragraph h5 + p, article .paragraph h6 + p, article .paragraph p:first-of-type, article .paragraph-with-heading h5 + p, article .paragraph-with-heading h6 + p, article .paragraph-with-heading p:first-of-type, article .table h5 + p, article .table h6 + p, article .table p:first-of-type { margin-top: 0; }

.page-footer .paragraph p:last-of-type, .page-footer .paragraph-with-heading p:last-of-type, .page-footer .table p:last-of-type, article .paragraph p:last-of-type, article .paragraph-with-heading p:last-of-type, article .table p:last-of-type { margin-bottom: 0; }

.page-footer .paragraph ul, .page-footer .paragraph-with-heading ul, .page-footer .table ul, article .paragraph ul, article .paragraph-with-heading ul, article .table ul { margin: 0; padding: 0; border: 0; list-style: none; }

.page-footer .paragraph ul li, .page-footer .paragraph-with-heading ul li, .page-footer .table ul li, article .paragraph ul li, article .paragraph-with-heading ul li, article .table ul li { border: 0; list-style-type: none !important; margin: 0; padding: 0 0 24px 1.25em; text-indent: -1.2em; }

.page-footer .paragraph ul li::before, .page-footer .paragraph-with-heading ul li::before, .page-footer .table ul li::before, article .paragraph ul li::before, article .paragraph-with-heading ul li::before, article .table ul li::before { font-size: 16px; }

.page-footer .paragraph ul li:last-of-type, .page-footer .paragraph-with-heading ul li:last-of-type, .page-footer .table ul li:last-of-type, article .paragraph ul li:last-of-type, article .paragraph-with-heading ul li:last-of-type, article .table ul li:last-of-type { padding-bottom: 0; }

.page-footer .glidepath, article .glidepath { float: none; width: 100%; }

.page-footer .glidepath-table, article .glidepath-table { float: left; margin-bottom: 24px; overflow-x: scroll; width: 100%; }

.page-footer .button-container, article .button-container { text-align: center; }

article h1 { font-family: var(--beacon-system-font-family-heading) !important; }

.paragraph, .paragraph-with-heading { color: var(--beacon-system-color-text-standard); font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; }

.paragraph a, .paragraph-with-heading a { color: var(--beacon-system-color-text-standard); font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; }

.paragraph h5 + p, .paragraph h6 + p, .paragraph p:first-of-type, .paragraph-with-heading h5 + p, .paragraph-with-heading h6 + p, .paragraph-with-heading p:first-of-type { margin-top: 0; }

.paragraph p:last-of-type, .paragraph-with-heading p:last-of-type { margin-bottom: 0; }

.paragraph h3, .paragraph h4, .paragraph h5, .paragraph-with-heading h3, .paragraph-with-heading h4, .paragraph-with-heading h5 { margin-bottom: 16px; }

.paragraph h3.dark-blue-separator, .paragraph h4.dark-blue-separator, .paragraph h5.dark-blue-separator, .paragraph-with-heading h3.dark-blue-separator, .paragraph-with-heading h4.dark-blue-separator, .paragraph-with-heading h5.dark-blue-separator { border-bottom: 1px solid #054c70; padding-bottom: 5px; }

.paragraph h3.blue-separator, .paragraph h4.blue-separator, .paragraph h5.blue-separator, .paragraph-with-heading h3.blue-separator, .paragraph-with-heading h4.blue-separator, .paragraph-with-heading h5.blue-separator { border-bottom: 1px solid #05c3de; padding-bottom: 5px; }

.paragraph h3.gray-separator, .paragraph h4.gray-separator, .paragraph h5.gray-separator, .paragraph-with-heading h3.gray-separator, .paragraph-with-heading h4.gray-separator, .paragraph-with-heading h5.gray-separator { border-bottom: 1px solid #cdcdcd; padding-bottom: 5px; }

.paragraph h3.black-separator, .paragraph h4.black-separator, .paragraph h5.black-separator, .paragraph-with-heading h3.black-separator, .paragraph-with-heading h4.black-separator, .paragraph-with-heading h5.black-separator { border-bottom: 1px solid #000; padding-bottom: 5px; }

.paragraph h3.white-separator, .paragraph h4.white-separator, .paragraph h5.white-separator, .paragraph-with-heading h3.white-separator, .paragraph-with-heading h4.white-separator, .paragraph-with-heading h5.white-separator { border-bottom: 1px solid #fff; padding-bottom: 5px; }

.paragraph h3, .paragraph-with-heading h3 { font-size: 40px; line-height: 44px; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .paragraph h3, .mobile-optimized-viewport .paragraph-with-heading h3 { font-size: 32px; line-height: 36px; } }

.paragraph h4, .paragraph-with-heading h4 { font-family: var(--beacon-system-font-family-heading) !important; font-size: 32px; line-height: 36px; }

.paragraph h5, .paragraph-with-heading h5 { font-family: var(--beacon-system-font-family-heading) !important; font-size: 28px; line-height: 32px; }

.paragraph h5.small, .paragraph-with-heading h5.small { color: #061937; font-size: 20px; font-weight: 700; line-height: 32px; }

.paragraph .large p, .paragraph .large, .paragraph .medium p, .paragraph .medium, .paragraph .small p, .paragraph .small, .paragraph-with-heading .large p, .paragraph-with-heading .large, .paragraph-with-heading .medium p, .paragraph-with-heading .medium, .paragraph-with-heading .small p, .paragraph-with-heading .small { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; }

.paragraph .small p, .paragraph .small, .paragraph-with-heading .small p, .paragraph-with-heading .small { font-size: 16px; line-height: 20px; }

.paragraph .medium p, .paragraph .medium, .paragraph-with-heading .medium p, .paragraph-with-heading .medium { font-size: 20px; line-height: 24px; }

.paragraph .large p, .paragraph .large, .paragraph-with-heading .large p, .paragraph-with-heading .large { font-size: 24px; line-height: 28px; }

.paragraph a, .paragraph-with-heading a { font-family: Arial, Helvetica, sans-serif; }

.paragraph .no-padding, .paragraph-with-heading .no-padding { padding: 0; }

.paragraph .small-padding, .paragraph-with-heading .small-padding { padding: 16px; }

.paragraph .medium-padding, .paragraph-with-heading .medium-padding { padding: 32px; }

.paragraph .large-padding, .paragraph-with-heading .large-padding { padding: 48px; }

.paragraph .no-margin, .paragraph-with-heading .no-margin { margin: 0; }

.paragraph .normal-margin, .paragraph-with-heading .normal-margin { margin: 32px 0; }

.paragraph .large-margin, .paragraph-with-heading .large-margin { margin: 48px 0; }

.paragraph .transparent, .paragraph-with-heading .transparent { background-color: transparent; color: #000; }

.paragraph .transparent a:not(.button), .paragraph-with-heading .transparent a:not(.button) { color: #054c70; }

.paragraph .translucent-trp-white, .paragraph-with-heading .translucent-trp-white { background-color: rgba(255, 255, 255, 0.9); color: #000; }

.paragraph .translucent-trp-white a:not(.button), .paragraph-with-heading .translucent-trp-white a:not(.button) { color: #054c70; }

.paragraph .translucent-trp-grey, .paragraph-with-heading .translucent-trp-grey { background-color: rgba(0, 0, 0, 0.25); color: #fff; }

.paragraph .trp-blue, .paragraph-with-heading .trp-blue { background-color: #05c3de; color: #fff; }

.paragraph .trp-blue a:not(.button), .paragraph-with-heading .trp-blue a:not(.button) { color: #05c3de; }

.paragraph .trp-dark-blue, .paragraph-with-heading .trp-dark-blue { background-color: #054c70; color: #fff; }

.paragraph .trp-dark-blue a:not(.button), .paragraph-with-heading .trp-dark-blue a:not(.button) { color: #05c3de; }

.paragraph .trp-header-dark-gray, .paragraph-with-heading .trp-header-dark-gray { background-color: #061937; color: #fff; }

.paragraph .trp-header-dark-gray a:not(.button), .paragraph-with-heading .trp-header-dark-gray a:not(.button) { color: #05c3de; }

.paragraph .trp-dark-gray, .paragraph-with-heading .trp-dark-gray { background-color: #3b3b3b; color: #fff; }

.paragraph .trp-dark-gray a:not(.button), .paragraph-with-heading .trp-dark-gray a:not(.button) { color: #05c3de; }

.paragraph .trp-medium-gray, .paragraph-with-heading .trp-medium-gray { background-color: #c4c4c4; color: #000; }

.paragraph .trp-medium-gray a:not(.button), .paragraph-with-heading .trp-medium-gray a:not(.button) { color: #054c70; }

.paragraph .trp-light-gray, .paragraph-with-heading .trp-light-gray { background-color: #ebebeb; color: #000; }

.paragraph .trp-light-gray a:not(.button), .paragraph-with-heading .trp-light-gray a:not(.button) { color: #054c70; }

.paragraph .trp-gray-mid-light, .paragraph-with-heading .trp-gray-mid-light { background-color: #f1f1f1; color: #000; }

.paragraph .trp-gray-mid-light a:not(.button), .paragraph-with-heading .trp-gray-mid-light a:not(.button) { color: #054c70; }

.paragraph .trp-black, .paragraph-with-heading .trp-black { background-color: #000; color: #fff; }

.paragraph .trp-black a:not(.button), .paragraph-with-heading .trp-black a:not(.button) { color: #05c3de; }

.paragraph .trp-white, .paragraph-with-heading .trp-white { background-color: #fff; color: #000; }

.paragraph .trp-white a:not(.button), .paragraph-with-heading .trp-white a:not(.button) { color: #054c70; }

.paragraph .gray-content, .paragraph-with-heading .gray-content { color: #061937; }

.paragraph .trp-gray-darker-medium, .paragraph-with-heading .trp-gray-darker-medium { color: #767676; }

.paragraph .white-content, .paragraph-with-heading .white-content { color: #fff; }

.paragraph .black-content, .paragraph-with-heading .black-content { color: #000; }

.paragraph .dark-blue-content, .paragraph-with-heading .dark-blue-content { color: #061937; }

.paragraph .blue-content, .paragraph-with-heading .blue-content { color: #05c3de; }

.paragraph .darker-medium-grey-content, .paragraph-with-heading .darker-medium-grey-content { color: #767676; }

aside { width: 33.33333%; float: right; margin-bottom: 24px; }

.primary h2 { font-size: 24px; line-height: 28px; }

.primary h2 a { color: #0063ad; text-decoration: none !important; }

span.read-more { color: #0063ad; font-size: 16px; white-space: nowrap; }

span.read-more u { text-decoration: underline; }

span.read-more::after { content: ' '; text-decoration: none; }

span.read-more::before { content: ' '; text-decoration: none; }

.promotion-par .adaptiveimage.image img { margin: 16px 0; max-width: 100%; }

.adaptiveimage.image .full-width-img img, .adaptiveimage.image img.full-width-svg, .adaptiveimage img.full-width-image, .responsive-image.image .full-width-img img, .responsive-image.image img.full-width-svg, .responsive-image img.full-width-image { width: 100%; }

.article-pagination { width: 100%; float: left; background: #fff; border-top: #c4c4c4 1px dotted; float: left; margin: 12px 0 32px; padding: 12px 0; }

.article-pagination .pagination-article-sub-title { text-transform: uppercase; }

.article-pagination .next-article, .article-pagination .prev-article { display: inline-block; vertical-align: top; width: 46.66667%; }

.article-pagination .next-article a, .article-pagination .prev-article a { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; padding: 0; }

.article-pagination .next-article a span, .article-pagination .prev-article a span { display: none; }

.article-pagination .next-article { border-left: #c4c4c4 1px dotted; margin-left: 12px; padding-left: 12px; }

.article-pagination .next-article:empty { border: 0; }

article .adaptiveimage img, article .responsive-image img, aside .adaptiveimage img, aside .responsive-image img { margin: 24px 0; max-width: 100%; }

article .responsive-image .remove-image-padding img, aside .responsive-image .remove-image-padding img { margin: 0; }

.article-story .adaptiveimage img, .article-story .responsive-image img { padding: 0; width: 100%; }

.custom-layout header:empty { display: none; }

.custom-layout .adaptiveimage.image img, .custom-layout .responsive-image img { padding: 0; width: 100%; }

.custom-columns { display: table; float: none; padding: 0; width: 100%; }

.custom-layout { /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ }

.custom-layout .full-width { float: none; padding: 0; }

.custom-layout .full-width header { margin: 0; padding: 12px 24px; }

.custom-layout .full-width .article-story { padding: 0; }

.custom-layout .full-width:empty { display: none; }

.custom-layout .full-width &gt; div { margin: 12px 24px; }

.custom-layout article { margin-bottom: 16px; }

.custom-layout .half-width, .custom-layout .third-width { background: #fff; border-right: #ebebeb 16px solid; display: table-cell; padding: 24px; vertical-align: top; }

.custom-layout .half-width { width: 49.16667%; }

.custom-layout .third-width { width: 32.5%; }

.custom-layout .last { border-right: 0; float: none; margin-right: 0; }

.custom-layout.customFiftyFifty article, .custom-layout.customThreeColumn article { float: none; }

.custom-layout .columns-class { vertical-align: top; }

.custom-layout .tile header { padding: 0 0 16px; }

.page-footer { float: none; margin-top: 12px; max-width: 960px; padding: 12px 24px; width: 100%; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .page-footer { max-width: 752px; } }

.page-footer .disclosure-content-reference, .page-footer .disclosure-par, .page-footer .future-disclosure-par { float: none; }

.page-footer .article-pagination { border-top: #b1b1b1 1px dotted; margin: 12px 0 24px; padding-top: 12px; }

body.editable:not(.mobile-optimized-viewport) article { margin-bottom: 0; }

body.editable:not(.mobile-optimized-viewport) .article-pagination { width: 65%; float: left; margin: 0 0 24px; padding: 0; }

body.editable:not(.mobile-optimized-viewport) .article-pagination .prev-article, body.editable:not(.mobile-optimized-viewport) .article-pagination .next-article { padding: 24px; }

article h1, article h2, article h3, article h4, article h5, article h1 strong, article h2 b { font-family: var(--beacon-system-font-family-heading) !important; font-weight: 700 !important; }

article h1 strong { font-family: var(--beacon-system-font-family-heading) !important; font-weight: 700 !important; }

article header { font-size: 16px; line-height: 24px; }

article header h1:not([slot='title']) { font-size: 56px; line-height: 64px; }

article header h2:not([slot='title']).xx-small { font-size: 32px; line-height: 40px; }

article header h3, aside header h3 { font-family: var(--beacon-system-font-family-body) !important; font-weight: 300 !important; }

article p { color: #061937; font-family: var(--beacon-system-font-family-body) !important; font-size: 20px; line-height: 32px; }

.mobile-optimized-viewport { padding: 0; }

.mobile-optimized-viewport article { margin-bottom: 0; padding: 0 16px; }

.mobile-optimized-viewport article header { margin: 0; padding: 32px 0 16px; }

.mobile-optimized-viewport article .article-pagination { padding: 0; }

.mobile-optimized-viewport aside { background: #fff; padding: 16px; }

.mobile-optimized-viewport article, .mobile-optimized-viewport aside, .mobile-optimized-viewport .article-pagination { width: 100%; float: left; float: none; }

.mobile-optimized-viewport article .pagination-article-sub-title, .mobile-optimized-viewport article .pagination-article-desc, .mobile-optimized-viewport aside .pagination-article-sub-title, .mobile-optimized-viewport aside .pagination-article-desc, .mobile-optimized-viewport .article-pagination .pagination-article-sub-title, .mobile-optimized-viewport .article-pagination .pagination-article-desc { display: none; }

.mobile-optimized-viewport .article-pagination { padding: 0; }

.mobile-optimized-viewport .prev-article, .mobile-optimized-viewport .next-article { font-size: 16px; }

.mobile-optimized-viewport .prev-article a, .mobile-optimized-viewport .next-article a { display: block; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; padding: 16px 16px 16px 32px; position: relative; }

.mobile-optimized-viewport .prev-article a span, .mobile-optimized-viewport .next-article a span { display: block; left: 0; position: absolute; top: 16px; }

.mobile-optimized-viewport .prev-article .pagination-article-title, .mobile-optimized-viewport .next-article .pagination-article-title { padding: 0; }

.mobile-optimized-viewport .next-article { float: right; text-align: right; }

.mobile-optimized-viewport .next-article a { padding: 16px 32px 16px 16px; }

.mobile-optimized-viewport .next-article a span { left: auto; right: 0; }

@media (min-width: 800px) { .mobile-optimized-viewport article, .mobile-optimized-viewport .article-pagination { width: 65%; float: left; float: left; padding: 0; }
  .mobile-optimized-viewport article { padding: 32px; }
  .mobile-optimized-viewport article.full-width { width: 100%; }
  .mobile-optimized-viewport article header { margin: 0; padding: 0; }
  .mobile-optimized-viewport aside { width: 33.33333%; float: right; background: none; float: right; padding: 0; }
  .mobile-optimized-viewport .article-pagination { margin-top: 0; }
  .mobile-optimized-viewport .prev-article, .mobile-optimized-viewport .next-article { font-size: 14px; padding: 24px; }
  .mobile-optimized-viewport .prev-article .pagination-article-sub-title, .mobile-optimized-viewport .prev-article .pagination-article-desc, .mobile-optimized-viewport .next-article .pagination-article-sub-title, .mobile-optimized-viewport .next-article .pagination-article-desc { display: block; }
  .mobile-optimized-viewport .prev-article .pagination-article-title, .mobile-optimized-viewport .next-article .pagination-article-title { padding: 0; }
  .mobile-optimized-viewport .prev-article a, .mobile-optimized-viewport .next-article a { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; padding: 0; }
  .mobile-optimized-viewport .prev-article a span, .mobile-optimized-viewport .next-article a span { display: none; }
  .mobile-optimized-viewport .next-article { text-align: left; } }

.quote-block blockquote { background-color: #f4f4f4; padding: 32px; margin: 0 24px; position: relative; /* remove the natural margin from p,blockquote */ }

.quote-block blockquote, .quote-block blockquote p.fancy-quotes { display: inherit; margin: inherit; margin-block-end: inherit; margin-block-start: inherit; margin-inline-end: inherit; margin-inline-start: inherit; }

.quote-block blockquote::before { border-color: transparent #f4f4f4 transparent transparent; border-style: solid; border-width: 0 16px 16px 0; content: ' '; height: 16px; left: -16px; position: absolute; top: 0; width: 16px; }

.quote-block blockquote footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; font-weight: bold; }

.fancy-quotes { line-height: 1.3em; }

.fancy-quotes::after, .fancy-quotes::before { background-position: left bottom; background-repeat: no-repeat; background-size: contain; content: ''; display: inline-block; height: 0.69em; vertical-align: baseline; width: 1em; }

.fancy-quotes::after { background-image: url("base/images/quotes-right.png"); margin-left: 0.15em; }

.fancy-quotes::before { background-image: url("base/images/quotes-left.png"); }

.two-column-list-container { background-color: #fff; padding: 0 32px; margin: 16px 0; padding: 0; }

.two-column-list-container ol { list-style: none; margin: 0 0 16px; padding: 0; }

.two-column-list-container li { border-top: #c4c4c4 1px dotted; margin-top: 8px; padding-left: 18px; padding-top: 8px; position: relative; }

.two-column-list-container li:first-child { border-top: 0; }

.two-column-list-container li .column-one, .two-column-list-container li .column-two { display: inline-block; vertical-align: top; }

.two-column-list-container li .column-one { width: 33.33333%; }

.two-column-list-container li h4 { line-height: 24px; }

.two-column-list-container li .column-two { width: 61.66667%; }

.section.two-column-list-item { counter-increment: item; position: relative; background-color: #fff; padding: 0 32px; }

.section.two-column-list-item::before { background: #05c3de; color: #fff; content: counter(item); display: inline-block; font-size: 20px; left: 0; line-height: 24px; margin-right: 10px; position: absolute; text-align: center; top: 8px; width: 24px; }

.block-list-item { position: relative; }

.two-column-block-list-container ul { list-style: none; margin: 0 0 16px; padding: 0; }

.two-column-block-list-container ul li { width: 100%; }

.two-column-block-list-container ul li ul { border: #ebebeb 1px solid; display: table; margin: 0 0 8px; padding: 0; width: 100%; }

.two-column-block-list-container ul li ul li { background: #ebebeb; display: table-cell; padding: 24px; width: 48.33333%; }

.two-column-block-list-container ul li ul li:first-child { background: #fff; }

.two-column-block-list-container ul li ul li h3, .two-column-block-list-container ul li ul li p { font-size: 16px; padding: 0; }

.two-column-block-list-container ul li ul li h3 { color: #3b3b3b; margin: 0 0 8px; text-transform: capitalize; }

.two-column-block-list-container ul li ul li h3:empty { margin: 0; }

.two-column-block-list-container ul li ul li p { margin: 0 0 24px; }

.two-column-block-list-container ul li ul li p:last-of-type { margin: 0; }

.horizontal-rule .rule { border-bottom: #c4c4c4 1px dotted; clear: both; margin: 16px 0; }

.horizontal-rule .rule.solid { border-bottom: 1px solid #c4c4c4; }

.horizontal-rule .rule.dotted { border-bottom: 1px dotted #c4c4c4; }

.horizontal-rule .rule.trp-dark-blue { border-bottom-color: #054c70; }

.horizontal-rule .rule.trp-light-blue { border-bottom-color: #05c3de; }

.horizontal-rule .rule.trp-white { border-bottom-color: #fff; }

.horizontal-rule .rule.trp-dark-gray { border-bottom-color: #061937; }

.horizontal-rule .rule.trp-medium-gray { border-bottom-color: #c4c4c4; }

.horizontal-rule .rule.trp-light-gray { border-bottom-color: #ebebeb; }

.horizontal-rule .rule.trp-black { border-bottom-color: #000; }

.horizontal-rule .rule.padding-small { margin: 8px 0; }

.horizontal-rule .rule.padding-medium { margin: 16px 0; }

.horizontal-rule .rule.padding-large { margin: 32px 0; }

.horizontal-rule .rule.hide-line { border-bottom: 0; margin: 0; }

.horizontal-rule .rule.hide-line.padding-small { padding: 8px 0; }

.horizontal-rule .rule.hide-line.padding-medium { padding: 16px 0; }

.horizontal-rule .rule.hide-line.padding-large { padding: 32px 0; }

.comparison-block { background-color: #fff; padding: 0 32px; margin: 16px 0; padding: 0; }

.comparison-block div, .comparison-block h4, .comparison-block p, .comparison-block ul { margin: 0 0 16px; }

.comparison-block .column-one, .comparison-block .column-two { width: 45%; display: inline-block; vertical-align: top; }

.comparison-block .column-one ul, .comparison-block .column-two ul { list-style: square; padding-left: 16px; }

.comparison-block .column-one ul li, .comparison-block .column-two ul li { margin-bottom: 16px; }

.comparison-block .column-one h5, .comparison-block .column-two h5 { color: #054c70; }

.comparison-block .column-two { border-left: #c4c4c4 1px dotted; margin-left: 3.33333%; padding-left: 3.33333%; }

.asset-allocation-positions { margin: 32px 0; }

.asset-allocation-positions .labels, .asset-allocation-positions .position { display: table; table-layout: fixed; width: 100%; }

.asset-allocation-positions .labels div { display: table-cell; }

.asset-allocation-positions .labels .left, .asset-allocation-positions .labels .right { font-size: 18px; width: 40%; }

.asset-allocation-positions .labels .left { text-align: left; }

.asset-allocation-positions .labels .right { text-align: right; }

.asset-allocation-positions .labels .middle { font-size: 16px; text-align: center; width: 20%; }

.asset-allocation-positions .position .indicator { background: #c4c4c4; border-left: 1px solid #fff; display: table-cell; height: 30px; width: 20%; }

.asset-allocation-positions .position .indicator:first-child { border: 0; }

.asset-allocation-positions .position .indicator.current { background-color: #05c3de; background-position: center 10px; }

.asset-allocation-positions .position .indicator.previous { font-size: 24px; }

.asset-allocation-positions .position .indicator.previous.left { background-position: center -90px; }

.asset-allocation-positions .position .indicator.previous.right { background-position: center -40px; }

.asset-allocation-positions-legend .position { text-align: right; }

.asset-allocation-positions-legend .position .indicator, .asset-allocation-positions-legend .position .legend { display: inline-block; vertical-align: top; height: 30px; }

.asset-allocation-positions-legend .position .indicator { background: #c4c4c4; width: 30px; }

.asset-allocation-positions-legend .position .indicator.current { background-color: #05c3de; background-position: center 10px; }

.asset-allocation-positions-legend .position .legend { line-height: 30px; margin-left: 10px; }

.show-hide-section .full-text, .show-hide-section .teaser { background: #ebebeb; border-top: 1px solid #fff; padding: 24px; }

.show-hide-section .full-text p, .show-hide-section .teaser p { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; margin-bottom: 12px; margin-top: 12px; }

.show-hide-section .full-text p:first-child, .show-hide-section .teaser p:first-child { margin-top: 0; }

.show-hide-section .full-text p:last-child, .show-hide-section .teaser p:last-child { margin-bottom: 0; }

.show-hide-section .full-text:empty, .show-hide-section .teaser:empty { display: none; }

.show-hide-section .full-text .read-more-links a:hover, .show-hide-section .teaser .read-more-links a:hover { cursor: pointer; }

.show-hide-section .full-text { display: none; }

.show-all .label, .show-all .onoffswitch { display: inline-block; vertical-align: top; }

.show-all .label { line-height: 28px; }

.show-all .onoffswitch { float: none !important; }

.show-all .onoffswitch label span.onoffswitch-inner { margin-left: -100%; }

.show-all .onoffswitch label span.onoffswitch-inner::before { content: 'Off'; }

.show-all .onoffswitch label span.onoffswitch-inner::after { color: #008000; content: 'On'; }

.show-all .onoffswitch label span.onoffswitch { transition: right 0.3s ease-in 0s; }

.show-all .onoffswitch.off .onoffswitch-switch:hover, .show-all .onoffswitch.on .onoffswitch-switch:hover { background: #05c3de; }

.show-all .onoffswitch.on .onoffswitch-inner { margin-left: -100%; }

.show-all .onoffswitch.on .onoffswitch-switch { right: 38px; }

.show-all .onoffswitch.off .onoffswitch-inner { margin-left: 0; }

.show-all .onoffswitch.off .onoffswitch-switch { right: 0; }

.section.consensus .consensus-title { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 21px; }

.section.consensus .as-of-date { color: #3b3b3b; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 8px; }

.section.consensus .consensus-block { color: #061937; display: block; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; margin: 12px 0 24px; }

.section.consensus .consensus-block .consensus, .section.consensus .consensus-block .sides { border: 1px solid #05c3de; clear: both; margin-top: -1px; padding: 32px; }

.section.consensus .consensus-block .consensus p, .section.consensus .consensus-block .sides p { color: #3b3b3b; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 0; }

.section.consensus .consensus-block .consensus { background: #05c3de; color: #fff; float: left; position: relative; width: 100%; }

.section.consensus .consensus-block .consensus h3, .section.consensus .consensus-block .consensus p { color: #fff; }

.section.consensus .consensus-block .consensus-image { float: left; position: absolute; top: 42%; width: 8%; }

.section.consensus .consensus-block .consensus-image-text { float: right; width: 90%; }

.market-performance .data-group { margin-top: 16px; }

.market-performance .market-performance-information { color: #dfeae3; display: table; margin: 12px 0; width: 100%; }

.market-performance .market-performance-information .column { display: table-cell; padding-left: 12px; width: 50%; }

.market-performance .market-performance-information .column:first-child { padding-left: 0; }

.market-performance .market-performance-information .column .summary, .market-performance .market-performance-information .column .value { padding: 32px; }

.market-performance .market-performance-information .column .value { color: #fff; font-family: var(--beacon-system-font-family-body); font-size: 48px; }

.market-performance .market-performance-information .column .value h3 { color: #fff; }

.market-performance .market-performance-information .column .summary { background: #ebebeb; color: #3b3b3b; font-size: 16px; line-height: 20px; }

.market-performance .market-performance-information .column.three-month .value { background: #054c70; }

.market-performance .market-performance-information .column.twelve-month .value { background: #05c3de; }

.custom .list-with-paragraph ol, .custom .list-with-paragraph ul, .list-with-paragraph ol, .list-with-paragraph ul { list-style: none; padding: 0; }

.custom .list-with-paragraph ol li, .custom .list-with-paragraph ul li, .list-with-paragraph ol li, .list-with-paragraph ul li { border-bottom: #c4c4c4 1px dotted; border-top: 0; margin: 0 0 8px; padding: 0 0 8px; }

.custom .list-with-paragraph ol li p, .custom .list-with-paragraph ul li p, .list-with-paragraph ol li p, .list-with-paragraph ul li p { color: #000 !important; margin: 8px 0 !important; }

.custom .list-with-paragraph ol li.no-border, .custom .list-with-paragraph ul li.no-border, .list-with-paragraph ol li.no-border, .list-with-paragraph ul li.no-border { border-bottom: 0; }

.custom .list-with-paragraph ol, .list-with-paragraph ol { margin: 0 0 16px; }

.custom .list-with-paragraph ol li, .list-with-paragraph ol li { counter-increment: item; padding-left: 36px; position: relative; }

.custom .list-with-paragraph ol li::before, .list-with-paragraph ol li::before { background: #05c3de; color: #fff; content: counter(item); display: inline-block; font-size: 20px; left: 0; line-height: 24px; margin-right: 10px; position: absolute; text-align: center; top: 3px; width: 24px; }

.brightcove-video .caption { margin: 12px 0 24px; }

.video-player { height: 0; margin: 0 0 24px; padding-bottom: 56.5%; position: relative; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .video-player { margin: 8px 0; } }

.video-player .brightcove-experience { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.playlist-wrapper { margin-bottom: 24px; overflow-y: hidden; width: 100%; }

.playlist-wrapper .vjs-playlist { margin: 0; white-space: nowrap; width: auto; }

.playlist-wrapper .vjs-playlist .vjs-playlist-item { display: inline-block; }

.playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-description, .playlist-wrapper .vjs-playlist .vjs-playlist-item cite.vjs-playlist-name { display: none; }

.vjs-full-window { height: 100%; margin: 0; padding: 0; }

.video-js.vjs-fullscreen { bottom: 0; height: 100% !important; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; width: 100% !important; z-index: 1000; }

/* stylelint-disable selector-no-vendor-prefix */
.video-js:-webkit-full-screen { height: 100% !important; width: 100% !important; }

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

.fund-utility-buttons { float: right; margin-top: -30px; }

.fund-utility-buttons .excel-download, .fund-utility-buttons .fund-share { display: inline-block; margin: 0; }

.fund-utility-buttons .fund-utility-buttons { display: inline-block; float: none; margin-top: 0; padding: 0; }

.fund-share-button, .fund-subscribe-button { display: inline-block; margin: 0; vertical-align: top; }

.editable .page-utilities { position: absolute; right: 0; top: -30px; }

.editable .page-utilities .fund-share-button, .editable .page-utilities .fund-utility-buttons { display: inline-block; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .fund-utility-buttons { float: left; margin: 0; padding: 8px 16px; }
  .fund-utility-buttons a.button { margin-bottom: 0; } }

.ios .fund-utility-buttons .excel-download, .android .fund-utility-buttons .excel-download { display: none; }

.tab-control a:hover { cursor: pointer; }

.tab-control section { background-color: #fff; }

.tabctrl-container .grey-tab-background section, .tab-control-insights .grey-tab-background section { background-color: #ebebeb; }

.tabctrl-container .white-tab-background section, .tab-control-insights .white-tab-background section { background-color: #fff; }

@media (min-width: 450px) { .phone-only { display: none !important; } }

.phone-only .band-par { margin: 32px 0; }

.phone-only .band-par .paragraph .white-content p, .phone-only .band-par .richtext-heading .trp-white p { color: #3b3b3b; }

.phone-only .band-par p, .phone-only .band-par h1, .phone-only .band-par h2, .phone-only .band-par h3, .phone-only .band-par h4, .phone-only .band-par h5 { color: #061937; }

.band-inner { min-height: 120px; padding: 0 0 32px; position: relative; }

.band-inner .band-par { padding: 48px 0 72px; position: relative; }

.band-inner.band-jumbo &gt; .band-content &gt; .band-par { padding: 96px 0; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.band-jumbo &gt; .band-content &gt; .band-par { padding: 48px 0; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .band-inner.band-jumbo &gt; .band-content &gt; .band-par { padding: 32px 0; } }

.band-inner.band-regular &gt; .band-content &gt; .band-par { padding: 80px 0; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.band-regular &gt; .band-content &gt; .band-par { padding: 32px 0; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .band-inner.band-regular &gt; .band-content &gt; .band-par { padding: 24px 0; } }

.band-inner.band-tiny &gt; .band-content &gt; .band-par { padding: 64px 0; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.band-tiny &gt; .band-content &gt; .band-par { padding: 32px 0; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .band-inner.band-tiny &gt; .band-content &gt; .band-par { padding: 24px 0; } }

.band-inner.band-mini &gt; .band-content &gt; .band-par { padding: 32px 0; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.band-mini &gt; .band-content &gt; .band-par { padding: 16px 0; } }

.band-inner.band-micro &gt; .band-content &gt; .band-par { padding: 0; }

.band-inner.side-padding-jumbo &gt; .band-content &gt; .band-par { padding-left: 96px; padding-right: 96px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.side-padding-jumbo &gt; .band-content &gt; .band-par { padding-left: 0; padding-right: 0; } }

.band-inner.side-padding-regular &gt; .band-content &gt; .band-par { padding-left: 80px; padding-right: 80px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.side-padding-regular &gt; .band-content &gt; .band-par { padding-left: 0; padding-right: 0; } }

.band-inner.side-padding-tiny &gt; .band-content &gt; .band-par { padding-left: 64px; padding-right: 64px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.side-padding-tiny &gt; .band-content &gt; .band-par { padding-left: 0; padding-right: 0; } }

.band-inner.side-padding-mini &gt; .band-content &gt; .band-par { padding-left: 48px; padding-right: 48px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.side-padding-mini &gt; .band-content &gt; .band-par { padding-left: 0; padding-right: 0; } }

.band-inner.side-padding-micro &gt; .band-content &gt; .band-par { padding-left: 32px; padding-right: 32px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .band-inner.side-padding-micro &gt; .band-content &gt; .band-par { padding-left: 0; padding-right: 0; } }

.band-inner.side-padding-none &gt; .band-content &gt; .band-par { padding-left: 0; padding-right: 0; }

.band-inner.has-tooth { padding-bottom: 0; }

.band-inner.has-tooth::after { border-left: 24px solid transparent; border-right: 24px solid transparent; bottom: 0; box-sizing: border-box; content: ''; display: block; height: 0; left: 50%; margin-bottom: 0; margin-left: -24px; position: absolute; width: 0; z-index: 30; }

.band-inner .band-inner { margin-bottom: 0; padding: 0; }

.band-inner .band-inner .band-par &gt; .paragraph, .band-inner .band-inner .paragraph-with-heading { margin: 0; padding: 0; }

.band-inner .band-inner .band-par &gt; .paragraph .no-margin, .band-inner .band-inner .paragraph-with-heading .no-margin { margin: 0 32px; }

.band-inner .band-inner .band-par &gt; .paragraph .normal-margin, .band-inner .band-inner .paragraph-with-heading .normal-margin { margin: 32px; }

.band-inner .band-inner .band-par &gt; .paragraph .large-margin, .band-inner .band-inner .paragraph-with-heading .large-margin { margin: 48px 32px; }

.band-inner .band-inner.has-tooth { margin-bottom: 24px; }

.band-inner .band-inner.has-tooth::after { margin-bottom: 0; padding-top: 0; }

.band-inner.translucent-trp-white { background-color: rgba(255, 255, 255, 0.9); color: #000; }

.band-inner.translucent-trp-white a:not(.button) { color: #054c70; }

.band-inner.trp-blue { background-color: #05c3de; color: #000; }

.band-inner.trp-blue a:not(.button) { color: #054c70; }

.band-inner.trp-blue.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-blue.has-tooth::after { border-top: 24px solid #05c3de; }

.band-inner.trp-blue .gradient-overlay { background: linear-gradient(to bottom, rgba(5, 195, 222, 0), #05c3de); }

.band-inner.trp-dark-blue { background-color: #054c70; color: #000; }

.band-inner.trp-dark-blue a:not(.button) { color: #054c70; }

.band-inner.trp-dark-blue.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-dark-blue.has-tooth::after { border-top: 24px solid #054c70; }

.band-inner.trp-dark-blue .gradient-overlay { background: linear-gradient(to bottom, rgba(5, 76, 112, 0), #054c70); }

.band-inner.trp-header-dark-gray { background-color: #061937; color: #000; }

.band-inner.trp-header-dark-gray a:not(.button) { color: #054c70; }

.band-inner.trp-header-dark-gray.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-header-dark-gray.has-tooth::after { border-top: 24px solid #061937; }

.band-inner.trp-header-dark-gray .gradient-overlay { background: linear-gradient(to bottom, rgba(6, 25, 55, 0), #061937); }

.band-inner.trp-dark-gray { background-color: #3b3b3b; color: #000; }

.band-inner.trp-dark-gray a:not(.button) { color: #054c70; }

.band-inner.trp-dark-gray.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-dark-gray.has-tooth::after { border-top: 24px solid #3b3b3b; }

.band-inner.trp-dark-gray .gradient-overlay { background: linear-gradient(to bottom, rgba(59, 59, 59, 0), #3b3b3b); }

.band-inner.trp-medium-gray { background-color: #c4c4c4; color: #000; }

.band-inner.trp-medium-gray a:not(.button) { color: #054c70; }

.band-inner.trp-medium-gray.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-medium-gray.has-tooth::after { border-top: 24px solid #c4c4c4; }

.band-inner.trp-medium-gray .gradient-overlay { background: linear-gradient(to bottom, rgba(196, 196, 196, 0), #c4c4c4); }

.band-inner.trp-light-gray { background-color: #ebebeb; color: #000; }

.band-inner.trp-light-gray a:not(.button) { color: #054c70; }

.band-inner.trp-light-gray.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-light-gray.has-tooth::after { border-top: 24px solid #ebebeb; }

.band-inner.trp-light-gray .gradient-overlay { background: linear-gradient(to bottom, rgba(235, 235, 235, 0), #ebebeb); }

.band-inner.trp-gray-mid-light { background-color: #f1f1f1; color: #000; }

.band-inner.trp-gray-mid-light a:not(.button) { color: #054c70; }

.band-inner.trp-gray-mid-light.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-gray-mid-light.has-tooth::after { border-top: 24px solid #f1f1f1; }

.band-inner.trp-gray-mid-light .gradient-overlay { background: linear-gradient(to bottom, rgba(241, 241, 241, 0), #f1f1f1); }

.band-inner.trp-black { background-color: #000; color: #000; }

.band-inner.trp-black a:not(.button) { color: #054c70; }

.band-inner.trp-black.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-black.has-tooth::after { border-top: 24px solid #000; }

.band-inner.trp-black .gradient-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black); }

.band-inner.trp-white { background-color: #fff; color: #000; }

.band-inner.trp-white a:not(.button) { color: #054c70; }

.band-inner.trp-white.has-tooth { margin-bottom: -24px; padding-bottom: 0; }

.band-inner.trp-white.has-tooth::after { border-top: 24px solid #fff; }

.band-inner.trp-white .gradient-overlay { background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }

.band-inner .gradient-overlay { bottom: 24px; height: 25%; position: absolute; width: 100%; }

.band-inner .paragraph, .band-inner .paragraph-with-heading { background-color: transparent; }

.band-inner.background-image { background-clip: content-box; background-repeat: no-repeat; background-size: cover; margin-bottom: 0; padding-bottom: 0; }

.band-inner .column .no-margin { margin: 0; }

.band-inner .column .normal-margin { margin: 32px 0; }

.band-inner .column .large-margin { margin: 48px 0; }

.cq-wcm-edit .band-inner.has-tooth::after { margin-bottom: -15px; }

.cq-wcm-edit .band-inner .gradient-overlay { bottom: 9px; }

.call-to-action { margin: 18px 0; }

.call-to-action a { display: inline-block; }

.call-to-action a:not(.button) { cursor: pointer; font-size: 16px; }

.mobile-optimized-viewport .call-to-action { margin: 0; }

.call-to-action .call-to-action-inner.left { text-align: left; }

.call-to-action .call-to-action-inner.left.small-indent { margin-left: 16px; }

.call-to-action .call-to-action-inner.left.medium-indent { margin-left: 32px; }

.call-to-action .call-to-action-inner.left.large-indent { margin-left: 48px; }

.call-to-action .call-to-action-inner.right { text-align: right; }

.call-to-action .call-to-action-inner.right.small-indent { margin-right: 16px; }

.call-to-action .call-to-action-inner.right.medium-indent { margin-right: 32px; }

.call-to-action .call-to-action-inner.right.large-indent { margin-right: 48px; }

.call-to-action .call-to-action-inner.center { text-align: center; }

.call-to-action a, .call-to-action button { text-transform: none; }

.call-to-action .button .locked-content-cta { top: 15%; }

.call-to-action a.locked-content-cta { background-image: url("base/images/lock-outline-20px.png"); background-position: right 16px center; background-repeat: no-repeat; background-size: 20px 11px; padding-right: 42px; }

.call-to-action a.trp-icon.trp-right-arrow-blue.locked-content-cta::before, .call-to-action a.trp-icon.trp-right-arrow-white.locked-content-cta::before, .call-to-action a.trp-icon.trp-play-circle.locked-content-cta::before { content: ''; }

.richtext-heading h1, .richtext-heading h2, .richtext-heading h3, .richtext-heading h4, .richtext-heading h5, .richtext-heading h6 { font-family: var(--beacon-system-font-family-heading), Arial, Helvetica, sans-serif; font-weight: 700; margin: 0; }

.richtext-heading h1 b, .richtext-heading h1 strong, .richtext-heading h2 b, .richtext-heading h2 strong, .richtext-heading h3 b, .richtext-heading h3 strong, .richtext-heading h4 b, .richtext-heading h4 strong, .richtext-heading h5 b, .richtext-heading h5 strong, .richtext-heading h6 b, .richtext-heading h6 strong { font-family: var(--beacon-system-font-family-heading), Arial, Helvetica, sans-serif; font-weight: bold; }

.richtext-heading h1 p, .richtext-heading h2 p, .richtext-heading h3 p, .richtext-heading h4 p, .richtext-heading h5 p, .richtext-heading h6 p { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; margin: 0 0 16px; }

.richtext-heading h1 p a, .richtext-heading h2 p a, .richtext-heading h3 p a, .richtext-heading h4 p a, .richtext-heading h5 p a, .richtext-heading h6 p a { display: block; }

.richtext-heading h1.small-indent, .richtext-heading h2.small-indent, .richtext-heading h3.small-indent, .richtext-heading h4.small-indent, .richtext-heading h5.small-indent, .richtext-heading h6.small-indent { padding: 0 12px; }

.richtext-heading h1.medium-indent, .richtext-heading h2.medium-indent, .richtext-heading h3.medium-indent, .richtext-heading h4.medium-indent, .richtext-heading h5.medium-indent, .richtext-heading h6.medium-indent { padding: 0 24px; }

.richtext-heading h1.large-indent, .richtext-heading h2.large-indent, .richtext-heading h3.large-indent, .richtext-heading h4.large-indent, .richtext-heading h5.large-indent, .richtext-heading h6.large-indent { padding: 0 48px; }

.richtext-heading .heading-border { border-top: #d8d8d8 solid 1px; margin-bottom: 0; margin-top: 0; }

.richtext-heading .dash-trp-blue, .richtext-heading .dash-trp-dark-grey, .richtext-heading .dash-trp-grey { height: 4px; margin: 0 0 12px; width: 30px; }

.richtext-heading .dash-trp-blue { background: #05c3de; }

.richtext-heading .dash-trp-dark-grey { background: #3b3b3b; }

.richtext-heading .dash-trp-grey { background: #d8d8d8; }

.richtext-heading h1.eyebrow, .richtext-heading h2.eyebrow, .richtext-heading h3.eyebrow, .richtext-heading h4.eyebrow, .richtext-heading h5.eyebrow, .richtext-heading h6.eyebrow { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; font-weight: 700; }

.richtext-heading h1.eyebrow-xx-large, .richtext-heading h2.eyebrow-xx-large, .richtext-heading h3.eyebrow-xx-large, .richtext-heading h4.eyebrow-xx-large, .richtext-heading h5.eyebrow-xx-large, .richtext-heading h6.eyebrow-xx-large { font-size: 24px; line-height: 28px; margin: 0 0 16px; }

.richtext-heading h1.eyebrow-x-large, .richtext-heading h2.eyebrow-x-large, .richtext-heading h3.eyebrow-x-large, .richtext-heading h4.eyebrow-x-large, .richtext-heading h5.eyebrow-x-large, .richtext-heading h6.eyebrow-x-large { font-size: 24px; line-height: 28px; margin: 0 0 16px; }

.richtext-heading h1.eyebrow-large, .richtext-heading h2.eyebrow-large, .richtext-heading h3.eyebrow-large, .richtext-heading h4.eyebrow-large, .richtext-heading h5.eyebrow-large, .richtext-heading h6.eyebrow-large { font-size: 16px; line-height: 20px; margin: 0 0 16px; }

.richtext-heading h1.eyebrow-medium, .richtext-heading h2.eyebrow-medium, .richtext-heading h3.eyebrow-medium, .richtext-heading h4.eyebrow-medium, .richtext-heading h5.eyebrow-medium, .richtext-heading h6.eyebrow-medium { font-size: 16px; line-height: 20px; margin: 0 0 16px; }

.richtext-heading h1.eyebrow-small, .richtext-heading h2.eyebrow-small, .richtext-heading h3.eyebrow-small, .richtext-heading h4.eyebrow-small, .richtext-heading h5.eyebrow-small, .richtext-heading h6.eyebrow-small { font-size: 12px; line-height: 16px; margin: 0 0 16px; }

.richtext-heading h1.eyebrow-x-small, .richtext-heading h2.eyebrow-x-small, .richtext-heading h3.eyebrow-x-small, .richtext-heading h4.eyebrow-x-small, .richtext-heading h5.eyebrow-x-small, .richtext-heading h6.eyebrow-x-small { font-size: 12px; line-height: 16px; margin: 0 0 16px; }

.richtext-heading h1.eyebrow-xx-small, .richtext-heading h2.eyebrow-xx-small, .richtext-heading h3.eyebrow-xx-small, .richtext-heading h4.eyebrow-xx-small, .richtext-heading h5.eyebrow-xx-small, .richtext-heading h6.eyebrow-xx-small { font-size: 12px; line-height: 16px; margin: 0 0 16px; }

.richtext-heading .trp-icon.right { padding-right: 0; }

.richtext-heading .trp-icon.xx-large { background-size: 60px 60px; }

.richtext-heading .trp-icon.x-large { background-size: 55px 55px; }

.richtext-heading .trp-icon.large { background-size: 50px 50px; }

.richtext-heading .trp-icon.medium { background-size: 40px 40px; }

.richtext-heading .trp-icon.small { background-size: 35px 35px; }

.richtext-heading .trp-icon.x-small { background-size: 30px 30px; }

.richtext-heading .trp-icon.xx-small { background-size: 24px 24px; }

.richtext-heading .trp-icon p:first-of-type { display: block; min-height: 24px; }

.richtext-heading .trp-icon p:first-of-type a { color: #086ea1; padding-right: 36px; position: relative; }

.richtext-heading ul { margin: 0; padding: 0; border: 0; list-style: none; }

.richtext-heading ul li { border: 0; list-style-type: none; margin: 0; padding: 0 0 24px 1.25em; text-indent: -1.2em; }

.richtext-heading ul li:last-of-type { padding-bottom: 0; }

.paragraph-head-and-img { clear: both; }

.paragraph-head-and-img .content-container, .paragraph-head-and-img .responsive-image { margin: 0 0 18px; }

.paragraph-head-and-img .responsive-image img { height: auto; margin: 0; width: 100%; }

.paragraph-head-and-img .small-icon .responsive-image { height: 30px; width: 30px; }

.paragraph-head-and-img .medium-icon .responsive-image { height: 64px; width: 64px; }

.paragraph-head-and-img .large-icon .responsive-image { height: 75px; width: 75px; }

.paragraph-head-and-img .img-center { width: 100%; }

.paragraph-head-and-img .img-center .responsive-image { margin: 0 auto 12px; }

.paragraph-head-and-img .horizontal.medium-icon .responsive-image { float: left; height: auto; width: 15%; }

.paragraph-head-and-img .horizontal.medium-icon img { max-width: 100px; }

.paragraph-head-and-img .horizontal h1, .paragraph-head-and-img .horizontal h2, .paragraph-head-and-img .horizontal h3, .paragraph-head-and-img .horizontal h4, .paragraph-head-and-img .horizontal h5, .paragraph-head-and-img .horizontal h6 { margin: 0; }

.paragraph-head-and-img .horizontal h1 p, .paragraph-head-and-img .horizontal h2 p, .paragraph-head-and-img .horizontal h3 p, .paragraph-head-and-img .horizontal h4 p, .paragraph-head-and-img .horizontal h5 p, .paragraph-head-and-img .horizontal h6 p { margin: 0 0 6px; padding: 0; }

.paragraph-head-and-img .horizontal .content-container { float: right; width: 80%; }

.paragraph-head-and-img .paragraph { margin: 0 0 18px; }

.paragraph-head-and-img .horizontal-promo { border-top: 1px solid #000; padding-top: 15px; }

.paragraph-head-and-img .horizontal-promo .responsive-image { display: inline-block; margin: 0; }

.paragraph-head-and-img .horizontal-promo .responsive-image img { height: 100%; }

.paragraph-head-and-img .horizontal-promo .richtext-heading { display: inline-block; width: 75%; }

.paragraph-head-and-img .horizontal-promo .richtext-heading p { margin-bottom: 24px; }

.paragraph-head-and-img .horizontal-promo .paragraph p { line-height: 25px; }

.cq-wcm-edit .paragraph-head-and-img .horizontal .content-container, .cq-wcm-edit .paragraph-head-and-img .horizontal .responsive-image { display: inline-block; vertical-align: top; }

.paragraph .white-content p, .paragraph-with-heading .white-content p { color: #fff; font-family: var(--beacon-system-font-family-body); }

.collection-page &gt; header, .terms-and-conditions-page.promotional &gt; header { background-position: center; background-size: auto; margin: 15px 0 10px; padding: 24px; }

.collection-page header, .terms-and-conditions-page.promotional header { background-size: contain; height: auto; width: 100%; display: inline-block; vertical-align: top; }

.collection-page header h1, .terms-and-conditions-page.promotional header h1 { font-size: 48px; line-height: 50px; padding: 5px 0 2px; }

.collection-page header p, .terms-and-conditions-page.promotional header p { color: #fff; font-size: 24px; line-height: 28px; margin: 0; padding: 0 0 5px; }

.collection-page .collection-column-first, .terms-and-conditions-page.promotional .collection-column-first, .collection-page .collection-column-second, .terms-and-conditions-page.promotional .collection-column-second { width: 49.16667%; float: right; float: left; }

.collection-page .collection-column-second, .terms-and-conditions-page.promotional .collection-column-second { float: right; }

.collection-container { clear: both; float: none !important; margin-bottom: 24px; width: 100%; }

.collection-container h2 { clear: both; font-size: 21px; line-height: 21px; margin: 0 0 16px; width: 100%; }

.collection-container .tile p { color: #000; line-height: 20px; margin: 0 0 16px; }

.collection-container .tile p a { color: #000; font-family: Arial, Helvetica, sans-serif; }

.section.collection-overview { background: #fff; padding: 32px; }

.section.collection-overview .overview-info { background-position: center right; background-repeat: no-repeat; }

.section.collection-overview .overview-info p { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 300; line-height: 26px; margin: 16px 0; }

.section.collection-overview .details { border-top: #c4c4c4 1px dotted; display: table; margin-top: 24px; padding-top: 24px; width: 100%; }

.section.collection-overview .details .column { border-left: #c4c4c4 1px dotted; display: table-cell; min-width: 135px; padding: 0 1.66667%; vertical-align: top; }

.section.collection-overview .details .column p { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.42857em !important; }

.section.collection-overview .details .column:first-child { border-left: 0; padding-left: 0; }

.section.collection-overview .details .column h4 { color: #3b3b3b; font-family: var(--beacon-system-font-family-body); font-size: 16px; font-weight: 700; line-height: 1em; }

.section.collection-overview .details .column .value { color: #05c3de; font-family: var(--beacon-system-font-family-body); font-size: 32px; margin: 16px 0; }

.section.collection-overview .details .column .description { margin: 12px 0; }

.section.collection-overview .details .column.disclosures { vertical-align: bottom; }

.section.collection-overview .details .column.morningstar-rating img { background-image: url("base/images/morningstarRatings.jpg"); height: 25px; width: 42px; }

.section.collection-overview .details .column.morningstar-rating .gold { background-position: -100px center; }

.section.collection-overview .details .column.morningstar-rating .silver { background-position: -50px center; }

.section.collection-overview .details .column.morningstar-rating .bronze { background-position: left center; }

.section.collection-overview .details .column.recommended-funds .value img { height: 25px; width: auto; }

.section.collection-overview .details .column.cerulli .value img, .section.collection-overview .details .column.fortune .value img { height: 17px; width: auto; }

.section.collection-overview .details .column.cerulli { min-width: 170px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .collection-column-first, .mobile-optimized-viewport .collection-column-second { width: 100%; float: left; float: none; } }

.marketscene-collection { background-color: #fff; margin-bottom: 32px; position: relative; }

.marketscene-collection .marketscene-image { bottom: 0; float: right; position: absolute; right: 0; z-index: 1; }

.marketscene-overview { padding: 32px; position: relative; }

.marketscene-overview .marketscene-paragraph-heading, .marketscene-overview .marketscene-quote { width: 65%; }

.marketscene-overview .marketscene-paragraph-heading { padding-bottom: 32px; }

.marketscene-overview .marketscene-paragraph-heading p { font-size: 16px; margin: 0; }

.marketscene-overview .marketscene-paragraph-heading h3, .marketscene-overview .marketscene-paragraph-heading h4, .marketscene-overview .marketscene-paragraph-heading h5 { margin-bottom: 0.5em; }

.marketscene-overview .marketscene-paragraph { clear: both; padding: 32px 0; width: 62%; }

.marketscene-overview .marketscene-paragraph p { font-size: 16px; margin: 0; }

.marketscene-overview .quote-block blockquote { background-color: transparent; margin: 0; padding: 0; }

.marketscene-overview .quote-block blockquote::before { display: none; }

.marketscene-overview .quote-block blockquote footer { font-style: normal; }

.marketscene-overview .overview-image { float: right; position: absolute; right: 24px; top: 24px; z-index: 0; }

.marketscene-overview .download-button { display: inline-block; }

.full-width-image-collection-overview { margin-bottom: 12px; }

.full-width-image-collection-overview .background-image { background-position: center center; background-size: cover; padding: 24px; }

.full-width-image-collection-overview .content-block { color: #fff !important; margin-right: 16.66667%; width: 48.33333%; display: inline-block; vertical-align: top; }

.full-width-image-collection-overview .content-block.right { background: #c4c4c4; background: rgba(0, 0, 0, 0.25); margin-right: 0; padding: 32px; width: 33.33333%; }

.full-width-image-collection-overview .content-block.right h5 { color: #fff !important; font-size: 14px !important; line-height: 14px; margin-bottom: 18px; margin-left: 0; margin-top: 0; text-transform: uppercase; }

.full-width-image-collection-overview .content-block.right p { color: #fff; }

.full-width-image-collection-overview .content-block.right ul { list-style: none; margin: 0; padding: 0; width: auto; }

.full-width-image-collection-overview .content-block.right ul li { background: #05c3de; font-size: 16px; margin: 4px 0; padding: 0 8px; }

.full-width-image-collection-overview .content-block.right ul li a { color: #054c70; display: block; padding: 8px 0; }

.full-width-image-collection-overview .content-block.right ul li:hover { background-color: #054c70; }

.full-width-image-collection-overview .content-block.right ul li:hover a { color: #fff; }

.full-width-image-collection-overview .content-block header { float: none; margin-bottom: 16px; padding: 0; }

.full-width-image-collection-overview .content-block footer { margin-top: 16px; }

.full-width-image-collection-overview .content-block h2, .full-width-image-collection-overview .content-block h3, .full-width-image-collection-overview .content-block h4, .full-width-image-collection-overview .content-block h5 { color: #fff; margin: 0; }

.full-width-image-collection-overview .content-block h2, .full-width-image-collection-overview .content-block h3 { font-size: 24px; line-height: 24px; }

.full-width-image-collection-overview .content-block h2 { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; }

.full-width-image-collection-overview .content-block h3 { color: rgba(255, 255, 255, 0.7); font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; }

.full-width-image-collection-overview .content-block h4 { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 36px; line-height: 36px; }

.full-width-image-collection-overview .content-block h5 { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 36px; font-weight: 700; line-height: 36px; }

.full-width-image-collection-overview .content-block a.button i { margin-left: 8px; }

.brightcove-video.video-section + .collection-offer-tab-group { margin-top: -8px; }

.collection-offer-view article { padding: 0; }

.collection-offer-view .collection-offer-tab-group { display: none; }

.collection-offer-view .cq-wcm-edit .collection-offer-tab-group { display: block; }

.collection-offer-view .offer-view-cover-image { background: no-repeat top center; background-size: 1920px auto; height: 1280px; max-width: 100%; position: absolute; width: 100%; z-index: -1; }

@media (max-width: 960px) { .collection-offer-view .offer-view-cover-image { background-size: 1515px auto; height: 1010px; } }

.collection-offer-view main { background: transparent; }

.collection-offer-view main .collections-watch-container { padding: 12px 24px 0; }

.collection-offer-view .breadcrumb-container { background: transparent; }

.collection-offer-view .breadcrumb-container.parent-trp-white a, .collection-offer-view .breadcrumb-container.parent-trp-white div.breadcrumbs { color: #fff; }

.collection-offer-view .breadcrumb-container.parent-trp-blue a, .collection-offer-view .breadcrumb-container.parent-trp-blue div.breadcrumbs { color: #05c3de; }

.collection-offer-view .breadcrumb-container.parent-trp-dark-blue a, .collection-offer-view .breadcrumb-container.parent-trp-dark-blue div.breadcrumbs { color: #054c70; }

.collection-offer-view .breadcrumb-container.parent-trp-dark-grey a, .collection-offer-view .breadcrumb-container.parent-trp-dark-grey div.breadcrumbs { color: #061937; }

.collection-offer-view .breadcrumb-container.current-trp-white .current-page { color: #fff; }

.collection-offer-view .breadcrumb-container.current-trp-blue .current-page { color: #05c3de; }

.collection-offer-view .breadcrumb-container.current-trp-dark-blue .current-page { color: #054c70; }

.collection-offer-view .breadcrumb-container.current-trp-dark-grey .current-page { color: #061937; }

.collection-offer-view .toggle-onoff.primary::after { background-color: #054c70; }

.collection-offer-view .toggle-onoff.secondary::after { background-color: #3b3b3b; }

.collection-offer-view .toggle-onoff.callout::after { background-color: #e17a17; }

.collection-offer-view .toggle-onoff.tertiary::after { background-color: #05c3de; }

.collection-offer-view .login-subscribe-button.parent-trp-white::after, .collection-offer-view .toggle-onoff.parent-trp-white::after { background-image: url("base/images/plus-sign.png"); color: #fff; }

.collection-offer-view .login-subscribe-button.parent-trp-blue::after, .collection-offer-view .toggle-onoff.parent-trp-blue::after { background-image: url("base/images/plus-sign-trp-blue.png"); color: #05c3de; }

.collection-offer-view .login-subscribe-button.parent-trp-dark-blue::after, .collection-offer-view .toggle-onoff.parent-trp-dark-blue::after { background-image: url("base/images/plus-sign-trp-blue-dark.png"); color: #054c70; }

.collection-offer-view .login-subscribe-button.parent-trp-dark-grey::after, .collection-offer-view .toggle-onoff.parent-trp-dark-grey::after { background-image: url("base/images/plus-sign-trp-gray-dark.png"); color: #061937; }

.collection-offer-view .collection-page &gt; header, .collection-offer-view .terms-and-conditions-page.promotional &gt; header { margin: 0; padding: 0 24px; }

.collection-offer-view .collection-page &gt; header h1, .collection-offer-view .terms-and-conditions-page.promotional &gt; header h1 { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 42px; font-weight: 700; line-height: 44px; }

.collection-offer-view .collection-page &gt; header h2, .collection-offer-view .terms-and-conditions-page.promotional &gt; header h2 { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 700; }

/* stylelint-disable */
.collections-carousel { background-size: 100% 100%; }

.collections-carousel h1 { color: #fff; font-size: 52px; line-height: 52px; padding: 24px 0 16px; }

.collections-carousel .slider-container { width: 100%; float: left; min-height: 450px; padding-bottom: 40px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .collections-carousel .slider-container { min-height: 555px; } }

.collections-carousel .slider-container .slider { height: 100%; width: 100%; }

.collections-carousel .slider-container .slider .item { -webkit-flex-flow: column wrap; display: -webkit-flex; display: flex; flex-flow: column wrap; height: 100%; width: 100%; }

.collections-carousel .slider-container ul.slide-selectors { display: none; height: 18px; margin: 8px 0 0; padding: 0; position: relative; text-align: center; z-index: 1; }

.collections-carousel .slider-container ul.slide-selectors li { background: #fff; display: inline-block; height: 18px; margin: 1px 5px; width: 18px; }

.collections-carousel .slider-container ul.slide-selectors li.selected { background: #000; }

.collections-carousel .slider-container ul.slide-selectors li.next, .collections-carousel .slider-container ul.slide-selectors li.prev { background: transparent; background-position: center center; background-repeat: no-repeat; height: 18px; width: 12px; }

.collections-carousel .slider-container ul.slide-selectors li.prev { background-image: url("base/images/left-arrow.png"); }

.collections-carousel .slider-container ul.slide-selectors li.next { background-image: url("base/images/right-arrow.png"); }

.collections-carousel .collection-tile { -webkit-flex: 0 0 100%; -webkit-order: 1; background: rgba(0, 0, 0, 0.25); display: none; flex: 0 0 100%; height: 100%; max-height: 412px; min-height: 412px; order: 1; padding: 24px; position: relative; width: 32.33333%; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .collections-carousel .collection-tile { max-height: 514px; min-height: 514px; } }

.collections-carousel .collection-tile a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.collections-carousel .collection-tile h2 { color: #fff; font-size: 40px; line-height: 40px; margin: 0; padding-bottom: 16px; }

.collections-carousel .collection-tile p { color: #fff; font-size: 21px; line-height: 24px; margin: 0; padding-bottom: 16px; }

.collections-carousel .collection-tile footer { bottom: 16px; left: 24px; position: absolute; }

.collections-carousel .collection-tile footer a { position: relative !important; }

.collections-carousel .collection-tile.short { -webkit-flex: 0; flex: 0; height: 50%; margin-bottom: 12px; max-height: 199px; min-height: 199px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .collections-carousel .collection-tile.short { max-height: 251px; min-height: 251px; } }

.collections-carousel .collection-tile.short h2, .collections-carousel .collection-tile.short p { padding-bottom: 12px; }

.collections-carousel .collection-tile.short h2 { font-size: 24px !important; line-height: 24px !important; }

.collections-carousel .collection-tile.short p { font-size: 14px !important; line-height: 16px !important; }

.collections-carousel .collection-tile.short.no-margin { margin: 0; }

.collections-carousel .collection-tile.spacer-tile { visibility: hidden; }

body.ie-9 .slider-container .slider .item { border-right: transparent 16px solid; }

body.ie-9 .collection-tile, body.ie-9 .collection-tile.short { display: inline-block !important; height: 186px; margin-bottom: 16px; margin-right: 16px !important; max-height: 186px; min-height: 186px; position: relative; vertical-align: top; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { body.ie-9 .collection-tile, body.ie-9 .collection-tile.short { height: 251px; max-height: 251px; min-height: 251px; } }

body.ie-9 .collection-tile h2, body.ie-9 .collection-tile p, body.ie-9 .collection-tile.short h2, body.ie-9 .collection-tile.short p { padding-bottom: 12px; }

body.ie-9 .collection-tile h2, body.ie-9 .collection-tile.short h2 { font-size: 22px !important; line-height: 22px !important; }

body.ie-9 .collection-tile p, body.ie-9 .collection-tile.short p { font-size: 14px !important; line-height: 16px !important; }

body.ie-9 .collection-tile.last, body.ie-9 .collection-tile.short.last { width: 32.5%; float: right; margin-right: 0; }

body.ie-9 .collection-tile.tall { height: 412px; max-height: 412px; min-height: 412px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { body.ie-9 .collection-tile.tall { height: 514px; max-height: 514px; min-height: 514px; } }

body.ie-9 .collection-tile.tall h2 { font-size: 40px !important; line-height: 40px !important; margin: 0; padding-bottom: 16px; }

body.ie-9 .collection-tile.tall p { font-size: 21px !important; line-height: 24px !important; }

.collection-topic-container .topic-header { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 21px; margin-bottom: 12px; margin-top: 12px; }

.collection-topic-container .topic-header .link { color: #054c70; cursor: pointer; font-size: 16px; }

.collection-topic-container .topic-section-container.closed { display: none; }

.search-results-page .search-results-number { margin-bottom: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .search-results-page .search-results-number { padding: 0 0 0 15px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .search-results-page .search-results-number { padding: 15px 0 0 15px; } }

.search-results-page .search-noresults-number { margin-bottom: 16px; min-height: 300px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .search-results-page .search-noresults-number { padding: 0 0 0 15px; } }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .search-results-page .search-noresults-number { padding: 15px 0 0 15px; } }

.search-results-page .search-panel { background: #fff; margin-bottom: 16px; padding: 32px; }

.search-results-page .search-panel h2 { margin-bottom: 18px; }

.search-results-page .search-panel h3 { margin: 0 0 8px; }

.search-results-page .search-panel h3.vehicle-type { font-size: 18px; margin: 0; }

.search-results-page .search-panel .video-container { height: auto; margin-right: 16px; position: relative; width: 150px; display: inline-block; vertical-align: top; }

.search-results-page .search-panel .video-container a.video img { background-color: #fff; height: auto; width: 100%; }

.search-results-page .search-panel .video-container a.video::before { content: ' '; height: 100%; opacity: 0.6; position: absolute; width: 100%; }

.search-results-page .search-panel .video-container a.video:hover::before { opacity: 1; }

.search-results-page .search-panel .video.details, .search-results-page .search-panel h4.video { display: inline-block; vertical-align: top; width: 70%; }

.search-results-page .search-panel .bio .column-one, .search-results-page .search-panel .bio .column-two { display: inline-block; vertical-align: top; }

.search-results-page .search-panel .bio .column-one { margin-right: 1.66667%; max-width: 100px; width: 25%; }

.search-results-page .search-panel .bio .column-one img { height: 84px; width: 84px; }

.search-results-page .search-panel .bio .column-two { width: 71.66667%; }

.search-results-page .search-panel .bio .column-two ul { list-style: none; margin: 16px 0; padding: 0; }

.search-results-page .search-panel .bio .column-two ul li ul { list-style: none; margin: 12px 0 0; padding: 0; }

.search-results-page .search-panel .bio .column-two ul li ul li { color: #3b3b3b; font-size: 14px; line-height: 1.1em; }

.search-results-page .search-panel .bio ul.experience { list-style: none; margin: 16px 0; padding: 0; }

.search-results-page .search-panel .bio ul.experience li { display: inline-block; vertical-align: top; border-left: #c4c4c4 1px dotted; font-family: var(--beacon-system-font-family-body); font-weight: 700; margin-left: 16px; padding-left: 16px; width: 41.66667%; }

.search-results-page .search-panel .bio ul.experience li span { color: #05c3de; display: block; font-family: var(--beacon-system-font-family-body); font-size: 32px; margin-top: 8px; }

.search-results-page .search-panel .bio ul.experience li:first-child { border-left: 0; margin-left: 0; padding-left: 0; }

.search-results-page .search-panel .item { border-bottom: #c4c4c4 1px dotted; margin-bottom: 16px; padding: 0 0 16px; }

.search-results-page .search-panel .item a.button { float: right; margin-top: -28px; }

.search-results-page .search-panel .item:last-child { border-bottom: 0; margin-bottom: 0; }

.search-results-page .search-panel .item .outer-overlay-container { float: right; }

.search-results-page .search-panel .item .outer-overlay-container .button-control { padding-top: 40px; }

.search-results-page .search-panel .item .outer-overlay-container .outer-overlay-container a { float: right; }

.search-results-page .search-panel .item .outer-overlay-container .overlay-container.other-documents-container { margin-left: -174px; }

.annualized-performance nav ul, .country-attribution nav ul, .industry-attribution nav ul, .region-attribution nav ul, .sector-attribution nav ul { float: left; margin: 0 0 16px; padding: 0; width: 100%; }

.annualized-performance nav ul li, .country-attribution nav ul li, .industry-attribution nav ul li, .region-attribution nav ul li, .sector-attribution nav ul li { float: left; list-style: none; margin: 0 24px 0 0; padding: 0; }

.annualized-performance nav ul li a.active, .country-attribution nav ul li a.active, .industry-attribution nav ul li a.active, .region-attribution nav ul li a.active, .sector-attribution nav ul li a.active, .annualized-performance nav ul li button.active, .country-attribution nav ul li button.active, .industry-attribution nav ul li button.active, .region-attribution nav ul li button.active, .sector-attribution nav ul li button.active { color: #05c3de; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; }

.fund-snapshot { width: 100%; float: left; background: #fff; padding: 24px; position: relative; }

.fund-snapshot header { width: 37.5%; float: left; color: #3b3b3b; min-height: 330px; position: relative; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-snapshot header { width: 58.33333%; float: left; margin-bottom: 16px; min-height: 300px; } }

.fund-snapshot header h1 { color: #3b3b3b; font-size: 32px; }

.fund-snapshot header h2 { color: #3b3b3b; font-size: 16px; font-style: italic; line-height: 20px; margin: 8px 0 0; }

.fund-snapshot header a.button, .fund-snapshot header button.button { margin: 8px 0 0; }

.fund-snapshot header .investment-strategy { margin: 16px 0 8px; }

.fund-snapshot header .investment-strategy p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 16px; margin: 0 0 12px; }

.fund-snapshot header .investment-strategy p b, .fund-snapshot header .investment-strategy p strong { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.fund-snapshot header .investment-strategy ul { margin: 0; padding: 0 16px; }

.fund-snapshot header .investment-strategy ul li { padding: 0 0 16px; }

.fund-snapshot header select { color: #054c70; }

.fund-snapshot header .cusip, .fund-snapshot header .ticker { border-left: #c4c4c4 1px dotted; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; margin-left: 8px; padding-left: 8px; /* abbreviations should not have an underline */ }

.fund-snapshot header .cusip:first-child, .fund-snapshot header .ticker:first-child { border: 0; margin-left: 0; padding-left: 0; }

.fund-snapshot header .cusip abbr, .fund-snapshot header .ticker abbr { border-bottom: inherit; text-decoration: inherit; }

.fund-snapshot header .user-panel { border-bottom: #c4c4c4 1px dotted; border-top: #c4c4c4 1px dotted; margin: 8px 0; min-height: 44px; padding: 8px 0; }

.fund-snapshot header .user-panel a.button { margin: 0; }

.fund-snapshot header .fund-watch { float: right; font-family: var(--beacon-system-font-family-body); font-size: 12px; line-height: 26px; margin-right: 8px; position: relative; }

.fund-snapshot header .header-top { min-height: 224px; }

.fund-snapshot .disclaimer-link { bottom: 0; font-size: 11px; line-height: 12px; position: absolute; right: 10px; z-index: 2; }

.fund-snapshot .data-grid, .fund-snapshot .data-table { width: 33.33333%; float: left; border-bottom: 0; float: right; margin-bottom: 0; padding-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-snapshot .data-grid, .fund-snapshot .data-table { width: 38.33333%; float: right; min-height: 280px; } }

.fund-snapshot .commentary { width: 24.16667%; float: left; background-color: #eee; float: right; margin-right: 2.5%; padding: 8px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-snapshot .commentary { width: 100%; float: left; background-color: #fff; height: auto; min-height: 55px; white-space: nowrap; } }

.fund-snapshot .commentary .snapshot-bio { border-bottom: 1px dotted #061937; min-height: 354px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-snapshot .commentary .snapshot-bio { background-color: #eee; border-bottom: 0; display: inline-block; height: 100%; margin-bottom: 0; min-height: 0; padding: 8px; white-space: normal; width: 100%; } }

.fund-snapshot .commentary .snapshot-bio.co-portfolio-manager { margin-bottom: 5px; min-height: 185px; padding-top: 5px; width: auto; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-snapshot .commentary .snapshot-bio.co-portfolio-manager { border-right: 8px solid #fff; margin-bottom: 0; min-height: auto; padding: 20px 18px; position: relative; vertical-align: top; width: 50%; }
  .fund-snapshot .commentary .snapshot-bio.co-portfolio-manager:nth-child(2n) { border-left: 8px solid #fff; border-right: medium none; }
  .fund-snapshot .commentary .snapshot-bio.co-portfolio-manager:nth-child(n + 3) { margin-top: 8px; }
  .fund-snapshot .commentary .snapshot-bio.co-portfolio-manager .manager-title { display: block; } }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-snapshot .commentary .snapshot-bio.co-portfolio-manager { border: 0; display: block; width: 100%; }
  .fund-snapshot .commentary .snapshot-bio.co-portfolio-manager:first-of-type { padding-bottom: 0; }
  .fund-snapshot .commentary .snapshot-bio.co-portfolio-manager:nth-child(2n) { border: 0; } }

.fund-snapshot .commentary .column-one { float: left; }

.fund-snapshot .commentary .column-one img { height: 40px; width: 40px; }

.fund-snapshot .commentary .column-two { float: left; line-height: 12px; padding-left: 16px; width: calc(100% - 40px); }

.fund-snapshot .commentary .column-two span { font-size: 11px; line-height: 12px; }

.fund-snapshot .commentary p { clear: both; font-size: 12px; margin: 16px 0 0; }

.fund-snapshot .commentary a { font-family: Arial, Helvetica, sans-serif; }

.fund-snapshot .commentary a.view-more { display: block; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; margin-top: 5px; text-align: center; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-snapshot .commentary a.view-more { float: right; margin: 5px 5px 0; width: auto; } }

.fund-snapshot .snapshot-morningstar-disclosure p { font-size: 11px !important; line-height: 14px !important; }

.fund-snapshot .snapshot-morningstar-disclosure { display: block; margin: 10px; }

.fund-snapshot .snapshot-footer-morningstar-disclosure { display: none; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-snapshot header { float: none; min-height: auto; width: 100%; }
  .fund-snapshot header .header-top { min-height: auto; }
  .fund-snapshot .data-table { float: none; width: 100%; } }

.user-funds-container .fund-snapshot { margin-bottom: 8px; }

.user-funds-container .thumbnail-header-top { display: inline; line-height: 24px; }

.user-funds-container .commentary, .user-funds-container .cusip, .user-funds-container .data-section.price, .user-funds-container .disclaimer-link, .user-funds-container .fund-selclass, .user-funds-container .header-bottom .ticker, .user-funds-container .ng-cloak, .user-funds-container .other-documents-overlay-container, .user-funds-container .user-panel, .user-funds-container sup { display: none; }

.user-funds-container .thumbnail-header-top { display: block !important; }

.user-funds-container .data-table, .user-funds-container header { width: 47.75%; float: left; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .user-funds-container .data-table, .user-funds-container header { width: 49%; float: left; } }

.user-funds-container .data-table { float: right; }

.user-funds-container .data-value.smaller, .user-funds-container .data-grid .data-item span.smaller.data-value, .data-grid .data-item .user-funds-container span.smaller.data-value, .user-funds-container .data-table .data-item span.smaller.data-value, .data-table .data-item .user-funds-container span.smaller.data-value { font-size: 16px !important; line-height: 18px !important; }

.user-funds-container .restriction { float: right; }

.user-funds-container header { margin-bottom: 16px; min-height: 300px; }

.user-funds-container header a.button { margin: 0; }

.user-funds-container .investment-strategy { margin-top: 32px !important; }

.user-funds-container .snapshot-morningstar-disclosure { clear: both; float: left; margin-top: 16px; width: 100%; }

.user-funds-container .snapshot-morningstar-disclosure { display: none !important; }

.user-funds-container .snapshot-footer-morningstar-disclosure { clear: both; display: block; }

.user-funds-container h1 { font-size: 26px !important; line-height: 28px; }

.fund-snapshot.fund-snapshot-light-gray-bg { background-color: #ebebeb; }

.fund-snapshot.fund-snapshot-light-gray-bg .gdx-container { background-color: #ebebeb; }

.strategy-overview .investment-objective-container { border-bottom: 1px dotted #b1b1b1; margin: 0 0 16px; padding: 0 0 16px; }

.strategy-overview .investment-objective-container p { margin: 0; }

.strategy-overview .strategy-overview-money-market .investment-objective-container { border-bottom: 0; margin: 0; padding: 0; }

.strategy-details ul { margin: 0; padding: 0 16px; }

.strategy-details ul li { padding: 0 0 16px; }

.morningstar-rating { margin-left: 1.66667%; width: 70%; float: right; }

.morningstar-rating h3 { margin-top: 0 !important; }

.morningstar-rating.is-mstr { float: none; margin-left: 0; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .morningstar-rating { width: 60%; float: right; } }

.no-glidepath .morningstar-rating { margin-left: 0; width: 70%; float: left; }

.morningstar-style { width: 28.33333%; float: left; }

.morningstar-style p { float: left; margin: 0 0 16px; }

.morningstar-style-asset-allocation-container { width: 56.66667%; float: left; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .morningstar-style-asset-allocation-container { width: 100%; float: left; } }

.morningstar-style-asset-allocation-container .asset-allocation { width: 50%; float: left; }

.morningstar-style-asset-allocation-container + .morningstar-rating { width: 38.33333%; float: right; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .morningstar-style-asset-allocation-container + .morningstar-rating { float: none; margin-left: 0; width: 100%; } }

.commentaries-container { clear: both; }

.commentaries-container .comm-wrapper { background-color: #eee; padding: 16px; position: relative; }

.commentaries-container .comm-wrapper .fund-start { font-size: 12px; }

.commentaries-container .comm-wrapper p { font-size: 14px; margin: 0; }

.commentaries-container .comm-wrapper::before { border-left: 8px solid transparent; border-top: 8px solid #eee; content: ' '; height: 0; left: -8px; position: absolute; top: 0; width: 0; }

.benefits-and-risk-container, .investment-approach-container { width: 100%; float: left; }

.benefits-and-risk-container ul, .investment-approach-container ul { column-gap: 40px; columns: 350px 2; }

.benefits-and-risk-container ul li, .investment-approach-container ul li { break-inside: avoid; page-break-inside: avoid; }

.benefits-and-risk, .investment-approach, .investment-objective { font-family: Arial, Helvetica, sans-serif; }

.benefits-and-risk b, .investment-approach b, .investment-objective b { font-family: inherit; font-weight: bold; }

.investor-profile-container { width: 48.33333%; float: left; }

.strategy-money-market .benefits-and-risk-container { width: 50%; float: left; }

.strategy-money-market .benefits-and-risk-container ul { columns: auto auto; }

.strategy-money-market .investor-profile-container { width: 48.33333%; float: right; }

.risk-return-characteristics, .strategies-definition { width: 50%; float: right; }

.risk-return-characteristics h3, .strategies-definition h3 { margin-bottom: 8px !important; }

.risk-return-characteristics h3 + p, .strategies-definition h3 + p { font-size: 12px !important; }

.glidepath { width: 66.66667%; float: left; }

.glidepath h3 { margin-top: 0 !important; }

.glidepath + .morningstar-rating { margin-left: 1.66667%; width: 31.66667%; float: right; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .glidepath + .morningstar-rating { margin-left: 0; width: 100%; float: left; } }

.featherlight-content .glidepath { width: 90%; float: left; }

.glidepath-details { clear: both; float: left; width: 100%; }

.glidepath-details table td { position: relative; }

.glidepath-details table td::before { content: ''; height: 8px; left: 0; position: absolute; top: 4px; width: 8px; }

.glidepath-details table td.square::before { height: 8px; width: 8px; }

.glidepath-details table .inflation-focused::before { background-color: #e17a17; }

.glidepath-details table .international-high-yield::before { background-color: #fd0; }

.glidepath-details table .investment-grade::before { background-color: #38939b; }

.glidepath-details table .real-assets::before { background-color: #614b79; }

.glidepath-details table .international-equity::before { background-color: #00843d; }

.glidepath-details table .us-equity::before { background-color: #061937; }

.glidepath-details table td:first-of-type { max-width: 197px; min-width: 197px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .glidepath-details table td, .glidepath-details table th { font-size: 12px; padding: 5px; }
  .glidepath-details table td:first-of-type { max-width: 108px; min-width: 108px; } }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .strategy-overview .morningstar-style, .strategy-overview .morningstar-rating, .strategy-overview .glidepath { clear: both; float: none; margin-left: 0; width: 100%; } }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .strategy-overview .morningstar-rating { padding-top: 16px; } }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .strategy-details .investor-profile-container, .strategy-details .risk-return-characteristics, .strategy-details .benefits-and-risk-container { width: 100%; } }

.strategy-overview.ddm { display: flex; flex-wrap: wrap; }

.strategy-overview.ddm .investment-objective-container { flex: 0 0 100%; }

.strategy-overview.ddm h2 { flex: 0 0 100%; }

.strategy-overview.ddm .morningstar-style-ddm, .strategy-overview.ddm .morningstar-rating-ddm { float: none; width: unset; }

.strategy-overview.ddm .morningstar-style-ddm { flex: 1 1 33%; min-width: 315px; }

.strategy-overview.ddm .morningstar-rating-ddm { flex: 1 1 66%; }

.star-rating { background: url("base/images/morningstar-rating.png"); background-repeat: repeat-x; display: block; height: 14px; margin: 6px 0; position: relative; /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ }

.star-rating.blue-star { background: url("base/images/bluestar.png"); margin: 0; }

.star-rating.extended { background: url("base/images/morningstar-rating-empty-slim.png"); }

.star-rating:not(.blue-star)::after { background: url("base/images/morningstar-rating-blank.png"); background-repeat: repeat-x; content: ''; height: 14px; left: 0; position: absolute; top: 0; width: 85px; }

.star-rating.zero { width: 0; }

.star-rating.zero::after { margin-left: 0; width: 85px; }

.star-rating.half { width: 8.5px; }

.star-rating.half::after { margin-left: 8.5px; width: 76.5px; }

.star-rating.one { width: 17px; }

.star-rating.one::after { margin-left: 17px; width: 68px; }

.star-rating.one.half { width: 25.5px; }

.star-rating.one.half::after { margin-left: 25.5px; width: 59.5px; }

.star-rating.two { width: 34px; }

.star-rating.two::after { margin-left: 34px; width: 51px; }

.star-rating.two.half { width: 42.5px; }

.star-rating.two.half::after { margin-left: 42.5px; width: 42.5px; }

.star-rating.three { width: 51px; }

.star-rating.three::after { margin-left: 51px; width: 34px; }

.star-rating.three.half { width: 59.5px; }

.star-rating.three.half::after { margin-left: 59.5px; width: 25.5px; }

.star-rating.four { width: 68px; }

.star-rating.four::after { margin-left: 68px; width: 17px; }

.star-rating.four.half { width: 76.5px; }

.star-rating.four.half::after { margin-left: 76.5px; width: 8.5px; }

.star-rating.five { width: 85px; }

.star-rating.five::after { margin-left: 85px; width: 0; }

.acsModalContent .star-rating::after { background-image: none; height: 0; width: 0; }

div.morningstar-style-box-container { clear: both; height: 250px; margin-bottom: 16px; position: relative; width: 250px; }

div.morningstar-style-box-container .morningstar-style-box { height: 230px; position: relative; width: 230px; }

div.morningstar-style-box-container .morningstar-style-box &gt; div { border: 1px solid #000; float: left; height: 70px; margin: 0 -1px -1px 0; text-align: center; width: 70px; }

div.morningstar-style-box-container .morningstar-style-box &gt; div.selected { background-color: #000; }

div.morningstar-style-box-container .morningstar-style-box .row-label { border: 0; height: 40px; margin-top: 0; transform: rotate(90deg); width: 0; }

div.morningstar-style-box-container .morningstar-style-box .column-label { border: 0; height: 20px; }

div.morningstar-style-box-container .morningstar-style-box .empty-label { border: 0; height: 0; width: 0; }

div.morningstar-style-box-container .morningstar-style-box ~ .row-full-label { border: 0; float: left; height: 20px; margin-left: 135px; margin-top: -138px; text-align: center; transform: rotate(90deg); width: 210px; }

div.morningstar-style-box-container .morningstar-style-box ~ .column-full-label { border: 0; height: 20px; text-align: center; width: 210px; }

.performance-overview footer { clear: both; }

.performance-overview footer p.small-text { float: left; margin: 8px 24px 16px 0; }

.current-year-performance { width: 100%; float: left; border-top: #c4c4c4 1px dotted; padding-top: 8px; }

.annualized-performance { float: left; position: relative; width: 100%; }

.annualized-performance h3 + nav { margin-top: -12px; }

.expense-ratio { width: 28.33333%; float: right; background-color: #f4f4f4; margin: 16px 32px 0 0; padding: 0 16px 16px; position: absolute; right: 24px; top: 10px; }

.expense-ratio.angular-component { margin-right: 0; }

.after-tax, .yields-and-dividends { border-bottom: #c4c4c4 1px dotted; margin-bottom: 8px; padding-bottom: 8px; width: 100%; float: left; }

.after-tax h3 { margin-bottom: 2px; }

.after-tax h4 { margin-bottom: 16px; }

.calendar-year-returns, .cumulative-performance, .monthly-performance { position: relative; }

.performance-blocks { display: flex; float: left; width: 66.66667%; float: left; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .performance-blocks { display: block; width: 100%; }
  .performance-blocks .performance-block { width: 50%; } }

.performance-block { flex-basis: 21%; margin-right: 16px; padding-right: 16px; }

.performance-block.separator { border-right: #c4c4c4 1px dotted; }

.performance-block h5 { color: #3b3b3b; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; }

.performance-block h6 { color: #061937; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.performance-block .data-value, .performance-block .data-grid .data-item span.data-value, .data-grid .data-item .performance-block span.data-value, .performance-block .data-table .data-item span.data-value, .data-table .data-item .performance-block span.data-value { font-size: 32px; line-height: 36px; }

.performance-block .data-value .smaller, .performance-block .data-grid .data-item span.data-value .smaller, .data-grid .data-item .performance-block span.data-value .smaller, .performance-block .data-table .data-item span.data-value .smaller, .data-table .data-item .performance-block span.data-value .smaller { font-size: 16px; }

.performance-block .data-value-benchmark { color: #3b3b3b; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; }

.performance-block .data-value-difference, .performance-block .data-grid .data-item span.data-value-difference, .data-grid .data-item .performance-block span.data-value-difference, .performance-block .data-table .data-item span.data-value-difference, .data-table .data-item .performance-block span.data-value-difference { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; }

.performance-block .data-value-difference.negative, .performance-block .data-grid .data-item span.negative.data-value-difference, .data-grid .data-item .performance-block span.negative.data-value-difference, .performance-block .data-table .data-item span.negative.data-value-difference, .data-table .data-item .performance-block span.negative.data-value-difference { color: #da291c; }

.performance-block .data-value-difference.positive, .performance-block .data-grid .data-item span.positive.data-value-difference, .data-grid .data-item .performance-block span.positive.data-value-difference, .performance-block .data-table .data-item span.positive.data-value-difference, .data-table .data-item .performance-block span.positive.data-value-difference { color: #00843d; }

.performance-block .data-value-difference.not-applicable, .performance-block .data-grid .data-item span.not-applicable.data-value-difference, .data-grid .data-item .performance-block span.not-applicable.data-value-difference, .performance-block .data-table .data-item span.not-applicable.data-value-difference, .data-table .data-item .performance-block span.not-applicable.data-value-difference { color: #3b3b3b; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .annualized-performance .performance-block { width: 100px; } }

.annualized-performance .performance-block h6, .current-year-performance .performance-block h6 { border-top: #c4c4c4 1px dotted; margin-top: 8px; padding-top: 8px; }

.expense-ratio .performance-block { width: 100%; float: left; margin-top: 8px; }

.expense-ratio .performance-block.half { width: 41.66667%; float: left; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .expense-ratio .performance-block.half { font-size: 24px; width: 40%; float: left; } }

.expense-ratio .performance-block.half + div:not(.half) { border-top: #c4c4c4 1px dotted; margin-top: 8px; padding-top: 8px; }

.expense-ratio h3 { margin: 0; }

.expense-ratio p { clear: both; float: left; margin-top: 0; }

.after-tax .performance-block { width: 21.66667%; float: left; }

.after-tax footer, .yields-and-dividends footer { clear: both; float: left; }

.performance-bar-chart-container { display: block; height: 400px; padding-right: 120px; }

.performance-legend { height: 380px; position: absolute; right: 0; top: 100px; z-index: 300; }

.performance-legend ul { list-style: none; margin: 150px 0 0; padding: 0; width: 120px; }

.performance-legend ul li { font-size: 12px; list-style: none; margin: 0; padding: 0 0 8px 20px; position: relative; }

.performance-legend ul li::before { content: ''; height: 8px; left: 0; position: absolute; top: 4px; width: 8px; }

.performance-legend ul li.square::before { height: 8px; width: 8px; }

.performance-legend ul li.line::before { height: 1px; top: 7px; width: 8px; }

.performance-legend ul li.circle::before { border-radius: 4px; height: 8px; width: 8px; }

.performance-legend ul li.diamond::before { border: 5px solid transparent; content: ''; height: 0; left: -1px; position: absolute; top: -2px; width: 0; }

.performance-legend ul li.diamond::after { border: 5px solid transparent; content: ''; height: 0; left: -1px; position: absolute; top: 8px; width: 0; }

.performance-legend ul li.legend-fund::before { background-color: #05c3de; }

.performance-legend ul li.legend-benchmark::before { background-color: #061937; }

.performance-legend ul li.legend-annual-report::before, .performance-legend ul li.legend-monthly-commentary::before, .performance-legend ul li.legend-sicav-annual-report::before { background-color: #e17a17; }

.performance-legend ul li.legend-exceptional-commentary::before { border-bottom-color: #fd0; }

.performance-legend ul li.legend-exceptional-commentary::after { border-top-color: #fd0; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .annualized-performance, .current-year-performance { clear: both; float: none; width: 100%; }
  .annualized-performance .performance-block, .current-year-performance .performance-block { display: inline-block; float: none; vertical-align: top; width: unset; }
  .performance-overview .expense-ratio { clear: both; float: none; margin-top: 30px; padding: 12px; position: unset; right: unset; top: unset; width: 100%; }
  .performance-overview .expense-ratio .performance-block.half { display: inline-block; float: none; }
  .performance-overview .yields-and-dividends .performance-block { display: inline-block; vertical-align: top; width: unset; }
  .performance-bar-chart-container { padding-right: 0; } }

.holdings-overview .data-grid.fixed-income, .holdings-overview .fixed-income.data-table { width: 63.33333%; float: right; margin-left: 3.33333%; }

.holdings-overview .data-grid.fixed-income.last, .holdings-overview .fixed-income.last.data-table { border-top: 0; }

.holdings-overview .data-grid.fixed-income::before, .holdings-overview .fixed-income.data-table::before { left: 33.33333%; }

.holdings-overview .data-grid.fixed-income .data-column, .holdings-overview .fixed-income.data-table .data-column { width: 33%; float: left; margin-top: 0; }

.holdings-overview .data-grid.fixed-income .data-column:nth-of-type(3n + 1) .data-item, .holdings-overview .fixed-income.data-table .data-column:nth-of-type(3n + 1) .data-item { margin-left: 0; }

.holdings-overview .data-grid.fixed-income .data-column.first, .holdings-overview .fixed-income.data-table .data-column.first { border: 0; }

.holdings-overview .data-grid.fixed-income .data-value, .holdings-overview .fixed-income.data-table .data-value, .holdings-overview .fund-thumbnail-tile .data-grid.fixed-income .data-item span.data-value, .fund-thumbnail-tile .holdings-overview .data-grid.fixed-income .data-item span.data-value, .holdings-overview .fixed-income.data-table .fund-thumbnail-tile .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-grid .data-item .holdings-overview .fixed-income.data-table span.data-value, .holdings-overview .data-grid.fixed-income .fund-thumbnail-tile .data-table .data-item span.data-value, .fund-thumbnail-tile .data-table .data-item .holdings-overview .data-grid.fixed-income span.data-value, .holdings-overview .fund-thumbnail-tile .fixed-income.data-table .data-item span.data-value, .fund-thumbnail-tile .holdings-overview .fixed-income.data-table .data-item span.data-value { font-size: 24px !important; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .holdings-overview .data-grid.fixed-income, .holdings-overview .fixed-income.data-table { width: 63.33333%; float: right; margin-left: 1.66667%; }
  .holdings-overview .data-grid.fixed-income::before, .holdings-overview .fixed-income.data-table::before { left: 35%; }
  .holdings-overview .data-grid.fixed-income .data-item, .holdings-overview .fixed-income.data-table .data-item { margin: 16px 8px !important; }
  .holdings-overview .data-grid.fixed-income .data-item .sub-section, .holdings-overview .fixed-income.data-table .data-item .sub-section { margin-right: 4px !important; padding-left: 4px !important; } }

.holdings-overview .data-grid.target-date.last, .holdings-overview .target-date.last.data-table { border-bottom: 0; }

.holdings-overview .data-grid.target-date .data-column, .holdings-overview .target-date.data-table .data-column { width: 100%; float: left; }

.holdings-overview .data-grid.target-date .data-value, .holdings-overview .target-date.data-table .data-value, .holdings-overview .fund-thumbnail-tile .data-grid.target-date .data-item span.data-value, .fund-thumbnail-tile .holdings-overview .data-grid.target-date .data-item span.data-value, .holdings-overview .target-date.data-table .fund-thumbnail-tile .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-grid .data-item .holdings-overview .target-date.data-table span.data-value, .holdings-overview .data-grid.target-date .fund-thumbnail-tile .data-table .data-item span.data-value, .fund-thumbnail-tile .data-table .data-item .holdings-overview .data-grid.target-date span.data-value, .holdings-overview .fund-thumbnail-tile .target-date.data-table .data-item span.data-value, .fund-thumbnail-tile .holdings-overview .target-date.data-table .data-item span.data-value { font-size: 24px !important; }

.holdings-overview footer { clear: both; }

.holdings-overview footer p.small-text { border: 0; float: left; margin: 16px 24px 0 0; }

.holdings-overview .data-grid h5, .holdings-overview .data-table h5 { max-width: 100%; min-height: 32px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .holdings-overview .data-grid h5, .holdings-overview .data-table h5 { min-height: 48px; } }

.holdings-full-holdings h4 { margin: 8px 0; }

.holdings-full-holdings td, .holdings-full-holdings th { font-size: 12px; padding: 6px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .holdings-full-holdings td, .holdings-full-holdings th { font-size: 11px; padding: 6px 3px; } }

.fund-exposure { width: 50%; }

.money-market-holdings { width: 25%; float: left; margin-right: 1.66667%; }

.holdings-details .tiny { font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; line-height: 16px !important; margin: 10px 0; }

.is-overview .holdings-overview .fund-utility-buttons { display: none; }

.sectors-overview .data-grid.fixed-income, .sectors-overview .fixed-income.data-table { float: left; width: 26.66667%; }

.sectors-overview .data-grid.fixed-income .data-column, .sectors-overview .fixed-income.data-table .data-column { width: 100%; float: left; }

.sectors-overview .data-grid.fixed-income .data-column:nth-of-type(2n), .sectors-overview .fixed-income.data-table .data-column:nth-of-type(2n) { border-right: #c4c4c4 1px dotted; }

.sectors-overview .data-grid.fixed-income .data-column:nth-of-type(3n), .sectors-overview .fixed-income.data-table .data-column:nth-of-type(3n) { border-right: 0; }

.sectors-overview .data-grid.fixed-income .data-column:nth-of-type(3n + 1) .data-item, .sectors-overview .fixed-income.data-table .data-column:nth-of-type(3n + 1) .data-item { margin-left: 0; }

.sectors-overview .data-grid.fixed-income .data-column.first, .sectors-overview .fixed-income.data-table .data-column.first { border: 0; }

.sectors-overview .data-grid.fixed-income .data-value, .sectors-overview .fixed-income.data-table .data-value, .sectors-overview .fund-thumbnail-tile .data-grid.fixed-income .data-item span.data-value, .fund-thumbnail-tile .sectors-overview .data-grid.fixed-income .data-item span.data-value, .sectors-overview .fixed-income.data-table .fund-thumbnail-tile .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-grid .data-item .sectors-overview .fixed-income.data-table span.data-value, .sectors-overview .data-grid.fixed-income .fund-thumbnail-tile .data-table .data-item span.data-value, .fund-thumbnail-tile .data-table .data-item .sectors-overview .data-grid.fixed-income span.data-value, .sectors-overview .fund-thumbnail-tile .fixed-income.data-table .data-item span.data-value, .fund-thumbnail-tile .sectors-overview .fixed-income.data-table .data-item span.data-value { font-size: 24px !important; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .sectors-overview .data-grid.fixed-income, .sectors-overview .fixed-income.data-table { width: 36.66667%; } }

.sectors-overview .data-grid .data-item .sub-section, .sectors-overview .data-table .data-item .sub-section { position: relative; }

.sectors-overview .data-grid .data-item .sub-section .tool-tip-info, .sectors-overview .data-table .data-item .sub-section .tool-tip-info { display: none; left: 78px; top: 0; }

.sectors-overview .data-grid .data-item .sub-section .tool-tip-info p, .sectors-overview .data-table .data-item .sub-section .tool-tip-info p { color: #00718d; font-weight: normal; margin: 0; padding: 0; }

.sectors-overview .data-grid .data-item .sub-section.first .tool-tip-info, .sectors-overview .data-table .data-item .sub-section.first .tool-tip-info { left: 55px; }

.distribution-details, .performance-distribution-details { border-bottom: 1px dotted #c4c4c4; margin-bottom: 32px; padding-bottom: 32px; width: 100%; }

.distribution-details.loading { opacity: 0.5; }

.distribution-details .funds-table-container th.footable-sortable span { background-repeat: no-repeat; }

table.future-declaration-details { width: auto; }

table.future-declaration-details tr td { text-align: center; }

table.future-declaration-details tr td:first-of-type { text-align: left; }

table.future-declaration-details tr:first-of-type th:first-of-type { text-align: center; }

table.performance-details-distributions th:first-of-type { width: 20%; }

table.performance-details-distributions th { width: 12%; }

table.performance-details-distributions tr:first-of-type th:first-of-type { text-align: center; }

table.performance-details-distributions tr td { text-align: center; }

table.performance-details-distributions tr td:first-of-type { text-align: left; }

table.period-distribution tr td, table.preliminary-year-end-period-distribution tr td { width: 10%; }

table.period-distribution tr td.fund-name-col, table.preliminary-year-end-period-distribution tr td.fund-name-col { width: 25%; }

.funds-table-container.distributions td span { font-size: inherit; text-transform: capitalize; }

.tax-center-message { background: #dbe7ed; border-top: 4px solid #00718d; color: #000; font-size: 14px; line-height: normal; padding: 15px; }

.tax-center-message.error { background: #f8e7dc; border-top: 4px solid #da291c; }

.distributions-overview { width: 100%; }

.distributions-overview .button { float: right; margin-top: 8px; }

.distributions-overview .download-buttons { margin-bottom: 0; }

.distributions-overview .download-buttons .distributions-download-container { position: absolute; width: 960px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .distributions-overview .download-buttons .distributions-download-container { position: relative; width: auto; } }

.distributions-overview .download-buttons .distributions-download-container .overlay-container.distributions-download-options { min-width: 200px; right: 0; top: 8px; width: 200px; }

.distributions-overview .header-tab { margin-bottom: 16px; }

.distributions-overview .future-declaration-details { width: 100%; }

.distributions-overview .future-declaration-details table th { text-align: left; }

.distributions-overview .future-declaration-details .disclosure-par { margin: 0; }

.distributions-overview .future-declaration-details .disclosure-par .small p { margin-bottom: 25px; }

.distributions-overview h3 { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 21px; line-height: 26px; text-transform: none; }

.distributions-overview h3:not(:first-of-type) { margin-top: 24px; }

.distributions-overview table tr .align-left { text-align: left; }

.distributions-overview.is-ddm-data.preliminary .standard-only { display: none; }

.distributions-overview.is-ddm-data.standard .preliminary-only { display: none; }

.distribution-tabs { padding: 5px 0 8px; }

header.distributions-landing { display: inline-block; padding-bottom: 16px; width: 100%; }

header.distributions-landing .header-title { float: left; margin: 24px 0 0; width: 60%; }

header.distributions-landing .fund-view-tools { float: right; margin: 24px 0 0; width: 40%; }

header.distributions-landing .fund-view-tools .fund-range { float: right; margin-left: 8px; }

header.distributions-landing a { font-size: 34px; }

header.distributions-landing .right-divide { border-right: 4px solid #c4c4c4; margin-right: 10px; padding-right: 10px; }

header.distributions-landing .left-divide { border-left: 4px solid #c4c4c4; margin-left: 10px; padding-left: 10px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .mobile-optimized-viewport .distributions-landing { padding: 0; }
  .mobile-optimized-viewport .distributions-landing .header-title { width: 100%; }
  .mobile-optimized-viewport .distributions-landing .fund-view-tools { margin: 14px â€‹0 0; }
  .mobile-optimized-viewport .distributions-landing .header.distributions-landing .fund-view-tools { clear: both; }
  .mobile-optimized-viewport .distributions-overview .ddm-filter-tabs ul { display: flex; flex-wrap: wrap; justify-content: center; }
  .mobile-optimized-viewport .distributions-overview .ddm-filter-tabs li { border-right: 1px solid #fff; display: unset; } }

.calendar-year-returns .table-container { padding-left: 55px; }

.calendar-year-returns table { border: 1px solid #cdcdcd; clear: both; padding-top: 0; position: relative; visibility: visible; z-index: 5; }

.calendar-year-returns table thead tr { font-size: 12px; }

.calendar-year-returns table thead tr th { font-size: 14px; padding: 6px; }

.calendar-year-returns table thead tr th:first-of-type { text-align: center !important; }

.calendar-year-returns table tbody tr td { font-size: 12px; font-weight: bold; text-align: center; }

.calendar-year-returns table tbody tr.product td { color: #05c3de; }

.calendar-year-returns table tbody tr.benchmark td { color: #3b3b3b; }

.calendar-year-returns table tbody tr.value-add td { color: #3b3b3b; }

.calendar-year-returns table tbody tr td.positive { color: #00843d; }

.calendar-year-returns table tbody tr td.negative { color: #da291c; }

.calendar-year-returns table .delete { background-color: #fff; border: 1px solid #fff; border-left: 1px solid #e0e0e0; min-width: 20px; width: 20px; }

.calendar-year-returns table .legend { background-color: #fff; border: 1px solid #fff; color: #000; min-width: 100px; text-align: left; width: 100px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .calendar-year-returns table { left: 0; top: 0; }
  .calendar-year-returns .table-container { padding-left: 0; }
  .calendar-year-returns .performance-bar-chart-container { padding-right: 0; } }

.team-list .bio-group { width: 50%; float: left; margin-right: 0; padding: 0; }

.team-list .bio-group.bio-group-paragraph { border-bottom: #c4c4c4 1px dotted; }

.team-list .bio-group:nth-child(even) { width: 50%; float: right; }

.team-list .bio-group:nth-child(even) .column-two { border-right: 0; }

.team-list .bio-group:nth-child(odd) { clear: both; }

.team-list .bio-group .bio { border: 0; width: 100%; }

.team-list .bio-group .bio h3 { color: #054c70; font-size: 18px; margin-bottom: 4px; }

.team-list .bio { border-left: 0; margin: 12px 0; padding: 0; width: 44.16667%; display: inline-block; vertical-align: top; }

.team-list .bio h2 { margin-top: 0; }

.team-list .bio:nth-of-type(even) { border-left: #c4c4c4 1px dotted; margin-left: 16px; padding-left: 16px; width: 49.16667%; }

.team-list .bio p { font-size: 14px; line-height: 16px; margin: 8px 0 24px; padding-right: 24px; }

.team-list .bio .column-one { margin-right: 16px; max-width: none; width: 20%; }

.team-list .bio .column-one img { height: auto; width: 100%; }

.team-list .bio .column-two { min-height: 165px; width: 73.33333%; }

.team-list .bio ul.experience { border-bottom: #c4c4c4 1px dotted; margin-bottom: 0; padding-bottom: 24px; width: 100%; }

.team-list .bio ul.experience li { min-height: 60px; padding-bottom: 30px; position: relative; width: 26.66667%; }

@media only screen and (max-width: 960px) { .team-list .bio ul.experience li { min-height: 90px; padding-left: 6px; } }

.team-list .bio ul.experience .years-experience { width: 33.33333%; }

.team-list .bio ul.experience span { bottom: 0; position: absolute; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .team-list .bio { width: 100%; }
  .team-list .bio:nth-of-type(even) { border-left: 0; margin-left: 0; padding-left: 0; width: 100%; }
  .team-list .bio .column-two { height: auto !important; }
  .team-list .bio-group { width: 100% !important; } }

.how-to-invest-overview table { margin-top: 16px; }

.how-to-invest-overview table tr td:first-of-type { font-size: 18px; font-weight: bold; line-height: 20px; white-space: nowrap; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .how-to-invest-overview table tr td:first-of-type { white-space: normal; } }

.how-to-invest-overview table tr td:first-of-type span.cusip { font-size: 14px; font-weight: normal; white-space: nowrap; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .how-to-invest-overview table tr td:first-of-type span.cusip { white-space: normal; } }

.how-to-invest-overview table tr td .small-text { font-size: 12px; }

.how-to-invest-overview table tr.active { background-color: #05c3de; }

.how-to-invest-overview table tr.active td { color: #fff; }

.platform-transaction-fee-table table, .platforms table { width: 66.66667%; float: left; }

.platform-transaction-fee-table table td:not(:first-of-type), .platforms table td:not(:first-of-type) { text-align: center; }

.platform-transaction-fee-table .legend, .platforms .legend { width: 30%; float: left; margin-left: 3.33333%; min-height: 185px; position: relative; }

.platform-transaction-fee-table .legend ul, .platforms .legend ul { bottom: 0; left: 0; padding-left: 0; position: absolute; }

.platform-transaction-fee-table .legend li, .platforms .legend li { list-style: none; padding-bottom: 4px; }

.platform-transaction-fee-table .legend li span, .platforms .legend li span { margin-right: 8px; }

.platform-transaction-fee-table .no-transaction-fee, .platform-transaction-fee-table .transaction-fee, .platform-transaction-fee-table .not-available, .platforms .no-transaction-fee, .platforms .transaction-fee, .platforms .not-available { color: #fff; display: inline-block; font-size: 14px; line-height: 14px; padding: 2px; text-align: center; width: 36px; }

.platform-transaction-fee-table .no-transaction-fee, .platforms .no-transaction-fee { background-color: #b1ce00; }

.platform-transaction-fee-table .transaction-fee, .platforms .transaction-fee { background-color: #ff7500; }

.platform-transaction-fee-table .not-available, .platforms .not-available { background-color: #00929f; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .platform-transaction-fee-table table, .platforms table { float: none; width: 100%; }
  .platform-transaction-fee-table .legend, .platforms .legend { float: none; min-height: auto; width: 100%; }
  .platform-transaction-fee-table .legend ul, .platforms .legend ul { position: relative; } }

.country-attribution h3 span, .industry-attribution h3 span, .region-attribution h3 span, .sector-attribution h3 span { display: inline-block; }

.reclassifications-overview .reclassification-dividend { background: #fff; margin-bottom: 8px; padding: 10px 0 10px 12px; }

.reclassifications-overview p { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 0; }

.reclassifications-overview a { font-family: Arial, Helvetica, sans-serif; font-size: 24px; }

.reclassifications-overview .reclassification-dividend-par { min-height: 500px; }

.reclassifications-overview .tax-center-global-message { margin-bottom: 16px; }

.reclassifications-overview .tax-center-global-message p { color: #3b3b3b; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

.fund-promotion { margin-bottom: 12px; }

.fund-promotion a .background-image:hover { opacity: 0.85; }

.fund-promotion .background-image { background-color: #061937; background-repeat: no-repeat; background-size: cover; padding: 24px; }

.fund-promotion h2, .fund-promotion h3 { color: #05c3de; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; margin-bottom: 12px; text-transform: none; }

.fund-promotion h2 span, .fund-promotion h3 span { color: #fff; display: inline; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; margin-left: 0.8em; white-space: nowrap; }

.fund-promotion h2 { font-size: 36px; }

.fund-promotion h2 span { font-size: 18px; }

.fund-promotion h3 { font-size: 22px; }

.fund-promotion h3 span { font-size: 14px; }

.fund-promotion a:hover { cursor: pointer !important; text-decoration: none !important; }

.fund-promotion p { color: #fff; font-size: 24px; line-height: normal; margin: 15px 0 0; }

.fund-promotion p:hover { color: #fff; }

.fund-promotion p.footnote { color: #fff; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 300; line-height: 16px; margin: 12px 0 0; }

.fund-story-page { background-color: #fff; }

.fund-story-page .fund-title-section { margin: 10px 0; padding: 15px 0; position: relative; }

.fund-story-page .fund-title-section h2 { margin: 10px 0; }

.fund-story-page .fund-title-section .as-of-date, .fund-story-page .fund-title-section p { color: #3b3b3b; font-style: italic; margin: 0; }

.fund-story-page .fund-title-section .fund-ticker { color: #3b3b3b; line-height: 40px; position: absolute; right: 0; top: 15px; }

.fund-story-page .fund-heading-section h1 { line-height: 40px; }

.fund-story-page .fund-heading-section .page-heading { color: #3b3b3b; }

.fund-story-page .fund-heading-section .sub-heading { color: #05c3de; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 35px; font-weight: 700; }

.fund-story-page .panel-disclosure { padding-bottom: 12px; }

.fund-story-image-header span { color: #05c3de; font-size: 20px; }

.fund-story-image-header p { margin: 5px 0; }

.fund-story-image { margin: 12px 0 0; width: 50%; }

.fund-story-selling-points { background-size: 100% 100%; margin: 20px auto; max-width: 1074px; }

.fund-story-selling-points .page-wrapper { display: flex; margin: 0 auto; }

.fund-story-selling-points .selling-point { background: rgba(5, 195, 222, 0.8); flex: 1; margin: 50px 10px; overflow: hidden; padding: 10px; }

.fund-story-selling-points .selling-point h3 { font-size: 16px; }

.fund-story-selling-points .selling-point h3, .fund-story-selling-points .selling-point p { color: #054c70; margin: 15px; }

.fund-story-back-page { margin-top: 40px; }

.fund-story-back-page p { margin: 0; }

.fund-story-back-page .fund-header-section { border-bottom: 1px solid #3b3b3b; position: relative; }

.fund-story-back-page .fund-header-section .quarter-end-date { position: absolute; right: 0; }

.fund-story-back-page .left-details-column { margin-top: 20px; }

.fund-story-back-page .right-details-column { margin-top: 20px; }

.fund-story-back-page .manager-details-column { margin-right: 10px; margin-top: 20px; }

.fund-story-back-page .image-column { margin-top: 20px; }

.fund-story-back-page .manager-details { overflow: auto; }

.fund-story-back-page .manager-details .column-one, .fund-story-back-page .manager-details .column-two { float: left; padding: 10px 0; }

.fund-story-back-page .manager-details .column-two { font-size: 13px; margin-left: 10px; }

.fund-story-back-page .quote-author, .fund-story-back-page .quote-date { text-align: right; }

.quote { border-bottom: 2px solid #05c3de; border-top: 2px solid #05c3de; padding: 15px; }

.quote blockquote { margin: 0 auto; padding-left: 5px; position: relative; width: 100%; }

.quote blockquote .quote-text { font-size: 21px; line-height: 28px; margin-left: 20px; }

.quote blockquote .quote-text::before { color: #05c3de; content: '\201C'; font-size: 83px; font-weight: bold; left: -17px; position: absolute; top: 15px; }

.graphic-image img, .quote-image img { width: 50%; }

.holdings-table, .performance-table { border: 0; text-align: left; }

.holdings-table td, .performance-table td { border: 0; padding: 2px 0; }

.holdings-table th, .performance-table th { background-color: #fff; border-bottom: 1px solid #3b3b3b; font-weight: bold; padding: 2px 0; text-align: left; }

.holdings-table tfoot, .performance-table tfoot { font-weight: bold; }

.holdings-table tfoot td:first-child, .performance-table tfoot td:first-child { padding: 5px; text-align: left; }

.holdings-table tfoot td, .performance-table tfoot td { text-align: center; }

.holdings-table { margin-bottom: 20px; }

.holdings-table td:first-child, .holdings-table td:last-child, .holdings-table th:first-child { text-align: center; }

.performance-table td, .performance-table th, .portfolio-table td, .portfolio-table th, .product-performance-table td, .product-performance-table th { border: 0; padding: 0; text-align: center; }

.performance-table td:first-child, .performance-table th:first-child, .portfolio-table td:first-child, .portfolio-table th:first-child, .product-performance-table td:first-child, .product-performance-table th:first-child { padding-left: 5px; text-align: left; }

.performance-table th, .portfolio-table th, .product-performance-table th { padding: 5px; }

.performance-table .table-head, .portfolio-table .table-head, .product-performance-table .table-head { border-bottom: 1px solid #3b3b3b; font-size: 13px; line-height: 13px; }

.performance-table .table-side-head, .portfolio-table .table-side-head, .product-performance-table .table-side-head { border-right: 1px solid #3b3b3b; }

.portfolio-table { border: 0; }

.portfolio-table th { background-color: #05c3de; color: #fff; font-size: 14px; }

.portfolio-table .star-rating { margin: 0 auto; }

.portfolio-table .fund-name { font-size: 13px; font-weight: bold; }

.portfolio-table .fund-name p { font-size: 11px; font-weight: normal; }

.portfolio-table .border-text { border-bottom: 1px solid #3b3b3b; }

.portfolio-table .small-text { font-size: 11px; }

.product-performance-table { border: 0; border-bottom: 1px solid #3b3b3b; font-size: 13px; line-height: 17px; margin-bottom: 20px; }

.product-performance-table th { color: #fff; }

.product-performance-table td { padding: 0 5px; }

.average-performance { border-top: 1px dotted #3b3b3b; margin-top: 10px; }

.average-performance .heading { padding-top: 5px; }

.morningstar-data { font-size: 11px; margin: 10px 0; }

.morningstar-data .morningstar-side-head { margin: 5px 0; }

.morningstar-data .morningstar-right { float: right; }

.manager-years, .name-title { font-weight: bold; }

.heading { color: #3b3b3b; }

.muni-manager-bio .manager-details { float: left; overflow: hidden; padding: 10px; }

.fund-story-footer { color: #3b3b3b; display: block; font-size: 14px; }

.fund-story-footer .footer-warning { border: 1px solid #3b3b3b; margin: 0; text-align: center; }

.fund-story-footer .footer-tagline { border-top: 1px solid #3b3b3b; height: 11px; margin: 10px 0; text-align: right; }

.charts-heading { margin-bottom: 20px; }

.float-right { float: right; }

.fund-story-bottom-footer { border-collapse: collapse; display: table; width: 100%; }

.fund-story-bottom-footer .tagline { float: right; }

.fund-story-bottom-footer p { border-top: 1px solid #3b3b3b; display: table-cell; height: 10px; }

.footer-text { width: 120px; }

.footer-text span { clear: left; float: left; }

.fund-stories-home .fund-stories td:not(:first-child) { text-align: center; }

.fund-stories-home .edit-preview::before { content: '\f040'; font-family: FontAwesome; margin-left: 15px; }

.fund-stories-home .pdf-download::before { content: '\f019'; font-family: FontAwesome; margin-left: 15px; }

.message-alert { background-color: black; /* Hidden by default */ background-color: rgba(0, 0, 0, 0.4); /* Stay in place */ display: none; /* Sit on top */ height: 100%; /* Location of the box */ left: 0; overflow: auto; padding-top: 100px; /* Full width */ position: fixed; /* Full height */ top: 0; /* Enable scroll if needed */ width: 100%; /* Fallback color */ z-index: 1; /* Black w/ opacity */ }

.message { background-color: #3b3b3b; border: 1px solid #061937; color: #fff; margin: auto; padding: 20px; width: 40%; }

.closebtn { color: #c4c4c4; float: right; font-size: 28px; font-weight: bold; }

.closebtn:focus, .closebtn:hover { color: #000; cursor: pointer; }

.risk-allocation .risk-allocation-strategy { width: 50%; }

.risk-allocation-overview .risk-data { float: left; }

.risk-allocation-overview .risk-data:not(:first-child) { border-left: #c4c4c4 1px dotted; padding-left: 20px; }

.risk-allocation-overview .risk-data .allocation-name { line-height: 20px; min-height: 50px; width: 130px; }

.risk-allocation-overview .risk-data .risk-label { border-top: #c4c4c4 1px dotted; display: block; font-weight: bold; margin-top: 8px; padding-top: 8px; width: 115px; }

.risk-allocation-overview .risk-column { margin: 16px 0; overflow: hidden; }

.sma-snapshot { float: none; margin-bottom: 12px; overflow: hidden; }

.sma-snapshot header { width: 60%; float: left; margin: 0; min-height: 200px; padding-right: 24px; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sma-snapshot header { min-height: auto; width: 100%; } }

.sma-snapshot header .header-top { min-height: 100px; }

.sma-snapshot header .header-bottom { border-top: #c4c4c4 1px dotted; padding-top: 10px; }

.sma-snapshot header h2.h1 { color: #3b3b3b; font-size: 32px; font-style: normal; line-height: 34px; margin-bottom: 16px; margin-top: 0; }

.sma-snapshot .commentary { width: 40%; float: left; margin-right: 0; }

.sma-snapshot .commentary .snapshot-bio { border-bottom: 0; min-height: 200px; }

.sma-snapshot .commentary .snapshot-bio .manager-title { line-height: 18px; padding: 10px 0; }

.sma-snapshot .commentary .column-one img { height: 55px; width: 55px; }

.sma-snapshot .commentary .column-two { width: calc(100% - 55px); }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sma-snapshot .commentary { padding: 10px 0 0; width: 100%; } }

.sma-snapshot .grid { width: 40%; float: left; float: left; margin-top: -17px; width: 40%; }

.sma-snapshot .grid p, .sma-snapshot .grid span { margin-left: 10px; }

.sma-snapshot .grid p { color: #054c70; font-size: 20px; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sma-snapshot .grid { padding: 10px 0 0; width: 100%; } }

.sma-snapshot a.lock-display, .fund-snapshot a.lock-display { padding-right: 45px; }

.sma-snapshot a.lock-display::after, .fund-snapshot a.lock-display::after { background-position: -38px 0; content: ' '; height: 20px; position: absolute; width: 40px; }

.fund-overview section { background-color: #fff; border-bottom: #c4c4c4 1px dotted; padding: 8px 24px 24px; position: relative; width: 100%; float: left; }

.fund-overview section.band-inner { padding-left: 0; padding-right: 0; }

.fund-overview section .tabctrl-container .paragraph-with-heading { margin-left: -24px; }

.fund-overview section .fund-data-override p { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; }

.fund-overview section .no-data { font-size: 14px !important; margin-top: 16px; }

.fund-overview section select { margin-bottom: 8px; }

.fund-overview section .overview-section { width: 100%; float: left; clear: both; position: relative; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .fund-overview section .overview-section { margin-top: 8px; } }

.fund-overview section .overview-section .data-grid + .panel-disclosure, .fund-overview section .overview-section .data-table + .panel-disclosure { background-color: #fff; margin-top: 0; padding-top: 16px; position: relative; z-index: 2; }

.fund-overview section .overview-arrow-tab { background: #05c3de; background-image: url("base/images/glyph.png"); background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; display: none; height: 40px; position: absolute; right: 5px; top: 5px; width: 40px; }

.fund-overview section .how-to-invest-platform-link { font-size: 18px; position: absolute; right: 56px; top: 24px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-overview section .how-to-invest-platform-link { display: block; float: unset; position: unset; right: unset; text-align: right; top: unset; } }

.fund-overview section:not(.band-inner):not(.cmp-premier-overlay) p:not(.gdx-value) { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

.fund-overview section:not(.band-inner):not(.cmp-premier-overlay) p:not(.gdx-value).small-text { font-size: 11px; }

.fund-overview section:not(.band-inner):not(.cmp-premier-overlay) h2 { color: #061937; font-size: 26px; line-height: 32px; margin-top: 16px; }

.fund-overview section:not(.band-inner):not(.cmp-premier-overlay) h3 { clear: both; color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 21px; line-height: 26px; margin-top: 16px; text-transform: none; }

.fund-overview section:not(.band-inner):not(.cmp-premier-overlay) h3:not(:first-of-type) { margin-top: 24px; }

.fund-overview section:not(.band-inner):not(.cmp-premier-overlay) h4 { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-overview section:not(.band-inner):not(.cmp-premier-overlay) h2, .fund-overview section:not(.band-inner):not(.cmp-premier-overlay) h3, .fund-overview section:not(.band-inner):not(.cmp-premier-overlay) h4 { padding-right: 24px; } }

.fund-overview.is-overview .overview-arrow-tab { display: block; }

.data-value, .performance-block .data-value, .data-grid .data-item span.data-value, .data-table .data-item span.data-value, .fund-thumbnail-tile .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-table .data-item span.data-value, .data-value-difference, .data-grid .data-item span.data-value-difference, .data-table .data-item span.data-value-difference { color: #05c3de; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 28px; line-height: 32px; }

.data-value.smaller, .data-grid .data-item span.smaller.data-value, .data-table .data-item span.smaller.data-value, .data-value-difference.smaller, .data-grid .data-item span.smaller.data-value-difference, .data-table .data-item span.smaller.data-value-difference { font-size: 16px; line-height: 20px !important; position: relative; }

.data-value.negative, .data-grid .data-item span.negative.data-value, .data-table .data-item span.negative.data-value, .data-value-difference.negative, .data-grid .data-item span.negative.data-value-difference, .data-table .data-item span.negative.data-value-difference { color: #da291c; white-space: nowrap; }

.data-value.positive, .data-grid .data-item span.positive.data-value, .data-table .data-item span.positive.data-value, .data-value-difference.positive, .data-grid .data-item span.positive.data-value-difference, .data-table .data-item span.positive.data-value-difference { color: #00843d; }

.data-value.not-applicable, .data-grid .data-item span.not-applicable.data-value, .data-table .data-item span.not-applicable.data-value, .data-value-difference.not-applicable, .data-grid .data-item span.not-applicable.data-value-difference, .data-table .data-item span.not-applicable.data-value-difference { color: #3b3b3b; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .data-value, .performance-block .data-value, .data-grid .data-item span.data-value, .data-table .data-item span.data-value, .fund-thumbnail-tile .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-table .data-item span.data-value, .data-value-difference, .data-grid .data-item span.data-value-difference, .data-table .data-item span.data-value-difference { font-size: 24px; line-height: 32px; } }

.fund-thumbnail-tile .data-value, .data-grid .data-item .fund-thumbnail-tile span.data-value, .data-table .data-item .fund-thumbnail-tile span.data-value, .fund-thumbnail-tile .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-table .data-item span.data-value, .fund-thumbnail-tile .data-value-difference, .fund-thumbnail-tile .data-grid .data-item span.data-value-difference, .data-grid .data-item .fund-thumbnail-tile span.data-value-difference, .fund-thumbnail-tile .data-table .data-item span.data-value-difference, .data-table .data-item .fund-thumbnail-tile span.data-value-difference, .snapshot.fund-snapshot .data-value, .snapshot.fund-snapshot .data-grid .data-item span.data-value, .data-grid .data-item .snapshot.fund-snapshot span.data-value, .snapshot.fund-snapshot .data-table .data-item span.data-value, .data-table .data-item .snapshot.fund-snapshot span.data-value, .snapshot.fund-snapshot .data-value-difference, .snapshot.fund-snapshot .data-grid .data-item span.data-value-difference, .data-grid .data-item .snapshot.fund-snapshot span.data-value-difference, .snapshot.fund-snapshot .data-table .data-item span.data-value-difference, .data-table .data-item .snapshot.fund-snapshot span.data-value-difference { bottom: 0; position: absolute; }

.target-date-tile .data-value, .target-date-tile .data-grid .data-item span.data-value, .data-grid .data-item .target-date-tile span.data-value, .target-date-tile .data-table .data-item span.data-value, .data-table .data-item .target-date-tile span.data-value { position: relative; }

.data-value-difference, .data-grid .data-item span.data-value-difference, .data-table .data-item span.data-value-difference { color: #061937; }

.data-grid .data-item.mmr-page-link, .data-table .data-item.mmr-page-link, .data-table .data-section .data-cell.mmr-page-link { background-color: #ebebeb; border-bottom: 0; margin-right: 5px; min-height: 214px; padding: 8px !important; }

.data-grid .data-item.mmr-page-link a:hover, .data-table .data-item.mmr-page-link a:hover, .data-table .data-section .data-cell.mmr-page-link a:hover { text-decoration: none; }

.data-grid .data-item.mmr-page-link a p, .data-table .data-item.mmr-page-link a p, .data-table .data-section .data-cell.mmr-page-link a p { border: 0; color: #054c70; font-size: 12px; line-height: 14px; margin: 8px 0; padding: 0; }

.data-grid .data-item.mmr-page-link a p b, .data-table .data-item.mmr-page-link a p b, .data-table .data-section .data-cell.mmr-page-link a p b, .data-grid .data-item.mmr-page-link a p strong, .data-table .data-item.mmr-page-link a p strong, .data-table .data-section .data-cell.mmr-page-link a p strong { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.data-grid .data-item.mmr-page-link a p:hover, .data-table .data-item.mmr-page-link a p:hover, .data-table .data-section .data-cell.mmr-page-link a p:hover { text-decoration: underline; }

.data-grid .data-item.mmr-page-link a p:first-of-type, .data-table .data-item.mmr-page-link a p:first-of-type, .data-table .data-section .data-cell.mmr-page-link a p:first-of-type { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; margin-top: 0; text-decoration: none; }

.data-grid .data-item.mmr-page-link a p:first-of-type b, .data-table .data-item.mmr-page-link a p:first-of-type b, .data-table .data-section .data-cell.mmr-page-link a p:first-of-type b, .data-grid .data-item.mmr-page-link a p:first-of-type strong, .data-table .data-item.mmr-page-link a p:first-of-type strong, .data-table .data-section .data-cell.mmr-page-link a p:first-of-type strong { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: normal; }

.data-grid .data-item.mmr-page-link a p:last-of-type, .data-table .data-item.mmr-page-link a p:last-of-type, .data-table .data-section .data-cell.mmr-page-link a p:last-of-type { margin-bottom: 4px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .data-grid .data-item.mmr-page-link, .data-table .data-item.mmr-page-link, .data-table .data-section .data-cell.mmr-page-link { background-color: #ebebeb; border-bottom: 0; margin-right: 5px; padding: 4px !important; }
  .data-grid .data-item.mmr-page-link a p, .data-table .data-item.mmr-page-link a p, .data-table .data-section .data-cell.mmr-page-link a p { font-size: 11px; line-height: 13px; margin: 5px 0; }
  .data-grid .data-item.mmr-page-link a p:first-of-type, .data-table .data-item.mmr-page-link a p:first-of-type, .data-table .data-section .data-cell.mmr-page-link a p:first-of-type { font-size: 14px; line-height: 16px; margin-top: 0; }
  .data-grid .data-item.mmr-page-link a p:last-of-type, .data-table .data-item.mmr-page-link a p:last-of-type, .data-table .data-section .data-cell.mmr-page-link a p:last-of-type { margin-bottom: 4px; } }

.data-grid, .data-table { float: right; margin-left: 1.66667%; width: 46.66667%; }

.data-grid + .data-grid, .data-table + .data-grid, .data-grid + .data-table, .data-table + .data-table { border-top: #c4c4c4 1px dotted; margin-top: 8px; padding-top: 8px; }

.data-grid + .data-grid .data-column, .data-table + .data-grid .data-column, .data-grid + .data-table .data-column, .data-table + .data-table .data-column { margin-top: 8px; }

.data-grid::before, .data-table::before { border-left: #c4c4c4 1px dotted; bottom: 0; content: ''; height: 100%; left: 51.66667%; position: absolute; top: 0; z-index: 2; }

.data-grid ~ .data-grid::before, .data-table ~ .data-grid::before, .data-grid ~ .data-table::before, .data-table ~ .data-table::before { content: none; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .data-grid, .data-table { width: 63.33333%; float: right; }
  .data-grid::before, .data-table::before { left: 35%; } }

.data-grid .data-column, .data-table .data-column { width: 50%; float: left; }

.data-grid .data-column + .data-column, .data-table .data-column + .data-column { border-left: #c4c4c4 1px dotted; }

.data-grid .data-column:nth-of-type(2n), .data-table .data-column:nth-of-type(2n) { border-right: 0; }

.data-grid .data-column.top-section:nth-of-type(2n + 1) .data-item, .data-table .data-column.top-section:nth-of-type(2n + 1) .data-item { margin-left: 0; }

.data-grid .data-column.top-section .data-item:first-of-type, .data-table .data-column.top-section .data-item:first-of-type { margin-top: 0; }

.data-grid .data-item, .data-table .data-item { border-bottom: #c4c4c4 1px dotted; margin: 8px 16px 0; min-height: 93px; position: relative; }

.data-grid .data-item:last-of-type, .data-table .data-item:last-of-type { border-bottom: 0; margin-bottom: 0; }

.data-grid .data-item sup, .data-table .data-item sup { font-size: 10.5px; font-weight: bold; }

.data-grid .data-item .mmr-page-link, .data-table .data-item .mmr-page-link, .data-grid .data-item h4, .data-table .data-item h4 { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; margin-bottom: 4px; }

.data-grid .data-item h5, .data-table .data-item h5 { color: #061937; display: block; font-size: 14px; font-weight: lighter; line-height: 16px; max-width: 150px; }

.data-grid .data-item span, .data-table .data-item span { color: #3b3b3b; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.data-grid .data-item span.label, .data-table .data-item span.label { float: left; line-height: 38px; padding-right: 4px; vertical-align: text-bottom; }

.data-grid .data-item span.label + .data-value, .data-table .data-item span.label + .data-value, .data-grid .data-item .performance-block span.label + .data-value, .data-table .data-item .performance-block span.label + .data-value { display: inline; }

.data-grid .data-item span.has-date, .data-table .data-item span.has-date { bottom: 24px !important; position: absolute; }

.data-grid .data-item p.date, .data-table .data-item p.date { bottom: 8px; margin: 0; padding: 0; position: absolute; white-space: nowrap; }

.data-grid .data-item .top-section, .data-table .data-item .top-section { border-bottom: #c4c4c4 1px dotted; padding-bottom: 8px; }

.data-grid .data-item .sub-section, .data-table .data-item .sub-section { border-left: #c4c4c4 1px dotted; float: left; margin: 8px 8px 0 0; padding-left: 8px; }

.data-grid .data-item .sub-section.first, .data-table .data-item .sub-section.first { border-left: 0; clear: both; padding-left: 0; }

.data-grid .data-item .sub-section .sub-label, .data-table .data-item .sub-section .sub-label { font-weight: bold; }

.data-grid .data-item .sub-section .sub-label .tool-tip, .data-table .data-item .sub-section .sub-label .tool-tip { color: #c4c4c4; }

.data-grid .morningstar-data-item, .data-table .morningstar-data-item, .data-grid .navtype-data-item, .data-table .navtype-data-item { min-height: 105px !important; }

.data-grid .morningstar-data-item p, .data-table .morningstar-data-item p, .data-grid .navtype-data-item p, .data-table .navtype-data-item p { margin: 0 0 8px; }

.data-grid .morningstar-data-item .smaller, .data-table .morningstar-data-item .smaller, .data-grid .navtype-data-item .smaller, .data-table .navtype-data-item .smaller { bottom: 8px !important; font-size: 16px !important; }

.data-grid .navtype-data-item .data-value, .data-table .navtype-data-item .data-value, .data-grid .navtype-data-item .data-item span.data-value, .data-grid .data-item .navtype-data-item span.data-value, .data-table .navtype-data-item .data-item span.data-value, .data-table .data-item .navtype-data-item span.data-value { bottom: 8px !important; }

.data-grid p, .data-table p { border-bottom: #c4c4c4 1px dotted; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; margin: 8px 0; padding: 8px 0; }

.data-grid p:last-child, .data-table p:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.data-grid footer, .data-table footer { clear: both; }

.data-grid footer p.date, .data-table footer p.date { border: 0; float: right; font-size: 11px; line-height: 12px; padding: 0; }

.data-text { font-size: 13px; line-height: 16px; }

.fund-panel { border-bottom: 2px solid #ebebeb; margin: 0 -24px; padding: 0 24px; }

.distributions-par { caption-side: bottom; width: 100%; }

.currency-diversification .benchmark-name, p.benchmark-name, table + p.benchmark-name { font-size: 11px !important; margin: 8px 0; text-align: right; width: 100%; }

p.benchmark-name { margin: 8px 0 0; }

p.benchmark-name + .benchmark-name { margin: 0; }

.panel-disclosure { clear: both; float: left; margin-top: 16px; width: 100%; }

.panel-disclosure sup { clear: left; float: left; height: 10px; margin: 10px 4px 0 0; }

.panel-disclosure sup + div { width: 98.33333%; float: left; }

.panel-disclosure p { font-size: 14px !important; line-height: 16px !important; }

.panel-disclosure p:first-of-type { margin-top: 0; }

.disclosure-content-reference, .disclosure-par, .future-disclosure-par { width: 100%; float: left; margin-top: 24px; }

.disclosure-content-reference sup, .disclosure-par sup, .future-disclosure-par sup { clear: left; float: left; font-weight: bold; height: 10px; margin: 10px 4px 0 0; }

.disclosure-content-reference sup + div, .disclosure-par sup + div, .future-disclosure-par sup + div { width: 95%; float: left; }

.disclosure-content-reference p:first-of-type, .disclosure-par p:first-of-type, .future-disclosure-par p:first-of-type { margin-top: 0; }

.disclosure-content-reference { margin: 0; }

.disclosure-content-reference p b, .disclosure-content-reference p strong { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.fund-range-documents-overlay-container { float: right; position: relative; }

.fund-range-documents-overlay-container a.button { font-size: 14px; line-height: 16px; padding-top: 4px; }

.filter-tabs.funds.table-on ul.filter-tab.primary li:first-of-type { display: none; }

.data-table { overflow-wrap: break-word; word-wrap: break-word; height: 100%; margin-left: 0; position: relative; }

.data-table::before { content: none; }

.data-table::after { border-left: #c4c4c4 1px dotted; bottom: 0; content: ''; display: inline-block; height: 100%; left: 50%; position: absolute; top: 0; }

.data-table .data-section:first-child .data-cell:nth-of-type(-n + 2) { border-top: 0; padding-top: 0; }

.data-table .data-section.mmr-page + .data-section &gt; .data-cell:first-child { border-top: 0; }

.data-table .data-section.mmr-page .data-cell-container { display: inline-block; vertical-align: top; margin-left: 5.25%; width: 43%; }

.data-table .data-section.mmr-page .data-cell-container .data-cell { display: block; margin-left: 0; margin-right: 0; padding-top: 0; width: 100%; }

.data-table .data-section.mmr-page .data-cell-container .data-cell.border-bottom { border-bottom: #c4c4c4 1px dotted; margin-bottom: 16px; padding-bottom: 26px; }

.data-table .data-section .data-cell { display: inline-block; margin: 0 5.25%; padding-bottom: 8px; vertical-align: top; width: 44.75%; }

.data-table .data-section .data-cell:nth-of-type(-n + 2) { border-top: #c4c4c4 1px dotted; padding-top: 16px; }

.data-table .data-section .data-cell:nth-of-type(2n) { margin-right: 0; }

.data-table .data-section .data-cell:nth-of-type(2n - 1) { margin-left: 0; }

.data-table .data-section .data-cell .mmr-page-link, .data-table .data-section .data-cell h4 { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; }

.data-table .data-section .data-cell p { margin: 0; padding: 0; }

.data-table .data-section .data-cell .data-value, .data-table .data-section .data-cell .fund-thumbnail-tile .data-grid .data-item span.data-value, .fund-thumbnail-tile .data-grid .data-item .data-table .data-section .data-cell span.data-value, .fund-thumbnail-tile .data-table .data-section .data-cell .data-item span.data-value, .fund-thumbnail-tile .data-table .data-item .data-section .data-cell span.data-value, .data-table .data-section .data-cell .data-value-difference { position: relative; }

.data-table .data-section .data-cell .smaller { font-size: 21px; line-height: 25px !important; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .data-table .data-section .data-cell .smaller { font-size: 18px; line-height: 22px !important; } }

.data-table .data-section .data-cell.full-width { width: 100%; float: left; background-color: #fff; border-top: 0; padding-top: 4px; position: relative; z-index: 1; }

.data-table .data-section .data-cell.mmr-page-link { float: none; margin-right: 1%; width: 49%; float: left; }

.fund-name-column sup.target-dagger { display: block; opacity: 0; }

.fund-name-column a.target-dagger::after { content: '\2020'; font-size: 80%; vertical-align: super; }

.skrollr-body.content .paragraph, .skrollr-body.content .paragraph-with-heading, .skrollr-body.content .table { background-color: transparent; }

.skrollr-body.content .paragraph p, .skrollr-body.content .paragraph-with-heading p, .skrollr-body.content .table p { font-family: Arial, Helvetica, sans-serif !important; font-size: 22px !important; line-height: 33px !important; }

.story-infographic .mgs-text h3 { line-height: 1.2em; }

.tile { display: inline-block; margin-bottom: 24px; margin-right: 1.66667%; vertical-align: top; width: 100%; }

.tile.last { margin-right: 0; }

.tile-container { background-color: #fff; height: 100%; overflow: hidden; padding: 32px; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .tile-container { margin-right: 0; } }

.tile-container.gray { background-color: #ebebeb; color: #000; }

.tile-container.gray a:not(.button) { color: #054c70; }

.tile-container.white { background-color: #fff; color: #000; }

.tile-container.white a:not(.button) { color: #054c70; }

.tile-container.transparent { background-color: transparent; color: #000; }

.tile-container.transparent a:not(.button) { color: #054c70; }

.tile-container.trp-blue { background-color: #05c3de; color: #000; }

.tile-container.trp-blue a:not(.button) { color: #054c70; }

.tile-container.trp-dark-blue { background-color: #054c70; color: #000; }

.tile-container.trp-dark-blue a:not(.button) { color: #054c70; }

.tile-container.trp-header-dark-gray { background-color: #061937; color: #000; }

.tile-container.trp-header-dark-gray a:not(.button) { color: #054c70; }

.tile-container.trp-dark-gray { background-color: #3b3b3b; color: #000; }

.tile-container.trp-dark-gray a:not(.button) { color: #054c70; }

.tile-container.trp-medium-gray { background-color: #c4c4c4; color: #000; }

.tile-container.trp-medium-gray a:not(.button) { color: #054c70; }

.tile-container.trp-light-gray { background-color: #ebebeb; color: #000; }

.tile-container.trp-light-gray a:not(.button) { color: #054c70; }

.tile-container.trp-gray-mid-light { background-color: #f1f1f1; color: #000; }

.tile-container.trp-gray-mid-light a:not(.button) { color: #054c70; }

.tile-container.trp-black { background-color: #000; color: #000; }

.tile-container.trp-black a:not(.button) { color: #054c70; }

.tile-container.trp-white { background-color: #fff; color: #000; }

.tile-container.trp-white a:not(.button) { color: #054c70; }

.tile-container.trp-theme-dark { background-color: #3b3b3b; color: #fff; }

.tile-container.trp-theme-dark header h3 { color: #fff; }

.tile-container.trp-theme-dark header h2 a:not(.button) { color: #05c3de; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; }

.tile-container.trp-theme-dark header a.article-description, .tile-container.trp-theme-dark header a .read-more { color: #fff; }

.tile-container.trp-theme-dark .tile-locked-content::before { color: #fff; }

.tile-container.trp-theme-dark .tile-locked-content::after { filter: invert(1); }

.tile-container.trp-theme-dark footer .author span a { color: #fff; }

.tile-container.trp-theme-dark footer .cta-more a { color: #fff; }

.tile-container.trp-theme-dark footer .cta-more a.trp-button-icon-play-circle { background-image: url("base/images/button-icon-play-circle-40-white.svg"); }

.tile-container.trp-theme-dark footer .cta-more a.trp-right-arrow-blue { background-image: url("base/images/button-icon-arrow-40-white.svg"); }

.tile-container &gt; div { height: 100%; position: relative; width: 100%; }

.tile-container a:hover { text-decoration: none; }

.tile-container a .read-more { font-size: 14px; white-space: nowrap; }

.tile-container a .read-more u { text-decoration: underline; }

.tile-container a .read-more::after { content: ' '; text-decoration: none; }

.tile-container a .read-more::before { content: ' '; text-decoration: none; }

.tile-container header { float: none; margin-bottom: 16px; padding: 0; }

.tile-container header h3 { font-size: 12px; text-transform: uppercase; }

.tile-container header h2 { font-size: 18px; line-height: 24px; }

.tile-container header h2 a { color: #054c70; }

.tile-container header h2 a:hover { text-decoration: none; }

.tile-container header .date .day { float: left; font-size: 34px; line-height: 38px; padding-right: 8px; }

.tile-container header .date .month-year { display: block; font-size: 12px; line-height: 16px; }

.tile-container header .date .week-day { display: block; font-size: 16px; line-height: 20px; }

.tile-container header:empty { display: none; }

.overview .tile-container, .thinking .tile-container { padding: 24px; }

.overview .tile-container .article-description, .thinking .tile-container .article-description { color: #3b3b3b; font-size: 16px; position: relative; top: 12px; width: auto; }

.overview .tile-container .read-more, .thinking .tile-container .read-more { color: #0063ad; font-size: 16px; position: relative; top: 12px; white-space: nowrap; }

.overview .tile-container .primary header p, .overview .tile-container .secondary header p, .thinking .tile-container .primary header p, .thinking .tile-container .secondary header p { color: #000; }

.overview .tile-container .primary header p a, .overview .tile-container .secondary header p a, .thinking .tile-container .primary header p a, .thinking .tile-container .secondary header p a { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

.overview .tile-container .thumbnail-headshot-cta, .thinking .tile-container .thumbnail-headshot-cta { width: 100%; }

.overview .tile-container .cta-more, .thinking .tile-container .cta-more { align-self: flex-end; flex-shrink: 1; margin-top: 16px; vertical-align: bottom; }

.overview .tile-container .cta-more a, .thinking .tile-container .cta-more a { color: #086ea1; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; }

.overview .tile-container .tile-inner header, .thinking .tile-container .tile-inner header { margin-bottom: 24px; }

.tile-container .tile-content { width: 100%; }

.tile-container .tile-content .summary { font-size: 26px; line-height: 35.90476px; line-height: 28px; padding-bottom: 8px; }

.tile-container .tile-content:empty { display: none; }

.tile-container .tile-locked-content::before { color: #054c70; content: 'Log in or Registration needed'; font-size: 12px; margin-right: 12px; }

.tile-container .tile-locked-content::after { background-position: -10px -44px; content: ' '; height: 16px; position: absolute; width: 16px; }

.tile-container .button .locked-content-download { background-image: url("base/images/lock-outline-20px.png"); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 11px; margin-left: 5px; position: relative; width: 20px; }

.tile-container .button.standard.icon .locked-content-download { top: -5%; }

.tile-container .button.standard.trp-icon .locked-content-download { top: 0; }

.tile-container .button.slim.icon .locked-content-download { top: -5%; }

.tile-container .button.slim.trp-icon .locked-content-download { top: 0; }

.tile-container .button.superslim.icon .locked-content-download { top: -5%; }

.tile-container .button.superslim.trp-icon .locked-content-download { top: 8%; }

.tile-container footer { display: flex; flex-direction: row; flex-wrap: wrap; font-family: Arial, Helvetica, sans-serif; margin-top: 0; position: relative; width: 100%; }

.tile-container footer .author { flex-grow: 2; margin-top: 8px; min-width: 180px; }

.tile-container footer .author img { display: inline-block; height: 44px; margin-right: 8px; width: auto; }

.tile-container footer .author .details { display: inline-block; font-size: 12px; height: 100%; line-height: 12px; margin-bottom: 0; text-align: left; vertical-align: top; width: calc(100% - 60px); }

.tile-container footer .author .details span a { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; }

.tile-container footer .author .details span.date { display: block; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .tile-container footer .author { width: 50%; } }

.tile-container footer:empty { display: none; }

.tile-container .thumbnail-headshot-cta footer .author img { margin-bottom: 8px; vertical-align: top; }

.tile-container .adaptiveimage.image.section img { height: auto; max-width: 100%; width: 100%; }

.tile.hide-read-more span.read-more { display: none; }

.tile.hide-author-headshots footer .author img { display: none; }

.tile.custom header { float: none; margin-bottom: 18px; }

.tile.custom .tile-content.parsys { min-height: 0; }

.tile.custom p { font-size: 16px; margin: 0; }

.tile.custom p a { font-size: 16px; text-decoration: underline; }

.tile.custom .button { text-align: center; width: 100%; }

.tile.custom .paragraph ol li, .tile.custom .paragraph ul li { color: #061937; }

.tile.custom ol, .tile.custom ul { font-size: 18px; list-style: none; margin: 0; padding: 0; }

.tile.custom ol li, .tile.custom ul li { border-top: #c4c4c4 1px dotted; color: #05c3de; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 18px; line-height: 22px; margin: 0; padding: 12px 0; }

.tile.custom ol li:first-child, .tile.custom ul li:first-child { border-top: 0; }

.tile.custom ol li { counter-increment: item; margin-bottom: 5px; padding-left: 36px; position: relative; }

.tile.custom ol li::before { background: #05c3de; color: #fff; content: counter(item); display: inline-block; font-size: 20px; left: 0; line-height: 24px; margin-right: 10px; position: absolute; text-align: center; width: 24px; }

.tile.gray { background-color: #ebebeb; color: #000; }

.tile.gray a:not(.button) { color: #054c70; }

.tile.trp-medium-gray h2.dark, .tile.trp-medium-gray h3 { color: #000; }

.tile.download .tile-container { width: 100%; }

.tile.download &gt; div { height: auto; }

.tile.download .button { margin-bottom: 0; width: 100%; }

.tile.download .button i { margin-right: 4px; }

.tile.download h2 { margin-bottom: 12px; }

.tile.download .image-container { background-position: center top; background-repeat: no-repeat; background-size: cover; border: 1px solid #ebebeb; display: inline-block; margin-right: 1.66667%; overflow: hidden; }

.tile.download .image-container img { width: 100%; }

.tile.download p { display: inline-block; margin: 0; vertical-align: top; width: 100%; }

.tile.download p:empty { display: none; }

.tile.download footer { float: none; margin: 0; padding-top: 12px; }

.tile.download footer.button-left .button, .tile.download footer.button-right .button { width: auto; }

.tile.download footer.button-left { text-align: left; }

.tile.download footer.button-right { justify-content: flex-end; text-align: right; }

.tile.download.portrait .image-container { display: block; height: auto; margin: 0 0 8px; max-height: 100px; width: 100%; }

.tile.download.portrait .tile-content { margin-bottom: 16px; }

.tile.download.portrait footer { margin-top: 12px; padding-top: 0; }

.tile.download.landscape .image-container { display: block; float: left; margin-bottom: 16px; margin-right: 16px; max-height: 85px; max-width: 150px; }

.tile.download.landscape p { display: block; width: auto; }

.tile.download.landscape.extended { display: block; }

.tile.download.landscape.extended .image-container { width: 25%; }

.columns .tile, .columns-class .tile { margin-right: 0; padding-right: 1.66667%; }

.columns .column.last .tile, .columns-class .column.last .tile { padding-right: 0; }

.columns .tile-container, .columns-class .tile-container { padding-bottom: 24px; position: relative; }

.columns .tile-container .tile-content, .columns-class .tile-container .tile-content { float: none; }

.columns .tile-container &gt; div, .columns-class .tile-container &gt; div { height: auto; }

.columns .tile-container footer, .columns-class .tile-container footer { bottom: 0; float: none; }

.columns .tile-container .thumbnail-headshot-cta footer, .columns-class .tile-container .thumbnail-headshot-cta footer { text-align: justify; }

.columns .tile-container .thumbnail-headshot-cta footer::after, .columns-class .tile-container .thumbnail-headshot-cta footer::after { content: ''; display: inline-block; font-size: 0; height: 0; line-height: 0; width: 100%; }

.columns .tile.download .image-container, .columns-class .tile.download .image-container { border: 1px solid transparent; max-height: 64px; }

.columns .tile.download .image-container img, .columns-class .tile.download .image-container img { height: auto; margin: 0 0 8px; }

.tile.video .tile-content { position: relative; }

.tile.video .tile-content .video-container { background-position: center center; background-size: cover; height: 130px; width: auto; }

.tile.video .tile-content .video-container::before { content: ' '; height: 100%; opacity: 0.6; position: absolute; width: 100%; }

.tile.video .tile-content .video-container:hover::before { opacity: 1; }

@media screen and (max-width: 960px) { .tile.video .tile-content .video-container { height: 176px; } }

.tile.video .tile-content .video-container .play-video { left: 40%; opacity: 0.6; position: absolute; top: 40%; }

.tile.video .tile-content .video-container .play-video:hover { opacity: 1; }

.tile.video .tile-locked-content { margin-top: 10px; }

.tile.video .secondary header { float: right; width: 50%; }

.tile.video .secondary .tile-content { margin-bottom: 12px; width: 47%; }

.tile.video .secondary .tile-content .video-container { height: 85px; }

.bio .column-one, .bio .column-two { display: inline-block; vertical-align: top; }

.bio .column-one { margin-right: 1.66667%; max-width: 100px; width: 25%; }

.bio .column-one img { width: 100%; }

.bio .column-two { width: 71.66667%; }

.bio .column-two ul { list-style: none; margin: 0; padding: 0; }

.bio .column-two ul li ul { list-style: none; margin: 12px 0 0; padding: 0; }

.bio .column-two ul li ul li { color: #3b3b3b; font-size: 14px; line-height: 1.1em; }

.bio ul.experience { list-style: none; margin: 0; padding: 0; }

.bio ul.experience li { display: inline-block; vertical-align: top; border-left: #c4c4c4 1px dotted; font-family: var(--beacon-system-font-family-body); font-weight: 700; margin-left: 16px; padding-left: 16px; width: 41.66667%; }

.bio ul.experience li span { color: #05c3de; display: block; font-family: var(--beacon-system-font-family-body); font-size: 32px; line-height: 32px; margin-top: 8px; }

.bio ul.experience li span.smaller { font-size: 25px !important; line-height: 28px !important; }

.bio ul.experience li:first-child { border-left: 0; margin-left: 0; padding-left: 0; }

.contact.tile header h2 { margin-bottom: 12px; }

.contact header p { font-size: 16px; margin: 12px 0; }

.contact .tile-content { background: #f4f4f4; padding: 32px; }

.contact .tile-content::before { border-color: transparent #f4f4f4 transparent transparent; border-style: solid; border-width: 0 16px 16px 0; content: ' '; height: 16px; left: -16px; position: absolute; top: 0; width: 16px; }

.contact .tile-content h4 { font-size: 21px; margin-bottom: 10px; }

.contact .tile-content ul { list-style: none; margin: 0; padding: 0; }

.contact .tile-content li { display: inline-block; vertical-align: top; margin-left: 16px; min-width: 220px; padding-left: 16px; width: 46.66667%; }

.contact .tile-content li:first-child { border: 0; margin-left: 0; padding-left: 0; }

.contact .tile-content li a, .contact .tile-content li span { margin-bottom: 10px; }

.contact .tile-content li span { display: block; font-size: 18px; }

.contact .tile-content li .phone { font-size: 16px; margin-right: 8px; }

.contact .tile-content li .phone::before { content: ' '; display: inline-block; height: 18px; margin-right: 8px; width: 18px; }

.contact .tile-content li .phone .email { display: block; }

.contact .tile-content li .question-mark { height: 20px; line-height: 20px; padding: 0 4px; }

.contact .tile-content .contact-region { border-top: #c4c4c4 1px dotted; margin-top: 12px; padding-top: 12px; }

.contact .tile-content .contact-region img, .contact .tile-content .contact-region p { display: inline-block; vertical-align: top; min-width: 220px; width: 46.66667%; }

.contact .tile-content .contact-region img { height: auto; margin-right: 1.66667%; }

.contact .tile-content .contact-region p { color: #054c70; font-size: 16px; margin: 0; }

aside .contact .tile-content li { border: 0; display: block; margin: 0; padding: 0; }

.column.right-column .contact-promotion { background: #f4f4f4; padding: 0; }

.column.right-column .contact-promotion .contacts { display: block; }

.column.right-column .contact-promotion .contacts .contact.address, .column.right-column .contact-promotion .contacts .contact.enquiries ul { display: inline-block; margin: 0; min-width: 0; padding: 0; }

.column.right-column .contact-promotion .contacts .contact.address { padding-left: 0; }

.column.right-column .contact-promotion .contacts .contact.address ul { border-bottom: #c4c4c4 1px dotted; border-left: 0; margin-bottom: 8px; padding-bottom: 8px; }

.column.right-column .contact-promotion .contacts .contact.address ul::before { content: ''; }

.column.right-column .contact-promotion .contacts .contact.address ul li { border-left: 0; margin-left: 0; min-width: 150px; padding-left: 0; }

.column.right-column .contact-promotion .contacts .contact.enquiries h4 { padding-left: 24px; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul { border-bottom: #c4c4c4 1px dotted; border-left: 0; margin-bottom: 8px; padding-bottom: 8px; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul li { border-left: 0; margin: 0 0 8px; min-width: 150px; padding-left: 0; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul:last-child { padding-right: 0; }

.column.right-column .contact-promotion .contacts .contact.enquiries ul.list-of-links li { margin: 0; /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ }

.column.right-column .contact-promotion .contacts .contact.enquiries ul.list-of-links li a.button { margin: 0 0 8px; min-width: 0; }

.collection-column-second .tile.contact header { float: none; }

.collection-column-second .tile.contact .contact-promotion { background: transparent; padding: 0; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.address ul li, .collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries ul li { border-left: 0; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.address { display: block; margin: 0; padding: 0; width: 100%; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.address ul { border-bottom: #c4c4c4 1px dotted; margin-bottom: 16px; padding-bottom: 16px; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.address ul li { border-left: #c4c4c4 1px dotted; margin: 0 0 0 36px; padding-left: 12px; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries { border-bottom: #c4c4c4 1px dotted; display: table; margin-bottom: 12px; padding-bottom: 12px; width: 100%; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries ul { border-left: #c4c4c4 1px dotted; display: table-cell; min-width: 0; padding: 0 12px; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries ul li { min-width: 0; padding-left: 0; width: 100%; }

.collection-column-second .tile.contact .contact-promotion .contacts .contact.enquiries ul:first-child { border: 0; padding: 0 12px 0 0; }

.collection-column-second .tile.contact .contact-map, .collection-column-second .tile.contact .contact-map-information { width: 46%; display: inline-block; vertical-align: top; }

.collection-column-second .tile.contact .contact-map { margin-right: 16px; }

.collection-column-second .tile.contact .contact-map-information a { font-size: 16px; }

aside .tile.contact .tile-content ul li { min-width: 0; width: auto; }

.collection-tile { background-size: 100% 100%; }

.collection-tile h2 { color: #fff; font-size: 32px !important; line-height: 32px !important; }

.collection-tile .tile-content { min-height: 24px; }

.collection-tile p { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; margin: 0; padding-bottom: 16px; }

.collection-tile .collection-date { color: #061937; font-size: 12px; line-height: 12px; margin: 0; padding-bottom: 16px; }

.fund-thumbnail-tile { background-color: #fff; padding: 24px; }

.fund-thumbnail-tile::before, .fund-thumbnail-tile::after { content: ' '; /* 1 */ display: table; /* 2 */ }

.fund-thumbnail-tile::after { clear: both; }

.fund-thumbnail-tile header h2 { font-size: 26px; line-height: 28px; }

.fund-thumbnail-tile header h3 { color: #061937; font-size: 16px; font-style: italic; line-height: 20px; margin: 8px 0 0; }

.fund-thumbnail-tile header .asset-class, .fund-thumbnail-tile header .ticker { color: #061937; display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 32px; margin-right: 24px; }

.fund-thumbnail-tile header a.button { float: right; }

.fund-thumbnail-tile header .investment-strategy { clear: both; margin: 8px 0 24px; }

.fund-thumbnail-tile header .investment-strategy p { color: #3b3b3b; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; }

.fund-thumbnail-tile.target-date-tile { margin-bottom: 8px; }

.fund-thumbnail-tile .data-grid, .fund-thumbnail-tile .data-table { width: 100%; float: left; border-bottom: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4; margin-bottom: 8px; margin-left: 0; }

.fund-thumbnail-tile .data-grid::before, .fund-thumbnail-tile .data-table::before { content: none; }

.fund-thumbnail-tile .data-grid .data-column, .fund-thumbnail-tile .data-table .data-column { width: 50%; float: left; margin-top: 0; padding-bottom: 8px; }

.fund-thumbnail-tile .data-grid .data-column:nth-of-type(odd) .data-item, .fund-thumbnail-tile .data-table .data-column:nth-of-type(odd) .data-item { margin-left: 0; }

.fund-thumbnail-tile .data-grid .data-item, .fund-thumbnail-tile .data-table .data-item { border-bottom: 1px dotted #c4c4c4; margin: 16px 16px 0; min-height: 93px; }

.fund-thumbnail-tile .data-grid .data-item:last-of-type, .fund-thumbnail-tile .data-table .data-item:last-of-type { border-bottom: 0; margin-bottom: 0; }

.fund-thumbnail-tile .data-grid .data-item.morningstar-data-item, .fund-thumbnail-tile .data-table .data-item.morningstar-data-item, .fund-thumbnail-tile .data-grid .data-item.navtype-data-item, .fund-thumbnail-tile .data-table .data-item.navtype-data-item { min-height: 112px !important; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .fund-thumbnail-tile .data-grid .data-item, .fund-thumbnail-tile .data-table .data-item { min-height: 104px !important; }
  .fund-thumbnail-tile .data-grid .data-item.morningstar-data-item, .fund-thumbnail-tile .data-table .data-item.morningstar-data-item, .fund-thumbnail-tile .data-grid .data-item.navtype-data-item, .fund-thumbnail-tile .data-table .data-item.navtype-data-item { min-height: 120px !important; } }

.fund-thumbnail-tile .data-grid .data-item h4, .fund-thumbnail-tile .data-table .data-item h4 { color: #061937; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; margin-bottom: 4px; }

.fund-thumbnail-tile .data-grid .data-item span, .fund-thumbnail-tile .data-table .data-item span { color: #3b3b3b; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.fund-thumbnail-tile .data-grid .data-item span.smaller.data-value, .fund-thumbnail-tile .data-table .data-item span.smaller.data-value { line-height: 18px !important; }

.fund-thumbnail-tile footer { float: left; width: 100%; }

.fund-thumbnail-tile footer p { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12px; margin: 0; padding: 0; }

.fund-thumbnail-tile .panel-disclosure p { font-size: 11px !important; line-height: 14px !important; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .home-tile-sections .thumbnail { width: 100%; float: left; }
  .home-tile-sections .thumbnail:nth-of-type(even) { float: left; }
  .home-tile-sections .thumbnail header { width: 48.33333%; float: left; min-height: auto; }
  .home-tile-sections .thumbnail header h2, .home-tile-sections .thumbnail header p { min-height: 0; }
  .home-tile-sections .thumbnail .data-grid, .home-tile-sections .thumbnail .data-table { width: 48.33333%; float: right; border-bottom: 0; border-top: 0; }
  .home-tile-sections .thumbnail footer { width: 100%; float: left; clear: both; } }

.target-date-tile .introduction { margin: 0 0 16px; }

.target-date-tile .retirement { width: 48.33333%; float: left; border-right: #c4c4c4 1px dotted; }

.target-date-tile .target-retirement { width: 48.33333%; float: right; }

.target-date-tile .retirement, .target-date-tile .target-retirement { padding-right: 16px; }

.target-date-tile .retirement p, .target-date-tile .target-retirement p { margin: 8px 0; }

.target-date-tile .retirement h4, .target-date-tile .target-retirement h4 { color: #061937; font-size: 14px; line-height: 16px; }

.target-date-tile .glidepath { float: none; width: 100%; }

.target-date-tile .button-container { text-align: center; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .target-date-tile .button-container { text-align: left; } }

.target-date-tile .enlarge-link { clear: both; display: block; float: right; }

.tile.bio-group header { float: none; }

.tile.bio-group header p { color: #3b3b3b; font-size: 14px; line-height: normal; }

.tile.bio-group .tile-content { margin-bottom: 24px; }

.tile.bio-group .column-one, .tile.bio-group .column-two { display: inline-block; vertical-align: top; }

.tile.bio-group .column-one { margin-right: 1.66667%; width: 33.33333%; }

.tile.bio-group .column-one img { height: auto; max-width: 96px; width: 100%; }

.tile.bio-group .column-two { width: 60%; }

.tile.bio-group .column-two h4 { line-height: 24px; }

.tile.bio-group .column-two p { margin: 0 0 12px; }

.tile.bio-group .bio { border-top: #c4c4c4 1px dotted; margin-top: 32px; padding-top: 32px; }

.tile.bio-group .bio:first-child { border-top: 0; margin-top: 0; padding-top: 0; }

.tile.bio-group .bio ul { list-style: none; margin: 12px 0; padding: 0; }

.tile.bio-group .bio ul li { color: #3b3b3b; font-size: 14px; line-height: 1.1em; width: auto !important; }

.tile.bio-group .bio ul.experience { display: table; position: relative; }

.tile.bio-group .bio ul.experience li { border-left: #c4c4c4 1px dotted; border-top: 0; display: table-cell; font-family: var(--beacon-system-font-family-body); font-weight: 700; padding-bottom: 42px; padding-left: 16px; padding-right: 12px; }

.tile.bio-group .bio ul.experience li span { bottom: 0; color: #05c3de; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 32px; margin-bottom: 12px; margin-top: 8px; position: absolute; }

.tile.bio-group .bio ul.experience li:first-child { border-left: 0; margin-left: 0; padding-left: 0; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul { margin: 8px 16px 0 0; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li { border-top: #c4c4c4 1px dotted; padding: 12px 0; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li:first-child { border: 0; padding-top: 0; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li:last-child { padding-bottom: 0; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li i { float: right; }

.tile.bio-group .bio .overlay-container.contacts-list-overlay ul li a { margin-right: 12px; }

.tile.bio-group h5, .tile.bio-group .bio-bottom { border-top: #c4c4c4 1px dotted; margin-top: 32px; padding-top: 12px; }

.bio-group-page .member-bio img, .bio-group-page .member-bio ul { display: inline-block; vertical-align: top; }

.bio-group-page .member-bio ul { list-style: none; margin-top: 0; }

.story { /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ }

.story .story-container { height: auto; margin: 0 auto 8px; overflow: hidden; position: relative; width: 100%; }

.story .story-container .story-text { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 26px; line-height: 28px; padding-bottom: 16px; }

.story .story-container p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; margin: 0 0 16px; }

.story .story-container a.button { width: 100%; }

.story .long-story-tile { color: #fff; margin: 0 auto; padding: 32px; }

.story .long-story-tile p { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; margin: 0; padding-bottom: 32px; }

.story .short-story-tile { color: #fff; height: auto; margin: 0 auto; padding: 32px; }

.story .quotes-close, .story .quotes-open { color: #05c3de; float: left; font-size: 134px; }

.story .quotes_open { line-height: 110px; padding-top: 65px; position: absolute; }

.story .quotes_close { line-height: 0; padding-left: 0; padding-top: 50px; position: relative; }

aside .author-panel { background: #fff; margin-bottom: 32px; padding: 32px; position: relative; }

aside .article-author-section .author-details, aside .article-author-section .author-picture { display: inline-block; vertical-align: top; }

aside .article-author-section .author-details { width: 100%; }

aside .article-author-section .author-details .author-title { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 21px; }

aside .article-author-section .author-details .author-title2 { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 16px; }

aside .article-author-section .author-details .author-info p { margin-bottom: 0; }

aside .article-author-section .author-picture { float: right; height: auto; margin: 0 0 16px 16px; width: 25%; }

aside .article-author-section .author-picture img { height: auto; width: 100%; }

aside .article-author-section .author-footer { border-top: #c4c4c4 1px dotted; margin-top: 20px; padding-top: 32px; }

.tile.blog .tile-content { margin-top: 20px; overflow: hidden; position: relative; }

.tile.blog .tile-content .blog-photo-info { float: left; width: 28%; }

@media screen and (max-width: 960px) { .tile.blog .tile-content .blog-photo-info { width: 34.5%; } }

.tile.blog .tile-content .blog-photo-info img { height: auto; margin-top: 0 20px 0 0; width: 70%; }

.tile.blog .tile-content .summary-info { color: #054c70; float: right; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 16px; width: 72%; }

@media screen and (max-width: 960px) { .tile.blog .tile-content .summary-info { width: 64.33333%; } }

.tile.blog .tile-content .summary-info .summary-text { display: none; }

.tile.blog .tile-locked-content { margin-top: 16px; }

.tile.webinar .tile-content { position: relative; }

.tile.webinar .tile-content .webinar-photo-info { float: left; width: 28%; }

@media screen and (max-width: 960px) { .tile.webinar .tile-content .webinar-photo-info { width: 34.5%; } }

.tile.webinar .tile-content .webinar-photo-info img { height: auto; width: 90%; }

.tile.webinar .tile-content .webinar-info-right { float: right; width: 72%; }

@media screen and (max-width: 960px) { .tile.webinar .tile-content .webinar-info-right { width: 64.33333%; } }

.tile.webinar .tile-content .webinar-info-right .summary { display: none; }

.tile.overview footer { font-size: 11px; line-height: 12px; }

.tile.link-search .tile-content { min-height: auto; }

.tile.link-search .tile-content .button { text-align: center; width: 100%; }

.tile.subscription { background-color: #086ea1; padding: 0; }

.tile.subscription .tile-content { padding: 25px 25px 9px; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .mobile-optimized-viewport .tile.subscription .tile-content { padding: 16px; } }

.tile.subscription .tile-content &gt; header h2 { color: #fff; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; margin: 0; }

.tile.subscription .tile-content p { color: #fff; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; margin: 0; }

.tile.subscription .subscription-tile.parent-trp-white { background-color: #fff; }

.tile.subscription .subscription-tile.parent-trp-link-blue { background-color: #086ea1; }

.tile.subscription .subscription-tile.parent-trp-blue { background-color: #05c3de; }

.tile.subscription .subscription-tile.parent-trp-dark-blue { background-color: #054c70; }

.tile.subscription .subscription-tile.parent-trp-dark-grey { background-color: #061937; }

.tile.subscription .subscription-tile .trp-white { color: #fff; }

.tile.subscription .subscription-tile .trp-blue { color: #05c3de; }

.tile.subscription .subscription-tile .trp-dark-blue { color: #054c70; }

.tile.subscription .subscription-tile .trp-dark-grey { color: #061937; }

.tile.subscription .subscription-tile .trp-black { color: #000; }

.tile.subscription .subscribe-button { display: inline-block; margin-top: 16px; }

.tile.subscription .subscribe-button.link-margin { margin: 12px 0; }

.tile.subscription .subscribe-button .link:not(.default-text) { cursor: pointer; text-decoration: underline; }

.tile.subscription .subscribe-button .link:not(.default-text)::after { content: '...'; }

.tile.subscription .button { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 10px 0 13px; }

.tile.subscription .button.subtle { line-height: 29px; }

.tile.subscription .button.subtle:hover { color: #fff; }

.tile.subscription .button.subtle.functional:hover { color: #000; }

.tile .default-text::after { background-image: url("base/images/plus-sign.png"); background-position: right 3px center; background-repeat: no-repeat; background-size: 10px 8px; content: 'SUBSCRIBE'; display: block; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; text-align: left; width: 86px; }

.tile .default-text.link { cursor: pointer; display: block; text-decoration: underline; }

.tile .default-text.trp-blue::after { background-image: url("base/images/plus-sign-trp-blue.png"); }

.tile .default-text.trp-dark-blue::after { background-image: url("base/images/plus-sign-trp-blue-dark.png"); }

.tile .default-text.trp-dark-grey::after { background-image: url("base/images/plus-sign-trp-gray-dark.png"); }

.tile .default-text.subtle.functional:hover::after, .tile .default-text.trp-black::after { background-image: url("base/images/plus-sign-trp-black.png"); }

.tile .default-text.subtle:hover::after { background-image: url("base/images/plus-sign.png"); }

.tile .secondary { display: inline-block; }

.tile .secondary header h2 { font-size: 18px; line-height: 19px; }

.tile .secondary footer .author img { display: none; }

.tile .secondary footer .author .details { width: 100%; }

.tile.blog .secondary h2 { display: none; }

.tile.blog .secondary .summary-info .summary-text { display: block; }

.tile.webinar .secondary .tile-content .summary { display: none; }

.tile.webinar .secondary .tile-content .webinar-info-right .summary { display: block; }

.tile.overview .primary, .tile.overview .secondary, .tile.thinking .primary, .tile.thinking .secondary { display: inline-block; }

.tile.overview .primary header h2, .tile.overview .secondary header h2, .tile.thinking .primary header h2, .tile.thinking .secondary header h2 { font-size: 24px; line-height: 28px; }

.tile.overview .primary header p, .tile.overview .secondary header p, .tile.thinking .primary header p, .tile.thinking .secondary header p { color: #000; font-size: 16px; line-height: 20px; }

.tile.overview .primary header p a, .tile.overview .secondary header p a, .tile.thinking .primary header p a, .tile.thinking .secondary header p a { color: #000; font-family: Arial, Helvetica, sans-serif; }

.tile .related { margin-bottom: 1px; width: 100%; font-size: 16px; line-height: 22.09524px; }

.tile .related .tile { border-top: #c4c4c4 1px dotted; margin: 12px 0 0; }

.tile .related .tile .related { display: none; }

.tile .related .tile header h2 { font-size: 16px; line-height: 17px; }

.tile .related .tile footer .author img { display: none; }

.tile .related .tile-container { padding: 12px 0 0; }

.tile .related .tile-content .summary { font-size: 26px; line-height: 35.90476px; }

.tile .related .tile-content .video-container { float: left; width: 49.16667%; }

.tile .related .tile-content .video-container header { float: right; width: 46.66667%; }

@media screen and (max-width: 960px) { .tile .related .tile-content .video-container { height: 176px; } }

.tile .related .tile.blog h2 { display: none; }

.tile .related .tile.blog .summary-info .summary-text { display: block; }

.tile .related .tile.webinar header .date .day, .tile .related .tile.webinar header .date .month-year, .tile .related .tile.webinar header .date .week-day { display: inline-block; font-size: 12px; line-height: 14px; }

.tile .related .tile.webinar .tile-content .summary { display: none; }

.tile .related .tile.webinar .tile-content .webinar-info-right .summary { display: block; }

.tile .tile-container .marquee header { margin-bottom: 16px; }

.tile .tile-container .marquee header h3 { color: #fff; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; font-size: 12px; line-height: 16px; margin: 0 0 10px; }

.tile .tile-container .marquee header h2 { font-size: 36px; line-height: 40px; }

.tile .tile-container .marquee header h2 a:not(.button) { color: #05c3de; font-family: var(--beacon-system-font-family-heading); font-size: 40px; font-weight: 700; line-height: 48px; }

.tile .tile-container .marquee header .article-description, .tile .tile-container .marquee header .read-more { color: #fff; font-size: 16px; line-height: 24px; }

.tile .tile-container .marquee footer .author .details { color: #fff; font-size: 14px; line-height: 20px; }

.tile .tile-container .marquee footer .author .details a:not(.button) { color: #fff; font-size: 16px; line-height: 24px; }

.tile .tile-container .marquee .cta-more a { color: #fff; }

.tile .tile-container .marquee .cta-more a.trp-right-arrow-blue { background-image: url("base/images/button-icon-arrow-40-white.svg"); }

.tile .tile-container .marquee .cta-more a.trp-button-icon-play-circle { background-image: url("base/images/button-icon-play-circle-40-white.svg"); }

.tile .tile-container.transparent .tile-locked-content { margin-bottom: 32px; }

.tile .tile-container.transparent .tile-locked-content::before { color: #fff; }

.tile .tile-container.transparent .tile-locked-content::after { filter: invert(1); }

@media (min-width: 800px) { .tile .tile-container .marquee header h3 { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif !important; font-size: 12px; line-height: 16px; margin: 0 0 10px; }
  .tile .tile-container .marquee header h2 { font-size: 40px; line-height: 48px; }
  .tile .tile-container .marquee header .article-description { font-size: 16px; line-height: 24px; }
  .tile .tile-container .marquee footer .author .details { font-size: 16px; line-height: 20px; } }

.topic-section-container .tile { width: 31.66667%; }

.topic-section-container .tile-container { padding-bottom: 24px; }

.topic-section-container .tile-container .tile-content { display: block; }

.topic-section-container .tile-container .tile-content:empty { display: none; }

.overview .topic-section-container .tile-container header, .thinking .topic-section-container .tile-container header { margin-bottom: 48px; }

.overview .topic-section-container .tile-container header p, .thinking .topic-section-container .tile-container header p { color: #000; }

.overview .topic-section-container .tile-container header p a, .thinking .topic-section-container .tile-container header p a { color: #000; font-family: Arial, Helvetica, sans-serif; }

.overview .topic-section-container .tile-container .tile-inner, .thinking .topic-section-container .tile-container .tile-inner { height: 100%; position: relative; }

.topic-section-container .tile-container .author-one .tile-inner { height: 100%; padding-bottom: 58px; position: relative; }

.topic-section-container .tile-container .author-two .tile-inner { height: 100%; padding-bottom: 116px; position: relative; }

.topic-section-container .tile-container footer { bottom: 0; font-family: Arial, Helvetica, sans-serif; margin-top: 32px; min-height: 40px; position: absolute; width: 100%; }

.topic-section-container .tile-container footer .author .details { display: inline-block; max-height: 48px; overflow: hidden; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .topic-section-container .tile { width: 48.33333%; } }

article .tile header { margin: 0; }

article .tile-container { display: table; padding: 24px; width: 100%; }

article .tile-container.trp-white, article .tile-container.white { padding: 0; }

article .tile-container.bio { margin-bottom: 16px; }

article .columns .tile-container, article .columns-class .tile-container { display: block; margin-bottom: 0; padding: 24px; }

article .columns .tile-container.gray, article .columns-class .tile-container.gray { margin-bottom: 12px; }

.custom-layout .tile header { padding-bottom: 0; }

body.cq-wcm-edit .tile .related.parsys { position: relative; }

body.cq-wcm-edit .tile .related.parsys::before { background: rgba(125, 186, 194, 0.3); content: 'Related Content'; font-size: 12px; left: 0; padding: 0 5px 0 0; position: absolute; top: 0; }

.mobile-optimized-viewport article .tile-container { padding: 0; }

.mobile-optimized-viewport article .tile-container header { padding: 0; }

.mobile-optimized-viewport article.full-width .tile-container { padding: 32px; }

.mobile-optimized-viewport aside .tile-container { padding: 0; }

@media (min-width: 800px) { .mobile-optimized-viewport aside { padding: 0; }
  .mobile-optimized-viewport aside .tile-container { padding: 32px; } }

.tile-container footer figure { display: inherit; margin: inherit; margin-block-end: inherit; margin-block-start: inherit; margin-inline-end: inherit; margin-inline-start: inherit; }

.tile-container footer figure address { display: inherit; font-style: inherit; }

.collections-watch-container .watch-label { float: right; font-size: 12px; font-weight: bold; line-height: 26px; margin-right: 8px; position: relative; }

.user-panel { margin: -24px 0 16px; }

.user-panel .watch-label { float: right; font-size: 12px; line-height: 26px; margin-right: 8px; position: relative; }

.messages, .messages.data-cell.full-width { clear: both; display: block; font-size: 14px; font-weight: normal; line-height: normal; }

.messages a, .messages.data-cell.full-width a { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: underline; }

.messages.header-message, .messages.home-mmr-messages, .messages.right-column-message, .messages.snapshot-message, .messages.data-cell.full-width.header-message, .messages.data-cell.full-width.home-mmr-messages, .messages.data-cell.full-width.right-column-message, .messages.data-cell.full-width.snapshot-message { background-color: #f8efce; border-top: 4px #da291c solid; color: #000; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; padding: 15px; }

.messages.header-message .messages-inner, .messages.home-mmr-messages .messages-inner, .messages.right-column-message .messages-inner, .messages.snapshot-message .messages-inner, .messages.data-cell.full-width.header-message .messages-inner, .messages.data-cell.full-width.home-mmr-messages .messages-inner, .messages.data-cell.full-width.right-column-message .messages-inner, .messages.data-cell.full-width.snapshot-message .messages-inner { padding-left: 24px; position: relative; }

.messages.header-message .messages-inner::before, .messages.home-mmr-messages .messages-inner::before, .messages.right-column-message .messages-inner::before, .messages.snapshot-message .messages-inner::before, .messages.data-cell.full-width.header-message .messages-inner::before, .messages.data-cell.full-width.home-mmr-messages .messages-inner::before, .messages.data-cell.full-width.right-column-message .messages-inner::before, .messages.data-cell.full-width.snapshot-message .messages-inner::before { color: #da291c; content: '\f071'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; left: 0; position: absolute; top: 2px; }

.messages.header-message .messages-inner.home-mmr-message::before, .messages.home-mmr-messages .messages-inner.home-mmr-message::before, .messages.right-column-message .messages-inner.home-mmr-message::before, .messages.snapshot-message .messages-inner.home-mmr-message::before, .messages.data-cell.full-width.header-message .messages-inner.home-mmr-message::before, .messages.data-cell.full-width.home-mmr-messages .messages-inner.home-mmr-message::before, .messages.data-cell.full-width.right-column-message .messages-inner.home-mmr-message::before, .messages.data-cell.full-width.snapshot-message .messages-inner.home-mmr-message::before { font-size: 18px; line-height: 24.85714px; }

.messages.header-message.type-takedown, .messages.home-mmr-messages.type-takedown, .messages.right-column-message.type-takedown, .messages.snapshot-message.type-takedown, .messages.data-cell.full-width.header-message.type-takedown, .messages.data-cell.full-width.home-mmr-messages.type-takedown, .messages.data-cell.full-width.right-column-message.type-takedown, .messages.data-cell.full-width.snapshot-message.type-takedown { background-color: #fff; border-top: #fff; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-style: italic; padding: 0; }

.messages.header-message.type-takedown .messages-inner, .messages.home-mmr-messages.type-takedown .messages-inner, .messages.right-column-message.type-takedown .messages-inner, .messages.snapshot-message.type-takedown .messages-inner, .messages.data-cell.full-width.header-message.type-takedown .messages-inner, .messages.data-cell.full-width.home-mmr-messages.type-takedown .messages-inner, .messages.data-cell.full-width.right-column-message.type-takedown .messages-inner, .messages.data-cell.full-width.snapshot-message.type-takedown .messages-inner { margin: 8px 0; padding-left: 0; }

.messages.header-message.type-takedown .messages-inner::before, .messages.home-mmr-messages.type-takedown .messages-inner::before, .messages.right-column-message.type-takedown .messages-inner::before, .messages.snapshot-message.type-takedown .messages-inner::before, .messages.data-cell.full-width.header-message.type-takedown .messages-inner::before, .messages.data-cell.full-width.home-mmr-messages.type-takedown .messages-inner::before, .messages.data-cell.full-width.right-column-message.type-takedown .messages-inner::before, .messages.data-cell.full-width.snapshot-message.type-takedown .messages-inner::before { display: none; }

.messages.snapshot-message, .messages.data-cell.full-width.snapshot-message { border-bottom: 18px #fff solid; margin-bottom: 0; margin-left: 0; padding: 6px; }

.messages.snapshot-message .messages-inner, .messages.data-cell.full-width.snapshot-message .messages-inner { margin: 8px; }

.messages.data-cell.full-width { padding: 0; }

.messages { margin-bottom: 8px; margin-top: 24px; }

.messages h5 { position: relative; }

.messages h5 a { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 700; text-decoration: underline; }

.messages .right-column-message { border-top: #c4c4c4 1px dotted; margin: 8px 0 0 24px; padding: 8px 0 0; }

.messages .right-column-message:first-of-type { border-top: 0; padding-top: 0; }

.messages .right-column-message .messages-inner { font-weight: bold; }

.data-section { margin-bottom: 20px; }

.fund-message-item { border-top: #c4c4c4 1px dotted; margin: 16px 0; padding: 16px 0 0; }

.fund-message-item:first-of-type { border-top: 0; padding-top: 0; }

.columns-class { /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ }

.columns-class.five, .columns-class.four, .columns-class.six, .columns-class.three, .columns-class.two { display: table; margin-bottom: 32px; width: 100%; }

.columns-class.five &gt; div.columns-class, .columns-class.four &gt; div.columns-class, .columns-class.six &gt; div.columns-class, .columns-class.three &gt; div.columns-class, .columns-class.two &gt; div.columns-class { box-sizing: border-box; display: table-cell; min-width: 50px; padding-left: 1.66667%; padding-right: 1.66667%; vertical-align: top; width: auto; }

.columns-class.five &gt; div.columns-class:first-child, .columns-class.four &gt; div.columns-class:first-child, .columns-class.six &gt; div.columns-class:first-child, .columns-class.three &gt; div.columns-class:first-child, .columns-class.two &gt; div.columns-class:first-child { padding-left: 0; }

.columns-class.five &gt; div.columns-class:last-child, .columns-class.four &gt; div.columns-class:last-child, .columns-class.six &gt; div.columns-class:last-child, .columns-class.three &gt; div.columns-class:last-child, .columns-class.two &gt; div.columns-class:last-child { padding-right: 0; }

.columns-class.column-border &gt; div.columns-class { border-left: #c4c4c4 1px dotted; }

.columns-class.column-border &gt; div.columns-class:first-child { border-left: 0; }

.columns-class.column-equalWidth { table-layout: fixed; }

.columns-class.column-equalWidth &gt; div.columns-class.two .columns-class { width: 47.5%; }

.columns-class.column-equalWidth &gt; div.columns-class.three .columns-class { width: 31.66667%; }

.columns-class.column-equalWidth &gt; div.columns-class.four .columns-class { width: 23.33333%; }

.columns-class.column-equalWidth &gt; div.columns-class.five .columns-class { width: 18.33333%; }

.columns-class.column-equalWidth &gt; div.columns-class.six .columns-class { width: 15%; }

.columns { border-collapse: collapse; display: table; margin: 24px 0 0; table-layout: fixed; width: 100%; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns { margin: 16px 0 0; }
  .columns .tile-container { padding-left: 0; } }

.columns + .columns { margin: 0; }

.columns .columns-row { display: table-row; vertical-align: top; width: 100%; }

.columns .columns-row.align-top .column { vertical-align: top; }

.columns .columns-row.align-middle .column { vertical-align: middle; }

.columns .columns-row.padding-normal .column { padding: 16px; }

.columns .columns-row.padding-normal .column .expand-to-column { margin: -16px; }

.columns .columns-row.padding-wide .column { padding: 24px; }

.columns .columns-row.padding-wide .column .expand-to-column { margin: -24px; }

.columns .columns-row.padding-jumbo .column { padding: 32px; }

.columns .columns-row.padding-jumbo .column .expand-to-column { margin: -32px; }

.columns .columns-row.padding-narrow .column { padding: 8px; }

.columns .columns-row.padding-narrow .column .expand-to-column { margin: -8px; }

.columns .columns-row.padding-none { padding: 8px 0; }

.columns .columns-row.padding-none .column { border: 0; padding: 0; }

.columns .columns-row.no-vertical-padding .column { padding-bottom: 0; padding-top: 0; }

.columns .columns-row.no-vertical-padding .column .responsive-image:first-child .expand-to-column { margin-top: 0; }

.columns .columns-row.no-vertical-padding .column .responsive-image:last-child .expand-to-column { margin-bottom: 0; }

.columns .columns-row .col-one { border-left: 0; }

.columns .columns-row .last { border-right: 0; }

.columns .columns-row .column { background-clip: padding-box; box-sizing: border-box; display: table-cell; position: relative; }

.columns .columns-row .column.last::after { border: 0; }

.columns .columns-row .column.padding-none { padding: 0; }

.columns .columns-row .column .responsive-image:not(:first-child) .expand-to-column { margin-top: 0; }

.columns .columns-row .column .responsive-image:not(:last-child) .expand-to-column { margin-bottom: 0; }

.columns .columns-row .column .expand-to-column, .columns .columns-row .column .remove-image-padding { overflow: hidden; }

.columns .columns-row .column .expand-to-column img, .columns .columns-row .column .remove-image-padding img { float: left; }

.columns .columns-row .column img.background-display { max-width: none; visibility: hidden; width: auto; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns .columns-row:not(.column-view) .column { display: block; width: 100%; }
  .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-jumbo .column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-narrow .column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-none .column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-normal .column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-wide .column { padding: 16px; }
  .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-jumbo .column .responsive-image, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-narrow .column .responsive-image, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-none .column .responsive-image, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-normal .column .responsive-image, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-wide .column .responsive-image { /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ }
  .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-jumbo .column .responsive-image .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-narrow .column .responsive-image .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-none .column .responsive-image .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-normal .column .responsive-image .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-wide .column .responsive-image .expand-to-column { margin: -0 -16px; }
  .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-jumbo .column .responsive-image:first-child .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-narrow .column .responsive-image:first-child .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-none .column .responsive-image:first-child .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-normal .column .responsive-image:first-child .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-wide .column .responsive-image:first-child .expand-to-column { margin-top: -16px; }
  .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-jumbo .column .responsive-image:last-child .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-narrow .column .responsive-image:last-child .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-none .column .responsive-image:last-child .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-normal .column .responsive-image:last-child .expand-to-column, .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-wide .column .responsive-image:last-child .expand-to-column { margin-bottom: -16px; }
  .mobile-optimized-viewport .columns .columns-row:not(.column-view).padding-none .column { padding: 0; } }

.one-column { margin: 0; }

.one-column .column-one-par { width: 100%; }

.two-column { margin: 0; }

.two-column .column { width: 49.16667%; }

.two-column .three-eight .col-one { width: 24.16667%; }

.two-column .three-eight .col-two { width: 74.16667%; }

.two-column .eight-three .col-one { width: 74.16667%; }

.two-column .eight-three .col-two { width: 24.16667%; }

.two-column .three-nine .col-one { width: 24.16667%; }

.two-column .three-nine .col-two { width: 74.16667%; }

.two-column .nine-three .col-one { width: 74.16667%; }

.two-column .nine-three .col-two { width: 24.16667%; }

.two-column .seven-five .col-one { width: 60%; }

.two-column .seven-five .col-two { width: 40%; }

.two-column .five-seven .col-one { width: 40%; }

.two-column .five-seven .col-two { width: 60%; }

.two-column .four-eight .col-one { width: 32.5%; }

.two-column .four-eight .col-two { width: 65.83333%; }

.two-column .eight-four .col-one { width: 65.83333%; }

.two-column .eight-four .col-two { width: 32.5%; }

.three-column { margin: 0; }

.three-column .column { width: 32.5%; }

.three-column .four-eight-four .col-one, .three-column .four-eight-four .col-three { width: 24.16667%; }

.three-column .four-eight-four .col-two { width: 49.16667%; }

.three-column .eight-four-four .col-three, .three-column .eight-four-four .col-two { width: 24.16667%; }

.three-column .eight-four-four .col-one { width: 49.16667%; }

.three-column .four-four-eight .col-one, .three-column .four-four-eight .col-two { width: 24.16667%; }

.three-column .four-four-eight .col-three { width: 49.16667%; }

.three-column .ten-two-two .col-three, .three-column .ten-two-two .col-two { width: 14.16667%; }

.three-column .ten-two-two .col-one { width: 59.16667%; }

.four-column { margin: 0; }

.four-column .column { width: 23.33333%; }

.four-column .column .column-four-par, .four-column .column .column-one-par, .four-column .column .column-three-par, .four-column .column .column-two-par { min-width: 23.33333%; }

.five-column .column { width: 18.33333%; }

.six-column .column { width: 15%; }

.column.bg-trp-blue { background-color: #05c3de; color: #000; }

.column.bg-trp-blue a:not(.button) { color: #054c70; }

.column.bg-trp-dark-blue { background-color: #054c70; color: #000; }

.column.bg-trp-dark-blue a:not(.button) { color: #054c70; }

.column.bg-trp-header-dark-gray { background-color: #061937; color: #000; }

.column.bg-trp-header-dark-gray a:not(.button) { color: #054c70; }

.column.bg-trp-dark-gray { background-color: #3b3b3b; color: #000; }

.column.bg-trp-dark-gray a:not(.button) { color: #054c70; }

.column.bg-trp-medium-gray { background-color: #c4c4c4; color: #000; }

.column.bg-trp-medium-gray a:not(.button) { color: #054c70; }

.column.bg-trp-light-gray { background-color: #ebebeb; color: #000; }

.column.bg-trp-light-gray a:not(.button) { color: #054c70; }

.column.bg-trp-gray-mid-light { background-color: #f1f1f1; color: #000; }

.column.bg-trp-gray-mid-light a:not(.button) { color: #054c70; }

.column.bg-trp-black { background-color: #000; color: #000; }

.column.bg-trp-black a:not(.button) { color: #054c70; }

.column.bg-trp-white { background-color: #fff; color: #000; }

.column.bg-trp-white a:not(.button) { color: #054c70; }

.column .paragraph.parbase { padding: 0; }

.border-right-trp-blue::after { border-right: #05c3de 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-blue::after.last { border-right: 0; }

.border-right-trp-blue.full-height::after { height: 100%; top: 0; }

.border-right-trp-blue.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-blue:not(.hide-row-border-mobile) { border-top: #05c3de 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-blue:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-blue::after { content: none; } }

.border-right-trp-dark-blue::after { border-right: #054c70 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-dark-blue::after.last { border-right: 0; }

.border-right-trp-dark-blue.full-height::after { height: 100%; top: 0; }

.border-right-trp-dark-blue.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-dark-blue:not(.hide-row-border-mobile) { border-top: #054c70 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-dark-blue:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-dark-blue::after { content: none; } }

.border-right-trp-header-dark-gray::after { border-right: #061937 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-header-dark-gray::after.last { border-right: 0; }

.border-right-trp-header-dark-gray.full-height::after { height: 100%; top: 0; }

.border-right-trp-header-dark-gray.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-header-dark-gray:not(.hide-row-border-mobile) { border-top: #061937 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-header-dark-gray:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-header-dark-gray::after { content: none; } }

.border-right-trp-dark-gray::after { border-right: #3b3b3b 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-dark-gray::after.last { border-right: 0; }

.border-right-trp-dark-gray.full-height::after { height: 100%; top: 0; }

.border-right-trp-dark-gray.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-dark-gray:not(.hide-row-border-mobile) { border-top: #3b3b3b 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-dark-gray:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-dark-gray::after { content: none; } }

.border-right-trp-medium-gray::after { border-right: #c4c4c4 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-medium-gray::after.last { border-right: 0; }

.border-right-trp-medium-gray.full-height::after { height: 100%; top: 0; }

.border-right-trp-medium-gray.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-medium-gray:not(.hide-row-border-mobile) { border-top: #c4c4c4 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-medium-gray:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-medium-gray::after { content: none; } }

.border-right-trp-light-gray::after { border-right: #ebebeb 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-light-gray::after.last { border-right: 0; }

.border-right-trp-light-gray.full-height::after { height: 100%; top: 0; }

.border-right-trp-light-gray.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-light-gray:not(.hide-row-border-mobile) { border-top: #ebebeb 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-light-gray:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-light-gray::after { content: none; } }

.border-right-trp-gray-mid-light::after { border-right: #f1f1f1 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-gray-mid-light::after.last { border-right: 0; }

.border-right-trp-gray-mid-light.full-height::after { height: 100%; top: 0; }

.border-right-trp-gray-mid-light.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-gray-mid-light:not(.hide-row-border-mobile) { border-top: #f1f1f1 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-gray-mid-light:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-gray-mid-light::after { content: none; } }

.border-right-trp-black::after { border-right: #000 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-black::after.last { border-right: 0; }

.border-right-trp-black.full-height::after { height: 100%; top: 0; }

.border-right-trp-black.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-black:not(.hide-row-border-mobile) { border-top: #000 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-black:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-black::after { content: none; } }

.border-right-trp-white::after { border-right: #fff 1px solid; content: ''; height: 80%; position: absolute; right: 0; top: 10%; }

.border-right-trp-white::after.last { border-right: 0; }

.border-right-trp-white.full-height::after { height: 100%; top: 0; }

.border-right-trp-white.dotted::after { border-right-style: dotted; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-white:not(.hide-row-border-mobile) { border-top: #fff 1px solid; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-white:not(.hide-row-border-mobile).dotted { border-top-style: dotted; }
  .mobile-optimized-viewport .columns-row:not(.column-view) .border-right-trp-white::after { content: none; } }

.border-top-trp-blue { border-top: #05c3de 1px solid; }

.border-top-trp-blue.dotted { border-top-style: dotted; }

.border-top-trp-blue.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-blue:not(.column-view) { border-top: 0; } }

.border-top-trp-dark-blue { border-top: #054c70 1px solid; }

.border-top-trp-dark-blue.dotted { border-top-style: dotted; }

.border-top-trp-dark-blue.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-dark-blue:not(.column-view) { border-top: 0; } }

.border-top-trp-header-dark-gray { border-top: #061937 1px solid; }

.border-top-trp-header-dark-gray.dotted { border-top-style: dotted; }

.border-top-trp-header-dark-gray.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-header-dark-gray:not(.column-view) { border-top: 0; } }

.border-top-trp-dark-gray { border-top: #3b3b3b 1px solid; }

.border-top-trp-dark-gray.dotted { border-top-style: dotted; }

.border-top-trp-dark-gray.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-dark-gray:not(.column-view) { border-top: 0; } }

.border-top-trp-medium-gray { border-top: #c4c4c4 1px solid; }

.border-top-trp-medium-gray.dotted { border-top-style: dotted; }

.border-top-trp-medium-gray.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-medium-gray:not(.column-view) { border-top: 0; } }

.border-top-trp-light-gray { border-top: #ebebeb 1px solid; }

.border-top-trp-light-gray.dotted { border-top-style: dotted; }

.border-top-trp-light-gray.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-light-gray:not(.column-view) { border-top: 0; } }

.border-top-trp-gray-mid-light { border-top: #f1f1f1 1px solid; }

.border-top-trp-gray-mid-light.dotted { border-top-style: dotted; }

.border-top-trp-gray-mid-light.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-gray-mid-light:not(.column-view) { border-top: 0; } }

.border-top-trp-black { border-top: #000 1px solid; }

.border-top-trp-black.dotted { border-top-style: dotted; }

.border-top-trp-black.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-black:not(.column-view) { border-top: 0; } }

.border-top-trp-white { border-top: #fff 1px solid; }

.border-top-trp-white.dotted { border-top-style: dotted; }

.border-top-trp-white.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-top-trp-white:not(.column-view) { border-top: 0; } }

.border-bottom-trp-blue { border-bottom: #05c3de 1px solid; }

.border-bottom-trp-blue.dotted { border-bottom-style: dotted; }

.border-bottom-trp-blue.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-blue:not(.column-view) { border-bottom: 0; } }

.border-bottom-trp-dark-blue { border-bottom: #054c70 1px solid; }

.border-bottom-trp-dark-blue.dotted { border-bottom-style: dotted; }

.border-bottom-trp-dark-blue.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-dark-blue:not(.column-view) { border-bottom: 0; } }

.border-bottom-trp-header-dark-gray { border-bottom: #061937 1px solid; }

.border-bottom-trp-header-dark-gray.dotted { border-bottom-style: dotted; }

.border-bottom-trp-header-dark-gray.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-header-dark-gray:not(.column-view) { border-bottom: 0; } }

.border-bottom-trp-dark-gray { border-bottom: #3b3b3b 1px solid; }

.border-bottom-trp-dark-gray.dotted { border-bottom-style: dotted; }

.border-bottom-trp-dark-gray.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-dark-gray:not(.column-view) { border-bottom: 0; } }

.border-bottom-trp-medium-gray { border-bottom: #c4c4c4 1px solid; }

.border-bottom-trp-medium-gray.dotted { border-bottom-style: dotted; }

.border-bottom-trp-medium-gray.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-medium-gray:not(.column-view) { border-bottom: 0; } }

.border-bottom-trp-light-gray { border-bottom: #ebebeb 1px solid; }

.border-bottom-trp-light-gray.dotted { border-bottom-style: dotted; }

.border-bottom-trp-light-gray.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-light-gray:not(.column-view) { border-bottom: 0; } }

.border-bottom-trp-gray-mid-light { border-bottom: #f1f1f1 1px solid; }

.border-bottom-trp-gray-mid-light.dotted { border-bottom-style: dotted; }

.border-bottom-trp-gray-mid-light.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-gray-mid-light:not(.column-view) { border-bottom: 0; } }

.border-bottom-trp-black { border-bottom: #000 1px solid; }

.border-bottom-trp-black.dotted { border-bottom-style: dotted; }

.border-bottom-trp-black.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-black:not(.column-view) { border-bottom: 0; } }

.border-bottom-trp-white { border-bottom: #fff 1px solid; }

.border-bottom-trp-white.dotted { border-bottom-style: dotted; }

.border-bottom-trp-white.last { border-bottom: 0; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .mobile-optimized-viewport .border-bottom-trp-white:not(.column-view) { border-bottom: 0; } }

.column-heading { display: table-caption; padding-bottom: 0; }

.column-heading .paragraph { padding: 0; }

.column-heading.padding-normal .column-heading-par { margin: 0 24px; }

.column-heading.padding-narrow .column-heading-par { margin: 0 12px; }

.column-heading.padding-wide .column-heading-par { margin: 0 36px; }

.column-heading .column-heading-par .paragraph { padding: 0; }

.minimal-padding .columns-multi-row { margin: 8px 0; }

.columns-multi-row .row-padding-none .columns { margin-bottom: 0; margin-top: 0; }

.columns-multi-row .row-padding-none .columns .paragraph.parbase { margin: 0; }

.columns-multi-row .row-padding-none .columns .columns .column { padding-bottom: 0; padding-top: 0; }

.columns-multi-row .row-padding-narrow .columns { margin-bottom: 8px; margin-top: 8px; }

.columns-multi-row .row-padding-normal .columns { margin-bottom: 16px; margin-top: 16px; }

.columns-multi-row .row-padding-wide .columns { margin-bottom: 24px; margin-top: 24px; }

.sticky-bar-navigation .page-wrapper { padding: 0 24px; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sticky-bar-navigation .page-wrapper { padding: 0 16px; } }

.sticky-bar-navigation .stickybar { overflow: hidden; padding: 56px 0; z-index: 99; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sticky-bar-navigation .stickybar { padding: 16px 0; } }

.sticky-bar-navigation .stickybar .column .call-to-action a.button { font-size: 16px; width: 100%; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sticky-bar-navigation .stickybar .column .call-to-action a.button { font-size: 14px; } }

.sticky-bar-navigation .stickybar p { font-size: 40px; line-height: 44px; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sticky-bar-navigation .stickybar p { font-size: 16px; line-height: 20px; padding-top: 0; text-transform: none; } }

.sticky-bar-navigation .sticky-inner { height: 40px; left: 0; position: fixed; right: 0; top: 0; width: 100%; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sticky-bar-navigation .sticky-inner { position: relative; } }

.sticky-bar-navigation .sticky-inner.stickybar { padding: 16px 0; }

.sticky-bar-navigation .sticky-inner.stickybar p { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 700; line-height: 20px; padding-top: 0; text-transform: uppercase; }

@media all and (orientation: portrait) and (max-width: 450px), all and (orientation: landscape) and (max-height: 450px) and (max-width: 900px) { .sticky-bar-navigation .sticky-inner.stickybar p { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-weight: 400; text-transform: none; } }

.sticky-bar-navigation .sticky-inner .call-to-action { margin: 0; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { .sticky-bar-navigation .sticky-inner .call-to-action a.button { font-size: 14px; } }

gdx-top-ten-holdings { padding-top: 10px; }

gdx-top-ten-holdings h4.top-ten-holdings-title { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 21px; line-height: 26px; }

gdx-top-ten-holdings .gdx-total-tna, gdx-top-ten-holdings .gdx-holdings-disclaimer p { font-size: 12px; font-weight: 400; line-height: 16px; }

gdx-top-ten-holdings .gdx-holdings-disclaimer p { margin: 0 0 10px; }

gdx-products-table table tfoot { border: 1px solid #fff; border-top: 0; }

.holdings-top-ten-holdings table th, .holdings-top-ten-holdings table td { padding: 6px; }

.holdings-top-ten-holdings .panel-disclosure { margin-top: 0; }

.holdings-top-ten-holdings .panel-disclosure .top-10-holdings-disclosure :first-child .tiny { margin-top: 0; }

th.gdx-sortable button { background: transparent; background-color: transparent; border: 0 !important; }

th.gdx-sortable button:hover { background: unset; }

gdx-usi-login gdx-usi-signin-form gdx-notification-static-error .message, gdx-usi-login gdx-usi-register-form gdx-notification-static-error .message { background-color: inherit; border: 0; color: inherit; padding: 0; }

gdx-usi-subscription-edit-form gdx-notification-static-error .message { background-color: inherit; border: 0; color: inherit; padding: 0; }

gdx-notification-transient .message-main .message { background-color: inherit; border: 0; color: inherit; padding: 0; }

gdx-performance-table .gdx-values-cell .performance-value-added { display: none !important; }

gdx-annualized-performance-table .table tr:first-of-type th:first-of-type { text-align: center; }

gdx-annualized-performance-table .table button { font-weight: inherit; }

gdx-annualized-performance-table .table .gdx-silent { margin: 1px; padding: 10px; }

gdx-current-year-performance .gdx-sticky-first-column .table-scroll-wrapper table tr:first-child { border: 1px dotted #b1b1b1; }

gdx-current-year-performance .gdx-sticky-first-column .table-scroll-wrapper table tr:last-of-type { border: #fff 1px solid; }

gdx-calendar .gdx-sticky-first-column .table-scroll-wrapper table tr th { padding: 5px !important; }

gdx-calendar .gdx-table table { border: 0; }

gdx-calendar .gdx-table:not(.no-hover) tbody tr:hover td { background-color: #05c3de !important; color: #fff; }

gdx-calendar .gdx-calendar-title { color: #3b3b3b !important; font-family: "Nimbus Sans Regular", Arial, Helvetica, sans-serif !important; font-size: 21px !important; font-weight: normal !important; margin-bottom: 12px !important; }

gdx-calendar p { color: #b1b1b1; font-family: "Nimbus Sans Regular", Arial, Helvetica, sans-serif !important; font-size: 10px; }

gdx-calendar gdx-product-disclaimers p { color: #000; }

gdx-product-snapshot-fai .gdx-fund-page-title { line-height: 32px; }

gdx-product-snapshot-fai .portfolio-manager-caption.collapse-caption, gdx-product-snapshot-fai .manager-caption.collapse-caption { height: 98px; }

gdx-product-snapshot-fai .portfolio-manager-caption p, gdx-product-snapshot-fai .manager-caption p { margin: 0 0 12px; }

gdx-product-snapshot-fai .product-summary-objective-section p { margin: 12px 0; }

gdx-product-snapshot-fai .gdx-value-cell-title { display: inline-block; }

gdx-product-snapshot-fai .gdx-literature-button { background-color: #3b3b3b; border: 0; border-radius: 4px; color: #fff; display: inline-block; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 12px; margin-right: 4px; margin-top: 4px; padding: 5px 8px; text-transform: uppercase; transition-duration: 0.4s; }

gdx-product-snapshot-fai .gdx-literature-button:hover { background-color: #767676; color: #fff !important; text-decoration: none; }

gdx-product-snapshot-fai .gdx-literature-button:visited { color: #fff !important; }

.product-details-grid { margin-bottom: 12px; }

.product-details-grid .gdx-container .gdx-value-cell-title { font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 14px; }

.product-details-grid .gdx-container .gdx-value-cell-value { color: #3b3b3b; font-family: var(--beacon-system-font-family-body), Arial, Helvetica, sans-serif; font-size: 20px; }

gdx-product-snapshot-literature button.gdx-literature-locked { padding-right: 32px !important; }

gdx-product-snapshot-literature button.gdx-literature-locked::after { background-position: -48px -6px; content: ' '; height: 20px; position: absolute; width: 40px; }

gdx-cumulative-performance-line svg.highcharts-root { font-family: var(--beacon-system-font-family-body) !important; }

gdx-cumulative-performance-line svg.highcharts-root .highcharts-tooltip-box span { font-family: var(--beacon-system-font-family-body) !important; }

gdx-document-download gdx-error-message, gdx-product-snapshot-grid gdx-error-message { padding: 12px 0; }

@media screen and (max-width: 768px) { .gdx-dashboard-tab-menu li { width: 50%; }
  .gdx-dashboard-tab-menu .trp-tab { border-bottom: 1px solid #fff !important; border-right: 0; } }

.angular-component.gdx-fund-snapshot { clear: both; }

iid-investment-research-tool table tr:first-of-type th:first-of-type div { text-align: center; }

iid-investment-research-tool h1 { color: #3b3b3b; }

@media all and (orientation: portrait) and (max-width: 800px), all and (orientation: landscape) and (max-height: 800px) and (max-width: 1280px) { gdx-fund-snapshot { float: left; }
  gdx-fund-snapshot .gdx-fund-left, gdx-fund-snapshot .gdx-fund-center, gdx-fund-snapshot .gdx-fund-right { width: 100% !important; } }

.trp-beacon.button .gdx-usi-subscribe-button-wrapper { width: auto; }

daily-performance-growth-grid .gdx-block-content { color: #054c70 !important; font-family: "Nimbus Sans Regular", Arial, Helvetica, sans-serif !important; font-size: 32px !important; font-style: normal !important; font-weight: 400 !important; }

daily-performance-growth-grid .gdx-block-title { color: #4f4f4f !important; font-family: "Nimbus Sans Regular", Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-style: normal !important; font-weight: bold !important; }

daily-performance-growth-grid .gdx-block-date { font-family: "Nimbus Sans Regular", Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 400 !important; }

daily-performance-growth-grid .gdx-fund-block-bottom { border-top: 1px dashed #ccc !important; }

daily-performance-growth-grid .gdx-fund-end-row { border-left: 1px dashed #ccc !important; padding-right: 16px !important; }

gdx-cumulative-performance-line .gdx-disclaimers .gdx-disclaimer-text p:first-of-type { margin: 0 !important; }

gdx-cumulative-performance-line .gdx-disclaimers .gdx-disclaimer-text p { font-size: 14px !important; line-height: 20px !important; }

gdx-cumulative-performance-line .gdx-inception p { font-size: 12px !important; line-height: 16px !important; }

@media (max-width: 640px) { daily-performance-growth-grid .gdx-fund-four-row { width: 50% !important; }
  daily-performance-growth-grid .gdx-fund-block-bottom { border-bottom: 1px dashed #ccc !important; height: 140px !important; }
  daily-performance-growth-grid .gdx-fund-block { height: 130px !important; }
  daily-performance-growth-grid .gdx-fund-four-row:nth-last-of-type(-n + 2) .gdx-fund-block-bottom { border-bottom: 0 !important; }
  daily-performance-growth-grid .gdx-fund-end-row:nth-last-of-type(2) { border-left: 0 !important; }
  daily-performance-growth-grid .gdx-fund-left-row { padding-left: 8px !important; padding-right: 8px !important; }
  daily-performance-growth-grid .gdx-fund-end-row { padding-left: 8px !important; padding-right: 8px !important; }
  daily-performance-growth-grid .gdx-block-content { font-size: 24px !important; }
  daily-performance-growth-grid .gdx-block-title { font-size: 14px !important; }
  .trp-beacon.button.cmp-button--mobile-full-width .gdx-usi-subscribe-button-wrapper { width: 100%; }
  .trp-beacon.button.cmp-button--mobile-full-width .gdx-usi-subscribe-button-wrapper .legacy { width: 100%; } }

gdx-fund-snapshot-grid .gdx-fund-block { height: 135px !important; }

.overlay-container.signinoverlay { overflow: auto; }

a.click-to-register, a.click-to-signin { cursor: pointer; display: contents; }

/** This was none and is now auto to fix issues on subscriptions page modals not having a focus outline. */
.gdx-web-components input.gdx-checkbox-button[type='checkbox']:focus { outline: auto; }

.text-image-content h3, .article-tile fai-beacon-article-tile h3, .promo-tile fai-beacon-promo-tile h3 { text-transform: none; }

.text-image-content b { font-weight: bold; }

:where(body:not(.b-reset)) .trp-beacon body, :where(body:not(.b-reset)) .trp-beacon div:not([slot='mission']), :where(body:not(.b-reset)) .trp-beacon a, :where(body:not(.b-reset)) .trp-beacon li, :where(body:not(.b-reset)) .trp-beacon p, :where(body:not(.b-reset)) .gdx-web-components button { font-family: var(--beacon-system-font-family-body) !important; }

:where(body:not(.b-reset)) .trp-beacon h1, :where(body:not(.b-reset)) .trp-beacon h2, :where(body:not(.b-reset)) .trp-beacon h3, :where(body:not(.b-reset)) .trp-beacon h4, :where(body:not(.b-reset)) .trp-beacon h5, :where(body:not(.b-reset)) .trp-beacon h6, :where(body:not(.b-reset)) .trp-beacon h7, :where(body:not(.b-reset)) .trp-beacon h1 b, :where(body:not(.b-reset)) .trp-beacon h2 b { font-family: var(--beacon-system-font-family-heading) !important; font-weight: 700 !important; }

a.search-link { color: #061937; }

a.author { font-weight: 700; }

iframe.twitter-share-button { vertical-align: bottom; }

.beacon-input { display: inline-block; }

.beacon-input.radio-button label { padding: 0 0 0 20px; }

.beacon-input.radio-button input { display: none; }

.beacon-input.radio-button input + label { background-image: url("base/images/innersourceIcons/radio-off-light-icon.svg"); background-repeat: no-repeat; background-size: 15px; display: block; height: 16px; }

.beacon-input.radio-button input:checked + label { background-image: url("base/images/innersourceIcons/radio-on-light-icon.svg"); }

fai-beacon-footer div[slot='disclaimer'] .cq-dd-fragment p, fai-beacon-footer div[slot='copyright'] .cq-dd-fragment p { margin-block: 12px; }

@media (max-width: 960px) { fai-beacon-footer div[slot='disclaimer'] .cq-dd-fragment p, fai-beacon-footer div[slot='copyright'] .cq-dd-fragment p { margin-block: 8px; } }

/* stylelint-disable selector-class-pattern */
.container--tile &gt; .cmp-container.trp-beacon { height: 100%; }

.container--tile &gt; .cmp-container.trp-beacon &gt; .cmp-container__foreground { height: 100%; }

.container--tile &gt; .cmp-container.trp-beacon &gt; .cmp-container__foreground &gt; .aem-Grid { height: 100%; }

.container--tile &gt; .cmp-container.trp-beacon &gt; .cmp-container__foreground &gt; .aem-Grid .text-align-bottom .cmp-text { bottom: 0; height: auto; position: absolute; }

.responsivegrid .anchor-navigation.base-component { padding: 0; }

.responsivegrid .tabs { padding: 0; }

.responsivegrid .notification.base-component { padding: 0; }

.responsivegrid .grid-layout-container.aem-GridColumn, .responsivegrid .trp-beacon.aem-GridColumn, .responsivegrid .video.aem-GridColumn, .responsivegrid .image.aem-GridColumn { padding: 0; }

.cmp-image__image.beacon-hero-img-full-bleed { margin: 0; }

.cmp-experiencefragment { padding: 0; }

.onoffswitch {
  float: right;
  position: relative;
  width: 75px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch.subscribe-onoffswitch,
.login-subscribe-button {
  width: 116px;
}

.onoffswitch.subscribe-onoffswitch {
  float: right;
  display: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #ffffff;
  border-radius: 4px;
}
.onoffswitch-label .onoffswitch-switch {
  padding: 0;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after,
.login-subscribe-button:after {
  font-family: var(--beacon-system-font-family-body), 'FontAwesome', Arial, Helvetica, sans-serif;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 26px;
  font-size: 12px;
  color: white;
  font-weight: normal;
  box-sizing: border-box;
}

.onoffswitch-inner.toggle-onoff:before {
  content: 'SUBSCRIBED\00a0\00a0\f00c';
  background-color: #7d9845;
  color: #ffffff;
  font-family: var(--beacon-system-font-family-body), 'FontAwesome', Arial, Helvetica, sans-serif;
  font-size: 12px;
  display: block;
  padding: 0 8px 0 13px;
}

.onoffswitch-inner.toggle-onoff:before,
.onoffswitch-inner.toggle-onoff:after {
  border-style: none;
  line-height: 24px;
  text-align: left;
}

.onoffswitch-inner.toggle-onoff:after,
.login-subscribe-button:after {
  content: 'SUBSCRIBE  ';
  background-image: url(base/images/plus-sign.png);
  background-repeat: no-repeat;
  background-position: right 3px center;
  background-size: 10px 8px;
  color: #ffffff;
  text-align: left;
  padding-left: 5px;
  font-family: var(--beacon-system-font-family-body), 'FontAwesome', Arial, Helvetica, sans-serif;
  font-size: 12px;
  display: block;
}

.onoffswitch-inner.toggle-onoff:after {
  background-color: #086ea1;
  background-position: right 11px center;
  padding: 0 8px 0 13px;
}

.onoffswitch-inner:before {
  content: 'On';
  padding-left: 11px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #dddddd;
}

.onoffswitch-inner:after {
  content: 'Off';
  padding-right: 12px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #dddddd;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 35px;
  margin: 1px;
  background: #aaaaaa;
  border: 1px solid #dddddd;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 38px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 1px;
}

a.button.superslim.default-color {
  background-color: #086ea1;
}

@charset "UTF-8";
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("base/css/Fonts/fontawesome-webfont.eot?v=4.2.0"); src: url("base/css/Fonts/fontawesome-webfont.eot?#iefix&amp;v=4.2.0") format("embedded-opentype"), url("base/css/Fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("base/css/Fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("base/css/Fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }
.fa-ul &gt; li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }
.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: "ï€€"; }

.fa-music:before { content: "ï€"; }

.fa-search:before { content: "ï€‚"; }

.fa-envelope-o:before { content: "ï€ƒ"; }

.fa-heart:before { content: "ï€„"; }

.fa-star:before { content: "ï€…"; }

.fa-star-o:before { content: "ï€†"; }

.fa-user:before { content: "ï€‡"; }

.fa-film:before { content: "ï€ˆ"; }

.fa-th-large:before { content: "ï€‰"; }

.fa-th:before { content: "ï€Š"; }

.fa-th-list:before { content: "ï€‹"; }

.fa-check:before { content: "ï€Œ"; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: "ï€"; }

.fa-search-plus:before { content: "ï€Ž"; }

.fa-search-minus:before { content: "ï€"; }

.fa-power-off:before { content: "ï€‘"; }

.fa-signal:before { content: "ï€’"; }

.fa-gear:before, .fa-cog:before { content: "ï€“"; }

.fa-trash-o:before { content: "ï€”"; }

.fa-home:before { content: "ï€•"; }

.fa-file-o:before { content: "ï€–"; }

.fa-clock-o:before { content: "ï€—"; }

.fa-road:before { content: "ï€˜"; }

.fa-download:before { content: "ï€™"; }

.fa-arrow-circle-o-down:before { content: "ï€š"; }

.fa-arrow-circle-o-up:before { content: "ï€›"; }

.fa-inbox:before { content: "ï€œ"; }

.fa-play-circle-o:before { content: "ï€"; }

.fa-rotate-right:before, .fa-repeat:before { content: "ï€ž"; }

.fa-refresh:before { content: "ï€¡"; }

.fa-list-alt:before { content: "ï€¢"; }

.fa-lock:before { content: "ï€£"; }

.fa-flag:before { content: "ï€¤"; }

.fa-headphones:before { content: "ï€¥"; }

.fa-volume-off:before { content: "ï€¦"; }

.fa-volume-down:before { content: "ï€§"; }

.fa-volume-up:before { content: "ï€¨"; }

.fa-qrcode:before { content: "ï€©"; }

.fa-barcode:before { content: "ï€ª"; }

.fa-tag:before { content: "ï€«"; }

.fa-tags:before { content: "ï€¬"; }

.fa-book:before { content: "ï€­"; }

.fa-bookmark:before { content: "ï€®"; }

.fa-print:before { content: "ï€¯"; }

.fa-camera:before { content: "ï€°"; }

.fa-font:before { content: "ï€±"; }

.fa-bold:before { content: "ï€²"; }

.fa-italic:before { content: "ï€³"; }

.fa-text-height:before { content: "ï€´"; }

.fa-text-width:before { content: "ï€µ"; }

.fa-align-left:before { content: "ï€¶"; }

.fa-align-center:before { content: "ï€·"; }

.fa-align-right:before { content: "ï€¸"; }

.fa-align-justify:before { content: "ï€¹"; }

.fa-list:before { content: "ï€º"; }

.fa-dedent:before, .fa-outdent:before { content: "ï€»"; }

.fa-indent:before { content: "ï€¼"; }

.fa-video-camera:before { content: "ï€½"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "ï€¾"; }

.fa-pencil:before { content: "ï€"; }

.fa-map-marker:before { content: "ï"; }

.fa-adjust:before { content: "ï‚"; }

.fa-tint:before { content: "ïƒ"; }

.fa-edit:before, .fa-pencil-square-o:before { content: "ï„"; }

.fa-share-square-o:before { content: "ï…"; }

.fa-check-square-o:before { content: "ï†"; }

.fa-arrows:before { content: "ï‡"; }

.fa-step-backward:before { content: "ïˆ"; }

.fa-fast-backward:before { content: "ï‰"; }

.fa-backward:before { content: "ïŠ"; }

.fa-play:before { content: "ï‹"; }

.fa-pause:before { content: "ïŒ"; }

.fa-stop:before { content: "ï"; }

.fa-forward:before { content: "ïŽ"; }

.fa-fast-forward:before { content: "ï"; }

.fa-step-forward:before { content: "ï‘"; }

.fa-eject:before { content: "ï’"; }

.fa-chevron-left:before { content: "ï“"; }

.fa-chevron-right:before { content: "ï”"; }

.fa-plus-circle:before { content: "ï•"; }

.fa-minus-circle:before { content: "ï–"; }

.fa-times-circle:before { content: "ï—"; }

.fa-check-circle:before { content: "ï˜"; }

.fa-question-circle:before { content: "ï™"; }

.fa-info-circle:before { content: "ïš"; }

.fa-crosshairs:before { content: "ï›"; }

.fa-times-circle-o:before { content: "ïœ"; }

.fa-check-circle-o:before { content: "ï"; }

.fa-ban:before { content: "ïž"; }

.fa-arrow-left:before { content: "ï&nbsp;"; }

.fa-arrow-right:before { content: "ï¡"; }

.fa-arrow-up:before { content: "ï¢"; }

.fa-arrow-down:before { content: "ï£"; }

.fa-mail-forward:before, .fa-share:before { content: "ï¤"; }

.fa-expand:before { content: "ï¥"; }

.fa-compress:before { content: "ï¦"; }

.fa-plus:before { content: "ï§"; }

.fa-minus:before { content: "ï¨"; }

.fa-asterisk:before { content: "ï©"; }

.fa-exclamation-circle:before { content: "ïª"; }

.fa-gift:before { content: "ï«"; }

.fa-leaf:before { content: "ï¬"; }

.fa-fire:before { content: "ï­"; }

.fa-eye:before { content: "ï®"; }

.fa-eye-slash:before { content: "ï°"; }

.fa-warning:before, .fa-exclamation-triangle:before { content: "ï±"; }

.fa-plane:before { content: "ï²"; }

.fa-calendar:before { content: "ï³"; }

.fa-random:before { content: "ï´"; }

.fa-comment:before { content: "ïµ"; }

.fa-magnet:before { content: "ï¶"; }

.fa-chevron-up:before { content: "ï·"; }

.fa-chevron-down:before { content: "ï¸"; }

.fa-retweet:before { content: "ï¹"; }

.fa-shopping-cart:before { content: "ïº"; }

.fa-folder:before { content: "ï»"; }

.fa-folder-open:before { content: "ï¼"; }

.fa-arrows-v:before { content: "ï½"; }

.fa-arrows-h:before { content: "ï¾"; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: "ï‚€"; }

.fa-twitter-square:before { content: "ï‚"; }

.fa-facebook-square:before { content: "ï‚‚"; }

.fa-camera-retro:before { content: "ï‚ƒ"; }

.fa-key:before { content: "ï‚„"; }

.fa-gears:before, .fa-cogs:before { content: "ï‚…"; }

.fa-comments:before { content: "ï‚†"; }

.fa-thumbs-o-up:before { content: "ï‚‡"; }

.fa-thumbs-o-down:before { content: "ï‚ˆ"; }

.fa-star-half:before { content: "ï‚‰"; }

.fa-heart-o:before { content: "ï‚Š"; }

.fa-sign-out:before { content: "ï‚‹"; }

.fa-linkedin-square:before { content: "ï‚Œ"; }

.fa-thumb-tack:before { content: "ï‚"; }

.fa-external-link:before { content: "ï‚Ž"; }

.fa-sign-in:before { content: "ï‚"; }

.fa-trophy:before { content: "ï‚‘"; }

.fa-github-square:before { content: "ï‚’"; }

.fa-upload:before { content: "ï‚“"; }

.fa-lemon-o:before { content: "ï‚”"; }

.fa-phone:before { content: "ï‚•"; }

.fa-square-o:before { content: "ï‚–"; }

.fa-bookmark-o:before { content: "ï‚—"; }

.fa-phone-square:before { content: "ï‚˜"; }

.fa-twitter:before { content: "ï‚™"; }

.fa-facebook:before { content: "ï‚š"; }

.fa-github:before { content: "ï‚›"; }

.fa-unlock:before { content: "ï‚œ"; }

.fa-credit-card:before { content: "ï‚"; }

.fa-rss:before { content: "ï‚ž"; }

.fa-hdd-o:before { content: "ï‚&nbsp;"; }

.fa-bullhorn:before { content: "ï‚¡"; }

.fa-bell:before { content: "ïƒ³"; }

.fa-certificate:before { content: "ï‚£"; }

.fa-hand-o-right:before { content: "ï‚¤"; }

.fa-hand-o-left:before { content: "ï‚¥"; }

.fa-hand-o-up:before { content: "ï‚¦"; }

.fa-hand-o-down:before { content: "ï‚§"; }

.fa-arrow-circle-left:before { content: "ï‚¨"; }

.fa-arrow-circle-right:before { content: "ï‚©"; }

.fa-arrow-circle-up:before { content: "ï‚ª"; }

.fa-arrow-circle-down:before { content: "ï‚«"; }

.fa-globe:before { content: "ï‚¬"; }

.fa-wrench:before { content: "ï‚­"; }

.fa-tasks:before { content: "ï‚®"; }

.fa-filter:before { content: "ï‚°"; }

.fa-briefcase:before { content: "ï‚±"; }

.fa-arrows-alt:before { content: "ï‚²"; }

.fa-group:before, .fa-users:before { content: "ïƒ€"; }

.fa-chain:before, .fa-link:before { content: "ïƒ"; }

.fa-cloud:before { content: "ïƒ‚"; }

.fa-flask:before { content: "ïƒƒ"; }

.fa-cut:before, .fa-scissors:before { content: "ïƒ„"; }

.fa-copy:before, .fa-files-o:before { content: "ïƒ…"; }

.fa-paperclip:before { content: "ïƒ†"; }

.fa-save:before, .fa-floppy-o:before { content: "ïƒ‡"; }

.fa-square:before { content: "ïƒˆ"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "ïƒ‰"; }

.fa-list-ul:before { content: "ïƒŠ"; }

.fa-list-ol:before { content: "ïƒ‹"; }

.fa-strikethrough:before { content: "ïƒŒ"; }

.fa-underline:before { content: "ïƒ"; }

.fa-table:before { content: "ïƒŽ"; }

.fa-magic:before { content: "ïƒ"; }

.fa-truck:before { content: "ïƒ‘"; }

.fa-pinterest:before { content: "ïƒ’"; }

.fa-pinterest-square:before { content: "ïƒ“"; }

.fa-google-plus-square:before { content: "ïƒ”"; }

.fa-google-plus:before { content: "ïƒ•"; }

.fa-money:before { content: "ïƒ–"; }

.fa-caret-down:before { content: "ïƒ—"; }

.fa-caret-up:before { content: "ïƒ˜"; }

.fa-caret-left:before { content: "ïƒ™"; }

.fa-caret-right:before { content: "ïƒš"; }

.fa-columns:before { content: "ïƒ›"; }

.fa-unsorted:before, .fa-sort:before { content: "ïƒœ"; }

.fa-sort-down:before, .fa-sort-desc:before { content: "ïƒ"; }

.fa-sort-up:before, .fa-sort-asc:before { content: "ïƒž"; }

.fa-envelope:before { content: "ïƒ&nbsp;"; }

.fa-linkedin:before { content: "ïƒ¡"; }

.fa-rotate-left:before, .fa-undo:before { content: "ïƒ¢"; }

.fa-legal:before, .fa-gavel:before { content: "ïƒ£"; }

.fa-dashboard:before, .fa-tachometer:before { content: "ïƒ¤"; }

.fa-comment-o:before { content: "ïƒ¥"; }

.fa-comments-o:before { content: "ïƒ¦"; }

.fa-flash:before, .fa-bolt:before { content: "ïƒ§"; }

.fa-sitemap:before { content: "ïƒ¨"; }

.fa-umbrella:before { content: "ïƒ©"; }

.fa-paste:before, .fa-clipboard:before { content: "ïƒª"; }

.fa-lightbulb-o:before { content: "ïƒ«"; }

.fa-exchange:before { content: "ïƒ¬"; }

.fa-cloud-download:before { content: "ïƒ­"; }

.fa-cloud-upload:before { content: "ïƒ®"; }

.fa-user-md:before { content: "ïƒ°"; }

.fa-stethoscope:before { content: "ïƒ±"; }

.fa-suitcase:before { content: "ïƒ²"; }

.fa-bell-o:before { content: "ï‚¢"; }

.fa-coffee:before { content: "ïƒ´"; }

.fa-cutlery:before { content: "ïƒµ"; }

.fa-file-text-o:before { content: "ïƒ¶"; }

.fa-building-o:before { content: "ïƒ·"; }

.fa-hospital-o:before { content: "ïƒ¸"; }

.fa-ambulance:before { content: "ïƒ¹"; }

.fa-medkit:before { content: "ïƒº"; }

.fa-fighter-jet:before { content: "ïƒ»"; }

.fa-beer:before { content: "ïƒ¼"; }

.fa-h-square:before { content: "ïƒ½"; }

.fa-plus-square:before { content: "ïƒ¾"; }

.fa-angle-double-left:before { content: "ï„€"; }

.fa-angle-double-right:before { content: "ï„"; }

.fa-angle-double-up:before { content: "ï„‚"; }

.fa-angle-double-down:before { content: "ï„ƒ"; }

.fa-angle-left:before { content: "ï„„"; }

.fa-angle-right:before { content: "ï„…"; }

.fa-angle-up:before { content: "ï„†"; }

.fa-angle-down:before { content: "ï„‡"; }

.fa-desktop:before { content: "ï„ˆ"; }

.fa-laptop:before { content: "ï„‰"; }

.fa-tablet:before { content: "ï„Š"; }

.fa-mobile-phone:before, .fa-mobile:before { content: "ï„‹"; }

.fa-circle-o:before { content: "ï„Œ"; }

.fa-quote-left:before { content: "ï„"; }

.fa-quote-right:before { content: "ï„Ž"; }

.fa-spinner:before { content: "ï„"; }

.fa-circle:before { content: "ï„‘"; }

.fa-mail-reply:before, .fa-reply:before { content: "ï„’"; }

.fa-github-alt:before { content: "ï„“"; }

.fa-folder-o:before { content: "ï„”"; }

.fa-folder-open-o:before { content: "ï„•"; }

.fa-smile-o:before { content: "ï„˜"; }

.fa-frown-o:before { content: "ï„™"; }

.fa-meh-o:before { content: "ï„š"; }

.fa-gamepad:before { content: "ï„›"; }

.fa-keyboard-o:before { content: "ï„œ"; }

.fa-flag-o:before { content: "ï„"; }

.fa-flag-checkered:before { content: "ï„ž"; }

.fa-terminal:before { content: "ï„&nbsp;"; }

.fa-code:before { content: "ï„¡"; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: "ï„¢"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "ï„£"; }

.fa-location-arrow:before { content: "ï„¤"; }

.fa-crop:before { content: "ï„¥"; }

.fa-code-fork:before { content: "ï„¦"; }

.fa-unlink:before, .fa-chain-broken:before { content: "ï„§"; }

.fa-question:before { content: "ï„¨"; }

.fa-info:before { content: "ï„©"; }

.fa-exclamation:before { content: "ï„ª"; }

.fa-superscript:before { content: "ï„«"; }

.fa-subscript:before { content: "ï„¬"; }

.fa-eraser:before { content: "ï„­"; }

.fa-puzzle-piece:before { content: "ï„®"; }

.fa-microphone:before { content: "ï„°"; }

.fa-microphone-slash:before { content: "ï„±"; }

.fa-shield:before { content: "ï„²"; }

.fa-calendar-o:before { content: "ï„³"; }

.fa-fire-extinguisher:before { content: "ï„´"; }

.fa-rocket:before { content: "ï„µ"; }

.fa-maxcdn:before { content: "ï„¶"; }

.fa-chevron-circle-left:before { content: "ï„·"; }

.fa-chevron-circle-right:before { content: "ï„¸"; }

.fa-chevron-circle-up:before { content: "ï„¹"; }

.fa-chevron-circle-down:before { content: "ï„º"; }

.fa-html5:before { content: "ï„»"; }

.fa-css3:before { content: "ï„¼"; }

.fa-anchor:before { content: "ï„½"; }

.fa-unlock-alt:before { content: "ï„¾"; }

.fa-bullseye:before { content: "ï…€"; }

.fa-ellipsis-h:before { content: "ï…"; }

.fa-ellipsis-v:before { content: "ï…‚"; }

.fa-rss-square:before { content: "ï…ƒ"; }

.fa-play-circle:before { content: "ï…„"; }

.fa-ticket:before { content: "ï……"; }

.fa-minus-square:before { content: "ï…†"; }

.fa-minus-square-o:before { content: "ï…‡"; }

.fa-level-up:before { content: "ï…ˆ"; }

.fa-level-down:before { content: "ï…‰"; }

.fa-check-square:before { content: "ï…Š"; }

.fa-pencil-square:before { content: "ï…‹"; }

.fa-external-link-square:before { content: "ï…Œ"; }

.fa-share-square:before { content: "ï…"; }

.fa-compass:before { content: "ï…Ž"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "ï…"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "ï…‘"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "ï…’"; }

.fa-euro:before, .fa-eur:before { content: "ï…“"; }

.fa-gbp:before { content: "ï…”"; }

.fa-dollar:before, .fa-usd:before { content: "ï…•"; }

.fa-rupee:before, .fa-inr:before { content: "ï…–"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "ï…—"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "ï…˜"; }

.fa-won:before, .fa-krw:before { content: "ï…™"; }

.fa-bitcoin:before, .fa-btc:before { content: "ï…š"; }

.fa-file:before { content: "ï…›"; }

.fa-file-text:before { content: "ï…œ"; }

.fa-sort-alpha-asc:before { content: "ï…"; }

.fa-sort-alpha-desc:before { content: "ï…ž"; }

.fa-sort-amount-asc:before { content: "ï…&nbsp;"; }

.fa-sort-amount-desc:before { content: "ï…¡"; }

.fa-sort-numeric-asc:before { content: "ï…¢"; }

.fa-sort-numeric-desc:before { content: "ï…£"; }

.fa-thumbs-up:before { content: "ï…¤"; }

.fa-thumbs-down:before { content: "ï…¥"; }

.fa-youtube-square:before { content: "ï…¦"; }

.fa-youtube:before { content: "ï…§"; }

.fa-xing:before { content: "ï…¨"; }

.fa-xing-square:before { content: "ï…©"; }

.fa-youtube-play:before { content: "ï…ª"; }

.fa-dropbox:before { content: "ï…«"; }

.fa-stack-overflow:before { content: "ï…¬"; }

.fa-instagram:before { content: "ï…­"; }

.fa-flickr:before { content: "ï…®"; }

.fa-adn:before { content: "ï…°"; }

.fa-bitbucket:before { content: "ï…±"; }

.fa-bitbucket-square:before { content: "ï…²"; }

.fa-tumblr:before { content: "ï…³"; }

.fa-tumblr-square:before { content: "ï…´"; }

.fa-long-arrow-down:before { content: "ï…µ"; }

.fa-long-arrow-up:before { content: "ï…¶"; }

.fa-long-arrow-left:before { content: "ï…·"; }

.fa-long-arrow-right:before { content: "ï…¸"; }

.fa-apple:before { content: "ï…¹"; }

.fa-windows:before { content: "ï…º"; }

.fa-android:before { content: "ï…»"; }

.fa-linux:before { content: "ï…¼"; }

.fa-dribbble:before { content: "ï…½"; }

.fa-skype:before { content: "ï…¾"; }

.fa-foursquare:before { content: "ï†€"; }

.fa-trello:before { content: "ï†"; }

.fa-female:before { content: "ï†‚"; }

.fa-male:before { content: "ï†ƒ"; }

.fa-gittip:before { content: "ï†„"; }

.fa-sun-o:before { content: "ï†…"; }

.fa-moon-o:before { content: "ï††"; }

.fa-archive:before { content: "ï†‡"; }

.fa-bug:before { content: "ï†ˆ"; }

.fa-vk:before { content: "ï†‰"; }

.fa-weibo:before { content: "ï†Š"; }

.fa-renren:before { content: "ï†‹"; }

.fa-pagelines:before { content: "ï†Œ"; }

.fa-stack-exchange:before { content: "ï†"; }

.fa-arrow-circle-o-right:before { content: "ï†Ž"; }

.fa-arrow-circle-o-left:before { content: "ï†"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "ï†‘"; }

.fa-dot-circle-o:before { content: "ï†’"; }

.fa-wheelchair:before { content: "ï†“"; }

.fa-vimeo-square:before { content: "ï†”"; }

.fa-turkish-lira:before, .fa-try:before { content: "ï†•"; }

.fa-plus-square-o:before { content: "ï†–"; }

.fa-space-shuttle:before { content: "ï†—"; }

.fa-slack:before { content: "ï†˜"; }

.fa-envelope-square:before { content: "ï†™"; }

.fa-wordpress:before { content: "ï†š"; }

.fa-openid:before { content: "ï†›"; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: "ï†œ"; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: "ï†"; }

.fa-yahoo:before { content: "ï†ž"; }

.fa-google:before { content: "ï†&nbsp;"; }

.fa-reddit:before { content: "ï†¡"; }

.fa-reddit-square:before { content: "ï†¢"; }

.fa-stumbleupon-circle:before { content: "ï†£"; }

.fa-stumbleupon:before { content: "ï†¤"; }

.fa-delicious:before { content: "ï†¥"; }

.fa-digg:before { content: "ï†¦"; }

.fa-pied-piper:before { content: "ï†§"; }

.fa-pied-piper-alt:before { content: "ï†¨"; }

.fa-drupal:before { content: "ï†©"; }

.fa-joomla:before { content: "ï†ª"; }

.fa-language:before { content: "ï†«"; }

.fa-fax:before { content: "ï†¬"; }

.fa-building:before { content: "ï†­"; }

.fa-child:before { content: "ï†®"; }

.fa-paw:before { content: "ï†°"; }

.fa-spoon:before { content: "ï†±"; }

.fa-cube:before { content: "ï†²"; }

.fa-cubes:before { content: "ï†³"; }

.fa-behance:before { content: "ï†´"; }

.fa-behance-square:before { content: "ï†µ"; }

.fa-steam:before { content: "ï†¶"; }

.fa-steam-square:before { content: "ï†·"; }

.fa-recycle:before { content: "ï†¸"; }

.fa-automobile:before, .fa-car:before { content: "ï†¹"; }

.fa-cab:before, .fa-taxi:before { content: "ï†º"; }

.fa-tree:before { content: "ï†»"; }

.fa-spotify:before { content: "ï†¼"; }

.fa-deviantart:before { content: "ï†½"; }

.fa-soundcloud:before { content: "ï†¾"; }

.fa-database:before { content: "ï‡€"; }

.fa-file-pdf-o:before { content: "ï‡"; }

.fa-file-word-o:before { content: "ï‡‚"; }

.fa-file-excel-o:before { content: "ï‡ƒ"; }

.fa-file-powerpoint-o:before { content: "ï‡„"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "ï‡…"; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: "ï‡†"; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: "ï‡‡"; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: "ï‡ˆ"; }

.fa-file-code-o:before { content: "ï‡‰"; }

.fa-vine:before { content: "ï‡Š"; }

.fa-codepen:before { content: "ï‡‹"; }

.fa-jsfiddle:before { content: "ï‡Œ"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "ï‡"; }

.fa-circle-o-notch:before { content: "ï‡Ž"; }

.fa-ra:before, .fa-rebel:before { content: "ï‡"; }

.fa-ge:before, .fa-empire:before { content: "ï‡‘"; }

.fa-git-square:before { content: "ï‡’"; }

.fa-git:before { content: "ï‡“"; }

.fa-hacker-news:before { content: "ï‡”"; }

.fa-tencent-weibo:before { content: "ï‡•"; }

.fa-qq:before { content: "ï‡–"; }

.fa-wechat:before, .fa-weixin:before { content: "ï‡—"; }

.fa-send:before, .fa-paper-plane:before { content: "ï‡˜"; }

.fa-send-o:before, .fa-paper-plane-o:before { content: "ï‡™"; }

.fa-history:before { content: "ï‡š"; }

.fa-circle-thin:before { content: "ï‡›"; }

.fa-header:before { content: "ï‡œ"; }

.fa-paragraph:before { content: "ï‡"; }

.fa-sliders:before { content: "ï‡ž"; }

.fa-share-alt:before { content: "ï‡&nbsp;"; }

.fa-share-alt-square:before { content: "ï‡¡"; }

.fa-bomb:before { content: "ï‡¢"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: "ï‡£"; }

.fa-tty:before { content: "ï‡¤"; }

.fa-binoculars:before { content: "ï‡¥"; }

.fa-plug:before { content: "ï‡¦"; }

.fa-slideshare:before { content: "ï‡§"; }

.fa-twitch:before { content: "ï‡¨"; }

.fa-yelp:before { content: "ï‡©"; }

.fa-newspaper-o:before { content: "ï‡ª"; }

.fa-wifi:before { content: "ï‡«"; }

.fa-calculator:before { content: "ï‡¬"; }

.fa-paypal:before { content: "ï‡­"; }

.fa-google-wallet:before { content: "ï‡®"; }

.fa-cc-visa:before { content: "ï‡°"; }

.fa-cc-mastercard:before { content: "ï‡±"; }

.fa-cc-discover:before { content: "ï‡²"; }

.fa-cc-amex:before { content: "ï‡³"; }

.fa-cc-paypal:before { content: "ï‡´"; }

.fa-cc-stripe:before { content: "ï‡µ"; }

.fa-bell-slash:before { content: "ï‡¶"; }

.fa-bell-slash-o:before { content: "ï‡·"; }

.fa-trash:before { content: "ï‡¸"; }

.fa-copyright:before { content: "ï‡¹"; }

.fa-at:before { content: "ï‡º"; }

.fa-eyedropper:before { content: "ï‡»"; }

.fa-paint-brush:before { content: "ï‡¼"; }

.fa-birthday-cake:before { content: "ï‡½"; }

.fa-area-chart:before { content: "ï‡¾"; }

.fa-pie-chart:before { content: "ïˆ€"; }

.fa-line-chart:before { content: "ïˆ"; }

.fa-lastfm:before { content: "ïˆ‚"; }

.fa-lastfm-square:before { content: "ïˆƒ"; }

.fa-toggle-off:before { content: "ïˆ„"; }

.fa-toggle-on:before { content: "ïˆ…"; }

.fa-bicycle:before { content: "ïˆ†"; }

.fa-bus:before { content: "ïˆ‡"; }

.fa-ioxhost:before { content: "ïˆˆ"; }

.fa-angellist:before { content: "ïˆ‰"; }

.fa-cc:before { content: "ïˆŠ"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "ïˆ‹"; }

.fa-meanpath:before { content: "ïˆŒ"; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/

/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none; /* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside &gt; .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
} /* non-visible scrollbar */

.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
} /* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
} /* scrollbar position: outside */

.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_scrollTools,
.mCS-dir-rtl &gt; .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl &gt; .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside &gt; .mCSB_container {
  margin-right: 0;
  margin-bottom: 20px;
}

.mCSB_horizontal.mCSB_outside &gt; .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal &gt; .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
  width: 100% !important;
} /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper &gt; .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}

.mCSB_vertical_horizontal &gt; .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal &gt; .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
  + .mCSB_scrollTools
  ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl &gt; .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside &gt; .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl &gt; .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside &gt; .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl
  &gt; .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
  &gt; .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
  + .mCSB_scrollTools
  ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl &gt; .mCSB_inside &gt; .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden &gt; .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden &gt; .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside &gt; .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside &gt; .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
    margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
    margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
    margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s,
    margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s,
    opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
  opacity: 0.75;
  filter: 'alpha(opacity=75)';
  -ms-filter: 'alpha(opacity=75)';
}

.mCS-autoHide &gt; .mCustomScrollBox &gt; .mCSB_scrollTools,
.mCS-autoHide &gt; .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: 'alpha(opacity=0)';
  -ms-filter: 'alpha(opacity=0)';
}

.mCustomScrollbar &gt; .mCustomScrollBox &gt; .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar &gt; .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover &gt; .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover &gt; .mCustomScrollBox &gt; .mCSB_scrollTools,
.mCS-autoHide:hover &gt; .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: 'alpha(opacity=100)';
  -ms-filter: 'alpha(opacity=100)';
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: 'alpha(opacity=40)';
  -ms-filter: 'alpha(opacity=40)';
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: 'alpha(opacity=75)';
  -ms-filter: 'alpha(opacity=75)';
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: 'alpha(opacity=85)';
  -ms-filter: 'alpha(opacity=85)';
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: 'alpha(opacity=90)';
  -ms-filter: 'alpha(opacity=90)';
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(base/css/mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: 'alpha(opacity=40)';
  -ms-filter: 'alpha(opacity=40)';
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: 'alpha(opacity=75)';
  -ms-filter: 'alpha(opacity=75)';
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: 'alpha(opacity=90)';
  -ms-filter: 'alpha(opacity=90)';
}

/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_dragger
  .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_draggerContainer:hover
  .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==');
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: 'alpha(opacity=30)';
  -ms-filter: 'alpha(opacity=30)';
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=');
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0.5)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0.5)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: 'alpha(opacity=30)';
  -ms-filter: 'alpha(opacity=30)';
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: 'alpha(opacity=30)';
  -ms-filter: 'alpha(opacity=30)';
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl &gt; .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl &gt; .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: 'alpha(opacity=20)';
  -ms-filter: 'alpha(opacity=20)';
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: 'alpha(opacity=50)';
  -ms-filter: 'alpha(opacity=50)';
}

/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: 'alpha(opacity=20)';
  -ms-filter: 'alpha(opacity=20)';
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: 'alpha(opacity=50)';
  -ms-filter: 'alpha(opacity=50)';
}

/* ---------------------------------------- */

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
  .mCSB_dragger.mCSB_dragger_onDrag_expanded
  + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */

.flag-global { background-image: url("base/images/flags-global.png"); background-repeat: no-repeat; display: inline-block; height: 13px; margin-right: 6px; width: 16px; }

.flag-global-bw { background-image: url("base/images/flags-global-bw.png"); background-position: -161px -395px; background-repeat: no-repeat; display: inline-block; height: 13px; width: 16px; }

.flag-australia { background-position: -369px -5px; }

.flag-austria { background-position: -395px -5px; }

.flag-belgium { background-position: -187px -31px; }

.flag-canada { background-position: -213px -57px; }

.flag-denmark { background-position: -369px -83px; }

.flag-estonia { background-position: -239px -109px; }

.flag-finland { background-position: -395px -109px; }

.flag-france { background-position: -5px -135px; }

.flag-germany { background-position: -161px -135px; }

.flag-hong-kong { background-position: -135px -161px; }

.flag-iceland { background-position: -187px -161px; }

.flag-ireland { background-position: -317px -161px; }

.flag-italy { background-position: -395px -161px; }

.flag-japan { background-position: -31px -187px; }

.flag-latvia { background-position: -291px -187px; }

.flag-liechtenstein { background-position: -5px -213px; }

.flag-lithuania { background-position: -31px -213px; }

.flag-luxembourg { background-position: -57px -213px; }

.flag-netherlands { background-position: -5px -265px; }

.flag-new-zealand { background-position: -83px -265px; }

.flag-norway { background-position: -317px -265px; }

.flag-portugal { background-position: -239px -291px; }

.flag-singapore { background-position: -5px -343px; }

.flag-south-korea { background-position: -213px -343px; }

.flag-spain { background-position: -291px -343px; }

.flag-sweden { background-position: -5px -369px; }

.flag-switzerland { background-position: -31px -369px; }

.flag-taiwan { background-position: -83px -369px; }

.flag-united-kingdom { background-position: -109px -395px; }

.flag-united-states { background-position: -161px -395px; }

/*
 *  Copyright 2016 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 * ADOBE CONFIDENTIAL
 *
 * Copyright 2015 Adobe Systems Incorporated
 * All Rights Reserved.
 *
 * NOTICE:  All information contained herein is, and remains
 * the property of Adobe Systems Incorporated and its suppliers,
 * if any.  The intellectual and technical concepts contained
 * herein are proprietary to Adobe Systems Incorporated and its
 * suppliers and may be covered by U.S. and Foreign Patents,
 * patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe Systems Incorporated.
 */
/* grid component */
.aem-Grid {
  display: block;
  width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
  display: table;
  content: " ";
}
.aem-Grid::after {
  clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
  clear: both;
  margin: 0;
}
/* column of a grid */
.aem-GridColumn {
  box-sizing: border-box;
  clear: both;
}
/* force showing hidden */
.aem-GridShowHidden &gt; .aem-Grid &gt; .aem-GridColumn {
  display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid {
  width: auto;
}
.aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--1 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 10%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 20%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 30%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 40%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 60%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 70%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 80%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 90%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 &gt; .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--1 {
  float: left;
  clear: none;
  width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--2 {
  float: left;
  clear: none;
  width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--3 {
  float: left;
  clear: none;
  width: 25%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--4 {
  float: left;
  clear: none;
  width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--5 {
  float: left;
  clear: none;
  width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--6 {
  float: left;
  clear: none;
  width: 50%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--7 {
  float: left;
  clear: none;
  width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--8 {
  float: left;
  clear: none;
  width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--9 {
  float: left;
  clear: none;
  width: 75%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--10 {
  float: left;
  clear: none;
  width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--11 {
  float: left;
  clear: none;
  width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--default--12 {
  float: left;
  clear: none;
  width: 100%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--0 {
  margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--1 {
  margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--2 {
  margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--3 {
  margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--4 {
  margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--5 {
  margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--6 {
  margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--7 {
  margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--8 {
  margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--9 {
  margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--10 {
  margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--11 {
  margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 &gt; .aem-GridColumn.aem-GridColumn--offset--default--12 {
  margin-left: 100%;
}
.aem-Grid &gt; .aem-GridColumn.aem-GridColumn--default--newline {
  /* newline behavior */
  display: block;
  clear: both !important;
}
.aem-Grid &gt; .aem-GridColumn.aem-GridColumn--default--none {
  /* none behavior */
  display: block;
  clear: none !important;
  float: left;
}
.aem-Grid &gt; .aem-GridColumn.aem-GridColumn--default--hide {
  /* hide behavior */
  display: none;
}
/* phone breakpoint */
@media (max-width: 650px) {
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--1 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--1 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--2 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--3 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--4 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--5 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--6 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--phone--7 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--phone--8 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--phone--9 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--phone--10 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--phone--11 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--phone--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--phone--12 &gt; .aem-GridColumn.aem-GridColumn--offset--phone--12 {
    margin-left: 100%;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--phone--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--phone--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--phone--hide {
    /* hide behavior */
    display: none;
  }
}
/* tablet breakpoint */
@media (min-width: 651px) and (max-width: 1200px) {
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--1 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--1 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--1 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--2 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--3 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--4 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--5 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--6 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 14.28571429%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 28.57142857%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 42.85714286%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 57.14285714%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 71.42857143%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 85.71428571%;
  }
  .aem-Grid.aem-Grid--tablet--7 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 12.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 37.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 62.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 87.5%;
  }
  .aem-Grid.aem-Grid--tablet--8 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 11.11111111%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 22.22222222%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 44.44444444%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 55.55555556%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 77.77777778%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 88.88888889%;
  }
  .aem-Grid.aem-Grid--tablet--9 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 10%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 20%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 30%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 40%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 60%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 70%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 80%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 90%;
  }
  .aem-Grid.aem-Grid--tablet--10 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 9.09090909%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 18.18181818%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 27.27272727%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 36.36363636%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 45.45454545%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 54.54545455%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 63.63636364%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 72.72727273%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 81.81818182%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 90.90909091%;
  }
  .aem-Grid.aem-Grid--tablet--11 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--1 {
    float: left;
    clear: none;
    width: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--2 {
    float: left;
    clear: none;
    width: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--3 {
    float: left;
    clear: none;
    width: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--4 {
    float: left;
    clear: none;
    width: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--5 {
    float: left;
    clear: none;
    width: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--6 {
    float: left;
    clear: none;
    width: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--7 {
    float: left;
    clear: none;
    width: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--8 {
    float: left;
    clear: none;
    width: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--9 {
    float: left;
    clear: none;
    width: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--10 {
    float: left;
    clear: none;
    width: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--11 {
    float: left;
    clear: none;
    width: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--tablet--12 {
    float: left;
    clear: none;
    width: 100%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
    margin-left: 0%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
    margin-left: 8.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
    margin-left: 16.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
    margin-left: 25%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
    margin-left: 33.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
    margin-left: 41.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
    margin-left: 50%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
    margin-left: 58.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
    margin-left: 66.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
    margin-left: 75%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
    margin-left: 83.33333333%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
    margin-left: 91.66666667%;
  }
  .aem-Grid.aem-Grid--tablet--12 &gt; .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
    margin-left: 100%;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--tablet--newline {
    /* newline behavior */
    display: block;
    clear: both !important;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--tablet--none {
    /* none behavior */
    display: block;
    clear: none !important;
    float: left;
  }
  .aem-Grid &gt; .aem-GridColumn.aem-GridColumn--tablet--hide {
    /* hide behavior */
    display: none;
  }
}
/* TODO: find a better place for this */
/* additional styling for components in grid */
.aem-GridColumn.text.parbase p {
  *padding: 0 20px;
  text-align: justify;
}

/*
 *  Copyright 2016 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.text-sm {
  font-size: 16px;
}
.text-md {
  font-size: 18px;
}
.text-lg {
  font-size: 24px;
}
.text-xl {
  font-size: 28px;
}
.text-xxl {
  font-size: 32px;
}
.text-xxxl {
  font-size: 48px;
}
.color-gray {
  color: #555555;
}
.color-gray-light {
  color: #a7a7a7;
}
.color-gray-lighter {
  color: #eeeeee;
}
.color-gray-dark {
  color: #272727;
}
.color-gray-darker {
  color: #222222;
}
.color-primary {
  color: #ed1c24;
}
.color-success {
  color: #39b54a;
}
.block {
  display: block;
}
.lift-super {
  top: -0.55em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

</pre></body></html>