.g3-char-hub {
   position: relative;
   width: 100%;
   height: auto;
   z-index: 1;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: 'poppins', sans-serif;
   font-size: 2.2vw;
   -webkit-text-decoration-skip: none;
   text-decoration-skip-ink: none;
}

@media (min-width: 768px) {
   .g3-char-hub {
      min-width: 978px;
      max-width: 1440px;
   }
}

@media all and (min-width: 978px) and (max-width: 1440px) {
   .g3-char-hub {
      font-size: 1.12vw !important;
   }
}

@media (min-width: 1441px) {
   .g3-char-hub {
      font-size: 16px;
   }
}

@media all and (max-width: 978px) and (min-width:769px) {
   .g3-char-hub {
      font-size: 11px;
   }
}

.g3-char-hub img {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.g3-char-hub *,
.g3-char-hub *::before,
.g3-char-hub *::after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.g3-char-hub a {
   color: inherit;
   text-decoration: none;
   cursor: pointer;
}

.g3-char-hub h1,
.g3-char-hub h2,
.g3-char-hub h3,
.g3-char-hub h4,
.g3-char-hub h5,
.g3-char-hub h6,
.g3-char-hub p {
   position: relative;
   display: block;
   margin: 0;
}

.g3-char-hub p {
   color: #000000;
   font-family: "poppins", sans-serif;
   font-size: 1.375em;
   font-weight: 400;
   line-height: 1.4;
   letter-spacing: 0.02em;
}

.g3-char-hub h1 {
   color: #000000;
   font-family: "knockout", sans-serif;
   font-size: 4.375em;
   font-weight: 400;
   line-height: 1.1;
   letter-spacing: 0.02em;
}

.g3-char-hub h2 {
   color: #000000;
   font-family: "knockout", sans-serif;
   font-size: 4.2875em;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 0.02em;
}

.g3-char-hub h3 {
   color: #000000;
   font-family: "knockout", sans-serif;
   font-size: 3.125em;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 0.02em;
}

.g3-char-hub h4 {
   color: #000000;
   font-family: "knockout", sans-serif;
   font-size: 4.1em;
   font-weight: 400;
   line-height: normal;
   letter-spacing: 0.02em;
}

@media (min-width: 768px) {
   .g3-char-hub p {
      font-size: 1.07em;
   }

   .g3-char-hub h1 {
      font-size: 3.44em;
      line-height: 1.4;
   }

   .g3-char-hub h3 {
      font-size: 2.57em;
   }

   .g3-char-hub h4 {
      font-size: 3.44em;
   }
}

.g3-char-hub section {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub picture {
   position: relative;
   display: block;
}

.g3-char-hub picture img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
}

.g3-fadein {
   opacity: 0;
}

.g3-dt {
   display: none;
}

.g3-mob {
   display: block;
}

.g3-nobreak--dt>br {
   display: block;
}

.g3-nobreak--mob>br {
   display: none;
}

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

   .g3-dt {
      display: block;
   }

   .g3-nobreak--mob>br {
      display: block;
   }

   .g3-nobreak--dt>br {
      display: none;
   }
}

.g3-ro {
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   margin: 0;
   opacity: 0;
   z-index: 100;
}

.g3-ro>img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
}

.g3-rel {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-abs {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-it {
   font-style: italic;
}

a.g3-cta--ul {
   display: inline-block;
   position: relative;
   font-family: 'poppins', sans-serif;
   font-size: 1.5em;
   font-weight: 400;
   line-height: normal;
   letter-spacing: .02em;
   color: inherit;
   text-decoration: underline;
   text-underline-offset: .2em;
   cursor: pointer;
}

@media (min-width: 768px) {
   a.g3-cta--ul {
      font-size: .9em;
   }
}

.g3-char-hub__hero {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 3% 0 0 0;
   overflow: hidden;
   text-align: center;
}

.g3-char-hub__hero p {
   font-size: 1.625em;
   font-weight: 600;
}

.g3-char-hub__hero__img {
   position: relative;
   width: 100%;
   height: auto;
   margin: 1.2em 0 0 0;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__hero__img::before {
   content: "";
   display: block;
   padding-top: 78.933%;
}

.g3-char-hub__hero__img img,
.g3-char-hub__hero__img video {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
}

@media (min-width: 768px) {
   .g3-char-hub__hero {
      padding: 2.4% 0 0 0;
   }

   .g3-char-hub__hero__img::before {
      content: "";
      display: block;
      padding-top: 42.857%;
   }

   .g3-char-hub__hero p {
      font-size: 1.07em;
      font-weight: 400;
   }
}

.g3-char-hub__banner {
   position: relative;
   width: 100%;
   height: auto;
   margin: 6% 0 8% 0;
   padding: 5% 0;
   overflow: hidden;
   background-color: #FDE4E0;
}

.g3-char-hub__banner__content {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__banner__content>div {
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
}

@media (min-width: 768px) {
   .g3-char-hub__banner {
      margin: 5% 0;
      padding: 3% 0;
   }

   .g3-char-hub__banner__content {
      display: flex;
      flex-flow: nowrap;
      justify-content: space-between;
      align-items: center;
      width: 83.33%;
   }

   .g3-char-hub__banner__content>div:first-child {
      text-align: left;
   }

   .g3-char-hub__banner__content>div:last-child {
      text-align: right;
   }
}

section.g3-char-hub__orgs {
   padding-bottom: 0;
}

.g3-char-hub__orgs__content {
   position: relative;
   width: 82%;
   height: auto;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__org-item {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
   text-align: center;
}

.g3-char-hub__org-item {
   margin-bottom: 15%;
}

.g3-char-hub__org-item>img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0 0 2.8em 0;
}

.g3-char-hub__org-item>p {
   margin-top: .6em;
   padding: 0 1em;
}

.g3-char-hub__org-item br {
   display: none;
}

@media (min-width: 768px) {
   section.g3-char-hub__orgs {
      padding-bottom: 5.5%;
   }

   .g3-char-hub__orgs__content {
      display: flex;
      flex-flow: nowrap;
      justify-content: space-between;
      align-items: center;
      width: 83.33%;
   }

   .g3-char-hub__org-item {
      width: 46.4%;
   }

   .g3-char-hub__org-item {
      margin-bottom: 0;
   }

   .g3-char-hub__org-item>img {
      margin: 0 0 1.8em 0;
   }

   .g3-char-hub__org-item>p {
      padding: 0;
   }

   .g3-char-hub__org-item br {
      display: block;
   }
}

section.g3-char-hub__fb {
   padding: 5.4% 0;
}

.g3-char-hub__fb--desc-left {
   background-color: #FDE4E0;
}

.g3-char-hub__fb__content {
   position: relative;
   width: 82%;
   height: auto;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__fb__content>div {
   text-align: center;
}

.g3-char-hub__fb__desc {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 2.2em 0 4.2em 0;
   overflow: hidden;
}

.g3-char-hub__fb__desc>p {
   font-size: 1.1875em;
   letter-spacing: .04em;
   line-height: 1.5;
   margin-top: 2.2em;
   padding: 0 4em;
}

.g3-char-hub__fb__desc p>br {
   display: none;
}

.g3-char-hub__fb__list {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__fb__list-item {
   position: relative;
   display: flex;
   flex-flow: nowrap;
   align-items: center;
   align-content: center;
   width: 100%;
   height: 5.5em;
   margin: 0;
   padding: 0;
   overflow: hidden;
   border-top: solid 1px #828080;
   border-bottom: none;
   color: #000000;
   font-family: "poppins", sans-serif;
   font-size: 1.6em;
   font-weight: 600;
   line-height: 1.2;
   letter-spacing: 0.02em;
}



.g3-char-hub__fb__list-item>div {
   position: relative;
   width: 100%;
   margin: 0;
   padding: 0;
   text-align: inherit;
}

@media (min-width: 768px) {
   section.g3-char-hub__fb--desc-left .g3-char-hub__fb__list {
      text-align: right;
   }

   section.g3-char-hub__fb--desc-left .g3-char-hub__fb__desc {
      text-align: left;
   }

   section.g3-char-hub__fb--desc-right .g3-char-hub__fb__list {
      order: -1;
      text-align: left;
   }

   section.g3-char-hub__fb--desc-right .g3-char-hub__fb__desc {
      text-align: right;
   }

   .g3-char-hub__fb__content {
      display: flex;
      flex-flow: nowrap;
      justify-content: space-between;
      align-items: flex-start;
      width: 83.33%;
   }

   .g3-char-hub__fb__desc {
      width: 40%;
      padding: 0;
   }

   .g3-char-hub__fb__desc>p {
      margin-top: .8em;
      padding: 0;
   }

   .g3-char-hub__fb__desc p>br {
      display: block;
   }

   .g3-char-hub__fb__list {
      width: 58.83%;
   }

   .g3-char-hub__fb__list-item {
      border-bottom: solid 1px #828080;
      border-top: none;
      height: 3.8em;
   }

   .g3-char-hub__fb__list-item:first-of-type {
      height: 2.5em;
   }

}

.g3-char-hub__grid__content {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__grid__row {
   position: relative;
   display: grid;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__grid--2x .g3-char-hub__grid__row {
   grid-template-columns: repeat(1, 1fr);
}

.g3-char-hub__grid__img {
   position: relative;
   overflow: hidden;
   margin: 0 0 3em 0;
   padding: 0;
}

.g3-char-hub__grid__img>img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
}

.g3-char-hub__grid__quote {
   position: relative;
   display: flex;
   flex-flow: nowrap;
   justify-content: center;
   align-items: center;
   margin: 0;
   padding: 0 0 2em 0;
   overflow: hidden;
}

.g3-char-hub__grid__quote>blockquote {
   position: relative;
   margin: 0;
   padding: 0;
   overflow: hidden;
   text-align: center;
}

.g3-char-hub__grid__quote blockquote {
   position: relative;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__grid__quote p {
   font-size: 1.375em;
   margin-bottom: 1.2em;
   padding: 0 5em;
}

.g3-char-hub__grid__quote p:not(:last-of-type) br {
   display: none;
}

@media (min-width: 768px) {
   .g3-char-hub__grid__row--img-right .g3-char-hub__grid__quote {
      order: -1;
   }

   .g3-char-hub__grid--2x .g3-char-hub__grid__row {
      grid-template-columns: repeat(2, 1fr);
   }

   .g3-char-hub__grid__img {
      margin: 0;
   }

   .g3-char-hub__grid__quote {
      margin: 0;
   }

   .g3-char-hub__grid__quote p {
      font-size: 1.28em;
      margin-bottom: 1.2em;
      padding: 0;
   }

   .g3-char-hub__grid__quote p:not(:last-of-type) br {
      display: block;
   }
}

section.g3-char-hub__donate-banner {
   background-color: #efefee;
   text-align: center;
   padding: 7% 0 5%;
}

.g3-char-hub__donate-banner p {
   margin-top: 1em;
}

.g3-char-hub__donate-banner__img {
   display: inline-block;
   position: relative;
   width: 16em;
   height: auto;
   margin: 2.5em .6em 0;
}

.g3-char-hub__donate-banner__img>img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   z-index: 10;
}

@media (min-width: 768px) {
   section.g3-char-hub__donate-banner {
      margin-top: 6.5%;
      padding: 4.2% 0 2.7%;
   }

   .g3-char-hub__donate-banner__img {
      margin: 2em .6em 0;
   }
}


section.g3-char-hub__more {
   padding: 13% 0;
   text-align: center;
}

section.g3-char-hub__more h3 {
   font-size: 4.1em;
   line-height: 1.15;
}

.g3-char-hub__more__content {
   position: relative;
   width: 100%;
   display: flex;
   flex-flow: wrap;
   justify-content: center;
   align-items: center;
   gap: 4.5em;
   row-gap: .5em;
   height: auto;
   margin: 3% 0 0 0;
   padding: 0;
   overflow: hidden;
}

.g3-char-hub__more__item {
   position: relative;
   width: 10em;
   height: 10em;
   margin: 2.8% 0 0 0;
   padding: 0;
   overflow: hidden;
   border-radius: 50%;
   background-color: #d0d3d4;
}

.g3-char-hub__more__item>img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
}

@media (min-width: 768px) {
   section.g3-char-hub__more {
      padding: 4.6% 0;
   }

   .g3-char-hub__more__content {
      margin: 0;
      flex-flow: nowrap;
      row-gap: 0;
   }

   section.g3-char-hub__more h3 {
      font-size: 2.57em;
      line-height: normal;
   }

   .g3-char-hub__more__item {
      width: 8.75em;
      height: 8.75em;
      margin: 2.8% 0 0 0;
   }
}

#g3-char__overlay {
   position: fixed;
   width: 100%;
   max-width: 978px;
   height: 100%;
   top: 0;
   left: 0;
   margin: 0;
   z-index: 1000;
   background-color: #FFFFFF;
   visibility: hidden;
   opacity: 0;
   -webkit-overflow-scrolling: touch;
}

#g3-char__overlay__content {
   position: relative;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

#g3-char__overlay__content iframe {
   display: block;
   position: relative;
   width: 100%;
   height: 100%;
   max-width: 978px;
   top: 0;
   left: 0;
   margin: 0;
   overflow-x: hidden;
}

#g3-char__overlay__close {
   display: block;
   position: absolute;
   width: 5em;
   height: auto;
   top: 0;
   right: 0;
   margin: 0 1em 0 0;
   z-index: 200;
   cursor: pointer;
}

@media (min-width: 768px) {
   #g3-char__overlay {
      max-width: 978px;
      height: calc(90% - 125px);
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: solid 1px #dddddd;
   }

   #g3-char__overlay__content iframe {
      width: 978px;
   }

   #g3-char__overlay__close {
      width: 3em;
   }
}

#g3-char__donate-popup {
   position: fixed;
   width: 100%;
   height: auto;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background-color: #FFFFFF;
   opacity: 0;
   visibility: hidden;
   z-index: 1000;
   border: solid 1px #dddddd;
}

#g3-char__donate {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0 auto 0 auto;
   padding: 10% 0;
   overflow: hidden;
   text-align: center;
}

#g3-char__donate>p {
   margin-top: 0.3em;
}


#g3-char__donate__carousel {
   position: relative;
   width: 94%;
   height: auto;
   margin: 6% auto 0 auto;
   padding: 0;
   overflow: hidden;
}

.g3-char__donate__arrow {
   display: block;
   position: absolute;
   top: 50%;
   transform: translateY(-48%);
   width: 7.4%;
   height: auto;
   margin: 0;
   cursor: pointer;
}

#g3-char__donate__arrow--l {
   left: 0;
}

#g3-char__donate__arrow--r {
   right: 0;
}

#g3-char__donate__carousel__inner {
   position: relative;
   width: 80.808%;
   height: 10em;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
}

.g3-char__donate__slide {
   display: block;
   position: absolute;
   width: 100%;
   height: auto;
   top: 0;
   left: 0;
   margin: 0;
   opacity: 0;
}

.g3-char__donate__slide:first-of-type {
   opacity: 1;
}

.g3-char__donate__links {
   display: none;
}

#g3-char__donate__ctas {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   align-content: start;
   gap: 1em;
   position: relative;
   width: 82.43%;
   height: auto;
   margin: 5% auto 0 auto;
   padding: 0;
   overflow: hidden;
}

#g3-char__donate__ctas a {
   display: block;
   color: #000000;
   font-family: "poppins", sans-serif;
   font-size: 2.75em;
   letter-spacing: 0.05em;
   font-weight: 700;
   line-height: 2.1;
   padding: .3em 0 0 0;
   margin: 0;
   background-color: #fde4e0;
   border-radius: 0.2em;
}

@media (min-width: 768px) {
   #g3-char__donate-popup {
      max-width: 1300px;
   }

   #g3-char__donate {
      width: 81.391%;
      padding: 4% 0;
   }

   #g3-char__donate__carousel {
      width: 74.623%;
      margin: 0 auto 0 auto;
   }

   #g3-char__donate__ctas {
      width: 100%;
      margin: 1.2em auto 0 auto;
      gap: 1.6em;
   }

   #g3-char__donate__ctas a {
      font-size: 2.8125em;
      line-height: 2.8;
   }
}

.g3-scrim {
   display: block;
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   margin: 0;
   background-color: rgba(255, 255, 255, 0.9);
   z-index: 900;
   cursor: pointer;
   visibility: hidden;
   opacity: 0;
}